/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; outline: 0; font-size: 14px; font-family: Tahoma, Sans-Serif; vertical-align: middle;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}

caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: “”;}
blockquote, q {quotes: “” “”;}
body,p,td,th,ul,li{ color: #000; font-family: “Lucida Grande”, Arial, Tahoma; font-size: 12px; line-height: 15px; padding: 0; margin:0; }
.clearspace {clear:both; height:0px; padding:0px; margin:0px; width:0px;}
a { color: #888888; text-decoration: none; }
a:hover { color: #333; }
a:active { color: #333; }

BODY {
	background-color: #FFFFFF;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
background-image:url('../images/gradient.png');
background-repeat:repeat-x;
background-color:#FFFFFF;

}
TABLE, TR, TH, TD, P, DD{
	font-family: "MS Sans Serif", Verdana, Aril, Tahoma, AngsanaUPC, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}
table.frame { font-size:12px; color: #7D7D7D; border: 1px solid #CCC; background-color: #F9F9F9; }
input{
	font-family: Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FF0000;
	height: 24px;
}
HR{
	color: #666666;
	border-top-style: dotted;
}

.small{
	font-family: "MS Sans Serif", Verdana, Aril, Tahoma, AngsanaUPC, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #6a6a6a;
}
.bottom_menu{
	font-family: "MS Sans Serif", Verdana, Aril, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: silver;
}
A.bottom_menu:LINK, A.bottom_menu:VISITED, A.bottom_menu:ACTIVE{
	font-family: "MS Sans Serif", Verdana, Aril, Tahoma, AngsanaUPC, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: yes;
	color: gray;
}
A.bottom_menu:HOVER{
	font-family: "MS Sans Serif", Verdana, Aril, Tahoma, AngsanaUPC, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: yes;
	color: #cc0000;
}
.big{
	font-family: Verdana, Aril, "MS Sans Serif", Tahoma, AngsanaUPC, sans-serif;
	font-size: 28px;
	font-weight: normal;
	text-decoration: none;
	color: #6a6a6a;
}

.head{
	font-family: Verdana, Aril, "MS Sans Serif", Tahoma, AngsanaUPC, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	color: silver;
}

.subhead{
	font-family: "MS Sans Serif", Verdana, Aril, Tahoma, AngsanaUPC, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #477717;
}

A:LINK, A:VISITED, A:ACTIVE{
	font-family: "MS Sans Serif", Verdana, Aril, Tahoma, AngsanaUPC, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	color: #cc0000;
	
}
A:HOVER {
	font-family: "MS Sans Serif", Verdana, Aril, Tahoma, AngsanaUPC, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #cc0000;
}

A.white:LINK, A.white:VISITED, A.white:ACTIVE{
	font-family: "MS Sans Serif", Verdana, Aril, Tahoma, AngsanaUPC, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	
}
A.white:HOVER {
	font-family: "MS Sans Serif", Verdana, Aril, Tahoma, AngsanaUPC, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #40FF41;
}

A.calendar:LINK, A.calendar:VISITED, A.calendar:ACTIVE{
	font-family: "MS Sans Serif", Verdana, Aril, Tahoma, AngsanaUPC, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: black;
	
}
A.calendar:HOVER {
	font-family: "MS Sans Serif", Verdana, Aril, Tahoma, AngsanaUPC, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #40FF41;
}

.frame{
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	background-color: #FFFFFF;
}

.copyright{
	font-family: Verdana, Aril, "MS Sans Serif", Tahoma, AngsanaUPC, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
}
a.copyright:link, a.copyright:visited{
	font-family: Verdana, Aril, "MS Sans Serif", Tahoma, AngsanaUPC, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
}
a.copyright:hover{
	font-family: Verdana, Aril, "MS Sans Serif", Tahoma, AngsanaUPC, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	color: #FF0000;
}

.input{ font-family: "MS Sans Serif", Verdana, Aril, Tahoma, AngsanaUPC, sans-serif;
	font-size: 12px; 
	background-color: #CCFF35;
	color: #435900; 
	border: 1px #7F9DB9 solid; 
	padding: 0px 0px;; 
	text-align: left;
}
.table_content {
	border-left-color: #b2b2b2;
	border-right-color: #b2b2b2;
	border-bottom-color: #b2b2b2;
	border-top-color: #b2b2b2;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
}

.menubar{
	font-family: "MS Sans Serif", Verdana, Aril, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: white;
}
A.menubar:LINK, A.menubar:VISITED, A.menubar:ACTIVE{
	font-family: "MS Sans Serif", Verdana, Aril, Tahoma, AngsanaUPC, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: white;
}
A.menubar:HOVER{
	font-family: "MS Sans Serif", Verdana, Aril, Tahoma, AngsanaUPC, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: yellow;
}
#Login{
	margin-left: auto; 
	margin-right: auto;
	position: relative;
	top: 50px;
	width: 555px;
	height: 252px;
	background-image:url('../images/login.png');
	background-repeat:repeat-x;
	text-align:center;
}
#agreement{
	margin-left: auto; 
	margin-right: auto;
	position: relative;
	top: 50px;
	width: 800px;
	height: 500px;
	background-image:url('../images/bg_agree.png');
	background-repeat:repeat-x;
	text-align:center;
}
#copyright{
	margin-left: auto; 
	margin-right: auto;
	position: relative;
	top: 60px;
	width: 555px;
	height: 50px;
	font-family: Tahoma, sans-serif;
	font-size: 12;
	color: silver;
}
#toolbar{
	position:relative;
	height:32px;
}

#search_box{
	height: 37;
	position:relative;
	top: 0px;
	text-valign: top;
}

#content{
	top: 0px;
	position:relative;
}

#textbox{
	height: 40px;
}

#tab_head{
	height: 24px;
	background-color: #cee1f0;
	vertical-align: middle;
	padding-left: 2;
	padding-right: 2;
}
#tab_content{
	height: 24px;
	background-color: #FFFFFF;
	vertical-align: middle;
	padding-left: 2;
	padding-right: 2;
}

.mpointer{
	cursor:pointer; 
}

#Page{
	height: 20;
	width: 561;
	top: 20px;
	position:relative;
	background-color: #b4d1e9;
	text-align: center;
}

#TextHead{
	position: relative;
	font-family: Tahoma, AngsanaUPC, sans-serif;
	font-size: 18px;
	font-weight: Bold;
	height: 20px;
}
#AddNew{
	position: absolute;
	top: 0px;
	font-family: Tahoma, AngsanaUPC, sans-serif;
	font-size: 18px;
	font-weight: Bold;
	color: red;
	height: 20px;
}
#Display{
	position: absolute;
	top: 0px;
	font-family: Tahoma, AngsanaUPC, sans-serif;
	font-size: 18px;
	font-weight: Bold;
	color: Green;
	height: 20px;
}
table.frame { font-size:14px; color: #7D7D7D; border: 1px solid #CCC; background-color: #F9F9F9; }

.style_tabfocus{
	height: 24px;
	vertical-align: middle;
	padding-left: 5;
	padding-right: 5;
	cursor:pointer; 
	background-color: #e6e6e6;
	border-left: 1px solid Gray;
	border-top: 1px solid Gray;
	border-right: 1px solid Gray;
}
.style_tabunfocus{
	height: 24px;
	background-color: #F9F9F9;
	vertical-align: middle;
	padding-left: 5;
	padding-right: 5;
	cursor:pointer; 	
	border-left: 1px solid Silver;
	border-top: 1px solid Silver;
	border-right: 1px solid Silver;
}
.input_require{
	background-color: #ffece3;
}

#tab_blank{
	height: 32px;
	vertical-align: middle;
	padding-left: 2;
	padding-right: 2;
}
#loginerror{
	font-size:14px; color: #FF0000; 
}
#tr_style1{
	height: 34;
}
#checking{
	background-color: #FF0000;
	position: absolute;
	top: 20px;	
	height: 20px;
	width: 100px;
}
#Box{
	width: 600px;
	border: 1px solid #CCC; 
	background-color: #F9F9F9; 
	padding-left: 10;
	padding-right:10;
}
#BoxBlank{
	width: 600px;
	padding-left: 10;
	padding-right:10;
}
#tab1{
	width: 600px;
	border: 1px solid #CCC; background-color: #F9F9F9; 
	padding-left: 10;
	padding-right:10;
}
#tab2{
	width: 600px;
	border: 1px solid #CCC; background-color: #F9F9F9; 
	padding-left: 10;
	padding-right:10;
}

#helpframe{
	width: 500px;
	height: 500px;
	border: 1px solid silver;  
	padding-left: 0;
	padding-right:0;
	background-color: #ffffff;
}
#helpshadow{
	width: 500px;
	height: 520px;
	padding-left: 0;
	padding-right:0;
	background-color: #000000;
}

#helptitlebar{
	background-color: #e6e6e6;
}

#changed_date{
	height: 24;
	color: gray;
}