/* CSS Document */ body {margin: 0px 0px 0px 0px; background: #ffffff; padding:0; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 90%; margin:0;} #globalwrapper { width: 100%; background-image:url(/includes/images/bg.gif); background-position: top left; background-repeat:repeat-x; } #wrap {font-size:0.9em; width:982px} /*** Let's Set Everything to Zero ***/ html,body,p,div,img,ul,form,form,noscript{ margin:0; padding:0; border:0; border-spacing:0; } html { height:100%; margin-bottom:1px;} * { margin:0; padding:0; text-decoration:none; vertical-align:baseline; } #limiter{width:68em;margin:0 auto; padding:0} #container { } .col-4 { float: left; width: 31.6%; position: relative; } .col-4 + .col-4 { /*padding-left:16px;*/ padding-left:2.6%; } /* Header --------------------------------------------------*/ #header {height: 145px; width: 100%; position: relative; } #TTSbarbutton {height: 39px; position: absolute; right: 19px; background: #013E81; /*margin-right: -15px;*/ } #TTSbarbutton img { margin-left: 30px; margin-top: 2px; width: 164px; height: 37px; vertical-align: middle; } #headleft {width: 17%; float: left; margin: 0px 0px 0px 15px; } #headleft img {position:relative;z-index:10; } * html #headleft {width: 169px; float: left; margin: 0px 0px 0px 10px; } #headright {margin-left: 170px; width: 81%; height:145px; padding-top:0px} * html #headright { width:780px} #toplinks { display:table; /*text-align:right;*/ margin:0px; height:29px; margin-top:0px; /*padding-top:10px;*/position:relative;left:-56px;background-color:#004283;padding-left:25px;width:637px;} #toplinks a {border-right:1px solid #fff;padding:0 11.5px; line-height: 39px; height: 39px; /*border-bottom: 1px dotted #d5d5d5*/ font-weight: bold;color:#fff;display:inline-block;font-size:0.8em;} #toplinks a:link{text-decoration:none; color:#fff } #toplinks a:visited{text-decoration:none; color:#fff} #toplinks a:hover{text-decoration:none; color:#000!important; /*border-bottom: 1px dotted #122d8e*/ background-color:#fff} #toplinks a:focus{text-decoration:none; color:#fff; background-color:#fed930 } #toplinks a:active{text-decoration:none; color:#fff;background-color:#fed930 } #toplinks a:first-child {z-index:11;position:relative; } * html #toplinks a {margin: 0px 10px 0px 0px; } * html #toplinks a:link{text-decoration:underline; color:#7f7f7f } * html #toplinks a:visited{text-decoration:underline; color:#7f7f7f} * html #toplinks a:hover{text-decoration:none; color:#122d8e!important; } * html #toplinks a:focus{text-decoration:none; color:#7f7f7f; background-color:#fed930 } * html #toplinks a:active{text-decoration:none; color:#7f7f7f;background-color:#fed930 } .hidden {position: absolute; left: -9000px} #printLogo { display: none; } .error {color:red; } /* Search Area --------------------------------------------------*/ #searcharea {display: block; text-align:right; margin: 15px 0 0px 0px; } * html #searcharea {display: inline; text-align:right; margin:10px 17px 0px 0px; padding-top:10px; width:770px; height:30px; } .search_box{ width: 380px; border-top:0px; border-left:0px; border-bottom:0px; border-right:1px solid #cbcdce; height: 22px; background-image:url(/includes/images/input.gif) ; background-repeat:no-repeat; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 35px; float: left;} * html .search_box{ width: 403px; height: 20px; background-image:url(/includes/images/input.gif) ; background-repeat:no-repeat; border:0px ; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 35px} .search_btn {margin: 0px 0px 0px 0px; vertical-align:bottom; float: right; } .go_btn {margin: 0px 0px 0px 0px; vertical-align:bottom} /* Hero Image--------------------------------------------------*/ .hero {width: 987px; height: 250px; background-image:url(/includes/images/banner.png); background-repeat:no-repeat; clear:both} .hero2 {width: 987px; height: 250px; background-image:url(/includes/images/banner.jpg); background-repeat:no-repeat; clear:both} .herotext { height: 160px; } * html .herotext {width: 195px ; height: 155px; float: right; margin: 20px 20px 0px 0px } .herotext h2 {font-family:Geneva, Arial, Helvetica, sans-serif; color: #ffffff; font-size:1.6em; font-weight:normal; padding: 0px 0px 5px 0px} .herotext p {color:#FFFFFF; font-size:1.1em;} .heroclick { height: 35px; line-height:35px; margin: 0 0 0 15px; color:#ffffff; font-weight:bold; background-color:#004283; width: 225px; right: 170px; padding-left: 35px; position: absolute; bottom: 0; } * html .heroclick {clear: right; display:block; width: 195px ; height: 30px; float: right; margin: 10px 15px 0px 0px; color:#ffffff; font-weight:bold;} .titletext {color: #fff;font-size:4.3em; font-weight:bold; position:absolute;padding-left: 25px; margin-top: 35px; text-shadow: 0 0 20px #444; } .hp_slider .slider_nav { left: auto; right: 191px; width:auto; } .flexiSliderHeading {padding-left: 25px; padding-top: 10px;} .heroclick a:link{text-decoration:none; color: #FFFFFF; } .heroclick a:visited{text-decoration:none; color: #FFFFFF; } .heroclick a:hover{text-decoration:underline; color:#FFFFFF; } .heroclick a:focus{text-decoration:underline; color:#FFFFFF; } .heroclick a:active{text-decoration:underline; color:#FFFFFF; } .resourceDescription{display: block; margin-top: 3px;} #years_logo{ cursor: pointer; display: block; /*float: right;*/ z-index: 3; position: absolute; right: 0px; bottom: 0; /*left: 809px;*/ } #contactUs {margin-top:1px; border-collapse: collapse;} #contactUs tbody tr td {border: 1px solid #d9d9d9;padding: 8px; } /* Header Banners-------------------------------------------*/ .headerBanner { width: 100%; height: 250px; background-repeat:no-repeat; clear:both; background-position:top right; } #bakeryBanner {background-image:url(/eng/Bakery_Banner.jpg);} #callCentreWorkerBanner {background-image:url(/eng/Call_centre_worker_banner.jpg);} #carpenterBanner {background-image:url(/eng/Carpenter_Banner.jpg);} #chambermaidBanner {background-image:url(/eng/Chambermaid_Banner.jpg);} #chemicalLabBanner {background-image:url(/eng/Chemical_Lab_Banner.jpg);} #planeBanner {background-image:url(/eng/Plane_Banner.jpg);} /*#chemicalsBanner {background-image:url(/eng/Chemicals_Banner.jpg);}*/ #chemicalWorkerBanner {background-image:url(/eng/Chemical_Worker_Banner.jpg);} #constructionPlanners {background-image:url(/eng/Construction_Planner_Banner.jpg);} #constructionPlannersBanner2 {background-image:url(/eng/Construction_Planner_Banner_2.jpg);} #constructionSiteBanner {background-image:url(/eng/Construction_Site_Banner.jpg);} #constructionWorkerBanner {background-image:url(/eng/Construction_Site_Worker_Banner.jpg);} #constructionWorkerBanner2 {background-image:url(/eng/Construction_Site_Worker_Banner_2.jpg);} #constructionWorkerBanner3 {background-image:url(/eng/Construction_Worker_Banner_3.jpg);} #deliBanner {background-image:url(/eng/Deli_Banner.jpg);} #factoryWorkerBanner {background-image:url(/eng/Factory_Worker_Banner.jpg);} #farmerBanner {background-image:url(/eng/Farmer_Banner.jpg);} #factoryBanner {background-image:url(/eng/Factory_Banner.jpg);} #famaleForkliftDriverBanner {background-image:url(/eng/Female_Forklift_Driver_Banner.jpg);} #fishingTrawlerBanner {background-image:url(/eng/Fishing_Trawler_Banner.jpg);} #forkliftDriverBanner {background-image:url(/eng/Forklift_Driver_Banner.jpg);} #hospitalSceneBanner {background-image:url(/eng/Hospital_Scene_Banner.jpg);} #kitchenWorkerBanner {background-image:url(/eng/Kitchen_Worker_Banner.jpg);} #manualWorkerBanner {background-image:url(/eng/Manual_Worker_Banner.jpg);} #officeWorkerBanner {background-image:url(/eng/Office_Worker_Banner.jpg);} #officeWorkerBanner2 {background-image:url(/eng/Office_Worker_Banner_2.jpg);} #quarryBanner {background-image:url(/eng/Quarry_Banner.jpg);} #restaurantBanner {background-image:url(/eng/Restaurant_Banner.jpg);} #tractorBanner {background-image:url(/eng/Tractor_Banner.jpg);} #truckBanner {background-image:url(/eng/Truck_Banner.jpg);} #waitressBanner {background-image:url(/eng/Waitress_Banner.jpg);} #warehouseBanner1 {background-image:url(/eng/Warehouse_Banner_1.jpg);} #warehouseBanner2 {background-image:url(/eng/Warehouse_Banner_2.jpg);} /*#warehouseBanner3 {background-image:url(/eng/Warehouse_Banner_3.jpg);}*/ #tilesBanner {background-image:url(/eng/Tiles_Banner.jpg);} #warehouseBanner4 {background-image:url(/eng/Warehouse_Banner_4.jpg);} #goodPractice { background-image:url(/eng/Good_Practice.jpg);} #SecondLevelStudents { background-image:url(/eng/SecondLevelStudents.jpg);} #ThirdLevelStudents { background-image:url(/eng/ThirdLevelStudents.jpg);} #ElectricityPylon { background-image:url(/eng/ElectricityPylon.jpg);} #FarmShow { background-image:url(/eng/FarmShow.jpg);} #SlipsAndFalls { background-image:url(/eng/SlipsAndFalls.jpg);} #StressedWorker { background-image:url(/eng/StressedWorker.jpg);} #roadWorks {background-image:url(/eng/Roadworks.jpg);} /* Layout --------------------------------------------------*/ #wrap {padding: 0px; background-color:#ffffff;} #mainhome #tabtext {padding: 0px 0px 0px 0px;} #mainhome #tabtext table {width:732px;} #mainhome #tabtext table td h3{text-align:center; margin:12px 15px 10px 15px;} #mainhome #tabtext table td img{ margin-bottom:65px} #mainhome #tabtext table td p{ margin-bottom:15px} #home_page_horoz_banners {margin: 10px 0px 5px 0px;} #leftcol {width: 18em; float: left; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; } #mainhome {width: 54em ; float: left; padding: 0px 0px 0px 0px; margin: 10px 4px 0px 16px; } * html #mainhome {width: 53em ; float: right; padding: 0px 0px 0px 0px; margin: 10px 10px 0px 0px; } #subhome {width: 54em ; float: right; padding: 0px 0px 0px 0px; margin: 10px 15px 0px 0px; } * html #subhome {width: 53em ; float: right; padding: 0px 0px 0px 0px; margin: 10px 10px 0px 0px; } #rightcol {width: 22em; float: right; padding: 0px 0px 0px 0px; margin: 10px 15px 0px 0px; } * html #rightcol {width: 22em; float: right; padding: 0px 0px 0px 0px; margin: 10px 10px 0px 0px; } #subcontent {width: 50em ; float: left; padding: 0px 0px 0px 0px; margin: 10px 15px 0px 15px; } * html #subcontent {width: 49em ; float: left; padding: 0px 0px 0px 0px; margin: 10px 10px 0px 10px; } /* Placeholders --------------------------------------------------*/ #report {width: 230px; height:41px; margin: 0px 0px 10px 0px} .placeholder {margin: 0px 0px 10px 0px; } .placetop { background-image:url(/includes/images/place_tr.gif); background-repeat:no-repeat; background-position: top right; } .placetopin { background-image:url(/includes/images/place_tl.gif); background-repeat:no-repeat; background-position: top left; } .placetopin h2, .flexslider_topBanner h2 {color: #FFFFFF !important; font-size:1.2em !important; font-weight:normal !important; padding: 5px 0px 5px 10px !important; margin: 0px 0px 0px 0px !important; } .flexslider_topBanner h2 {height:30px; background-color:#004283; font-weight:bold;} .placecontent {background-color: #d2d2d2; padding: 10px 10px 10px 10px } .placecontent.white_bg { background-color:#fff; border:1px solid #D3D3D3; border-top:none; overflow:auto;} .placenav{background-color: #d2d2d2; padding: 0px 0px 0px 0px } .placecontent p {margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px} .placecontent ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 0 0; } .placecontent ul li {display: block; padding: 0 0 0.5em 0px;} .placecontent ul a:link{text-decoration:none; color:#000000; } .placecontent ul a:visited{text-decoration:none; color:#000000; } .placecontent ul a:hover{text-decoration:underline; color:#000000 } .placecontent ul a:focus{text-decoration:underline; color:#000000 } .placecontent ul a:active{text-decoration:underline; color:#000000; } .placenav ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 0 0; } .placenav ul li {display: block; padding: 4px 0px 4px 0px;} .placenav ul a:link{text-decoration:none; color:#000000; padding: 0px 10px 0px 15px } .placenav ul a:visited{text-decoration:none; color:#000000; padding: 0px 10px 0px 15px} .placenav ul a:hover{text-decoration:underline; color:#000000; padding: 0px 10px 0px 15px} .placenav ul a:focus{text-decoration:underline; color:#000000; padding: 0px 10px 0px 15px } .placenav ul a:active{text-decoration:underline; color:#000000; padding: 0px 10px 0px 15px } .placenav ul ul {list-style: none; margin: 3px 0px 0px 0px; padding: 0 0 0 0; } .placenav ul ul li {display: block; padding: 4px 0px 4px 0px;} .placenav ul ul a:link{text-decoration:none; color:#000000; padding: 0px 10px 0px 25px } .placenav ul ul a:visited{text-decoration:none; color:#000000; padding: 0px 10px 0px 25px} .placenav ul ul a:hover{text-decoration:underline; color:#000000; padding: 0px 10px 0px 25px} .placenav ul ul a:focus{text-decoration:underline; color:#000000; padding: 0px 10px 0px 25px } .placenav ul ul a:active{text-decoration:underline; color:#000000; padding: 0px 10px 0px 25px } .placenav ul ul ul {list-style: none; margin: 4px 0px 0px 0px; padding: 0 0 0 0; } .placenav ul ul ul li {display: block; padding: 4px 0px 4px 0px;} .placenav ul ul ul a:link{text-decoration:none; color:#000000; padding: 0px 10px 0px 35px } .placenav ul ul ul a:visited{text-decoration:none; color:#000000; padding: 0px 10px 0px 35px} .placenav ul ul ul a:hover{text-decoration:underline; color:#000000; padding: 0px 10px 0px 35px} .placenav ul ul ul a:focus{text-decoration:underline; color:#000000; padding: 0px 10px 0px 35px } .placenav ul ul ul a:active{text-decoration:underline; color:#000000; padding: 0px 10px 0px 35px } .placenav ul ul li {display: block; padding: 3px 0px 3px 0px; border-top: 1px dotted #cccccc;} .placenav ul ul ul li {display: block; padding: 3px 0px 3px 0px; border-top: 1px dotted #cccccc;} li.lastlist { border-bottom: none!important} .phone {background-image:url(/includes/images/icon_phone.gif); font-weight:bold; background-repeat:no-repeat; background-position: 3px 0px; padding: 0px 0px 5px 25px!important} .email {background-image:url(/includes/images/icon_mail.gif); font-weight:bold; background-repeat:no-repeat; background-position: 0px 0px; padding: 0px 0px 5px 25px!important} .web {background-image:url(/includes/images/icon_web.gif); font-weight:bold; background-repeat:no-repeat; background-position: 0px 0px; padding: 0px 0px 5px 25px!important} .placegrey {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px} .greytop {height: 9px; background-image:url(/includes/images/grey_topr.gif); background-repeat:no-repeat; background-position: top right; line-height:1px} .greytopin {height: 9px; background-image:url(/includes/images/grey_topl.gif); background-repeat:no-repeat; background-position: top left; line-height:1px} .greybot {background-image:url(/includes/images/grey_botr.gif); background-repeat:no-repeat; background-position: bottom right;} .greybotin {background-image:url(/includes/images/grey_botl.gif); background-repeat:no-repeat; background-position: bottom left;} .greybotin h2 {color: #FFFFFF; font-size:1.2em; font-weight:normal; padding: 0px 0px 7px 10px; margin: 0px 0px 0px 0px } .greybotin a {margin: 0px 10px 0px 0px; border-bottom: 1px dotted #d5d5d5} .greybotin a:link{text-decoration:none; color:#FFFFFF } .greybotin a:visited{text-decoration:none; color:#FFFFFF} .greybotin a:hover{text-decoration:none; color:#fed140!important; border-bottom: 1px dotted #fed140 } .greybotin a:focus{text-decoration:none; color:#fed140; border-bottom: 1px dotted #fed140 } .greybotin a:active{text-decoration:none; color:#fed140; border-bottom: 1px dotted #fed140 } .stripe1 {width: 49%; float: left; margin: 0px 0px 0px 0px} .stripe2 {width: 49%; float: right; margin: 0px 0px 0px 0px} .stripetop {height: 9px; background-image:url(/includes/images/stripe_tr.gif); background-repeat:no-repeat; background-position: top right; line-height:1px} .stripetopin {height: 9px; background-image:url(/includes/images/stripe_tl.gif); background-repeat:no-repeat; background-position: top left; line-height:1px} .stripebot {background-image:url(/includes/images/stripe_br.gif); background-repeat:no-repeat; background-position: bottom right;} .stripebotin {background-image:url(/includes/images/stripe_bl.gif); background-repeat:no-repeat; background-position: bottom left; padding: 0px 10px 10px 10px} .stripebotin h2 {color: #122d8e!important; font-size:1.4em; font-weight:normal; padding: 0px 0px 7px 10px; margin: 0px 0px 0px 0px; } .stripebotin select {width: 16em;} /* History Trail --------------------------------------------------*/ #history {clear: both; padding: 0px 0px 0px 0px; margin: 10px 0px 7px 0px; } /* keep flash content under menus ------------------------------*/ .flashContent { z-index: 0; position: relative; } /* Back To Top --------------------------------------------------*/ .backtotop {clear: both; margin: 20px 0px 0px 0px; background-image:url(/includes/images/backtotop.gif); background-repeat:no-repeat; background-position: 0px 0px; padding: 0px 0px 0px 20px} /* Heading Text and Lists --------------------------------------------------*/ h1 { color: #122d8e; font-size:1.9em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;} #mainhome h2 {color:#cf4600; font-size: 1.6em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;} #mainhome h3 {color:#cf4600; font-size: 1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;} #mainhome h4 {color:#cf4600; font-size: 1.2em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;} #mainhome h5 {color:#cf4600; font-size: 1em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;} #mainhome h6 {color:#cf4600; font-size: 1em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;} #subhome h2 {color:#cf4600; font-size: 1.6em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;} #subhome h3 {color:#cf4600; font-size: 1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;} #subhome h4 {color:#cf4600; font-size: 1.2em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;} #subhome h5 {color:#cf4600; font-size: 1em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;} #subhome h6 {color:#cf4600; font-size: 1em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;} #subcontent h2 {color:#cf4600; font-size: 1.6em; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;font-weight:normal;} #subcontent h3 {color:#cf4600; font-size: 1.4em; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;font-weight:normal;} #subcontent h4 {color:#cf4600; font-size: 1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;font-weight:normal;} #subcontent h5 {color:#cf4600; font-size: 1em; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;font-weight:normal;} #subcontent h6 {color:#cf4600; font-size: 1em; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;font-weight:normal;} #fullcontent h2 {color:#cf4600; font-size: 1.6em; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;font-weight:normal;} #fullcontent h3 {color:#cf4600; font-size: 1.4em; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;font-weight:normal;} #fullcontent h4 {color:#cf4600; font-size: 1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;font-weight:normal;} #fullcontent h5 {color:#cf4600; font-size: 1em; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;font-weight:normal;} #fullcontent h6 {color:#cf4600; font-size: 1em; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;font-weight:normal;} p {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;} #subcontent ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 0 0;} #subcontent ul li {background: url(/includes/images/bullet.gif) no-repeat 0em 0.3em; display: block; padding: 0 0 0.3em 10px;} #subhome ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 0 0;} #subhome ul li {background: url(/includes/images/bullet.gif) no-repeat 0em 0.3em; display: block; padding: 0 0 0.3em 10px;} #fullcontent ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 0 0;} #fullcontent ul li {background: url(/includes/images/bullet.gif) no-repeat 0em 0.3em; display: block; padding: 0 0 0.3em 10px;} #tabtext ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #tabtext ul li {background: none; display: block; padding: 0 0 0.7em 10px;} #subhome ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; } #subhome ol li { padding: 0.2em 0 0.1em 0px;} #subcontent ol { list-style-type: lower-alpha; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; } #subcontent ol li { padding: 0.2em 0 0.1em 0px;} #fullcontent ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; } #fullcontent ol li { padding: 0.2em 0 0.1em 0px;} hr {width:99%; height:1px; background-color:#CCCCCC; color:#cccccc; border:0; margin: 10px 0px 10px 0px; clear:both } /* Footer --------------------------------------------------*/ #footer {border-top:10px solid #122d8e; background-color:#d4d5d5; clear: both; padding: 10px 20px 25px 20px; font-size:0.9em} * html #footer {border-top:10px solid #122d8e; background-color:#d4d5d5; clear: both; padding: 10px 20px 25px 20px; margin: 0px 15px 0px 17px; font-size:0.9em} #footleft {float: left; } #footright {float: right; } .divide {color: #FFFFFF; padding: 5px 0px 0px 0px} .divide a{padding: 0px 10px 0px 0px;} #footer a:link { color: #0033cc; text-decoration: none } #footer a:visited { color: #0033cc; text-decoration: none } #footer a:hover {color: #0033cc; text-decoration: underline;} #footer a:focus {color: #0033cc; text-decoration: underline; } #footer a:active {color: #0033cc; text-decoration: underline; } /* Links --------------------------------------------------*/ a:link { color: #0033cc; text-decoration: none } a:visited { color: #663399; text-decoration: none } a:hover {color: #0033cc; text-decoration: underline;} a:focus {color: #0033cc; text-decoration: underline; } a:active {color: #0033cc; text-decoration: underline; } .web a:link, .email a:link { color: #0033cc; text-decoration: none } .web a:visited, .email a:visited { color: #0033cc; text-decoration: none } .web a:hover, .email a:visited {color: #0033cc; text-decoration: underline;} .web a:focus, .email a:visited {color: #0033cc; text-decoration: underline; } .web a:active, .email a:visited {color: #0033cc; text-decoration: underline; } /* Accessibility Links --------------------------------------------------*/ #toolbar { width: 150px; } .view {float: left; text-align:right} #toolbar ul { height: 20px; line-height: 20px; float: left; margin: 0; font-size: 90%;} #toolbar li {float: left; list-style-type: none; margin-left: 5px;} #toolbar li a {display: block; width: 28px; height: 28px; float: left;} .showStyleSwitcher {display: inline; float: right} .skip {float: left; margin: 0px 0px 0px 0px} #toolbar li.adminLink a:hover, #toolbar li.adminLink a:focus { color: #fff; } #toolbar li span { display: none; } #toolContrast { margin-right: 0px; } #toolNormal a { background: url(/includes/images/text_normal.gif) left top no-repeat; } #toolNormal a:hover, #toolNormal a:focus, #toolNormal a:active { background: url(/includes/images/text_normal_over.gif) left top no-repeat; } #toolContrast a { background: url(/includes/images/text_contrast.gif) left top no-repeat; } #toolContrast a:hover, #toolContrast a:focus, #toolContrast a:active { background: url(/includes/images/text_contrast_over.gif) left top no-repeat; } /* Buttons --------------------------------------------------*/ .btnhold {padding: 0px 0px 0px 10px} a.button { background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right; color: #ffffff; font-weight:normal; float:left; display: block; font: normal 1em arial, sans-serif; height: 27px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } input.button { border:none; background-color:#122D8E; color:#fff; padding:4px 16px; border-radius:5px; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px;} /*----this line needs to be deployed------*/ input.button:hover { text-decoration:underline; cursor: pointer; border:none; background-color:#556EC8; color:#fff; padding:4px 16px; border-radius:5px; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px;} a.button span { background: transparent url('../images/bg_button_span.gif') no-repeat; display: block; line-height: 17px; padding: 5px 0 5px 18px; text-decoration:none; color: #ffffff; font-weight:normal; } a.button:link {text-decoration:none; color: #ffffff} a.button:link span {text-decoration:none; color: #ffffff} a.button:visited {text-decoration:none; color: #ffffff} a.button:visited span {text-decoration:none; color: #ffffff} a.button:hover { text-decoration:none; background-position: bottom right; color: #ffffff; outline: none; /* hide dotted outline in Firefox */ } a.button:hover span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ text-decoration:none; } a.button:focus {text-decoration:none; color: #ffffff; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} a.button:focus span {text-decoration:none; color: #ffffff; background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} a.button:active {text-decoration:none; color: #ffffff; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} a.button:active span {text-decoration:none; color: #ffffff; background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} /*Pop Up ----------------------------------------------------*/ .ui-dialog { background-color: #FFFFFF; /*background-image:url(/includes/images/stripe_bl.gif);*/ display: none; width: 45% !important; border-radius:8px; -webkit-border-radius:8px; overflow:hidden; } .ui-dialog .ui-dialog-titlebar-close { background: url('/images/close_icon.png') no-repeat center center; border: none; } .ui-widget-overlay { position:fixed; top:0; left:0; background-color: gray; opacity: 0.6; z-index: 9998; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 5-7 */ filter: alpha(opacity=60); } .ui-dialog-titlebar { border-bottom: 5px solid #0099CB; } .ui-dialog .ui-dialog-title { padding: 5px; font-size: 1.2em; color: #ffffff; font-weight: bold; } .ui-dialog .ui-dialog-content.MainPopUp { background: #E5E5E5 !important;} .nw-form h3 { color: #122D8E !important;} .popup-input { width: 214px; padding: 2px 0px 2px 5px; font-size:1.0em;} .nw-form-field {font-size:90%; } /* Tables --------------------------------------------------*/ table.data{margin: 20px 0px 20px 0px; border: 1px solid #cccccc; } table.data td { border-collapse: collapse; padding: 5px 5px 5px 5px; background-color:#f6f6f6} table.data th {font-weight:bold; padding: 5px 5px 5px 5px;background-color:#122d8e; color:#FFFFFF; text-align:left } tr.other td {background-color:#e4e4e4!important} /* Images and Captions Middle Position --------------------------------------------------*/ .middle {vertical-align: middle;} .clearall {clear:both} .cl { clear: both; display: block; float: none !important; font-size: 0; height: 0; line-height: 0; text-indent: -4000px; width: 0; } img.right {float: right; margin: 0px 0px 15px 15px;} img.left {float: left; margin: 0px 15px 15px 0px; } .captionright {margin: 0px 0px 20px 20px; float: right; background-color:#f2f6eb; padding: 0px 0px 20px 20px; border:1px solid #d9e4c4; padding: 5px 5px 5px 5px; text-align:center; font-size: 0.9em} .captionleft {margin: 0px 20px 20px 0px; float: left; background-color:#f2f6eb; padding: 0px 20px 20px 0px; border:1px solid #d9e4c4; padding: 5px 5px 5px 5px; text-align:center; font-size: 0.9em} .captionright img, .captionleft img {border:1px solid #d9e4c4; margin-bottom:5px; display:block} /* --------------------------Abbr and Acronyms----------------------------------- */ abbr, acronym, span.abbr { cursor: help; border-bottom: 1px dashed #000; } /* Clearfix --------------------------------------------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* .clearfix { zoom: 1; } */ /* Only IE can see inside the conditional comment and read this CSS rule. Don't ever use a normal HTML comment inside the CC or it will close prematurely. */ /* Top Tabs --------------------------------------------------*/ /* Horizontal Navigation with Dropdown--------------------------------------------------*/ #toptabs { display:block; padding: 40px 0px 0px 0px; width: 100%; padding-top:1px; margin-top:0px; height:55px;} #nav, #nav ul { /* all lists */ padding: 0; margin: 0 0px 0px 0px; list-style: none; font-size:0.8em; } #nav { width:130%; } #nav ul { width:auto; } #nav ul li {margin: 0px 0px 0px 0px} #nav a { color:#122d8e; font-weight:bold; display: block; /*width: 6.4em;*/ width:76px; height: 3.1em; text-align:center; text-decoration: none; padding: 10px 0px 0px 0px; border-right:1px solid #FFFFFF; border-top: 1px solid #d4d5d5; border-left: 1px solid #d4d5d5; } #nav li { /* all list items */ float: left; width:78px; /* width needed or else Opera goes nuts */ } #nav li a:visited {text-decoration: none; color:#122d8e; font-weight:bold } #nav li a:hover {text-decoration: underline; color:#122d8e; font-weight:bold; border-top: 1px solid #122d8e; border-right: 1px solid #122d8e; border-left: 1px solid #122d8e; background-color:#FFFFFF; } #nav li a:focus {text-decoration: underline; color:#122d8e; font-weight:bold; border-top: 1px solid #122d8e; border-right: 1px solid #122d8e; border-left: 1px solid #122d8e;background-color:#FFFFFF; } #nav li a:active {text-decoration: underline; color:#122d8e; font-weight:bold; border-top: 1px solid #122d8e; border-right: 1px solid #122d8e; border-left: 1px solid #122d8e;background-color:#FFFFFF; } #nav li a#navon{text-decoration: none; color:#122d8e; font-weight:bold; border-top: 1px solid #122d8e; border-right: 1px solid #122d8e; border-left: 1px solid #122d8e;background-color:#FFFFFF; } #nav li.last a { border-right:0px solid #FFFFFF;} #nav li ul { /* second-level lists */ position: absolute; background-color:#fff; font-size: 100%; font-weight:normal; line-height:14px; /*width: 163px;*/ margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ border-bottom: 1px solid #122d8e; border-left: 1px solid #122d8e; padding-top:2px; background:#fff url(/images/back_dropdown01.gif) repeat right top; } * html #nav li ul {/* IE 6 */} * + html #nav li ul {/* IE 7 */} #nav li ul { /* IE 8 */} /*@media screen and (-webkit-min-device-pixel-ratio:0){#nav li ul { } }*/ /*Safari Only 8*/ #nav li ul li ul { /* third-level lists */border-bottom: 1px solid #122d8e; border-right: 2px solid #122d8e; border-left: none; border-top: 1px solid #122d8e;} * html #nav li ul li ul { /* third-level lists */border-bottom: 1px solid #122d8e; border-right: 1px solid #122d8e; border-left: 0px solid #ffffff; border-top: 1px solid #122d8e;} /*@media screen and (-webkit-min-device-pixel-ratio:0){#nav li ul li ul {border-right: 2px solid #122d8e;}}*/ /*Safari Only 8*/ * + html #nav li ul li ul {border-right: 3px solid #122d8e;/* IE 7 */} #nav ul li {text-align:left; width:auto; text-decoration: none; font-weight:normal;} #nav ul ul li {text-align:left; width:auto; text-decoration: none; font-weight:normal;} #nav ul li a{text-align:left; text-decoration: none; font-weight:normal; padding: 2px 7px 8px; background-color: #FFFFFF ; height:auto; border-top: none!important; border-right: none!important; border-left: none!important; width:130px; } * html #nav ul li a{} #nav ul ul li a{ text-align:left; text-decoration: none; width: 12.4em; font-weight:normal; padding: 5px 5px 5px 5px; background-color: #d2d2d2 ; height:auto; } * html #nav ul ul li a {} #nav ul li a:visited {text-decoration: none; color:#122d8e; font-weight:normal } #nav ul li a:hover { text-decoration: none; color:#cc4705; font-weight:normal; } #nav ul li a:focus {text-decoration: none; color:#cc4705; font-weight:normal; } #nav ul li a:active {text-decoration: none; color:#cc4705; font-weight:normal; } #nav ul ul li a:visited {text-decoration: none; color:#122d8e; font-weight:normal } #nav ul ul li a:hover {width: 12.4em; text-decoration: none; color:#122d8e; font-weight:normal; } #nav ul ul li a:focus {text-decoration: underline; color:#122d8e; font-weight:normal; } #nav ul ul li a:active {text-decoration: underline; color:#122d8e; font-weight:normal; } #nav li ul ul { /* third-and-above-level lists */margin: -1em 0 0 -1000em} #nav li:hover ul ul, #nav li.sfhover ul ul {margin-left: -1000em; background-color:#FFFFFF; font-weight:normal;} #nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */margin-left: 0px; z-index: 100; } #nav li:hover ul li:hover ul, #nav li.sfhover ul li.sfhover ul{ /* lists nested under hovered list items */margin-left: 14.1em; margin-top: -23px;} * html #nav li:hover ul li:hover ul, #nav li.sfhover ul li.sfhover ul{ /* lists nested under hovered list items */margin-left: 14.1em; margin-top: -23px;} #nav li ul.menuDouble,#nav li ul.menuTriple, #nav li ul.menuQuad { border-right-width:1px;} #nav li ul.menuSingle li { padding-top:4px; padding-bottom:4px; display:block;} #nav li ul.menuDouble { padding: 0px; width: 344px; z-index: 9999;} #nav li ul.menuDouble li { padding-top:2px; width: 171px; float:left; z-index:9999; border-right:1px solid #122D8E;display:block; height:32px;} #nav li ul.menuTriple { padding: 0px; width: 516px; z-index: 9999;} #nav li ul.menuTriple li {padding-top:2px; width: 171px; float:left; z-index:9999; border-right:1px solid #122D8E;display:block; height:32px;} #nav li ul.menuQuad { padding: 0px; width: 656px; z-index: 9999;} #nav li ul.menuQuad li {padding-top:2px; width: 163px; float:left; z-index:9999; border-right:1px solid #122D8E; display:block; height:32px;} #nav li li:hover ul, #nav li li.sfhover ul { margin-left: 10em; } #nav li.NoRightBorder { border-right:none !important; } /* extra positioning rules for limited noscript keyboard accessibility */ #nav li a:focus + ul { margin-left: -1px; } #nav li li a:focus + ul { margin-left: 1020em; } #nav li li a:focus { margin-left:1050em; width:12.4em; background: #FFFFFF; } #nav li li li a:focus {margin-left: 2010em; width: 12.4em; background: #FFFFFF; } #nav li:hover a:focus, #nav li.sfhover a.sffocus { margin-left: 0; } #nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul { margin-left: 10em; } /* New Tabbed Placeholders --------------------------------------------------*/ #tabbox.no-border-tabbox { border:none; } #tabbox { float:left; width:100%; /*background:#DAE0D2 url("../images/bg.gif") repeat-x bottom;*/ font-size:100%; line-height:normal; margin: -19px 0 15px 0; /*display: block;*/ } #tabbox ul.tabs { margin:0px 0px 0px 0px; padding:10px 0px 0; list-style:none; background-color:#FFFFFF ; border-bottom: 5px solid #122d8e; height:36px;} /*@media screen and (-webkit-min-device-pixel-ratio:0){#tabbox ul.tabs {height:35px;}}*/ /*Safari Only 8*/ #tabbox li { float:left; background:url("../images/left.gif") no-repeat left top; margin:0px 5px 0px 0px; padding:0 0 0 9px; border-bottom: 2px solid #FFFFFF; } #tabbox a { float:left; display:block; background:url("../images/right.gif") no-repeat right top; padding:10px 15px 7px 6px; text-decoration:none; font-weight:bold; color:#FFFFFF; } #tabbox li#current { background-image:url("../images/left_on.gif"); border-bottom: 2px solid #122d8e!important;} #tabbox li.off { border-bottom: 2px solid #FFFFFF;} #tabbox li#current a {background-image:url("../images/right_on.gif"); color:#FFFFFF;} #tabbox a:hover {color: #122d8e} #tabbox a:focus {color: #122d8e} #tabbox a:active {color: #122d8e} #tabtext{ padding: 25px 10px 10px 10px; height: auto;} * html #tabtext {margin-top: -20px} #tabbox #tabtext a {float:none; display:block; background:url("../images/spacer.gif") no-repeat right top; padding:0px 0px 0px 0px; text-decoration:none; font-weight:normal; color:#0033cc;} #tabbox #tabtext a:link { color: #0033cc; text-decoration: none } #tabbox #tabtext a:visited { color: #663399; text-decoration: none } #tabbox #tabtext a:hover {color: #0033cc; text-decoration: underline;} #tabbox #tabtext a:focus {color: #0033cc; text-decoration: underline; } #tabbox #tabtext a:active {color: #0033cc; text-decoration: underline; } #tabtext ul{clear: both} /***** jQueryUI for TABS ***/ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; }/*opacity: 0; */ /*filter:alpha(opacity=0);*/ .ui-tabs {} .ui-tabs .ui-tabs-nav { } .ui-tabs .ui-tabs-nav li {} .ui-tabs .ui-tabs-nav li a { } .ui-tabs .ui-tabs-nav li.ui-tabs-selected {border-bottom: 2px solid #122d8e!important;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel {} .ui-tabs .ui-tabs-hide { display: none !important; } #tabbox #current, #tabbox .ui-state-active { background-image:url("../images/left_on.gif"); } #tabbox #current a, #tabbox .ui-state-active a { background-image:url("../images/right_on.gif"); color:#FFFFFF; } #tabbox #current a:hover, #tabbox .ui-state-active a:hover { color:#FFFFFF; } #tabbox #current a:focus, #tabbox .ui-state-active a:focus { color:#FFFFFF;} #tabbox #current a:active, #tabbox .ui-state-active a:active { color:#FFFFFF;} /***************cookie notice*************************/ .accept-cookie{width:100%; color:#000000;} /*#cookie-box {border-color:#EE6620; border-radius:5px;}*/ .cookie-container{width:980px; margin-right:auto; margin-left:auto; padding: 0; /*background-color:#D4D5D5;*/ background-image:url("/includes/images/stripe_bl.gif"); border: 2px solid #EE6620; border-radius: 5px; padding: 20px 20px 5px 20px;} .cookie-container a {text-decoration:underline;} .cookie-container a:hover, .cookie-container a:focus {background:none; text-decoration:none;} #cookieTitle{font-size:1.3em; font-weight:bold; margin-top:0px;} #cookieForm .cookie-text{ width: 75%; float:left; line-height:140%; text-align:left;} #cookieForm .cookie-button{width: 25%; float:right; text-align:right; margin-top:7px;} #cookieForm .accept{ background-color:#2867B6; border:1px solid #2867B6; display:inline-block; color:#ffffff; border-radius:5px; font-family:arial; font-size:12px; font-weight:bold; padding:3px 15px; text-decoration:none; text-shadow:1px 1px 0px #2867B6; margin-left:5px;} #cookieForm .accept:hover{text-decoration:underline; cursor:pointer;} #cookieError{color: red; font-weight:bold;} /***********************************************/ /***************construction notice*************************/ .accept-con{width:100%; height:auto; color:#000000; border-bottom:1px solid #EE6620; background-color: #D4D5D5; border-radius:5px; margin-bottom:15px;} .con-container{width:980px; margin-right:auto; margin-left:auto; padding: 0; padding: 20px;} .con-container a {text-decoration:underline;} .con-container a:hover, .con-container a:focus {background:none; text-decoration:none;} #conForm .con-text p { margin-bottom: 0; } #conForm .con-text h3 { color:#000000; } #conForm { padding:8px;} #conTitle{font-size:1.3em; font-weight:bold; margin-top:10px;} #conForm .con-text{ width:600px; float:left; line-height:140%; text-align:left; padding:5px;} #conForm .con-button{width: 10%; float:left; text-align:right; margin-top:7px; } #conForm .accept{ border:none; background-color:#122D8E; color:#fff; padding:4px 16px; float:right; border-radius:5px; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px;} #conForm .accept:hover{text-decoration:underline; cursor:pointer;} #conError{color: red; font-weight:bold;} /***********************************************/ /* New Homepage Dropdowns --------------------------------------------------*/ #subnav, #subnav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height:25px } #subnav a { font-weight:bold; display: block; width: 20em; text-align:left; text-decoration: none; } #subnav li.fakedrop {background-color: #FFFFFF; border: 1px solid #003366; background-image:url(/includes/images/arrow_down.gif); background-position: right; background-repeat:no-repeat; } #subnav li.fakedrop ul {z-index: 1000;} #subnav li.fakedrop ul li {z-index: 1000;} #subnav li.fakedrop a {padding: 0px 0px 0px 7px; color:#000000!important} #subnav li a:visited {text-decoration: none; color:#000000; } #subnav li a:hover {text-decoration: none; color:#000000; } #subnav li a:focus {text-decoration: none; color:#000000; } #subnav li a:active {text-decoration: none; color:#000000; } #subnav li { /* all list items */ float: left; width: 20em; /* width needed or else Opera goes nuts */ } #subnav li ul { /* second-level lists */ background-color:#CCCCCC; font-size:90%; font-weight:normal; height:150px; line-height:24px; overflow:auto; position:absolute; width:25em; margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #subnav ul li { text-align:left; width: 22.3em; text-decoration: none; font-weight:normal; float: left; } #subnav ul li a{ text-align:left; text-decoration: none; width: 22.3em; font-weight:normal; padding: 0px 10px 0px 10px; background-image:none!important } #subnav ul li a:visited {text-decoration: none; color:#000000; font-weight:normal } #subnav ul li a:hover {width: 21.7em; text-decoration: none; color:#000000; background-color:#939696 } * html #subnav ul li a:hover {width: 22.3em; text-decoration: none; color:#000000; background-color:#939696 } #subnav ul li a:focus { text-decoration: none; color:#000000; font-weight:normal; background-color:#939696 } #subnav ul li a:active { text-decoration: none; color:#000000; font-weight:normal;background-color:#939696 } #subnav li ul ul { /* third-and-above-level lists */ margin: -1em 0 0 -1000em; } #subnav li:hover ul ul, #subnav li.sfhover ul ul { margin-left: -1000em; background-color:#54782a; font-weight:normal; } #subnav li:hover ul, #subnav li.sfhover ul { /* lists nested under hovered list items */ margin-left: 0; } #subnav li li:hover ul, #subnav li li.sfhover ul { margin-left: 10em; } /* extra positioning rules for limited noscript keyboard accessibility */ #subnav li a:focus + ul { margin-left: 0; } #subnav li li a:focus + ul { margin-left: 0; } #subnav li li a:focus { margin-left:0; width:21.6em; } #subnav li:hover a:focus, #nav li.sfhover a.sffocus { margin-left: 0; } /**Homepage context group*/ #publication-conxt img { width:75px; height:110px; } #newsContxt img { width:98px; height:98px; padding-top: 25px; } #newsContxt strong, #publication-conxt strong{ padding-bottom:7px; display:inline-block; } .contxtgp-home-wrapper { margin:5px 0; } .contxtgp-home-col .summarytext { min-height:110px; } .contxtgp-home-col .placetop { background-image:none; background-color:#004283; } .contxtgp-home-col .placecontent{ height:322px; } .contxtgp-home-col .h2 { display:inline-block; } .contxtgp-home-col h2,.contxtgp-home-col .h2 { padding:2px 8px; color:#fff; font-size:20px; font-weight:500; } #twitter-feed .placetop { position:relative } #twitter-feed .twitter-btn { position:absolute; background-color:#F5FAF6; padding:2px 6px 2px 6px; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; right: 5px; top: 5px } .twitter-btn a:hover, .twitter-btn a:link, .twitter-btn:visited{ text-decoration:none; } #twitter-feed .fa-twitter { color:#45A4E4; font-size:13px; } #twitter-feed .follow-txt{ font-size:11px; padding-left: 3px; padding-top:1px; } .follow-txt a {color:#000000;} #twitter-feed iframe { height:365px; } #home_page_horoz_banners_lower { padding: 10px 0 30px; } /* New Homepage Dropdowns --------------------------------------------------*/ #subnav2, #subnav2 ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height:25px } #subnav2 a { font-weight:bold; display: block; width: 20em; text-align:left; text-decoration: none; } #subnav2 li.fakedrop {background-color: #FFFFFF; border: 1px solid #003366; background-image:url(/includes/images/arrow_down.gif); background-position: right; background-repeat:no-repeat; } #subnav2 li.fakedrop a {padding: 0px 0px 0px 7px; color:#000000!important} #subnav2 li a:visited {text-decoration: none; color:#000000; } #subnav2 li a:hover {text-decoration: none; color:#000000; } #subnav2 li a:focus {text-decoration: none; color:#000000; } #subnav2 li a:active {text-decoration: none; color:#000000; } #subnav2 li { /* all list items */ float: left; width: 20em; /* width needed or else Opera goes nuts */ } #subnav2 li ul { /* second-level lists */ position: absolute; background-color:#cccccc; font-size: 90%; font-weight:normal; line-height:24px; width:25em; margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ height:150px; overflow:auto; } #subnav2 ul li { text-align:left; width: 22.3em; text-decoration: none; font-weight:normal; } #subnav2 ul li a{ text-align:left; text-decoration: none; width: 22.3em; font-weight:normal; padding: 0px 10px 0px 10px; background-image:none!important } #subnav2 ul li a:visited {text-decoration: none; color:#000000; font-weight:normal } #subnav2 ul li a:hover {width: 21.7em; text-decoration: none; color:#000000; background-color:#939696 } * html #subnav2 ul li a:hover {width: 22.3em; text-decoration: none; color:#000000; background-color:#939696 } #subnav2 ul li a:focus { text-decoration: none; color:#000000; font-weight:normal; background-color:#939696 } #subnav2 ul li a:active { text-decoration: none; color:#000000; font-weight:normal;background-color:#939696 } #subnav2 li ul ul { /* third-and-above-level lists */ margin: -1em 0 0 -1000em; } #subnav2 li:hover ul ul, #subnav2 li.sfhover ul ul { margin-left: -1000em; background-color:#54782a; font-weight:normal; } #subnav2 li:hover ul, #subnav2 li.sfhover ul { /* lists nested under hovered list items */ margin-left: 0; } #subnav2 li li:hover ul, #subnav2 li li.sfhover ul { margin-left: 10em; } /* extra positioning rules for limited noscript keyboard accessibility */ #subnav2 li a:focus + ul { margin-left: 0; } #subnav2 li li a:focus + ul { margin-left: 0; } #subnav2 li li a:focus { margin-left:0; width:21.6em; } #subnav2 li:hover a:focus, #nav li.sfhover a.sffocus { margin-left: 0; } /* New Side Navigation --------------------------------------------------*/ #subnavcontainer { margin:0px; background-color:#ffffff; border: 1px solid #d2d2d2; } #subnavcontainer ul{ margin: 0px 0px 0px 0px; padding: 0; list-style-type: none; font-size: 1em; } #subnavcontainer li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px ;} /* * html #subnavcontainer li a:hover {zoom: 1} * html #subnavcontainer li a:active {zoom: 1} * html #subnavcontainer li a:focus {zoom: 1} */ #subnavcontainer a {display: block; padding: 5px 0px 5px 10px; width: 17.05em; color: #000000; background-color: #d2d2d2; background-image:url(/includes/images/nav_none.gif); background-repeat: no-repeat; background-position: 5px 10px; text-decoration: none; font-weight:normal; } #subnavcontainer li a#selectednav1 {background-image:url(/includes/images/nav_bullet.gif)!important; background-color: #FFFFFF!important; background-repeat: no-repeat; background-position: 2px 10px; font-weight:bold!important } #subnavcontainer a:visited{ color: #000000; background-color: #d2d2d2; text-decoration: none; font-weight:normal} #subnavcontainer a:hover{text-decoration: underline;} #subnavcontainer a:focus{text-decoration: underline;} #subnavcontainer a:active{text-decoration: underline;} #subnavcontainer ul ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 1px dashed #cccccc; background-color:#FFFFFF } #subnavcontainer ul ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #subnavcontainer ul ul a {display: block; padding: 6px 5px 6px 25px; width: 16.2em; color: #000000; background-color:#FFFFff; text-decoration: none; font-weight:normal; margin: 0px 0px 0px 0px; font-size: 95%; background-image:url(/includes/images/nav_none.gif); background-repeat: no-repeat; background-position: left top; border-bottom: 1px dashed #cccccc} #subnavcontainer ul ul li a#selectednav2 {background-image:url(/includes/images/nav_bullet2.gif)!important; background-color: #FFFFFF!important; background-repeat: no-repeat; background-position: 13px 10px; font-weight:bold!important } #subnavcontainer ul ul a:visited {color: #000000; background-color: #FFFFff; text-decoration: none; font-weight:normal; } #subnavcontainer ul ul a:hover{text-decoration: underline;} #subnavcontainer ul ul a:active{text-decoration: underline;} #subnavcontainer ul ul a:focus{text-decoration: underline;} #subnavcontainer ul ul ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: none; background-color:#FFFFFF } #subnavcontainer ul ul ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #subnavcontainer ul ul ul a {display: block; padding: 6px 5px 6px 35px; width: 15.4em; color: #000000; background-color:#FFFFff; text-decoration: none; font-weight:normal; margin: 0px 0px 0px 0px; font-size: 95%; background-image:url(/includes/images/nav_none.gif); background-repeat: no-repeat; background-position: left top; border-bottom: 1px dashed #cccccc} #subnavcontainer ul ul ul li a#selectednav3 {background-image:url(/includes/images/nav_bullet.gif)!important; background-color: #FFFFFF!important; background-repeat: no-repeat; background-position: 23px 10px; font-weight:bold!important } #subnavcontainer ul ul ul a:visited {color: #000000; background-color: #FFFFff; text-decoration: none; font-weight:normal; } #subnavcontainer ul ul ul a:hover{text-decoration: underline;} #subnavcontainer ul ul ul a:active{text-decoration: underline;} #subnavcontainer ul ul ul a:focus{text-decoration: underline;} #subnavcontainer ul ul ul ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: none; background-color:#FFFFFF } #subnavcontainer ul ul ul ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #subnavcontainer ul ul ul ul a {display: block; padding: 6px 5px 6px 45px; width: 14.6em; color: #000000; background-color:#FFFFff; text-decoration: none; font-weight:normal; margin: 0px 0px 0px 0px; font-size: 95%; background-image:url(/includes/images/nav_none.gif); background-repeat: no-repeat; background-position: left top; border-bottom: 1px dashed #cccccc} #subnavcontainer ul ul ul ul li a#selectednav4 {background-image:url(/includes/images/nav_bullet.gif)!important; background-color: #FFFFFF!important; background-repeat: no-repeat; background-position: 33px 10px; font-weight:bold!important } #subnavcontainer ul ul ul ul a:visited {color: #000000; background-color: #FFFFff; text-decoration: none; font-weight:normal; } #subnavcontainer ul ul ul ul a:hover{text-decoration: underline;} #subnavcontainer ul ul ul ul a:active{text-decoration: underline;} #subnavcontainer ul ul ul ul a:focus{text-decoration: underline;} #subnavcontainer ul ul ul ul ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: none; background-color:#FFFFFF } #subnavcontainer ul ul ul ul ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #subnavcontainer ul ul ul ul ul a {display: block; padding: 6px 5px 6px 55px; width: 13.8em; color: #000000; background-color:#FFFFff; text-decoration: none; font-weight:normal; margin: 0px 0px 0px 0px; font-size: 95%; background-image:url(/includes/images/nav_none.gif); background-repeat: no-repeat; background-position: left top; border-bottom: 1px dashed #cccccc} #subnavcontainer ul ul ul ul ul li a#selectednav5 {background-image:url(/includes/images/nav_bullet.gif)!important; background-color: #FFFFFF!important; background-repeat: no-repeat; background-position: 43px 10px; font-weight:bold!important } #subnavcontainer ul ul ul ul ul a:visited {color: #000000; background-color: #FFFFff; text-decoration: none; font-weight:normal; } #subnavcontainer ul ul ul ul ul a:hover{text-decoration: underline;} #subnavcontainer ul ul ul ul ul a:active{text-decoration: underline;} #subnavcontainer ul ul ul ul ul a:focus{text-decoration: underline;} /**************************************************************************************************************************************/ /***** pTools custom styles *******/ /**************************************************************************************************************************************/ /** far right nav fixes**/ #nav li.rightMenuItem:hover ul { margin-left: -71px; } #nav li.rightMenuItem:hover ul ul { margin-left: -1000em; } #nav li.rightMenuItem:hover ul li:hover ul { margin-left: -14.3em; } * + html #nav li.rightMenuItem:hover ul {margin-left: -71px;/* IE 7 */} #nav li.rightMenuItem ul li a:hover { } #nav li.rightMenuItem ul li ul { border-right: none; border-left: 1px solid #122d8e; } #nav li.rightMenuItem ul li ul li a:hover { background-image: none !important; } img.rightimage {float: right; margin: 0px 0px 15px 15px; } .news-events { height: auto; } .news-events li { float: none !important; } .news-events-column-left, .news-events-column-right { width: 48%; height: auto; position: relative; z-index: 0; } .news-events-column-left { float: left; } .news-events-column-right { float: right; } #comp, #feed {margin: 0px; padding: 0px; font-size: 100%; width: 99%} #comp fieldset { font-size: 100%; padding: 5px; margin: 0px 0px 0px 0px;} #comp fieldset legend {font-size: 1.2em; font-weight: normal; color: #000000; margin: 0px 0px 0px 0px; padding: 0px 5px; color: #0A0A7B;} #feed fieldset { font-size: 100%; padding: 5px; margin: 0px 0px 0px 0px;} #feed fieldset legend {font-size: 130%; font-weight: normal; color: #000000; margin: 0px 0px 0px 0px; padding: 0px 5px;} #comp div, #feed div { clear: left; display: block; height: 1%; margin: 5px 0px 0px 0px; padding: 1px 3px; } #comp div fieldset,#feed div fieldset { clear: none; border-width: 1px; border-style: solid; border-color: #666666; margin: 0px 0px 0px 142px; padding: 0px 5px 5px 5px; width: 197px; } #comp div fieldset legend,#feed div fieldset legend { font-size: 100%; padding: 0px 3px 0px 9px; } #comp div.required fieldset legend,#feed div.required fieldset legend { font-weight: bold; } #comp div label { display: block; float: left; width: 170px; padding: 3px 5px; margin: 0px 0px 5px 0px; text-align: right; font-weight: bold; } #feed div label { display: block; float: left; width: 170px; padding-right: 5px; margin: 0px 0px 5px 0px; } #comp #radio,#feed #radio { padding: 3px 5px; margin: 0px 0px 5px 0px; font-weight: bold; } label { font-size: 100%; } #contextgroupcol-wrapper .placeholder { width: 510px; margin:0 20px 10px 0; } #contextgroupcol-wrapper .placecontent { min-height: 200px; } #contextgroupcol-wrapper li { padding: 0 0 0.5em 10px !important; } #blueplacePublications { background-color:#DFEBF7; border:1px solid #C4C5C5; margin:10px 0 20px; padding:5px; } #blueplaceblueplacePublications input { margin:0 0 2px; } #blueplacePublications strong { color:#1B4FD3; } .ContextPublications ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;} .ContextPublications ul li { background:none;display: block; padding: 1.2em 0 0.1em 14px; height:120px; } .ContextPublications a:link {color:#1B4FD3;text-decoration:none; } .ContextPublications img { width:67px; height:93px;} .ContextPublications .summaryimage { float:left; border-style:none; } #ContexPublicationsList ul {list-style: none; } #ContexPublicationsList ul li { background:none; border-bottom:1px solid #E7E6E1; position:relative; padding:10px;} #ContexPublicationsList img { width:67px; height:93px;} #ContexPublicationsList a:link {color:#1B4FD3;text-decoration:none; } #ContexPublicationsList .title{ margin-bottom:5px; margin-left:7px; color:#1B4FD3; border-bottom:1px solid #E7E6E1; padding-bottom:15px;} #ContexPublicationsList .headsummary{ clear:none; color:#1B4FD3; font-size:12px; display:block; margin: 0; text-align:left; text-decoration:none; width:570px; } #ContexPublicationsList .year{ float:right; margin:0; position:absolute; right:0; left:576px; top:6px; } #ContexPublicationsList .headsummary a:visited { color:#663399; text-decoration:none; } #ContexPublicationsList .summaryimage { float:left; margin:-24px 0px 0 -16px; } #ContexPublicationsList .summarytext { margin:10px 2px 0 35px; font-size:12px; } .publications-categories div.stripe1 { float: none; width: 510px; margin-bottom: 10px; } .publications-categories h2 { float: left; font-size: 1.5em !important; margin-top: 5px; font-weight: bold; } .publications-categories #subnav { float: left; margin-left: 13px; } .publications-categories ul.category-list li { background: none !important; } .publications-categories li { padding: 0 !important; } /* Sitemap --------------------------------------------------*/ .sitemap-expand-contract { /*display: block;*/ position: absolute; float: left; width: 10px; height: 10px; color: Red; text-align: center; vertical-align: middle; margin-left: -15px; margin-top: -2px; cursor: pointer; font-size: 11pt; } a.pdf, a.doc, a.docx, a.xls, a.xlsx, a.email, a.web, .phone, a.ppt, a.pptx, a.wmv, a.mov, a.png, a.jpg, a.rss { background-position: left center !important; background-repeat: no-repeat !important; padding-left: 20px !important; clear: both; vertical-align: middle; } a.pdf { background-image: url(/includes/images/icon_pdf.gif) !important; } a.doc, a.docx { background-image: url(/includes/images/icon_word.gif) !important; } a.xls, a.xlsx { background-image: url(/includes/images/icon_excel.gif) !important; } a.email { background-image: url(/includes/images/icon_mail.gif) !important; } a.web { background-image: url(/includes/images/icon_web.gif) !important; padding-top: 3px; } .phone { background-image: url(/includes/images/icon_phone.gif) !important; } a.jpg { background-image: url(/includes/images/icon_jpg.gif) !important; } a.png { background-image: url(/includes/images/icon_png.gif) !important; } a.mov { background-image: url(/includes/images/icon_mov.gif) !important; } a.wmv { background-image: url(/includes/images/icon_wmv.gif) !important; } a.ppt, a.pptx { background-image: url(/includes/images/icon_ppt.gif) !important; } a.rss { padding-left: 45px !important; background-image: url(/includes/images/icon_rss.gif) !important; } .relatedBox { clear: both; } .relatedBox .web .verticalDataList li { float: none !important; } #publications {width: 203px; height: 30px; background-image: url(/includes/images/publication_bg.gif); background-repeat: no-repeat; background-position: top right; font-family: Arial, Helvetica, sans-serif; padding: 0px 0px 0px 0px; margin-bottom:15px; } .tablePublications { background-color:Transparent; } .trPublications { vertical-align:top !important; padding: 5px; } .trPublications td { vertical-align:top !important; padding: 5px; } #newsContxt .trPublications td.summaryimage {padding:0 5px 0 0;} .headsummary { color:#1B4FD3; border-style:none; } .headsummary a:visited { color:#663399; text-decoration:none; } li.fakedrop ul { z-index: 1000; } td { vertical-align: top !important; } .backLink { margin-bottom: 50px; width: 100%; border-top: solid 2px #D4D5D5; padding-top: 20px; } .backLink a { background-image:url(/includes/images/arrow_left_big.gif); background-position: left; background-repeat:no-repeat; padding-left: 30px; } div.rightimage img {float: right; margin: 0px 0px 15px 15px; } div.leftimage img {float: left; margin: 0px 15px 15px 0px; } table.index { width: 100%; border-collapse: collapse; } table.index tr td { background-color: #d2d2d2; width: 50% !important; border-right: 15px solid white; /* 'cellspacing' */ border-bottom: 15px solid white; /* 'cellspacing' */ } table.index tr td h2 { background-image:url("/includes/images/index_table_header.gif"); background-repeat: repeat-x; background-position: center top; color: #FFFFFF !important; font-size:1.2em !important; font-weight: normal !important; padding: 5px 0px 5px 10px !important; margin: 0px 0px 0px 0px !important; } table.index tr td h2 a { color: #FFFFFF !important; text-decoration: underline !important; } table.index tr td ul, table.index tr td p { padding: 10px !important; margin: 0px !important; } table.yellow { width: 100%; border-collapse: separate; border-spacing: 20px; *border-collapse: expression('separate', cellSpacing = '20px'); /* IE7 and below */ margin:-20px 0 0 -20px; } table.yellow tr td { background-color: #fff; border:1px solid #D3D3D3; border-top-left-radius:5px; border-top-right-radius:5px; overflow:hidden;} table.yellow tr td h2 { background:url('/images/blue_bg.gif') left top repeat-x; padding: 2px 0px 2px 10px !important; margin: 0; } #subhome table.yellow tr td h2 { color:#fff; font-size:1.2em !important; padding:5px 0 5px 10px !important } table.yellow tr td p { margin-bottom:0px; } table.yellow tr td h2 a:link, table.yellow tr td h2 a:visited { color: #fff; } table.yellow tr td h2 a:hover, table.yellow tr td h2 a:active { color: #fff; text-decoration:none; } table.yellow tr td ul, table.index tr td p { padding: 10px !important; margin: 0px !important; } /** Sitemap **/ /* #siteMapWrapper ol { counter-reset: item; } #siteMapWrapper ol li:before { content: counters(item, ".") " "; counter-increment: item; } #siteMapWrapper ol li { background: none !important; position: relative; padding: 0em 0 0.5em 0px; display: block; } #siteMapWrapper ol.last li { padding: 0 0 0 0; } */ /** END Sitemap **/ .pageBannerUpper { float: left; margin-top: 1px; text-align: right; width: 270px; } .search_panel { float:right; width: 490px; } .pageBannerUpper a{ padding-left:5px; display:block; width:24px; float:right; } .st_sharethis { float: right; width: 85px; padding-top: 4px; } .stButton{margin-right:3px; } .sharethis{padding-left:13px !important;} .stbtn { float:right; font-family:Verdana,Helvetica,sans-serif; font-size:11px; padding-right:3px; padding-top:2px; } .relatedfilesHeader { color:#CF4600; font-size:1.4em; font-weight:normal; margin:0; padding:0 0 10px; } #headerBannerListWrapper { display: none; } #headerBannerListWrapper li { list-style-type: none; } #toplinks a.lastTopMenu{ margin-right:0px;} /* homepage table */ table.homePageTbl { border-collapse: collapse; margin-bottom: 10px; } table.homePageTbl td.section { padding: 20px 10px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } table.homePageTbl td.section img { padding-right: 5px; } .row1{ width:148px; float:left; z-index:9999; } .row2{ width:148px; float:left; z-index:9999; } .row3{ width:148px; float:left; z-index:9999;} .row4{ width:148px; float:left; z-index:9999;} .rowEnd{ width:148px; float:left; z-index:9999;} .innerMenu,.innerMenu a,ul#nav ul li,ul#nav ul,ul#nav{z-index:9999;} .whats_new td{ padding-right:10px;} /* * Confirm Dialog Box */ .ui-dialog .ui-dialog-content { background: none repeat scroll 0 0 #FFF!important; border: 0 none; overflow: auto; padding: 0.5em 1em; border: 1px solid #D2D2D2!important; color: #333333; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0 0.2em; } .ui-dialog .ui-dialog-titlebar { padding: 0.5em 0.3em 0.3em 1em; position: relative; background: none repeat-x scroll 50% 50% #122D8E; border: 1px solid #122D8E; color: #FFFFFF; font-weight: bold; } .ui-dialog .ui-dialog-titlebar-close { height: 18px; margin: -10px 0 0; padding: 1px; position: absolute; right: 0.3em; top: 50%; width: auto; text-decoration:none } .ui-dialog .ui-dialog-titlebar-close a:link, .ui-dialog .ui-dialog-titlebar-close a:visited { color: #FFF; text-decoration: none; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; color: #FFF; text-decoration: none; width:auto; height:auto; text-indent: 0; border-bottom: 1px solid transparent; } .ui-dialog .ui-dialog-titlebar-close.ui-state-hover span { border-bottom-color:#fff; } .ui-dialog .ui-dialog-content { background: none repeat scroll 0 0 #FFF!important; border: 0 none; overflow: auto; padding: 0.5em 1em; } .ui-dialog .ui-dialog-buttonpane { background-image: none; background-color: #FFF!important; border-width: 1px 0 0; margin: 0em 0 0; padding: 0.3em 1em 0.5em 0.4em; text-align: left; border: 1px solid #D2D2D2!important; border-top: none !important; } .ui-dialog .ui-dialog-buttonpane button { cursor: pointer; float: right; line-height: 1.4em; margin: 0.5em 0.4em 0.5em 0; overflow: visible; padding: 0.2em 0.6em 0.3em; width: auto; } /*template Department Hazards*/ .Contenr{} .cols_2 > .col { float:left; width:50%;} .Contenr #Subnavlist{ border: 1px solid #D2D2D2; padding: 0em 0.2em 0.1em 0.2em; } ul#Subnavlist li {border-bottom: 1px dashed #D2D2D2; background: url("/images/arrow-right.gif") no-repeat scroll left 3px transparent; padding: 6px 0 6px 30px; } ul#Subnavlist li.last{border:none;} ul#Subnavlist li a{color:#122d8e;} .Contenr .imgBanner{padding-top: 0.1em;} .Contenr .locSummary{background:url(/images/header-blue.gif) repeat-x;color: #FFFFFF;display: block;padding: 5px 10px;} .Contenr p.locSummary { margin-bottom:0; } /*accordian*/ .accrdContent{} .accrdContent table.index { margin-top:10px; } .accrdContent .headerBox { position:relative; margin-bottom:15px; color:#fff;} .accrdContent .headerBox h1 { color:#fff; padding-bottom:5px; } .accrdContent .headerBox .headerBox_l { z-index:2; position:absolute; left:0; top:0; width:335px; height:121px; padding: 20px 70px 0 20px; background:url(/images/blue-header-lrg.png) no-repeat top left; } .accrdContent .headerBox .headerBox_r { z-index:1; float:right; } #accordion { border:1px solid #d2d2d2; padding:.1em; height:auto !important; clear:both; } #accordion h3{ cursor:pointer; padding:0.3em 0 0.2em 1.5em; color:#122d8e; background: none; font-size:1.1em; border-radius: 0; border:none; border-top: 1px dashed #D2D2D2; } #accordion h3:first-child { border-top: none } #accordion .ui-icon { background: url("/images/arrow-close.gif") no-repeat scroll 0 0 transparent; height: 23px; width: 23px; margin-left:-5px;} #accordion .ui-icon-triangle-1-e { background: url("/images/arrow-expand.gif") no-repeat scroll 0 0 transparent;height: 23px;width: 23px;margin-left:-5px;} #accordion div { border:none; padding-top:0; padding-left:20px;} .accrdContent .heading{} #accordion div p {padding:5px 0 5px 0;margin:0;} .headerBox {height:141px; margin-bottom:15px;} .btnReturnPanel { float:right; margin:20px 0; padding:5px; background:url('/images/back_btn_bg.gif') repeat-x; } a.btnReturn { display:block; height:23px; line-height:23px; padding: 0 15px 0 30px; text-decoration:none; color: #FFFFFF; background:url('/images/back_btn.gif') no-repeat left center; } a.btnReturn:hover{ text-decoration:underline; } /*@media screen and (-webkit-min-device-pixel-ratio:0) {ul#Subnavlist li{background-position:0 0;margin-top:0.16em;}}*/ @media only screen and (max-width: 991px) { #TTSbarbutton {height: 39px; position: absolute; right: 0px; background: #013E81; /*margin-right: -15px;*/ } #TTSbarbutton img { top: -2px; right: -4px; height: 39px; width: auto; vertical-align: middle; position: absolute; } }