/** 
 * Ricoh Virtual Engineer Signin Form Styles 
 * by Kane at Accelerate4
 */

/* Basic Reset ----------------- */

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  
input, textarea {  
    margin: 0;  
    padding: 0;  
    font-size: 100%;  
}  
ul {list-style: none;}  
img, fieldset {border: 0;}  
h1, h2, h3 {font-weight: normal;}  
em {font-style: italic;}  
strong {font-weight: bold;}
		
/* Center contents ------------------------ */

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
background-color: #999;
text-align:center;
min-height:468px;/* for good browsers*/
min-width:652px;/* for good browsers*/

font:normal 12px/18px Arial,Helvetica,sans-serif;
color:#444;
}
	#outer{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
	}
		#container {
		text-align: center;
		position:relative;
		vertical-align:middle;
		display:table-cell;
		height: 468px;
		}
			#inner {
			width: 652px;
			height: 468px;
			margin-left:auto;
			margin-right:auto;
			}

				#content {
					background:#fff;
					height:438px;
					-moz-box-shadow:0 0 10px #333;
					-webkit-box-shadow:0 0 10px #333;
					text-align:left;
					padding:15px;
				}

					img.logo {
						padding-bottom:15px;
					}
					h2 {
						display:block;
						width:100%;
						height:30px;
						background:#226693;
						background-image:-moz-radial-gradient(center 45deg, circle farthest-side, #4CA8DB 0%, #226692 100%);
						background-image:-webkit-gradient(radial, 50% 50%, 10, 50% 50%, 300, from(#4CA8DB), to(#226692));
						color:#fff;
						font-weight:bold;
						font-size:16px;
						line-height:30px;
						text-align:center;
					}
					.sign-in {
						background:#EDF6F9;
						padding:15px 10px;
						margin-bottom:15px;
					}
						.sign-in-button {
							vertical-align:bottom;
							padding:0 5px;
							background:url(../images/ricoh_signin.png) top left no-repeat;
							width:109px; height:21px;
							border:none;
						}
						label {
							color:#069;
							font-weight:bold;
							padding:0 5px;
						}
					h4, p {
						margin-bottom:15px;
					}
					h4 {
						font-size:14px;
						line-height:20px;
					}
					h3 {
						font-size:14px;
						line-height:20px;
					}
					a { color:#444; }
					a:hover { color:#888; }

					.info {
						border-top:1px solid #f00;
						padding-top:15px;
					}
.clear {
	clear:both;
}

/* IE only divs to simulate box-shadow */
.bs-tl { margin:20px; }
.bs-tr { border:1px solid #989898; }
.bs-bl { border:1px solid #969696; }
.bs-br { border:1px solid #8f8f8f; }
.bs-t { border:1px solid #8a8a8a; }
.bs-r { border:1px solid #7d7d7d; }
.bs-l { border:1px solid #747474; }
.bs-b { border:1px solid #6b6b6b; }
.bs-tl #page-container { margin:0; }