@charset "utf-8";
/*@import url('font.css');*/
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
*{outline:none;}
a{text-decoration:none; color:#fff;}
a:hover{text-decoration:underline;}
table {border-spacing:0;}
fieldset, img {border:0;}
ul {list-style:none; list-style-position:outside;}
header, footer, aside, nav, article, section, summary {display: block;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
input[type="text"][disabled]{box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;}
/* ------------------------------- #Basic Styles ------------------------------- */
html, body{height:100%; border:none;}
body {position:relative; font:normal 1em/1.30em 'GEInspiraM', Arial, serif; color: #FFFFFF;}
h1 {font-size:1.4em; line-height:1.2em;}
.logo{position:relative; height:100px;}
.logo img{
	position:absolute; left:-364px; top:30px; opacity:0; height:273px;
    -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; 
	-o-transition: all .3s ease-out; transition: all .3s ease-out;
}
.logo img.logoAnim{left:0px; opacity:1;}
#innerMonogram{display:none; margin-bottom:16px;}
.mContent{height:100%; height: 78%\9;}
.LoginBox{
	border-radius: 4px; margin:auto; padding:4%; opacity:1; filter:alpha(opacity=100); overflow:hidden; background: #FFF; max-width:330px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 330px; height:225px;
}
#signon{margin-top:15px;}
#signon input{margin-bottom:10px; font-family:"GEInspiraM", Arial, sans-serif; font-size: 18px; max-width:325px;}
#signon input#username, #signon input#password{
	color: #000; font-style:italic; border: 1px solid #c7d0d2; border-radius: 2px; display:block; width:100%; height: 30px; line-height:30px; padding:3px;
}
#signon input#username:focus, #signon input#password:focus{font-style:normal;}
.login {
	font-size: 1.1em; white-space: normal; width: 25em; text-align:center; font-weight: bold; color: #fff; padding:2px 9px;
	background-color:#0071b1; border-radius: 3px; border:0; position:relative; margin-bottom:0 !important; margin-top:12px;
}
.sharedbutton {
	font-size: 1.1em; white-space: normal; width: 25em; text-align:center; font-weight: bold; color: #fff; padding:2px 9px;
	background-color:#63676b; border-radius: 3px; border:0; position:relative; margin-bottom:0 !important; margin-top:12px;
}
.affiliatebutton {
	font-size: 1.1em; white-space: normal; width: 10em; text-align:center; font-weight: bold; color: #fff; padding:2px 9px;
	background-color:#0099FF; border-radius: 3px; border:0; position:relative; margin-bottom:0 !important; margin-top:12px;
}
input[type=button]:focus {top:1px;}
.errorMsg input[type=button]{font-size:1em;}
.errorMsg p{margin-bottom:10px;}
.footer{padding:10px 10px;text-align:center; font-size:.85em;}
.footer .footLink{margin-bottom:24px;}
.footer .copyright{font-size:.8em; margin-bottom:10px;}
/* ------------------------------- #custom checkbox style ------------------------------- */

#signon p.subTxt{font-size:.85em; font-style:italic; color:#666; margin-left:30px; margin-top:-12px;}
.errorMsg{display:none;}
/* ---------------------------------------------------------------------------- */
/* 									media query coding 							*/
/* ---------------------------------------------------------------------------- */
@media only screen and (max-width:1165px), (max-height:750px) {
        .logo img{height:200px;}
}
@media only screen and (max-width:950px) {
        .LoginBox{ width:275px; height: 340px;}
        h1 {font-size:1.2em; line-height:1.1em;}
        #signon input{max-width:266px;}
        .logo{height:30px;}
}
@media only screen and (max-height:590px) {
        .LoginBox{ height: 320px;}
        .logo{height:30px;}
        /*.logo img{display:none;}
        #innerMonogram{display:block;}*/
        .footer .footLink{margin-bottom:12px;}
}


/* --------------------------- #stick help links to bottom of page --------------- */
#newfooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align:center;
    font-size: .85em;
}
#newcopyright {
    font-size: .8em;
}
@media only screen and (max-height:465px) {
        #newfooter{display: none;}
}
/* ---------------------------------------------------------------------------- */