html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
   outline: 0;
}

body {
   line-height: 1em;
   color: black;
   background: white;
   text-align: center;
   font-family:Arial, Helvetica, sans-serif;
}

ol, ul {
  list-style: none;
}

h4 {
   color:#5490CC;
   font-size:16px;
   font-weight:bold;
   line-height:130%;
   padding-right:30px;
   text-align:left;
}
h5 {
   color:#f89838;
   font-size:14px;
   font-weight:bold;
   padding-top:10px;
}


/* ----- HEADER ----- */
#container {
   margin:0 auto;
   width:960px;
   padding-top:25px;
   text-align: left;
}

#header {
   background:white url(/res/images/default/header.gif) no-repeat top center;
   height:106px;
}

#right_side {
   text-align:right;
   float:right;
   margin: 0 auto;
   margin-bottom:5px;
   position:relative;
   z-index:1000;
}

#stats {
   margin:0;
   padding:7px 0;
}

#photo {
   margin:0;
   padding:5px 0 5px 0;
   vertical-align:top;
}

#box1 {
   margin:0 0 1px 8px;
   width:220px;
   padding-bottom:20px;
   background:white url(/res/images/default/login_box_btm.gif) no-repeat bottom right;
}

#box1 h2 {
   width:220px;
   text-align:center;
   padding:10px 0 9px 0;
   background:white url(/res/images/default/login_box_top.gif) no-repeat top right;
}

.login ul {
   list-style-type:none;
}

.login {
   text-align:center;
}
.login label {
   font-size:10px;
}
.login #username, 
 #password {
   border:1px solid #5490CC;
   width:130px;
}

.login li .btn {
   margin-top:8px;
   background:url(/res/images/default/btn.gif) no-repeat top center;
   border:0;
   text-align:center;
   width:135px;
   height:24px;
   padding:0;
   color:white;
   font-weight:bold;
   font-size:10px;
}
.login li a.help {
   font-size: 10px;
   color:black;
   margin:2px 0;
   text-decoration:none;
}
.login li a.help:hover {
   text-decoration:underline;
   }

#main_box {
   margin:0;
   width:722px;
   padding-bottom:3px;
   background:white url(/res/images/default/main_box_btm.gif) no-repeat bottom right;
}

#copy h3 {
   padding-left:0px;
   font-weight:bold;
   color:#5490CC;
}
#copy h1,
#copy h2,
#copy h3,
#copy h4,
#copy h5 {
   padding-left:0px !important;
}

#main_box #copy p {
   padding-left:0px !important;
}
#main_box h2 {
   margin:10px 0 0 0;
   width:722px;
   text-align:left;
   padding:0px 0 9px 0;
   background:white url(/res/images/default/main_box_top.gif) no-repeat top right;
}
#box1 p {
   text-align:center;
}

/* ----- HEADER ----- */

ul#navbar {
   text-align:left;
   width:760px;
   margin-left:0;
   padding: 8px 0 8px 200px;
   background: white url(/res/images/default/gradient_bar.gif) 0 10px no-repeat;
 }

#navbar li {
   display:inline;
   position:relative;
   z-index:10000;
}
#navbar li a {
   padding:0 8px;
   margin-right: 14px;
   text-decoration:none;
   overflow:hidden;
   height:10px;
   text-indent:-999em !important;
}
#navbar li a:hover {
   text-decoration:none;   
}
#navbar li a span {
   visibility:hidden;
   font-size:10px !important;
}
#navbar li#services a {
   background:white url(/res/images/default/services_btn.gif) no-repeat scroll 0pt;
   width:46px;
}
div.services #navbar li#services a,
#navbar li#services a:hover {
   background:white url(/res/images/default/services_btn_over.gif) no-repeat scroll 0pt; 
   width:46px;
}
#navbar li#clients a {
   background:white url(/res/images/default/clients_btn.gif) no-repeat scroll 0pt;
   width:40px;
}
#navbar li#clients a:hover {
   background:white url(/res/images/default/clients_btn_over.gif) no-repeat scroll 0pt; 
   width:40px;
}
div.clients #navbar li#clients a,
#navbar li#clients a:hover {
   background:white url(/res/images/default/clients_btn_over.gif) no-repeat scroll 0pt; 
   width:40px;
}
#navbar li#company a {
   background:white url(/res/images/default/company_btn.gif) no-repeat scroll 0pt;
   width:52px;
}
#navbar li#company a:hover {
   background:white url(/res/images/default/company_btn_over.gif) no-repeat scroll 0pt; 
   width:52px;
}
div.company #navbar li#company a,
#navbar li#company a:hover {
   background:white url(/res/images/default/company_btn_over.gif) no-repeat scroll 0pt; 
   width:52px;
}
#navbar li#contact a {
   background:white url(/res/images/default/contact_btn.gif) no-repeat scroll 0pt;
   width:48px;
}
#navbar li#contact a:hover {
   background:white url(/res/images/default/contact_btn_over.gif) no-repeat scroll 0pt; 
   width:48px;
}
div.contact #navbar li#contact a,
#navbar li#contact a:hover {
   background:white url(/res/images/default/contact_btn_over.gif) no-repeat scroll 0pt; 
   width:48px;
}
#navbar li#home a {
   width:31px;
   background:white url(/res/images/default/home_btn.gif) no-repeat scroll 0pt;
}
#navbar li#home a:hover {
   width:31px;
   background:white url(/res/images/default/home_btn_over.gif) no-repeat scroll 0pt; 
}
div.home #navbar li#home a,
#navbar li#home a:hover {
   background:white url(/res/images/default/home_btn_over.gif) no-repeat scroll 0pt; 
   width:31px
}
.underline {
   text-decoration:underline;
   display:inline;
}
div.login {
   text-align:left;
}
/* ----- Content ----- */
#main_content {
   text-align:left;
   margin:0 auto;
}
#main_content img {
   float:left;
}
 
#main_content_home {
   position:relative;
}

#main_content p,
#main_content_home p {
   text-align:left;
   font-size:small;
   line-height:140%;
   padding:10px 20px 0 40px;
}
#main_content strong {
   font-weight:bold;
}
#main_content h1 {
   font-size:20px;
   font-weight:bold;
   padding-top:20px;
   padding-bottom:0;
   text-align:center;
}
#mid_content p {
   padding:10px 10px 0 0;
}
#mid_content {
   float:right;
   margin:1px 10px 0 0;
   width:490px;
   height:304px;
   overflow:auto;
}
#mid_content h3 {
   font-size:20px;
   font-weight:bold;
   padding-bottom:0;
   text-align:left;
}
#main_content_contact img {
   float:left;
}
#scrollcontent table {
   width:365px;
   font-size:10px;
   margin-top:5px;
   height:277px;
}
#scrollcontent td {
   padding:5px 5px;
   text-align:left;
}
#scrollcontent td.right1 {
   background-color:#ccc;
}
#scrollcontent td.right, 
#scrollcontent td.right1 {
   padding-left: 30px;
   line-height:120%
}
#scrollcontent td.left {
   font-weight:bold;
   background-color:#aaccee;
   border:1px solid #aaccee;
   width:80px;
   padding-left:10px;
   line-height:1.1em;
}
#terms_content {
   width:720px;
   height:304px;
   overflow:auto;
   float:right;
   margin:1px 10px 0 0;
}
#terms_content p {
   font-size:x-small;
   padding:0 10px 0 0;
   margin:3px 0 0 0;
   line-height:140%;
}
#scrollcontent h5 {
   font-weight:bold;
   margin-top:5px;
   font-size:12px;
}
#scrollcontent h6 {
   margin-top:15px;
   font-size:12px;
}
#scrollcontent p.indent {
   margin-left:25px;
}
#scrollcontent p.note {
   margin-left:25px;
   font-style:italic;
}

#existing {
   float:left;
   width:350px;
}
#existing form {
   text-align:left;
   font-size:10px;
}
#existing ol {
   padding:15px;
   background-color:#aaa;
}
#existing li {
   margin-bottom:10px;
   clear:both;
}
#existing li.help {
   margin-bottom: 0;
}
#existing input {
   border:1px solid white;
   width:200px;
}
#existing li a.help {
   font-size:10px;
   margin-left:100px;
   color:black;
   text-decoration:none;;
}
#existing li a.help:hover { 
   text-decoration: underline;
}
#existing input#address {
}
#existing input#password {
}
#existing h5 {
   margin:0 0 10px 15px;
}
#existing label {
   float:left;
   margin-right:10px;
   width: 70px;
}

#create_acct {
   float:right;
   width:350px;
}
#create_acct p.can {
   background-color:#aaa;
   padding:10px;
   min-height:71px;
}
#create_acct input {
   border:1px solid white;
   width:200px;
}
#create_acct h5 {
   margin:0 0 10px 15px;
}

#existing .btn,
#existing button {
   margin:8px 0 5px 15px;
   background:url(/res/images/default/btn_w.gif) no-repeat top center;
   border:0;
   width:135px;
   height:24px;
   padding:0;
   color:white;
   font-weight:bold;
   font-size:10px;
   cursor:pointer;
}

#create_acct .btn { 
   margin:8px 0 5px 15px;
   background:url(/res/images/default/btn_w.gif) no-repeat top center;
   width:135px;
   height:24px;
   padding:0;
   color:white;
   font-weight:bold;
   font-size:10px;
}

#my_acct {
   position:relative;
   top:105px;
   left:798px;
   z-index:100;
   width: 110px;
}

/* ----- FOOTER ----- */
#footer {
   border-top:1px solid #bbb;
   width:960px;
   padding-top:10px;
   padding-bottom:20px;
   margin:0px 0 10px 0;
}

#footer p {
   text-align:left;
   font-size:10px;
   width:400px;
   padding:0;
   margin:0 auto;
   color:#777;
   float:left;
}

#footer ul {
   color:#777;
   font-size:10px;
   float:right;
}

#footer li {
   display:inline;
   border-right:1px solid #777;
   padding-right:5px;
   padding-left:2px;
}
#footer a {
   text-decoration:none;
   color:#777;
}
#footer a:hover {
   text-decoration:underline;
   color:#5940CC;
}

#scrollbars {
   float:left;
   position:relative;
   width: 30px;
   height: 304px;
   margin-top:0;
   background: transparent url(/res/images/default/scrollbar.gif) center center no-repeat;
}

#scrollcontent {
   margin-top:0;
   overflow:hidden;
   height: 304px;
   font-size:11px;
   margin-bottom: 10px;
} 
#scrollcontent p {
   padding-left:0;
   margin-left:0;

}
#scrollcontent h3 {
   font-size:20px;
   font-weight:bold;
   padding-bottom:0;
   text-align:left;
}
#scrollcontent a {
   color:#5490CC;
   text-decoration:none;
}
#scrollcontent a:hover {
   text-decoration:underline;
   color:#777;
}
#up {
   height: 150px;
   width: 30px;
   position: absolute;
   top:0;
}
#down {
   height: 150px;
   width: 30px;
   position: absolute;
   top: 150px;
}



.register fieldset {
   padding: 10px 20px;
   border: 10px solid #ccc;
   margin: 0 0 5px 0;
}
legend {
   padding: 5px 10px;
}

.register fieldset input {
   font-size: 14px;
   padding: 1px 2px;
}

.register fieldset p {
   margin-bottom: 10px;
}
.register fieldset div {
   clear:left;
   padding: 5px 10px;
   border-bottom: 1px solid #ccc;
}
.register fieldset div.required {
   font-weight:bold;
}
.register fieldset div.required span {
   color: #900;
}
.register fieldset label {
   float:left;
   display:block;
   width: 150px;
   vertical-align: middle;
   padding-top:2px;
}
.register fieldset div.control {
   text-align:left;
   padding-left: 160px;
}
.register fieldset div input.nolabel {
   margin-left: 150px;
}


.register fieldset.errors {
   border-color: #600;
}
.register fieldset.errors li,
.register fieldset.admintools li {
   border-bottom: 1px solid #ccc;
   padding: 5px 10px;
}


.register fieldset button {
   border:6px double white;
   background-color: #5490cc;
   color: white;
   padding: 2px 4px;
   font-weight:bold;
   font-size: 14px;
   text-transform:uppercase;
   font-family: Arial, Helvetica, sans-serif;
   cursor:pointer;
}

.register fieldset button.delete {
   background-color: #990000;
   position:absolute;
   right:0;
}
.register fieldset button.disable {
   background-color: #d3872f;
   position:absolute;
   right:0;
}
.register fieldset button.enable {
   background-color: #79b672;
   position:absolute;
   right:0;
}


.message { 
   border: 1px solid #ccc;
   padding: 10px 20px;
   margin: 10px 0;
   color: #2e2e2e;
   background: #fef0a5;
}
.success.message {
   border-color: #79b627;
}
.failure.message {
   border-color: #990000;
}

#message_float {
   width: 640px;
   position:absolute;
   left:40px;
   top:0;
   z-index:10000;
}
#message_float p {
   padding-bottom: 8px;
}