/**********   GENERAL STYLES   **********/
* {
   padding: 0px;
   margin: 0px;
}
body, html {
   background: #ffffff;
   width: 100%;
   height: 100%;
}
body, td, th, select, input, textarea, h3, h4 {
   font-family: Arial, Verdana, Tahoma, Courier, sans-serif;
   color: #000000;
   font-size: 13px;
}
a, a:hover {
   color: #1136a6;
   text-decoration: underline;
}
big, .big {
   font-size: 14px;
}
table {
   border: 0px;
   border-collapse: collapse;
}
form, img, div, td {
   padding: 0px;
   margin: 0px;
   background: transparent;
   border: none;
}
p {
   padding: 0px 0px 14px 0px;
   margin: 0px;
}
h1 {
   padding: 0px 0px 25px 0px;
   margin: 0px;
}
h2 {
   padding: 0px 0px 14px 0px;
   margin: 0px;
}
h3 {
   padding: 0px 0px 2px 0px;
   margin: 0px;
   font-size: 16px;
   font-weight: bold;
   color: #4b85c3;
}
h4 {
   padding: 0px 0px 5px 0px;
}
ul {
   padding: 0px;
   margin: 0px;
   list-style: none;
}
ul li {
   padding: 0px;
   margin: 0px;
   background: transparent url(img/bullet.gif) no-repeat 0px 6px;
   padding: 0px 0px 14px 12px;
}
ul.big {
   padding: 11px 0px 0px 5px;
}
ul.big li {
   padding: 0px 0px 15px 25px;
   background: transparent url(img/li.gif) no-repeat 0px 2px;
   line-height: 1.2em;
}
ul.iconDot {
   padding: 3px 0px 0px 5px;
}
ul.iconDot li {
   line-height: 1.6em;
   background: transparent url(img/li.gif) no-repeat 0px 17px;
   padding: 12px 0px 1px 25px;
}
dl {
   font-size: 12px;
   line-height: 1.2em;
   padding: 1px 0px 10px 0px;
}
dt {
   color: #4b85c3;
   font-weight: bold;
   padding: 0px 0px 4px 0px;
}
dd {
   padding: 0px 0px 14px 0px;
}
.red {
   color: #cf2009;
}
.blue {
   color: #4b85c3;
}
.iframe {
   background: #dbecfc;
   padding: 2px 12px 4px 12px;
   margin: 0px 0px 14px 0px;
}
.iframe pre {
   padding: 0px; margin: 0px;
}
.iframe, .iframe * {
   font-family: "Courier New", Courier, sans-serif;
   font-size: 12px;
}

.table td, .table th {
   background: transparent url(img/brd.gif) repeat-y 100% 100%;
}

.table td {
   border-bottom: 1px solid #dbdbdb;
   padding: 5px 11px 3px 11px;
}
.table th {
   background-color: #448cd9;
   color: #ffffff;
   padding: 4px 11px 5px 11px;
   font-size: 13px;
}
.table {
   border-collapse: separate;
   border-spacing: 0px;
   border: 1px solid #525252 !important;
   margin-bottom: 15px;
}
.table td.nobr {
   background: #ffffff;
}

.table tr#odd  {
   background: #ffffff;
}

.table tr#even {
   background: #DBECFC;
}

.table th.nobr {
   background: #448cd9;
}
.table tr.nobr td, .table tr.nobr th {
   border-bottom: none;
}
/**********   DESIGN ELEMENTS   **********/
#main {
   height: 100%;
   width: 100%;
}
/* header */
#header {
   vertical-align: top;
   height: 277px;
   background: transparent url(img/bg_head.gif) repeat-x 0px 0px;
}
#headerSub {
   vertical-align: top;
   height: 110px;
   background: transparent url(img/bg_head_sub.gif) repeat-x 0px 0px;
}
.menu {
   height: 43px;
   background: transparent url(img/bg_menu_head.gif) no-repeat 0px 0px;
   padding: 0px 11px;
}
#headerSub .menu {
   background: none;
}
.menu div {
   float: left;
   background: transparent url(img/bg_menu.gif) no-repeat 100% 100%;
   height: 43px;
}
.menu div img {
   margin: 15px 0px 0px 0px;
}
.logo {
   height: 234px;
   vertical-align: top;
   background: #ffffff url(img/bg_logo.jpg) no-repeat 0% 100%;
   text-align: center;
}
.logo img {
   margin: 0px 0px 20px 0px;
}
#headerSub .logo {
   height: 100px;
   vertical-align: top;
   background: #ffffff url(img/bg_logo_sub.jpg) repeat-x 0% 100%;
   text-align: center;
}
#headerSub .logo img {
   margin: 0px;
}
.headeRight {
   width: 100%;
   vertical-align: top;
   background: transparent url(img/collage_sub.jpg) no-repeat 0% 100%;
   padding: 0px 0px 0px 50px;
}
.user {
   float: right;
   font-family: Verdana;
   font-size: 11px;
   font-weight: bold;
   padding: 22px 20px 0px 0px;
}
.headbox {
   height: 234px;
   vertical-align: top;
   text-align: right;
   background: transparent url(img/collage.jpg) no-repeat 0% 0%;
}
#icons {
   text-align: right;
}
#icons img {
   margin: 17px 24px 0px 0px;
}

/* middle */
.line {
   background: #79aff5;
   border-top: 1px solid #ffffff;
   border-bottom: 1px solid #ffffff;
}
.line img {
   height: 8px;
}
#corner {
   background: transparent url(img/crn.gif) no-repeat 0px 0px;
}
.middleOpera {
   width: 100%;
}
.middle100 {
   width: 100%;
   height: 100%;
}
.clmn_main, .clmn_right {
   vertical-align: top;
   padding: 18px 30px;
}
.clmn_main {
   padding: 18px 33px 18px 35px;
}
#corner .clmn_main, #corner .clmn_right {
   padding: 26px 30px;
}
.clmn_main {
   width: 59%;
}
.clmn_right {
   width: 41%;
   border-left: 1px solid #dbdbdb;
}

/* footer */
#footer {
   vertical-align: bottom;
   height: 82px;
   font-size: 12px;
   color: #595959;
   background: #ffffff;
}
#footer div.bg {
   height: 81px;
   background: #dbecfc url(img/bg_foot.jpg) no-repeat 0% 100%;
   padding: 0px 30px;
   text-align: right;
}
#footer img {
   float: right;
   margin: 24px 0px 0px 84px;
   //margin-right: 81px;
}
#footer div div {
   padding: 22px 0px 0px 0px;
   text-align: center;
   float: right;
}
#footer div p {
   padding: 0px 0px 4px 0px;
}

/* forms */
input {
   vertical-align: middle;
}
.field {
   background: #ffffff;
   border: 1px solid #919eb0;
   width: 93px;
   height: 19px;
   margin: 0px 8px 0px 3px;
}
.login table {
   margin: 0px 13px;
}
.login td {
   height: 51px;
   vertical-align: middle;
}
.login, .login .field, .login td {
   font-family: Verdana;
   font-size: 11px;
}
.login .field {
   padding-top: 2px;
}
.button {
   width: 61px;
   height: 19px;
}
.form {
   margin: 0px 0px 15px 0px;
}
.form table {
   width: 100%;
}
.form td {
   background: #dbecfc;
   border: 1px solid #ffffff;
   padding: 3px 7px;
   //padding: 2px 7px;
   text-align: left;
}
.form .field {
   width: 254px;
   height: 19px;
   margin: 0px;
}
.form textarea.field {
   height: 55px;
}
.form td.name {
   vertical-align: top;
   padding: 5px 12px 3px 12px;
}
.form .button {
    margin: 2px 0px 4px 0px;
}