/* - 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.externalbutton {
    color: black;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    line-height: 20px;
    width: 250px
}

a.login { background-image: url(images/buttons/login.png); background-position: center center; background-repeat: no-repeat; }
a.oauthlogin {
    background-image: url(images/buttons/OAuthLogin.png);
    background-position: center center;
    background-size: 250px 20px;
    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; cursor: pointer; font-weight: bold; }
.forgot-pane { display: none; }
	.forgot-pane input[type=text]{ width: 264px; }
	.forgot-pane p { padding: 5px 0; }
	.forgot-pane fieldset { height: 0px; margin: 10px 0;}
	.forgot-pane legend { padding: 0 10px; margin-left: 100px; }
	.forgot-pane .button-bar { background-color: #F0F0F0; border: 1px solid #CCCCCC; padding: 5px; text-align: right; margin-top: 10px; }
	.forgot-pane .error { background-color: #FEE; border: 1px solid #900; color: #900; padding: 5px; }
	.forgot-pane .success { background-color: #EEF; border: 1px solid #009; color: #009; padding: 5px; }
.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; }