html {
    margin: 0;
    padding: 0;
    background-color: #E9E9E9;
    background-image: url('gfx/mainBg.jpg');
    background-repeat: repeat-y;
    background-position: 50% 0%;
}

body {
    margin: 0;
    padding: 0;
	font: normal 13px "Segoe UI","Trebuchet MS",Arial,sans-serif; 
}

/**
 * Formated tags
 */
 
form {
    margin: 0;
    padding: 0;    
}

input, select, textarea {
	font: normal 13px "Segoe UI","Trebuchet MS",Arial,sans-serif;    
}

img {
    border: 0 none;
}

/**
 * Links
 */

a:link, a:visited, a:active {
    color: #8B1A1A;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #FF0000;
    text-decoration: underline;
    background-color: transparent;
}

/**
 * Lists
 */
 
ul {
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
}

/**
 * Buttons
 */

.button {
    background-color: #213B54;
    border-top: 1px solid #325980;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #325980;
    margin: 0;
    padding: 1px 8px 3px 7px;
    font: normal 13px "Segoe UI","Trebuchet MS",Arial,sans-serif;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: 3px 50%;
}

.button:hover {
    background-color: #BE082F;
    border-top: 1px solid #F6E0E6;
    border-bottom: 1px solid #8B2323;
    border-left: 1px solid #F6E0E6;
    border-right: 1px solid #8B2323;
}

/**
 * Main areas
 */
 
#divHeader {
    position: absolute;
    top: 0;
    width: 100%;
    background-image: url('gfx/header.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0%;
    margin: 0 auto;
    height: 140px;
    z-index: 2;
}

#divHeaderBackground {
    position: absolute;
    top: 0;
    width: 100%;    
    height: 140px;
    background-image: url('gfx/headerBg.jpg');
    background-repeat: repeat-x;
    z-index: 1;
}

#divHeaderBanner {
    position: absolute;
    top: 27px;
    left: 50%;    
    width: 468px;
    height: 60px;
    margin-left: -60px; /* -60 if twitter icon */ 
    color: #ffffff;
    background-color: #3B699B;  
    display: none;  
}

#divTwitter {
    position: absolute;
    top: 55px;
    left: 50%;    
    width: 50px;
    height: 50px;
    margin-left: 430px; /* -60 if twitter icon */ 
    color: #ffffff;
    display: block;      
}

#divMain {
    margin-top: 140px;
    width: 100%;
    top: 140px;
    background-color: #E9E9E9;
    background-image: url('gfx/mainBg.jpg');
    background-repeat: repeat-y;
    background-position: 50% 0%;
}

#divCenter {
    width: 950px;
    left: 50%;
    padding: 20px;    
    margin: 0 auto 0 auto;
    border-top: 0 none;
    border-bottom: 0 none;
    background-color: #F5EDE3;
}

/**
 * Navigation
 */
#divNavigation {
    position: absolute;
    left: 50%;    
    top: 115px;
    width: 960px;
    height: 25px;
    margin-left: -480px; 
    padding: 0;
    color: #ffffff;
}

#listNavigation {
    margin: 0;
    padding: 0;
}

#listNavigation li {
    float: left;
    height: 25px;
    margin-right: 0px;
    list-style-type: none;
    color: #5B82A8;
}

#listNavigation li:hover {
    color: #ffffff;
    background-color: #386491;
}


#listNavigation li a:link, #listNavigation li a:visited, #listNavigation li a:active {
    padding: 3px 15px;
    color: #5B82A8;    
    display: block;
    text-decoration: none;
}

#listNavigation li a#current, #listNavigation li a:hover  {
    color: #ffffff;
}


/**
 * Login
 */
 
#divLogin {
    position: absolute;
    left: 50%;    
    width: 310px;
    height: 110px;
    margin-left: 50px; 
    padding: 5px 20px; 
    background-image: url('gfx/loginBg.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;  
    color: #ffffff;
    font-weight: normal;    
}

/**
 * Menu
 */
 
#divMenu {
    float: left;
    width: 200px;
}

.divMenuBox {
    /*border: 1px solid #213B54;*/
    border-bottom: 5px solid #213B54;
    background-color: #ffffff;
    /*padding: 0 10px 10px 10px;*/
    padding: 0px;
    margin-bottom: 15px;
}

.divMenuBox h1 {
    /*margin: -1px -11px 15px -11px;*/
    margin: 0px 0px 0px 0px;    
    height: 22px;
    padding: 5px 0 0 10px;
	font: bold 13px "Segoe UI","Trebuchet MS",Arial,sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    background-image: url('gfx/menuTopBg.jpg');
    background-color: #213B54;
    background-repeat: no-repeat;
    background-position: 0px 0px;   
}

.divMenuBoxBorder {
    border-left: 1px solid #213B54;    
    border-right: 1px solid #213B54;
    padding: 5px 10px;    
}

.listMenu {
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;    
}

.listMenu li {
    margin: 0 -10px;
    padding: 2px 0px 2px 5px;
    border-left: 5px solid #ffffff;
}

.listMenu li:hover {
    margin: 0 -10px;
    padding: 2px 0px 2px 5px;
    border-left: 5px solid #CC0000;
}

.listMenu li a {
    text-decoration: none;
    display: block;
    color: #000000;
    background-image: url('gfx/icon_arrow.gif');
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 10px;    
}

.listMenu li a img {
    float: left;
    margin: 1px 5px 0 0;
}

.listMenu li.splitter  {
    height: 5px;
    margin-left: 0px;
    background-image: url('gfx/splitter.gif');
    background-repeat: repeat-x;
    background-position: 5px 50%;
    border: 0 none;
}

.listMenu li.splitter:hover  {
    border: 0 none;
}

/**
 * Content
 */
 
#divContent {
    float: right;
    width: 730px;
}

.divContentBox {
    border: 1px solid #213B54;
    border-bottom: 5px solid #213B54;    
    background-color: #ffffff;
    padding: 0 10px 15px 10px;
}

.divContentBox h1 {
    margin: -1px -11px 10px -11px;
    height: 22px;
    padding: 5px 0 0 10px;
	font: bold 13px "Segoe UI","Trebuchet MS",Arial,sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    background-image: url('gfx/contentTopBg.jpg');
    background-color: #213B54;
    background-repeat: no-repeat;
    background-position: 0px 0px;        
}

.divContentBox h1.box {
    margin: -1px -11px 10px -11px;
    height: 22px;
    padding: 5px 0 0 10px;
	font: bold 13px "Segoe UI","Trebuchet MS",Arial,sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    background-image: url('gfx/box01TopBg.jpg');
    background-color: #213B54;
    background-repeat: no-repeat;
    background-position: 0px 0px;        
}

.divContentBox h2 {
	font: bold 13px "Segoe UI","Trebuchet MS",Arial,sans-serif;
    color: #000000;
    margin: 0 0 10px 0;
    padding: 0;
}

.divContentBox p {
    margin: 0;
    padding: 0;
}

.divContentBox2 {
    border: 1px solid #213B54;
    border-bottom: 5px solid #213B54;    
    background-color: #ffffff;
    padding: 0 10px 15px 10px;
}

.divContentBox2 h1 {
    margin: -1px -11px 10px -11px;
    height: 22px;
    padding: 5px 0 0 10px;
	font: bold 13px "Segoe UI","Trebuchet MS",Arial,sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    background-image: url('gfx/box01TopBg.jpg');
    background-color: #213B54;
    background-repeat: no-repeat;
    background-position: 0px 0px;        
}

/**
 * Footer
 */

#divFooter {
    width: 950px;
    margin: 0 auto 10px auto;
    padding: 5px 20px;
    background-color: #E1D4C0;
    border-top: 1px solid #BAA68E;
    border-bottom: 1px solid #BAA68E;
}

#divFooterLeft {
    width: 195px;
    float: left;
    text-align: center;
    color: #655545;
    font: normal 12px "Segoe UI","Trebuchet MS",Arial,sans-serif;    
}

#divFooterRight {
    margin-left: 220px;
    text-align: center;
    color: #655545;
    font: normal 12px "Segoe UI","Trebuchet MS",Arial,sans-serif;    
}

.footerLink:link, .footerLink:visited, .footerLink:active {
    color: #655545;
    text-decoration: none;
    border-bottom: 1px dotted #655545;    
}

.footerLink:hover  {
    color: #FF0000;
    text-decoration: none;
    border-bottom: none;    
}


/**
 * Inbox
 */
  
.divInboxListItem {
    padding: 4px 5px;
    cursor: pointer;
}

.divInboxListItem a {
    display: block;
    text-decoration: none;
    color: #000;
}

.divInboxOptions {
    margin-top: 10px;
    padding: 5px;
    border: 1px solid #213B54;    
    background-image: url('gfx/icon_enter.gif');
    background-repeat: no-repeat;
    background-position: 20px 75%;        
}

/**
 * Messages
 */

.tableMessageHeader {
    border: 0 none;
    width: 708px;
}

.tableMessageHeader td {
    padding: 3px 5px;
    background-color: #dddddd;
    vertical-align: top;
}

.tableMessageHeader td.label {
    width: 100px;
    padding-right: 10px;
}

.divMessage {
    width: 686px; 
    padding: 10px;    
    overflow: auto;    
    border: 1px solid #213B54;
    border-top: 0 none;
}

#iframeHtmlMessage {
    width: 680px;
    height: 600px;
    border: 0 none;
}

#messageNavigation {
    padding: 3px 0;
    margin: 10px 0 0 0;
    border-bottom: 1px solid #213B54;
}

#messageNavigation li {
    list-style: none;
    margin: 0;
    display: inline;
}

#messageNavigation li a {
    padding: 2px 10px 3px 10px;
    margin-right: 3px;
    color: #213B54;
    border: 1px solid #213B54;
    border-bottom: 1px solid #213B54;
    background: #DDDDDD;
    text-decoration: none;
}

#messageNavigation li a:link { 
    color: #213B54;
}

#messageNavigation li a:visited { 
    color: #213B54;
}

#messageNavigation li a:hover {
    color: #ffffff;
    background: #BE082F;
}

#messageNavigation li a#current {
    color: #ffffff;
    background: #213B54;
    border-bottom: 1px solid #213B54;
}

#divMessageInfos {
    margin: 5px 0;
    display: none;
    background-color: #DDDDDD;
    padding: 10px;
}

#divMessageIPMap {
    display: none;
    width: 685px; 
    height: 300px; 
}

#divPrint {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 10;
}

#divPrintContent {
    padding: 10px;
    background-color: #ffffff;
}

/**
 * Spamlist
 */
.divSpamlistField {
    width: 325px;
    padding: 5px 10px;
    border: 1px solid #213B54;
    background-color: #eeeeee; 
    float: left;  
}

.divSpamlistField .list {
    margin-top: 5px;
    padding: 5px;
    height: 115px;
    overflow: auto;
    border: 1px solid #8DB2E3;
    background-color: #ffffff; 
}


/**
 * Loading
 */

#divLoading {
    position: relative;
    border: 1px solid #9A9A9A;
    background-color: #E9E9E9;
    width: 180px;
    height: 50px;    
    background-image: url('gfx/loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%; 
    display: none;      
}

/**
 * Message boxes
 */
#boxMessageOk {
	border: 1px solid #42BE08;
	color: #42BE08;
	background-color: #EBF8E6;
	padding:5px 10px 5px 35px;
	margin-bottom: 10px;
	font-weight: bold;
	background-image: url('gfx/icon_ok.gif');
	background-repeat: no-repeat;
	background-position: 5px 1px;
}

#boxMessageError {
	border:1px solid #BE082F;
	color:#BE082F;
	background-color:#F6E0E6;
	padding:5px 10px 5px 35px;
	margin-bottom:10px;
	font-weight: bold;
	background-image: url('gfx/icon_error.gif');
	background-repeat: no-repeat;
	background-position: 5px 1px;
}

.boxBlueInfo {
    border: 1px solid #8DB2E3;
    background-color: #DCE9FA;
    padding: 5px;
    color: #000000;
    margin-bottom: 10px;    
}

.boxYellowInfo {
    border: 1px solid #F7D6AD;
    background-color: #FFF9DE;
    padding: 5px 5px 5px 32px;
    color: #000000;
    margin-bottom: 10px;
	background-image: url('gfx/icon_info2.png');
	background-repeat: no-repeat;
	background-position: 5px 3px;    
}

/**
 * Recapcha
 */
#divSysError {    
    width: 100%;
    position:  fixed;
    bottom: 0;
    background-color: #C70909;
    color: #ffffff;
    font-weight: bold;
    padding: 10px 10px;
    text-align: center;
    display: none;
}

/**
 * Recapcha
 */
 
/*
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
    background-color:#FF0000 !important; //reCaptcha widget background color
}

#recaptcha_table {
    border-color: #FF0000 !important; //reCaptcha widget border color
}

#recaptcha_response_field {
    border-color: #FF0000 !important; //Text input field border color
    background-color:#FF0000 !important; //Text input field background color
}
*/