@charset "utf-8";

/******** map ********/
#map {margin : auto; width : 853px; height : 500px; }
/* #map tspan { font-size:8px; font-family: Verdana; color:#FFFFFF; line-height:1.8em; } */
#map img { margin : 0; padding: 0; max-width: 100%;}
#map-small {width : 180px; height : 250px; float:right;}
#map-small img { margin : 0; padding: 0; max-width:100%;}
#map-small .olControlLayerSwitcher { width: 180px; normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:1.8em;}
#map-small .labelSpan { normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:1.8em;}
#map-small .dataLlb { normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:1.8em;}

/********** registration form **********/
.formbackground { float:left; width:600px; margin:5px 5px; padding:20px 0 0 0; background:#f7faf9; border:1px solid #e8e6e6; }
/********** contact form **********/
#registrationform { margin:0; padding:5px 10px; }
#registrationform * { color:#7a7a7a; }
#registrationform ol { margin:0; padding:0; list-style:none; }
#registrationform li { margin:0; padding:0; background:none; border:none; display:block; }
#registrationform li.buttons { margin:5px 0 5px 0; }
#registrationform label { float:left; margin:0; width:550px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#2b2b2b; text-transform:capitalize; }
#registrationform ul li label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#2b2b2b; text-transform:capitalize; }
#registrationform label span { font:normal 10px Arial, Helvetica, sans-serif; }
#registrationform input.text { width:550px; border:1px solid #ececec; margin:5px 0; padding:5px 2px; height:15px; background:#fff; }
#registrationform textarea { width:550px; border:1px solid #ececec; margin:10px 0; padding:2px; background:#fff; height:150px; }
#registrationform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF; }
/************* small layout for popup windows and no navigation **********/
.body_resize_small { width:678px; margin:0 auto; padding:0; background: #fff; border:0; }
.body_resize_small h1 { font:normal 28px Arial, Helvetica, sans-serif; color:#3a3a3a; padding:5px 5px 15px 15px; margin:0; }
.body_resize_small h2 { font:normal 20px Arial, Helvetica, sans-serif; color:#3a3a3a; padding:5px 5px 15px 15px; margin:0; }
.body_resize_small h3 { font:normal 18px Arial, Helvetica, sans-serif; color:#3a3a3a; padding:5px 5px; margin:0; }
.body_resize_small h4 { font:normal 16px Arial, Helvetica, sans-serif; color:#3a3a3a; padding:5px 5px; margin:0; }
.body_resize_small h5 { font:normal 14px Arial, Helvetica, sans-serif; color:#3a3a3a; padding:5px 5px; margin:0; }
.body_resize_small p { font:normal 12px Arial, Helvetica, sans-serif; color:#565656; padding:5px 15px; margin:0; line-height:1.8em; }
.body_resize_small li { text-align:left; font:normal 12px Arial, Helvetica, sans-serif; }
.main_content_small { width:578px; margin:0; padding:25px 50px; font: normal 14px Arial, Helvetica, sans-serif; }
.main_content_small a { color:#75c9e0; text-decoration:none; font: bold 13px Arial, Helvetica, sans-serif; }
.main_content_small img { border-style: none; display: block; margin-left: auto; margin-right: auto;}


.display { background:#f3f3f3;  margin: 20px 0px; padding:5px 5px;}
.matrix_image {float:left; width=300px; border=1px solid #ff0; }
.matrix_image img {width=300px; }
.main_content { width:878px; margin:0 auto; padding:25px 50px; font: normal 14px Arial, Helvetica, sans-serif; }
.main_content p { font:normal 12px Arial, Helvetica, sans-serif; color:#565656; padding:5px 15px; margin:0; line-height:1.8em;}
.main_content_right { width:530px; margin:0 auto; padding:5px 50px; font: normal 14px Arial, Helvetica, sans-serif; }
.main_content_right h2 { font:normal 20px Arial, Helvetica, sans-serif; color:#3a3a3a; padding:5px 5px 5px 0px; margin:0; }
.main_content_right p { font:normal 12px Arial, Helvetica, sans-serif; color:#565656; padding:5px 15px; margin:0; line-height:1.8em;}
.main_content_right ul { list-style-type:square; list-style-position:inside;}
.main_content_right li { font:normal 12px Arial, Helvetica, sans-serif; color:#565656; padding:0px 15px; margin:0; line-height:1.8em;}
.main_content img { border-style: none; }
.display_left { width:450px; float:left; margin:0; padding: 10px 10px; font: normal 14px Arial, Helvetica, sans-serif; }
.display_right { width:300px; float:right; margin:0; padding: 8px 10px; font: normal 14px Arial, Helvetica, sans-serif; text-align: right; }
.display_right img {margin:0; padding:0;}
.img_center {   display: block;   margin-left: auto;   margin-right: auto; }

.table_legend { font: normal 10px Arial, Helvetica, sans-serif; }
.table_legend th { font: normal 16px Arial, Helvetica, sans-serif; text-align: left; }
.table_legend td { font: normal 14px Arial, Helvetica, sans-serif; }

.target_period_formset { padding: 20px 0px; }
.target_period_formset .display_left { width:750px; float:left; margin:0; padding: 10px 10px; font: normal 14px Arial, Helvetica, sans-serif; }
.target_period_formset .display_right { width:70px; float:right; margin:0; padding: 8px 10px; font: normal 14px Arial, Helvetica, sans-serif; text-align: right; }
.target_period_formset table { width:350px; }
.target_period_formset th { background: none; font: normal 16px Arial, Helvetica, sans-serif; text-align: left; }

.display_options legend { font: normal 16px Arial, Helvetica, sans-serif; }
.display_options label { font: normal 12px Arial, Helvetica, sans-serif; }
.display_options td { padding: 0 15px; }
.info td { font: normal 14px Arial, Helvetica, sans-serif; }
.hidden { display: none; position: relative; }

.rank td { font: normal 14px Arial, Helvetica, sans-serif; text-align:right}
.rank_results td { font: normal 14px Arial, Helvetica, sans-serif; text-align:right; border:1px solid black;}

/*
.matrix { font:normal 12px Arial, Helvetica, sans-serif; }
.matrix table td { border:1px solid black; font:normal 12px Arial, Helvetica, sans-serif; padding-right:5px; padding-left:5px;}
.matrix table th { border:1px solid black; font:normal 12px Arial, Helvetica, sans-serif;}
.matrix table tr { border:1px solid black; font:normal 12px Arial, Helvetica, sans-serif;}
.matrix table a { font:bold 12px Arial, Helvetica, sans-serif; color:#000000;}
*/


#loading { float:center; width:100%; }
#loading img { display: block; margin-left: auto; margin-right: auto;}

#aaf { width:80%; float:left; margin:0; padding:20px 10px; }

p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }

.main_content { margin:0; padding:25px 50px; font: normal 14px Arial, Helvetica, sans-serif; }
.main_content_small { width:578px; margin:0; padding:25px 50px; font: normal 14px Arial, Helvetica, sans-serif; }
.left { float:left; margin:0; font: normal 14px Arial, Helvetica, sans-serif; }
.right { float:right; margin:0; padding: 0px 25px; font: normal 14px Arial, Helvetica, sans-serif; text-align: right; }
.lefts { width:300px; float:left; margin:0; font: normal 14px Arial, Helvetica, sans-serif; }
.rights { width:150px; float:right; margin:0; padding: 0px 25px; font: normal 14px Arial, Helvetica, sans-serif; text-align: right; }
.hidden { display: none; position: relative; }
.display { background:#f3f3f3;  margin: 10px 0px;}
.info td { font: normal 14px Arial, Helvetica, sans-serif; }
.rank td { font: normal 14px Arial, Helvetica, sans-serif; text-align:right}
.rank_results td { font: normal 14px Arial, Helvetica, sans-serif; text-align:right; border:1px solid black;}

/******** slider ******* */
#slider { width: 100%; height: 419px; float: left; margin: 0; }
#slider h3 { font-weight: normal; color: #fff; font-size: 24px; width: 215px; float: left; }
#slider span.author { float: right; text-align: right; width: 120px; font-size: 12px; color: #000; margin-top: 8px; }
div#slideshow { float: left; width: 100%; height: 419px; }
.slider-item { width: 100% !important; height: 419px; }
.slider_center { width: 960px; margin-left: auto; margin-right: auto; }
.slider_content { float: left; margin-top: 100px; width: 629px; height: 195px; position: relative; left: 0; }
.slider_content_inner { float: left; width: 530px; padding: 15px; }
.slider_content .small { float: left; width: 400px; padding: 15px; }
.slider_content_inner h2 { font:normal 26px/1.4em Arial, Helvetica, sans-serif;}
.slider_content_inner p { margin: 10px 0px 8px 0px; float: left; clear: both; width: 100%; display: block; font:normal 13px/1.6em Arial, Helvetica, sans-serif;}
.slider_content_inner h2.simple_1 { color: #FFF;}
.slider_content_inner p.simple_1 { color: #de9062;}
.slider_content_inner h2.simple_2 { color: #FFF;}
.slider_content_inner p.simple_2 { color: #caeaff;}
.slider_content_inner h2.simple_3 { color: #FFF;}
.slider_content_inner p.simple_3 { color: #cecece;}
.slider_content_inner h2.simple_4 { color: #000000;}
.slider_content_inner p.simple_4 { color: #6c6c6c;}
.slider_content_inner img { border: none; }
.controls-center { width: 960px; margin-left: auto; margin-right: auto; }
#slider_controls { float: right; position: relative; top: -18px; margin:0; z-index: 1000; width:960px;}
#slider_controls ul { margin: 0 auto; padding: 0; width:100px;}
#slider_controls ul li { margin: 0; padding: 0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width: 11px; height: 11px; background:url(../images/slider_nav_normal.gif) no-repeat center center; display: block; float: left; padding: 2px; margin:2px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url(../images/slider_nav_active.gif) no-repeat center center; }

.infoicon { border: 0; width: 25px; }
ul.sidebyside { padding:5px; list-style:none; float:left; }
ul.sidebyside li { background: none; }

.uparrow { width: 25px; height: 25px; background:url(../images/arrow_up.png) no-repeat center center; display: block; float: right; padding: 0px; margin:0px; outline: none; }
.downarrow { width: 25px; height: 25px; background:url(../images/arrow_down.png) no-repeat center center; display: block; float: right; padding: 0px; margin:0px; outline: none; }