﻿/* v1.1 | Mar 2012 */
/* CONTENTS: */
/* @Reset */
/* @Ektron-editor-styles */
/* @Structure */
/* @Header */
/* @Content */
/* @Footer */
/* @Buttons, misc, ie6 */
/* @media queries */
/* @Print */

/* @Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	width:100%;
}
body {
	margin:0;
	padding:0;
	font-size: 0.875em;
	background-color: #FFFFFF;
	width:100%;
}
/* @Ektron-editor-styles - copy these into editor.css (in library) file if updates are made */
body {
	margin:0;
	padding:0;
	font-family: "DejaVu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 0.875em;
	background-color: #FFFFFF;
	width:100%;
}
h1 { font-size:1.6em; }
h2 { font-size:1.4em; }
h3 { font-size:1.3em; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; }
h6 { font-size:1.0em; }
h1,h2,h3,h4,h5,h6 { margin:10px 0;}
p { padding:10px 0; }
h1 {display: inline;}
hr { margin:10px 0;	border:none; background:#dddddd; height:1px; clear:both;}
:focus {outline:thin dotted;}
a:hover {text-shadow:none;}
a:active, .button:active, .grey:active, .orange:active {}
a:visited {color:#990099;}
.alignRight {text-align:right;}
.fleft {float:left!important;}
.fright {float:right!important;}
.direction, .more_information {
	margin:15px 0;
	padding:12px 15px 18px 50px;
	background-image: url(/assets/0/81/12884901938/12884901939/9964c252-ef22-4407-a46d-42fb0337af43.png);
	background-repeat:no-repeat;
	background-position:13px 13px;
	background-color: #E6EFF5;
	border: 1px solid #0063C7;
	border-radius: 3px;
	width:auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.attention {
	margin:15px 0;
	padding:12px 15px 18px 50px;
	background-image: url(/assets/0/81/12884901938/12884901939/bc129a92-425f-4047-be2a-0355787a0466.png);
	background-repeat:no-repeat;
	background-position:13px 13px;
	background-color: #FAEEE6;
	border: 1px solid #F58025;
	border-radius: 3px;
	width:auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.stop , .danger {
	margin:15px 0;
	padding:12px 15px 18px 50px;
	background-image: url(/assets/0/81/12884901938/12884901939/f10b99b7-411d-4ddc-95cd-55c006e23ab8.png);
	background-repeat:no-repeat;
	background-position:13px 13px;
	background-color: #FCECEB;
	border: 1px solid #EE3124;
	border-radius: 3px;
	width:auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.direction p, .more_information p, .attention p, .stop p, .danger p,
.direction ul, .more_information ul, .attention ul, .stop ul, .danger ul {margin:0 0 10px; padding:0;}
.direction p:last-child, .more_information p:last-child, .attention p:last-child, .stop p:last-child, .danger p:last-child,
.direction ul:last-child, .more_information ul:last-child, .attention ul:last-child, .stop ul:last-child, .danger ul:last-child,
{margin:0;}
.externalsite {
    background: url("/assets/0/81/12884901938/12884901939/b503b6e8-b628-4b2d-916f-8d216391daf0.gif") no-repeat scroll 99% 3px transparent;
    display: inline-block;
    padding: 0 20px 0 0;
}
li .externalsite {
    display: inline;
}
.design_selected_field {border:1px solid #0063C7!important}
.TopLink {
    border-bottom: 1px solid #DDDDDD;
    float: right;
    margin: 10px 5px;
    padding: 3px 0 3px 15px;
    text-decoration: none;
	background:url(/assets/0/81/12884901938/12884901939/dcd12308-5089-44df-982a-b8c41f1cb18a.gif) no-repeat 5% 50%;
	font-size:0.85em;
}
#rightArea ul ul {
	list-style-type:disc;
	margin-left:0;
	padding:0 0 0 20px;
}
#rightArea ul ul ul {
	list-style-type:circle;
	margin:2px 0 5px;
	padding:0 0 0 20px;
}
#rightArea ul ul ul ul {
	list-style-type:square;
	padding:0 0 0 20px;
}
#rightArea li {
	margin-left: 20px;
	padding: 5px;
}
#rightArea img {
	margin: 0px 10px;
}
/* tables */
table {
	margin: 1em 0 1em 0;
	border-collapse: collapse;
	border-color:#999999;
	border-spacing: 0;
	empty-cells: show;
}
table caption {
    font-weight: bold;
    padding: 8px;
    text-align: left;
}
table td { border-color:#999999;} /*globally add borders to table cells. */
table th {
	/*background-color: #003366;
	color: white;*/
	border-color:#999999;
	font-weight: bold;
	text-align: left;
}
#rightArea table td {
	padding:5px 10px;
	/*width:auto!important;*/
}
#rightArea table td p {
	padding:0;
	margin:10px 0;
}
.TopLink:hover {border-bottom: 1px solid #999999;}
/* @Structure */
#wrapper, #headerThree, #content, #footerOne {
	width:100%;
	display:inline-block;
}
#footerOne {
	padding: 50px 0px;
	text-align: center;
}
/* @Header */
#headerThree {
	background-color: #003366;
	color: #FFFFFF;
	padding:1em 0 0;
	margin:0;
}
#headerThree a {
	color: #FFFFFF;
	text-decoration: none;
}
#headerThree a:hover {
	text-decoration: underline;
}
#contentContainer {
	float:left;
}
#contentContainer h1 {
	padding:10px;
	font-weight:normal;
	margin:10px 20px;
	display:block;
	float:left;
}
#ATOLogoContainer {
	margin:0 0 0 25px;
	float:left;
}
#content2Container ul {
	float:right;
	padding: 0 10px 0 0;
}
#content2Container ul li {
	padding: 5px;
	display: inline-block;
	float:left;
}
#searchboxContainer {
	float:right;
	margin: 10px 17px 18px 0;
	clear:right;
	width:250px;
}
#searchboxContainer input.box {
	border: 0 solid #DDDDDD;
	margin: 0 0 0 0;
	padding: 8px 5px;
	height:14px;
    vertical-align: middle;
	width: 155px;
	float:left;
}
#searchboxContainer input.box:focus {
	background:#eeeeee;
	border: 0 solid #DDDDDD;
}

#AZIndex ul {		
    margin-left: 0 !important;
    min-width: 20em;
    min-height: 1em;
    display: inline-block;
}
#AZIndex ul li {
    background-image: none !important;
    list-style: none outside none !important;
    margin: 0 0 ;
    padding: 0;
    width: 1.75em;
    float: left ;
}
.taxonomyDiv{clear: both; }
#taxononmyDivHolder ul { list-style-type:none; padding:0;}
#taxononmyDivHolder ul li { margin:0;}
.styleOn {visibility: hidden;}
/* =page tools */
span.alt {
	margin: 0;
	padding: 0;
	visibility: hidden;
	font-size:1px;
}
#accessibilityContainer {
	float:right;
	/*clear:right;*/
	padding:5px 14px 2px 0;
}
#accessibilityContainer a:hover {text-decoration:none;}
#accessibilityContainer .accessibility a:hover {text-decoration:underline;}
#accessibilityContainer ul { float:right;}
#accessibilityContainer ul li {
	display: block;
	float:left;
	margin:0 4px;
}
#accessibilityContainer ul li.styleOn {display:none;}
#accessibilityContainer ul li a {display: block; height:17px; width:25px;}
#accessibilityContainer ul li.accessibility a { height:auto; width:auto;}
#accessibilityContainer ul li.fontSizeDown a {background: url(/uploadedImages/fontDown_demo.gif) no-repeat 0 0;}
#accessibilityContainer ul li.fontSizeUp a {background: url(/uploadedImages/fontUp_demo.gif) no-repeat 0 0;}
#accessibilityContainer ul li.printPage a {background: url(/uploadedImages/icon_print.png) no-repeat 0 0;}
#accessibilityContainer ul li.emailPage a {background: url(/uploadedImages/icon_email.png) no-repeat 0 0;}
#accessibilityContainer ul li.hiContrast a {background: url(/uploadedImages/hicon_demo.gif) no-repeat 0 0;}
#accessibilityContainer ul li.loContrast a {background: url(/uploadedImages/locon_demo.gif) no-repeat 0 0;}
#accessibilityContainer ul li.textOnly a {background: url(/uploadedImages/text_only_demo.gif) no-repeat 0 0;}
/* =menu */
#content3Container div {
	border-top: 1px solid #FFFFFF;
	width:auto;
	color:#fff;
	width:100%;
	display: inline-block;
}
/* an example of how we can skin portals by applying a body class (only css difference between bp/tap is nav bg colour) */
.bp #content3Container div {
	background-color: #0099CC;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099CC', endColorstr='#0083ae'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#0083ae)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #0099CC, #0083ae); /* for firefox 3.6+ */
}
.tap #content3Container div {
	background-color: #660099;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#660099', endColorstr='#580084');
	background: -webkit-gradient(linear, left top, left bottom, from(#660099), to(#580084));
	background: -moz-linear-gradient(top, #660099, #580084);
}
#content3Container li {
	padding: 0.6em 1em;
	display: inline-block;
	float:right;	
	font-weight:bold;
}
#content3Container li.first {
	float:left;
	border-right: 1px solid #FFFFFF;
	width:14em;
}
#content3Container li.last {
	margin-right:10px
}
.button {
	padding:0;
	margin:0;
	cursor:pointer;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float:right;
	width:85px;
	height:30px;
	display:block;
}
/* @Content */
#leftArea {
	float: left;
	margin:1px 0 0 0;
	background:#f2f2f2;
	clear:both;
	width:16em;
}
#leftArea ul.taxonomyList {
}
#leftArea ul.taxonomyList li {
	list-style-type:none;
}
#leftArea ul.taxonomyList li a {
	/*font-size:0.85em;*/
	border-bottom: 1px solid #FFFFFF;
	/*background-color:#cccccc;*/
	color: #000000;
	text-decoration: none;
	display:block;
	padding:0.6em 1em;
	font-weight:bold;
	text-shadow:1px 1px 0 #fff;
	width:14em;
}
#leftArea ul.taxonomyList li a:hover {
	text-decoration: underline;
	background-color:#dddddd;
}
#leftArea ul.taxonomyList li.taxonomyActive { background:#333;}
#rightArea {
	min-width: 20em;
	max-width: 52em;
	margin-left: 16em;
	margin-top: 1em;
}
#leftArea ul.taxonomyList li.taxonomyActive a {
	color: #FFF;
	text-shadow:none;
}
#leftArea ul.taxonomyList li.taxonomyActive a:hover { color:#000;}
.accicons {
	float: right;/* .ie6 = margin:15px 10px;*/
}
#rightArea table.atoz, #rightArea table.atoz td, #rightArea table.searchResults {
	border:none;
	padding:0;
}
#rightArea table.searchResults td {
	border:none;
	padding:5px 10px;/*font-size:0.85em;*/
}
#rightArea table.searchResults th {
	border-right:2px solid #fff;
	color:#fff;
	background:#003366;
	padding:5px 10px;
	text-align:left;
	font-weight:normal;
}
.searchResults .g {color: #333;}
.searchResults .g .searchResultURL a {
    color: #333;
    display: block;
    font-size: 0.9em;
    padding: 10px 0 0;
    text-decoration: none;
}
#rightArea table.atoz td u {
	padding:0 2px;
}
.refineSearch {
	border: 1px solid #dddddd;
	background:#f2f2f2;
	padding:5px 15px 15px;
	margin:10px 0;
}
.refineSearch ul {
	list-style-type:none;
	margin:5px 0px 10px;
}
.refineSearch ul li {
	display:inline;
	padding:0;
	margin:5px 10px 5px 0;
}
.refineSearch .button {
	width:auto;
	float:none;
	border-left:none;
	/*font-size:0.9em;*/
	padding:8px 20px 7px;
}
.refineSearch input {
	width:300px;
}
/* forms, inputs */
#rightArea input, #rightArea textarea {
	margin:5px 0;
	padding:8px;
	border-color: #7D7D7D #B9B9B9 #B9B9B9 #7D7D7D;
	border-style: solid;
	border-width: 1px;
	font-family:Arial, Helvetica, sans-serif;
}
#rightArea input:focus, #rightArea textarea:focus, #leftArea #searchboxContainer input.box:focus {
	border-color: #B9B9B9 #7D7D7D #7D7D7D #B9B9B9;
	border-style: solid;
	border-width: 1px;
	background:#fff;
}
/* search results */
#rightArea .ektronSearch ul.searchNavigation { padding:0; float:left; clear:both; width:100%;}
#rightArea .ektronSearch ul.searchNavigation li {margin:0; padding:0; border:none; border-bottom:1px solid #fff;}
#rightArea .ektronSearch ul.searchNavigation li a {
	border: 1px solid #999999;
	border-bottom-color:#dddddd;
    margin: 0 3px 0 0;
    padding: 0.5em 1em;
	float:left;
	background:#eeeeee;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #eeeeee, #cccccc); /* for firefox 3.6+ */
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	color:#000; text-shadow:1px 1px 0 #fff;
	line-height:1.2;
}
#rightArea .ektronSearch ul.searchNavigation li a.selected {
	background:#666666;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #666666, #333333); /* for firefox 3.6+ */
	border: 1px solid #333333;
	font-weight:bold;
	text-decoration:none;
	text-shadow:none;
	color:#fff;
	padding: 0.5em 1em;
}
#rightArea .content .ektronSearch div#navbar ul.ektronPaging li {
    border: 1px solid #dddddd;
}
/* @Footer */
#footerOne ul {
	padding:0.5em 0;
}
#footerOne ul li {
	display: inline;
	padding: 0px 5px;
}
#footerOne ul a {
	color: #003399;
	text-decoration: none;
}
#footerOne ul a:visited {
	color: #990099;
}
#footerOne ul a:hover {
	text-decoration: underline;
}
.copyright {
	padding:0.5em 0;
	font-size:0.7em;
	color: #000;
}
#footerContentContainer {
    display:none;
}
/* @Buttons, misc, ie6 */
.rounded {
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.roundedRight {
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
}
.orange {
	background:#ff9900;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#d04114'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#d04114)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ff9900, #d04114); /* for firefox 3.6+ */
	border: 1px solid #DA5924;
	text-shadow:-1px -1px 0 #993300;
	color:#fff;
	text-decoration: none;
	cursor:pointer;
}
.orange:hover, .orange:focus {
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d04114', endColorstr='#bf2507'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#d04114), to(#bf2507)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #d04114, #bf2507); /* for firefox 3.6+ */
	border: 1px solid #cc3a10;
}
.grey {
	background:#eeeeee;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #eeeeee, #cccccc); /* for firefox 3.6+ */
	border: 1px solid #dddddd;
	text-shadow:1px 1px 0 #FFF;
	color:#333;
	text-decoration: none;
	cursor:pointer;
}
.grey:hover, .grey:focus {
	background:#eeeeee;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#eeeeee)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #cccccc, #eeeeee); /* for firefox 3.6+ */
}
/* @ie6 */
*html #searchboxContainer {
	margin: 10px 8px 18px 0;
}
*html #accessibilityContainer {width:300px;}
/* @misc */
div.buttons span {
    position: inherit !important;
}
.topmenu br {margin:0;}
/* @Skip links */
.skip-link{
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.skip-link a {
    left: -99999px;
    position: absolute;
}

.skip-link a:focus, .skip-link a:active {
    background: none repeat scroll 0 0 #0099CC;
    color: white;
    height: auto;
    left: 275px;
    margin: 0 auto;
    padding: 10px 20px 10px 20px;
    position: absolute;
    top: 10px;
    z-index: 9;
}
/* @media queries */
@media screen and (max-width: 480px) {
html {
	-webkit-text-size-adjust: auto;
}
#wrapper {
	width:95%;
	margin:0 auto;
	display:block;
}
#headerThree {
	text-align:center;
}
#headerThree h1 {
	float: none;
	margin: 0;
}
#ATOLogoContainer {
	clear: both;
	float:none;
	margin: 10px auto;
	text-align: center;
	width: 100%;
}
#ATOLogoContainer a {
	display:block;
	float:none;
	margin:0;
}
#ATOLogoContainer img {float:none!important;}
#searchboxContainer {
    clear: both;
    display: inline-block;
    float: none;
    margin: 20px auto;
    width: 250px;
}
#content2Container ul {
	float: none;
}
#content2Container ul li {
	display: inline-block;
	padding: 5px;
	float:none;
}
#contentContainer {float:none;}
#content, #leftArea, #rightArea, #accessibilityContainer {
	width:100%;
	margin:0 auto;
	float:none;
}
#accessibilityContainer {
    clear: both;
    display: inline-block;
    padding: 5px 0;
    text-align: center;
}
#accessibilityContainer ul {float:none;}
#accessibilityContainer ul li {
    display: inline-block;
    float: none;
}
#accessibilityContainer ul li a {float:left;}
#content3Container li.first {
	width: auto;
	display:none;
}
#content3Container li {
    display: inline-block;
    float: none;
    text-align: center;
}
#leftArea ul.taxonomyList li a {
	width: auto;
}
}
/* @Print */
@media print {
body {}
#headerThree, #leftArea, #footerLinksContainer, .TopLink {
	display:none;
	visibility:hidden;
}
#wrapper, #content, #footerOne {
    display: block;
}
div#rightArea {
	width:100%;
	margin: 0;
}
#footerContentContainer {
    display:block;
}
.direction, .more_information, .attention, .stop , .danger  {
	padding:12px 15px 18px 15px;
}
}
/* August 2012 Cyclical Release changes - Colleen Rossi */
li.taxonomyActive{ 
	background-color:Silver;
}