﻿body { background-color: #FFF; height: 100%; margin: 0; text-align: center; color: #000000; font-family: Arial; font-size: 10pt; }
.wrapper { width: 980px; margin-left: auto; margin-right: auto; text-align: left; height: 100%; background-image: url(../_images/background.jpg); background-repeat: no-repeat; }

.wrapper a { text-decoration: none; }

.header .logo { float: left; height: 99px; }
.header .nav { float: right; width: 703px; }
.header .nav .top { height: 68px; text-align: right; font-size: 10px; font-weight: bold; }
.header .nav .top a { color: #000; text-align: right; text-decoration: none; text-transform: uppercase; }
.header .nav .bottom { float: left; height: 37px; width: 100%; }
.header .nav .bottom a { margin-right: -5px; }
.header .nav .bottom img { border: none; margin-top: -13px; }

.content { float: left; width: 100%; }
.content .left { float: left; }
.content .right { float: right; width: 100%; }
.content .right .top { float: right; margin-left: 0; margin-right: 10px; margin-top: 50px; text-align: left; width: 690px; }
.content .right .bottom { margin-left: 10px; margin-right: 10px; clear: both; margin-top: 10px; float: none; }

.content .leftBox { background-color: transparent; background-image: url(../_images/leftboxbkgrnd.gif); background-repeat: no-repeat; float: left; height: 305px; padding: 10px 12px 12px 0; width: 469px; margin-left: 10px; }
.content .leftBox .header { clear: both; float: left; text-align: center; width: 463px; }
.content .leftBox .header hr { color: rgb(199, 202, 203); width: 420px; }
.content .leftBox .text { clear: both; float: left; font-size: 10pt; padding-left: 20px; padding-top: 10px; text-align: left; width: 400px; }
.content .leftBox .text li { margin-bottom: 15px; }
.content .rightBox { background-color: transparent; background-repeat: no-repeat; float: left; height: 305px; margin-left: 10px; width: 448px; }
.content .bottom { float: left; width: 100%; }
.content .bottom .section { float: left; margin-left: 40px; width: 250px; }
.content .bottom .section hr { color: #C7CACB; width: 250px; }
.content .bottom .section .text { height: 150px; }
.content .bottom .loginMain { float: left; margin-left: 20px; text-align: left; width: 300px; }
.content .bottom .loginMain .login { padding: 0 0 0 20px; }
.content .bottom .loginMain .login .text { float: left; margin-bottom: 5px; }
.content .bottom .loginMain .login .text label { float: left; font-size: 10pt; width: 70px; }
.content .bottom .loginMain .login .text input { border: 1px solid #1F2C45; display: block; float: left; width: 130px; }
.content .bottom .loginMain .login .button { clear: both; float: left; margin-left: 70px; }
.content .bottom .loginMain .login .validation { clear: both; float: left; font-size: 9pt; font-weight: bold; margin-top: 10px; }
.content .bottom .loginMain .login .options { float: left; list-style: none; padding-left: 0; margin-top: 40px; clear: both; margin-left: 0; }

.innerContent { clear: both; font-size: 10pt; margin-left: auto; margin-right: auto; position: relative; text-align: left; width: 600px; }
.innerContent a { text-decoration: underline; }

.secNav { float: left; padding: 10px 0 0 10px; width: 250px; position: absolute; }
.secNav .message { font-weight: bold; padding-bottom: 10px; height: 30px; }
.secNav .main { background-color: #76BEE1; padding: 5px 0 5px 10px; position: relative; z-index: 10; float: left; color: #000; width: 250px; }
.secNav .main .expand { cursor: pointer; font-weight: bold; text-decoration: underline; float: left; }
.secNav .main .navigation { display: none; clear: left; }
.secNav .main .login .text { width: 220px; margin-top: 5px; float: left; }
.secNav .main .login .text label { float: left; }
.secNav .main .login .text input { float: right; width: 150px; }
.secNav .main .login .button { float: right; margin-right: 30px; margin-top: 5px; }
.secNav .main .login .options { float: left; list-style: none; padding-left: 0; clear: both; margin-left: 0; }
.secNav .main .login .validation { color: #000000 !important; font-size: 9pt; font-weight: bold; float: left; }
.secNav .main a { color: #000; }
.secNav .main .toolkit ul { list-style: none; padding: 0; margin-top: 0; margin-left: 10px; }

.secNav .partSearch { background-color: #BFBFBF; font-weight: bold; margin-top: -5px; padding-left: 10px; padding-top: 10px; float: left; width: 250px; }
.secNav .partSearch .controls { font-size: 8pt; padding-bottom: 10px; padding-top: 10px; float: left; }
.secNav .partSearch .controls label { margin-right: 10px; float: left; }
.secNav .partSearch .controls input { float: left; height: 13px; font-size: 8pt; }
.secNav .partSearch .controls .button { margin-left: 10px; margin-top: 1px; clear: none; height: auto; }
.secNav .partSearch a { color: #BFBFBF; cursor: pointer; }
.secNav .partSearch img { clear: left; float: left; margin-left: 50px; padding-bottom: 10px; cursor: pointer; border: none; }

.footer { width: 980px; clear: both; font-size: 10pt; padding-bottom: 10px; text-align: center; padding-top: 70px; }
.footer .links { padding: 4px 0; text-align: center; width: auto; }
.footer .info { font-style: normal; text-align: center; }
.footer a { color: #4486FF; font-size: 10px; text-decoration: underline; }

.spacer { min-height: 150px; }
.content .top { float: left; margin-left: 250px; text-align: center; }
.forgotControls { float: left; font-weight: bold; margin-top: 5px; text-align: right; }
.forgotControls .input { margin-left: 10px; margin-bottom: 10px; }
.forgotImage { clear: both; float: right; margin-left: 20px; }
