
* {
	font-family: Verdana, sans-serif;	
}

body, html {
	height: 100%;
	width: 100%;	
	overflow: hidden;
}
body {
	margin: 0; font-size: 13px; line-height: 1.231; 
}

div{
	width: 100%;
	margin: 0;
	padding: 0;
}

div#top {
	position: absolute;
	background: #FFFFFF; /*White*/
	width: 100%;
	height: 50%;
}

div#middle-position {
	z-index: 2;
	position: absolute;
	left: 0;	
	top: 50%;
	background: transparent;
	height: 0;
}

div#bottom {	
	position: absolute;	
	width: 100%;
	height: 50%;
	bottom: 0;
	
	background: #FFFFFF; /*White*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F1F4F6)); /*White to New Mist*/
	background: -moz-linear-gradient(top,  #FFFFFF,  #F1F4F6); /*White to New Mist*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F1F4F6'); /*White to New Mist*/
}


div#middle {
	heigth: 0;
	bottom: 205px; /*filled in dynamically*/
	position: relative;
}

div#customer-color {
	background-color: #005EBC; /*filled in dynamically*/
	width:100%;	
	height: 12px;
}

div#customer-logo {		
	width:100%;		
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	background: transparent;
}

div#customer-logo img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: transparent;
	border: 0px;
}

div#content-horizontal {
	z-index: 2;
	position: relative;
	width: 100%;
	height: 244px;
		
	background: #E6E7EB; /*Touched up Aluminum */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D3D8DF)); /*White to Aluminum*/
	background: -moz-linear-gradient(top,  #FFFFFF,  #D3D8DF); /*White to Aluminum*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D3D8DF'); /*White to Aluminum*/
	
	box-shadow: 0px 2px 10px #C0C5CE; /*Platinum*/
	border-bottom: 1px solid #777F91; /*Concrete*/
		
}

div#content {	
	width: 420px;
	height: 250px;
	margin: auto;
	background: transparent;
}

.button {
	cursor: pointer;
	color: #3E4460; font-size: 11px; font-weight: normal; /*A3*/
	text-decoration: none;
	padding: 4px 15px;
	text-align: center;
	
	background: #C0C5CE; /*Platinum*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D3D8DF)); /*White to Aluminum*/
	background: -moz-linear-gradient(top,  #EDF0F5,  #D3D8DF); /*Stucco to Aluminum*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDF0F5', endColorstr='#D3D8DF'); /*Stucco to Aluminum*/
	
	border: 1px solid #3E4460; /*Concrete*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	box-shadow: 0 2px 2px rgba(0,0,0,0.5);
}

label.invisible {
	visibility:hidden;
}

label.message {
	display: inline-block;
	text-align: center;	
	padding: 3px 15px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: .5em;
	color: #777F91; font-size: 11px; font-weight: normal; /*A15*/
	border: 1px solid #C0C5CE; /*Platinum*/
	background: none;
}

label.warning {
	color: #990000; font-size: 11px; font-weight: normal; /*A12*/
	background: #FFF3F3; /*Blossom*/
	border: 1px solid #990000; /*Concrete*/
}

label.submessage {
	color: #3E4460; font-size: 10px; font-weight: normal; /*A5*/
}