/*---------- / Global CSS Reset /--------------*/
* { 	margin: 0;	padding: 0; }
body { font-size: 12px; font-family: Arial;	background: #D1D3D4; text-align:center;	height: 100%;margin:0;}
a {outline-style: none; outline-width: 0;}
input.button { color: #113388; }
#pageWrapper {	border-top: 2px solid #3d7dc4; width: 1000px; margin: 0 auto; float: left; background: white; text-align: left; }

/*-------------/ Content Area CSS /---------------*/
#pageWrapper #content { width: 1000px; clear: both; padding-bottom: 150px; float: left; background: white; margin-top:50px;}	
	#content #leftArea { width: 200px; float: left;  vertical-align: top; height: 100%; }
		#leftArea img {border: 0; }
	#content #rightArea { width: 800px; height: 100%; float: left; } 
		#rightArea #loginBox { width: 500px; height: 220px; border-left: 1px solid #c3daec; border-right: 1px solid #c3daec; border-bottom: 1px solid #c3daec; margin-left: 50px; padding-bottom: 20px;}
		  #rightArea   .login { padding-left: 50px; }  
		#loginBox .titlebar { height: 55px; margin: 0; width: 500px; clear: both; }
			.corner { position:absolute; width:13px; height:50px; background: url(../images/titlebar.gif) no-repeat; }
				 .titlebar .leftCurve { position:relative; float: left; background-position: -5px -5px; width: 13px; height: 50px; }
				 .titlebar .titleImage { position:relative; float: left; height: 50px; width: 53px; margin-top: -8px;} 
				 .titlebar .title { position:relative; float: left; height: 40px;  background: url(../images/titlebar_strip.gif) repeat-x 0 -8px; width: 421px; }
						 .title .titleText{ color: white; text-transform: uppercase; font-size: 15px; font-weight: bold; position: absolute;/* margin: 15px; */ padding: 8px;}
				 .titlebar .rightCurve { position:relative; float: left; background-position: -9px -5px; width: 13px; height: 50px; }
		#loginBox .loginTable { margin: 27px auto 0; width:400px;}
			.loginTable th { color: #999; font-size: 10px; font-weight: bold; padding-right: 10px; width:70px;}
			.loginTable tr {height: 30px;} 
			.loginTable input[type="text"],input[type="password"] {height: 17px; width:235px; }
			.loginTable input[type="reset"],input[type="submit"] {background-color: #C3DAEC;}
			.loginTable input {border: 1px solid #C3DAEC;}
		#loginBox a { color:#2182b5; text-transform: uppercase;}
		
		.msgBoxBad { color: #e73f45; text-align: center; width: 500px; font-size: 12px; }
		.msgBoxGood { color: #298044; text-align: center; width: 500px; font-size: 12px; }
/*-------------/ Content Area CSS /---------------*/

/* -----------/ Footer CSS /--------------*/
#footer { width: 1000px; height: 20px; background: #0071B7; margin:0 auto; color: #FFFFFF; clear: both; }
	#footer #copyright { clear: both; height: 20px; font-size: 10px; text-align: center; border-top: 2px solid #AFDFE5; color: #AFDFE5; width: 1000px;padding-top: 2px; }
/* -----------/ Footer CSS /--------------*/





/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
background-color: #181818;
text-align:center;
min-height:468px;/* for good browsers*/
min-width:552px;/* for good browsers*/
color:#333;
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 468px;

}

.bckGround {
    background: url(/shared/images/vcms-login-bg.png) no-repeat top left;
}

#inner {
width: 910px;
height: 365px;
text-align: center;
margin-left:auto;
margin-right:auto;
background-position: 0 -142px; width: 910px; height: 375px;
}

input#loginBtn{
background-color:white;
background-position: 0 0; width: 54px; height: 21px;
text-decoration: none;
width: 54px; height:21px;
padding: 0; margin: 0;border: 0;
color:#333;
}

input#loginBtn:hover {
background-position: 0 -71px; width: 54px; height: 21px;
text-decoration: none;
width: 54px; height:21px;
padding: 0; margin: 0;border: 0;
color:#fff;

}


#innerInner{
 width:300px;
 float:left;
 margin: 95px 0 0 300px;

 color:#333;
	}

        .login{
            padding: 10px 0px 5px 0px;
            color:#e73f45;
}

/*this is what we want the div to look like*/
  div.botright{
	display:block;
	/*set the div in the bottom right corner*/
    position:absolute;
	bottom:0;
	right:0;
	width:222px;
	/*give it some background and border*/
    background:#eee;
	border:0px solid #ddd;
  }

 div.botright img {
     border:none;}