* { margin: 0; padding: 0; outline: 0; }

body, html {
     height: 100%; 
     min-height:490px;
    -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;
}


body {
    font-size: 12px;
    line-height: 1.3;
    font-family: Helvetica, sans-serif;
    color: #000;
   /* background: url(images/body.jpg) center no-repeat	 #fff;*/
    min-width: 100%;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: Helvetica, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; color: #fefefe; }

.shell { padding: 86px 0 0 0; width: 858px; margin: 0 auto;min-height:488px; }

.login {
    position:fixed;
    z-index:10000011;
    top:50%;
    left:50%;
    margin-left:-429px;
    margin-top:-225px;
}

.login-top  { width: 858px; height:  13px; background: url(images/top.png); overflow: hidden; }  
.login-bottom  { width: 858px; height:  17px; background: url(images/bottom.png); position: relative; margin: 0 0 -4px 0; z-index: 99; }
.login-center { position: relative; width: 858px; height: 346px; background: url(images/center.png); }
.login-center img { margin: 0 0 0 16px; width: 828px; height: 346px;}
.login-content { position: absolute; width: 795px; margin: 0 0 0 16px; padding: 10px 16px 0 16px; top: 0; left: 0; }


.photo-frame { width: 291px; height: 211px; background: url(images/bg1.jpg) repeat-x; border: solid 1px #9e9f9f; padding: 14px 13px; }
.photo { background: #7c7c7c; border: solid 1px #eaebeb; width: 288px; height: 209px; }
.photo img { width: 288px; height: 209px; margin: 0;}

#logo { float: right; display: inline; margin: 41px 16px 23px 0; }
#logo a { display: block; width: 166px; height: 57px; background: url(images/logo.png); }

.fields{ width: 331px; background: url(images/form.png); margin: 5px 0 0 0; height:331px; }
.fields form { width: 238px; margin: 0 auto 4px; }
.field { width: 216px; height: 22px; background: #fff; border: solid 1px #a5a5a5; font-size:10pt; line-height: 12pt; color: #333333; margin-bottom: 18px;padding:5px 5px; }

.links { float: left; padding: 0 0 0 0; width: 120px; } 
.links a { font-size: 11px; line-height: 12px; color: #fff; }
.links a:hover { text-decoration: none; color: #a5a5a5; }
.links .reset {  font-size: 11px; line-height: 15px; color: #fff; background: none; border: none; cursor: pointer; text-align: left; }
.links .reset:hover { color: #a5a5a5; }
.submit { float: right; width: 104px; position:relative; top: -10px; height: 44px; background: url(images/submit.jpg); border: none; cursor: pointer; margin-right: 5px;}

#content { padding: 0 0 0 13px; }

.info { float: left; width: 276px; height: 321px; margin: 0 1px 0 0; padding: 0 0 8px 1px; overflow: hidden; }
.info p { width: 226px; word-spacing: 2px; padding: 0 0 14px 0; }
p.larger { line-height: 20px; padding: 0 0 20px 0; }
.info a { color: #005473; }
.info h2 { font-size: 17px; line-height: 18px; color: #005473; font-weight: normal; padding: 2px 0 9px 0; }
.info h2.gray { color: #333333; padding: 2px 0  18px 0; }
.info-bottom { width: 276px; height: 3px; }
.info-center { padding: 27px 0 0 27px; width: 246px; }

.section.footer {
    height:150px;
}
#footer { text-align: right; }
#footer p { font-family: 'Myriad PRO', sans-serif; font-size: 10px; line-height: 16px; color: #cccccc; padding: 13px 16px 0 0; }