/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { margin:0; 	padding: 0; }
body {
	background-color: #FFFFFF;
	margin:0; padding:0; text-align:center;
	font: normal 11px "Lucida Grande", Helvetica, Verdana, Arial;
	color: #000;
	}

/**************************************
   LAYOUT 
***************************************/	
#wrap { background:#fff; width:980px; margin:0 auto; margin-top:10px; text-align:left;}
#main { 
width: 70%; 
margin: 0 auto; 
text-align: left; 
border: 1px #d8e4e8 solid; 
padding:10px 0 10px 0; 
box-shadow: 2px 2px 2px 2px #EEEEEE;
border-radius: 10px;
background-color:#ffffff; 
} 
#onecolumn { float: left; width: 98%; margin: 0;padding: 10px 10px 10px 20px; color: #000;}
#colcenter { padding:250px 0 100px 0; color: #000; text-align:center}

/* headers */
h1, h2{ font: "Lucida Grande", Helvetica, Verdana, Arial; }

h2{ font: bold 11px "Lucida Grande", Helvetica, Verdana, Arial; }

#title h1{ 
font: bold 12px "Lucida Grande", Helvetica, Verdana, Arial;
color:#028fbc; 
text-transform: capitalize;
border-bottom: 1px #028fbc solid;
}

.grey{ font-size: 9px; color: #999999;}

.red{ font: 11px "Lucida Grande", Helvetica, Verdana, Arial;; color: #ff1100; font-style:italic }

/* main content table */
.tb_main { 
width: 96%; 
margin: 0 auto; 
text-align: left; 
border: 1px #d8e4e8 solid; 
background-color:#f5f5f5; 
moz-box-shadow: 3px 3px 3px #ddd;
-webkit-box-shadow: 3px 3px 3px #ddd; box-shadow: 3px 3px 3px #ddd;
} 


/* link */
a:link { font-weight:bold; color: #3E5D97; text-decoration: none; }
a:visited {color:#3E5D97;	text-decoration: none; }
a:hover { color: #7199E2; text-decoration: none; }
a:active{ color: #9a2826;text-decoration: none; }

/* alignment classes */
.clear { padding-top: 5px }
.form_align { padding-left: 15px; }
.space50 { padding-left: 50px }
.space15 { padding-left: 17px }
.space_right { padding-right:20px; float: right;}
.left { MARGIN-LEFT: 163px}


/* NAVIGATION MENUS */
.terminal { background: url(../images/icon_terminal.png) 8px 2px no-repeat; height: 22px; padding:0px 10px 0 35px; }
.mailpayment { background: url(../images/icon_mailpayment.png) 8px 2px no-repeat; height: 22px; padding:0px 10px 0 35px; }
.logout { background: url(../images/icon_logout.png) 8px 2px no-repeat; height: 22px; padding:0px 10px 0 35px; }
.login { background: url(../images/icon_login.png) 8px 2px no-repeat; height: 22px; padding:0px 10px 0 35px; }

#pagemenu {
	height: 35px;
    float: right;
    padding-right:35px;
	}
	
#pagemenu ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0px;
	}

#pagemenu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#pagemenu ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#pagemenu li a, #pagemenu li a:link {
	color: #333333;
	display: block;
	height: 25px;
	margin-right: 10px;
	padding: 10px 10px 0 35px;
	text-decoration: none;
	text-transform: capitalize;
	font: bold 11px "Lucida Grande", Helvetica, Verdana, Arial;
    border: 1px solid #bebebe;
    background-color: #ececec;
    border-radius: 3px;
	}
	
#pagemenu li a:hover, #pagemenu li a:active{
    text-decoration: none;
   	background-color:#bcbcbc;
	color:#FFFFFF;
    border: 1px solid #eeeeee;	
	}

/* footer */
#footer { 
width:98%; 
margin: 0 auto; 
text-align: center; 
padding:10px 0 10px 0; 
font: 12px/16px "Lucida Grande", Helvetica, Verdana, Arial;
}