/*------------------------------------background page and setting---------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 1.4em; 
	background-repeat: repeat-x;
	background-position: top;
}
#mainpage { background-image: url(../images/templatemo_body_subpage.png) }
/*------------------------------------text style and setting-------------------------------------------*/
.styletop {
	font-size: 16px;
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
	color: #FF6666;
}
.styletop1 {
	font-size: 10px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.styletop2{
	font-size: 36px;
	font-weight: bold;
	font-family: Stencil;
	color:#42413d;
}
.styletopimg{ 
	margin:0 2px -2px 0; 
	padding: 0; 
	border:none; 
	width:16px; 
	height:16px; 
}
/*---------------------------------------button and setting------------------------------------------*/
.buttons a, .buttons button{
	border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;    
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height:100%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
	border-radius: 5px;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button img, .buttons a img{ 
	margin:0 2px -2px 0; 
	padding: 0; 
	border:none; 
	width:18px; 
	height:18px; 
}
.buttons a:active{ 
	background-color:#6299c5; 
	border:1px solid #6299c5; 
	color:#fff; 
}
.buttons a.positive:hover, button.positive:hover{ 
	background-color:#E6EFC2; 
	border:1px solid #C6D880; 
	color:#529214; 
}
/*-----------------textbox style--------------------------------*/
.txtstyle {
	background-color: #EFEBDE;
	border: #666666 1px solid;
	color: #0B0B0B;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	height: 21px;
	margin-bottom: 0 0 8px 15px;
	padding: 1px;
}
.txtstyle1 {
	background-color: #EFEBDE;
	border: #666666 1px solid;
	color: #0B0B0B;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	padding: 1px;
	padding-left: 1px;
}
.txtstyle2 {
	background-color: #EFEBDE;
	border: #666666 1px solid;
	color: #0B0B0B;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	padding: 1px;
	padding-left: -0px;
}
.txtstyle3 {
	background-color: #EFEBDE;
	border: #666666 1px solid;
	color: #0B0B0B;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	height: 22px;
	padding: 1px;
	padding-left: 1px;
	float:left;
}
/*-------------------textbox style date--------------------------*/
.stylepercent {
	background-color: #EFEBDE;
	border: #666666 1px solid;
	color: #0B0B0B;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	height: 21px;
	margin-bottom: 0 0 8px 15px;
	padding: 1px;
	background: url(../images/Percent.png) no-repeat scroll right center #EFEBDE;
}
/*--------------------text style--------------------------------*/
.style_12 {
	font-size: 12px; 
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.style_11 {
	font-size: 11px; 
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.style_10 {
	font-size: 10px; 
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.style {
	font-size: 10px; 
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.style1 {
	font-size: 14px;
	font-weight: bold;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.style2 {
	font-size: 14px;
	font-weight: bold;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.style3 {
	font-size: 16px; 
	font-weight: bold; 
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.style4 {
	font-size: 12px; 
	font-weight: bold;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.style5 {
	font-size: 11px; 
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.style6 {
	font-size: 11px; 
	font-weight: bold;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
/*------------------------------------navigator menu and setting---------------------------------------*/
#sddm
{	
	margin: 0;
	padding: 0;
	z-index: 30
}

#sddm li
{	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 10px  "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#sddm li a
{	
	display: block;
	padding: 2px 10px;
	font-size: 12px;
	color: #FFFFFF;	
	text-decoration: none;
	font-weight: 700;
	outline: none;
	text-align: center;
	width: 92px;
}

#sddm li a:hover
{
	/*background: #cc0000;*/
	color: #CC3366;
}

#sddm div
{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	border: 1px solid #d2cece;
}

	#sddm div a
	{	
		position: relative;
		display: block;
		margin: 0;
		padding: 1px 10px;
		width: 200px;
		white-space: nowrap;
		text-align: left;
		font-weight: 700;
		text-decoration: none;
		background: #f0f0f0;
		color: #434345;
		font-size: 11px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		display: block;
		outline: none;
	}