#swapper{width: 100%; height: 100%; background: #a5d5eb url(bg_page.jpg) no-repeat center; float:left;}
#swapper_login{ width: 474px; height:253px; position: absolute; left: 50%; top: 50%; margin-left: -237px; margin-top: -126px;  background:url(bg_login_2.png) no-repeat 0 0; float:left; z-index:10;}
#swapper_login .shadow{ width: 480px; height:26px; background: url(shadow.png) no-repeat center 0; position: absolute; left:5px; bottom: -45px;}
#swapper_login .vcms_bg{ background: url(VHRO_bg.png) no-repeat 0 0; width: 460px; height: 125px; position: absolute; bottom: -150px; left: 227px;}
#swapper_login .swap_browser{ width:260px; height:80px; background: url(line_right.png) no-repeat right 0; position: absolute; bottom: -133px; left: -22px; text-align:right; padding: 0px; color:#fff; margin:0;  }
#swapper_login .swap_browser .text{ float:right; clear:both; display:block; padding-top: 15px; text-shadow: 0 1px #a05400; padding-right:22px;}
#swapper_login .swap_browser .browser{ position:absolute; bottom:0; right:22px; float:right; width:260px; }
#swapper_login .swap_browser .browser .chrome{ width:auto; float:right; background: url(icon_Browser.png) no-repeat center 0; text-decoration: none; color:#fedeaa; font-weight:bold; font-size:11px; padding-top: 25px; text-shadow: 0 1px #a05400; margin-left: 10px;}
#swapper_login .swap_browser .browser .chrome:hover{ color:#fff;}
#swapper_login .swap_browser .browser .Firefox{ width:auto; float:right; background: url(icon_Browser.png) no-repeat center -50px; text-decoration: none; color:#fedeaa; font-weight:bold; font-size:11px; padding-top: 25px; text-shadow: 0 1px #a05400; margin-left: 10px;}
#swapper_login .swap_browser .browser .Firefox:hover{ color:#fff;}
#swapper_login .swap_browser .browser .Opera{ width:auto; float:right; background: url(icon_Browser.png) no-repeat center -100px; text-decoration: none; color:#fedeaa; font-weight:bold; font-size:11px; padding-top: 25px; text-shadow: 0 1px #a05400; margin-left: 10px;}
#swapper_login .swap_browser .browser .Opera:hover{ color:#fff;}

#swapper_login .name_product{ width: 254px; height: 65px; background:url(name_Product.png) no-repeat 0 0; position: absolute; right: 0; top: -70px;}
#swapper_login .swap_input_login{ width: 474px; height: 253px; background:url(bg_login_2.png) no-repeat 0 0; margin: 0 ; float:left; position: relative;}

#swapper_login .swap_form{position: absolute; left: 0; top:0; text-align: left; width: 315px; height: 210px; z-index:2;  } 
#swapper_login .swap_form .title{ font-weight:bold; font-size: 18px; color:#01549b; padding-bottom:10px; width:auto; font-family: Arial; display: none; } 
#swapper_login .swap_form .label{ color:#01549b; text-transform: uppercase; float: left; padding:0px; float: left; margin: 0px 0 0 0; font-size: 13px; display: block; width: 120px; text-align:right; display:none; }
#swapper_login .swap_form .swap_input{ width: 192px; height: 23px; background: url(bg_input_login.png) no-repeat 0 0; margin-left: 15px; margin-bottom: 7px; position: relative; float: right; }  
#swapper_login .swap_form input.user{ width: 264px; height: 32px; padding: 0 40px 2px 10px; background: url(bg_input_login.png) no-repeat 0 0; border: none; font-size: 12px; position: absolute; top: 45px; left: 30px; font-family: Tahoma; color:#969696}
#swapper_login .swap_form input.user:focus{background: url(bg_input_login.png) no-repeat 0 -32px; color:#000;}
#swapper_login .swap_form input.pass{ width: 264px; height: 32px; padding: 0 40px 2px 10px; background: url(bg_input_login.png) no-repeat 0 -64px; border: none; font-size: 12px; position: absolute; top: 105px; left: 30px; font-size: 12px; font-family: Tahoma; color:#969696}
#swapper_login .swap_form input.pass:focus{background: url(bg_input_login.png) no-repeat 0 -96px; color:#000;}
#swapper_login .swap_form .link_button{ width: auto;  height: 28px; padding: 6px 0 0 15px; background: url(bg_button.png) no-repeat 0 0; text-decoration: none; text-transform: uppercase; color:#fff; cursor: pointer; float:left; position:absolute; top: 150px; right:36px; font-weight:bold; text-shadow: 0px 1px #6d4d0b; text-transform:capitalize;  }
#swapper_login .swap_form .link_button span.nav_right{ width: 15px; height:28px; background: url(bg_button.png) no-repeat right 0; position: absolute; right: -15px; top:0; cursor: pointer;}
#swapper_login .swap_form .swap_save{ width: auto; position:absolute; top: 150px; left:27px; font-size: 11px; color:#000;}

#swapper_login .swap_copy{width: 100%; height: 32px; background: url(bg_copy.png) no-repeat 0 0; position: absolute; bottom: 12px; left:9px;}
#swapper_login .swap_copy a{ text-decoration: none; color:#fff; font-size: 11px; font-family: Arial; margin: 12px 0 0 15px; float:left;}
#swapper_login .swap_copy a:hover{ text-shadow: 0px 1px #02499e;}

#swapper_login .swap_logoSoftware{ height: 253px; width: 104px; position: absolute; right: 30px; top: 0; }
#swapper_login .swap_logoSoftware .logo{ width: 105px; height: 55px; background: url(Logo.png) no-repeat 0 0; position:absolute; top:30px; left:0;}
#swapper_login .swap_logoSoftware .version{ color:#c90101; font-weight: bold; margin: 25px 0 0 13px;}
#swapper_login .swap_logoSoftware .version span{color:#363636; font-size: 11px; padding-right: 0px; font-weight: normal;}
#swapper_login .swap_logoSoftware ul{padding:0; list-style: none; float: left; font-size: 11px; width: 105px; position: absolute; left:0; bottom: 20px; margin:0 0 10px 0; padding:0;} 
#swapper_login .swap_logoSoftware ul li{ margin:0; padding:0 0 10px 0; width: 104px; color:#fff; }
#swapper_login .swap_logoSoftware ul li .select_box{ width: 104px; height:22px; background: url(bg_info.png) no-repeat 0 0; padding: 3px; border: none; display:block; color:#969696}
#swapper_login .swap_logoSoftware ul li .select_box:focus{color:#000;}
#swapper_login .swap_logoSoftware ul li .label{ color:#fff; text-shadow: 0px 1px #12344f; padding: 0 0 3px 3px;}
#swapper_login .swap_logoSoftware ul li .LicensedType {width: 96px; height:18px; padding: 4px 0 0 8px; background: url(bg_info.png) no-repeat 0 0; color:#000;}
#swapper_login .swap_logoSoftware ul li .LicensedType a{ text-decoration: none; color:#969696}
#swapper_login .swap_logoSoftware ul li .LicensedType a:hover{ color:#000;}

#swapper_login .version{ color:#02387f; float:left; width:auto; margin-left: 15px; margin-top: 5px;}  
#swapper_login .copy{ color:#454545; float:right; width:auto;font-size: 11px; position: absolute; left: 35px; bottom: 35px; }
#swapper_login .copy a{ text-decoration: none; color:#454545;}  
#swapper_login .copy a:hover{ text-decoration: underline; color:#01549b;