@charset "utf-8";
/* CSS Document */

body{
margin:0px;
background:url(../i/main_bg.gif) repeat-x top;
font-family:'Tahoma', Arial;
font-size:12px;
color:#474747;
}

img {border:0}

a:link, a:visited, a:active{ text-decoration:underline; color:#a90000;}
a:hover{ text-decoration:none; color:#ff0000;}


#header{ height:103px; background:url(../i/header_bg.gif) repeat-x top; border-bottom:1px solid #d9d9d9;}
#header .logo{ background:url(../i/logo.png) no-repeat ; height:34px; width:477px; margin:32px 0 0 22px; float:left; display: inline-block;}
#header .login_form{ background: url(../i/login_menu_bg.png) no-repeat ; height:64px; width:421px; float:right; margin:0 8px 0 0; padding:16px 0 0 40px; color:#FFFFFF; font-weight:bold; display:inline;}

#page_title{ background:url(../i/page_title.jpg) center no-repeat; height:44px; line-height:44px; font-size:28px; color:#FFFFFF; text-transform:uppercase; width:960px; margin:0 auto; padding:0 10px; border-left:1px #e7e7e7 solid; border-right:1px #e7e7e7 solid; text-shadow: 1px 1px 0px #5e8096;}

#menu{ background: url(../i/menu_bg.gif) repeat-x; height:32px; border:1px solid #FFFFFF; font-size:14px;}
#menu a{ height:32px; line-height:32px; font-weight:bold; text-align:center; text-decoration:none; color:#1d5182; float:left; cursor:pointer;}
#menu a:hover{ color:#459acd;}
#menu a .beg{ background:url(../i/menu_sep.png) -14px 0; width:14px; height:32px; float:left;}
#menu a .end{ background:url(../i/menu_sep.png) 0 0; width:14px; height:32px; float:right;}

#menu a.on{ background:url(../i/bottom_menu_bg.gif) bottom repeat-x; color:#FFFFFF;}
#menu a.on .beg{ background:none;}
#menu a.on .end{ background:none;}

#content{ background:url(../i/gray_grad_bg.gif) repeat-x top #FFFFFF; padding-top:11px;}

#content .iblock{ display:inline-block; height:213px; width:214px; border:none;  float:left; margin: 0 0 14px 33px; }
#content .prog_block{  height:186px; width:214px; border:none;  position:relative;  margin-bottom:7px; }
#content .prog_block .view_details {position:absolute; height:23px; width:68px; bottom:4px; right:4px; color:#FFFFFF; line-height:22px; text-align:center; font-size:11px; }
#content .prog_block .sign_up {position:absolute; background:transparent; height:24px; width:124px; bottom:6px; left:6px;   }

#index_banner, #index_banner_usa{ height:199px; width:980px; background:url(../i/index_banner.jpg); overflow:hidden;}
#index_banner_usa {background:url(../i/index_banner_usa.jpg);}
#index_banner a, #index_banner_usa a{ display:block;  height:26px; width:126px; margin:156px 0 0 16px;}

.prog_sep{ width:33px; background: url(../i/gray_pix.gif) repeat-y center ;}

#content .info{ background:url(../i/gray_grad_bg.gif) repeat-x top;}

#content h4{color:#459acd; font-size:22px; font-weight:normal; border-bottom:3px #656565 solid; padding:0px; margin:20px 0 8px 0; line-height:30px;} 

ul.list{
font-size:12px;
color:#656565;
font-weight:bold;
list-style:none;
margin:0px;
padding:0px;
}
ul.list li{ 
margin:17px 0 0 0;
padding:0px 0 0 25px;
background:url(../i/list_mark.jpg) top left no-repeat;
}

ul.list2{
list-style:square;
line-height:20px;
padding:0px 0 0 20px;
margin:0px;
}


#content .text_title{ font-size:12px;  color:#FFFFFF; padding:2px 4px; background:#459acd; }
#content .cont{ margin:5px 0 10px 0; background:url(../i/gray_pix.gif) repeat-x bottom; padding:0 0 5px 0; }

#bottom_menu{ height:34px; background:#89a1b0;  color:#b1c4d0; line-height:34px; font-size:11px; }
#bottom_menu a{ text-transform:uppercase; color:#FFFFFF; text-decoration:none; font-weight:bold; }
#bottom_menu a:hover{ color:#cddfea;}

.os_menu{ height:39px; background: url(../i/os_menu_bg.gif) repeat-x bottom; padding:0 14px;}

.os_menu .b1_on{ width:157px; float:left; height:39px; margin-right:1px; background:url(../i/sites_menu_bg.png) 0 0;  }
.os_menu .b1_off{ width:157px; float:left; height:35px; margin-top:4px; margin-right:1px; background:url(../i/sites_menu_bg.png) 0 -39px; cursor:pointer; }

.os_menu .b2_on{ width:131px; float:left; height:39px; margin-right:1px; background:url(../i/sites_menu_bg.png) -157px 0; cursor:pointer;}
.os_menu .b2_off{ width:131px; float:left; height:35px; margin-top:4px; margin-right:1px; background:url(../i/sites_menu_bg.png) -157px -39px; cursor:pointer;}

.os_menu .b3_on{ width:131px; float:left; height:39px;  background:url(../i/sites_menu_bg.png) -419px 0;}
.os_menu .b3_off{ width:131px; float:left; height:35px; margin-top:4px; background:url(../i/sites_menu_bg.png) -419px -39px;}

.os{ padding:20px 14px;}

#content .site_tabel{ width:650px; float:right; margin-top:14px;}
#content .site_tabel div{float:left;height:30px; line-height:30px; border-bottom:1px solid #FFFFFF;}
#content .site_tabel .name{ background:#7e7e7e; color:#FFFFFF; font-size:12px; width:140px; padding-left:10px;  text-align:left; font-weight:bold; } 
#content .site_tabel .info{ background:#eaeaea;  text-align:center; width:330px;}
#content .site_tabel .check{ background:#f3f3f3;  height:24px; padding-top:6px; text-align:center; width:144px;}

#content .site_tabe2{ width:650px; float:right; margin-top:14px;}

#content .site_tabe2 .name{ background:#7e7e7e; color:#ffffff;font-size:12px; width:160px; padding-left:10px; line-height:30px; border-bottom:1px solid #FFFFFF; text-align:left; font-weight:bold;height:30px; float:left;} 

#content .site_tabe2 .name2 {height:35px;line-height:15px;padding-top:5px}

#content .site_tabe2 .info{ background:#eaeaea; color:#474747;  text-align:center; width:154px;border-right:1px solid #FFFFFF;line-height:30px; border-bottom:1px solid #FFFFFF; height:30px; float:left;}

#content .site_tabe2 .bgc { background:#b4b4b4;color:#ffffff;height:40px;line-height:40px;}

#content .site_tabe2 .check{ background:#f3f3f3;  height:24px; padding-top:6px; text-align:center; width:144px; float:left;}


#content .signup_form{ margin-top:14px; font-weight:bold; }
#content .signup_form input{ width:206px; margin:0px;}
#content .signup_form .line{ line-height:21px; height:42px; padding-bottom:5px; font-size: 13px;}
#content .signup_form .line .error{ font-size: 11px; color: #F00; margin-left: 190px;}

#content .contact_form{ margin-top:14px; }
#content .contact_form input{ width:204px; margin:10px 0 0 0;}
#content .contact_form .line{ line-height:40px; height:40px; padding: 0 7px;}


/*------------------------------------------- SCROLL STYLES -------------------------------------------*/
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 325px;
height: 220px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0;
padding:0 15px 0 0;
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color:#cccccc;
}
.vscrollerbar {
width: 10px;
background-color:#777777;
}
.hscrollerbase {
height: 10px;
background-color:#cccccc;
}
.hscrollerbar {
height: 10px;
background-color:#444444;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}


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






.sep_line{ font-size:4px; line-height:4px; height:4px; background:url(../i/gray_pix.gif) repeat-x center; margin:7px 0px 10px 0;}

h2{ font-size:18px; font-weight:bold; margin:0px 0px 7px 0px; padding:0px;}

.main_wide{ 
width:980px;
margin:0 auto;
border-left:1px #e7e7e7 solid;
border-right:1px #e7e7e7 solid;}

.float_l{ float:left;}
.float_r{ float:right;}
.clear{ clear:both; height:0px; font-size:0px; line-height:0px;}


#popup{ background:#FFFFFF;}
#popup h1{ color:#c81515;font-weight:normal}
#popup h2{ color:#007bc4;font-weight:normal}

#popup .tabTitle {float:left;background:#777777; padding:3px 0 3px 0; text-align:center;color:#ffffff;margin:1px 1px 0 0;text-transform:uppercase;font-size:10px }
#popup .zebraLight1 {float:left;background:#f8f8f8; padding:3px 0 3px 0; text-align:center;color:#666666;margin:1px 1px 0 0;text-transform:uppercase;font-size:10px }
#popup .zebraLight2 {float:left;background:#f3f3f3; padding:3px 0 3px 0; text-align:center;color:#666666;margin:1px 1px 0 0;text-transform:uppercase;font-size:10px }