@charset "utf-8";

.clear{ clear: both;}
.border_none{ border: none !important;}
.border_right_none{ border-right: none !important;}
.border_left_none{ border-left: none !important;}
.bg_none{ background-image: none !important;}
.align_left{ float: left !important;}
.align_right{ float: right !important;}
.padding_right_0{ padding-right: 0px !important;}
.margin_right_0{ margin-right: 0px !important;}


body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #fff; background-attachment:fixed; width: 100%;}

#container{ width: 100%;}

#header{ background: url(../graphics/header-bg-logout.jpg) repeat-x; width: 100%; height: 103px; position: fixed; top:0px; left: 0px; z-index: 8999;} 
.header{ width: 1000px; margin: 0  auto;}
.header h1{ /* width: 280px; */ height: 78px; float: left; padding:0; }   /* width: 223px; height: 30px; */ /* padding: 27px 0 0 30px; */ 
.header h1 a{ display:block;} 
.header_right{ width: 525px; float: right; margin: 15px 17px 0 0;}
.header_right .input_bg label {font-size: 12px; color: #6c6c6c; position:absolute; top:0px; left:0; margin:10px 0 0 12px;}
.header_right .input_bg{width: 192px; height: 32px; margin-right: 10px; float: left; position:relative;}
.header_right .input_bg input{ width: 180px; background: none; border: none; font-size: 12px; color: #6c6c6c; padding: 8px 0 6px 12px;}
.header_right input[type=submit]{background: url(../graphics/header-input-bg.png) no-repeat; width: 93px; text-align: center; border: none; font-size: 12px; color: #fff; float: left; cursor: pointer; padding: 7px 0 9px 0;}
.header_right a{ display: block; color: #777; font-size: 11px; float: left; margin-right: 80px; margin-top: 4px;}
.header_right a:hover{ color: #0284c8;}

.login_box { background: url(../graphics/login-bg.png) no-repeat; width: 515px; height: 208px; padding: 25px 0 0px 165px;   position: relative;} /* padding: 25px 0 0px 30px; */
.login_box form#signin-form { width: 350px; }
.login_box h2{ font-family: 'LatoBold'; font-weight: normal; color: #000000; font-size: 32px; padding-bottom: 5px;}
.login_box h2 span{ font-family: 'LatoLight'; font-weight: normal;}
.login_box .input_bg label {font-size: 12px; color: #6c6c6c; position:absolute; top:0px; left:0; margin:8px 0 0 12px;}
.login_box .input_bg{background: url(../graphics/login-input-bg.png) no-repeat; width: 322px; height: 32px; margin-top: 10px; position:relative;}
.login_box .input_bg input{ width: 310px; background: none; border: none; font-size: 12px; color: #6c6c6c; padding: 8px 0 8px 12px;}
.login_box input[type=submit]{background: url(../graphics/submit-bg.png) no-repeat; width: 117px; height: 37px; text-align: center; border: none; font-size: 14px; font-weight: bold; color: #fff; float: right; margin: 20px 30px 0 0; cursor: pointer;}
.login_link{ float: left; width: 180px; line-height: 18px; padding-top: 18px;}
.login_link a{ display: block; color: #0284c8; font-size: 11px;}

#footer{ background: #fff; width: 100%; height: 50px; position: fixed; bottom: 0px; left: 0px; z-index: 8999;}
.footer{ /* width: 100% 948px */; margin: 0  auto; padding: 0 120px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-top: 1px solid #ccc; }
.footer h2{ font-size: 14px; text-transform: uppercase; color: #777; display: block; font-weight: normal; float: left; margin-top: 20px;}
.footer ul{ margin: 20px 0 0 0; float: left;}
.footer ul li{ float: left; display: block; margin: 0 0 0 25px;}
.footer ul li a{ color: #555; text-decoration: none;}
.footer_logo{ float: right; padding-top: 15px;}
.footer_logo a{ float: left; display: block; margin-right: 20px;}

.main{ width: 100%; margin:0 auto; margin-top: 103px; margin-bottom: 50px;}
#content{ background-color: #fff ; width:941px; min-height: 500px; margin: 0 auto;  padding:25px 30px 30px 30px;}
#content h1{font-family: arial, helvetica, sans-serif; font-weight: normal;color:#C02233; font-size:28px; /* text-transform:uppercase; */ padding-bottom:20px;}
#content a{ color: #0284c8;}
#content a:hover{ color: #000;}
#container.login .main{ margin-top: 136px;}


.partner{ padding:0}
.partner p{ font-family:Arial, Helvetica, sans-serifl; font-size:12px; color:#464646; line-height:18px;}
.partner p a{ color:#0284c8; text-decoration:underline;}
.partner p a:hover{ color:#0284c8; text-decoration:underline;}
.margin{ height:100px; padding:0; }
.quote{background: url(../graphics/quote_bg.png) no-repeat; height:66px; width:907px; margin:0 auto; margin-top:10px; }
.quote p{font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#707070; font-style:italic; padding: 3px 0 0 31px;}
.partner .middle{ padding:22px 0 0 0; }
.partner .middle img{ float:left; background:#f8f8f8; border:1px solid #e4e4e4; padding:5px; } 
.partner .middle ul{ list-style:none; padding:0 0 0 26px; float:left; }
.partner .middle ul li{ background:url(../graphics/icon1.png) no-repeat 0 14px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7b7b7b; line-height:30px; padding:0 0 0 10px; }


.functional_role{ padding:32px 0 0 0;}
.functional_role .role{ padding:0; width:197px; float:left; margin-right:2px}
.functional_role .hd{ padding:0 0 0 17px;  background:url(../graphics/functional.png) repeat-x; height:37px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#303030; font-weight:bold; line-height:37px; }
.functional_role .md{ padding:0}
.functional_role .md ul{ list-style:none;}
.functional_role .md ul li{ /* height:37px; */ line-height:27px; padding:0 0 0 17px; background:#e0e0e0}
.functional_role .md ul li a{ text-decoration:underline; color:#0284c8;}
.functional_role .md ul li a:hover{ text-decoration:underline; color:#000;}
.functional_role .md .bg_c{background:#f0f0f0}

.functional_role .phn_number{ padding:0; width:172px; float:left; margin-right:2px}
.functional_role .availability{ padding:0; width:365px; float:left; margin-right:2px}

.setting{ padding:0; width:940px;}
.setting .boxtop{ padding:0;}
.setting .boxbottom{ float:left; padding:0;}
.setting .s_box_middle { padding:0 20px; background:url(../graphics/setting_box_middle.png) repeat-y; width:900px; float:left; }
.setting h2 { color:#262626; font-size:20px; font-family:'LatoLight'; text-transform:uppercase; padding:0 0 21px 0; }
.setting .field{ float:left; padding:3px 20px 3px 0}
.setting input { color: #a7a7a7 !important; font-size: 12px; font-style:normal;}
.setting .field label{ width:101px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#464646; padding-top: 8px;} 
.setting .field .name_field{ float:left; background:url(../graphics/setting_input_bg.png) no-repeat; width:300px; height:30px;}
.setting .field .name_field input{ width:285px; background:none; border:none; padding: 6px 5px 8px 10px; color:#464646} 
.setting .field .email_field{ float:left; background:url(../graphics/email_address_bg.png) no-repeat; width:461px; height:30px;}
.setting .field .email_field input{ width:446px; padding: 6px 5px 8px 10px; background:none; border:none; font-style:italic; color:#a7a7a7; font-size:12px} 

.setting .s_box_middle p.get-pwd-msg { width:640px; font-size: 16px; margin: 0 0 12px 0; line-height: 120%; }
.setting .s_box_middle p.get-pwd-err { width:640px; font-size: 16px; margin: 0 0 12px 0; color:red; line-height: 120%; }

.setting .field .multi1{ float:left; background:url(../graphics/multi1.png) no-repeat; width:120px; height:30px; margin-right:20px}
.setting .field .multi1 input{ width:105px; padding: 6px 5px 8px 10px; background:none; border:none; color:black /* #464646 */;} 

.setting .field .multi2{ float:left; background:url(../graphics/multi2.png) no-repeat; width:100px; height:30px; margin-right:20px}
.setting .field .multi2 input{ width:85px; padding: 6px 5px 8px 10px; background:none; border:none; color:#464646} 

.setting .field .multi3{ float:left; background:url(../graphics/multi3.png) no-repeat; width:181px; height:30px; margin-right:20px}
.setting .field .multi3 input{ width:166px; padding: 6px 5px 8px 10px; background:none; border:none; color:#464646} 

.setting .field .multi4{ float:left; background:url(../graphics/multi4.png) no-repeat; width:64px; height:30px; margin-right:20px}
.setting .field .multi4 input{ width:49px; padding: 6px 5px 8px 10px; background:none; border:none; color:#464646} 

.setting .field .message_field{ float:left; background:url(../graphics/setting_textarea.png) no-repeat; width:741px; height:182px;}
.setting .field .message_field textarea{ width:725px; height:168px; padding: 6px 5px 8px 10px; background:none; border:none; color:#a7a7a7; font-size: 12px; font-style:italic; font-family:Arial, Helvetica, sans-serif;} 

.setting .field .message_group{ float:left; background:url(../graphics/setting_textgroup.png) no-repeat; width:441px; height:104px;}
.setting .field .message_group textarea{ width:425px; height:90px; padding: 6px 5px 8px 10px; background:none; border:none; color:#a7a7a7; font-size: 12px; font-style:normal; font-family:Arial, Helvetica, sans-serif;} 

.setting .setting_left{ float:left; width:480px; margin-top: 4px;}
.setting .field .checkbox_field { padding:8px 20px 0 0; float:left; color:#464646;} 
.setting .field .checkbox_field input[type='checkbox']{ float:left; margin-right:7px} 
.setting .field .checkbox_field input[type='radio']{ float:left; margin-right:7px;} 
.setting .field .select_field{ float:left;}
.setting .field .select_field select{ width:160px; height:25px; margin-right:18px} 
.setting .setting_right{ float:left; width:362px; margin-top: 14px;}
.setting .field_req{ float:left; padding:24px 40px 9px 104px; }
.setting .field_req label{  float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:italic; color:#464646; line-height:24px; padding-right:20px}
.setting .field_req .req_field{ float:left; background:url(../graphics/multi1.png) no-repeat; width:102px; height:24px; padding:3px 9px; margin-right:20px}
.setting .field_req .req_field input{  width:97px; height:19px; background:none; border:none; margin-left:3px; color:#464646} 

.setting_btn{ float: right; width: 200px; margin-top: 16px; margin-right:300px; }
.setting .reset_buton{ background:url(../graphics/button1.png) no-repeat; height: 32px; display: block; text-align:center; width:93px; border:none; color:#fff !important; font-style: normal; font-size:14px; cursor:pointer; float:left; margin-right:14px;}
.setting .submit_buton{ background:url(../graphics/button2.png) no-repeat; height: 32px; display: block; text-align:center; width:93px; border:none; color:#fff !important; font-style: normal; font-size:14px; cursor:pointer; float:left;  }
.setting_btn_register { float: right; width: 200px; margin-top: 16px; margin-right:300px; }
.setting_btn_recover  { float: right; width: 200px; margin-top: 16px; margin-right:95px; }






.setting_right .field, .setting_right .field{ padding-right: 0px; padding-top: 0;}
.setting .field label span{ color: #739401; font-size: 10px; display: block; margin-top: 7px;}
#container.login #header{ background: url(../graphics/login-header-bg.jpg) repeat-x 0 0 #fff; height: 136px;}
#container.login .header_right{ width: 600px; height: 63px; }
.search_box{ float: left; width: 360px; }
.header_right .search_box .input_bg{height: 32px; width: 302px;margin-right: 2px; margin-bottom: 8px;}
.search_box .input_bg input[type=text] { background: none; width: 275px; font-size: 12px; border:1px solid #ccc;}
.header_right .search_box input[type=submit]{background: url(../graphics/search-img.png) no-repeat; height: 32px; width: 37px; font-size: 0px; display: block; line-height: 0px; text-indent: -9999px;}
.search_box input[type=radio]{ float: left; margin: 0; padding: 0;}
.search_box span{ float: left; color: #777; font-size: 12px; display: block; margin: 1px 10px 0 4px;}

.header_link{ float: right; }
.header_link ul li, .user_name span{ padding:0 9px; display: block; float: left; }
.header_right .header_link a{ display: block; margin: 0 0 0 0;}
.user_name{ margin: 30px 0 0 0; color: #777; font-size: 10px; text-align: right; float: right;}

.menu{ padding-top: 15px;}
.menu ul{margin: 0 0 0 20px;}
.menu ul li           { float: left; font-size: 10px; font-family: 'LatoRegular'; font-weight: normal; width: 94px; text-align: center; background: url(../graphics/menu-seprater.png) no-repeat right top; line-height: 16px; vertical-align: middle; display: table; height: 30px; }
.menu ul li#tab-home  { float: left; font-size: 10px; font-family: 'LatoRegular'; font-weight: normal; width: 58px; text-align: center; background: url(../graphics/menu-seprater.png) no-repeat right top; line-height: 16px; vertical-align: middle; display: block; height: 30px; }
.menu ul li#tab-index { float: left; font-size: 10px; font-family: 'LatoRegular'; font-weight: normal; width: 68px; text-align: center; background: url(../graphics/menu-seprater.png) no-repeat right top; line-height: 16px; vertical-align: middle; display: block; height: 30px; }
.menu ul li a         { width:94px; height:30px;  color: #333; text-decoration: none; text-transform: uppercase; display:table-cell; vertical-align:middle; }
.menu ul li span      { /*padding-top: 7px;*/ display: block; }
.menu ul li a:hover   { color:#eb7644; }


/* disclamer popup */

#license      { position: fixed; top:20%; display:none; z-index:99999; width:100%; margin:0; padding: 0; }
.disclamer    { text-align: left; background:url(../graphics/disclamer_content_bg_490x440.png) repeat-x; width:480px; height:420px; padding:12px 22px 10px 22px; border: 5px double #AAAAAA; }
.disclamer h1 { margin: 0 auto; font-family:'LatoBold'; color:#000000; font-size:32px; text-transform:uppercase; padding-bottom:5px!important;}
.disclamer p  { padding:0 0 15px 0; color:#464646; line-height:18px; font-size:12px}

/* search_pu4 popup */
.search_pu4{ background:url(../graphics/search_pu4_vertical_bg.png) no-repeat; width:606px; height:576px; padding:30px 50px 10px 50px;}
.search_pu4 .img_main{ text-align:center}
.search_pu4 .functional_role_popup{ padding:0;}
.functional_role_popup{ padding:32px 0 0 0;}
.functional_role_popup .role{ padding:0; float:left;}
.functional_role_popup .hd{ padding:0 0 0 17px;  background:url(../graphics/functional.png) repeat-x; height:37px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#303030; font-weight:bold; line-height:37px; margin-top:11px }

.functional_role_popup .inner{background:url(../graphics/functional_role_bg.png) repeat-y; width:606px; float:left; margin:2px 0 0 0; line-height:24px}
.functional_role_popup .inner1{background:url(../graphics/functional_role_bg1.png) repeat-y; width:606px; float:left; margin:2px 0 0 0; line-height:24px}
.functional_role_popup h2{ padding:7px 0px 7px 16px; font-size:12px; color:#303030; float:left; width:114px; /*border-right:2px solid #dedede ;*/ font-weight:normal }
.functional_role_popup .inner_text{ float:left; width:114px;  padding:7px 0 7px 10px; /*border-right:2px solid #dedede ;*/ font-size:11px; color:#6f6f6f ; }
.functional_role_popup .inner_text_lst{ float:left; padding:7px 0 7px 20px; font-size:11px; color:#6f6f6f ; line-height:24px; width:200px; }


.functional_role_popup .red{ color:#d51600!important}
.functional_role_popup .buttons{ padding:19px 0 0 0; float:right}
.functional_role_popup .close_button{ background:url(../graphics/button3.png) no-repeat; width:73px;  border:none; color:#fff; padding:5px; cursor:pointer}
.functional_role_popup .download_button{ background:url(../graphics/button4.png) no-repeat; width:95px;  border:none; color:#fff; padding:5px; cursor:pointer}

/* search_pu4 vertical */
.search_pu4_vertical{ background-color: #fff; /*width:606px;*/ /*padding:38px 40px 20px 40px;*/ padding:35px 20px; height:100%;}
.search_pu4_vertical .img_main{ float:left; padding-right:15px; padding-left:0px; width:580px; text-align:center;}
.search_pu4_vertical .left_content{ padding:0 0 0 5px; float:left; width:334px}
.search_pu4_vertical .v_hd{background-color:#BF2132; padding:0 0 0 17px;  height:37px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:bold; line-height:37px; width:315px; }

.search_pu4_vertical .main_inner  { padding:0; float:left;  line-height:20px; margin-top:2px; width: 332px; background: #cdcdcd url(../graphics/functional_vertical_bg.png)  repeat-y left top; } /*  */
.search_pu4_vertical .main_inner1 { padding:0; float:left;  line-height:20px; margin-top:2px; width: 332px; background-color: #F0F0F0;  } /* background: #cdcdcd url(../graphics/functional_vertical_bg1.png)  repeat-y left top; */
.search_pu4_vertical .inner       { padding:0; float:left; width:140px;  padding:4px 0 4px 8px; font-size:12px; color:#303030; font-weight:normal; }
.search_pu4_vertical .inner1      { padding:0; float:left; width:160px;  padding:4px 0 4px 8px; font-size:12px; color:#6f6f6f; font-weight:normal; }
.search_pu4_vertical .red_font    { color:#d51600!important} 
/* .search_pu4_vertical .main_inner1 { background: #f0f0f0 url(../graphics/functional_vertical_bg1.png) repeat-y} */
/* .search_pu4_vertical .inner1      { color:#6f6f6f; font-size: 12px;} */

div.inner1, .inner_text_lst {
	word-wrap: break-word;
}

#cboxLoadedContent {
	background-color:#D3D3D3;
}

.btn_accept, .btn_cancel{ background:url(../graphics/button2.png) no-repeat; width:93px; height:24px; color:#fff; font-size:14px; padding-top:8px; text-align:center; display: block; text-decoration: none; float: left; margin: 20px 10px 0 0;}
.btn_cancel{ background:url(../graphics/button1.png) no-repeat;}
.btn_close{ background:url(../graphics/button3.png) no-repeat; width:73px; height:21px; font-size: 14px; color:#fff; padding-top:6px; display: block; text-decoration: none; text-align: center; float: right; margin-top: 20px;}
.btn_download, .btn_download_red{ background:url(../graphics/button6.png) no-repeat; width:95px; color:#fff; font-size: 14px; padding-top:6px; display: block; text-decoration: none; text-align: center; height:27px; float: right; margin-left: 10px; margin-top: 20px;}
.btn_download_red{ background:url(../graphics/button4.png) no-repeat;}


/*product info*/
.product_info{ padding:0}
.product_info .filter{ padding:12px 0; float:left; width:142px;background-color:#f5f5f5;-moz-border-radius: 5px;border-radius: 5px;}
.product_info .filter .box_top{ padding:0; display:none;}
.product_info .filter .box_middle{ padding:0 9px; float:left; width:124px;}
.product_info .filter h2{font-family:'LatoBold'; color:#6d6c6c; font-size:18px; text-transform:uppercase; padding-bottom:4px!important;}
.product_info .filter .inner_content{ padding:0}
.product_info .filter .inner_content label{ color:#464646; font-size:11px; font-weight:normal}
.product_info .filter .inner_content select{ width:120px; margin-top:3px}
.product_info .filter .inner_content p{ padding: 5px 0 9px 0}
.product_info .filter .filter_button{ background:url(../graphics/button5.png) no-repeat; width:118px; border:none; padding:6px 0; color:#fff; cursor:pointer; margin:10px 0 0 0; font-size: 11px; }

.product_info .search_result{ padding:0 0 0 19px; float:left; width:778px }
.product_info .search_result h2{color:#6d6c6c; font-size:21px; padding-bottom:5px!important; float:left; font-weight:normal;}


/*index / sitemap*/
.sitemap_info { padding:0}
.sitemap_info .filter{ padding:0; float:left; width:142px}
.sitemap_info .filter .box_top{ padding:0; float:left}
.sitemap_info .filter .box_middle{ padding:0 9px; float:left; background:url(../graphics/filter_box_Middle.png) repeat-y; width:124px;}
.sitemap_info .filter h2{font-family:'LatoBold'; color:#6d6c6c; font-size:18px; text-transform:uppercase; padding-bottom:4px!important;}
.sitemap_info .filter .inner_content{ padding:0}
.sitemap_info .filter .inner_content label{ color:#464646; font-size:11px; font-weight:normal}
.sitemap_info .filter .inner_content select{ width:120px; margin-top:3px}
.sitemap_info .filter .inner_content p{ padding: 5px 0 0px 0}
.sitemap_info .filter .filter_button{ background:url(../graphics/button5.png) no-repeat; width:118px; border:none; padding:6px 0; color:#fff; cursor:pointer; margin:10px 0 0 0; font-size: 11px; }
.sitemap_info .search_result { padding:0 0 0 19px; float:left; width:900px }
.sitemap_info .search_result h2{font-family:'LatoBold'; color:#6d6c6c; font-size:20px; text-transform:uppercase; padding-bottom:5px!important; float:left}


.pagination{ float:left; padding: 5px 10px 0 0; /*width:181px;*/}
.pagination .pagi_left { padding:0; background:url(../graphics/pagination_left.png) no-repeat; width:8px; height:8px; float:left; margin:2px 0 0 0}
.pagination .pagi_right{ padding:0 0 0 6px; background:url(../graphics/pagination_right.png) no-repeat; width:8px; height:8px; float:right ;  margin:2px 0 0 0}
.pagination a { text-decoration:none; background:url(../graphics/paginatino_spreator.png) no-repeat left; padding:0 3px; color:#1a1a1a!important}
.pagination a:hover, .search_result .pagination a.active{ color:#b70000!important}
.pagination .total_page{ padding:0 9px 0 0 }
.pagination .active{ color:#b70000; padding:0 6px 0 0 }
.search_input{ background:url(../graphics/pagination_input.png) no-repeat; height:22px; width:29px; float:left}
.search_input input[type='text']{ width:15px; border:none; background:none; padding:3px 0; margin:0 0 0 4px; text-align:center;}
.go_button{ background:url(../graphics/go_button.png) no-repeat; width:31px; padding:2px 0;color:#fff; border:0; cursor:pointer; margin-left: 5px}
.border_dotted{ background:url(../graphics/search_result_border.png) repeat-x; width:100%; height:1px; clear:both; margin:8px 0; float:left}

.ui-wrapper { border: 1px solid #50A029;}
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

ul.ui-accordion-container { margin: 0; padding: 0; list-style-type: none; }
ul.ui-accordion-container li { margin: 0 0 20px 0; background: #e0e0e0;}
#content ul.ui-accordion-container li a.ui-accordion-link { display: block; height: 25px; background: url(../graphics/acc-img.png) repeat-x; color: #303030; text-decoration: none; font-size: 14px; font-weight: bold; padding: 12px 0 0 16px;}
#content ul.ui-accordion-container li ul li a.ui-accordion-link{ background: url(../graphics/arrow-left.png) no-repeat 17px; font-size: 12px; font-weight: normal; color: #464646; padding-left: 29px;}

ul.ui-accordion-container li:hover a.ui-accordion-link { background: url(../graphics/acc-hover-img.png) repeat-x;}
ul.ui-accordion-container li.active a.ui-accordion-link { background: url(../graphics/acc-hover-img.png) repeat-x;}

#content ul li p{ font-size: 12px; color: #757575; line-height: 18px; padding: 20px 20px 15px 29px;}
#content ul li ul li p{ padding-top: 0px;}
#content ul.ui-accordion-container li ul li{border-top: 2px solid #eaeaea; margin: 0; display: block; background: #e0e0e0;}
#content ul.ui-accordion-container li ul li a.ui-accordion-link:hover{ background: #f0f0f0 url(../graphics/arrow-left.png) no-repeat 17px;}

#content ul.ui-accordion-container li ul li.selected a.ui-accordion-link{ background: url(../graphics/arrow-down.png) no-repeat 17px; font-weight: bold; color: #464646;}

#scrollbar .viewport{height:250px;overflow:hidden;position:relative;width:420px;}
#scrollbar .overview{left:0;list-style:none outside none;position:absolute;top:0;margin:0;padding:0;}
#scrollbar .scrollbar{background:url(../graphics/bg-scrollbar-track-y.png) no-repeat;float:right;position:relative;width:12px; padding-top: 2px;}
#scrollbar .track{background:url(../graphics/bg-scrollbar-trackend-y.png) no-repeat 0 100%;height:100%;position:relative;width:12px;}
#scrollbar .thumb{background:url(../graphics/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;cursor:pointer;height:20px;left:-5px;overflow:hidden;position:absolute;top:0px;width:22px;}
#scrollbar .thumb .end{background:url(../graphics/bg-scrollbar-thumb-y.png) no-repeat 50% 0;height:10px;overflow:hidden;width:22px;}

#scrollbar1 .viewport{height:300px;overflow:hidden;position:relative;width:420px;}
#scrollbar1 .overview{left:0;list-style:none outside none;position:absolute;top:0;margin:0;padding:0;}
#scrollbar1 .scrollbar{background:url(../graphics/bg-scrollbar-track-y.png) no-repeat;float:right;position:relative;width:12px; padding-top: 2px;}
#scrollbar1 .track{background:url(../graphics/bg-scrollbar-trackend-y.png) no-repeat 0 100%;height:100%;position:relative;width:12px;}
#scrollbar1 .thumb{background:url(../graphics/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;cursor:pointer;height:20px;left:-5px;overflow:hidden;position:absolute;top:0px;width:22px;}
#scrollbar1 .thumb .end{/*background:url(../graphics/bg-scrollbar-thumb-y.png) no-repeat 50% 0;*/height:10px;overflow:hidden;width:22px;}
#scrollbar1 .overview ul li img { margin: 0; border: 1px dotted #bdbdbd; }




#scrollbar2 .viewport{height:105px;overflow:hidden;position:relative;width:248px;}
#scrollbar2 .overview{left:0;list-style:none outside none;position:absolute;top:0;margin:0;padding:0;}
#scrollbar2 .scrollbar{background:url(../graphics/bg-scrollbar-track-y.png) no-repeat;float:right;position:relative;width:12px; padding-top: 2px;}
#scrollbar2 .track{background:url(../graphics/bg-scrollbar-trackend-y.png) no-repeat 0 100%;height:100%;position:relative;width:12px;}
#scrollbar2 .thumb{background:url(../graphics/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;cursor:pointer;height:20px;left:-5px;overflow:hidden;position:absolute;top:0px;width:22px;}
#scrollbar2 .thumb .end{background:url(../graphics/bg-scrollbar-thumb-y.png) no-repeat 50% 0;height:10px;overflow:hidden;width:22px;}

#scrollbar2{ background: url(../graphics/multipal-box.png) no-repeat; width: 260px; height: 109px; float: left;}
#scrollbar2 ul{ width: 250px;}
#scrollbar2 ul li{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #4d4d4d; background: url(../graphics/border-bottom.png) no-repeat bottom right; padding: 7px 0 7px 10px;}
#scrollbar2 ul li.active, #scrollbar2 ul li:hover{ background-color: #e6e6e6;}


#scrollbar3 .viewport {height:320px;overflow:hidden;position:relative;width:100%;}
#scrollbar3 .overview{left:0;list-style:none outside none;position:absolute;top:0;margin:0;padding:0;}
#scrollbar3 .scrollbar{background:url(../graphics/bg-scrollbar-track-y.png) no-repeat;float:right;position:relative;width:12px; padding-top: 2px;}
#scrollbar3 .track{background:url(../graphics/bg-scrollbar-trackend-y.png) no-repeat 0 100%;height:100%;position:relative;width:12px;}
#scrollbar3 .thumb{background:url(../graphics/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;cursor:pointer;height:20px;left:-5px;overflow:hidden;position:absolute;top:0px;width:22px;}
#scrollbar3 .thumb .end{background:url(../graphics/bg-scrollbar-thumb-y.png) no-repeat 50% 0;height:10px;overflow:hidden;width:22px;}

#message, #recent_additions{ background: url(../graphics/white-box.png) no-repeat; width: 435px; height: 352px; padding: 12px 7px 0px 18px; float: left; margin-bottom: 20px;}
#message h2, #recent_additions h2, #custom_reporting h2{ color: #3d3d3d; font-size: 20px; font-family: 'LatoRegular'; font-weight: normal; text-transform: uppercase; padding-bottom: 8px;}
#message ul li, #recent_additions ul li{ border-top: 1px dotted #bdbdbd; line-height: 18px; color: #757575; padding: 8px 0;}
#message ul li span, #recent_additions ul li span{ color: #000;}
#message ul li a{ text-transform: uppercase; font-size: 8px;}
.recent_additions ul li img{ float: left; }
.recent_additions ul li{ padding: 12px 0;}
.additions_content { float: right; width: 310px; padding: 6px 0 0 0; }
.additions_content  span { font-size: 11px; }
#recent_additions { float: right;}
#recent_additions ul{ width: 420px;}

#welcome-message               { width: 440px; height: 297px; padding: 0 7px 0px 0px; float: left; margin-bottom: 20px; font-family: Arial, Helvetica, sans-serif; }
#welcome-message p             { margin: 8px 0; padding: 0; font-size: 12px; font-style: normal; color:#000000; line-height:18px; text-align: left; } /* #464646 */
#welcome-message p.headline    { margin: 0 0 8px 0; padding: 0;  font-size:20px; text-transform: uppercase; }
#welcome-message h2            { color: #3d3d3d; font-size: 20px; font-family: 'LatoRegular'; font-weight: normal; text-transform: uppercase; padding-bottom: 8px;}
#welcome-message .middle       { padding: 0; } /* 12px 0 0 0 */
#welcome-message .middle ul    { list-style-type: disc; padding:0 0 0 26px; /* float:left; */ }
#welcome-message .middle ul li { /* background:url(../graphics/icon1.png) no-repeat 0 14px; */ font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 0 5px 0; } /* #464646 #7b7b7b */
#welcome-message .middle ul li span { /* color: #7b7b7b; */ font-weight: bold; } 
/*
#welcome-message ol         { margin: 0 0 0 32px; list-style-type: decimal; font-size: 16px; line-height:125%;  }
#welcome-message ol li      { padding: 3px;}
#welcome-message ul li      { border-top: 1px dotted #bdbdbd; line-height: 18px; color: #757575; padding: 8px 0;}
#welcome-message ul li span { color: #000;}
#welcome-message ul li a    { text-transform: uppercase; font-size: 8px;}
*/

.search_result .result { float:left; width:140px; margin:8px 10px 3px 0; display: block; text-align:center; text-decoration: none;}
.search_result a.result {background-color:#f5f5f5;-moz-border-radius: 5px;border-radius: 5px;}
.search_result .result:hover { outline: #00D9D9 dotted 2px; background-color: #D5FFFF; opacity: 0.5; }
.search_result .no_padding{ padding:8px 0px 8px 0}
.search_result .result span.box_top_img{ float:left; height:12px; width:142px; display:block;}
.search_result .result span.box_bottom_img{ float:left; height:12px; width:142px; display:block;}
.search_result .result span.box_middle_img{ float:left; width:142px; display:block;}
.search_result .result span.h3{ color:#464646; font-size:11px; font-weight:normal; text-align:center; display:block; height:22px; width:140px; overflow:hidden;}
.search_result .result span.center_img        { text-align:center; padding:8px 0 8px 18px; display:block; }
.search_result .result span.center_img img    { border:2px solid #515151; display:block; background-color:#777777; } 
.search_result .result span.pdf_icon          { float:left; width:18px;  padding:0 0 0 3px; }
.search_result .result span.c_text            { padding:0 5px 0 0; font-size:9px; color:#464646; width:124px; text-align:center; line-height:14px; }
.search_result .result span.c_text span       { color:#050505; }
.search_result .result span.download_icon     { width:18px; padding:0 3px 0 0; }
.search_result .result span.pdf_icon img      { width:12px; height:12px; }
.search_result .result span.download_icon img { width:12px; height:12px; }

.search_result .pinnedresult { float:left; width:140px; margin:8px 10px 3px 0; display: block; text-align:center; text-decoration: none;}
.search_result a.pinnedresult {background-color:#f5f5f5;-moz-border-radius: 5px;border-radius: 5px;}
.search_result .pinnedresult:hover { outline: #00D9D9 dotted 2px; background-color: #D5FFFF; opacity: 0.5; }
.search_result .no_padding{ padding:8px 0px 8px 0}
.search_result .pinnedresult span.box_top_img{ float:left; height:12px; width:142px; display:block;}
.search_result .pinnedresult span.box_bottom_img{ float:left; height:12px; width:142px; display:block;}
.search_result .pinnedresult span.box_middle_img{ float:left; width:142px; display:block;}
.search_result .pinnedresult span.h3{ color:#464646; font-size:11px; font-weight:normal; text-align:center; display:block;}
.search_result .pinnedresult span.center_img        { text-align:center; padding:8px 0 8px 18px; display:block; }
.search_result .pinnedresult span.center_img img    { border:2px solid #515151; display:block; background-color:#777777; } 
.search_result .pinnedresult span.pdf_icon          { float:left; width:18px;  padding:0 0 0 3px; }
.search_result .pinnedresult span.c_text            { padding:0 5px 0 0; font-size:9px; color:#464646; width:124px; text-align:center; line-height:14px; }
.search_result .pinnedresult span.c_text span       { color:#050505; }
.search_result .pinnedresult span.download_icon     { width:18px; padding:0 3px 0 0; }
.search_result .pinnedresult span.pdf_icon img      { width:12px; height:12px; }
.search_result .pinnedresult span.download_icon img { width:12px; height:12px; }

#custom_reporting { width:435px; float:right; padding:12px 10px; border:#DDD solid 2px; border-radius:5px; }
#custom_reporting .wrapper { padding-top:10px; border-top:#DDD solid 1px; }
#custom_reporting table#report-filters { border-top:#DDD solid 1px; border-bottom:#DDD solid 1px; width:100%; }
#custom_reporting table#report-filters tr.odd { background-color:#EEE; }
#custom_reporting table#report-filters td, #custom_reporting table#report-filters th { padding:5px 0px; }
#custom_reporting table#report-filters td { padding-right:5px; }
#custom_reporting table#report-filters th { font-weight:bold; text-align:left; padding-right:5px; padding-left:5px; vertical-align:middle; width:288px; }
#custom_reporting select { width:160px; }
#custom_reporting p { padding-bottom:10px; line-height:14px;}
#custom_reporting input[type="text"] { width:135px; float:left;}
#custom_reporting img.ui-datepicker-trigger { margin:3px auto; float:right;}
#custom_reporting .subtitle { font-size:12px; color:#777; margin-top:-5px; }

/* -- END -- */