@charset "utf-8";
/* CSS Document */

body	{ margin:0; padding:0; font-family:  Tahoma, Verdana, Arial, sans-serif; font-size:11px; line-height: 16px; background: #eee url(../images/bg.jpg) left top repeat-x; }
img		{ border: 0; }
p		{ margin: 5px 0; }
a		{  text-decoration: none; }
a:hover { text-decoration: none; }
p		{ font-family:  Tahoma, Verdana, Arial, sans-serif;font-size:11px; margin: 5px 0; }
td		{ font-family:  Tahoma, Verdana, Arial, sans-serif;font-size:11px; margin: 5px 0; }

#page	{ position: relative; width: 900px; height: auto; margin: 0 auto; }

#header	{ position: relative; width: 900px; height: auto; margin: 5px 0; }
.logo		{ position: relative; float: left; }
.cellcenter	{ position: relative; float: right; margin: 10px 0; }

#banner	{ position: relative; width: 900px; height: auto; margin: 5px 0; }

#head-content		{ background: url(../images/contentbg_01.jpg) left top no-repeat; width: 900px; height: 15px; margin: 0; padding: 0; }
#content				{ background: url(../images/contentbg_02.jpg) left top repeat-y; width: 900px; height: auto; margin: 0; padding: 0; }
#footer-content	{ background: url(../images/contentbg_03.jpg) left top no-repeat; width: 900px; height: 13px; margin: 0; padding: 0; }

.leftside		{ position: relative; float: left; margin: 5px; padding: 5px 5px 15px 5px; width: 180px !important; display: block; overflow: hidden; height: auto; background-color: #e7e7e7; }
.leftside h3	{ position: relative; float: left; color: #fff; padding: 3px 0 0 10px; width: 170px; height: 20px; margin: 2px 0; background: url(../images/headbg-menu.jpg) left top no-repeat; } 
.leftside ul		{ position: relative; float: left; width: 170px !important; height: auto; list-style: none; padding: 5px; margin: 0px; background-color: #fff; border: 1px #bbb solid; }
.leftside ul li	{ position: relative; float: left; width: 150px; height: auto; background: url(../images/icon_menu.jpg) left center no-repeat; padding-left: 20px; padding-top: 3px; padding-bottom: 3px; } 
.leftside ul li	a	{ color: #37a0cf; text-decoration: none; }
.leftside ul li	a:hover	{ color: #00CCCC; text-decoration: none; }

.rightside			{ position: relative; float: right; width: 680px; height: auto; margin: 5px; }
.rightside h3.headtopic 	{ position: relative; float: left; width: 650px; height: 15px; background: url(../images/headtopic.jpg) left top no-repeat; margin: 0px; padding: 10px 15px; color: #fff; }
.rightside h3.headtopic  a	{ color: #fff; text-decoration: nonee; }
.rightside h3.headtopic  a:hover	{ color: #FFCC00; text-decoration: nonee; }
.rightside h3.headtopicSub	{ position: relative; float: left; width: 650px; height: 15px; background: url(../images/headtopicEach.jpg) left top no-repeat; margin: 5px 0; padding: 10px 15px; color: #fff; }

.tablecontent	{ position: relative; float: left; background-color: #d5edfa; width: 680px; }
.tablesubcontent	{ position: relative; float: left; background-color: #d5edfa; width: 160px; }
.subtablecontent	{ background-color: #0099CC; border-color: #0099CC; }

.boxtextarea		{ width: 300px; height: 100px; }

#footer	{ position: relative; width: 100%; height: 64px; margin: 40px 0 0; padding: 10px 0; background: url(../images/bg_footer.jpg) left top repeat-x; }
.footer  { position: relative; width: 900px; height: auto; margin: 0 auto; }

.footer span 	{ color: #037ec4; }
.company	{ position: relativee; float: left; width: auto; height: auto; }
.ddesign	{ position: relativee; float: right; width: auto; height: auto; margin: 10px 0 0 }

.loginbox		{ position: relative; float: left; width: 165px; height: auto; padding: 5px; background-color: #fff; margin: 0;  border: 1px #bbb solid; }
.whoonline		{ position: relative; float: left; width: 90px; height: auto; margin: 8px 0; }
.whoonline span	{ position: relative; float: left; background: url(../images/icon_online.png) left top no-repeat; padding-left: 25px; color: #333333; }
.logoff			{ position: relative; float: left; width: 77px; height: 20px; margin: 8px 0; }
.logoff input	{ position: relative; float: left; width: 77px; }
.history		{ position: relative; float: left; width: 170px; height: auto; margin: 10px 0; color: #737373; }
.history span.topic	{ font-weight: bold; text-decoration: none; }
.quota			{ position: relative; float: left; width: 170px; height: 15px; margin: 5px 0; background-color: #fff; }
h1 {
	font-family: Tahoma;
	font-size: 18px;
	margin: 0 0 10px 0;
	color: #f69722;
	text-transform: capitalize;
}
h2 {
	font-family: Tahoma;
	font-size: 11px;
	margin: 0 0 5px 0;
	color: #000000;
}
head3 {
	font-family: Tahoma;
	font-size: 10pt;
	margin: 5px 5px 5px 5px;
	color: #FFFFFF;
	text-align: justify;
}

 .sending input	{ 
BORDER-RIGHT: #d5edfa 1px solid; BORDER-TOP: #d5edfa 1px solid; font-size: 10pt; BORDER-LEFT: #d5edfa 1px solid; COLOR: #474747; BORDER-BOTTOM: #d5edfa 1px solid; FONT-FAMILY: "Tahoma"; BACKGROUND-COLOR: #d5edfa; TEXT-DECORATION: none
 }

 .sending select	{ 
BORDER-RIGHT: #d5edfa 1px solid; BORDER-TOP: #d5edfa 1px solid; font-size: 10pt; BORDER-LEFT: #d5edfa 1px solid; COLOR: #474747; BORDER-BOTTOM: #d5edfa 1px solid; FONT-FAMILY: "Tahoma"; BACKGROUND-COLOR: #d5edfa; TEXT-DECORATION: none
}
.login	2			{ position: relative; width: 341px; height: auto; margin: 0 auto; padding: 0; }
.logintopic2 		{ position: relative; float: left; width: 341px; height: auto; margin: 5px 0; padding: 0; }
.logintopic2	 h3	{ position: relative; float: left; width: 341px; height: auto; margin: 0; padding: 0; } 
.loginbox2 span 	{ color: #037ec4; }
.login2 input.textbox	{ width: 320px; }
.loginbox2	{ position: relative; float: left; width: 321px; height: 166px; margin: 0; padding: 10px; background: url(../images/bg_login.jpg) left top no-repeat; }