.keywords { background-color:#ffff66; color: black; } body { margin: 0px; padding: 4px; text-align: left; background-color: #ffffff; color: black; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; height: 100%; } .boxtopline { background-image: url(images/box_topline.gif); background-repeat: repeat-x; background-position: top; } .boxbgr { background-repeat: repeat-y; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #CCCCCC; border-left-color: #CCCCCC; } .boxbotline { background-image: url(images/box_botline.gif); background-repeat: repeat-x; background-position: bottom; } .headingbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #c4171d; background-image: url(images/box_head_bg.gif); background-repeat: repeat-x; height: 50px; border-right-width: 0px; border-left-width: 0px; border-right-style: solid; border-left-style: solid; border-right-color: #cacaca; border-left-color: #cacaca; padding-right: 10px; padding-left: 10px; padding-bottom: 7px; background-position: bottom; } .eventhead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #a3bd32; } ul.boxlinks { margin: 0 0 0 20px; padding: 0px; color: #000000; } ul.boxlinks li a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #8B8B8B; text-decoration: none; } ul.boxlinks li a:hover { color: #f09f11; text-decoration: underline; } .view { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #990000; padding-right: 15px; padding-left: 15px; padding-bottom: 5px; } .view a, .view a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #990000; } #layout { padding: 0; margin: 0 auto; width: 1024px; height: 100%; background-color: White; } table td { font-size: 12px; color:#000000; font-family: Geneva, Arial, Helvetica, sans-serif; } #content a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; margin: 0; padding: 0; color:#000000; } #content p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; margin: 0; padding: 0; color:#000000; } a:link { color: Black; text-decoration: none; } a:visited { color: Black; text-decoration: none; } a:hover { color: Red; } a:active { color: red; } a:whitelink { color: white; text-decoration: none; } a:whitelink:hover { color: white; text-decoration: underline; } .TableTitleRow { background-color: #C8D6E5; font-weight: bold; text-align: left } .TableTitle { font-weight: bold; text-align: center; font-size: 10pt } .TableRow1 { background-color: #FFFFFF } .TableRow2 { background-color: #EEEEEE } .TableSolidRow { font-weight: bold; background-color: #C8D6E5 } .TableSummaryRow { font-weight: bold; background-color: #E0E9F3 } .TableCell { padding-left: 4pt; padding-right: 4pt } .ReportTitle { font-weight: bold; font-size: 13pt } .CategoryTitle { font-weight: bold; font-size: 13pt } .SinglePageCategoryTitle { font-weight: bold; font-size: 13pt } .ChartTitle { font-weight: bold; text-align: center; font-size: 10pt } .SectionTitle { font-weight: bold; text-align: center; font-size: 10pt; background-color: #6699CC; color: #FFFFFF } .TOC { background-image: url(contents_back.gif); background-repeat: repeat-x } .TranslatedContentsTitle { color: #333333; font-weight: bold; font-size: 11pt } #bgChange { background-image:url(/images/sheeph.gif); } #sidemenus { margin: 2px; padding: 4px; text-align: left; background-color: black; color: #6B5B05; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; height: 100%; } #header { width: 100%; } #leftcol { margin: 2px; float: left; width: 18%; background-color: White; } #horizontal_separator { float: left; width: 5px; background-color: White; } #content { float: left; background-color: White; width: 44%; } #content2 { float: left; background-color: White; width: 61%; } #content3 { float: left; background-color: White; width: 80%; } #content5 { float: left; background-color: White; width: 61%; } #content6 { float: left; background-color: White; width: 59%; } #contentcontact { float: left; background-color: White; width: 80%; } #directorycontent { float: left; background-color: White; width: 62%; margin-left:20px; background-image:url('images/back.gif') } #newsalt { color: White; background-color: #A3BD32; font-size: 11px; height: 1px; width: 50%; padding-top:2px; } #stats { color: White; background-color: #A3BD32; height: 50px; } #headmenu { color: White; background-color: #A3BD32; } #blog { float: left; background-color: White; width: 62%; } #rightleftcol { float: left; width: 17%; } #rightcol { float: left; width: 17%; } #topright { float: left; width: 34%; } #footer { clear: left; width: 100%; color: White; background-color: #A3BD32; font-size: 11px; height: 130px; } .comment { width: 90%; border: 1px solid #cccccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; margin: 0; padding: 10px; } .comment span { font-size: 11px; color: #999999; font-style: italic; text-align: right; } .commentError { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; margin: 0; padding: 0; color: #ff0000; font-weight: bold; } /* all red header headings on index.asp */ a.white_link{ color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding-left:15px; padding-right:15px; text-decoration:none; } a.white_link:hover{ color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding-left:15px; padding-right:15px; text-decoration:underline; } #simplegallery1{ position: relative; visibility: hidden; border: 0px solid darkred; } #simplegallery1 .gallerydesctext{ text-align: center; } /* all subheadings on index.asp */ #subheading { color: White; background-color: #A3BD32; font-size: 11px; height: 18px; padding-top:2px; padding-left:2px; } #subheading4 { color: White; background-color: #A3BD32; font-size: 15px; height: 22px; padding-left:5px; } #subheading5 { color: White; background-image: url(images/yello_pati.jpg); padding-left:10px; padding-top:2px; font-weight:bold; font-size: 15px; height: 22px; width: 175px; } #subheading6 { color: White; background-color: #A3BD32; padding-left:10px; padding-top:2px; font-weight:bold; font-size: 13px; height: 20px; } #subheading7 { color: White; background-color: #A3BD32; font-size: 11px; height: 18px; padding-top:2px; width: 370px; } #subheading8 { color: White; background-color: #A3BD32; font-size: 13px; padding-left:6px; padding-top:2px; height: 22px; width: 213px; } #subheading9 { color: White; background-color: #A3BD32; padding-left:10px; padding-top:2px; font-weight:bold; font-size: 15px; height: 22px; } #linkheading { color: White; background-color: #A3BD32; padding-left:10px; padding-top:2px; font-weight:bold; font-size: 15px; height: 35px; width: 810px; } #link { color: White; background-color: #A3BD32; font-size: 11px; height: 18px; font-weight:bold; font-size: 12px; padding-top:2px; padding-left:6px; } #subheadingdirectory { color: White; background-image: url(images/yello_pati.jpg); padding-left:10px; padding-top:2px; font-weight:bold; font-size: 13px; height: 20px; } /* left-side menu on index.asp */ a.menulink { display: block; margin: 2px; width: 180px; text-align: left; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; BORDER: none; background-color:#e1c905; } a.menulink:hover { background-color:#b0b47b; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: white; } /* left adverts */ #leftadverts { } /* headermenu from include/inc_header.asp */ #headermenu { text-align: center; font-family:Geneva, Arial, Helvetica, sans-serif font-size:12px; font-weight:normal; BORDER: none; background-color:#A3BD32; } /* search from include/searchform_right.asp */ #searchrightmenu { text-align: left; font-family:Geneva, Arial, Helvetica, sans-serif font-size:10px; font-weight:normal; BORDER: none; background-color:white; width: 180px; } #searchrightmenu:hover { background-color:white; font-family:Geneva, Arial, Helvetica, sans-serif font-size:10px; font-weight:normal; } /* established from include/inc_header.asp */ #established { text-align: right; font-family:Geneva, Arial, Helvetica, sans-serif font-size:12px; font-weight:bold; BORDER: none; color:white; } /*=========================================================================================== ============================================================================================= ========= STYLES FOR TAB MENUS ====================================================== ============================================================================================= ============================================================================================= /*-------------------------------------------------- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/ .tabberlive .tabbertabhide { display:none; } /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber { } .tabberlive { margin-top:1em; } /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav { margin:0; padding: 2px 0; border-bottom: 1px solid #888; font: bold 12px Verdana, sans-serif; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 5px 0.5em; margin-left: 3px; border: 1px solid #888; border-bottom: none; background: #DDD; text-decoration: none; } ul.tabbernav li a:link { color: #555; } ul.tabbernav li a:visited { color: #666; } ul.tabbernav li a:hover { color: #000; background: #b0b47b; border-color: #a0a259; } ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff; } ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white; } /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab { border-left:1px solid #aaa; border-right:1px solid #aaa; border-bottom:1px solid #aaa; padding:5px; border-top:0px none; } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; } /*=========================================================================================== ============================================================================================= ========= END STYLES FOR TAB MENUS ====================================================== ============================================================================================= ============================================================================================= /* BARRYS TAB CONTROLS header tabs in include/inc_header.asp*/ .bluetabs{ } .bluetabs ul{ padding: 3px 0; background-color:#FE5900; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: 12px; font-family:Geneva, Arial, Helvetica, sans-serif list-style-type: none; text-align: center; /*set to left, center, or right to align the menu as desired*/ } .bluetabs li{ display: inline; margin: 0; } .bluetabs li a{ text-decoration: none; padding: 2px 6px; margin-right: 1px; color: #ffffff; background: #FE5900; /*THEME CHANGE HERE*/ } .bluetabs li a:visited{ color: white; } .bluetabs li a:hover{ color: #2d2b2b; } .bluetabs li.selected{ } .bluetabs li.selected a{ /*selected main tab style */ border-bottom-color: #FE5900; } .bluetabs li.selected a:hover{ /*selected main tab style */ text-decoration: none; } /* ######### Style for Drop Down Menu ######### */ .dropmenudiv_b{ border-left:1px solid #A3BD32; border-right:1px solid #A3BD32; border-top:0px solid #A3BD32; border-bottom:0px solid #A3BD32; position:absolute; top: 0; /*THEME CHANGE HERE*/ font-family:Geneva, Arial, Helvetica, sans-serif line-height:18px; z-index:100; background-color: #FE5900; width: 160px; visibility: hidden; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px } .dropmenudiv_b a{ border-left:0px solid #A3BD32; border-right:0px solid #A3BD32; border-top:0px solid #A3BD32; border-bottom:1px solid #A3BD32; width: auto; display: block; text-indent: 5px; /*THEME CHANGE HERE*/ text-decoration: none; color: white; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px } * html .dropmenudiv_b a{ /*IE only hack*/ width: 100%; } .dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/ background-color: #FE5900; color:#000000 } /* END BARRYS TAB CONTROLS*/ /* NAVBAR CONTROLS homepage left menu */ .suckerdiv ul{ margin: 0; padding: 0; background-color:#A3BD32; list-style-type: none; width: 185px; /* Width of Menu Items */ border-bottom: 1px solid #000000; } .suckerdiv ul li{ position: relative; } /*Sub level menu items */ .suckerdiv ul li ul{ position: absolute; width: 170px; /*sub menu width*/ top: 0; visibility: hidden; } /* Sub level menu links style */ .suckerdiv ul li a{ border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; display: block; overflow: auto; /*force hasLayout in IE7 */ color: white; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration: none; background: #A3BD32; border-bottom: 0px none;; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px; } .suckerdiv ul li a:visited{ color: white; text-decoration: none; background: #A3BD32; } .suckerdiv ul li a:hover{ background-color: #A3BD32; color:#000000; } .suckerdiv .subfolderstyle{ background: url('images/arrow-list.gif') no-repeat center right; } /* Holly Hack for IE \*/ * html .suckerdiv ul li { float: left; height: 1%; } * html .suckerdiv ul li a { height: 1%; } /* End */ /* END NAVBAR CONTROLS */ /* Start of properties and marketplace styles */ } .black_font{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; } a.gray_link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#626262; } a.gray_link:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#000000; } .gray_font{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#626262; font-weight:bold; } .gray_font_simp{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#626262; } .white_font_pad{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; font-weight:bold; padding-left:10px; padding-right:10px; } .txt_box{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; border:1px solid #000000; } .maroon_font{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#990000; font-weight:bold; } .maroon_font_pad{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#990000; font-weight:bold; padding-left:15px; } a.mar_link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#990000; font-weight:bold; text-decoration:none; } a.mar_link:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#990000; font-weight:bold; text-decoration:underline; } a.org_link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#E09232; text-decoration:none; } a.org_link:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#E09232; text-decoration:underline; } .blog_wihte_big_font{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:bold; } .blog_black_big_font{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#000000; font-weight:bold; } a.blog_mar_link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#990000; font-weight:bold; text-decoration:none; } a.blog_mar_link:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#990000; font-weight:bold; text-decoration:underline; } .blog_maroon_font{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#990000; font-weight:bold; } .blog_gray_font_simp{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#626262; } .blog_white_font_simp{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; } .blog_black_font_simp{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; } .blog_gray_font_big{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#626262; font-weight:bold; } a.blog_blue_link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#0B74C4; font-weight:bold; text-decoration:none; } a.blog_blue_link:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#0B74C4; font-weight:bold; text-decoration:underline; } a.blog_white_link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; } a.blog_white_link:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:underline; } a.blog_black_link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; } a.blog_black_link:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:underline; } a.blog_gray_link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:none; } a.blog_gray_link:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:underline; } #rightleftcolTest { float: left; width: 50%; } #rightcolTest { float: left; width: 50%; } #toprightTest { float: left; width: 371px; } a.maroon_font_big_link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#990000; font-weight:bold; text-decoration:none; } a.maroon_font_big_link:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#990000; font-weight:bold; text-decoration:underline; } .maroon_font_big{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#990000; font-weight:bold; } LABEL { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 100%; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: baseline; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; outline: 0 } TT { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 100%; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: baseline; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; outline: 0 } A.helplink { CURSOR: help } .helplink { FONT-WEIGHT: normal; FONT-SIZE: 0.9em; TEXT-ALIGN: left; TEXT-DECORATION: none } .helplink SPAN { DISPLAY: none } .helplink:hover { Z-INDEX: 1000; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #aaaaff; POSITION: relative; TEXT-DECORATION: none } .helplink:hover SPAN.tooltip { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; Z-INDEX: 2000; LEFT: -10px; PADDING-BOTTOM: 0px; WIDTH: 200px; COLOR: #111; PADDING-TOP: 15px; POSITION: absolute; TOP: 0px; TEXT-ALIGN: left; TEXT-DECORATION: none } .rightEnd:hover SPAN.tooltip { RIGHT: -20px; LEFT: auto } .helplink:hover SPAN.top { PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: url(images/bubble.png) no-repeat 50% top; PADDING-BOTTOM: 0px; PADDING-TOP: 30px } .rightEnd:hover SPAN.top { BACKGROUND: url(images/bubble-right.png) no-repeat 50% top } .helplink:hover SPAN.middle { PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: url(images/bubble_filler.png) 50% bottom; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } .helplink:hover SPAN.bottom { PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: url(images/bubble.png) no-repeat 50% bottom; PADDING-BOTTOM: 10px; COLOR: #548912; PADDING-TOP: 3px } .helplink .fakeLink { TEXT-DECORATION: underline } #dhtmltooltip{ position: absolute; left: -300px; width: 150px; border: #B9D34E; padding: 2px; background-color: #B9D34E; visibility: hidden; z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); } #dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; } .TableTitleRow { background-color: #C8D6E5; font-weight: bold; text-align: center } .TableTitle { font-weight: bold; text-align: center; font-size: 10pt } .TableRow1 { background-color: #FFFFFF } .TableRow2 { background-color: #EEEEEE } .TableSolidRow { font-weight: bold; background-color: #C8D6E5 } .TableSummaryRow { font-weight: bold; background-color: #E0E9F3 } .TableCell { padding-left: 4pt; padding-right: 4pt } .ReportTitle { font-weight: bold; font-size: 13pt } .CategoryTitle { font-weight: bold; font-size: 13pt } .SinglePageCategoryTitle { font-weight: bold; font-size: 13pt } .ChartTitle { font-weight: bold; text-align: center; font-size: 10pt } .SectionTitle { font-weight: bold; text-align: center; font-size: 10pt; background-color: #6699CC; color: #FFFFFF } .TOC { background-image: url(contents_back.gif); background-repeat: repeat-x } .TranslatedContentsTitle { color: #333333; font-weight: bold; font-size: 11pt } div.market {position: relative; min-height: 188px; margin-bottom: 9px; width: 178px; border: 1px solid #A3BD32; float: left;} div#liffe, div#cbot {margin-right: 10px;} div.market h3 {text-indent: 7px; margin: 0 0 4px; padding: 2px 0; font-weight: bold; font-size: 12px; background: #A3BD32; color: #fff;} div.market h4 {margin: 0; font-size: 12px; font-weight: bold; text-align: center; color: #A3BD32; height: 18px; overflow: hidden; padding: 3px;} div.market h4 img {float: left; margin: 0 2px; display: block; border: none;} div.market h4 a.next img {float: right; margin: 0 2px;} div.market h4 span {width: 128px; overflow: hidden; display: none; float: left; padding: 2px 0 0} div.market h4 span.active {display: block;} div.market div.loading {display: none; position: absolute; background: #fff; top: 52px; left: 0; width: 178px; height: 130px; min-height: 130px; margin: 0; border-top: 1px solid #A3BD32;} div.market div.loading img {margin: 18px auto; display: block;} div.market div.loading p {text-align: center; color: #A3BD32; font-weight: bold;} div.market div.error {width: 178px; height: 120px; min-height: 120px; margin: 0; background: #fff;} div.market div.error p {text-align: center; color: #c6322c; font-weight: bold; margin: 20px;} div.market table {width: 178px; margin: 5px 0; border-top: 1px solid #A3BD32; border-bottom: none;} div.market table th {border-bottom: 1px solid #a3bd32; font-weight: bold; padding: 1px 10px; background: #fff; color: #A3BD32; text-align: center; font-size: 11px;} div.market table td {border-bottom: 1px solid #a3bd32; text-align: right; padding: 1px 10px; font-size: 10px;} div.market table td.month {text-align: left;} div.market table td span.neg {color: #c00;} div.market table td span.pos {color: #003300;} div.market table tr.odd * {background: #D0E289;} div.marketData div.wide {width: 368px; min-height: 144px} div.marketData div.wide div.loading {width: 368px; height: 102px; min-height: 102px; top: 40px;} div.marketData div.wide table {width: 368px; border-top: none; margin-top: 0;} div.marketData div.wide table th {padding-bottom: 2px;} div.marketcer {position: relative; min-height: 188px; margin-bottom: 9px; width: 178px; border: 1px solid #A3BD32; float: left;} div#liffe, div#cbot {margin-right: 10px;} div.marketcer h3 {text-indent: 7px; margin: 0 0 4px; padding: 2px 0; font-weight: bold; font-size: 12px; background: #A3BD32; color: #fff;} div.marketcer h4 {margin: 0; font-size: 12px; font-weight: bold; text-align: center; color: #A3BD32; height: 18px; overflow: hidden; padding: 3px;} div.marketcer h4 img {float: left; margin: 0 2px; display: block; border: none;} div.marketcer h4 a.next img {float: right; margin: 0 2px;} div.marketcer h4 span {width: 128px; overflow: hidden; display: none; float: left; padding: 2px 0 0} div.marketcer h4 span.active {display: block;} div.marketcer div.loading {display: none; position: absolute; background: #fff; top: 52px; left: 0; width: 178px; height: 130px; min-height: 130px; margin: 0; border-top: 1px solid #A3BD32;} div.marketcer div.loading img {margin: 18px auto; display: block;} div.marketcer div.loading p {text-align: center; color: #A3BD32; font-weight: bold;} div.marketcer div.error {width: 178px; height: 120px; min-height: 120px; margin: 0; background: #fff;} div.marketcer div.error p {text-align: center; color: #c6322c; font-weight: bold; margin: 20px;} div.marketcer table {width: 178px; margin: 5px 0; border-top: 1px solid #A3BD32; border-bottom: none;} div.marketcer table th {border-bottom: 1px solid #a3bd32; font-weight: bold; padding: 1px 10px; background: #fff; color: #A3BD32; text-align: center; font-size: 11px;} div.marketcer table td {border-bottom: 1px solid #a3bd32; text-align: right; padding: 1px 10px; font-size: 10px;} div.marketcer table td.month {text-align: left;} div.marketcer table td span.neg {color: #c00;} div.marketcer table td span.pos {color: #003300;} div.marketcer table tr.odd * {background: #D0E289;} div.marketcerData div.wide {width: 368px; min-height: 144px} div.marketcerData div.wide div.loading {width: 368px; height: 102px; min-height: 102px; top: 40px;} div.marketcerData div.wide table {width: 368px; border-top: none; margin-top: 0;} div.marketcerData div.wide table th {padding-bottom: 2px;} * html div.market div.loading {top: 56px;} * html div.market h4 img {margin: 0 1px;} /* This section is for the dynamically changing styles */