﻿body { padding: 0; margin: 0; font-family: Arial,helvetica,verdana; font-size: 10pt; background-color: #E4E4E4; }
h1,h2,h3,h4 { padding: 0; margin: 0; }
a img { border: 0px; }
form { padding: 0; margin: 0; }
.preheader { padding: 2px; background-color: #004B69; height: 20px; position: relative;  }
.preheader .leftmenu { color: yellow; line-height: 20px; font-weight: bold; }
.preheader .rightmenu { position: absolute; top: 0; right: 0; padding: 0 5px 0 0; line-height: 24px; color: #fff; }
.preheader .rightmenu a { color: #fff; text-decoration: none; }
.header { background: url('../images/bg1.png') repeat-x bottom left; padding: 10px; position: relative; height: 80px; }
.header h2 { color: #AAD2FA; font-family: Tahoma; font-size: 11pt; }
.header .ads { position: absolute; top: 5px; right: 5px; }
.submenus { text-align: center; }
.submenus a { background-color: #004A69; color: #fff; padding: 5px 20px 5px 20px; text-decoration: none; }
.submenus a:hover { border-bottom: 5px solid #0084B9; }
.submenus a:active { background-color: #fff; color: #004A69; }
.content { width: 85%; min-height: 500px; margin: 20px auto 20px auto; border: 1px solid #ccc; padding: 10px; background-color: #fff; position: relative; }
.footer  { background: url('../images/bg1.png') repeat-x bottom left; padding: 15px 0 15px 0; text-align: center; }
.footer a { color: #fff; padding: 0 15px 0 15px; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.content .column_left { position: absolute; top: 0; left: 0; width: 200px;  background-color: #E4F3FB; }
.content .column_left h3 { background-color: #004A69; color: #fff; padding: 5px; margin: 0 0 20px 0; }
.content .column_right { margin-left: 210px; position: relative; }
.description { list-style: none; }
.description li { margin: 10px 0 10px 0; font-size: 12px; }
.column_container { position: relative; margin-top: 20px; }
.content h2 { color: #000; margin-left: 20px; }
.pad5 { padding: 5px; }


div.mail_folders { position: absolute; top: 20px; left: 0; }
div.mail_folders ul { clear:both; float:left; width:100%; list-style:none; margin:0; padding:0; width: 100px; }
div.mail_folders ul li { display: inline; list-style:none; margin:0; padding:0; }
div.mail_folders ul li a { display:block; float:left; width: 100px; padding: 4px 0 4px 5px; font-weight: bold; background:#9CBEE7; color:#000; text-decoration:none; border-bottom:  1px dashed #fff; }
div.mail_folders ul li a:hover { background:#369; color:#fff; }
div.mail_folders ul li a.active { color:#000; background:#fff; border: 1px solid #000; font-weight:bold; margin-top: -1px; padding-top: 5px; margin-left: -6px; width:110px; }
div.mail_folders ul li a span { display:block; }
div.mail_container { position: relative; margin: 0 auto; }
div.mail_content { margin-left: 115px; }

input[type=submit] { background: url(../images/fade-blue20.png) repeat-x top left; padding: 0 10px 0 10px; border: 1px solid #34a7db; color: #002d42; height: 20px; line-height: 20px; font-weight: bold; font-family: Tahoma; font-size: 11px;  }

.padit5 { padding: 5px; }
 
.divform div { margin: 0 0 10px 0; }

.topsep { border-top: 1px solid #004A69; padding: 10px 0 0 0; margin-top: 10px; }


.profile { border: 1px solid #E9E9E9; padding: 10px; margin-top: 10px; background:url(../images/fade-blue2.png) repeat-x top left; background-color:#e9f6ff }
.profile .name  { font-family: Georgia; font-size: 12pt; }
.profile .detail { margin: 0 160px 0 0; }
.profile .detail2 { margin: 0 0 0 160px; }
.profile2 {  position: relative; min-height: 100px; }
.profile .links { margin: 10px 0 0 0; }
.profile .links a { margin: 0 25px 0 0; color: #004A69; text-decoration: none; }
.profile .links a:hover {  text-decoration: underline; }

.message { border: 1px solid #E2C822; background-color: #FFF9D7; color: #000; font-family: Tahoma; padding: 15px; margin: 15px 50px 25px 50px;  }

.button { background: url(../images/fade-blue20.png) repeat-x top left; padding: 0 10px 0 10px; border: 1px solid #34a7db; color: #002d42; height: 20px; line-height: 20px; font-weight: bold; font-family: Tahoma; font-size: 11px;  }

.paging2 {padding:15px 0 15px 25px; background-color: #004A69; margin: 10px 0 20px 0; color: #fff; }
.paging2 span {padding-right:150px}
.paging2 a {margin:0 5px;color:#fff;padding:3px;background-color:#a30101;text-decoration:none;border: 1px solid #fff;}
.paging2 a.current { color: #a30101; background: #fff; border: 1px solid #a30101;}
.paging2 span.inactive { color: #fff; background: #ccc; border: 1px solid #ccc;margin:0 5px;padding: 3px;}
.paging2 a:hover { color: #a30101; background: #fff;border: 1px solid #a30101;}

.links_button { margin: 20px 0 0 0; }
.links_button a { background: url(../images/fade-blue20.png) repeat-x top left; padding: 5px 10px 4px 10px; margin: 0 15px 0 0; border: 1px solid #34a7db; height: 20px; color: #002d42;  line-height: 20px; font-weight: bold; font-family: Tahoma; font-size: 11px; text-decoration: none; background-color: #3bb5ed;  }


.tableform { font-size: 14px; margin: 20px 0 0 50px; }
.tableform td:first-child { line-height: 30px; padding: 0 5px 0 0; }
.tableform tr { vertical-align: top; }
.tableform input[type=text], .tableform select, .tableform input[type=password] { padding: 4px; border: 1px solid #ddd; font-size: 14px; }
.tableform .submit td { padding-top: 15px; }
.tableform .submit input { background: url(../images/fade-blue.png) repeat-x top left; padding: 0 20px 0 20px; border: 1px solid #34a7db; color: #002d42; height: 28px; line-height: 28px; font-weight: bold; text-transform: uppercase; }
.form_error { font-size: 10px; color: #f00; padding: 4px; border-bottom: 1px solid #f00; margin-bottom: 10px; width: 200px; background-color: #FFF0F0; }
