body { background-color: #000000; margin: 0px; padding: 0; border: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #container { width: 990px; margin: 0px auto; text-align: left; } #header {} #content { width: 980px; overflow: hidden; } #dynamic_box_left { margin: 0; float: left; } #dynamic_box_center { float: left; } #dynamic_box_right { margin: 0; float: right; } #content_footer {clear: both;} #footer {clear: both; text-align: center;} /********* full page **********/ #layout_full_page div#dynamic_box_right {display:none;} #layout_full_page div#dynamic_box_left {display:none;} #layout_full_page div#dynamic_box_center {width: 990px;} /*********deafault layout**********/ #layout_default div#dynamic_box_right {width: 260px;} #layout_default div#dynamic_box_left {width: 260px;} #layout_default div#dynamic_box_center {width: 450px; margin-left: 10px; margin-bottom: 10px; } #layout_default div#dynamic_box_center_2 {width: 710px; margin-left: 10px; } /* Hides from IE5-mac \*/ * html #layout_default div#dynamic_box_center {margin-left: 5px; } /* End hide from IE5-mac */ /* Hides from IE5-mac \*/ * html #layout_default div#dynamic_box_center_2 {margin-left: 5px; } /* End hide from IE5-mac */ /********** two column *************/ #layout_two_column div#dynamic_box_right {width: 302px; margin-left: 15px; margin-right: 5px;} #layout_two_column div#dynamic_box_left {display:none;} #layout_two_column div#dynamic_box_center {width: 655px; margin-left: 2px;/* background: #9999FF;*/} /************ three columns ***************/ #layout_three_columns div#dynamic_box_left {width: 122px; margin-right:8px;} #layout_three_columns div#dynamic_box_center {width: 720px; margin-right:8px;} #layout_three_columns div#dynamic_box_right {width: 122px;} /************ four columns ***************/ #layout_four_columns div#dynamic_box_left {width: 120px;} #layout_four_columns div#inner_left {width: 500px;} #layout_four_columns div#inner_right {width: 230px;} #layout_four_columns div#dynamic_box_right {width: 120px;} /************ equal ***************/ #layout_equal div#dynamic_box_right {width: 330px;} #layout_equal div#dynamic_box_left {width: 330px;} #layout_equal div#dynamic_box_center {width: 330px;} /************ equal rights ***************/ #layout_equal_rights div#dynamic_box_right {width: 260px;} #layout_equal_rights div#dynamic_box_left {width: 470px;} #layout_equal_rights div#dynamic_box_center {width: 260px;} /************ non equal ***************/ #layout_non_equal div#dynamic_box_right {width: 300px; margin-right: 5px;} #layout_non_equal div#dynamic_box_left {width: 420px;} #layout_non_equal div#dynamic_box_center {width: 250px;} /************* CONTENT FEATURES *****************/ #content_features_left { float: left;} #content_features_right { float: left;} .features_equal_default { width: 100%; overflow: hidden; margin-bottom: 10px;} .features_equal_default_video { width: 990px; background:#000000; padding-top:10px; overflow: hidden; padding-bottom: 10px;} /*********** equal_default *********************/ .features_equal_default #content_features_left {width: 500px;} .features_equal_default #content_features_right {width: 250px;} /*********** equal *********************/ .features_equal #content_features_left {width: 495px;} .features_equal #content_features_right {width: 495px;} /*********** left *********************/ .features_left #content_features_left {width: 680px;} .features_left #content_features_right {width: 310px;} /*********** right *********************/ .features_right #content_features_left {width: 310px;} .features_right #content_features_right {width: 680px;} /*********** equal_three *********************/ .features_inside .content_features_col {width: 223px; float: left;} /*********** inside *********************/ .features_inside {width: 670px; overflow: hidden;} .features_inside #content_features_left {width: 335px;} .features_inside #content_features_right {width: 335px;} /************* CONTENT FEATURES 2 *****************/ #content_features_left2 { float: left;} #content_features_right2 { float: left;} .features_equal_default2 { width: 100%; overflow: hidden;} /*********** equal_default *********************/ .features_equal_default2 #content_features_left {width: 500px; display:inline; margin-right: 0px; margin-top: 0px; /*background: #00CC99;*/} .features_equal_default2 #content_features_center {width: 300px; display:inline; margin-right: 0px; margin-top: 0px; /*background: #00CC99;*/} .features_equal_default2 #content_features_right {width: 210px; display:inline; margin-top: 0px; margin-right: 0px; float:right; /*background: #99CCFF;*/} /*********** equal *********************/ .features_equal2 #content_features_left {width: 495px;} .features_equal2 #content_features_right {width: 495px;} /*********** left *********************/ .features_left2 #content_features_left {width: 680px;} .features_left2 #content_features_right {width: 310px;} /*********** right *********************/ .features_right2 #content_features_left {width: 310px;} .features_right2 #content_features_right {width: 680px;} /*********** equal_three *********************/ .features_inside2 .content_features_col {width: 223px; float: left;} /*********** inside *********************/ .features_inside2 {width: 670px; overflow: hidden;} .features_inside2 #content_features_left {width: 335px;} .features_inside2 #content_features_right {width: 335px;} /************* MAIN TOP *****************/ #main_top_left { float: left; margin-left: 0px;} #main_top_center { float: left; margin-left: 0px; width:300px; height:240px;} #main_top_right { float: left; margin-left: 0px; margin-right: 0px;} .main_three_column { width: 100%; overflow: hidden; margin-bottom: 10px;} /*********** equal_default *********************/ .main_three_column #main_top_left {width: 537px; margin-right: 10px; overflow:hidden;} .main_three_column #main_top_center {width: 300px; border: 1px solid #000000; margin-right: 8px; overflow:none;} .main_three_column #main_top_right {width: 121px; float:right; border: 1px solid #000000;} /*********** equal_default *********************/ .main_two_column #main_top_left {width: 382px;} .main_two_column #main_top_center {width: 268px;} /*********** equal *********************/ .main_top_equal #main_top_left {width: 495px;} .main_top_equal #main_top_right {width: 495px;} /*********** left *********************/ .main_top_left #main_top_left {width: 680px;} .main_top_left #main_top_right {width: 310px;} /*********** right *********************/ .main_top_right #main_top_left {width: 310px;} .main_top_right #main_top_right {width: 680px;} /*********** equal_three *********************/ .main_top_inside .main_top_col {width: 232px; float: left; margin-right: 7px;} /*********** inside *********************/ .main_top_inside {width: 730px; overflow: hidden;} .main_top_inside #main_top_left {width: 335px;} .main_top_inside #main_top_right {width: 335px;} /******************** LAYOUT BOXES********************/ #main_news_box {float: left;} .main_news_box_row {width: 100%; overflow: hidden;} .main_news_category { float:left; display: inline; width:297px; margin: 5px; /****styles****/ } .category_news_category { float:left; display: inline; width:261px; margin: 6px; /****styles****/ } /******************** TOOLTIPS ********************/ .tooltip { position: absolute!important; overflow:hidden; font-size: 12px; z-index: 10000!important; } .tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; } .tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; } .tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; } .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; } .tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; } .tooltip .xb1 { margin: 0 5px; background: #333; } .tooltip .xb2 { margin: 0 3px; border-width: 0 2px; } .tooltip .xb3 { margin: 0 2px; } .tooltip .xb4 { height: 2px; margin: 0 1px; } .tooltip .xboxcontent { padding: 0 .5em; margin: 0; color: #000; text-shadow: 2px 2px 0px #CCC; word-wrap:break-word; border: 1px solid #333; border-width: 0px 1px 0 1px; background-color: #666; text-align: left; } body { background-color: #000000; background-image: url(../img/wdgl_bkg.jpg); background-position: center top; background-repeat: repeat; background-attachment: fixed; margin-top: 0px; margin-bottom: 0px; } /*************** GLOBAL STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ #container {/*background-color: #ffffff;*/position:relative;} #content { background: #FFFFFF url(../img/content_top.gif) repeat-x scroll center top; padding: 10px 5px;} /*** Global anchor styles ***/ a {color:#710000; text-decoration: none;} a:hover {color:#000000; text-decoration: underline;} a img {border: none; overflow:hidden;} /*** Global list styles ***/ ul { padding: 0; margin: 0;} ul li { list-style-type: none;} /*** Global heading styles ***/ h1, h2, h3, h4 {margin: 0px;} h1 { font-size: 18px; font-weight: normal;} h1 a { color: #890f0f;} h2, h3 {font-size: 12px; padding-bottom: 4px;} h2 a:hover, h3 a:hover {/*color: #890f0f;*/} h4 {} h4 a {} /*** Global box styles ***/ #dynamic_box_right .box, #box_tags {zoom:1;} /* IE7 Stupidity */ #dynamic_box_right #most_popular_rated_box .box {zoom:0;} /* IE7 Stupidity */ .box .box_title { font-size: 16px; font-weight: normal; } #more_news_tabbed { margin-bottom:5px;} .center_ads, .right_ads {margin: 10px 0px; text-align: center; border: 0px solid #808080;} .top_right_ads {margin-bottom: 10px; text-align: center; border: 1px solid #000000;} .right_top_banners {margin-bottom: 10px; text-align: center; border: 1px solid #000000;} .right_ads_top {margin-bottom: 10px; text-align: center; border: 0px solid #000000;} .right_banners {margin: 10px 0px; text-align: center; border: 1px solid #000000;} #footer_ads { text-align: center; margin-bottom: 10px; } .ads {margin: 10px 0px; text-align: center; border: 0px solid #000000;} .top_ads {margin-bottom: 10px; text-align: center; border: 1px solid #000000;} .box_content h1 { font-size: 18px; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #000000;} /*************** THIRD PARTY *************************************************************************************************************************/ /******************************************************************************************************************************************************/ .apHeadlines { width: 300px; height: 100%; /*border: 2px solid #000000;*/ margin-bottom: 0px; overflow: hidden; background-color: #ffffff; } #rss_mids { display:inline; margin-top:10px;} #sports_banners { text-align:center; margin-top:20px; } #page_banners { text-align:center; margin-top:0px; margin-bottom: 20px;} #traffic_travel { display:inline; margin-top:5px; } #out_about { display:inline; margin-top:5px; } #ticon_left { width:300px; padding:10px; text-align:center; height: 100px; float:left; margin-bottom: 20px; } #ticon_right { width:300px; padding:10px; text-align:center; height: 100px; float:right; margin-bottom: 20px; } #ticon { width:300px; padding:10px; text-align:center; height: 100px; margin-bottom: 20px; } #events { color: #ffffff; border: 1px solid #000000; width:120px; margin-bottom: 10px; background-color: #870a02; } #events h3 { font-size: 11px; } #events ul { margin-top:5px; margin-left: 2px; padding: 2px; } #events ul li { padding-left: 0.8em; list-style: none; margin-bottom: 3px; font-weight: bold; font-size: 10px; line-height:13px; background:url(../img/bullet.gif) 0em 0.3em no-repeat; } #events a { color: #ffffff; } #events a:visited { color: #ffffff; } #events a:hover { color: #eeebdb; } #recipes { color: #000000; width:300px; margin-bottom: 10px; background-color: #ffffff; border:1px solid #808080; } #recipes h3 { font-size: 11px; } #recipes ul { margin-top:5px; margin-left: 2px; padding: 2px; } #recipes ul li { padding-left: 0.8em; list-style: none; margin-bottom: 3px; font-weight: bold; font-size: 10px; line-height:13px; background:url(../img/bullet.gif) 0em 0.3em no-repeat; } #wheels { background: url(../img/blogwh.png) top; color: #ffffff; width:620px; border: 0px solid #00002E; float:left; margin-bottom: 10px; } #wheels div.box_body { overflow:auto; } #wheels div.box_title {background: #000000 repeat-x top left; overflow:hidden; border-bottom: 2px solid #00002e; height: 46px; } #wheels ul { margin-top:5px; margin-left: 5px; padding: 4px; } #wheels ul li { padding-left: 0.8em; list-style: none; margin-bottom: 10px; font-weight: bold; font-size: 12px; line-height:13px; background:url(../img/bullet_red.gif) 0em 0.3em no-repeat; } #wheels a { color: #00002e; } #wheels a:visited { color: #00002e; } #wheels a:hover { color: #000000; } #mids_ads { width:305px; float:right; } .station_banner { width:300px; border: 2px solid #00002E; height: 60px; float:left; margin-bottom: 10px; } .station_banner_full { width:300px; border: 2px solid #00002E; height: 200px; float:left; margin-bottom: 10px; } .social_banner { width:210px; border: 0px solid #00002E; height: 63px; float:left; margin-bottom: 10px; } #cr { color: #ffffff; width:400px; border: 2px solid #000000; height: 360px; float:left; margin-bottom: 10px; } #cr div.box_body { overflow:auto; height: 308px; } #cr div.box_title_holder { border-bottom: 2px solid #00002e; height: 50px;background: #000000; } #cr div.box_title { float:left; overflow:hidden; border-bottom: 2px solid #00002e; } #cr div.sponsor { overflow:hidden; float:right; background: #000000; } #cr ul { margin-top:5px; margin-left: 5px; padding: 4px; } #cr ul li { padding-left: 0.8em; list-style: none; margin-bottom: 10px; font-weight: bold; font-size: 12px; line-height:13px; background:url(../img/bullet_red.gif) 0em 0.3em no-repeat; } #cr a { color: #000000; } #cr a:visited { color: #000000; } #cr a:hover { color: #870A02; } #cr_right { width:300px; overflow:hidden; height: 410px; } #cr_right div.box_title {background: url(../img/classicrock300x100.jpg) repeat-x scroll top left; overflow:hidden; height: 100px;} #cr_right div.box_body { overflow:auto; height: 310px; } #cr_right div.sponsor img { overflow:hidden; border:2px solid #000000; float:right; height:50px; margin-right:15px; margin-top:40px; padding:0; width:100px; } #cr_right ul { margin-top:5px; margin-left: 5px; padding: 4px; } #cr_right ul li { padding-left: 0.8em; list-style: none; margin-bottom: 10px; font-weight: bold; font-size: 12px; line-height:13px; } #cr_right a { color: #00002e; } #cr_right a:visited { color: #00002e; } #cr_right a:hover { color: #000000; } .eot_header { width: 660px; height: 95px; margin-top: 0px; margin-bottom: 15px; } #eot { background: url(../img/blogwh.png) top; color: #ffffff; width:310px; border: 2px solid #00002E; height: 360px; float:left; margin-bottom: 10px; } #eot div.box_body { overflow:auto; height: 308px; } #eot div.box_title_holder { border-bottom: 2px solid #00002e; height: 50px; } #eot div.box_title { float:left; overflow:hidden; border-bottom: 2px solid #00002e; } #eot div.sponsor { overflow:hidden; float:right; } #eot ul { margin-top:5px; margin-left: 5px; padding: 4px; } #eot ul li { padding-left: 0.8em; list-style: none; margin-bottom: 10px; font-weight: bold; font-size: 12px; line-height:13px; background:url(../img/bullet_red.gif) 0em 0.3em no-repeat; } #eot a { color: #00002e; } #eot a:visited { color: #00002e; } #eot a:hover { color: #000000; } .hulu_player {margin-bottom:10px; text-align: center; border: 1px solid #00002e;} #traffic_icons { display:inline;} #traffic_icons .icon { width: 300px; margin: 10px; display:inline;} p.gas { font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif; line-height: 15px; margin-bottom: 2px; margin-top: 5px; color: #000000 } p.gassm { font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; margin-bottom: 2px; margin-top: 5px; color: #000000 } /*************** HEADER STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ #header { background-color: #110c0d;} .head { width: 990px; height:321px; overflow: hidden; padding: 0px; background: #110c0d;} .header_banner a { width: 728px; height: 90px; float:right; margin-top: 4px; margin-right: 10px; padding: 0px; border: 2px solid #151515;} .header_banner a:hover { width: 728px; height: 90px; float:right; padding: 0px; border: 2px solid #710000;} .header_onair { width: 232px; height: 90px; float: left; margin-top: 4px; margin-left: 10px; background: #ffffff; border: 2px solid #151515; } .section_header { width: 660px; height: 80px; margin-top: 0px; } .highschool_header { width: 980px; height: 250px; margin-top: 0px; text-align:center; } #onair { } .onair_holder { overflow: hidden; width: 100%; margin: 5px; width: 222px; height: 80px; } #onair div.image { float: left; padding: 0px; overflow: hidden; margin-right: 2px; border: 2px solid #151515; } #onair div.image a { border:2px solid #151515; margin: 0px; } #onair div.image a:hover { border:2px solid #710000; margin: 0px; } #onair div.info { width: 110px; float: left; font-size: 11px; overflow: hidden; margin-left: 5px; margin-bottom: 1px; } .onair_title { float: left; margin-bottom: 0px; margin-left: 2px; } .onair_title2 { float: left; margin-bottom: 0px; margin-left: 0px; } .show {} #onair h1 { font-size: 13px; color: #151515; font-family: Arial, Helvetica, sans-serif; float:left; margin-top: 0px; } #onair h2 { font-size: 11px; color: #151515; font-family: Arial, Helvetica, sans-serif; float:left; margin-top: 3px; } #onair a { color: #710000; font-size: 12px; float: left; margin-left: 5px; font-weight: bold; text-decoration: underline; } #onair a:hover { color: #151515; text-decoration: none; } .submenu_stripe {background: #371a00 url(../img/subnav_bkg.gif) top repeat-x; font-size: 11px; margin: 0px 0px; padding: 5px 0px; border-bottom: 1px solid #000000;} .submenu_stripe span.current_date {color:#ffffff; padding-left: 5px;} .latest_video { border: 1px solid #8b644c; width: 302px; margin-bottom: 5px;} /**** Utility Stripe ****/ .utility_stripe {background:#2a1c0f; padding: 6px; color: #7a5332;} .utility_stripe a { color: #710000;} .utility_stripe input.text { background: #7a5332; border: 1px solid #000000;} /*** Login box ***/ #box_login_small {width: 560px;} #register .dump {padding-bottom: 6px; font-size:14px; font-weight: bold;} #register .dump span.info {color:#6b99c5;} #register .dump span.error {color:#710000;} #forgot_form_holder div.fp_info {font-size:11px; padding-bottom:6px;} #forgot_form_holder div.inline_error {padding-bottom: 6px; font-size:14px; color:#710000;} /*** Search box ***/ #mainNav div.search form { margin-top: 0px; height:30px; } #mainNav div.search { float: right; position:relative; width: 220px; display: inline; padding: 2px 6px 2px 6px; height:25px; font-size:10px; margin-top: 0px; } #mainNav div.search input#search_query { padding: 4px 0px 0px 0px; margin-top: 4px; float: left; } #mainNav div.search a {color: #444242; position: relative; text-transform: none;} #mainNav div.search button { width: 76px; float: right; background:url(../img/search.png) repeat-x; color:white; cursor:pointer; height:25px; line-height:12px; border: none; display: inline; padding:1px 5px; margin-top:4px; } #mainNav div.search input.text { padding:0px; } /*** Static pages navigation ***/ .box_pages { /*** static pages list holder ***/ border-top: 3px solid #444242; border-bottom: 3px solid #444242; border-right: 1px solid #444242; border-left: 1px solid #444242; padding: 3px 3px 5px; color: #710000; background-color: #ffffff; } .box_pages li { /*** static pages list ***/ display: inline; } .box_pages a {padding: 2px 3px;} .box_pages a:link, .box_pages a:visited { color: #444242; text-decoration: none; font-size: 11px; font-weight: bold; text-transform: uppercase; } .box_pages a:hover { color: #710000; text-decoration: none; } .login_register { font-size:10px; position:absolute; right:15px; text-align:right; text-transform:uppercase; top:10px; color: #710000; } .current_date { font-size:11px; font-weight:bold; position:relative; top:6px; margin-right:0px; left:0px; text-transform:uppercase; background:#000000; padding: 4px; color: #ffffff; } /* Hides from IE5-mac \*/ * html .login_register {top:10px;} /* End hide from IE5-mac */ *:first-child+html .login_register {top:10px;} /* IE 7 hack */ .login_register a { color: #7a5332; } .login_register a:hover { color: #710000; text-decoration: none; } .login_register a img { vertical-align: text-bottom; margin-right: 5px; } /*************** LEFT COLUMN STYLES ********************************************************************************************************************/ /******************************************************************************************************************************************************/ #box_left_holder { padding: 6px;} #dynamic_box_left div.box {margin-bottom: 12px;} #dynamic_box_left div.box_title { background: #A5A5A5; color:#FFFFFF; padding: 4px 2px 3px 3px; margin-bottom: 4px; border-bottom: 1px solid #000000; } #dynamic_box_left div.box_body {border-bottom: 4px solid #000000;} /*** Section box (navigation list) ***/ #box_sections div.box_body { border-bottom: none; margin-bottom: 30px;} #box_sections li { background-color: #F1F1F1; border-bottom: 1px solid #000000; padding: 1px 0px; font-variant: small-caps; } #box_sections li ul li { border-bottom: none; font-variant: normal; font-size: 11px; padding-left: 6px; } #box_sections li a { color: #8B8B8B; display: block; padding: 4px; } #box_sections li a:hover { color: #FFF; background-color: #A5A5A5; text-decoration: none; } #box_sections li ul li a:hover { color: #000000; background: none; text-decoration: underline; } /*************** CONTENT STYLES ************************************************************************************************************************/ /******************************************************************************************************************************************************/ /*** Latest news box ***/ .latest_news div.box_title { color:#6e5322; font-size: 16px; font-weight: bold; border-bottom: 1px solid #000000; padding: 3px 0px; margin-bottom: 4px; } .latest_news div.box_title a img { float: right; padding-top: 0px;} .latest_news ul li {padding: 5px 5px 5px 0px; border-bottom: 1px solid #000000;} .latest_news ul li span.article_title { } .latest_news ul li span.article_title a { padding-left: 16px; background: url(../img/right_box_bullet.gif) 4px 6px no-repeat; font-weight: bold; } /*#box_center_holder {padding: 0px 12px;}*/ #box_center_holder h1 { font-size: 24px; padding-bottom: 4px; margin-bottom: 12px; border-bottom: 3px solid #000000;} #box_center_holder div.category_headline { width: 100%; overflow: hidden;} #staff h2 { color: #710000; font-size: 18px; font-weight: normal;} #staff div.staff_image { float: left; padding: 6px; margin: 0px 6px 6px 6px; background-color: #eeeeee; border: none;} #box_center_holder div.category_headline h2 a { color: #710000; font-size: 18px; font-weight: normal;} #box_center_holder div.category_headline h2 { color: #710000; font-size: 18px; font-weight: normal;} #box_center_holder div.category_headline div.image { float: left; padding: 6px; margin: 0px 6px 6px 6px; background-color: #eeeeee; border: none;} #box_center_holder div.category_headline div.summary {} #box_center_holder #staff div.summary {} #box_center_holder #staff div.summary p { line-height: 1.3em;} div.article_link {display: inline; padding-left: 4px; font-size: 11px;} div.article_link a {color: #710000; font-weight: bold;} div.box_body div.image { padding: 1px; float: left; margin: 2px 9px 2px 2px; border: 1px solid #000000; overflow: hidden; } .short_holder { width: 100%; overflow: hidden;} .short_holder a { color:#000000; text-decoration: none;} .short_holder a:hover { color:#710000; text-decoration: underline;} .short { /*** Global summary styles ***/ margin-bottom: 4px; //padding: 4px; border-bottom: 0px solid #000000; } .blog_holder { width: 100%; overflow: hidden; background-image:url(../img/blogwh.png); padding:6px;} .blog { /*** Global summary styles ***/ margin-bottom: 4px; padding: 4px; border-bottom: 1px solid #eee; } .blog_holder div.date, .article div.date { float:left; width: 60px; font-size: 24px; font-family: arial,helvetica,sans-serif; font-weight: bold; padding: 6px; margin-right: 10px; text-align:center; background-image:url(../img/ptabcap.png); } .blog_article { width: 100%; overflow: hidden; margin-bottom: 12px; padding: 4px 4px 8px 4px; border-bottom: 1px solid #eee; } .blog_holder h2, .article h2 { font-size:18px; padding-bottom:4px;} .blog_holder div.summary { color: #000000; line-height: 1.6em; margin-left: 82px;} .blog_article div.body {color: #000000; line-height: 1.6em; margin-left: 82px;} .date div.day, .article div.day { color: #ffffff;} .date div.month, .article div.month { color: #ffffff;} .blog_holder div.info, .article div.info { padding: 6px 0px; color: #151515; font-weight: bold;} .blog_holder div.info a, .article div.info a { color: #710000; font-weight: bold;} div.short h2 span.article_category { padding-right: 2px; color: #808080; font-size: 11px;} /*** NEWS ALERTS ***/ .alert_section { width: 100%; overflow: hidden;} .alert_section h2 { font-size: 22px; padding-top: 4px; padding-bottom: 2px; margin-left: 190px; text-transform:uppercase; } .alert_section h2 a { color: #ffffff; } .alert_section span.article_title { font-size: 12px; padding-bottom: 4px; } .alert_section span.article_title a { color:#05093f; text-decoration: none; font-weight: bold; } .alert_section span.article_title a:hover { color:#710000; font-weight: bold; } .alert_section span.summary a { font-family:Arial,Helvetica,sans-serif; font-size:12px; color: #ffffff; font-weight: bold; padding-top:0px; margin-left: 190px; text-decoration: none; overflow:hidden; } #alert { /*** Global summary styles ***/ padding: 8px; background: #710000; border-bottom: 2px solid #151515; text-align: center; } #breaking { /*** Global summary styles ***/ padding: 0px; background: #710000 url(../img/alerts/breaking.jpg) no-repeat; border-bottom: 2px solid #151515; height:60px; } div.alert_link {float:left; padding-left: 4px; font-size: 14px; color: #FFFFFF;} div.alert_link a {float:left; color: #FFFFFF;} div.alert h2 span.article_category { padding-right: 2px; color: #808080; font-size: 11px;} .clegg_books { width: 100%; overflow: hidden;} .clegg { /*** Global summary styles ***/ margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #bbbbbb; } div.clegg h2 span.article_category { padding-right: 2px; color: #808080; font-size: 11px;} .artist_holder { display: block; } #artists { /*** Global summary styles ***/ } #artists div.artist_holder div.image { border:1px solid #000000; margin:2px 9px 2px 2px; overflow:hidden; padding:6px; background-color: #ffffff; } #artist_holder div.box_body { width: 660px; } .artist_holder h2 { float:clear; margin-top: 2px; color: #808080; font-size: 10px;} #artist_holder #box_pagination { background:#ECE3CC none repeat scroll 0 0; color:#6E5322; float:right; margin:6px 0; padding:6px; } #artist_holder #box_pagination span.pagination { background:#ECE3CC none repeat scroll 0 0; color:#000000; font-size:10px; float:right; font-weight:normal; line-height:13px; padding:0 0px; text-decoration:none; } #artist_holder #box_pagination span.current_page { font-size:10px; font-weight:normal; line-height:13px; padding:0 7px; background:#ECE3CC none repeat scroll 0 0; color:#b1b1b1; text-decoration:none; } #artist_holder #box_pagination span.pagination a { font-size:10px; font-weight:normal; line-height:13px; padding:3px 6px; background:#ECE3CC none repeat scroll 0 0; border:1px solid #cccccc; color:#000000; text-decoration:none; } #artist_holder #box_pagination span.pagination a:hover { color:#fff; background-color:#6E5322; border:1px solid #6E5322; text-decoration:none; } #artist_holder #box_pagination span.pagination a:active { color:#fff; background-color:#6E5322; border:1px solid #6E5322; text-decoration:none; } #artist_holder #box_pagination span.pagination_total {color: #710000;} /*** Article summaries heights ***/ #latest_news div.short{height:122px;} /*** Main news styles ***/ #category_news_box div.main_news_box_row { border-bottom: 3px solid #000000;} #category_news_box div.box_title { margin-bottom: 6px;} /*** Category links ***/ #category_news_box div.box_title h4 { font-size: 16px; color: #172973; border-bottom: 1px solid #000000; padding: 4px 0px; margin-bottom: 4px; } /*** Subcategory links ***/ #category_news_box div.box_title span { color: #000; font-size: 11px; padding: 0px 1px; } #category_news_box div.box_title span a { color: #710000;} #category_news_box div.box_title span a:hover { color: #000;} #category_news_box div.box_body ul { padding: 0px;} #category_news_box div.box_body ul li { /*border-bottom: 1px solid #000000; */ padding: 1px 0px; } #category_news_box div.box_body ul li a { display: block; padding: 4px 2px 4px 14px; background: url(../img/right_box_bullet.gif) 4px 10px no-repeat; } /*** Category page ***/ #category_holder div.subcategory_list div.box_body { padding: 6px;} #category_holder div.short { margin-bottom: 12px; padding-bottom: 12px;} #category_holder div.blog { margin-bottom: 12px; padding-bottom: 12px;} /*** Article styles ***/ .box_breadcrumb { padding: 6px 2px; color: #7a5332; border-bottom: 1px solid #000000;} .box_breadcrumb a {color: #710000; padding-right: 4px;} #article_holder h1 { font-size: 24px; font-weight: bold; color: #710000; padding: 8px 0px 4px 0px; margin-bottom: 2px; border-bottom: 3px solid #000000;} #article_holder div.article_metadata { padding: 0px 0px 18px 0px; margin-bottom: 4px; border-bottom: 1px solid #000000;} #article_holder div.article_metadata span.metadata_time { font-size: 10px; color: #666666; float: right;} #article_holder div.font_size { font-size: 11px; text-align: right; margin-bottom: 12px;} #article_holder div.font_size img { vertical-align: bottom; padding-left: 3px;} #article_holder div.image { float: left; padding: 3px; margin-right: 10px; border: 1px solid #777777; } #article_holder div.image span.image_caption { font-size: 11px; line-height:normal; color:#777777; padding: 0px 5px;} #article_holder div#article_body { line-height: 1.6em; width: 100%; overflow: hidden; margin-bottom: 12px;} #article_holder div#article_body h1, #article_holder div#article_body h2, #article_holder div#article_body h3 { font-size:12px; padding-bottom:4px; } #article_holder div#article_body h4, #article_holder div#article_body h5, #article_holder div#article_body h6 { font-family: Arial, Helvetica, sans-serif;} #article_holder div#article_body a { color: #710000;} /*** Article social bookmarks ***/ #box_social_bookmarks { color: #710000; padding: 2px 0px; margin: 20px 0px 30px 0px; border-top: 3px solid #444242; border-bottom: 3px solid #444242; } #box_social_bookmarks div.bits { background: #F2F3F7 url(../img/headlines_bg.gif) repeat-x scroll middle;} #box_social_bookmarks div.bits img { vertical-align: middle;} #box_social_bookmarks div.bits li { /*** static pages list ***/ display: inline; } #box_social_bookmarks div.bits a {padding: 2px 3px;} #box_social_bookmarks div.bits a:link, .box_pages a:visited { color: #444242; text-decoration: none; font-size: 11px; font-weight: bold; text-transform: uppercase; } #box_social_bookmarks div.bits a:hover { color: #710000; text-decoration: none; } /*** Article comments ***/ #box_comments div.box_body { background: #F2F3F7 url(../img/headlines_bg.gif) repeat-x scroll center top; border:1px solid #E1E1E1; margin-left:50px; margin-top:20px; margin-bottom:20px; width:550px; } .comment_block h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #05093F; border-top: 0px solid #eeeeee; border-bottom: 0px solid #eeeeee; padding: 6px; margin: 6px 0px; } .comment_block h4.title { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #151515; border-top: 0px solid #eeeeee; border-bottom: 0px solid #eeeeee; padding: 6px; margin: 6px 0px; } .comment_block div.shared { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #05093F; border-top: 0px solid #eeeeee; border-bottom: 0px solid #eeeeee; padding: 6px; display: inline; } .comment_block h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #05093F; border-top: 0px solid #eeeeee; border-bottom: 0px solid #eeeeee; padding: 6px; margin: 6px 0px; } .comment_block h2 a { font-weight: bold; color: #05093F; } .comment_block h2 a:hover { font-weight: bold; color: #710000; } .comment_block h4 img.comment_feed { float:right;} .comment_block h4 span.no_comments {display:block; font-size:12px; font-weight:normal;} #comment_list { margin: 15px 8px;} #comment_list div.comment_holder { margin-bottom: 20px;} #comment_list div.comment_header { padding-bottom: 6px;} #comment_list div.comment_header { font-size: 11px;} #comment_list div.comment_header a { color: #710000; font-weight: bold;} #comment_list div.comment_body_holder {padding: 6px; border-bottom: 1px solid #EBEBEB; background-color: #F8F8F8;} #comment_list div.comment_body {width: 100%; overflow: hidden; } #comment_list div.comment_body img { float: left;} #comment_list div.comment_body div.comment_text { color: #666666; margin-left: 50px; padding: 0px 12px 10px 10px;} #comment_list div.comment_report, #comment_list div.comment_rate { float: right;} #comment_list div.comment_rate { padding-right: 6px;} .comment_rate div.result { float: left; border: 1px solid #ebebeb; background-color: #ffffff; padding: 0px 4px; color: #555555; font-weight: bold; } .result span.error {font-weight: normal; font-size: 11px; color: #710000;} div#comment_dump { font-size: 14px; color: #172973; background-color: #F8F8F8; border: 1px solid #EBEBEB; padding: 6px; } div#comment_dump span.error {color: #710000;} /*** Pagination ***/ #box_pagination { margin: 6px 0px; background:#ffffff none repeat scroll 0 0; color:#6E5322; padding:6px; float:right; } #box_pagination span.pagination { font-size:10px; font-weight:normal; line-height:13px; padding:0 7px; background:#ffffff none repeat scroll 0 0; color:#000000; text-decoration:none; } #box_pagination span.current_page { font-size:10px; font-weight:normal; line-height:13px; padding:0 7px; background:#ECE3CC none repeat scroll 0 0; color:#b1b1b1; text-decoration:none; } /***#box_pagination span.pagination a { font-weight: bold; color: #710000;}***/ #box_pagination span.pagination a { font-size:10px; font-weight:normal; line-height:13px; padding:3px 6px; background:#ECE3CC none repeat scroll 0 0; border:1px solid #cccccc; color:#000000; text-decoration:none; } #box_pagination span.pagination a:hover { color:#fff; background-color:#6E5322; border:1px solid #6E5322; text-decoration:none; } #box_pagination span.pagination a:active { color:#fff; background-color:#6E5322; border:1px solid #6E5322; text-decoration:none; } #box_pagination span.pagination_total {color: #710000;} /*** Archive calendar ***/ #box_calendar table caption { font-weight: bold; background-color: #f7f1d7; border-bottom: 1px solid #000000; padding: 6px 0px; margin-bottom: 6px; } #box_calendar table caption a {color: #710000;} #box_calendar table caption span { cursor: pointer; padding: 0px 4px;} #box_calendar table td { background-color: #F1F1F1; padding: 1px 2px;} /*************** RIGHT COLUMN STYLES *******************************************************************************************************************/ /******************************************************************************************************************************************************/ #box_right_holder {/*stilovi za desnu kolonu, padinzi, margine...*/} /*** Boxes ***/ #dynamic_box_right div#box_right_holder { } #dynamic_box_right .box div.box_title { color: #FFFFFF; font-size: 16px; font-weight: bold; height: 30px; padding: 5px; border-bottom: 1px solid #000000; text-transform:uppercase; } #dynamic_box_right .box_tabs div.box_title {padding: 6px 6px 0px 6px;} #dynamic_box_right .box .box_title_holder { background: url(../img/box_right_head_right.gif) top right no-repeat; } /* Hides from IE5-mac \*/ * html #dynamic_box_right .box .box_title_holder { height: 1%;} /* End hide from IE5-mac */ #dynamic_box_right .box { background: #6e5322 url(../img/box_right_body_right.gif) bottom right no-repeat; margin-bottom: 6px; } #dynamic_box_right .box .box_body { background:url(../img/box_right_body_left.gif) bottom left no-repeat; } #dynamic_box_right .box .box_body div.box_content {padding: 6px 12px 12px 12px;} /* Hides from IE5-mac \*/ * html #dynamic_box_right .box .box_body { height: 1%;} /* End hide from IE5-mac */ /********** CMT Feed ************/ .cmt_head { background: url(../img/badge_right_cmt_head.png) top no-repeat; height: 61px; width: 293px; } .cmt_main { width: 293px; margin-bottom: 6px; } #dynamic_box_right .cmt_main .cmt_main div.box_content {padding: 6px 12px 12px 12px;} #dynamic_box_right .cmt_box { background: #6e5322 url(../img/badge_right_bkg.png) top; width: 293px; margin-bottom: 6px; } .cmt_footer { background: url(../img/badge_right_bottom.png) bottom; height: 37px; width: 293px; margin-bottom: 6px; } #dynamic_box_right .box .cmt_box_body { background:url(../img/box_right_body_left.gif) bottom left no-repeat; } #dynamic_box_right .box .cmt_box_body div.cmt_box_content {padding: 6px 12px 12px 12px;} /* Hides from IE5-mac \*/ * html #dynamic_box_right .box .cmt_box_body { height: 1%;} /* End hide from IE5-mac */ /************ End CMT Feed **********/ .right_box_link { text-align:right; margin-top: 6px; padding-top: 5px; border-top: 1px solid #000000;} .right_box_link a { color: #8d0d0d;} /********** Lists ***************/ #dynamic_box_right div.box_body ul li { border-bottom: 1px solid #000000; padding: 1px 0px; } #dynamic_box_right div.box_body ul li.row_0 {} #dynamic_box_right div.box_body ul li.row_1 {} #dynamic_box_right div.box_body ul li a { display: block; padding: 4px 4px 4px 14px; background: url(../img/right_box_bullet.gif) 6px 10px no-repeat; color: #710000; } #dynamic_box_right div.box_body ul li a:hover {background-color: #F8F8F9; color: #000000;} /*** Tabs ***/ .tabs { font-size:20px; line-height:bold; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } ul.tabs{ margin:0; padding:4px 0 4px 0px; list-style:none; } .tabs li { display:inline; margin:0; padding:0; } .tabs a { margin: 0px 1px 0px 0px; padding:4px 8px 4px 4px; text-decoration:none; background: transparent url(../img/menu_pipe.gif) no-repeat scroll right top; } *:first-child+html .tabs a {padding:0 0 0 4px;} /* IE 7 hack */ /* Hides from IE5-mac \*/ * html .tabs a {padding:0 0 0 4px;} /* End hide from IE5-mac */ .tabs a span { padding:4px 8px 4px 4px; color:#ffffff; } .tabs a:hover {text-decoration: none;} .tabs a:hover span {color: #FED200;} .tabs a.active {background: url(../img/tabs_left_large.gif) no-repeat left top;} .tabs a.active span { color: #890F0F; background: url(../img/tabs_right_large.gif) no-repeat right top; } .tabs_hs { font-size:14px; line-height:normal; font-weight: bold; font-family: Arial, Helvetica, sans-serif; border-bottom: 2px solid #000000; } ul.tabs_hs{ margin:0; padding:4px 0 4px 0px; list-style:none; } .tabs_hs li { display:inline; margin:0; padding:0; } .tabs_hs a { margin: 0px 1px 0px 0px; padding:4px 0 4px 4px; text-decoration:none; } *:first-child+html .tabs_hs a {padding:0 0 0 4px;} /* IE 7 hack */ /* Hides from IE5-mac \*/ * html .tabs_hs a {padding:0 0 0 4px;} /* End hide from IE5-mac */ .tabs_hs a span { padding:4px 8px 4px 4px; color:#000000; } .tabs_hs a:hover {text-decoration: none;} .tabs_hs a:hover span {color: #710000;} .tabs_hs a.active span { color: #710000; } /***Most popular/rated/commented box ***/ #dynamic_box_right #most_popular_rated_box .box div.box_title {background: url(../img/tab_bkg.gif) no-repeat;} #dynamic_box_right #most_popular_rated_box .box_tabs div.box_title {padding: 0px;} #dynamic_box_right #most_popular_rated_box .box .box_title_holder {background: url(../img/tab_bkg.gif) no-repeat;} #most_popular_rated_box .tabs { font-size:11px; line-height: 18px; } #most_popular_rated_box .tabs a { background: url(../img/tabs_left_large_inactive.gif) no-repeat left top; } #most_popular_rated_box .tabs a span { color:#9d7f49; background: url(../img/tabs_right_large_inactive.gif) no-repeat right top; } #most_popular_rated_box .tabs a:hover { background: url(../img/tabs_left_large.gif) no-repeat left top; } #most_popular_rated_box .tabs a:hover span { color: #6e5322; background: url(../img/tabs_right_large.gif) no-repeat right top; } #most_popular_rated_box .tabs a.active { background: url(../img/tabs_left_large.gif) no-repeat left top; } #most_popular_rated_box .tabs a.active span { color: #6e5322; background: url(../img/tabs_right_large.gif) no-repeat right top; } #box_most_popular div.short { padding: 5px; margin-bottom: 0px; background-color: #FFFFFF; border-left: 2px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #000000; } #box_most_popular div.short h2 { font-size: 12px;} #dynamic_box_right #box_most_popular div.box_content { padding-top: 0px;} #box_top_rated ol { padding:0px 0px 0px 25px; margin: 0; } #box_top_rated ol li {list-style: outside; list-style-type: decimal; font-size: 14px; font-weight: bold; color: #808080; } #box_top_rated ol li.row_1 { background-color: #FFFFFF;} #box_top_rated ol li a { font-size: 11px; font-weight: normal; display: block; border-bottom: 1px solid #000000; padding: 5px 2px;} /*** Latest comments box ***/ div#latest_comments div.single_comment img { float: left; margin: 2px 6px 2px 4px;} div#latest_comments div.single_comment {display: block; width: 100%; overflow: hidden; padding-bottom: 4px; margin-bottom: 6px; border-bottom: 1px solid #000000;} div#latest_comments div.single_comment div.comment_header { font-size: 11px; color: #666666;} div#latest_comments div.single_comment div.comment_header a {color: #710000;} div#latest_comments div.single_comment div.comment_body { padding-top: 2px; font-size: 11px;} /*** Featured author box ***/ div#box_users div.box_body img { float: left; margin: 2px 10px 2px 4px;} div#box_users div.box_body h3 a { display: block; padding:0; margin:0; font-size: 14px;} div#box_users div.box_content { width: 90%; overflow: hidden;} div#box_users div.box_content span.bio {font-size: 11px;} /*** Review box ***/ #box_reviews {width:100%; overflow:hidden;} #box_reviews h3 { font-size: 18px; margin: 7px 0px 0px 0px; color: #656565; font-weight: normal;} #box_reviews h3 img { vertical-align: middle;} #dynamic_box_right #box_reviews .box div.box_title {font-size: 14px;} /*** Tag cloud box ***/ div#box_tags a:hover {color: #710000;} #dynamic_box_right #box_tags .box_title { border-bottom: 1px solid #000000;} #dynamic_box_right #box_tags .box_title, #dynamic_box_right #box_tags .box_title_holder, #dynamic_box_right #box_tags, #dynamic_box_right #box_tags .box_body {background: #fdfdfc;} /*** Article page tag box ***/ #article_tags div.article_tags {} #article_tags div.article_my_tags { padding-top: 6px; margin-top: 6px; border-top: 1px solid #000000;} #article_tags div.article_add_tag { padding-top: 6px; text-align: center;} /*** SHARE / TOOLBOX ***/ #dynamic_box_right div#box_article_tools { height:100px; margin-bottom: 25px; margin-top:10px;} #dynamic_box_right div#box_article_tools div.box_pages { height:100px; background: url(../img/toolbox_bkg.gif) center repeat-x;} #dynamic_box_right div#box_article_tools ul { font-size: 11px;} #dynamic_box_right div#box_article_tools ul li img { vertical-align: bottom;} #dynamic_box_right div#box_article_tools ul li a {padding: 0px 4px 2px 4px; background: none; color: #7a5332;} #dynamic_box_right div#box_article_tools ul li a:hover {background: none; text-decoration: none; color: #710000;} .share { width: 140px; border-left: 1px solid #7a5332; float:right; clear: both; padding-left:5px; margin-top:5px; margin-right:5px; } #box_article_tools div.font_size { font-size: 12px; width:120px; color: #ffffff; font-weight: bold; background: #7a5332; text-transform:uppercase; margin-top:5px; margin-left: 0px; margin-right: 7px; margin-bottom: 12px; padding:9px 0 9px 15px; float: right; border-bottom: 0px solid #7a5332; } #box_article_tools div.font_size img { vertical-align: top; padding-left: 0px;} #box_article_tools div.font_size a { padding: 0px;} /*** Email friend box ***/ #send_article { padding: 6px; border: 1px solid #7a5332; } /*** Article vote box ***/ #stars { padding: 2px; width: 150px; overflow: hidden;} .article_rating { color: #6e5322; font-weight: bold; font-size: 14px; padding-top: 10px; padding-right: 18px; float: right; } div.standard_star { cursor: pointer;} /*** Attachments box ***/ #dynamic_box_right div.content_attachment {padding: 4px 0px; width: 100%; overflow: hidden;} #dynamic_box_right div.content_attachment img { vertical-align: bottom; float: left; padding-right: 4px;} #dynamic_box_right div.content_attachment a { width:206px; overflow:hidden; float:left;} /*************** FOOTER STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ .footer { padding: 5px; padding-top: 10px; color: #FFFFFF; background:#252525; width: 980px; overflow: hidden; border-top: 2px solid #9a1d1d; text-align:center; } .footer a { color: #FFFFFF; font-weight: bold;} .footer div.disclaimer { text-align: center; font-size: 11px; padding-top: 5px; margin-top: 5px; border-top: 0px solid #000000; color: #eeeeee; } .static_footer { padding: 5px; margin-right: 5px; font-size: 11px; } .static_footer ul li { display: inline; padding: 0px 4px;} .static_footer .copyright { float: right; font-size: 10px;} .static_footer .copyright a {color:#FFFFFF;} /*** First level categories in footer ***/ .footer div.footer_categories ul { text-transform: uppercase; border-bottom: 1px solid #b72323; padding: 6px 3px 6px 3px; margin: 0px 0px 5px 0px; } .footer div.footer_categories li {font-size: 11px; display: inline; padding: 0px 5px 0px 7px; border-right: 1px solid #b72323;} .footer div.footer_categories li a { color:#FFFFFF; font-weight: bold;} /* Styles for forms */ form { /******* Used for all forms in Vivvo *********/ padding: 0px; margin: 0px; } input, select, textarea { } select {} textarea {border: 1px solid #7F9DB9;} .form_line { margin-bottom: 1px; padding-bottom: 1px; width: 100%; overflow: hidden; /* if used, needs to be hidden because of Opera */ } *:first-child+html .form_line {margin-bottom: 0px; padding-bottom: 6px;} input.text {border: 1px solid #7F9DB9;} select.options { border: 1px solid #7F9DB9;} input.submit_button, button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .formElement p { margin-top: 0;} /***************** Box forms *******************/ #dynamic_box_right .form_line label {} #dynamic_box_right .form_line div.submit { text-align: right;} #dynamic_box_right .form_line div.submit a { float: left; padding-top: 3px; color: #C90404;} /*************** CONTENT FORMS *******************************************************************************************************************/ /******************************************************************************************************************************************************/ #dynamic_box_center div.form_line label { text-align: right; padding: 3px 0px 3px 3px; display: block; float: left; width: 30%; font-size: 12px; color: #666666; } #dynamic_box_center div.formElement {float: left; margin-left: 6px; display: inline; z-index: auto;} #dynamic_box_center div.formElement label { padding: 0px; width: auto; text-align: left; float: none; display: block; font-weight: normal; } /***************** User registration form (ajax validations) *******************/ .tos_label {color:#666666;} .tos_label a {color:#C90404;} .tos_box {border: 1px solid #7F9DB9; padding: 6px; margin-top: 6px; width: 350px; height: 200px; overflow: scroll;} .tos_box pre {padding:0; margin:0; font-family: Arial, Helvetica, sans-serif;} #error_message {background:#FCD6D4; margin-bottom: 6px;} #error_message p {margin: 2px 0px; padding: 4px; color: #555555;} .validation { padding: 2px 0px 2px 18px; font-size: 11px; font-weight:bold; } .not_valid {background: url(../img/validation_not_valid.gif) 0 0 no-repeat; color:#F3735D;} .checking {background: url(../img/validation_info.gif) 0 0 no-repeat; color:#6b99c5;} .valid {background: url(../img/validation_valid.gif) 0 0 no-repeat; color:#80CA73;} .quote_right { color: #7f1c04; float: right; margin: 6px; display: inline; width: 200px; height: auto; background: #916041; border: 1px solid #dcc397; padding: 6px; } .quote_right img { margin: 4px;} .quote_left { color: #7f1c04; float: left; margin: 6px; display: inline; width: 200px; height: auto; background: #916041; border: 1px solid #dcc397; padding: 6px; } .quote_left img { margin: 4px;} .right_image { float: right; margin: 6px; display: inline;} .left_image { float: left; margin: 6px; display: inline;} #article_holder div#article_body h1 {font-size: x-large; border: none; color: #b49865;} #article_holder div#article_body h2 {font-size: large;} #article_holder div#article_body h3 {font-size:12px; padding-bottom:4px;} #article_holder div#article_body h4 {font-size: small;} #article_holder div#article_body h5 {font-size: x-small; margin:0;} #article_holder div#article_body h6 {font-size: xx-small; margin:0;} #article_holder ul { padding: 10px 25px;} #article_holder ul li { list-style: inside; list-style-type: disc; display:list-item;} /*** Default navigation lists ***/ #dynamic_box_left .box_navigation li, #dynamic_box_right .box_navigation .box_body li { background-color: #F1F1F1; border-bottom: 1px solid #fff; padding: 1px 0px; font-variant: small-caps; } #dynamic_box_left .box_navigation li ul li, #dynamic_box_right .box_navigation .box_body li ul li { border-bottom: none; font-variant: normal; font-size: 11px; padding-left: 6px; } #dynamic_box_left .box_navigation li a, #dynamic_box_right .box_navigation .box_body li a, #dynamic_box_left .box_navigation li span, #dynamic_box_right .box_navigation .box_body span { color: #8B8B8B; display: block; padding: 4px; background: none; } #dynamic_box_left .box_navigation li a:hover, #dynamic_box_right .box_navigation .box_body li a:hover { color: #FFF; background-color: #A5A5A5; text-decoration: none; } #dynamic_box_left .box_navigation li ul li a:hover, #dynamic_box_right .box_navigation .box_body li ul li a:hover { color: #000000; background: none; text-decoration: underline; } #dynamic_box_left .box_navigation li span, #dynamic_box_right .box_navigation .box_body li span {cursor:default;} /*** DHTML navigation formatting (do not edit this!) ***/ .menu, .menu ul { /* remove all list stylings */ margin: 0; padding: 0; border: 0; display: block; } .menu{ padding-left:10px;} .menu li { margin-top: 8px; padding: 0; border: 0; display: block; float: left; /* move all main list items into one row, by floating them */ position: relative; /* position each LI, thus creating potential IE.win overlap problem */ z-index: 5; /* thus we need to apply explicit z-index here... */ list-style: none; } .menu li:hover { z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */ white-space: normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */ } .menu li li { float: none; /* items of the nested menus are kept on separate lines */ position:relative !important; } .menu ul { visibility: hidden; /* initially hide all submenus. */ position: absolute; z-index: 10; left: 0; /* while hidden, always keep them at the top left corner, */ top: 0; /* to avoid scrollbars as much as possible */ } .menu li:hover>ul { visibility: visible; /* display submenu them on hover */ top: 100%; /* 1st level go below their parent item */ } .menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */ top: 0; left: 100%; } /* -- float.clear -- force containment of floated LIs inside of UL */ .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu, .menu ul {/* IE7 float clear: */min-height: 0;} /* -- float.clear.END -- */ /* -- sticky.submenu -- it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */ .menu ul { background-image: url(../img/empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/ /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */ } .menu ul ul { padding: 30px 30px 30px 10px; margin: 0 0 0 -10px; } /* -- sticky.submenu.END -- */ /*************************** DHTML navigation styles (look'n'feel) **************************************/ #mainNav { background: url(../img/nav.png) repeat-x top left; border-top: 0px solid #8b644c; border-bottom: 0px solid #8b644c; margin-top: -3px; height: 39px; } .menu ul { font-size:100%; } .menu ul li { margin:0; float:none; border:none; } ul.menu li ul { font-size:98%; } .menu ul { width: 15em; margin:0; padding:0; } .menu li:hover { background:#870a02; } /* Link styles */ .menu li a{ display:block; height:28px; line-height:28px; padding:0 12px; background: url(../img/menu_pipe.gif) right top no-repeat; text-transform: uppercase; font-size: 14px; } .menu li a:link, .menu li a:visited, .menu li a:hover { color: #fed200; font-weight:bold; text-decoration:none; } .menu li a:hover { color:#ffffff; background-image:url(../img/nav_bkg.gif) top repeat; overflow:hidden; } .menu ul li { background-image:url(../img/ptabcap.png); } .menu ul li:hover { color:#ffffff; background-image:url(../img/nav_bkg.gif) top repeat; } .menu ul li a:link, .menu ul li a:visited, .menu ul li a:hover { text-decoration: none; font-weight: bold; font-size: 12px; text-transform: none; display: block; color: #ffffff; float:none; position: relative; border:none; height:auto; line-height:100%; padding:6px 6px 6px 14px; background: url(../img/dhtml_subcat_bullet.gif) 3px 9px no-repeat; border-bottom:1px solid #ffffff; } .menu ul li a:hover { color: #ffffff; } .menu li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */ background:#870a02; padding:0; } /********************************************************************************************/ /**************************** Internet Explorer only styles ********************************/ /* Hides from IE5-mac \*/ * html .mainNav a {float:left;} * html .menu, * html .menu ul {zoom: 1;} * html .menu li.adxmhover {z-index: 10000; background:#B7B8B8; color: #fff;} * html .menu .adxmhoverUL {visibility: visible;} * html .menu .adxmhoverUL {top: 100%; left: 0;} * html .menu .adxmhoverUL .adxmhoverUL {top: 0; left: 100%;} * html .menu ul a {zoom: 1;} * html .menu ul li {display:inline !important;} * html .menu ul li a:link, * html .menu ul li a:visited, * html .menu ul li a:hover {text-decoration: none; display:inline-block; display:block;} * html #mainNav .menu li ul li {margin:0; padding:0;} * html .menu li li {width:100%; margin:0; padding:0;} * html .mainNav .menu ul li a:link, * html .mainNav .menu ul li a:visited, * html .mainNav .menu ul li a:hover {float:none;} * html .menu ul ul {padding:0;} /* End hide from IE5-mac */ * html .mainNav span {float:left;} * html .menu li.adxmhover span {background:#B7B8B8; color: #000000;} * html .mainNav .menu ul li.adxmhover {float:none; background:#EEEEEE; color:#C90404;} * html .mainNav .menu ul li.adxmhover span {float:none; background:#EEEEEE; color:#C90404;} /* End hide from IE5-mac */ /*** Default navigation lists ***/ #dynamic_box_left .box_navigation li, #dynamic_box_right .box_navigation .box_body li { background-color: #F1F1F1; border-bottom: 1px solid #fff; padding: 1px 0px; font-variant: small-caps; } #dynamic_box_left .box_navigation li ul li, #dynamic_box_right .box_navigation .box_body li ul li { border-bottom: none; font-variant: normal; font-size: 11px; padding-left: 6px; } #dynamic_box_left .box_navigation li a, #dynamic_box_right .box_navigation .box_body li a, #dynamic_box_left .box_navigation li span, #dynamic_box_right .box_navigation .box_body span { color: #8B8B8B; display: block; padding: 4px; background: none; } #dynamic_box_left .box_navigation li a:hover, #dynamic_box_right .box_navigation .box_body li a:hover { color: #FFF; background-color: #A5A5A5; text-decoration: none; } #dynamic_box_left .box_navigation li ul li a:hover, #dynamic_box_right .box_navigation .box_body li ul li a:hover { color: #000000; background: none; text-decoration: underline; } #dynamic_box_left .box_navigation li span, #dynamic_box_right .box_navigation .box_body li span {cursor:default;} /*** DHTML navigation formatting (do not edit this!) ***/ .menu_lower, .menu_lower ul { /* remove all list stylings */ margin: 0; padding: 0; border: 0; display: block; } .menu_lower{ padding-left:10px;} .menu_lower li { margin-top: 8px; padding: 0; border: 0; display: block; float: left; /* move all main list items into one row, by floating them */ position: relative; /* position each LI, thus creating potential IE.win overlap problem */ z-index: 5; /* thus we need to apply explicit z-index here... */ list-style: none; } .menu_lower li:hover { z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */ white-space: normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */ } .menu_lower li li { float: none; /* items of the nested menus are kept on separate lines */ position:relative !important; } .menu_lower ul { visibility: hidden; /* initially hide all submenus. */ position: absolute; z-index: 10; left: 0; /* while hidden, always keep them at the top left corner, */ top: 0; /* to avoid scrollbars as much as possible */ } .menu_lower li:hover>ul { visibility: visible; /* display submenu them on hover */ top: 100%; /* 1st level go below their parent item */ } .menu_lower li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */ top: 0; left: 100%; } /* -- float.clear -- force containment of floated LIs inside of UL */ .menu_lower:after, .menu_lower ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu_lower, .menu_lower ul {/* IE7 float clear: */min-height: 0;} /* -- float.clear.END -- */ /* -- sticky.submenu -- it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */ .menu ul { background-image: url(../img/empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/ /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */ } .menu_lower ul ul { padding: 30px 30px 30px 10px; margin: 0 0 0 -10px; } /* -- sticky.submenu.END -- */ /*************************** DHTML navigation styles (look'n'feel) **************************************/ #mainNav_lower { background: url(../img/nav.png) repeat-x top left; border-top: 0px solid #8b644c; border-bottom: 0px solid #8b644c; margin-top: -3px; height: 42px; } .menu_lower ul { font-size:100%; } .menu_lower ul li { margin:0; float:none; border:none; } ul.menu_lower li ul { font-size:98%; } .menu_lower ul { width: 15em; margin:0; padding:0; } .menu_lower li:hover { background:#870a02; } /* Link styles */ .menu_lower li a{ display:block; height:28px; line-height:28px; padding:0 12px; background: url(../img/menu_pipe.gif) right top no-repeat; text-transform: uppercase; font-size: 15px; } .menu_lower li a:link, .menu_lower li a:visited, .menu_lower li a:hover { color: #fed200; font-weight:bold; text-decoration:none; } .menu_lower li a:hover { color:#ffffff; background-image:url(../img/nav_bkg.gif) top repeat; overflow:hidden; } .menu_lower ul li { background-image:url(../img/ptabcap.png); } .menu_lower ul li:hover { color:#ffffff; background-image:url(../img/nav_bkg.gif) top repeat; } .menu_lower ul li a:link, .menu_lower ul li a:visited, .menu_lower ul li a:hover { text-decoration: none; font-weight: bold; font-size: 12px; text-transform: none; display: block; color: #ffffff; float:none; position: relative; border:none; height:auto; line-height:100%; padding:6px 6px 6px 14px; background: url(../img/dhtml_subcat_bullet.gif) 3px 9px no-repeat; border-bottom:1px solid #ffffff; } .menu_lower ul li a:hover { color: #ffffff; } .menu_lower li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */ background:#870a02; padding:0; } /********************************************************************************************/ /**************************** Internet Explorer only styles ********************************/ /* Hides from IE5-mac \*/ * html .mainNav a {float:left;} * html .menu, * html .menu ul {zoom: 1;} * html .menu li.adxmhover {z-index: 10000; background:#B7B8B8; color: #fff;} * html .menu .adxmhoverUL {visibility: visible;} * html .menu .adxmhoverUL {top: 100%; left: 0;} * html .menu .adxmhoverUL .adxmhoverUL {top: 0; left: 100%;} * html .menu ul a {zoom: 1;} * html .menu ul li {display:inline !important;} * html .menu ul li a:link, * html .menu ul li a:visited, * html .menu ul li a:hover {text-decoration: none; display:inline-block; display:block;} * html #mainNav .menu li ul li {margin:0; padding:0;} * html .menu li li {width:100%; margin:0; padding:0;} * html .mainNav .menu ul li a:link, * html .mainNav .menu ul li a:visited, * html .mainNav .menu ul li a:hover {float:none;} * html .menu ul ul {padding:0;} /* End hide from IE5-mac */ * html .mainNav span {float:left;} * html .menu li.adxmhover span {background:#B7B8B8; color: #000000;} * html .mainNav .menu ul li.adxmhover {float:none; background:#EEEEEE; color:#C90404;} * html .mainNav .menu ul li.adxmhover span {float:none; background:#EEEEEE; color:#C90404;} /* End hide from IE5-mac */