/*######################################## Project: Version: Last change: Designed by: Big Click Studios - www.bigclick.com.au #########################################*/ /*------------------------------------------------------------------ [Table of contents] 1. RESET 2. TOP NAVIGATION STYLES 3. BRANDING 4. HERO STYLES 5. CONTENT STYLES 6. SIDEBAR STYLES 7. QUESTIONS STYLES 8. FOOTER STYLES 9. INFO FOOTER STYLES 10. MISCELLANEOUS # ------------------------------------------------------------------*/ /*--------------------------------------- 1. RESET -----------------------------------------*/ * { margin: 0; padding: 0; } body { background: #FFF; font-size: 62.5%; font-family: helvetica, arial, verdana, sans-serif; padding-bottom: 40px; } body#qu { background: #FFF url(/img/qu-bg.gif) top left repeat-x; } /*--------------------------------------- 2. TOP NAVIGATION STYLES -----------------------------------------*/ #top-wp { position: relative; background: url(/img/top-wp-bg.gif) top left repeat-x; z-index: 1000; } #top { position: relative; margin: 0 auto; width: 966px; height: 51px; z-index: 1000; } #mn-nv { list-style: none; width: 700px; margin-left: 16px; height: 51px; } #mn-nv li { position: relative; float: left; cursor: pointer; height: 51px; margin-right: 36px; } #mn-nv li a { display: block; height: 51px; text-indent: -9999px; } #mn-nv li a#home { width: 32px; } #mn-nv li a#home:link, #mn-nv li a#home:visited { background: url(/img/home.gif) 0px 20px no-repeat; } #mn-nv li a#home:hover, #mn-nv li a#home:active, #mn-nv li#current a#home { background: url(/img/home.gif) -32px 20px no-repeat; } #mn-nv li a#services { width: 54px; } #mn-nv li a#services:link, #mn-nv li a#services:visited { background: url(/img/services.gif) 0px 20px no-repeat; } #mn-nv li a#services:hover, #mn-nv li a#services:active, #mn-nv li#current a#services, #mn-nv li:hover a#services { background: url(/img/services.gif) -54px 20px no-repeat; } #mn-nv li a#clients { width: 46px; } #mn-nv li a#clients:link, #mn-nv li a#clients:visited { background: url(/img/clients.gif) 0px 20px no-repeat; } #mn-nv li a#clients:hover, #mn-nv li a#clients:active, #mn-nv li#current a#clients, #mn-nv li:hover a#clients { background: url(/img/clients.gif) -46px 20px no-repeat; } #mn-nv li a#positions { width: 105px; } #mn-nv li a#positions:link, #mn-nv li a#positions:visited { background: url(/img/positions.gif) 0px 20px no-repeat; } #mn-nv li a#positions:hover, #mn-nv li a#positions:active, #mn-nv li#current a#positions { background: url(/img/positions.gif) -105px 20px no-repeat; } #mn-nv li a#news { width: 32px; } #mn-nv li a#news:link, #mn-nv li a#news:visited { background: url(/img/news.gif) 0px 20px no-repeat; } #mn-nv li a#news:hover, #mn-nv li a#news:active, #mn-nv li#current a#news { background: url(/img/news.gif) -32px 20px no-repeat; } #mn-nv li a#about { width: 37px; } #mn-nv li a#about:link, #mn-nv li a#about:visited { background: url(/img/about.gif) 0px 20px no-repeat; } #mn-nv li a#about:hover, #mn-nv li a#about:active, #mn-nv li#current a#about { background: url(/img/about.gif) -37px 20px no-repeat; } #mn-nv li a#contact { width: 50px; } #mn-nv li a#contact:link, #mn-nv li a#contact:visited { background: url(/img/contact.gif) 0px 20px no-repeat; } #mn-nv li a#contact:hover, #mn-nv li a#contact:active, #mn-nv li#current a#contact { background: url(/img/contact.gif) -50px 20px no-repeat; } #mn-nv li ul { display: none; position: absolute; top: 52px; left: 0; margin: 0; background: none; } #mn-nv li > ul { top: auto; left: auto; } #mn-nv li:hover ul, #mn-nv li.sfHover ul { display: block; } /* Drop Down */ #mn-nv li ul { list-style: none; padding: 0; margin: 0; width: 178px; height: auto; } #mn-nv li ul li { background: transparent url(/img/dd-li-bg.png) repeat-y; padding: 0; display: block; margin: 0; width: 178px; height: auto; } #mn-nv li ul li.last { background: transparent url(/img/dd-li-last-bg.png) bottom left no-repeat; padding: 0 0 4px 0; display: block; margin: 0; } #mn-nv li ul li.last:hover { background: transparent url(/img/dd-li-last-bg.png) bottom right no-repeat ; cursor:pointer; } #mn-nv li ul li a span { display: block; margin: 0 10px; padding: 8px 0 7px 12px; background: url(/img/dd-li-span-bg.gif) center left no-repeat; } #mn-nv li ul li a:link, #mn-nv li ul li a:visited, #mn-nv li ul li a:hover, #mn-nv li ul li a:active, #mn-nv ul li#current ul li a:link, #mn-nv ul li#current ul li a:visited, #mn-nv ul li#current ul li a:hover, #mn-nv ul li#current ul li a:active { padding: 0 0 2px 0; margin: 0 5px 0 1px; width: 172px; display: block; background: url(/img/dd-li-a-bg.gif) bottom left repeat-x; color: #3C3331; font-size: 1.1em; height: auto; text-indent: 0; text-decoration: none; } #mn-nv li:hover ul a:hover, #mn-nv li.sfHover ul a:hover, #mn-nv li#current:hover ul a:hover { background: #F9D154 url(/img/dd-li-a-bg.gif) bottom left repeat-x; color: #3C3331; text-indent: 0; text-decoration: none; } #mn-nv li ul li.last a:link, #mn-nv li ul li.last a:visited, #mn-nv li ul li.last a:hover, #mn-nv li ul li.last a:active, #mn-nv ul li#current ul li.last a:link, #mn-nv ul li#current ul li.last a:visited, #mn-nv ul li#current ul li.last a:hover, #mn-nv ul li#current ul li.last a:active { background: none; } /* Drop Down Level 2 */ #mn-nv li ul li ul { position: absolute; top: 0; left: -999em; } #mn-nv li ul li > ul { top: auto; left: auto; } #mn-nv li ul li:hover ul, #mn-nv ul li.sfHover ul li.sfHover ul { left: 175px; top: 0px; z-index: 99999; } /* Drop Down Level 3 */ #mn-nv li ul li ul li { list-style: none; width: 178px; background: transparent url(/img/dd-li-bg.png) repeat-y; } /* Secure Login */ #secure-login-wp { position: absolute; right: 0px; top: 0px; display: block; width: 314px; padding: 13px 0; background: url(/img/secure-login-bg.png) no-repeat; z-index: 1000; } #secure-login-wp h5 { width: 81px; height: 11px; background: url(/img/secure-login.gif) no-repeat; text-indent: -9999px; margin: 0 0 7px 16px; } #secure-login-wp span { color: #FFE4DD } #secure-login-wp a:link, #secure-login-wp a:visited { color: #FE4014; text-decoration: none; } #secure-login-wp a:hover, #secure-login-wp a:active { text-decoration: underline; } #secure-login-form { margin: 0 14px; width: 286px; } #secure-login-form div.input { float: left; margin-right: 6px; width: 124px; background: #685955; } #secure-login-form div.input input { background: #685955; width: 120px; border: none; padding: 4px 0 3px 0; text-transform: uppercase; font-size: 1em; outline: none; font-family: helvetica, arial, verdana, sans-serif; margin-left: 3px; color: #C3BDBB; } #secure-login-form div.submit { float: right; width: 25px; height: 18px; } /*--------------------------------------- 3. BRANDING STYLES -----------------------------------------*/ #brd-wp { position: relative; background: url(/img/brd-wp-bg.gif) top left repeat-x; z-index: 500; } #brd { position: relative; margin: 0 auto; width: 990px; height: 107px; background: url(/img/brd-bg.gif) right 43px no-repeat; z-index: 500; } #brd a { display: block; width: 510px; height: 62px; position: absolute; left: 15px; top: 21px; background: url(/img/logo.gif) no-repeat; text-indent: -9999px; } /*--------------------------------------- 4. HERO STYLES -----------------------------------------*/ #hero-wp { z-index: 500; background: url(/img/hero-bg.png) top left repeat-x; padding-top:1px; } #hero { margin: 0 auto; width: 100%; height: 283px; } /*--------------------------------------- 5. CONTENT STYLES -----------------------------------------*/ #ct-wp { background: url(/img/ct-wp-hm-bg.gif) top left repeat-x; padding: 15px 0 40px 0; } #ct { position: relative; margin: 0 auto; width: 960px; overflow: hidden; } #sub #ct { background: url(/img/ct-sub-bg.gif) 636px 0px repeat-y; } #ct-lt { float: left; width: 632px; padding: 14px 0 30px 0; overflow: hidden; } #sub #ct-lt { width: 617px; padding-top: 10px; } #ct-rt { float: right; width: 305px; } #sub #ct-rt { float: right; width: 305px; padding-top: 14px; } #sub #ct-wp { background: url(/img/ct-wp-bg.gif) top left repeat-x; padding: 32px 0 40px 0; } #ct-lt-lt { float: left; width: 306px; } #ct-lt-rt { float: right; width: 306px; } .clm-blk { padding-bottom: 10px; } /* Home Headers */ #homepage h1, #homepage h2 { font-size: 1.6em; text-transform: uppercase; color: #0F0D0D; padding-bottom: 4px; margin-bottom: 16px; border-bottom: 1px solid #E7E3E3; } /* Sub Headers */ #sub #ct h1 { font-size: 1.6em; text-transform: uppercase; color: #0F0D0D; padding-bottom: 4px; margin-bottom: 16px; border-bottom: 1px solid #E7E3E3; } #sub #ct h2 { font-size: 1.5em; text-transform: uppercase; color: #665953; padding-bottom: 4px; margin-bottom: 5px; border-bottom: 1px solid #E7E3E3; } #sub #ct h3 { font-size: 1.3em; text-transform: uppercase; color: #665953; padding-bottom: 4px; margin-bottom: 5px; border-bottom: 1px solid #E7E3E3; } #sub #ct h4 { font-size: 1.5em; text-transform: uppercase; color: #665953; padding-bottom: 4px; margin-bottom: 16px; border-bottom: 1px solid #E7E3E3; } #sub #ct h5 { font-size: 1.6em; text-transform: uppercase; color: #0F0D0D; padding-bottom: 4px; margin-bottom: 16px; border-bottom: 1px solid #E7E3E3; } #sub #ct h1 a{ text-decoration:none; color: #0F0D0D; } #sub #ct h2 a{ text-decoration:none; color: #665953; } #sub #ct h3 a{ text-decoration:none; color: #665953; } #sub #ct h4 a{ text-decoration:none; color: #665953; } #sub #ct h5 a{ text-decoration:none; color: #0F0D0D; } /* Paragraphs & Links */ #ct-lt p { color: #6B5F59; font-size: 1.2em; line-height: 170%; margin-bottom: 20px; } #ct-lt p a:link, #ct-lt p a:visited { color: #FE4014; text-decoration: none; } #ct-lt p a:hover, #ct-lt p a:active { color: #685955; text-decoration: underline; } #ct-wp td a:link, #ct-wp td a:visited { color: #FE4014; text-decoration: none; } #ct-wp td a:hover, #ct-wp td a:active { color: #685955; text-decoration: underline; } #ct-lt p.pullout { color: #FE4014; font-size: 2em; line-height: 140%; margin-bottom: 14px; } #sub #ct-lt p a:link, #sub #ct-lt p a:visited { color: #6B5F59; text-decoration: none; border-bottom: 1px dotted #6B5F59; } #sub #ct-lt p a:hover, #sub #ct-lt p a:active { color: #6B5F59; text-decoration: none; border-bottom: 1px solid #6B5F59; } #sub #ct-lt p a.r-more:link, #sub #ct-lt p a.r-more:visited { color: #FE4014; text-decoration: none; border-bottom: none; } #sub #ct-lt p a.r-more:hover, #sub #ct-lt p a.r-more:active { color: #685955; text-decoration: underline; border-bottom: none; } /* Sub Banner */ img.ct-banner { display: block; margin-bottom: 20px; background: url(/img/ct-banner-bg.png); padding: 16px 0; } /* With Image */ .img-blk { width: 617px; overflow: hidden; margin-bottom: 10px; } .img-blk img { float: left; display: block; background: url(/img/ct-thumb-bg.jpg) no-repeat; padding: 15px 0; } .img-blk div { float: right; width: 380px; padding-top: 12px; } /* Content Quotes */ #ct-lt .quote-wp-outer { background: url(/img/sub-ct-li-bg.gif) bottom left no-repeat; padding-bottom: 10px; margin-bottom: 20px; } #ct-lt .quote-wp { margin: 0; width: 547px; padding: 10px 0 0 40px; background: url(/img/quotes-lt.gif) top left no-repeat; } #ct-lt .quote-wp p { background: url(/img/quotes-rt.gif) bottom right no-repeat; padding: 0 40px 10px 0; font-size: 1.6em; font-weight: bold; margin: 0; line-height: 140%; } #ct-lt .quote-wp p em { font-weight: normal; } /* Lists */ .clm-blk ul { list-style: none; } .clm-blk ul li { } .clm-blk ul h3 { font-weight: normal; font-size: 1.05em; margin-bottom: 4px; } .clm-blk ul h3 a:link, .clm-blk ul h3 a:visited { color: #FE4014; text-decoration: none; } .clm-blk ul h3 a:hover, .clm-blk ul h3 a:active { color: #685955; text-decoration: underline; } #sub #ct-lt ul { list-style: none; font-size: 1.2em; line-height: 140%; margin-bottom: 30px; } #sub #ct-lt ul li { position: relative; color: #6B5F59; background: url(/img/dotted-arw-org.gif) 0px 12px no-repeat; padding: 8px 0 8px 14px; } .clm-blk ul.home { list-style: none; font-size: 1.1em; line-height: 140%; margin: 0px 0px 10px 0px; } .clm-blk ul.home li { position: relative; color: #6B5F59; background: url(/img/dotted-arw-org.gif) 0px 12px no-repeat; padding: 8px 0 8px 14px; } .clm-blk ul.news { list-style: none; line-height: 140%; } .clm-blk ul.news li { color: #6B5F59; margin: 0px 0px 10px 0px; font-size: 1.2em; } #sub #ct-lt ol { list-style-position: inside; color: #FE4014; font-size: 1.2em; line-height: 140%; margin-bottom: 30px; } #sub #ct-lt ol li { position: relative; display: list-item; padding: 8px 0; } #sub #ct-lt ol li span { color: #6B5F59; } /* Big Link Lists */ .biglink-list-wp { background: url(/img/big-links-wp-bg.png) top left no-repeat; width: 627px; height: 272px; margin-bottom: 30px; } #sub #ct-lt .biglink-list-wp ul { list-style: none; padding-top: 16px; width: 627px; overflow: hidden; margin: 0; } #sub #ct-lt .biglink-list-wp ul li { position: relative; float: left; width: 298px; height: 77px; margin: 0 2px 4px 0; padding: 0; background: none; } #sub #ct-lt .biglink-list-wp ul li a { display: block; width: 298px; height: 77px; color: #6B5F59; text-decoration: none; } #sub #ct-lt .biglink-list-wp ul li a span { display: block; padding: 34px 10px 0 108px; line-height: 140%; } #sub #ct-lt .biglink-list-wp ul li a span.alt { padding: 34px 10px 0 80px; } #sub #ct-lt .biglink-list-wp ul li a.secur:link, #sub #ct-lt .biglink-list-wp ul li a.secur:visited { background: url(/img/secur.png) no-repeat; } #sub #ct-lt .biglink-list-wp ul li a.secur:hover, #sub #ct-lt .biglink-list-wp ul li a.secur:active { background: url(/img/secur.png) -298px 0px no-repeat; } #sub #ct-lt .biglink-list-wp ul li a.maint:link, #sub #ct-lt .biglink-list-wp ul li a.maint:visited { background: url(/img/maint.png) no-repeat; } #sub #ct-lt .biglink-list-wp ul li a.maint:hover, #sub #ct-lt .biglink-list-wp ul li a.maint:active { background: url(/img/maint.png) -298px 0px no-repeat; } #sub #ct-lt .biglink-list-wp ul li a.clean:link, #sub #ct-lt .biglink-list-wp ul li a.clean:visited { background: url(/img/clean.gif) no-repeat; } #sub #ct-lt .biglink-list-wp ul li a.clean:hover, #sub #ct-lt .biglink-list-wp ul li a.clean:active { background: url(/img/clean.gif) -298px 0px no-repeat; } #sub #ct-lt .biglink-list-wp ul li a.tcontrol:link, #sub #ct-lt .biglink-list-wp ul li a.tcontrol:visited { background: url(/img/tcontrol.gif) no-repeat; } #sub #ct-lt .biglink-list-wp ul li a.tcontrol:hover, #sub #ct-lt .biglink-list-wp ul li a.tcontrol:active { background: url(/img/tcontrol.gif) -298px 0px no-repeat; } #sub #ct-lt .biglink-list-wp ul li a.ret:link, #sub #ct-lt .biglink-list-wp ul li a.ret:visited { background: url(/img/min.gif) no-repeat; } #sub #ct-lt .biglink-list-wp ul li a.ret:hover, #sub #ct-lt .biglink-list-wp ul li a.ret:active { background: url(/img/min.gif) -298px 0px no-repeat; } #sub #ct-lt .biglink-list-wp ul li a.housek:link, #sub #ct-lt .biglink-list-wp ul li a.housek:visited { background: url(/img/housek.gif) no-repeat; } #sub #ct-lt .biglink-list-wp ul li a.housek:hover, #sub #ct-lt .biglink-list-wp ul li a.housek:active { background: url(/img/housek.gif) -298px 0px no-repeat; } /* Thumb Lists */ .thumb-list-wp { background: url(/img/thumb-lists-wp-bg.jpg) top left no-repeat; padding-top: 22px; } #sub #ct-lt .thumb-list-wp ul { list-style: none; background: url(/img/thumb-lists-ul-bg.jpg) bottom left no-repeat; padding-bottom: 12px; width: 617px; overflow: hidden; } #sub #ct-lt .thumb-list-wp ul li { position: relative; float: left; width: 144px; margin: 0 10px 10px 0; padding: 0; } #sub #ct-lt .thumb-list-wp ul li a { display: block; width: 144px; height: 144px; } #sub #ct-lt .thumb-list-wp ul li a img { display: block; } /* Feature Text Buttons */ .txt-btn { display: inline-block; width: 197px; height: 41px; line-height: 41px; text-align: center; color: #FFF; font-size: 1.3em; text-decoration: none; } .txt-btn:link, .txt-btn:visited { background: Url(/img/btn-bg.gif) no-repeat; } .txt-btn:hover, .txt-btn:active { background: Url(/img/btn-bg.gif) 0px -41px no-repeat; } /* Pagination */ .pagination span, .button {-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;} .pagination span, .button {font-family: Verdana, Arial, sans-serif; display: inline-block; background: #459300 top left repeat-x !important; border: 1px solid #FC9019 !important; padding: 4px 7px 4px 7px !important; color: #fff !important; font-size: 11px !important; cursor: pointer; margin-right:5px;} .pagination span, .button { background: #950000 url('/img/admin/bg-button-orange.gif') top left repeat-x !important;border-color: #FC9019 !important;} .pagination span a {color:#FFF;} .pagination span a:hover ,.button:hover {background: #950000 url('/img/admin/bg-button-orange-f2.gif') top left repeat-x !important;border-color: #FC9019 !important;;} .pagination span.current{ font-weight:bold; } /* Homepage list */ .clm-blk ul li{color:#6B5F59; font-size:1.1em; line-height:170%;} /*--------------------------------------- 6. SIDEBAR STYLES -----------------------------------------*/ /* Feature Links Navigation */ #ft-lnks-nv { list-style: none; margin: 0 10px 30px 10px; } #ft-lnks-nv li { margin-bottom: 8px; font-size: 1.2em; } #ft-lnks-nv li a { padding-left: 16px; background: url(/img/dotted-arw.gif) center left no-repeat; } #ft-lnks-nv li a:link, #ft-lnks-nv li a:visited { color: #FE4014; text-decoration: none; } #ft-lnks-nv li a:hover, #ft-lnks-nv li a:active { color: #685955; text-decoration: underline; } /* Big Button Navigation */ #big-btn-nv { list-style: none; margin-bottom: 30px; } #big-btn-nv li { margin-bottom: 12px; } #big-btn-nv li a { display: block; width: 305px; height: 109px; text-indent: -9999px; } #big-btn-nv li a#training-btn:link, #big-btn-nv li a#training-btn:visited { background: url(/img/training-btn.png) no-repeat; } #big-btn-nv li a#training-btn:hover, #big-btn-nv li a#training-btn:active { background: url(/img/training-btn.png) 0px -109px no-repeat; } #big-btn-nv li a#video-btn:link, #big-btn-nv li a#video-btn:visited { background: url(/img/video-btn.png) no-repeat; } #big-btn-nv li a#video-btn:hover, #big-btn-nv li a#video-btn:active { background: url(/img/video-btn.png) 0px -109px no-repeat; } #big-btn-nv li a#positions-btn:link, #big-btn-nv li a#positions-btn:visited { background: url(/img/positions-btn.png) no-repeat; } #big-btn-nv li a#positions-btn:hover, #big-btn-nv li a#positions-btn:active { background: url(/img/positions-btn.png) 0px -109px no-repeat; } /* Integrated Services Navigation */ #int-serv-nv { list-style: none; margin-bottom: 30px; } #int-serv-nv li { margin-bottom: 10px; line-height: 22px; } #int-serv-nv li a { display: block; width: 305px; text-decoration: none; } #int-serv-nv li a:link, #int-serv-nv li a:visited { background: url(/img/int-serv-nv-a-bg.gif) top left no-repeat; } #int-serv-nv li a:hover, #int-serv-nv li a:active { background: url(/img/int-serv-nv-a-bg.gif) -305px top no-repeat; } #int-serv-nv li a em { display: inline-block; padding: 0 10px 0 32px; text-transform: uppercase; font-size: 2.1em; font-style: normal; } #int-serv-nv li a:link em, #int-serv-nv li a:visited em { color: #FE4216; } #int-serv-nv li a:hover em, #int-serv-nv li a:active em { color: #181515; } #int-serv-nv li a#security em { background: #FFF url(/img/security.gif) top left no-repeat; } #int-serv-nv li a#cleaning em { background: #FFF url(/img/cleaning.gif) top left no-repeat; } #int-serv-nv li a#retail em { background: #FFF url(/img/retail.gif) top left no-repeat; } #int-serv-nv li a#mining em { background: #FFF url(/img/mining.gif) top left no-repeat; } #int-serv-nv li a#maintenance em { background: #FFF url(/img/maintenance.gif) top left no-repeat; } #int-serv-nv li a#house-keeping em { background: #FFF url(/img/house-keeping.gif) top left no-repeat; } #int-serv-nv li a#traffic-control em { background: #FFF url(/img/traffic-control.gif) top left no-repeat; } /*--------------------------------------- 8. QUESTIONS STYLES -----------------------------------------*/ /* Top */ #qu-top { position: relative; margin: 0 auto; width: 960px; height: 76px; } #qu-top a#qu-logo { display: block; width: 327px; height: 42px; position: absolute; left: 0px; top: 9px; background: url(/img/qu-logo.gif) no-repeat; text-indent: -9999px; } #qu-top #mn-nv { list-style: none; width: 595px; margin-left: 365px; height: 51px; padding-top: 4px; } #qu-top #mn-nv li { position: relative; float: left; cursor: pointer; height: 51px; margin-right: 36px; } #qu-top #mn-nv li a { display: block; height: 51px; text-indent: -9999px; } #mn-nv li a#awards { width: 48px; } #mn-nv li a#awards:link, #mn-nv li a#awards:visited { background: url(/img/awards.gif) 0px 20px no-repeat; } #mn-nv li a#awards:hover, #mn-nv li a#awards:active { background: url(/img/awards.gif) -48px 20px no-repeat; } #mn-nv li a#logout { width: 45px; } #mn-nv li a#logout:link, #mn-nv li a#logout:visited { background: url(/img/logout.gif) 0px 20px no-repeat; } #mn-nv li a#logout:hover, #mn-nv li a#logout:active { background: url(/img/logout.gif) -45px 20px no-repeat; } #mn-nv li a#back { width: 116px; } #mn-nv li a#back:link, #mn-nv li a#back:visited { background: url(/img/back-to-dashboard.gif) 0px 20px no-repeat; } #mn-nv li a#back:hover, #mn-nv li a#back:active { background: url(/img/back-to-dashboard.gif) -116px 20px no-repeat; } /* Title Area */ #qu-title-area { position: relative; margin: 0 auto; width: 960px; padding: 15px 0; background: url(/img/qu-title-area-bg.gif) center bottom no-repeat; overflow: hidden; } #qu h1 { float: left; color: #FE4014; font-size: 2em; line-height: normal; width: 400px; } #qu-title-area ul { list-style: none; float: right; width: 500px; overflow: hidden; text-align: right; padding-top: 8px; } #qu-title-area ul li { display: inline; font-size: 1.2em; margin-left: 20px; } #qu-title-area ul li a { padding-left: 16px; background: url(/img/dotted-arw.gif) center left no-repeat; } #qu-title-area ul li a:link, #qu-title-area ul li a:visited { color: #FE4014; text-decoration: none; } #qu-title-area ul li a:hover, #qu-title-area ul li a:active { color: #685955; text-decoration: underline; } /* Progress Bar */ #qu-prog-bar { position: relative; margin: 0 auto; width: 960px; padding: 5px 0; background: url(/img/qu-prog-bar-bg.gif) repeat-y; overflow: hidden; } #qu-scale { margin: 0 auto 5px auto; width: 400px; height: 10px; background: url(/img/scale.gif) center top no-repeat; } #qu-bar { height: 10px; margin: 0 1px; background: url(/img/bar.gif) top left repeat-x; } #qu-prog-bar p { color: #6B5F59; font-size: 1.2em; text-transform: uppercase; text-align: center; line-height: normal; } /* The Question */ #the-question-wp { position: relative; margin: 0 auto; width: 974px; padding: 120px 0; background: url(/img/question-bg.gif) center top no-repeat; overflow: hidden; } #the-question-wp p { color: #6B5F59; font-size: 3.2em; text-align: center; line-height: normal; margin: 0 120px; } a#prev { position: absolute; left: 0px; top: 120px; display: block; width: 40px; height: 69px; text-indent: -9999px; } a#prev:link, a#prev:visited { background: url(/img/prev.gif) no-repeat; } a#prev:hover, a#prev:active { background: url(/img/prev.gif) 0px -69px no-repeat; } a#next { position: absolute; right: 0px; top: 120px; display: block; width: 40px; height: 69px; text-indent: -9999px; } a#next:link, a#next:visited { background: url(/img/next.gif) no-repeat; } a#next:hover, a#next:active { background: url(/img/next.gif) 0px -69px no-repeat; } /* The Answers */ /* The Answers */ #answers-wp { margin: 0 auto; width: 960px; background: url(/img/answers-bg-top.png) top left no-repeat; padding-top: 16px; margin-bottom: 20px; } #answers-wp-inner { background: url(/img/answers-bg-bot.png) bottom left no-repeat; padding-bottom: 17px; } #answers-wp table { width: 960px; border-collapse: collapse; background: url(/img/answers-tbl-bg.png) center top repeat-y; } #answers-wp table tr { } #answers-wp table tr.last { border-bottom: none; } #answers-wp table td { width: 480px; background: none; vertical-align: top; cursor: pointer; border-bottom: 1px solid #E8E7E7; } #answers-wp table td.cell-hv-odd { background: url(/img/answer-rt-roll.png) repeat-y; } #answers-wp table td.cell-hv-even { background: url(/img/answer-lt-roll.png) repeat-y; } #answers-wp table td.alt { border-left: 1px solid #E8E7E7; } #answers-wp table td a { display: block; padding: 16px 36px; width: 408px; text-decoration: none; cursor: pointer; overflow: hidden; } #answers-wp table td a em { display: block; float: left; width: 46px; color: #BCB5B4; font-size: 5em; line-height: 1em; font-style: normal; } #answers-wp table td a span { display: block; float: right; width: 340px; color: #675954; font-size: 1.6em; line-height: normal; font-style: normal; padding-top: 6px; } #answers-wp table td.cell-hv-odd a em, #answers-wp table td.cell-hv-even a em { color: #685955; } #answers-wp table td.cell-hv-odd a span, #answers-wp table td.cell-hv-even a span { color: #282222; } /* Lower Big Button Navigation */ #qu-big-btn-nv { width: 960px; margin: 0 auto; } #qu-big-btn-nv #big-btn-nv { list-style: none; width: 960px; overflow: hidden; } #qu-big-btn-nv #big-btn-nv li { float: left; margin: 0 22px 0 0; } #qu-big-btn-nv #big-btn-nv li.last { margin: 0 0 0 0; } /*--------------------------------------- 8. FOOTER STYLES -----------------------------------------*/ #ft-wp { position: relative; background: #010101 url(/img/ft-wp-bg.gif) top left repeat-x; } #ft { position: relative; margin: 0 auto; width: 960px; padding: 18px 0; overflow: hidden; } #ft a#logo-ft { display: block; width: 69px; height: 20px; position: absolute; left: 0px; top: 14px; background: url(/img/logo-ft.gif) no-repeat; text-indent: -9999px; } #ft ul { margin-left: 156px; list-style: none; width: 804px; } #ft ul li { display: inline; margin-right: 45px; font-size: 1.2em; } #ft ul li a:link, #ft ul li a:visited { color: #CCC; text-decoration: none; } #ft ul li a:hover, #ft ul li a:active { color: #F9D154; text-decoration: none; } /*--------------------------------------- 9. INFO FOOTER STYLES -----------------------------------------*/ #inf-ft-wp { position: relative; } #inf-ft { position: relative; margin: 0 auto; width: 960px; overflow: hidden; height: 66px; } /* Big Click Credit */ #bc-logo { position: absolute; right: 0px; top: 47px; display: block; width: 200px; padding-right: 82px; background: url(/img/bc-logo.gif) center right no-repeat; text-align: right; font-family: lucida grande, lucida sans, helvetica, arial sans-serif; color: #999; font-size: 1em; text-decoration: none; line-height: 19px; height: 19px; } /* Site Validation Links */ #valid-css { position: absolute; right: 0px; top: 22px; display: block; width: 80px; height: 15px; background: url(/img/css.gif); text-indent: -9999px; } #valid-xhtml { position: absolute; right: 90px; top: 22px; display: block; width: 80px; height: 15px; background: url(/img/xhtml.gif); text-indent: -9999px; } /*--------------------------------------- 10. MISC -----------------------------------------*/ img { border: none; } a { outline: none; } /* Forms */ .form-wrap { background: #E7E3E3; padding: 10px 0; width: 290px; overflow: hidden; margin-bottom: 30px; } .form-left { float: left; margin-left: 10px; display: inline; width: 250px; } .form-right { float: right; margin-right: 10px; display: inline; width: 250px; } .form-full { float: left; margin-left: 10px; display: inline; width: 524px; } div.contact-right { float:right; width:290px; padding-top:20px; } #position-form { background: #E7E3E3; padding: 18px 0; width: 580px; overflow: hidden; margin-bottom: 30px; } #position-form .form-left { float: left; margin-left: 24px; display: inline; width: 250px; } #position-form .form-right { float: right; margin-right: 24px; display: inline; width: 250px; } #position-form .form-full { float: left; margin-left: 24px; display: inline; width: 524px; } .form-right p { margin-bottom: 8px!important; } p label { font-size: 0.8em; color: #6695AE; font-family: verdana; } p label em { margin-left: 8px; font-size: 0.9em; } p.field input, .ct-lt p.field select { border: 1px solid #C1BEBE; padding: 5px; width: 255px; color: #6695AE; font-size: 12px; } p.field select { width: 248px; } p.field input.error { border: 1px solid #FF6561; } p input.cbox { margin-right: 6px; } p.field input:focus, .ct-lt p.field textarea:focus { color: #223C55; font-weight: bold; } p.field textarea { border: 1px solid #C1BEBE; padding: 5px; width: 255px; height: 130px; color: #6695AE; font-size: 12px;} p.field textarea.error { border: 2px solid #FF6561; } p.btn input { float: right; } /* ColorBox Core Style */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(/img/colorbox/controls.png) 0 0 no-repeat;} #cboxTopCenter{height:14px; background:url(/img/colorbox/border.png) top left repeat-x;} #cboxTopRight{width:14px; height:14px; background:url(/img/colorbox/controls.png) -36px 0 no-repeat;} #cboxBottomLeft{width:14px; height:43px; background:url(/img/colorbox/controls.png) 0 -32px no-repeat;} #cboxBottomCenter{height:43px; background:url(/img/colorbox/border.png) bottom left repeat-x;} #cboxBottomRight{width:14px; height:43px; background:url(/img/colorbox/controls.png) -36px -32px no-repeat;} #cboxMiddleLeft{width:14px; background:url(/img/colorbox/controls.png) -175px 0 repeat-y;} #cboxMiddleRight{width:14px; background:url(/img/colorbox/controls.png) -211px 0 repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(/img/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/img/colorbox/loading.gif) center center no-repeat;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/img/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} a.read{font-size:10px;color:#FE4014;} h1.article{margin:0 0 8px 0!important;} h1 span.date{font-size:9px;float:right;margin-top:10px;} label.error{position:absolute;margin:0 0 0 0;color:#FF6561;} /* Test */ .styled{padding:5px;width:100%;} .styled th{background-color: #EEE; padding:10px;} .styled td{padding: 10px;} #cboxContent h1{ float: none; width: auto; font-size: 1.6em; } #cboxContent p,#cboxContent h1,#cboxContent h2{ margin: 0 0 12px 0; } #cboxContent p,#cboxContent ul{ font-size: 1.2em; line-height: 1.4em; } #cboxContent li{ margin: 0 0 3px 20px; list-style: circle; } #cboxContent div{ padding: 0px; } span.unavailable { text-decoration: line-through; } .cert-link:active, .cert-link:link, .cert-link:visited { color: #FE4014; text-decoration: none; font-size: 18px; margin-top: 20px } .cert-link:hover { color: #FE4014; text-decoration: underline; }