/* --------------- header -------------------------- */
#headertop {background-image: url(/templates/images/back-email-header.gif); width: auto; border-left: 1px solid #DBDDDF;  border-right: 1px solid #DBDDDF; height: 70px; border-bottom: 1px solid #005383}
#headertop2 {background-image: url(/templates/images/back-email-header.gif); width: auto; height: 70px; border-bottom: 1px solid #005383}
#subheader {background-image: url(/templates/images/back-subheader.gif); height: 98px; background-color: #f0f0e8; border-left: 1px solid #DBDDDF;  border-right: 1px solid #DBDDDF; background-repeat: repeat-x; border-left: 1px solid #DBDDDF;  border-bottom: 1px solid #DBDDDF; }
#icons {float: left; width: 460px;}
#icons ul {list-style: none; padding: 0; margin :0}
#icons li {float: left; margin: 12px 4px 0 4px}
#icons li a {padding: 3px; display: block; text-align: center; text-decoration: none; font-size: .9em}
#icons li a:hover {padding: 2px; border: 1px solid #a0a8b1; display: block; text}
#icons li.selected {display: block; width: 50px; height: 50px;text-align: center; text-decoration: none; font-size: .9em}
#hads {float: left; width: 490px; text-align: right}
#hadsad {margin: 16px 0 0 0px; width: 468px; height: 60px; border: 1px solid #DBDDDF; text-align:center; padding: 5px; background-color:#FFFFFF}
.emailbox {border: 1px solid ##DBDDDF; padding: 1px}
.success {padding: 5px}
.success p {font-weight: bold; padding: 0 0 3px 0; margin: 0}
.success b {font-weight: bold; padding: 0 0 3px 0; margin: 0; font-size: 1.1em; color: #003300}
.success h4 {font-size: 1.2em; color: #003333; padding: 3px 0 3px 0; margin: 0; font-weight: bold}
#topbar {padding: 12px 0 8px 8px; background-color: #d2d2c1; background-image: url(/templates/images/back-topbar.gif); background-repeat: repeat-x; background-position: top; border-bottom: 1px solid #005383;}
#ticons td a {display: block; margin: 1px; padding: 3px; font-weight: bold; height: 100px}
#ticons td a:hover {display: block; margin: 0px; padding: 3px; border: 1px solid #a0a8b1; color: #990000}
#ticons td a:visited {text-decoration: underline}
.user {font-size: 1.1em; color: #666666; padding: 5px 0 5px 16px; border-bottom: 1px solid #005383; display: block; clear: both; background-color: #ffefc5; margin: 0 0 5px 0}
#announce {}

.at {font-weight: bold; color: #003366}
.lognote {font-weight: bold; font-size: .9em; color: #666666; padding: 5px 0 10px 0; display: block}


/* ----loginbox homepage -----*/
.login {border: 1px solid #fc863f}
#loginbox {background-color: #f7eed8; background-image: url(/templates/images/back-logbox.gif); background-repeat: repeat-x; padding: 10px}
#loginbox p {padding: 0px; margin:0px}
.logh3 {padding:4px 0 4px 10px; margin: 0px; background-color:#fc863f; background-repeat: repeat-x; color: white; font-size: 1.4em; text-align:left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; border: 1px solid #b75d27}
.logform {border: 1px solid #333333; padding: 3px}

#promo {margin: 4px 0 4px 0; padding: 3px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: center}
#promo h5 {padding: 0px; margin: 0px; font-size: 12px; font-weight: bold; color:#666666}
#promo a {text-decoration: underline; color: #0000CC; background-color:#FFFFFF}
.support {background-color: #FFFFFF; text-align: center; margin: 3px 0 3px 0}
.support a {display: block; background-color:#FFFFFF; padding: 5px 0 5px 0; border-top: 1px solid white; border-bottom: 1px solid white; display: block}
.support a:hover {border-top: 1px solid #FF6600; border-bottom: 1px solid #FF6600}

.user strong {font-weight: bold; color: #003333; padding: 3px 0 3px 0}
.userlogout a{padding: 5px; margin: 5px 5px 5px 0px; display: block; font-size: 1.2em; font-weight: bold; color: #0033FF; text-decoration: underline; background-color:#66FFFF; border: 1px solid #B8C4CB}
.menudiv {padding: 3px 0 3px 0; margin: 0 0 6px 0}
.menudiv a {display: block; text-decoration: none; font-size: 1em; font-family: Arial, Helvetica, sans-seriffont-weight: bold; color:#0066CC; height: 90px; line-height: 1em}
.menudiv td {text-align: center; padding:3px;border-top: 1px solid #B8C4CB; border-bottom: 1px solid #B8C4CB}
.menudiv a:hover {background-color:#ECF3F5; text-decoration: underline; color: #FF3300}
#fade {background:url(/images/back-fade.gif) repeat-x; height: 20px; display: block; clear: both }
#headernew {width: 770px; margin: 0 0 5px 0; height: 130px; display: block; }
.headerlog {} 


.aboutcool {font-size: .8em; color: #003366; padding: 3px 10px 3px 10px; margin: 0px; text-align: left}
.aboutcool a {text-decoration: underline}
#footer {clear: both; background: white; border-top: 1px solid #00B0CC; border-bottom: 1px solid #00B0CC; margin: 5px 0 8px 0; padding: 3px; text-align: center; display: block}

body {font-size: 76%; font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; margin: 0px; padding:0px;}

/*----  html tags, h1, h2 , he etc ----------------------------*/
h3 {padding:4px 0 4px 10px; margin: 0px; background-image:url(/templates/images/back-email.gif); background-repeat: repeat-x; color: white; font-size: 1.4em; text-align:left; font-family: Arial, Helvetica, sans-serif; border: 1px solid #005383}


.sign {clear: both; padding: 5px; margin: 3px 0px 8px 0px; font-size: 1.6em; font-weight: bold; color: #333366; background-color: #D3F9FA; border-top: 1px solid #0099FF; border-bottom: 1px solid #0099FF;; font-family: Arial, Helvetica, sans-serif;}
h2 {padding: 5px 0 5px 5px; margin: 0px; background-image:url(/templates/images/back-email2.gif); background-repeat: repeat-x; color: #383832; font-size: 1.4em; text-align:left; font-family: Arial, Helvetica, sans-serif; border: 1px solid #DBDDDF}


.lg1 {border: 1px solid gray; background-color: #66CCFF; color: #003366; font-size: .9em; font-weight: normal}
table {font-size: 1em}
.lg1 p {font-size:1em; font-weight: bold}
.lg1 p strong {font-size: 1.2em; color: #CC0000}

/*homepage*/
.now1 a{text-align:center; display: block; background-color:#FFFFFF; border: 1px solid #DBDDDF; padding: 9px}
.now1 a:hover {background-color: #f9f2ee; border: 1px solid #bbbfc4}
.now {text-align: center; text-decoration: underline}
.now p {padding: 0px; margin: 0px}
.now a {padding: 10px 0 10px 0; display: block; font-size: 1.6em; font-weight: bold; color: #0066FF; text-decoration: underline; border: 3px solid #003399; margin: 10px 0 10px 0}
.under {text-decoration: underline}

.wrap {border: 1px solid #DBDDDF; padding: 5px 5px 10px 5px; margin: 0 0 8px 0}
.wrap p {margin: 0; padding: 5px 9px 5px 5px}
.shad {background-image: url(/templates/images/shadow.gif); background-repeat: repeat-x; height: 12px; display: block}
.loginsubmit {padding: 5px; font-weight: bold; cursor: hand}

.lg2 {color: #003366; font-size: .9em; font-weight: normal; padding: 3px 0px 0px 0px;}
.lg2 p {font-size:1em; font-weight: bold}
.lg2 p strong {font-size: 1.2em; color: #CC0000}

.lg3 {border: 1px solid gray; padding: 5px; background-color:#FFFFCC}
.lg3 p {padding: 0px; margin: 0px}
.menu {font-size: .9em; font-weight: bold; color: #003366; text-decoration:none}
.your {font-size: .9em; font-weight: bold; color: #666666}
.logout a {font-size: 1em; font-weight: bold; color: #0033FF; text-decoration: underline}
.tophead {background-image:url(../images/tpl/layout/top2.gif); height:130xp; width: 770px; background-repeat: no-repeat; border-bottom: 1px solid #006593}
ul.features {font-size: 1em; list-style: none; padding: 0px; margin: 0px;}
.features li {padding: 5px; margin: 0px;border-bottom: 1px dotted #dbdddf; font-size: 1em}

.note {font-size: .8em; color:#666666; padding: 0; margin: 0}
.maillogo {font-size: 12px; font-weight: bold; color: #000033}
/* end custom */
select {font-size: 11px;}
p {font-size: 11px;}
td {font-size: 11px;}
input {font-size: 11px;}
A {
	FONT-FAMILY: verdana,tahoma,arial
}
A:link {
	
}
A:visited {
	TEXT-DECORATION: none
}
A:active {
	TEXT-DECORATION: underline
}
A:hover {
	TEXT-DECORATION: underline
}
A.nav {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; 
}
A.nav:hover {
	COLOR: #ff0000
}
A.headnav {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff
}
A.navitem {
	FONT-SIZE: 11px; COLOR: #ffffff
}
A.navitem:hover {
	COLOR: #FFFFFF
}
A.link {
	COLOR: #608db7
}
A.ltlink {
	FONT-SIZE: 11px; COLOR: #608db7
}
A.button {
	CURSOR: pointer
}
A.gt {
	COLOR: #000000
}


a:hover  {}
#title  { font-size:12px; font-weight:bold; line-height:150%; color:#FFFFFF; height: 28px; background-image: url('../images/tpl/tbl_mid2.gif'); }
#titleLight  { font-size:12px; font-weight:bold; line-height:150%; color:#000000; height: 28px; background-image: url('../images/tpl/tbl_mid.gif'); }
.tableborder { border:1px solid #ABB5D0;background-color:#FFF; }
.tableborderDark { border:1px solid #ABB5D0;}
.tdrow1 { background-color:#ECF7FE;
          border-bottom:1px solid #D2E6F4;
          border-right:1px solid #DD2E6F4;
          border-top:1px solid #FFF;
          border-left:1px solid #FFF;
        }				
.tdrow2 { background-color:#EEF8FF;
		  border-bottom:1px solid #CBDDE9;
          border-right:1px solid #CBDDE9;
          border-top:1px solid #FFF;
          border-left:1px solid #FFF;
        }
.tdrow3 { 
		  border-bottom:1px solid #CAD3D9;
          border-right:1px solid #B1C2CD;
          border-top:1px solid #FFF;
          border-left:1px solid #FFF;
        }
.tdrow4 { background-color:#ffffff;
		  border-bottom:1px solid #B1C2CD;
		  padding: 4px;
          
        }
#submenu   { border:1px solid #C5D5E0;background-color: #E2ECF3;font-size:12px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
.sbcopy {
	FONT-SIZE: 10px; COLOR: #426c96; FONT-FAMILY: verdana,tahoma,arial; LETTER-SPACING: -1px
}
.input{ border: 1px solid #5C99DC; background-color: #ffffff; color: #000000; }
#button   { border:1px solid #4C77B6;background-color: #DFE6EF; font-family:Verdana, Arial; font-size:11px; align: }				
#editbutton   { background-color: #DDDDDD; color: #000; font-family:Verdana, Arial; font-size:9px }