html,body {
height:100%;
width:100%;
}
body.login{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#00206d url(../img/login_bg.jpg) no-repeat scroll 50% 0;
background-size: cover;
}
body.login #wrapper{
margin:0 auto;
width:100%;
vertical-align:middle;
}
#login_wrapper {
display:table;
height:95%;
vertical-align:middle;
width:100%;
}
#login_form {
display:table-cell;
vertical-align:middle;
}
.panel {
margin:0 auto;
width:656px;
height:356px;
text-align:left;
background:transparent url(../img/login_container.png) no-repeat scroll 0 0;
}

.panel_amplicon {
margin:0 auto;
width:656px;
height:356px;
text-align:left;
background:transparent url(../img/login_ampliconbanner.png) no-repeat scroll 0 0;
}

.panel_lims {
margin:0 auto;
width:656px;
height:356px;
text-align:left;
background:transparent url(../img/limslogin_bg.png) no-repeat scroll 0 0;
}
.panel_lims_obd {
margin:0 auto;
width:656px;
height:356px;
text-align:left;
background:transparent url(../img/limslogin_obd_bg.png) no-repeat scroll 0 0;
}
.panel_sam {
margin:0 auto;
width:656px;
height:356px;
text-align:left;
background:transparent url(../img/login_bg_sam.png) no-repeat scroll 0 0;
overflow:hidden;
}

#login_bg{
margin:15px;
width:305px;
height:325px;
float:right;
background:transparent url(../img/login_form_bg.png) no-repeat scroll 0 0;
}

#amplicon_bg{
margin:15px;
width:305px;
height:325px;
float:right;
}

#lims_bg{
margin:15px;
width:305px;
height:325px;
float:right;
background:transparent url(../img/login_lims.png) no-repeat scroll 0 0;
}
#lims_bg_obd{
margin:15px;
width:305px;
height:325px;
float:right;
background:transparent url(../img/login_lims_obd.png) no-repeat scroll 0 0;
}
#sam_bg{
margin:15px;
width:323px;
height:324px;
float:right;
background:transparent url(../img/login_panel.png) no-repeat scroll 0 0;
}

#sam_bg_parchive{
    margin: 40px 15px 15px 15px;
    width: 323px;
    height: 280px;
    float: right;
    background: #0a2a6e;
}
.login-brand{
    padding: 40px 0 0 40px;
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}
.brand-company{ color: #fff; }
.brand-sep{ color: #fff; padding: 0 6px; font-weight: 300; }
.brand-product{ color: #e00; }



#login_form h1{
text-indent:-2000px;
background:transparent url(../img/login_logo.png) no-repeat scroll 0 0;
width:300px;
height:50px;
margin:40px 0 0 25px;
}
#login_form form{
clear:both;
margin:0;
padding:10% 10px 10px 0;
}
#login_form form div{
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
#login_form form div label{
float:left;
width:100px;
text-align:right;
margin:0 10px 0 0;
padding:5px 0;
color:#fff;
}
#login_form form div.button_bar{
margin:12px 0 0 108px;
}
/*RSV css*/
.errorField {
	background-color:#FFF;
	border:1px solid #CCCCCC;
	color:#000000;
	font-size: 10px;
}

#rsvErrors {
	background-color:#FFF;
	border:1px solid #cccccc;
	display:none;
	line-height:16px;
	margin:15px;
	padding:8px;
	color:#FF0000;
	width:90%;
	position:relative;
	left:10px;	
	top:-10px;
}


/* DivTable.com */
.divTable{
	display: table;
	width: 50%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	display: table-cell;
	padding: 15px 40px;
	font-size: large;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.toolbar_main_login{padding:0; margin:0;}
.toolbar_main_login ul li{float:left; background:transparent url(../img/sprite_icons.png) repeat-x scroll 0 -715px; margin:6px 6px 6px 0; padding:4px 10px 5px 10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.toolbar_main_login ul li.first{margin-top:0px;}
.toolbar_main_login ul li a{text-decoration:none; font-weight:700; color:#333; padding:1px 0 2px 23px;}

.homeicon{background:url(../img/home_icon.png) no-repeat;}