/* - HTML ------------------------------------------------------- */
html, body {
	background-color: White;
	color: #333;
	font-size: 12px;
	font-family: Verdana, Arial, helvetica, Sans-Serif;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
html > body {
	font-size: 12px;
}
form {
	margin: 0;
	width: 100%;
	height: 100%;
}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
h1 {
	font-family: Tahoma, Verdana;
	font-size: 14px; /*font-weight: normal; 	text-transform: lowercase;*/
}
h2 {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	font-weight: normal;
}
h3 {
	font-size: 1.36em;
}
h4 {
	font-size: 1.09em;
}
/* - INSTANCES ---------------------------------------------------------- */
#SeeemsLogin {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 503px;
	height: 480px;
	margin-top: -240px;
	margin-left: -251px;
}
#SeeemsWrapper {
	position: relative;
}
#seeemsLogo {
	background-image: url(../logo.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 55px;
}
#seeemsLogo a {
	display: block;
	text-indent: -5000px;
	width: 243px;
	height: 40px;
}
#SeeemsHeading {
	background-image: url(images/heading-bg.png);
	background-position: left center;
	background-repeat: repeat-x;
	color: White;
	height:96px;
	padding: 0 28px;
	margin: 0px;
	overflow: hidden;
}
#SeeemsHeading h1 {
	margin-top:18px;
}
#SeeemsHeading h2 {
	margin-top:12px;
}
#SeeemsPanel {
	background-image: url(images/bg.png);
	background-position: left top;
	background-repeat: repeat-x;
	color: White;
	padding-top:16px;
	/*height: 248px;*/
	position: relative;
}
#SeeemsFooter {
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
	text-align: right;
}
#SeeemsFooter a {
	color: #333;
	text-decoration: none;
}
#SeeemsFooter a:hover {
	color: #4CA4D2;
	text-decoration: underline;
}
/*
>> Buttons --------------------------------------------------------------------
*/
a.button {
	color: Black;
	display: inline-block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 84px !important;
	height: 24px;
	line-height: 24px;
}
a.login {
	background-image: url(images/buttons/login.png);
	background-position: center center;
	background-repeat: no-repeat;
}
a.reset {
	background-image: url(images/buttons/reset.png);
	background-position: center center;
	background-repeat: no-repeat;
}
/* CLASSES -------------------------------------------------------------------- */
.buttons {
	padding: 20px 0px 10px 0px;
}
.controlTextBox {
	border: solid 1px #3A5F76;
	width: 180px;
}
.controlButton {
	background-image: url(../button-bg.png);
	background-position: left center;
	background-repeat: repeat-x;
	border: solid 1px #4390B8;
	color: White;
	font-weight: bold;
	padding: 3px 0px;
	text-transform: uppercase;
}
.failure {
	background-color: Red;
	color: White;
	position: absolute;
	right: 26px;
	bottom: 26px;
	padding: 10px;
}
.forgot {
	color: #2D5066;
	font-weight: bold;
}
.info {
	line-height: 20px;
}
.label {
	padding: 4px 0px;
	font-size: 13px;
	font-weight: bold;
}
.panel {
	padding: 0px 26px 22px 26px;
}
.remember {
	padding-left: 10px;
	text-transform: lowercase;
}
.remember input {
	padding: 0px;
	vertical-align: middle;
}
.remember label {
	padding-left: 4px;
	vertical-align: middle;
}
.remember-info {
	font-style: italic;
	text-transform: lowercase;
}
/*
>> Update Progress ------------------------------------------------------------
*/
.updateProgress {
	background-color: White;
	border: solid 2px #50A7D4;
	color: #1F323F;
	font-size: 12px;
	font-weight: bold;
	margin-left: -36px;
	margin-top: -20px;
	left: 50%;
	top: 50%;
	padding: 6px;
	position: absolute;
	text-align: center;
	width: 100px;
	filter: alpha(opacity=85);
	-moz-opacity: .85;
	opacity: .85;
}