/* Global, Common and Reset Settings -----------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0pt none ;margin:0pt;padding:0pt;background:transparent none repeat scroll 0% 0%;outline-color:-moz-use-text-color;outline-style:none;outline-width:0pt;font-size:100%;vertical-align:baseline} html{background:rgb(182, 240, 255) url('../images/bg-body2.png') repeat-x scroll} body{background:transparent url('../images/bg-header-4.jpg') repeat-x 50% 125px} *{margin:0;padding:0;border:none} img{border:0} a, a:visited{text-decoration:none} a img,:link img,:visited img{border:none} ul,ol{list-style:none} address{font-style:normal} table{border-collapse:collapse;border-spacing:0pt} :link,:visited{text-decoration:none} .clear-bg{clear:both;margin-bottom:5px} .clear-right{clear:right} .float-left{float:left} .float-right{float:right} .hide{display:none} .text-left{text-align:left} .text-right{text-align:right} .text-center{text-align:center} .text-justify{text-align:justify} .bold{font-weight:700} .italic{font-style:italic} .underline{border-bottom:1px solid} .highlight{background:rgb(255, 255, 204)} .img-left{float:left;margin:4px 10px 4px 0} .img-right{float:right;margin:4px 0 4px 10px} .nopadding{padding:0} .noindent{margin-left:0;padding-left:0} .nobullet{list-style:none;list-style-image:none} .header-print{display:none} .clearfix:after{content:".";clear:both;height:0;visibility:hidden;display:block} .clearfix{display:inline-block} * html .clearfix{height:1%} .clearfix{display:block} #atffc{display:none} /* Typography -----------------------------------------------------------------------------*/ h1{margin:0 0 15px 0;padding:0;font:normal 32px Arial, Helvetica, sans-serif;color:rgb(34, 34, 34)} h1 a, h3 a{text-decoration:none;color:rgb(34, 34, 34);border-bottom:none} h1 a:hover, h3 a:hover{text-decoration:none} h2{margin:0;padding:5px 0 0 0;line-height:150%;color:rgb(34, 34, 34);font:normal 22px Arial, Helvetica, sans-serif} h2 a{color:rgb(34, 34, 34);text-decoration:underline} h2 a:hover{text-decoration:none} h3{margin:0;padding:0;color:rgb(34, 34, 34);font:normal 26px Arial, Helvetica, sans-serif} h3 a{color:rgb(34, 34, 34);text-decoration:none} h4{margin:0;padding:5px 0;font:normal 18px Arial, Helvetica, sans-serif;color:rgb(51, 0, 51)} h5{margin:0;padding:5px 0;font:bold 16px Arial, Helvetica, sans-serif;color:rgb(34, 34, 34)} h6{margin:32px 0 12px 0;padding:0;line-height:150%;color:rgb(34, 34, 34);font:normal 18px Arial, Helvetica, sans-serif;border-top:4px solid rgb(224, 224, 224)} sub {vertical-align: sub; font-size: smaller;} sup {vertical-align: super; font-size: smaller;} /* Hidden Content -----------------------------------------------------------------------------*/ .skip{display:none} #search label{display:none;visibility:hidden} #header-print{display:none;visibility:hidden} /* Header + Body -----------------------------------------------------------------------------*/ .wrapper{position:relative;top:0;margin:0 auto;width:960px} #header{margin:0;padding:0;background:rgb(96, 34, 124) url('../images/bodybg.gif') repeat-x scroll 0 0;color:rgb(239, 239, 239);height:100px} #header-inner, #topnav-inner{margin:0pt auto;padding:0pt;width:1000px} #header-inner h1{margin:26px 0 0 25px;text-indent:-9999px;z-index:9999;position:absolute} #header-inner h1 a{background:transparent url('../images/masthead-logo.gif') no-repeat scroll 0pt 0pt;display:block;height:50px;text-decoration:none;width:182px} #header-inner h2{margin:26px 0 0 205px;text-indent:-9999px;z-index:9999;position:absolute} #header-inner h2 a{background:transparent url('../images/masthead-logo-news.png') no-repeat scroll 0 0;display:block;height:50px;text-decoration:none;width:208px} #mininav{margin:0pt;padding:10px 20px 8px 0;color:rgb(255, 255, 255);font-size:9px;font-family:Helvetica,"Trebuchet MS",sans-serif;font-weight:lighter;float:right} #mininav ul{margin:0pt;padding:5px 0 0 15px;list-style-type:none;list-style-image:none;list-style-position:outside;letter-spacing:1px} #mininav ul li{margin:0pt 0.8em 0pt 0pt;padding:0pt;float:left;display:inline} #mininav a{text-transform:uppercase;font-weight:700} #mininav a:link{color:rgb(223, 223, 223);text-decoration:none} #mininav a:visited{color:rgb(223, 223, 223);text-decoration:none} #mininav a:hover{color:rgb(255, 255, 255);text-decoration:none} #mininav a:active{color:rgb(255, 255, 255);text-decoration:none} #topnav{margin:0;padding:8px 0;background:#000 none;color:rgb(255, 255, 255);font-size:11px;font-family:Helvetica,"Trebuchet MS",sans-serif;font-weight:lighter} #topnav ul{margin:0;padding:2pt 0 0 25px;list-style-type:none;list-style-image:none;list-style-position:outside;letter-spacing:1px} #topnav ul li{margin:0 30px 0 0;padding:0 0 0 0;float:left;display:inline} #topnav ul li a{text-transform:uppercase;margin:0 0 0 -8px;padding:12px 8px 12px 8px} #topnav li a:link{color:rgb(223, 223, 223);text-decoration:none} #topnav li a:visited{color:rgb(223, 223, 223);text-decoration:none} #topnav li a:hover{color:rgb(245, 225, 255);text-decoration:none;background:transparent url('../images/top_nav_bg_active.png') repeat-x scroll right bottom;border-bottom:1px solid rgb(0, 145, 181)} #topnav li .active{color:rgb(245, 225, 255);text-decoration:none;background:transparent url('../images/top_nav_bg_active.png') repeat-x scroll right bottom;border-bottom:1px solid rgb(0, 145, 181)} #topnav .search{font-weight:700} #topnav li.search a{color:rgb(248, 253, 198)} div#search{background:transparent url('../images/form-left.png') no-repeat scroll 0 0;position:absolute;top:40px;margin:0 0 0 775px} div#search form{margin:0pt;padding:0pt;width:210px} div#search label{display:block;float:left;width:30px;height:18px} div#search label span{display:none} div#search input{border:0 none;margin:0;padding:4px 0 0 0;background:transparent none;float:left;width:142px;height:18px;font-size:11px;color:#000;font-family:verdana, arial} div#search input.submit{margin:0 0 0 3px;padding:0;background:transparent url('../images/form-right.png') no-repeat scroll 0 0;float:left;cursor:pointer;width:20px;height:22px} /* Feature -----------------------------------------------------------------------------*/ #header-content{background:transparent url('../images/bg-header-content.png') no-repeat scroll 0 0;height:37px;opacity:0.8;margin:20px 0 0 0} #header-content #main-nav{position:relative;left:10px;top:10px} #header-content #main-nav ul li{display:inline;font-size:12px;font-family:Verdana,Arial,Helvetica,sans-serif;color:rgb(255, 255, 255);text-transform:uppercase;font-weight:700} #header-content #main-nav p{display:inline;font-size:12px;font-family:Verdana,Arial,Helvetica,sans-serif;color:rgb(255, 255, 255);text-transform:uppercase;font-weight:700} #header-content #main-nav .weather{position:absolute;margin:-30px 0 0 0;z-index:9999} #header-content #main-nav .weather-text{padding:0 0 0 10px;text-transform:none} #feature{background:transparent url('../images/bg-feature.png') repeat-x scroll 0 100%;display:inline-block;width:960px;margin:0 0 16px 0} #feature:after{content:".";display:block;height:0pt;font-size:0pt;clear:both;visibility:hidden} #feature #issue{margin:-44px 5px 0 765px;padding:7px 0 0 7px;background:transparent;position:absolute;width:103px;z-index:0} #feature-container{float:left;width:960px;height:260px} #headlines{float:left;width:300px;margin:-290px 0 0 668px;position:absolute;z-index:1000} #headlines a:hover{color:rgb(201, 0, 68)} #headlines h1 a{display:block;font-family:"Helvetica Neue Light",HelveticaNeue,Helvetica;font-style:normal;font-variant:normal;font-weight:400;font-size:0.5em;font-size-adjust:none;font-stretch:normal;-x-system-font:none;color:#000;line-height:1;text-decoration:none;padding:0 0 0 5px;margin:0 40px 0 0} #headlines a:hover{color:rgb(147, 18, 170)} #headlines p{font-family:verdana,Arial,Helvetica,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:11px;font-size-adjust:none;font-stretch:normal;-x-system-font:none;color:rgb(96, 96, 96);height:auto !important;padding:0 0 6px 5px;display:block;font-style:normal;width:280px;margin:-5px 0 10px 0} #headlines p .feature-link{padding:0;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:10px;line-height:normal;font-size-adjust:none;font-stretch:normal;-x-system-font:none;color:rgb(30, 136, 181);text-decoration:none;text-transform:uppercase} #headlines p a:hover.feature-link{color:rgb(147, 18, 170)} #headlines h2 a{display:block;font-family:Georgia,"Times New Roman",Times,serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.5em;font-size-adjust:none;font-stretch:normal;-x-system-font:none;color:rgb(31, 143, 190);line-height:1.1;text-decoration:none;width:290px;margin:0 0 0 0;padding:0 20px 0 0;width:280px} #headlines h3{border-left:1px dotted rgb(49, 49, 49);float:left;width:130px;/*max-width:84px; [size for 4 article layout] */max-width:130px/* [size for 3 article layout] */;min-height:85px;margin-top:0px;padding:0 10px 0 10px;font-size:20px} #headlines h3.first-child{border-left:medium none;margin:0;padding:0} #headlines h3 a{font-family:Georgia,"Times New Roman",Times,serif;font-style:normal;font-variant:normal;font-weight:400;font-size-adjust:none;font-stretch:normal;-x-system-font:none;color:rgb(31, 143, 190);text-decoration:none;letter-spacing:-1px} #headlines p.first{font-family:verdana,Arial,Helvetica,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:11px;font-size-adjust:none;font-stretch:normal;-x-system-font:none;color:rgb(96, 96, 96);height:auto !important;padding:10px 0 15px 0;display:block;font-style:normal;width:280px;margin:-5px 0 10px 0;border-bottom:1px dotted rgb(49, 49, 49)} #feature .ribbon{margin:210px 0pt 0pt -9px;padding:7px 15px 10px 18px;background:rgb(0, 145, 181) none repeat scroll 0% 0%;position:absolute;height:20px;font-size:1.2em;font-family:Arial, verdana;z-index:100;opacity:0.8} #feature .ribbon a{background:transparent url('../images/icon_arrow_green.png') no-repeat scroll right 7px;padding-right:15px;color:rgb(255, 255, 255);text-decoration:underline} #feature .ribbon a:hover{color:#000} #feature .ribbon a.last{margin-left:25px} #feature .ribbon span.wrap{background:transparent url('../images/bg-ribbon.png') no-repeat scroll 0% 0%;display:block;position:absolute;top:-9px;left:0pt;width:9px;height:9px} /* Panel Slider (Optional) -----------------------------------------------------------------------------*/ a:focus{outline:none} #panel{background:rgb(136, 180, 21) url('../images/bg-slider-panel.gif') repeat-x scroll 0pt 0pt;height:200px;display:none} #slide{margin:0;padding:0} .btn-slide{margin:0;padding:0} .active{background-position:right 12px} /* Banner Slider -----------------------------------------------------------------------------*/ .slider-wrap{width:660px;top:0;left:0} .stripViewer .panelContainer .panel ul{text-align:left;margin:0} .stripViewer{position:relative;overflow:hidden;width:660px;height:300px} .stripViewer .panelContainer{position:relative;left:0;top:0} .stripViewer .panelContainer .panel{float:left;height:100%;position:relative;width:660px} .stripNavL, .stripNavR, .stripNav {display:none} .nav-thumb {border:0px solid black} .csw {width:100%;height:300px;background:#fff;overflow:scroll} .csw .loading {margin:200px 0 300px 0;text-align:center} #movers-row {margin:-40px 0 0 250px;padding:2px 0 5px 0;font:10px Arial, Helvetica, sans-serif;text-transform:uppercase;color:rgb(255, 255, 255)} #movers-row div {margin:0 auto;display:inline;position:relative;text-align:center} #movers-row div a.cross-link{} .cross-link{background:url(../images/icon-slide-off.png) no-repeat center;display:inline;float:none;padding:0 .1em !important;position:relative;z-index:0} .active-thumb{background:url(../images/icon-slide-on.png) no-repeat center} /* Content (For Second Level Pages) -----------------------------------------------------------------------------*/ #content{float:left;width:950px;background:rgb(255, 255, 255);margin:20px 0 10px 0;padding:0 5px 10px 5px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px 6px 6px 6px} /* News (left) -----------------------------------------------------------------------------*/ #news{float:left;width:340px;background:rgb(255, 255, 255);margin:0 0 0 0;padding:0 10px 10px 5px} #news h2{margin:5px 0 5px 0;padding:10px 0 3px 0;font-size:14px;text-transform:uppercase;color:rgb(206, 5, 62);font-weight:700} #news h2 a{color:rgb(206, 5, 62)} #news h2 a:hover{color:#000} #news a{color:rgb(30, 136, 181)} #news a:hover{color:rgb(147, 18, 170)} #news .listings{margin:0 0 10px 0;padding:0 0 5px 0;border-bottom:1px solid rgb(224, 224, 224);height:100%;overflow:hidden} #news .listings .left{border:1px solid rgb(229, 229, 229);float:left;margin:3px 10px 5px 0;-webkit-box-shadow:1px 1px 5px rgb(214, 214, 214);-moz-box-shadow:1px 1px 5px rgb(214, 214, 214);box-shadow:1px 1px 5px rgb(214, 214, 214)} #news .listings h3{margin:0;padding:0;font-size:18px;font-family:Georgia,"Times New Roman",Times,serif;color:rgb(30, 136, 181);font-weight:400;line-height:1.2} #news .listings p{font:12px Arial, Helvetica, sans-serif;line-height:17px;color:rgb(89, 89, 89);text-align:left;margin:0 0 12px 0} #news .listings p a{border-bottom:1px dotted rgb(102, 102, 102)} #news .listings p a:hover{border-bottom:none;color:rgb(51, 51, 51)} #news p{font:11px verdana, Arial, Helvetica, sans-serif;color:rgb(89, 89, 89);text-align:left;margin:-5px 0 0 0;padding:0} /* twitter */ .twitter{float:left;display:inline-block;width:94;height:47;margin:-47px 0 0 -4px;position:absolute;z-index:9999} #twitter_badge_container{display:inline-block;width:300px;background:rgb(241, 241, 241);margin:-60px 0 0 45px;position:relative;float:left;line-height:12px} #twitter_badge_tl{background:transparent url(../images/twitter_tl.png) top left no-repeat} #twitter_badge_tr{background:transparent url(../images/twitter_tr.png) top right no-repeat} #twitter_badge_bl{background:transparent url(../images/twitter_bl.png) bottom left no-repeat} #twitter_badge_br{background:transparent url(../images/twitter_br.png) bottom right no-repeat} #twitter_badge_inner{padding:15px 10px 10px 10px} #twitter_badge_via{font:10px verdana, Arial, Helvetica, sans-serif} #twitter_badge_via a {color rgb(102, 102, 102)} /* twitter defaults */ #my_twitter_status{ font-size:10px;font-family:verdana, Georgia,"Times New Roman",Times,serif;line-height:10px} #my_twitter_status_time{color:rgb(102, 102, 102);font-size:10px;font-family:verdana, Georgia,"Times New Roman",Times,serif;line-height:10px} /* Multimedia (left) -----------------------------------------------------------------------------*/ #multimedia{float:left;background:rgb(255, 255, 255);width:290px;margin:0 0 0 0;padding:0 10px 10px 10px;overflow:hidden} #multimedia a{color:rgb(30, 136, 181)} #multimedia a:hover{color:rgb(147, 18, 170)} #multimedia h2{margin:5px 0 5px 0;padding:10px 0 3px 0;font-size:14px;text-transform:uppercase;color:rgb(206, 5, 62);font-weight:700} #multimedia h2 a{color:rgb(206, 5, 62)} #multimedia h2 a:hover{color:#000} #multimedia p{font:11px verdana, Arial, Helvetica, sans-serif;color:rgb(89, 89, 89);text-align:left;margin:5px 0 0 0;padding:0} #multimedia.img{width:290px;z-index:99999} /* Fav (Tabs, Experts, Podcast) (sidemenu) -----------------------------------------------------------------------------*/ #fav{float:left;background:rgb(255, 255, 255);width:280px;margin:0 0 0 0;padding:15px 5px 10px 0px;overflow:hidden;font-size:62.5%} .tablist{margin:5px 0 3px -10px;padding:0;line-height:14px} .tablist ul{} .tablist li{list-style:none;padding:0 4px 6px 18px;background:url("../images/bullet.png") no-repeat 1px 2px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size :11px;text-transform:none} .tablist li a, .tablist li a:visited{color:rgb(30, 136, 181)} .tablist li a:hover{color:rgb(147, 18, 170)} #experts{margin:10px 0 0 0;width:280px;text-transform:none} #experts .listings{height:100%;overflow:hidden} #experts .listings .left{border:1px solid rgb(229, 229, 229);float:left;margin:3px 10px 3px 10px;-webkit-box-shadow:1px 1px 10px rgb(214, 214, 214);-moz-box-shadow:1px 1px 10px rgb(214, 214, 214);box-shadow:1px 1px 10px rgb(214, 214, 214)} #experts a{color:rgb(30, 136, 181)} #experts a:hover{color:rgb(147, 18, 170)} #experts h2{margin:5px 0;padding:0 0 0 10px;font-size:14px;text-transform:uppercase;color:rgb(206, 5, 62);font-weight:700} #experts .listings h3{margin:0;padding:0 10px 0 0;font-size:12px;color:rgb(30, 136, 181);font-weight:700} #experts .listings p{font:11px Arial, Helvetica, sans-serif;line-height:17px;color:rgb(89, 89, 89);text-align:left;margin:0 5px 12px 10px} #podcast{margin:10px 0 0 0;width:280px;text-transform:none} #podcast h2{margin:5px 0 5px 0;padding:0 0 0 10px;font-size:14px;text-transform:uppercase;color:rgb(206, 5, 62);font-weight:700} #podcast a{color:rgb(30, 136, 181)} #podcast a:hover{color:rgb(147, 18, 170)} #podcast .listings p{font:11px Arial, Helvetica, sans-serif;line-height:17px;color:rgb(89, 89, 89);text-align:left;margin:0 5px 12px 10px} /* Resources (left + sidemenu) -----------------------------------------------------------------------------*/ #resources{display:inline-block;width:960px;margin:0 0 30px 0;clear:both} #resources .ribbon{margin:0 0 0 -9px;padding:15px;background:#2ea4e4 url('../images/bg-magazine-ribbon.png') repeat-x scroll 0 0;position:relative;font-size:1.2em;font-family:Arial, verdana;width:938px;z-index:0} #resources .ribbon span.wrap{background:transparent url('../images/bg-ribbon.png') no-repeat scroll 0 0;display:block;position:absolute;top:-9px;left:0pt;width:9px;height:9px} .column-box-list{margin:0;padding:0;list-style-type:none;list-style-image:none;list-style-position:outside} .column-box-list li{margin:0 9px 0 0;float:left;padding:8px;background:rgb(253, 253, 250) url('../images/column-box-bottom.gif') no-repeat 0 100%;width:164px;border-radius:4px 4px 0 0} .column-box-list li.last{margin:0} .column-box-bottom{margin:0;padding:0;} .column-box-list li.long .column-box-bottom{height:310px} .column-box-image img{border:3px solid #fff;box-shadow:0 1px 3px #ccc} .column-box-list a:hover{opacity:.9} .column-box-list h3{margin:0;padding:0 0 0 3px;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-variant:normal;font-weight:700;font-size:0.8em;line-height:normal;font-size-adjust:none;font-stretch:normal;-x-system-font:none;color:rgb(71, 68, 58)} .column-box-list h3 a:link, .column-box-list h3 a:active, .column-box-list h3 a:visited{color:rgb(71, 68, 58)} .column-box-list h3 a:hover{color:#000} .column-box-bottom p{padding:0 3px;font-family:Georgia,"Times New Roman",Times,serif;font-style:normal;font-variant:normal;font-weight:400;font-size:0.7em;font-size-adjust:none;font-stretch:normal;-x-system-font:none;color:rgb(119, 119, 119);line-height:19px} /* More News (left) -----------------------------------------------------------------------------*/ #news-more{float:left;clear:both;width:630px;background:rgb(255, 255, 255);margin:0;padding:0 10px 10px 5px} #news-more h2{margin:5px 0 5px 0;padding:10px 0 3px 0;font-size:14px;text-transform:uppercase;color:rgb(206, 5, 62);font-weight:700} #news-more .news-left{float:left;display:block;margin:10px 15px 0 0;padding:0;width:300px} #news-more .news-right{float:right;display:block;margin:10px 0 0 15px;padding:0;width:300px} #news-more .news-left h3, #news-more .news-right h3{margin:0;padding:0;font-size:16px;font-family:Arial,Georgia,"Times New Roman",Times,serif;color:#000;font-weight:400;line-height:1.2} #news-more a{color:rgb(30, 136, 181)} #news-more a:hover{color:rgb(147, 18, 170)} .list{margin:5px 0 3px 0;padding:0;line-height:14px} .list ul{} .list li{list-style:none;padding:0 4px 6px 18px;background:url("../images/bullet.png") no-repeat 1px 2px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size :11px;text-transform:none} .list li a, .list li a:visited{color:rgb(30, 136, 181)} .list li a:hover{color:rgb(147, 18, 170)} /* More Column (sidemenu) -----------------------------------------------------------------------------*/ #more{float:left;background:rgb(255, 255, 255);width:280px;margin:0;padding:0 5px 10px 20px;overflow:hidden} #more #resources{margin:10px 0 0 0;width:280px;text-transform:none} #more #resources h2{margin:5px 0 5px 0;padding:0 0 0 10px;font-size:14px;text-transform:uppercase;color:rgb(206, 5, 62);font-weight:700} #more #resources a{color:rgb(30, 136, 181)} #more #resources a:hover{color:rgb(147, 18, 170)} #more #resources .listings .widget {float:left;margin:0 20px 0 0;padding:0 0 10px 0;width:120px;display:block} #more #resources .listings{margin:0 0 20px 0} #more #resources .listings h3{margin:5px 0 0 10px;font-size:10px;line-height:1.5em;margin-bottom:0.3em;text-transform:uppercase;font-family:verdana,arial,helvetica,sans-serif;font-weight:700} #more #resources .listings p{font:12px Arial, Helvetica, sans-serif;line-height:17px;color:rgb(89, 89, 89);text-align:left;margin:0 5px 5px 10px} #more #resources .listings ul{margin:5px 0 0 5px} #more #resources .listings li{list-style:none;padding:0 4px 6px 18px;background:url("../images/bullet.png") no-repeat 4px 0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size :11px;text-transform:none} #more #resources .listings li a, #more #resources .listings li a:visited{color:rgb(98, 105, 113)} #more #resources .listings li a:hover{color:rgb(147, 18, 170)} #more #resources .listings .widget li.feed{background:url("../images/icon-feed.png") no-repeat 4px 1px} #more #resources .listings .widget li.podcast{background:url("../images/icon-podcast.png") no-repeat 4px 1px} #more #resources .listings .widget li.story{background:url("../images/icon-story.png") no-repeat 4px 1px} #more #resources .listings .widget li.mobile{background:url("../images/icon-mobile.png") no-repeat 4px 1px} #more #resources .listings .widget li.accessibility{background:url("../images/icon-accessibility.png") no-repeat 4px 1px} #more #resources .listings .widget li.advert{background:url("../images/icon-a.png") no-repeat 4px 1px} #more #resources .listings p{margin:0pt 6px 0pt 10px;padding:0;display:inline;font-family:Arial,Verdana,Helvetica,sans-serif;font-style:normal;font-variant:normal;font-weight:700;font-size:12px;line-height:normal;font-size-adjust:none;font-stretch:normal;-x-system-font:none;color:rgb(89, 89, 89)} #more #resources .listings p img{vertical-align:middle;margin:0 0 3px 2px} #selectfieldlarge{margin:0 0 0 10px;padding:5px;border:rgb(224, 224, 224) 1px solid;padding:2px;font-weight:400;font-size:12px;font-family:Verdana, Arial, Sans-Serif} #NewsletterInput{margin:0 8px 0 10px;padding:5px;width:50%;float:left;font-size:11px;border:solid thin rgb(224, 224, 224)} #more #resources button{border:medium none ;margin:0pt;background:transparent url('../images/button-subscribe.png') no-repeat 0pt 0pt !important;overflow:hidden;width:82px;height:28px;text-indent:-1000px;cursor:pointer;float:left} /* Facts + Figures (left + sidemenu) -----------------------------------------------------------------------------*/ #facts{display:block;width:960px;border-top:1px solid rgb(238, 238, 238);margin:0 0 0 -5px;clear:left} #facts h2{margin:10px 0;padding:10px 10px 0 10px;font-size:14px;text-transform:uppercase;color:rgb(206, 5, 62);font-weight:700} #facts .figures-left{float:left;display:block;margin:0 10px;padding:0;width:220px} #facts h3{margin:0;padding:0;font-size:3.9em;font-family:Arial,Georgia,"Times New Roman",Times,serif;color:rgb(133, 133, 133);font-weight:700;line-height:1.2;letter-spacing:-2px;text-align:center} #facts p {font:10px Arial, Helvetica, sans-serif;line-height:13px;color:rgb(89, 89, 89);text-align:left} #facts a{color:rgb(30, 136, 181)} #facts a:hover{color:rgb(147, 18, 170)} /* Secondary Pages - Content (NEWS) -----------------------------------------------------------------------------*/ #content #page-header{background:transparent url('../images/bg-page-header.png') no-repeat scroll -5px 0px;height:37px;opacity:1;margin:0;width:960px;padding:15px 0 0 15px;font:11px verdana,Arial,Helvetica,sans-serif;color:rgb(153,153,153)} #content #page-head{width:960px;border-bottom:1px solid rgb(238, 238, 238);margin:0 0 0 -5px;padding:0} #content #page-head h1{margin:0;padding:0 20px 30px 20px;font-size:2em;color:rgb(52, 58, 62);font-family:Georgia,Arial,Helvetica,sans-serif} #content-primary{float:left;background:rgb(255, 255, 255);width:620px;margin:0;padding:10px 0px 10px 20px;overflow:hidden} #content-primary h2{font-family:Arial,Helvetica,sans-serif;color:rgb(65, 113, 7);font-style:normal;font-variant:normal;font-weight:700;font-size:1.4em;line-height:normal;font-size-adjust:none;font-stretch:normal;-x-system-font:none;letter-spacing:-1px;margin-top:0.5em;clear:left} #content-primary h3{font-family:Arial,Helvetica,sans-serif;color:rgb(104, 180, 11);font-style:normal;font-variant:normal;font-weight:700;font-size:1.1em;line-height:normal;font-size-adjust:none;font-stretch:normal;-x-system-font:none;letter-spacing:-1px;margin-top:30px;clear:left} #content-primary p{font:normal 15px georgia,verdana, Arial, Helvetica, sans-serif;color:rgb(52, 58, 62);line-height:1.5;margin:1em 0 1.6em 0} #content-primary{font:normal 15px georgia,verdana, Arial, Helvetica, sans-serif;color:rgb(52, 58, 62);line-height:1.5;margin:1em 0 1.6em 0} #content-primary blockquote{font:normal 18px georgia,verdana, Arial, Helvetica, sans-serif;color:rgb(52, 58, 62);line-height:1.5;margin:1em 0 1.6em 0} #content-primary .list{margin:0;padding:0} #content-primary .list dl{margin:0 0 10px 0} #content-primary .list dt{font-family:georgia, Arial, sans-serif;font-size:18px;line-height:1em;font-weight:400;margin:5px 0 5px 0} #content-primary .list dd{margin:0;padding:0;font-family:Verdana, sans-serif;font-size:12px;line-height:1.4em;font-weight:400;font-size:12px;color:#333} #content-primary .list dd.posted{margin:5px 0 10px 0;padding:0 0 5px 0;font-size:10px;color:#888;border-bottom:1px solid #eee} #content-primary a{color:rgb(30, 136, 181)} #content-primary a:hover{color:rgb(147, 18, 170)} #content-primary p.caption{margin:0 10px 0 12px;padding:0 0 10px;font-size:0.69em;line-height:1.5em;color:rgb(102, 102, 102);width:180px} .image-float{margin:7px 0 20px 20px;float:right;display:block;background:rgb(242, 253, 224)} .image-float img{margin:0 0 5px} .image-float .text{margin:10px} .image-wide{margin:20px 0;padding:0;width:670px;background:rgb(242, 253, 224)} .image-wide img{margin:0 0 5px} #content-primary ul{list-style-image:url('../images/bullet.png');list-style-type:square;margin-bottom:20px} #content-primary ul, #content-primary ol{font-family:Verdana, Arial,Helvetica,sans-serif;font-size:0.8em;line-height:1.4em;margin-left:20px;padding-left:0pt} #content-primary ol{margin-left:30px} #content-primary li{margin:10px 0} /* Secondary Pages - Content (General) -----------------------------------------------------------------------------*/ #content-general{float:left;background:rgb(255, 255, 255);width:620px;margin:0 0 0 0;padding:10px 0 10px 20px;overflow:hidden} #content-general h2{font-family:Arial,Helvetica,sans-serif;color:rgb(65, 113, 7);font-style:normal;font-variant:normal;font-weight:700;font-size:1.4em;line-height:normal;font-size-adjust:none;font-stretch:normal;-x-system-font:none;letter-spacing:-1px;margin-top:0.5em;clear:left} #content-general h3{font-family:Arial,Helvetica,sans-serif;color:rgb(104, 180, 11);font-style:normal;font-variant:normal;font-weight:700;font-size:1.1em;line-height:normal;font-size-adjust:none;font-stretch:normal;-x-system-font:none;letter-spacing:-1px;margin-top:30px;clear:left} #content-general p{font:normal 12px verdana, Arial, Helvetica, sans-serif;line-height:1.5;margin:1em 0 1.6em 0} #content-general a{color:rgb(30, 136, 181)} #content-general a:hover{color:rgb(147, 18, 170)} #content-general ul{font-family:Verdana, Arial,Helvetica,sans-serif;font-size:0.8em;line-height:1.4em;margin-left:20px;padding-left:0} #content-general li{margin:10px 0 5px 0;list-style-image:url('../images/bullet.png');list-style-type:square} #content-general #tabs li{list-style:none} #content-general .tablist{margin:5px 0 3px 0;padding:0} #content-general .tablist ul{} #content-general .tablist li{list-style:none;margin:0;padding:0 4px 2px 18px;background:url("../images/bullet.png") no-repeat 1px 2px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size :12px;text-transform:none} #content-general .tablist li a, #content-general .tablist li a:visited{color:rgb(30, 136, 181)} #content-general .tablist li a:hover{color:rgb(147, 18, 170)} /************************* Form Tags *************************/ .formfield{border:solid thin rgb(224, 224, 224);font-size:12px;color:#000;padding:5px;font-family:arial;background:#fff;width:100px} .formfieldlarge{border:solid thin rgb(224, 224, 224);font-size:12px;color:#000;padding:5px;font-family:arial;background:#fff;width:300px;font-weight:700} #category{margin:0 0 0 10px;padding:5px;border:rgb(224, 224, 224) 1px solid;padding:2px;font-weight:400;font-size:12px;font-family:Verdana, Arial, Sans-Serif} input.button{cursor:pointer;margin-top:10px;border:outset 1px #ccc;background:#999;font-size:.9em;color:#666;font-weight:700;background:url(../images/button-search.png) repeat-x left top;padding:1px} div.row span.label {text-align:right;font-weight:700} div.row span.formw {text-align:left;font-weight:thin} div.row{text-align:left;margin:0 0 5px 0;font-family:Verdana, Arial, Sans-Serif;font-size:11px;color:#333} div.spacer{clear:both} /* Breadcrumb (Optional) -----------------------------------------------------------------------------*/ #crumbs{float:left;background:rgb(255, 255, 255);width:950px;margin:10px 0 0 0;padding:0;font-family:Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif;font-size:10px;border-bottom:1px solid rgb(238, 238, 238);border-top:1px solid rgb(238, 238, 238)} #crumbs li{float:left;line-height:26px;color:rgb(102, 102, 102);padding-left:10px;font-size:11px;font-weight:700} #crumbs li a.first{margin:0 0 0 10px} #crumbs li a{background:url(../images/crumbs.gif) no-repeat right center;display:block;padding:0 15px 0 0} #crumbs li a:link, #crumbs li a:visited{color:rgb(119, 119, 119);text-decoration:none} #crumbs li a:hover,#crumbs li a:focus{color:rgb(221, 44, 13)} #crumbs span.top a{float:right;display:block;padding:5px 20px 0 0;font-weight:700;color:#000);font-size:11px} #crumbs span.top a:hover{color:rgb(221, 44, 13)} /* Footer -----------------------------------------------------------------------------*/ #footer{background:rgb(8, 68, 125) url('../images/bg-footer.gif') repeat-x scroll 100% 0pt;border-top:solid 2px #78b800} #footer{clear:both;min-height:140px;height:220px !important;margin-top:40px} #footer .wrapper{margin-top:40px} #footer li a, #navResources p a, .campus a, .directions a{border-bottom:1px solid rgb(108, 93, 94);color:rgb(241, 241, 241);cursor:pointer} #footer li a:hover, #navResources p a:hover, .campus a:hover, .directions a:hover{border-bottom:1px solid rgb(73, 59, 60);color:rgb(221, 212, 213)} #siteinfo{padding:0 0 0 5px;width:200px;float:left;color:rgb(255, 255, 255)} #siteinfo{font-size:11px;font-family:Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400} #siteinfo .org{font-weight:700} #siteinfo address{font-style:normal} #siteinfo .org{margin:0 0 10px 0;height:38px;width:200px} #siteinfo .org a{overflow:hidden;background-image:url('../images/uq-logo.gif') !important;background-repeat:no-repeat !important;background-color:transparent !important;display:block;height:38px;text-indent:-1000px} #siteinfo .adr{margin:0 0 5px 0;line-height:1.4} #siteinfo .tel{margin:0 0 5px 0} #siteinfo .campus{margin:0 0 5px 0} #siteinfo .directions{margin:0 0 5px 0} #copyright{margin:0pt;font-size:11px;width:200px} #footer-resources{margin:0 0 0 20px;width:400px;float:left;border-left:1px dotted rgb(217, 184, 250)} #footer-resources h2{margin:0 0 6px} #footer-resources h2{display:none} #footer-resources h3{margin:0 0 6px;font-family:'Helvetica Neue', Arial,verdana,sans-serif;font-size:12px;color:rgb(234, 184, 250);text-transform:uppercase} #footer-resources li{font-size:11px;font-family:verdana,Arial,sans-serif} #footer-resources ul{margin:0;list-style-type:none} #footer-resources li{margin:0 0 6px;padding:0 0 0 12px;background:transparent url('../images/arrow.png') no-repeat scroll 0 2px} #footer-resources a{padding:0 1px} #footer-resources p{color:rgb(255, 255, 255);font-family:'Helvetica Neue', Arial,verdana,sans-serif;font-size:11px} #navResources, #navSocial{float:left} #navResources{padding:0 20px;width:50%} #navSocial{padding:0 0 10px 0;width:40%} #navQuick{float:left;padding:0 0 10px 0;width:40%} .member-logo{margin:0 20px 10px 0;padding:0 0 2px 0} .member-logo a:hover{background:none;text-decoration:none} #footer-right{padding:0 0 10px 15px;margin:0;float:left;width:310px;height:146px;background:transparent url('../images/footer-device.png') no-repeat scroll 10px -1px !important;border-left:1px dotted rgb(217, 184, 250)} #footer-right h3{margin:0 0 6px;font-family:'Helvetica Neue', Arial,verdana,sans-serif;font-size:12px;color:rgb(234, 184, 250);text-transform:uppercase} #footer-right p{margin:5px 0 12px 0;font-family:verdana, arial, sans-serif;font-size:11px;color:rgb(255, 255, 255)} #footer-right li{font-size:11px;font-family:verdana,Arial,sans-serif} #footer-right ul{margin:0;list-style-type:none} #footer-right li{margin:0 0 6px;padding:0 0 0 12px;background:transparent url('../images/arrow.png') no-repeat scroll 0 2px} p.centenary{padding:16px 0 0 0} .opacity-toggle img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity:0.9;opacity:0.9} .opacity-toggle:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1;opacity:1.0} #navExplore, #navLogos{float:left} #navExplore{padding:0 20px 0 5px;width:180px} #navLogos{padding:0 0 10px 0}