@charset "utf-8";

/********
a commented version of this stylesheet is available on the old classic asp site
********/

/* fonts */
@font-face{
	font-family:"Din Text Pro Thin";
	src:url("../fonts/f52919a0-6e9d-4ac5-af00-fa86a42ed03d.eot?#iefix");
	src:url("../fonts/f52919a0-6e9d-4ac5-af00-fa86a42ed03d.eot?#iefix") format("eot"),url("../fonts/33a4f101-57e6-4342-910f-5313482971df.woff2") format("woff2"),url("../fonts/fa12ad4f-21ef-47c6-820c-ee038d64a05e.woff") format("woff"),url("../fonts/4cf45223-91e9-4ecb-af43-b3b860d9d734.ttf") format("truetype"),url("../fonts/980c127d-ad8c-491f-9376-4e91a074ecce.svg#980c127d-ad8c-491f-9376-4e91a074ecce") format("svg");
	font-style: normal;
	font-weight: 300;
}
@font-face{
	font-family:"Din Text Pro Thin Italic";
	src:url("/fonts/d8399a0c-09d6-4c99-8e53-e5e6b8a23894.eot?#iefix");
	src:url("/fonts/d8399a0c-09d6-4c99-8e53-e5e6b8a23894.eot?#iefix") format("eot"),url("/fonts/f6fb80bb-aaf8-4034-aa7d-a980cff1cd92.woff2") format("woff2"),url("/fonts/a2441ea2-6b9f-4993-805c-7bd0d88988eb.woff") format("woff"),url("/fonts/6e2b241f-f5ed-4470-a973-1e374aaf38fd.ttf") format("truetype"),url("/fonts/09bcb2f8-6861-4c29-a5b5-9dea3b96b7fb.svg#09bcb2f8-6861-4c29-a5b5-9dea3b96b7fb") format("svg");
	font-style: italic;
	font-weight: 300;
}
@font-face{
	font-family:"Din Text Pro Medium";
	src:url("/fonts/dcc333e0-c41b-47ab-96af-39fb9f33eb6c.eot?#iefix");
	src:url("/fonts/dcc333e0-c41b-47ab-96af-39fb9f33eb6c.eot?#iefix") format("eot"),url("/fonts/3e2f3f3f-99f8-4aa2-9587-c2f608ab2bd0.woff2") format("woff2"),url("/fonts/029127ca-1ce7-49f1-ba40-b581b7fc68b0.woff") format("woff"),url("/fonts/289a83c5-555d-4279-98b9-6f3a0f24c87e.ttf") format("truetype"),url("/fonts/102eb4ab-c0f8-4576-9a27-3b2aa6f86518.svg#102eb4ab-c0f8-4576-9a27-3b2aa6f86518") format("svg");
	font-style: normal;
	font-weight: 500;
}
@font-face{
	font-family:"Din Text Pro Medium Italic";
	src:url("../fonts/83f0d6b2-5ed4-45d6-b2b4-4b23085102b3.eot?#iefix");
	src:url("../fonts/83f0d6b2-5ed4-45d6-b2b4-4b23085102b3.eot?#iefix") format("eot"),url("../fonts/3f9a002e-48dd-447c-b9dd-561ee213726e.woff2") format("woff2"),url("../fonts/06ecea77-96d1-4da6-a610-c74ca7ab6e78.woff") format("woff"),url("../fonts/565c2eeb-f557-4555-a7cf-806bd587d8b7.ttf") format("truetype"),url("../fonts/43ff9655-1910-4c2d-9aa4-0e42a521af88.svg#43ff9655-1910-4c2d-9aa4-0e42a521af88") format("svg");
	font-style: italic;
	font-weight: 500;
}

div#sideNav em,
div#intro h1,
div#mainContent h2,
div.jCarouselLite h3,
h3#staticHeadline {
	font-family: "din-2014", Arial, sans-serif;
	font-weight: 600;

	/* Enable Ligatures ================ */
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
  
}

html {font-size: 100%; /* IE hack */}
body {
	font: 71% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center;
/*background: #666; */
	background:#e9e9e9;
	color: #293238;/*#666;*/ 
}
* html body {padding-top: 28px}
p { line-height:1.6em; margin-top:0; padding: 0 }
 ul, ul li {list-style: none; margin: 0;padding:0}
li{line-height:1.6em;}
a:link {color:#fe7d19; text-decoration: none; font-weight:bold}
a:visited {color:#fe7d19; text-decoration: none; font-weight:bold}
a:hover {color:#fd1813; text-decoration: underline}
a:active {color:#4c4d4a}
/*h1 {font-size:2.11em; font-weight:normal; color:#0092d2;margin:0;padding:0;}*/
h1 {font-size: 2.438rem; font-weight:normal; color:#0092d2;margin:0;padding:0;}
h2 {font-size:1.85em; font-weight:normal; color:#0092d2;margin:0;padding:0; letter-spacing:-0.02em;}
h3 {font:1.5em/2.0 Verdana, Arial, Helvetica, sans-serif; color:#0092d2; font-weight:normal; margin:0;padding:0}  /* displayed at 16px (Verdana) */
h4 {font:1.6em/1.6 Verdana, Arial, Helvetica, sans-serif; color:#0092d2; font-weight:normal;margin:0;padding:0}
h5 {font-size:1.36em; color:#0092d2;margin:0;padding:0}
h6 {font-size:1.11em; color:#0092d2;margin:0;padding:0}
hr.divider + h6 {padding-top:.5rem }

.txtRight{text-align:right}
.txtCenter{text-align:center}
#header img {border:none; cursor: pointer; cursor: hand;}
/*div#mainContent h2 {width:99%;}*/
.highlight{color:#FF0000; font-style:italic}
.pictureBorder { color: #a0a0a0; border: 1px solid #c7c4c4; padding: 3px; background: #fff; margin: 3px; }
.pictureBorder:hover { color: #a0a0a0; border: 1px solid #666666; padding: 3px; background: #fff; margin: 3px; }

.quick-guide-pnl{background-color:#002663;color:#fff;padding: 10px; margin-top: 5px;}
.quick-guide-pnl .img-wrap{margin: 10px 0} 
.quick-guide-pnl a:link,.quick-guide-pnl a:visited{color:#fff;text-decoration: underline}

.quick-guide-pnl a:hover,
.quick-guide-pnl a:focus,  
.quick-guide-pnl a:active{color:#ffd200}
#mainContent .quick-guide-pnl ul, 
#mainContent .quick-guide-pnl ul li {margin-bottom: 0;margin-top: 0}

.img-wrap img{dsiplay:block; width:100%}


/* Terms --------------------------------*/
hr.divider{color:#D0CDC6;background-color:#D0CDC6;height:1px;margin:0;padding:0;border:none}


/*Skip nav ===========================================================*/
#skipNavigation { background:#666; overflow:hidden; width:100%; padding:0em 0 0 }
A#skip { font-weight:normal; background:none transparent scroll repeat 0 0; left:0; position:absolute; width:100%; display:none; top:0; text-align:center; padding:0 0 1em; color:#666 }
A#skip:visited {color:#666}
A#skip:hover, A#skip:focus, A#skip:active {background:url(/img/aa-01.gif) #CCC no-repeat center bottom; color:#000; text-decoration:none}
/* Header=============================================================*/
#header, #reviewHeader {border-bottom: 1px solid #fff}
#container #banner {margin: 0px; padding: 0px; height: 178px}
div#content {position:relative;}

h1 .strap{font-size:2.2rem;margin-bottom: 20px;display: block}
#intro a,
#intro a:link,
#intro a:visited{
	color:#293238; 
	font-weight: normal;
	text-decoration:underline;
}
#intro a:focus,
#intro a:hover,
#intro a:active {
	color:#f00; 
	font-weight: normal;
	text-decoration:underline;
}
/*#intro {font: 180%/1.7 Georgia, "Times New Roman", Times, serif; color: #a0a0a0; padding: 5px 10px 8px; min-height: 10px;}
#intro {font: 180%/1.6 Tahoma; color: #c0c1c2; padding: 5px 10px 8px; min-height: 10px;}*/
#intro {padding: 5px 10px 8px; min-height: 10px; margin-top: 15px}
#intro p {font-family:"din-2014", Arial, sans-serif; color: #293238;font-weight: 300;font-style: normal; font-size: 1.563rem; line-height: 1.2;}

/* Din Medium */
 #intro h1 {
	line-height:1;
	margin:0;
	padding:0; 
	font-family:"din-2014", Arial, sans-serif;
	font-size:2.563rem;
  font-weight: 600; 
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#intro h1 {
		line-height:1!important;
	}
}
/*#intro p {margin:0 0 0.5em 0; line-height: 1.4;}*/
.replace {
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}
.alert{background-color: #ffd20; padding: 20px 30px 10px 30px; color: #000; margin-bottom: 18px}
#mainContent .alert h2{color:#000; margin-bottom:0}
.replace span {display:block;position:absolute;top:0;left:0;z-index:1; /*for Opera 5 and 6*/}
#reviewHeader #headerTitle, #reviewHeader #headerTitle span { width:780px; height:81px; background-image: url(/img/review-banner.gif); cursor:pointer; border-bottom:1px solid #FFF; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-color: #FFF; border-right-color: #FFF; border-left-color: #FFF; margin-bottom: 1px}
#headerTitle, #headerTitle span {width:780px;height:75px;background-image: url(/img/rnli_strap.gif);cursor:pointer;}
.endorse{ font-size:0.8em; color:#999; margin:0; padding:0 }
.pullout{ padding:10px 10px 0px; border: 1px solid #E1E1E1; background:transparent url(/img/pullout_graduation.gif) repeat-x center bottom; margin-top: 10px; margin-bottom: 10px; }
.pullout p {  margin-bottom: 10px; padding:0 }
/* Side navigation links ===================================*/
/* Side navigation contaniner ------------------------------*/
/* #sideNavContainer {float: left;width: 200px;background: #EBEBEB url(/img/side-bar_bg.gif) bottom} */
#sideNavContainer {float: left;width: 200px;}


/* Side navigation content --------------------------------*/
#sideNav li {padding:5px 0}
#sideNav li a {color:#fe7d19;background:url(/img/link_bullet2.gif) no-repeat left 6px;display:inline-block;padding-left:17px;padding-right:12px;line-height:1.6em}
#sideNav li a.selected,#sideNav li a.selected:hover {color:#293238;background:url(/img/highlight_bg.gif) repeat left 6px;display:block;padding-left:17px;line-height:1.3em;text-decoration:none;cursor:default;border-top:1px solid #999;border-bottom:1px solid #999;padding-bottom:5px;padding-top:5px}

#sideNav li.subsection{padding-bottom:0px;padding-top:0px; margin-bottom:0px;margin-top:0px;}
#sideNav li.subsection a {color:#293238;background:url(/img/highlight_bg.gif) repeat left 6px;display:block;padding-left:17px;text-decoration:none;cursor:default;padding-bottom:5px;padding-top:5px; margin-bottom:0px;margin-top:0px; font-weight:normal}


#sideNav li a:hover {color:#fd1813;background:url(/img/link_bullet2.gif) no-repeat left -64px;display:inline-block;padding-left:17px}
#sideNav ul {list-style:none;margin:0;padding:0}
/*#sideNav {padding: 5px 0px 15px 10px; border-top: 1px solid #99n9}*/
#sideNav {padding: 5px 0px 10px 10px;}
#sideNav p {padding-right: 5px}
#sideNav ul.sub-level {margin-left:18px}

/*closed expander styles*/
#sNav1 a.expanding-link,
#sNav1 a.expanding-link:hover, 
#sNav2 a.expanding-link,
#sNav2 a.expanding-link:hover,
#sNav3 a.expanding-link,
#sNav3 a.expanding-link:hover,
#sNav4 a.expanding-link,
#sNav4 a.expanding-link:hover,
#sNav5 a.expanding-link,
#sNav5 a.expanding-link:hover,
#sNav6 a.expanding-link,
#sNav6 a.expanding-link:hover,
#sNav7 a.expanding-link,
#sNav7 a.expanding-link:hover,
#sNav8 a.expanding-link,
#sNav8 a.expanding-link:hover,
#sNav9 a.expanding-link,
#sNav9 a.expanding-link:hover,
#sNav10 a.expanding-link,
#sNav10 a.expanding-link:hover,
#sNav11 a.expanding-link,
#sNav11 a.expanding-link:hover,
#sNav12 a.expanding-link,
#sNav12 a.expanding-link:hover,
#sNav13 a.expanding-link,
#sNav13 a.expanding-link:hover,
#sNav14 a.expanding-link,
#sNav14 a.expanding-link:hover,
#sNav15 a.expanding-link,
#sNav15 a.expanding-link:hover,
#sNav16 a.expanding-link,
#sNav16 a.expanding-link:hover,
#sNav17 a.expanding-link,
#sNav17 a.expanding-link:hover,
#sNav18 a.expanding-link,
#sNav18 a.expanding-link:hover,
#sNav19 a.expanding-link,
#sNav19 a.expanding-link:hover,
#sNav20 a.expanding-link,
#sNav20 a.expanding-link:hover,
#sideNavContainer #sNav1 a.closedsnav,
#sideNavContainer #sNav2 a.closedsnav,
#sideNavContainer #sNav3 a.closedsnav,
#sideNavContainer #sNav4 a.closedsnav,
#sideNavContainer #sNav5 a.closedsnav,
#sideNavContainer #sNav6 a.closedsnav,
#sideNavContainer #sNav7 a.closedsnav,
#sideNavContainer #sNav8 a.closedsnav,
#sideNavContainer #sNav9 a.closedsnav,
#sideNavContainer #sNav10 a.closedsnav,
#sideNavContainer #sNav11 a.closedsnav,
#sideNavContainer #sNav12 a.closedsnav,
#sideNavContainer #sNav13 a.closedsnav,
#sideNavContainer #sNav14 a.closedsnav,
#sideNavContainer #sNav15 a.closedsnav,
#sideNavContainer #sNav16 a.closedsnav,
#sideNavContainer #sNav17 a.closedsnav,
#sideNavContainer #sNav18 a.closedsnav,
#sideNavContainer #sNav19 a.closedsnav,
#sideNavContainer #sNav20 a.opensnav{ 
background:url(/img/base_expand.gif)
}
/*class added to contents of 2nd demo when they are open*/
#sideNavContainer #sNav1 a.opensnav,
#sideNavContainer #sNav2 a.opensnav,
#sideNavContainer #sNav3 a.opensnav,
#sideNavContainer #sNav4 a.opensnav,
#sideNavContainer #sNav5 a.opensnav,
#sideNavContainer #sNav6 a.opensnav,
#sideNavContainer #sNav7 a.opensnav,
#sideNavContainer #sNav8 a.opensnav,
#sideNavContainer #sNav9 a.opensnav,
#sideNavContainer #sNav10 a.opensnav,
#sideNavContainer #sNav11 a.opensnav,
#sideNavContainer #sNav12 a.opensnav,
#sideNavContainer #sNav13 a.opensnav,
#sideNavContainer #sNav14 a.opensnav,
#sideNavContainer #sNav15 a.opensnav,
#sideNavContainer #sNav16 a.opensnav,
#sideNavContainer #sNav17 a.opensnav,
#sideNavContainer #sNav18 a.opensnav,
#sideNavContainer #sNav19 a.opensnav,
#sideNavContainer #sNav20 a.opensnav{ 
background:url(/img/base_expanded.gif)
}

/* highlighted expanders - open */
#sideNavigation1on #sNav1 a.opensnav,
#sideNavigation2on #sNav2 a.opensnav,
#sideNavigation3on #sNav3 a.opensnav,
#sideNavigation4on #sNav4 a.opensnav,
#sideNavigation5on #sNav5 a.opensnav,
#sideNavigation6on #sNav6 a.opensnav,
#sideNavigation7on #sNav7 a.opensnav,
#sideNavigation8on #sNav8 a.opensnav,
#sideNavigation9on #sNav9 a.opensnav,
#sideNavigation10on #sNav10 a.opensnav,
#sideNavigation11on #sNav11 a.opensnav,
#sideNavigation12on #sNav12 a.opensnav,
#sideNavigation13on #sNav13 a.opensnav,
#sideNavigation14on #sNav15 a.opensnav,
#sideNavigation16on #sNav16 a.opensnav,
#sideNavigation17on #sNav17 a.opensnav,
#sideNavigation18on #sNav18 a.opensnav
#sideNavigation19on #sNav19 a.opensnav{ 
background:url(/img/expand.gif)
}
/* highlighted expanders - closed */
#sideNavigation1on #sNav1 a.closedsnav,
#sideNavigation2on #sNav2 a.closedsnav,
#sideNavigation3on #sNav3 a.closedsnav,
#sideNavigation4on #sNav4 a.closedsnav,
#sideNavigation5on #sNav5 a.closedsnav,
#sideNavigation6on #sNav6 a.closedsnav,
#sideNavigation7on #sNav7 a.closedsnav,
#sideNavigation8on #sNav8 a.closedsnav,
#sideNavigation9on #sNav9 a.closedsnav,
#sideNavigation10on #sNav10 a.closedsnav,
#sideNavigation11on #sNav11 a.closedsnav,
#sideNavigation12on #sNav12 a.closedsnav,
#sideNavigation13on #sNav13 a.closedsnav,
#sideNavigation14on #sNav14 a.closedsnav,
#sideNavigation15on #sNav15 a.closedsnav,
#sideNavigation16on #sNav16 a.closedsnav,
#sideNavigation17on #sNav17 a.closedsnav,
#sideNavigation18on #sNav18 a.closedsnav,
#sideNavigation19on #sNav19 a.closedsnav,
#sideNavigation20on #sNav20 a.closedsnav,
#sideNavigation21on #sNav21 a.closedsnav{  
background:url(/img/expanded.gif) no-repeat left 0px
}
/* Selected side navigation content ----------------------*/
#sideNavigation1on #sNav1 a,
#sideNavigation2on #sNav2 a,
#sideNavigation3on #sNav3 a,
#sideNavigation4on #sNav4 a,
#sideNavigation5on #sNav5 a,
#sideNavigation6on #sNav6 a,
#sideNavigation7on #sNav7 a,
#sideNavigation8on #sNav8 a,
#sideNavigation9on #sNav9 a,
#sideNavigation10on #sNav10 a,
#sideNavigation11on #sNav11 a,
#sideNavigation12on #sNav12 a,
#sideNavigation13on #sNav13 a,
#sideNavigation14on #sNav14 a,
#sideNavigation15on #sNav15 a,
#sideNavigation16on #sNav16 a,
#sideNavigation17on #sNav17 a,
#sideNavigation18on #sNav18 a,
#sideNavigation19on #sNav19 a,
#sideNavigation20on #sNav20 a,
#sideNavigation21on #sNav21 a
{color:#293238;background:url(/img/highlight_bg.gif) repeat left 6px;display:block;padding-left:17px;line-height:1.3em;text-decoration:none;cursor:default;border-top:1px solid #999;border-bottom:1px solid #999;padding-bottom:5px;padding-top:5px;}


#sideNavigation1on #sNav1.expanding-link a,
#sideNavigation2on #sNav2.expanding-link a,
#sideNavigation3on #sNav3.expanding-link a,
#sideNavigation4on #sNav4.expanding-link a,
#sideNavigation5on #sNav5.expanding-link a,
#sideNavigation6on #sNav6.expanding-link a,
#sideNavigation7on #sNav7.expanding-link a,
#sideNavigation8on #sNav8.expanding-link a,
#sideNavigation9on #sNav9.expanding-link a,
#sideNavigation10on #sNav10.expanding-link a,
#sideNavigation11on #sNav11.expanding-link a,
#sideNavigation13on #sNav12.expanding-link a,
#sideNavigation13on #sNav13.expanding-link a,
#sideNavigation14on #sNav14.expanding-link a,
#sideNavigation15on #sNav15.expanding-link a,
#sideNavigation16on #sNav16.expanding-link a,
#sideNavigation17on #sNav17.expanding-link a,
#sideNavigation18on #sNav18.expanding-link a,
#sideNavigation19on #sNav19.expanding-link a,
#sideNavigation20on #sNav20.expanding-link a,
#sideNavigation21on #sNav21.expanding-link a
{ 
	background:url(none) repeat left 6px; 
	color:#293238; 
	display:block; 
	line-height:1.3em; 
	text-decoration:none; 
	cursor:default; 
	border-top:1px solid #999; 
	border-bottom:1px solid #999; 
	padding-top:5px;
	padding-bottom:5px; 
	padding-left:17px; 
}

#sideNav em {
	font-size:1.11em;
	color:#0092d2;
	font-style:normal;
	font-weight:bold;
/*	font:Arial,Helvetica,sans-serif;*/
}
#sideNav p{margin-top:0;}
#mainContent h2 {
	margin-bottom:0;
	margin-top:0; 
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#mainContent h2 {
		line-height:1.2 !important; 
		margin-bottom:12px;
	}
	#mainContent h2.trigger {
		/*line-height:1.5 !important;*/ 
		margin-top: 1.8rem;
	}
}
/* ==============================*/ 
.standard #container {width: 780px;background: #fff; margin: 0 auto;border: 5px solid #fff; text-align: left; left: 10px; top: 15px; right: 10px; bottom: 15px}
.standard #header h1 {margin: 0;}

.standard #mainContent {margin: 0 0 0 210px;padding: 0 5px 0 20px}

.fltrt {float: right; margin-left: 8px}
.fltlft {float: left; margin-right: 8px}
.clearfloat {clear:both;height:0;font-size:0;overflow:hidden;padding:0;margin:0;}
.ctr{text-align:center}

/* Search box ================*/ 
.searchBox { width:191px; background:url(/img/div-bottom.gif) no-repeat bottom left;padding-bottom:10px;position:absolute;top:10px;right:2px;}
.searchBox h3 {margin:0;color:#546f84;background:url(/img/h3-bg.gif) no-repeat top left;padding-top:4px;padding-right:4px;padding-left:4px;font:bold .90em Verdana,Arial,Helvetica,sans-serif}
.searchBox ul {margin:0;padding:14px 10px;list-style:none}
.searchBox li {margin:0 0 6px;padding:0}
.submitGoDownloadButton {margin-left:10px;width:26px;height:20px;border:none;background:transparent url(/img/formbtn_go.gif) no-repeat}
.submitGoDownloadButton:hover {margin-left:10px;width:26px;height:20px;border:none;background:transparent url(/img/formbtn_go_over.gif) no-repeat}
#submitGoButton {margin-left:10px;width:26px;height:20px;border:none;background:transparent url(/img/formbtn_go.gif) no-repeat}
#submitGoButton:hover {margin-left:10px;width:26px;height:20px;border:none;background:transparent url(/img/formbtn_go_over.gif) no-repeat}
/*===========  Global Navigation             ================*/
/*#globalNav { font-size:1.00em; background:#5a6c6e url(/img/global_nav_bg.gif) repeat-x bottom; color:#FFF; text-align:left; margin:0; padding:0; border-top:1px solid #fff; width:780px; }*/
#globalNav { font-size:1.00em; background:#dee0e1 url(/img/global_nav_bg.gif) repeat-x bottom; color:#FFF; text-align:left; margin:0; padding:0; border-top:1px solid #fff; width:780px; }
#globalNav a { color:#002663; text-decoration:none; border-left:2px solid #fff; padding:5px 7px 11px; margin:0; font-family:"din-2014", Arial, Helvetica, sans-serif; display:inline-block;font-weight: 600;font-size: 0.813rem}
#globalNav a:visited {text-decoration:none}
#globalNav a:hover   {color:#fe7d19; text-decoration:underline; background:url(/img/global_nav_selected.gif) no-repeat center bottom}
#globalNav a:active  {color:#fe7d19; text-decoration:underline; background:url(/img/global_nav_selected.gif) no-repeat center bottom}
#globalNav a.first   {border-left:0; background:url(/img/first_bg.gif) no-repeat left center; color:#abb4b8; padding-left:17px; text-decoration:none; display:inline-block}


#globalNav a.first:visited{color:#002663; text-decoration:none;}
#globalNav a.first:hover{color:#fe7d19; text-decoration:underline;}
#globalNav a.first:active{color:#abb4b8; text-decoration:none;}


#globalNav LI {display:inline; margin:0; padding:0; list-style:none}
#globalNavigation1on #gNav1 a, #globalNavigation2on #gNav2 a, #globalNavigation3on #gNav3 a, #globalNavigation4on #gNav4 a, #globalNavigation5on #gNav5 a, #globalNavigation6on #gNav6 a, #globalNavigation7on #gNav7 a, #globalNavigation8on #gNav8 a, #globalNavigation9on #gNav9 a, #globalNavigation10on #gNav10 a {color:#fe7d19; text-decoration:none; cursor:default; background:url(/img/global_nav_selected.gif) no-repeat center bottom}

/* footer           ================*/ 
/*#footer {padding:0 10px 0 20px;background:#28363F url(/img/footer_bg.gif) repeat-x;margin-top:10px;color:#FFF;text-align:center; font-size:0.9em}*/
#footer { padding: 0 10px 0 20px; background:#002663; margin-top: 10px; color: #fff; text-align: center;border-bottom: 5px solid #f28b00; }
#footer li {display:inline;list-style:none}
#footer ul { padding:6px 0; margin:0 }
/*#footer {font-size:0.9em;margin:0;padding:10px 0}
*/#footer a {color:#fff;text-decoration:none;border-left:1px solid #fff;padding-left:10px;padding-right:6px}
#footer a:visited {color:#fff;text-decoration:none}
#footer a:hover {color:#fe7d19;text-decoration:underline}
#footer a:active {color:#5b5d5f;text-decoration:none}
#footer a.first {border-left:0}

#copyright,.copyright a {font-family:Verdana,Arial,Helvetica,sans-serif;color:#999;padding-top:10px;padding-bottom:10px}

/* tables           ================*/
/* table sorter  ---------------*/
table.tablesorter {font-family:arial; margin:10px 0pt 15px;  width: 100%; text-align: left; color:#3a5c5f; background: #62848E}
table.tablesorter { font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 0 15px; width:100%; text-align:left; color:#3a5c5f; background:#62848E; }
table.tablesorter thead tr th, 
table.tablesorter tfoot tr th {border:0 solid #FFF;font-size:8pt;padding:6px;background:#e6EEEE url(/img/bg.gif) no-repeat}
table.tablesorter thead tr .header {cursor:pointer;background:url(/img/bg.gif) no-repeat center right;text-decoration:underline;}
table.tablesorter tbody tr td { font-family:Verdana,Arial,Helvetica,sans-serif; color:#293238; padding:6px 10px; vertical-align:top; line-height:16px; background:#FFF }
table.tablesorter li{ margin:0; padding:0}
table.tablesorter tbody tr td a.xlsx {color:#fe7d19;background:url(/img/link_bullet_sprite.gif) no-repeat right -240px;display:inline-block;padding-right:20px;line-height:16px}
table.tablesorter tbody td a.xlsx:hover {color:#fd1813;background:url(/img/link_bullet_sprite.gif) no-repeat right -270px;display:inline-block;padding-right:20px}
table.tablesorter tbody tr.odd td {background:#F0F0F6}
table.tablesorter tbody tr td.altrow{background:#f0f0f6}
table.tablesorter thead tr .headerSortDown,table.tablesorter thead tr .headerSortUp {background:#8dbdd8}
table.tablesorter thead tr .headerSortUp {color:#000;background:url(/img/asc.gif) no-repeat center right}
table.tablesorter thead tr .headerSortDown {color:#000;background:url(/img/desc.gif) no-repeat center right}
/* links           ================*/
a.linkout{color: #fe7d19; background: url(/img/link_bullet2.gif) no-repeat left 4px; display: inline-block; padding-left: 20px}
a.linkout:hover  { color: #fd1813; background: url(/img/link_bullet2.gif) no-repeat 0px -66px; display: inline-block; padding-left: 20px }
a.pdf{color: #fe7d19; background: url(/img/link_bullet_sprite.gif) no-repeat left -60px; display: inline-block; padding-left: 20px;margin-top:5px;margin-bottom: 5px}
a.pdf:hover{color: #fd1813; background: url(/img/link_bullet_sprite.gif) no-repeat left -90px; display: inline-block; padding-left: 20px;}
a.cancelPDF,a.cancelPDF:hover{background:none !important;display:initial;padding-left:0}
a.cancelPDF::after{display:none}
a.ppt{color: #fe7d19; background: url(/img/link_bullet_sprite.gif) no-repeat left -120px; display: inline-block; padding-left: 20px}
a.ppt:hover{color: #fd1813; background: url(/img/link_bullet_sprite.gif) no-repeat left -150px; display: inline-block; padding-left: 20px}
a.doc{color: #fe7d19; background: url(/img/link_bullet_sprite.gif) no-repeat left -180px; display: inline-block; padding-left: 20px}
a.doc:hover{color: #fd1813; background: url(/img/link_bullet_sprite.gif) no-repeat left -210px; display: inline-block; padding-left: 20px}
a.xlsx{color: #fe7d19; background: url(/img/link_bullet_sprite.gif) no-repeat left -240px; display: inline-block; padding-left: 20px}
a.xlsx:hover{color: #fd1813; background: url(/img/link_bullet_sprite.gif) no-repeat left -270px; display: inline-block; padding-left: 20px}
a.top{color: #fe7d19; background: url(/img/link_bullet_sprite.gif) no-repeat left -295px; display: inline-block; padding-left: 17px}
a.top:hover{color: #fd1813; background: url(/img/link_bullet_sprite.gif) no-repeat left -325px; display: inline-block; padding-left: 17px}
 #mainContent ul li { background: url(/img/bullet.gif) no-repeat left 4px; padding-left: 12px; margin-bottom:0;}/* margin-bottom:0.5rem1.6em*/
 #mainContent  div.jCarouselLite ul li { list-style: none; margin: 0;padding:0; background: none}
 #mainContent table.tablesorter li { margin-bottom:0em}
 #mainContent  ul.h4List li { background: url(/img/bullet.gif) no-repeat left 14px; }
ol li { margin-bottom:1.6em }

#mainContent #tabs {float:left; width:100%}
/*#mainContent #tabs li { background: none; padding-left: 0;  margin-bottom:0}*/
#mainContent ul { margin-left: 8px; margin-top:1.6em; margin-bottom:1.6em }

#tabPanel ul {margin-left: 5px;margin-bottom:0}
#tabs ul.ui-tabs-nav { margin-left: 0; margin-top:0; margin-bottom:0em }
#tabs ul.ui-tabs-nav li { padding-left:0px;margin-bottom:0; margin-left: 0px;}

/* tabbed panel       ================*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {.ui-tabs-hide {display: none}}
/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */

/* Skin 
.ui-tabs-nav,.ui-tabs-panel {font:12px "Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif}
.ui-tabs-nav {list-style:none;margin:0;padding:0 0 0 4px}
.ui-tabs-nav:after {display:block;clear:both;content:" "}
.ui-tabs-nav li {float:left;margin:0 0 0 1px;display:inline;min-width: 84px}
.ui-tabs-nav a,.ui-tabs-nav a span {display:block;padding:0 10px;background:url(/img/tab.png) no-repeat}
.ui-tabs-nav a {margin:1px 0 0;padding-left:0;color:#27537a;font-weight:bold;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;outline:0}
.ui-tabs-nav .ui-tabs-selected a {position:relative;top:1px;z-index:2;margin-top:0;color:#000}
.ui-tabs-nav a span {width:64px;min-width:64px;height:18px;min-height:18px;padding-top:6px;padding-right:0}
*>.ui-tabs-nav a span {width: auto;height: auto}
.ui-tabs-nav .ui-tabs-selected a span {padding-bottom:1px}
.ui-tabs-nav .ui-tabs-selected a,.ui-tabs-nav a:hover,.ui-tabs-nav a:focus,.ui-tabs-nav a:active {background-position:100% -150px}
.ui-tabs-nav a,.ui-tabs-nav .ui-tabs-disabled a:hover,.ui-tabs-nav .ui-tabs-disabled a:focus,.ui-tabs-nav .ui-tabs-disabled a:active {background-position:100% -100px}
.ui-tabs-nav .ui-tabs-selected a span,.ui-tabs-nav a:hover span,.ui-tabs-nav a:focus span,.ui-tabs-nav a:active span {background-position:0 -50px}
.ui-tabs-nav a span,.ui-tabs-nav .ui-tabs-disabled a:hover span,.ui-tabs-nav .ui-tabs-disabled a:focus span,.ui-tabs-nav .ui-tabs-disabled a:active span {background-position:0 0}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {cursor: text}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {cursor: pointer}
.ui-tabs-disabled {opacity: .4;filter: alpha(opacity=40)}
.ui-tabs-panel {border-top: 1px solid #97a5b0;padding: 1em 8px;background: #fff}
.ui-tabs-loading em {padding: 0 0 0 20px;background: url(loading.gif) no-repeat 0 50%}
* html .ui-tabs-nav {display: inline-block}
*:first-child+html .ui-tabs-nav  {display: inline-block}
.standard #container #mainContent #tabPanel #fragment-1, 
.standard #container #mainContent #tabPanel #fragment-2, 
.standard #container #mainContent #tabPanel #fragment-3, 
.standard #container #mainContent #tabPanel #fragment-4, 
.standard #container #mainContent #tabPanel #fragment-5, 
.standard #container #mainContent #tabPanel #fragment-6,

.standard #container #mainContent #tabPanel2 #fragment-7, 
.standard #container #mainContent #tabPanel2 #fragment-8, 
.standard #container #mainContent #tabPanel2 #fragment-9, 
.standard #container #mainContent #tabPanel2 #fragment-10, 
.standard #container #mainContent #tabPanel2 #fragment-11, 
.standard #container #mainContent #tabPanel2 #fragment-12,

.standard #container #mainContent #tabPanel3 #fragment-1, 
.standard #container #mainContent #tabPanel3 #fragment-2, 
.standard #container #mainContent #tabPanel3 #fragment-3, 
.standard #container #mainContent #tabPanel3 #fragment-4, 
.standard #container #mainContent #tabPanel3 #fragment-5, 
.standard #container #mainContent #tabPanel3 #fragment-6
{border-right: 1px solid #97a5b0; border-bottom: 1px solid #97a5b0; border-left: 1px solid #97a5b0; background: url(/img/tab_bot_right.jpg) right bottom}
#mainContent #tabPanel li,
#mainContent #tabPanel2 li,
#mainContent #tabPanel3 li {background: url(none); padding-left: 0px}*/
/* in progress... */
#tooltip.pretty { font-family: Arial; border: 0px; width: 280px; height:155px; opacity: 0.8; background: url(/img/shadow.png) no-repeat; padding:40px 20px 20px; margin-top:20px; margin-left:-30px; font-size: 10pt; }
#tooltip.pretty h3 {margin-bottom: 0em;font-size: 12pt;width: 280px}
#tooltip.pretty div { text-align: left;/**/ padding-right: 25px; padding-left: 25px; }

#tooltip.fancy {background: url('/img/shadow2.png');/*	padding-top: 5em;height: 100px;*/}
#tooltip.fancy.viewport-right {background: url('/img/shadow2-reverse.png')}
form{ margin:0; padding: 0}/*IE  adds space to forms if not set*/

/*
*[accesskey]:before { content: " {" attr(accesskey) "}" }
*[tabindex]:after { content: " [" attr(tabindex) "]" }
*/
/* expanding outlines... */
.container { margin: 0; width: 98% }
h2.trigger, h4.trigger {margin:0 0 0.4em 0; background:url(/img/toggle_button.gif) no-repeat left 6px; padding:0 0 0 25px; cursor:pointer; cursor: hand;}
h2.active,h4.active  {background-position: left -134px}
.toggle_container { overflow:hidden; padding:0 0 0.5em 25px }
#headerTitle a {color:#666}
/* tooltips... */
#demotip {
width:165px; 
display:none; 
background:url(/img/white_arrow.png) no-repeat; 
height:230px; 
color:#000; 
font-size:10px; 
line-height: 11px;
padding:18px 20px 25px; 
font-family:Verdana; 
text-align:left; 
vertical-align: middle;
z-index:9999 !important;
}
#intro a.definition {color:#A0A0A0; border-bottom:1px dotted; font-weight:normal}
a.definition {color:#293238; border-bottom:1px dotted; font-weight:normal}
#intro a.definition:hover, a.definition:hover {color:#fd1813; border-bottom:1px dotted; font-weight:normal;text-decoration: none}

/* revised_tabs... 
#mainContent ul.tabs {margin:0;padding:0;float:left;list-style:none;height:22px;border-bottom:1px solid #999;border-left:1px solid #999;width:100%}
#mainContent ul.tabs li {float:left;margin:0;padding:0;height:21px;line-height:21px;border:1px solid #999;border-left:none;margin-bottom:-1px;overflow:hidden;position:relative;background:transparent url(/img/tab-bg.gif) repeat-x scroll 0 0}

ul.tabs li a {text-decoration:none;color:#293238;display:block;padding:0 10px;border:1px solid #fff;outline:none;font:1.1em "Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif; border-bottom:0px solid #fff;}
ul.tabs li a:hover {background:transparent url(/img/tab_active.gif) no-repeat scroll 0 0;color:#f00;text-decoration:none; border-bottom:0px solid #fff;}
html #mainContent ul.tabs li.active a {color:#fe7d19; text-decoration:none; }
html #mainContent ul.tabs li.active,html #mainContent ul.tabs li.active a:hover {background:#fff;border-bottom:0px solid #fff;text-decoration:none}

.tab_container {border:1px solid #999;border-top:none;overflow:hidden;float:left;width:100%;background:url(/img/tab-panel-bg.jpg)}
.tab_content {padding:10px}*/

/* ----------------------------------------------------------------------------------------------------------------------------------*/

/* jQuery UI CSS Framework re (for tabbbed panels)  */

/* 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); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Component containers
----------------------------------*/
.ui-widget { }
.ui-widget .ui-widget {}
.ui-widget-content { background: #fcfdfd url(/img/ui/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;  }
.ui-widget-content a {}
.ui-widget-header { color: #000; font-weight: bold;border-bottom: 1px solid #a6c9e2;}
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
#tabs .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(/img/ui/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e}
#tabs .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none}
#tabs .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(/img/ui/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987}
#tabs .ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none}
#tabs .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(/img/ui/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009}
#tabs.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none}
#tabs .ui-widget :active {outline: none}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(/img/ui/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/img/ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a}
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a}
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-corner-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-corner-right {  -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-corner-left { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }

/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 1px 8px; text-decoration: none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.02em }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.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 { cursor: text; }
.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 { display: block; padding: 1em 1.4em; background: none; border-top: none; border-right: 1px solid #a6c9e2; border-bottom: 1px solid #a6c9e2; border-left: 1px solid #a6c9e2; }
.ui-tabs .ui-tabs-hide { display: none !important;}
#tabs li {width: auto}

.contactTable { margin: 0px; padding: 0px; }
.contactTable th{ text-align:right;vertical-align: top; padding: 8px 5px 8px 5px;}
.contactTable td{ padding: 8px 5px 8px 5px; vertical-align: top; }

/* Photos
----------------------------------*/
.image-border{ border:1px solid #999; background:#FFF; float:right; padding:5px; margin:5px 0px 5px 5px }

/* Pull-Outs
----------------------------------*/
.rightContent { float:right; margin-left:2px; margin-right:0px; 
}
.rightContent { background:transparent url(/img/pod-3-white-top.gif) no-repeat scroll center top; margin-bottom:12px; overflow:hidden; padding:1px 0 0; position:relative; width:231px; 
}
.rightContent .p3GradBot { background:transparent url(/img/pod-3-rh-gradient-bottom.gif) no-repeat scroll center bottom; overflow:hidden; padding:10px; position:relative; 
}
/* Home page selector
----------------------------------*/
img { border-bottom:medium none; border-left:medium none; border-top:medium none; border-right:medium none }
.selector { margin:0 auto 0; width:780px; overflow:hidden }

/* main image */
#main { background:#FFF }
.main_image {position:relative; width:418px; background:#333; float:left; height:249px; color:#fff; overflow:hidden; font-family:Arial, Helvetica, sans-serif}
.main_image h2 {margin:0; font-weight:normal; padding:10px 10px 0px 18px; font-size:18px; color:#fff;}
.main_image h2 a {font-weight:normal; color:#fff;}
.main_image p { line-height:1.6em; font-size:1.2em; margin:0; padding-bottom: 0px; padding-left: 17px; padding-right:5px}
.main_image .block small {margin-left:10px; }
.main_image .desc {position:absolute; width:100%; bottom:0; display:none; left:0 }
.main_image .block {width:100%; background:#111; border-top:#000 1px solid; padding-bottom:5px }
.main_image a.collapse {position:absolute; text-indent:-99999px; width:93px; background:url(/rotator2_files/btn_collapse.gif) no-repeat left top; height:27px; top:-27px; right:20px}
.main_image a.show {background-position:left bottom}
/* thimbnail */
.image_thumb {width:359px; background:#f0f0f0; float:left; border-top:#ccc 1px solid; border-right:#fff 1px solid }
.image_thumb img {border-bottom:#ccc 1px solid; border-left:#ccc 1px solid; background:#fff; float:left; border-top:#ccc 1px solid; border-right:#ccc 1px solid; padding:5px; cursor: default}
.image_thumb ul { list-style-type:none; margin:0; list-style-image:none; padding:0 }
.image_thumb ul li { border-bottom:#ccc 1px solid; margin:0; width:339px; background:url(/rotator2_files/tab-bg.gif) #f0f0f0 repeat-x; float:left; border-top:#fff 1px solid; border-right:#ccc 1px solid; cursor:pointer; padding:5px 10px }
.image_thumb ul li:hover { background:url(/rotator2_files/button.gif) #ddd; cursor:pointer }
.image_thumb ul li.active {cursor:default}
.image_thumb .block {width:235px; float:left; margin-left:20px; margin-top:5px; padding:0;font:10px normal Arial, Helvetica, sans-serif}
.image_thumb .block p {margin:0; padding:0}
.image_thumb ul li p {display:none}
.image_thumb .block h2, 
.image_thumb .block h2 a:link, 
.image_thumb .block h2 a:visited 
{color:#000;text-decoration:none;cursor:pointer;font-size:18px;font-family:"din-2014", Arial, Helvetica, sans-serif;font-weight:600;line-height: 1.2;letter-spacing: 0px}
.image_thumb .block h2 a:hover, 
.image_thumb .block h2 a:active 
{color:#fe7d19}
.block small { background:url(icon_calendar.gif) no-repeat 0 center; font-size:1em; padding:0 0 0 20px }
.selector h2, 
.selector h2 a:link, 
.selector h2 a:visited, 
.selector h2 a:hover, 
.selector h2 a:active {color:#fff; text-decoration:none; cursor:pointer; margin-bottom:0; font-weight:normal}
.validation { color:#f00; font: bold 1.1em Arial, Helvetica, sans-serif; padding-left:19px;padding-top:2px; margin-left:5px; background: url(/img/warning-triangle.gif) no-repeat;text-align:left; }
div.validation {margin-left:200px}
a.noBackground, a.noBackground:hover {background:none;margin:0;padding:0}
.borderBottom{border-bottom: 1px solid #B8B4A9;margin-bottom:5px;padding:5px;width:340px}

.library-list {margin:0 !important; padding:0 !important; list-style-type:none;}
.library-list li { background: none !important; padding-left: 0px !important;  margin:0.6em 0 !important;}

.staticTable { margin-bottom:12px; border-collapse:collapse; border:solid 1px #aaa; border-bottom:none;}
.staticTable th, .staticTable td {padding:6px 4px; vertical-align:top; text-align:left; border-bottom:solid 1px #aaa;border-left: solid 1px #aaa}
.staticTable thead th {background:#ebeced;}
.staticTable tbody th {border-right:solid 1px #aaa;}
.staticTable tr.altrow {background:#f0f0f6}
.qualityMarkLogo{float:right; padding:0; margin-left:10px}


/* dont-break-out utility class - force wrap
----------------------------------*/
.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
/* home-page - get-educated */
	.get-educated,
	.new{
		background-color: #002663;
		color: #fff;
		border-left: 5px solid #f28b00;
		margin: 0 0px 15px 10px;
		padding: 15px;
	}
div.autoEnrolBanner div:first-of-type{
	float: right; padding-right:110px; width:180px;
} 
	.new h3,
	.get-educated h3{
		font-family: "din-2014", Arial, Helvetica, sans-serif;
		color:#33a8db;
    font-weight: 600; 
	}	
	.get-educated li{
		list-style: disc;
		margin-bottom: 10px;
	}
	.get-educated li a.cancelPDF,
	.get-educated li a,
	.get-educated li p{
/*		font-family:"din-2014", Arial, Helvetica, sans-serif; */
		color:#fff;
		font-weight: 300;
	}

.callout-grey{
	background-color: #e9e9e9;
	margin: 5px 0px 15px 10px;
	padding: 15px;
}
.callout-grey h3{
	font-family: "din-2014", Arial, Helvetica, sans-serif; font-weight: 600;

}
.text-link--arrow::after {
	pointer-events: none;
	content: "";
	position: relative;
	display: inline-block;
	vertical-align: baseline;
	margin-left: 5px;
	margin-right: -16px;
	width: 8px;
	height: 11px;
	background-position: -599px -537px;
	background-size: 619px 573px;
	background-image: url("/img/sprite.svg");
}

.cover{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	margin-top: 10px;
	margin-bottom: 5px;
}

/* Calculators */
.contributionCalculator th.col1{
	border-right: 2px solid #fff;
	background-color:#fff;
}
#pensionableSalary{
	margin-right:20px;
}
#eow-forms.staticTable{
	margin:30px;
}
#AnnSalaryErrorMessage .validation,
#MemContErrorMessage .validation{
	width:300px; display:none; margin-left:200px; text-align:left;
}
#nicontribution_label{
	color:#666;font-weight:normal;
}
/*core calc*/
.standard #mainContent.fullwidth {
	margin: 0 20px;
	padding: 0 5px 0 20px
}
.contributionCalculator {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%
}
.contributionCalculator td {
	font-size: 1.8em;
	height: 36px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif
}
.contributionCalculator th {
	font-size: 12px;
	font-weight: bold;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-bottom: 3px
}
.contributionCalculator {
	height: 36px;
	background-color: #CCC;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	text-align: right
}
.contributionCalculator .col1 {
	background-color: #bce6ed;
	width: 20%;
	border-right: 2px solid #FFF
}
.contributionCalculator td.col1, th.col1 {
	border-right: 2px solid #FFF;
	color: #28363f;
	text-align: right;
	padding-right: 5px
}
.contributionCalculator th.col2, th.col2 {
	border-right: 2px solid #FFF;
	color: #FFF;
	background: #00a0b9 url(/img/calculator/col2-th-bg.gif) repeat-y right;
	font-size: 18px
}
.contributionCalculator th.col3, th.col3 {
	border-right: 2px solid #FFF;
	color: #FFF;
	background: #0092d2 url(/img/calculator/col3-th-bg.gif) repeat-y right;
	font-size: 18px
}
.contributionCalculator th.col4, th.col4 {
	border-right: 2px solid #FFF;
	color: #FFF;
	background: #3b9f37 url(/img/calculator/col4-th-bg.gif) repeat-y right;
	font-size: 16px
}
.contributionCalculator th.col5, th.col5 {
	background: #91ce44 url(/img/calculator/col5-th-bg.gif) repeat-y right;
	border-right: 2px solid #FFF;
	color: #FFF;
	font-size: 18px
}
.contributionCalculator .col2 {
	background-color: #e1f4f7;
	width: 20%;
	width: 20%;
	color: #00a0b9
}
.contributionCalculator .col3 {
	background: #e1f2fa url(/img/calculator/td-bg.gif) no-repeat;
	width: 20%;
	color: #0092d2
}
.contributionCalculator .col4 {
	background: #e8f5e8 url(/img/calculator/col5-bg.gif) no-repeat;
	width: 20%;
	color: #000
}
.contributionCalculator .col5 {
	background: #f2f9e9 url(/img/calculator/col6-bg.gif) no-repeat;
	width: 20%;
	color: #000;
}
.contributionCalculator col.col4 td {
	background: #e8f5e8 url(/img/calculator/col5-bg.gif) no-repeat;
	width: 20%;
	color: #3b9f37
}
.calloutBox {
	background: #f5f6f6;
	padding: 5px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #28363f;
	text-align: center
}
.calloutBox input {
	text-align: right
}
.contributionCalculator em {
	color: #F00;
	font: bold 20px Arial, Helvetica, sans-serif;
	margin-right: 2px;
	margin-top: 20px;
	padding-top: 20px
}
.contributionCalculator .col4 span {
	font-weight: bold
}

/* Homepage */
.reviewBanner {
	color: #FFF;
	background: #ff7a14 url(/img/review-link-bg.gif) no-repeat right;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	height: 48px;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px
}
.reviewBanner a:link {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
}
.reviewBanner a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
}
.reviewBanner a:hover {
	color: #fff;
	text-decoration: underline;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
}
.reviewBanner a:active {
	color: #fff
}
.reviewBanner {
	color: #FFF;
	background: #ff7a14 url(/img/review-link-bg.gif) no-repeat right;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	height: 48px;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px
}
.reviewBanner a {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
}
.autoEnrolBanner {
	color: #FFF;
	background: #0193d3 url(/img/review-link-bg.gif) no-repeat right;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	height: 48px;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px
}
.autoEnrolBanner a:link {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
}
.autoEnrolBanner a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
}
.autoEnrolBanner a:hover {
	color: #fff;
	text-decoration: underline;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
}
.autoEnrolBanner a:active {
	color: #fff
}
.autoEnrolBanner {
	color: #FFF;
	background: #0193d3 url(/img/auto-enrol-link.gif) no-repeat right;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	height: 48px;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px
}
.autoEnrolBanner a {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
}
.salExchangeBanner {
	color: #FFF;
	background: #ff7a14 url(/img/review-link-bg.gif) no-repeat right;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	height: 48px;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px
}
.salExchangeBanner a:link {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
}
.salExchangeBanner a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
}
.salExchangeBanner a:hover {
	color: #fff;
	text-decoration: underline;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
}
.salExchangeBanner a:active {
	color: #fff
}
.salExchangeBanner {
	color: #FFF;
	background: #009999 url(/img/sal-exchange-link-bg.gif) no-repeat right;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	height: 48px;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px
}
.salExchangeBanner a {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
}
em.table_footnote_amp {
	color: #F00;
	font: bold 20px Arial, Helvetica, sans-serif;
	margin-right: 2px;
	margin-top: 20px;
	padding-top: 20px;
}
/* matching contribution styles */

.contributionCalculator.matching td {
	font-size: 1.8em;
	height: 36px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.contributionCalculator.matching td.col1, th.col1 {
	border-right: 2px solid #FFF;
	color: #28363f;
	text-align: right;
	padding-right: 5px;
}

.contributionCalculator.matching th.col1 {
	background-color: #bce6ed;
	width: 20%;
	border-right: 2px solid #FFF;
}
.contributionCalculator.matching td.col1 {
	background-color: #FFF;
}

.contributionCalculator.matching th.col3, th.col3 {
	border-right: 2px solid #FFF;
	color: #FFF;
	background: #3b9f37 url(/img/calculator/col4-th-bg.gif) repeat-y right;
	font-size: 16px;
}
.contributionCalculator.matching .col3 {
	background: #e8f5e8 url(/img/calculator/col5-bg.gif) no-repeat;
	width: 20%;
	color: #3b9f37;
}
.contributionCalculator.matching th.col4, th.col4 {
	border-right: 2px solid #FFF;
	color: #FFF;
	background: #0092d2 url(/img/calculator/col3-th-bg.gif) repeat-y right;
	font-size: 18px;
}
.contributionCalculator.matching .col4 {
	background: #e1f2fa url(/img/calculator/td-bg.gif) no-repeat;
	width: 20%;
	color: #0092d2;
}