/* Divs */

div#footer { background:#FFFFFF url(../images/footer_bg.gif) repeat-x scroll left top; border-top: 1px solid #DDDDDD; }

#header_bar { width: 984px; height: 54px; margin-bottom: 20px; background: url(../images/webropol_header_bg.gif) repeat-x top left; }
#header_content { background: url(../images/webropol_header_right.gif) no-repeat top right; }
#header_bar_right { line-height: 53px; float: right; font-size: 18px; color: white; margin-right: 5px; }
#header_bar_right ul { list-style: none; padding: 0; margin: 0; height: 23px; }
#header_bar_right li { display: block; float: left; margin: 0; padding-left: 2px; background: url("../images/mainnav_div.gif") no-repeat scroll left center; }
#header_bar_right li div { padding-left: 15px; padding-right: 15px; }
#header_bar_right li.select div { background: url("../images/main_nav_bg_hover.gif") repeat-x scroll left center; }
#header_bar_right a { color: white; }

/*div#body { overflow-x: hidden; }*/



/* Navigation with rounded corners */

.navigation a { font-family: arial; font-size: 13px; color: white; background: url(../images/box_dark_gray_left.gif) left top no-repeat; text-decoration: none; padding-left: 10px; }
.navigation a:visited, .navigation a:hover { color: white; }
/* .navigation a:hover { color: #ccc; } */
.navigation a span { padding-top: 4px; padding-bottom: 3px; background: url(../images/box_dark_gray_tr.gif) right top no-repeat; padding-right: 10px; }
.navigation a, .navigation a span { display: block; float: left; }

.navigation a.selected { background: url(../images/box_blue_left.gif) left top no-repeat; }
.navigation a.selected span { background: url(../images/box_blue_tr.gif) right top no-repeat; }

/* IE5-Mac \*/
.navigation a, .navigation a span { float: none; }
/* End */

ul.navigation { list-style: none; padding: 0; margin: 0; height: 30px; }
ul.navigation li { float: left; margin: 0; margin-right: 3px; }


/* Boxes with rounded corners */

.box_light_gray { background: url(../images/box_light_gray_984.gif) repeat-y top left; width: 984px; }
.box_light_gray_top div { background: url(../images/box_light_gray_tl.gif) no-repeat top left; }
.box_light_gray_top div.square { background: url(../images/box_light_gray_tl_square.gif) no-repeat top left; }
.box_light_gray_top { background: url(../images/box_light_gray_tr.gif) no-repeat top right; }
.box_light_gray_bottom div { background: url(../images/box_light_gray_bl.gif) no-repeat bottom left; }
.box_light_gray_bottom { background: url(../images/box_light_gray_br.gif) no-repeat bottom right; }

.box_light_gray_top div, .box_light_gray_top, .box_light_gray_bottom div, .box_light_gray_bottom { width: 100%; height: 15px; font-size: 1px; }
.box_light_gray_content { margin: 0 20px; }


.box_blue2 { background: #215261 url(../images/box_blue2_tl.gif) no-repeat scroll left top; clear:right; padding-left:10px; }
.box_blue2 div.box_content { background: transparent url(../images/box_blue2_tr.gif) no-repeat scroll right top; padding-right:10px; }
.box_blue2 p { font-family: arial; font-size: 12px; color: white; padding-top: 8px; padding-bottom: 8px; margin: 0; }
.box_blue2_bottom div { background: url(../images/box_blue2_bl.gif) no-repeat bottom left; }
.box_blue2_bottom { background: url(../images/box_blue2_br.gif) no-repeat bottom right; }
.box_blue2_bottom div, .box_blue2_bottom { width: 100%; height: 6px; font-size: 1px; }

.box_blue { background: url(../images/box_blue_tl.gif) no-repeat scroll left top; clear:right; padding-left:10px; }
.box_blue div.box_content { background: transparent url(../images/box_blue_tr.gif) no-repeat scroll right top; padding-right:10px; }
.box_blue p { font-family: arial; font-size: 12px; color: white; padding-top: 8px; padding-bottom: 8px; margin: 0; }
.box_blue_bottom div { background: url(../images/box_blue_bl.gif) no-repeat bottom left; }
.box_blue_bottom { background: url(../images/box_blue_br.gif) no-repeat bottom right; }
.box_blue_bottom div, .box_blue_bottom { width: 100%; height: 6px; font-size: 1px; }


.box_lg { background: url(../images/box_lg_tl.gif) no-repeat scroll left top; clear:right; padding-left:10px; }
.box_lg div.box_content { margin: 0; padding-top: 8px; padding-bottom: 8px; background: transparent url(../images/box_lg_tr.gif) no-repeat scroll right top; padding-right:10px; }
.box_lg h1, .box_lg h2 { margin-top: 2px; }
.box_lg_bottom div { background: url(../images/box_lg_bl.gif) no-repeat bottom left; }
.box_lg_bottom { background: url(../images/box_lg_br.gif) no-repeat bottom right; }
.box_lg_bottom div, .box_lg_bottom { width: 100%; height: 6px; font-size: 1px; }

/*
.report_settings_contents .box_lg div.box_content {padding-left: 20px;}
*/
.box_portal { background: url(../images/portal_tl.gif) no-repeat scroll left top; clear:right; padding-left:10px; }
.box_portal div.box_content { margin: 0; padding-top: 1px; padding-bottom: 2px; background: transparent url(../images/portal_tr.gif) no-repeat scroll right top; padding-right:10px; }
.box_portal h1, .box_portal h2, .box_portal h3, .box_portal h4 { margin-top: 3px; }
.box_portal_bottom div { background: url(../images/portal_bl.gif) no-repeat bottom left; }
.box_portal_bottom { background: url(../images/portal_br.gif) no-repeat bottom right; }
.box_portal_bottom div, .box_lg_bottom { width: 100%; height: 6px; font-size: 1px; }



.box_gray { background: #878588 url(../images/box_gray_left.gif) no-repeat scroll left top; clear:right; padding-left:10px; }
.box_gray div.box_content { background: transparent url(../images/box_gray_right.gif) no-repeat scroll right top; padding-right:10px; }
.box_gray p { font-family: arial; font-size: 12px; color: black; padding-top: 8px; padding-bottom: 8px; margin: 0; }



#tooltip { max-width: 300px; text-align: center; border: 1px solid rgb(130,167,179); padding: 2px 6px 2px 6px; background-color: #f8f8f8; font-family: arial, verdana, sans-serif; font-size: 11px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#customselect { text-align: right; padding-right: 20px; width: 90px; background: url(../images/arrow_down.gif) right no-repeat; }
#customselectholder { border: solid 1px #ccc; overflow: auto; display:none; position:absolute; background-color: #fff; z-index: 100;}
#selectoptions .selectitems { width:100px; padding-left:5px; padding-top:3px; padding-bottom:3px; }
.hoverclass { background-color:#f2f2f2; }
 
.button_blue { background: url(../images/button_middle.gif) repeat-x; color: #fff; padding: 0px; float: left; cursor: pointer; height: 18px; }
.button_blue_right { background: url(../images/button_right.gif) right no-repeat;  padding-left: 5px; float: right; height: 18px; }
.button_blue a, .button_blue a:visited, .button_blue a:hover { color: #fff; }

.button_disabled { background: url(../images/button_middle_disabled.gif) repeat-x; color: #fff; padding: 0px; float: left; cursor: pointer; height: 18px; }
.button_disabled_right { background: url(../images/button_right_disabled.gif) right no-repeat;  padding-left: 5px; float: right; height: 18px; }
.button_disabled a, .button_disabled a:visited, .button_disabled a:hover { color: #fff; }


.menu_light_gray { background: url(../images/box_light_gray_500.gif) repeat-y top left; width: 700px; }
.menu_light_gray_top div { background: url(../images/box_light_gray_tl.gif) no-repeat top left; height: 15px; }
.menu_light_gray_top { background: url(../images/box_light_gray_tr.gif) no-repeat top right; height: 15px; }
.menu_light_gray_bottom div { background: url(../images/box_light_gray_bl.gif) no-repeat bottom left;  height: 15px;}
.menu_light_gray_bottom { background: url(../images/box_light_gray_br.gif) no-repeat bottom right;  height: 15px;}

.menu_light_gray_content .header{text-align: left; padding-left: 15px;}
.menu_light_gray_content div.a, 
.menu_light_gray_content div.b,
.menu_light_gray_content div.c {float:left; width:33%;}
.menu_light_gray_content .separate {height: 156px; border-right: 1px solid #cccccc;}
.menu_light_gray_content .menu_item {margin-left: 10px;}
.menu_light_gray_content .menu_item:hover {background-color: #2070A1; color: white;}
.menu_light_gray_content .menu_item:hover a {color: white;}
.menu_item .out_container {margin-left: 70px;display: table; height: 45px;}
.menu_item .out_container .inn_container {display: table-cell; vertical-align:middle; width:160px;}
.menu_item .out_container .inn_container .item {text-align: left;}
.menu_item .out_container .inn_container .item span {display:block;}

.export_light_gray { background: url(../images/box_light_gray_150.gif) repeat-y top left; width: 150px; }
.export_light_gray_top div { background: url(../images/box_light_gray_tl.gif) no-repeat top left; height: 15px; }
.export_light_gray_top { background: url(../images/box_light_gray_tr.gif) no-repeat top right; height: 15px; }
.export_light_gray_bottom div { background: url(../images/box_light_gray_bl.gif) no-repeat bottom left;  height: 15px;}
.export_light_gray_bottom { background: url(../images/box_light_gray_br.gif) no-repeat bottom right;  height: 15px;}

.export_light_gray .choose-export { margin-left: 10px; margin-bottom: 5px; width: 140px; }
.export_light_gray .choose-export span{ margin-left: 10px; line-height:35px; vertical-align: middle; }
.export-btn { position: relative; line-height: 27px; float:right; cursor: pointer; border: 1px solid #c2c2c2; padding-right: 2px; background: url(../images/export-btn-bckrg.png) repeat-x top left; }
.export-btn img { line-height: 27px; vertical-align: middle; background-color: transparent;}
.export-btn span { line-height: 27px; vertical-align: middle; background-color: transparent;}

.report-action-btn {height: 50px; width: 55px; text-align: center; float: left;}
.report-action-btn span {line-height:9px; font-size: 10px; color: #225364;}

.export-header { margin-bottom: 10px; }

.btn-guide{ background-color: #F0935E; padding: 2px 4px; border: 1px solid #ACACAC; }
.btn-guide:hover{ background-color: #EA7E44; border: 1px solid #AAAAAA; color: 1px solid #AAAAAA; }