/* VRI screen.css */

/***** Default Tag Styles *****/
a {color:#3F3FB1; text-decoration:underline; font-weight:bold;}
h1 {font-size:130%; width:100%;}
h2 {font-size:130%; width:100%; clear:both; margin:0 0 12px; color:#0E5992;}
h3 {font-size:100%; width:100%;}
h4 {font-size:90%; width:100%; color:#3A4292; margin:4px 0; padding:0;}
hr {border:1px solid #ccc; color:#fff; background-color:#fff; height:1px;}
p {margin:0; padding:5px 0; text-align:left;}
p.notevri {font-size:80%; font-style:italic; padding:0 0 10px 20px; width:600px; margin:0; clear:both;}
fieldset {margin:5px;}

/*.color {color:#663399;}*/





/* ---(wrap this includes all but the footer)------------------------------- */
/*This style sheet sets some of the advanced layouts that would cause netscape 4*/
/*to fall apart. This style sheet is being imported, hiding it from this archaic browser */
#wrap {
    background:#fff none; text-align:left; margin:0 auto; position:relative; padding:0; width:770px;
    }

/*--------------(header styles)--------------- */
#header {width:770px; height:128px; position:relative; margin:0; padding:0; background:#fff;}


/*------------(site wide general settings)---------------- */

/* ---( footer )----------------------------------- */
#footer, #footerlogin {
    position:relative; clear:both; margin:0; padding:2px 5px; text-align:center; vertical-align:top;
    background: #DEC9F0 none; border-top:1px solid #f4ece1; font-size:75%;}
#footer p, #footerlogin p {
    font-size:70%; color:#666; text-align:left; margin:0 70px; padding:0; width:80%;}

/*Link colors and styles*/
a:visited {text-decoration:underline;}
a:hover {color:#6f9c12; text-decoration:none;}
abbr, acronym {cursor:help;}  changes the mouse to a question mark when hovered over an abbreviation or acronym
.center {text-align:center;}


/* ---( misc. )------------------------------------------ */
/*.pcenter {float:left; text-align:center; clear:both; margin:20px 0; width:97%;}*/
/*.pcenterfooter {background:#fff; float:left; text-align:center; margin:0; width:97%;}*/
/*.leftMargin20px{margin-left:20px;}*/
/*.noZIndex {z-index:0;}*/

/* -----------------------( content sections )----------------------------- */
/* maincontent styles */
#maincontent {float:right; font-size:95%; width:auto; margin:10px 20px; padding:0 0 10px 0; background:#fff;}
#maincontent img {float:right; margin:5px;}
#maincontent img.plainimg {float:none; border:none;}
#maincontent img.middleimg {vertical-align:middle; float:none; border:1px solid #fff;}
#maincontent img.noborderimg {border:none;}
#maincontent img.helpimg {float:none; border:none; padding:0; margin:0; vertical-align:middle; text-decoration:none;}
#maincontent img.reallyplain {float:left; border:none; padding:0; margin:0;}
#maincontent img.noteimg {float:left; border:none; padding:0; margin:0; clear:left;}
#maincontent h1 {
    font-size:140%; clear:both; padding:0 0 10px 0; margin:0; color:#0E5992;}
#maincontent h1.homepage {font-size:180%; margin:18px 0 26px 0;}
#maincontent h3 {margin:10px 0; color:#0E5992;}

/* change the maincontent to static width during dec page to fix silly bug in standard browsers */
body.mode-purchase #maincontent {width:495px;}

/* images */
img.pdfimg {float:none!important; margin:0; border:0;}


/* ----------------------------------------( sidebar )----------------------------- */
#sidebar {
	font-size:85%; position:relative; width:235px; margin:0; padding:0;
    background:transparent; float:left;}
#sidebar p {padding:5px;}
#sidebar .reallyPlain {float:none; border:none; padding:0; margin:0;}



/*make the sitemap easier to read */
#sitemap div, #declaration div {margin:10px 0; border:1px solid #999; padding:2px 5px; float:left; width:98%;}
#sitemap dl, #declaration dl {padding:5px; margin:5px; clear:both;}
#sitemap dl:hover, #declaration dl:hover { }
#sitemap dt, #declaration dt {margin:0; padding:0; display:block;}
#sitemap dd, #declaration dd {margin:0 0 0 20px; padding:0; font-size:95%;}
#sitemap a, #declaration a {text-decoration:none; display:block; padding:0 5px;}
#sitemap a:hover, #declaration a:hover {text-decoration:underline; background:#fff;}
/*#declaration h3 {clear:both;}*/



/*  -------------------(Unique Div styles)------------------------------ */
/* this div is for the error boxes */
div.error {position:relative; color:#f00; width:64%; float:right; background-color:#ececec; margin:5px 10px; padding:3px; border:2px solid gray;}
div.error ul{float:right; color:#f00;}
div.error h3 {margin:0;}

/*This div is for the notice box*/
.notice {float:left; position:relative; width:495px; margin:3px 10px 3px 0!important; padding:0; border:1px solid #A6AECE; text-align:left; font-size:12px;}
.notice h3 {background:url(../../images/bg-notice.png) repeat-x; margin:0 0 5px 0!important; padding:0 0 0 5px; width:490px;}
.notice p {margin:0 0 5px 0; padding:0 5px 0 10px; width:420px; float:left;}
.notice img {margin:0; padding:0;}
.noticelink {text-decoration:none; color:#000;}
.noticespacer {height:60px; width:1px; float:left;}

.noticeleft {
    float:left; background-color:#fff!important; width:210px;
    margin:15px 5px 5px 10px!important; padding:0; border:1px solid #ccc;
    text-align:left; font-size:11px;}
.noticeleft h3 {
    margin:0; padding:8px 0; width:210px; height:22px; text-align:center;
    color:#fff; font-size:110%; vertical-align:middle;
    background:url(../../images/bkgd_sprite_horiz_repeaters.png) repeat-x 0 -113px;
}
.noticeleft h4 {float:left; width:190px; margin:2px 0; padding:0 5px;}
.noticeleft p {margin:0; padding:0 5px 0 10px; width:195px;}
.noticeleft img {margin:0 5px 0 0; padding:0; float:left; border:1px solid #333; display:block;}
.noticeleftlink {text-decoration:none; color:#000;}



/* this div draws a box filled with red for mission statement */
#bodybox {width:89%; margin:5px; padding:5px; border:1px solid #333; background-color:#FFDFDF;}
#bodybox p {width:100%;}



/*hide navigation items on specific sections */
body.ccproc, body.ccproc #wrap {background: #fff !important;}
body.ccproc #header, body.ccproc #sidebar, body.ccproc #footer {display:none;}



/* Styles for the Tooltip box */
#overDiv {position:absolute; visibility:hidden; z-index:1000; width:321px; margin:0; padding:0;}
#tooltiptop {background-image:url('../../images/tooltip_02.gif'); float:left; width:321px; height:19px;}
#tooltipcontent {background-image:url('../../images/tooltip_03.gif'); float:left; width:321px; clear:left;}
#tooltipcontent img {float:left;}
#tooltipcontent div {background-color:#ffffcc; padding:0 5px; margin:0; float:left; position:relative; left:10px; width:271px!important;}
#tooltipbottom {background-image:url('../../images/tooltip_07.gif'); float:left; width:321px; height:19px; clear:both;}



/* shorten the width of defs */
#vridefs dt, #vridefs dd {width:600px;}
#vridefs dt {font-weight:bold;}


/* ------ table styles ----------*/
table {border:1px solid #999; margin-bottom:10px; font-size:90%;}
caption {
    background-color:#000; color:#fff; text-align:center; font-weight:bold; border-collapse:collapse;
    padding:3px 0; margin-left:0; margin-right:0;}
.subcaption {background-color:#025F98; color:#fff; text-align:left; font-weight:bold;}
/*#quoteresults tr.ruled{background-color:#9cf;}*/
td {border: 1px solid #999; padding:2px 4px; border-collapse:collapse;}
/* this section gives a subtle hover in compliant browsers  but it has no side-effects in IE */
tr:hover td:first-child{border-left:1px solid #f90;}
tr:hover td:last-child{border-right:1px solid #f90;}
tr:hover td{border-top:1px solid #f90; border-bottom:1px solid #f90;}



/* ordered content */
.vricovtable {background:#C8C8DD!important; width:500px;}
.vricovtable th {background:#47458D; margin:0; padding:0 0 0 5px; border:0;color:#FFF; border-collapse:collapse;}
.vricovtable td {background:transparent; margin:0;padding:0 0 0 5px; border-collapse:collapse;}




#popupBackground {top:0; left:0; position:absolute; background-color:rgb(153, 153, 153);
     filter:alpha(opacity=60); opacity:0.6;}
#purchasedVriPopupContent {text-align:center;  font:0.90em/1.25em Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;}
#purchasedVriPopupContent fieldset {border:0; margin:0; padding:0;}
#purchasedVriPopupContent select {margin-top:15px!important;}
#purchasedVriPopupContent input {border:1px solid #000;}
#purchasedVriPopupContent p, #purchasedVriPopupContent label {text-align:left; margin:0;}