BODY { /*background: url(../images/body_gradient.jpg) repeat-x;*/ background-color: #f0f0f0; margin: 0px 10px 10px 10px; border: 0px; padding: 0px; font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 20px; text-align:center; color: #2f2f2f; } .maincontainer { width: 980px; margin:0 auto; } .header { height: 100px; width: 100%; text-align: left; } .headerlinkbar { height: 100px; padding: 0px; vertical-align: middle; } .headersublinkbar { position: absolute; top: 70px; width: 980px; text-align: right; } .headersublinkbar span { padding: 0px 0px 0px 10px; } .statusbar { text-align: left; font-size: 0px; border: 1px solid #d0d6de; margin-top: 5px; } .statusbar .splash { height: 380px; } .statusbar .banner { height: 190px; } .midsection { text-align: left; padding-top: 5px; } .sidebar { position: absolute; width: 195px; margin-top: 1px; text-align: left; } .contentcontainer, .contentcontainerwithsidebar, .popupcontentcontainer { position: absolute; /*background: #ffffff url(../images/section_gradient.jpg) repeat-x;*/ background-color: #ffffff; text-align: left; border: 1px solid #d0d6de; } .contentpopup { background-image: none; background-color: #ffffff;} .contentcontainer { width: 980px; } .contentcontainerwithsidebar { margin-left: 200px; width: 780px; } .content { margin: 10px; font-size: 16px; text-align: justify; } .content p, .content h2 { margin: 15px 0px; } h1, h2, h3 { /*font-family: Georgia, "Trebuchet MS", Century Gothic, Arial, sans-serif; */ } h1 { color: #505964; font-size: 20px; line-height: 24px; font-weight: bold; padding: 0px 0px 10px 0px; margin: 0px 0px 5px 0px; border-bottom: 1px solid #d0d6de; } h2 { color: #355a89; font-size: 18px; line-height: 22px; font-weight: bold; text-align: left; padding: 0px 0px 0px 0px; margin: 0px; } h2.success { color: #00aa00; } h2.error { color: #ed0000; } h3 { color: #355a89; font-size: 16px; font-weight: normal; text-align: left; padding: 5px 0px 0px 0px; margin: 0px; } .footer { background-color: #d0d6de; position: relative; top: 0px; height: 20px; border-top: 1px solid #d0d6de; padding-top: 2px; margin-top: 20px; text-align: left; vertical-align: middle; color: #222222; } .footer span { padding: 25px 0px 0px 5px; } .footerlinkbar { margin: auto 10px; } .contentcontainer .footer { width: 980px; } .contentcontainerwithsidebar .footer { width: 780px; } .loading { font-size: 16px; } em { font-weight: bold; font-style: normal; } em.soft { color: #355a89; } em.softer { color: #355a89; font-weight: normal; } em.highlight { color: #355a89; background-color: #f8ff88; font-weight: normal; font-style: normal; padding: 2px; } .separator { font-size: 16px; font-weight: bold; margin: 0 10px; } blockquote { background: url(../images/icons/left_blockquote.png) no-repeat; background-position: 0px 0px; padding: 5px 0px 0px 50px; margin: 0px; font-size: 20px; line-height: 24px; color: #355a89; } li { margin-bottom: 15px; } ol.ol2 li, ol.ol3 li { margin: 0px 0px 0px 10px; padding: 10px 0px 0px 0px; } ol.ol2 { list-style-type: lower-alpha; margin: -10px auto 10px auto; } ol.ol3 { list-style-type: lower-roman; margin: -10px auto 10px auto; } ul { list-style-type: square; } img.borderedimage, img.chart, iframe.previewframe { border: 1px dotted #d0d6de; } hr { color: #355a89; height: 1px; } hr.mid { width: 350px; } .hidden { display: none; } .siteseal { float: right; margin: 5px; } .no-transp { opacity: 1.0; filter: Alpha(opacity=100); } .hi-transp { opacity: 0.5; filter: Alpha(opacity=50); } .lo-transp { opacity: 0.75; filter: Alpha(opacity=75); }/*** ANCHORS ***/ A, A IMG { color: #355a89; font-weight: normal; text-align: center; text-decoration: none; padding: 0px; margin: 0px; border: 0px; } .activeheaderlink A, .activeheaderlink A:hover, .headerlink A, .headerlink A:hover, .specialheaderlink A, .specialheaderlink A:hover { font-weight: bold; font-size: 16px; color: #355a89; border-bottom: none; } .activeheaderlink A, .activeheaderlink A:hover, .headerlink A:hover { color: #4eaa5e; } .specialheaderlink A, .specialheaderlink A:hover, .specialheaderlink A:hover { color: #00AA00; } .activetitlelink A, .titlelink A { color: #355a89; } .activetitlelink A { color: #355a89; font-weight: bold; } .activetitlelink, .titlelink { padding: 0px 10px; border-right-width: 1px; border-right-style: dotted; } .headerlink, .activeheaderlink { width: 45px; height: 22px; line-height: 20px; margin-left: 20px; } .headerlink a span, .activeheaderlink a span { width: 45px; /* cursor: hand; */ } .activetitlelink A:hover, .titlelink A:hover { color: #00AA00; border-bottom: 1px dotted #355a89; } .pagetoolbar span.inline-link a { padding: 2px 5px 2px 0px; } .pagetoolbar .titlelink { padding: 2px 5px 2px 0px; border-right: none; border-bottom: 0px; } .pagetoolbar .titlelink a { border-bottom-width: 1px; border-bottom-style: dotted; } .pagetoolbar .activetitlelink { border-left: none; border-right: none; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #355a89; } .pagetoolbar .micro-link { border-bottom-width: 2px; } .pagetoolbar .activetitlelink, .pagetoolbar .titlelink { padding: 2px 10px; border-left: none; border-right: none; } .pagetoolbar .micro_link, .pagetoolbar .micro-link { border-left: none; border-right: none; } .pagetoolbar .micro_link a, .pagetoolbar .micro-link a { text-decoration: none; } .activetitletab A, .titletab A, .specialtitletab A { background-color: 355a89; color: #ffffff; padding: 2px 11px; margin: 0px 0px 0px 5px; border: 1px solid #222222; font-size: 11px; } .activetitletab A, .activetitletab A:hover, .titletab A:hover { background-color: #4eaa5e; color: #ffffff; border: 1px solid #222222; } .specialtitletab A, .specialtitletab A:hover { background-color: #00aa00; color: #ffffff; border: 1px solid #222222; } #signinbutton { color: white; font-size: 20px; font-weight: bold; line-height: 22px; float: right; margin-top: -57px; display: inline; width: 125px; background-color: #8aafde; border: 1px solid #355a89; padding: 5px 0px; text-align: center; cursor: pointer; } #signinchevron { position: absolute; top: 35px; padding: 0px 3px; font-size: 15px; /*font-family: Arial, Courier; */ } div.largebutton { /*background-color: #eceff4; border: 1px solid #d0d6de; padding: 1px 0px 0px 0px; margin: 0px;*/ font-size: 20px; line-height: 36px; text-align: center; vertical-align: middle; display: inline; } div.largebutton .button, div.largebutton .clkbutton { background-color: #355a89; color: #ffffff; font-size: 16px; height: 36px; line-height: 20px; font-weight: bold; } /*#exchange A, #exchange A:hover {*/ .special-link A, .special-link A:hover { color: #00AA00; } /*** HEADERS ***/ h1 A, h2 A, h3 A { color: #355a89; } h1 A:hover, h2 A:hover, h3 A:hover { color: 00AA00; } /*** MENU ***/ .arrow_link A, .down_arrow_link A { height: 20px; background: url(../images/blue_arrow.gif) no-repeat; background-position: 0px center; text-align: left; padding-left: 15px; } .down_arrow_link A { background: url(../images/blue_arrow_down.gif) no-repeat; background-position: 0px center; } .arrow_link A:hover, .down_arrow_link A:hover { border-bottom: none; } .inline_link A, .inline_link A:hover, .inline-link A, .inline-link A:hover { color: #355a89; border-bottom: 1px dotted #355a89; } .inline_link A:hover, .inline-link A:hover { color: #00AA00; border-bottom: 1px dotted #355a89; } .successtextcontainer, .errortextcontainer, .restrictedtextcontainer , .pintextcontainer { text-align: left; background-position: left top; padding: 30px 0px 110px 110px; font-size: 20px; } .successtextcontainer { background: url(../images/icons/success.png) no-repeat; } .errortextcontainer { background: url(../images/icons/error.png) no-repeat; } .restrictedtextcontainer { background: url(../images/icons/banned.png) no-repeat; } .pintextcontainer { background: url(../images/icons/padlock.gif) no-repeat; } .menucontainer { background-color: transparent; } .menuitem A, .activemenuitem A, .specialmenuitem A, .openmenuitem A, .openactivemenuitem A, .openspecialmenuitem A { display: block; color: #ffffff; padding: 4px 0px 4px 35px; margin-bottom: 2px; height: 20px; background: #355a89 url(../images/white_arrow_down.gif) no-repeat; background-position: 20px center; border: 1px solid #355a89; text-align: left; } .menuitem A, .activemenuitem A { background: #355a89 url(../images/white_arrow.gif) no-repeat; background-position: 20px center; } .openmenuitem A, .openactivemenuitem A, .openspecialmenuitem A { background-image: url(../images/white_arrow_down.gif); } .submenuitem A, .activesubmenuitem A { display: block; color: #355a89; padding: 4px 0px 4px 35px; margin-bottom: 2px; height: 20px; background: #f8f8f8 none no-repeat; background-position: 20px center; text-align: left; border: 1px solid #d0d6de; } .menuitem A:hover, .activemenuitem A, .activemenuitem A:hover, .openmenuitem A:hover, .openactivemenuitem A { background-color: #355a89; color: #ffffff; } .menuitem A:hover, .activemenuitem A:hover, .openmenuitem A:hover, .openactivemenuitem A:hover, .submenuitem A:hover, .activesubmenuitem A:hover { border: 1px solid #355a89; } .submenuitem A:hover, .activesubmenuitem A { background-color: #4eaa5e; border: 1px solid #4eaa5e; color: #ffffff; } .specialmenuitem A, .openspecialmenuitem A { background-color: #00AA00; border: 1px solid #00AA00; color: #ffffff; } .specialmenuitem A:hover, .openspecialmenuitem A:hover { border: 1px solid #00AA00; background-color: #00AA00; color: #ffffff; } .toolbar, .activetoolbar, .activetoolbar-highlight { line-height: 25px; margin: 5px 0px 10px 0px; color: #355a89; font-size: 16px; font-weight: normal; display: none; } .pagetoolbar { font-size: 14px; text-align: center; margin: 10px auto; } .activetoolbar, .activetoolbar-highlight { border: 1px solid #ffffff; } * html div.activetoolbar { border-width:0px; margin: 1px 1px 0px 1px; } * html div.activetoolbar-highlight { border-width:1px; margin: 0px 0px -1px 0px; } .subtitle, .toolbar .subtitle, .activetoolbar .subtitle, .activetoolbar-highlight .subtitle { font-size: 12px; } .activetoolbar-highlight { background-color: #eceff4; } .toolbar_button a { color: #355a89; } .pagehelp_link A, .pagehelp_link A:hover, .pagehelp_link A:hover, .pagenotice_link A, .pagenotice_link A:hover, .pagenotice_link A:hover { color: #00aa00; } .toolbar_button img, .toolbar_button span { margin: 0px 5px; vertical-align: bottom; } .micro_link, .micro-link { font-size: 10px; } .micro_link a, .micro-link a { text-decoration: underline; color: #355a89; padding: 0px 2px 0px 0px; } .micro_link a:hover, .micro-link a:hover { color: #00AA00; } .floatinglogo { float: left; margin-right: 10px; border: 1px solid #8aafde; /* cursor:hand; */ } a.fullstar, a.halfstar, a.emptystar { display: inline; width: 20px; height: 20px; margin: 0px; float: right; } a.fullstar { background: url(../images/icons/fullstar.gif) no-repeat; } a.halfstar { background: url(../images/icons/halfstar.gif) no-repeat; } a.emptystar { background: url(../images/icons/emptystar.gif) no-repeat; } .sub_section { background-position: left top; padding-left: 50px; margin: 10px 0px 10px 0px; } div.colorbox { display:inline; width: 20px; height: 20px; border: 1px solid #000000; cursor: pointer; } div.subnote { background: url(../images/icons/info.png) no-repeat; background-position: 5px 5px; background-color: #ffffff; border: 1px solid #8aafde; padding: 5px; padding-left: 30px; color: #355a89; } div.pagehelpheader, div.pagehelp, div.pagenotice { display: none; margin-top: 20px; } div.pagehelp, div.pagenotice { background-color: #f8f8f8; /*border: 1px solid #d0d6de;*/ padding: 0px 10px 0px 10px; } div.pagenotice { display: block; } div.pagehelp { text-align: left; font-size: 12px; } .contentdate { background: #FFFFFF url(../images/icons/date.gif); float: left; width: 45px; height: 50px; line-height: 50px; margin: 0px; padding: 0px; } .contentdate h3 { color: #FFFFFF; font-size: 10px; line-height: 14px; font-weight: normal; padding: 1px 0px 0px 10px; margin: 0px; text-transform: uppercase; } .contentdate h4 { /*font-family: Times New Roman, Helvetica, Sans-Serif;*/ color: #999999; font-size: 21px; line-height: 21px; font-weight: bold; padding: 5px 4px 0px 0px; margin: 0px; text-align: center; } form { display: inline; } input, select, textarea { color: #0f0f0f; font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 18px; line-height: 18px; vertical-align: middle; border: 1px solid #8f8f8f; } input, textarea { padding: 5px; } .text, .text-highlight, .password, .password-highlight, .tinytext, .tinytext-highlight, .smalltext, .smalltext-highlight, .mediumtext, .mediumtext-highlight, .widetext, .widetext-highlight { height: 35px; } input.button, input.clkbutton, input.linkbutton { background-color: #eceff4; color: #355a89; font-size: 12px; font-weight: bold; border: 1px solid #d0d6de; cursor: pointer; } div.largebutton input.button {	border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #2f2f2f; } div.largebutton input.clkbutton { border-top: 1px solid #2f2f2f; border-left: 1px solid #2f2f2f; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #2f2f2f; } div.xlargebutton { border: 1px solid #2f2f2f; } input.linkbutton { cursor: pointer; } input.odd, input.even, input.radio, input.checkbox, input.image { border: none; background-color: transparent; } input.radio { padding: 5px; height: 25px; } option.inactiveopt { color: #8f8f8f; font-style: italic; } select, .text, .text-highlight, .password, .password-highlight { width: 250px; } .wideselect, .wideselect-highlight, .widetext, .widetext-highlight { width: 400px; } .tinytext, .tinytext-highlight { width: 30px; } .smalltext, .smalltext-highlight { width: 70px; } .datetext, .datetext-highlight { width: 110px; } .mediumtext, .mediumtext-highlight, .smallselect, .smallselect-highlight { width: 100px; } .mediumselect, .mediumselect-highlight { width: 150px; } .tinyselect, .tinyselect-highlight { width: 80px; } .form-row { padding: 5px; } .form-field-name { float: left; position: relative; width: 260px; color: #4f4f4f; text-align: right; font-size: 14px; font-style: italic; } .form-field-value { padding-left: 10px; } .form-field-value input { margin-top: -2px; } .form-field-help { margin: 2px 0px 5px 0px; } .form-field-help .form-field-name { background: url(../images/icons/info.png) no-repeat; color: #355a89; cursor: pointer; width: 265px; text-decoration: underline; } .xxxactivesearchcontrol { width: 240px; } input.xxxactivesearchcontrol, input.xxxactivesearchcontrol-highlight { width: 245px; } .highlight, .-highlight, .mediumselect-highlight, .smallselect-highlight, .tinyselect-highlight, .wideselect-highlight, .widetext-highlight, .text-highlight, .password-highlight, .smalltext-highlight, .datetext-highlight, .tinytext-highlight, .activesearchcontrol-highlight, .checkbox-highlight { background-color: #ff0000; color: #ffffff; } hr.mid { margin-left: 180px; }#menutabcontainer { position: relative; width: 100%; width: 980px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ height: 70px; } #menutabcontainer ul#primary { margin: 0; padding: 0; position: absolute; bottom: -1px; width: 980px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ margin-bottom: 30px; } #menutabcontainer ul#primary li { display: inline; list-style: none; } #menutabcontainer ul#primary a,#menutabcontainer ul#primary span,#menutabcontainer ul#primary a.activemenu { width: 8em; display: block; float: left; margin: 10px 2px 0 0; text-align: center; /*font-family: Georgia, tahoma, verdana, sans-serif;*/ font-size: 100%; text-decoration: none; color: #333; height: 30px; line-height: 30px; } #menutabcontainer ul#primary span,#menutabcontainer ul#primary a.activemenu,#menutabcontainer ul#primary a.activemenu:hover { border: 1px solid #666; border-bottom: none; color: #FFFFFF; background-color: #164D2F; margin-top: 0; height: 40px; line-height: 40px; } #menutabcontainer ul#primary a { color: #6D6D6D; background-color: #EFFBFF; border: 1px solid #AAA; border-bottom: none; } #menutabcontainer ul#primary a:hover { border-color: #BFBFBF; color: #126B3B; background-color: #FBF8A9; } #menutabcontainer ul#secondary { position: absolute; margin: 0; margin-top: 40px; padding: 0; left: 1px; margin-left: -1px; width: 982px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ font-size: 100%; line-height: 100%; height: 30px; background-color: #164D2F; } #menutabcontainer ul#secondary li a,#menutabcontainer ul#secondary li span, #menutabcontainer ul#secondary li a.activelink, #menutabcontainer ul#secondary li a:hover.activelink { width: auto; display: block; float: left; padding: 0 10px; margin: 5px; /*text-align: auto;*/ border: none; color: #FFFFFF; background: none; height: 20px; line-height: 20px; } #menutabcontainer ul#secondary li a, #menutabcontainer ul#secondary li a.activelink { color: #FFFFFF; text-decoration: underline; } #menutabcontainer ul#secondary li a:hover, #menutabcontainer ul#secondary li a.activelink, #menutabcontainer ul#secondary li a:hover.activelink { color: #126B3B; background-color: #FBF8A9; padding: 0 10px; border: none; } #menutabcontainer ul#secondary li a:active { color: #FBF8A9; background-color: #126B3B; } #menutabcontainer ul#secondary li:last-child a, #menutabcontainer ul#secondary li#last-child a { border: none; }ul.navlist { font-family: Georgia, sans-serif; } ul.navlist a { font-weight: bold; text-decoration: none; } ul.navlist, ul.navlist ul, ul.navlist li { margin: 0px; padding: 0px; list-style-type: none; } ul.navlist li { float: left; } ul#subnavlist { display: none; } ul#subnavlist li { float: none; } ul#subnavlist li a { padding: 0px; margin: 0px; } ul.navlist li:hover ul#subnavlist { display: block; position: absolute; font-size: 8pt; padding-top: 5px; } ul.navlist li:hover ul#subnavlist li a { display: block; width: 10em; border: none; padding: 2px; } ul.navlist li:hover ul#subnavlist li a:before { content: " >> "; }.searchcontainer { background-color: #f4f6fa; height: 35px; width: 978px; } .searchinputleft { display: none; position: absolute; background: url(../images/search-input-left.gif) no-repeat; width: 20px; height: 25px; margin-top: 6px; margin-left: 10px; text-align: left; } .searchinputmid { display: none; position: absolute; background: url(../images/search-input-middle.gif) repeat-x; width: 270px; height: 25px; margin-top: 6px; margin-left: 30px; } .searchinputmid #searchtags { display: none; position: absolute; margin-top: 2px; width: 270px; font-size: 18px; line-height: 18px; height: 35px; text-align: left; border: none; background: transparent; /*font-family: Century Gothic, Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; */ vertical-align: bottom; } .searchinputright { display: none; position: absolute; background: url(../images/search-input-right.gif) no-repeat; width: 20px; height: 25px; text-align: left; margin-top: 6px; margin-left: 300px; } .searchtargetlabel { /*font-family: "Trebuchet MS" Arial;*/ position: absolute; width: 250px; margin-top: 6px; text-align: right; /*margin: 6px 0px 0px 40px; font-size: 13px;*/ } .searchtargetcontainer { position: absolute; width: 500px; height: 25px; text-align: left; margin-left: 255px; } .searchtargetcontainer span { position: absolute; margin-top: 2px; margin-left: 230px; display: inline; } .searchtargetcontainer span { font-size: 14px; width: 50px; } .activetext { font-style: normal; color: #0f0f0f; } .inactivetext { font-style: italic; color: #8f8f8f; } #searchtarget { font-size: 18px; line-height: 18px; width: 175px; display: inline; margin-top: 5px; vertical-align: middle; } #activesearchcontainer1, #activesearchcontainer2 { display:none; } .activesearchcontrol, .activesearchcontrol-highlight, input.activesearchcontrol, input.activesearchcontrol-highlight { position: absolute; margin-top: 5px; margin-left: 5px; width: 270px; font-size: 18px; line-height: 18px; padding-top: 0px; padding-bottom: 0px; height: 28px; text-align: left; vertical-align: middle; display: inline; } .searchbuttoncontainer, .searchbuttoncontainer2, .layoutmodecontainer { position: absolute; padding-top: 8px; margin-left: 5px; height: 35px; text-align: left; vertical-align: bottom; display: inline; } .searchbuttoncontainer2 { margin-left: 280px; } .layoutmodecontainer { width: 54px; margin-left: 380px; } .xlayoutmodecontainer { float: right; padding-top: 7px; padding-right: 10px; } .layoutmodecontainer a { border: none; } .layoutmodecontainer img { padding: 0px; margin: 0px; border: 0px; } #activesearchinput { background-color: #ffffff; color: #000000; } .xwatchlistcontainer { float: right; margin-top: 10px; margin-right: 10px; border: 0px solid blue; font-size: 12px; } #rdcr p, div.pagenotice p, div.pagehelp p {margin:0px 10px; padding:5px;} .rdcrcontent p, .rdcrcontent ul, .rdcrcontent ul {margin-top:0px; margin-bottom:-15px; } #rdcr, div.pagenotice, div.pagehelp {background: transparent; } .rdcrtop, .rdcrbottom {display:block; background:transparent; font-size:1px;} .rdcr1, .rdcr2, .rdcr3, .rdcr4 {display:block; overflow:hidden;} .rdcr1, .rdcr2, .rdcr3 {height:1px;} .rdcr2, .rdcr3, .rdcr4 {background:#F8F8F8; border-left:1px dotted #D0D6DE; border-right:1px dotted #D0D6DE;} .rdcrtop .rdcr1 {margin:0px 5px; border-bottom: 1px dotted #D0D6DE;} .rdcrbottom .rdcr1 {margin:0px 5px; border-top: 1px dotted #D0D6DE;} .rdcr2 {margin:0 3px; border-width:0 2px;} .rdcr3 {margin:0 2px;} .rdcr4 {height:2px; margin:0 1px;} .rdcrcontent {display:block; background:#F8F8F8; border:0 dotted #D0D6DE; border-width:0 1px; padding:5px} .trackercontainer { width: 760px; } .widetrackercontainer { width: 960px; } .mat { background-color: #355a89; } .tblheader { color: #fff; background-color: #355a89; padding: 2px 4px; } .activetblheader { color: #355a89; background-color: #fff; padding: 2px; } .tblrow, .oddtblrow, .eventblrow { height: 12px; white-space: nowrap; } .oddtblrow, .odd { background-color: #dddddd; } .eventblrow, .even { background-color: #ededed; } .tblcell, .rtblcell, .ctblcell { padding: 5px 5px; background-color: #fff; color: #000; } .rtblcell { text-align: right; } .ctblcell { text-align: center; } .focalcell, .summarycell { background-color: #eceff4; color: #000; } .summarycell { border-bottom: 1px dotted #355a89; } .largecell { border: 1px solid #355a89; padding: 5px 10px; vertical-align: top; } .matcell{ vertical-align: top; padding: 0px; } .themesamples td { text-align: center; padding: 2px 10px; width: 100px; } td { font-size: 14px; padding: 5px; } td.price { font-size: 40px; font-weight:normal; color: green; } td.label { background-color: #eceff4; text-align: right; padding-right: 5px; } td.value { background-color: #fff; text-align: right; padding-right: 5px; } /* ================================================ autosuggest, inquisitor style ================================================ */ div.autosuggest { position: absolute; /*background-image: url(img_inquisitor/as_pointer.gif);*/ background-position: top; background-repeat: no-repeat; padding: 10px 0 0 0; } div.autosuggest div.as_header, div.autosuggest div.as_footer { position: relative; /*height: 6px; padding: 0 6px; background-image: url(img_inquisitor/ul_corner_tr.gif);*/ background-position: top right; background-repeat: no-repeat; overflow: hidden; border-right: 1px solid #8f8f8f; border-left: 1px solid #8f8f8f; } div.autosuggest div.as_header { border-top: none; } div.autosuggest div.as_footer { /*background-image: url(img_inquisitor/ul_corner_br.gif);*/ border-bottom: 1px solid #8f8f8f; } div.autosuggest div.as_header div.as_corner, div.autosuggest div.as_footer div.as_corner { position: absolute; top: 0; left: 0; /*height: 6px; width: 6px; background-image: url(img_inquisitor/ul_corner_tl.gif);*/ background-position: top left; background-repeat: no-repeat; } div.autosuggest div.as_footer div.as_corner { /*background-image: url(img_inquisitor/ul_corner_bl.gif);*/ } div.autosuggest div.as_header div.as_bar, div.autosuggest div.as_footer div.as_bar { height: 6px; overflow: hidden; background-color: #eceff4; } div.autosuggest ul { list-style: none; margin: 0 0 -4px 0; padding: 0; overflow: hidden; background-color: #eceff4; border-right: 1px solid #8f8f8f; border-left: 1px solid #8f8f8f; } div.autosuggest ul li { color: #355a89; padding: 0; margin: 0 4px 4px; text-align: center; font-style: italic; } div.autosuggest ul li a { color: #355a89; display: block; text-decoration: none; background-color: transparent; text-shadow: #afafaf 0px 0px 1px; position: relative; padding: 0; width: 100%; border-bottom: none; } div.autosuggest ul li a:hover { background-color: #ffc; border-bottom: none; } div.autosuggest ul li.as_highlight a:hover { background-color: #ffc; } div.autosuggest ul li a span { display: block; padding: 3px 6px; font-weight: bold; font-style: normal; text-align: left; } div.autosuggest ul li a span small { font-weight: normal; color: #355a89; } div.autosuggest ul li.as_highlight a span small { color: #355a89; } div.autosuggest ul li.as_highlight a { color: #355a89; background-color: #ffc; /*background-image: url(img_inquisitor/hl_corner_br.gif);*/ background-position: bottom right; background-repeat: no-repeat; text-align: left; } div.autosuggest ul li.as_highlight a span { /*background-image: url(img_inquisitor/hl_corner_bl.gif);*/ background-position: bottom left; background-repeat: no-repeat; } div.autosuggest ul li a .tl, div.autosuggest ul li a .tr { /*xbackground-image: transparent;*/ background-repeat: no-repeat; width: 6px; height: 6px; position: absolute; top: 0; padding: 0; margin: 0; } div.autosuggest ul li a .tr { right: 0; } div.autosuggest ul li.as_highlight a .tl { left: 0; /*xbackground-image: url(img_inquisitor/hl_corner_tl.gif);*/ background-position: bottom left; } div.autosuggest ul li.as_highlight a .tr { right: 0; /*xbackground-image: url(img_inquisitor/hl_corner_tr.gif);*/ background-position: bottom right; } div.autosuggest ul li.as_warning { font-weight: normal; text-align: center; } div.autosuggest ul em { font-style: normal; text-decoration: underline; color: #00aa00; }/** * POPUP CONTAINER STYLES */ #popupMask { position: absolute; z-index: 200; top: 0px; left: 0px; width: 100%; height: 100%; opacity: .4; filter: alpha(opacity=40); /* this hack is so it works in IE * I find setting the color in the css gives me more flexibility * than the PNG solution. */ background-color:transparent !important; background-color: #333333; /* this hack is for opera support * you can uncomment the background-image if you don't care about opera. * this gives you the flexibility to use any bg color that you want, instead of the png */ background-image/**/: url(../images/maskBG.png) !important; /* For browsers Moz, Opera, etc.*/ background-image:none; background-repeat: repeat; display:none; } #popupContainer { position: absolute; z-index: 201; top: 0px; left: 0px; display:none; padding: 0px; } #popupInner { border: 1px solid #3f3f3f; background-color: #ffffff; } #popupFrame { margin: 0px; width: 100%; height: 100%; position: relative; z-index: 202; } #popupTitleBar { background-color: #355a89; color: #ffffff; font-weight: bold; height: 1.3em; padding: 5px; border-bottom: 1px solid #3f3f3f; border-top: 1px solid #afafaf; border-left: 1px solid #afafaf; border-right: 1px solid #3f3f3f; position: relative; z-index: 203; } #popupTitle { float:left; font-size: 1.1em; } #popupControls { float: right; cursor: pointer; /* cursor: hand;*/ }.dateChooser td { /*font-family: Century Gothic, Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; */ font-size: 12px; cursor:pointer; text-align:center; padding:0px; color: #355a89; } .dateChooser td.dateChooserActive:hover { color:#ed0000; background:#ffc; } .dateChooser td.dateChooserInactive, .dateChooser td.dateChooserInactiveToday { color:#0f0f0f; text-decoration: line-through; } .dateChooser td.dateChooserActiveToday { border: 1px solid #ed0000; } .dateChooser th { background: #355a89; color: white; font-size: 14px; width: 18px; border: none; } .dateChooser option, .dateChooser select { font-size:10px; } .dateChooser { border: 1px outset #355a89; background: #eceff4; padding: 5px; } .dateChooser select { width: auto; margin:2px 0px; } .dateChooser table { width:160px; border: 0px outset #355a89; } .dateChooserIcon { cursor: pointer; }