/*---Ball-----*/
body {
	margin: 0px;
	padding: 0px;
	body {
			SCROLLBAR-FACE-COLOR: #eeeeee;
			FONT-SIZE: 9pt;
			SCROLLBAR-SHADOW-COLOR: #b4b4b4;
			COLOR: #333333;
			SCROLLBAR-3DLIGHT-COLOR: #eeeeee;
			SCROLLBAR-ARROW-COLOR: #333333;
			FONT-FAMILY: ??,Verdana,Arial;
			SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
			SCROLLBAR-BASE-COLOR: #eeeeee
			}
	}
.H2  {COLOR: #006CB7; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 15px;LINE-HEIGHT: 21px;}
.H3  {COLOR: #333333; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 15px;LINE-HEIGHT: 19px;}
.mail_link{PADDING-RIGHT: 10px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND: url(../images/template/main/icon_arrow.gif) no-repeat right 6px; PADDING-BOTTOM: 0px; COLOR: #4C548D; PADDING-TOP: 0px;text-decoration:none;}
td {COLOR: #333333; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 13px;  LINE-HEIGHT: 19px;}
.gray_mainpage{	FONT: 8pt/12pt ' MS Sans Serif'; COLOR: #808080; LINE-HEIGHT: 15px}
.gray {	FONT: 8pt/12pt ' MS Sans Serif'; COLOR: #808080; }
.topmenu {COLOR: #ffffff; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 11px; LINE-HEIGHT: 19px;;text-decoration:none;}
.farther {COLOR: #333366; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 11px;  LINE-HEIGHT: 19px;;text-decoration:none;}
.leftmenu {COLOR: #050591; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi ; FONT-SIZE: 13px; LINE-HEIGHT: 16px;text-decoration:none;}
.menu_main {COLOR: #6c6c6c; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi ; FONT-SIZE: 13px; LINE-HEIGHT: 16px;text-decoration:none;}
.footer {COLOR: #ffffff; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 11px; LINE-HEIGHT: 19px;}
.totallist_event {COLOR: #666666; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 10px;  LINE-HEIGHT: 19px;}
.tit_event {COLOR: #666666; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 13px;  LINE-HEIGHT: 19px;}
.brand1 {COLOR: #d4e9fb; FONT-FAMILY: Arial; FONT-SIZE: 13px; }
.brand2 {COLOR: #d4e9fb; FONT-FAMILY: Arial; FONT-SIZE: 18px; LINE-HEIGHT: 18px;}
.powered {COLOR: #d4e9fb; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 10px; LINE-HEIGHT: 18px;}
.navigator {COLOR: #ffffff; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 12px;  LINE-HEIGHT: 19px;}
.text {COLOR: #333333; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 13px;  LINE-HEIGHT: 19px;}
.text_a {COLOR: #0066ff; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 13px; LINE-HEIGHT: 19px;}
.tit_sitemap {COLOR: #FF5801; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 13px;  LINE-HEIGHT: 19px;}
.text_body {COLOR: #748f9c; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 13px;  LINE-HEIGHT: 19px;}
.text_body_voice {COLOR: #748f9c; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 10px; ; LINE-HEIGHT: 19px;text-decoration:none;}
.gray_m {COLOR: #868686; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 13px;  LINE-HEIGHT: 19px;}
.txtlink{COLOR: #0066cc; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi ; FONT-SIZE: 13px; LINE-HEIGHT: 16px;text-decoration:none;}
.board {FONT-SIZE: 11px; COLOR: #ffa722; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi}
.tit_page {COLOR: #FF6600; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; text-decoration:none; FONT-SIZE: 11pt; FONT-WEIGHT: bold; }
.admis {COLOR: #ff6600; FONT-FAMILY: georgia,Tahoma, MS Sans Serif, Thonburi; text-decoration:none;FONT-SIZE: 12px;}
.tk3 {FONT-SIZE: 12px; COLOR: #404040; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi}
.tit-event01 {COLOR: #0099cc; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi ; FONT-SIZE: 13px; LINE-HEIGHT: 16px;text-decoration:none;}
.tit-event02 {COLOR: #949494; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi ; FONT-SIZE: 13px; LINE-HEIGHT: 16px;text-decoration:none;}
.tit-event03 {COLOR: #ff0000; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi ; FONT-SIZE: 13px; LINE-HEIGHT: 16px;text-decoration:none;}
.marquee {COLOR: #ff3300; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi ; FONT-SIZE: 13px; LINE-HEIGHT: 16px;text-decoration:none;}
.txt-login {COLOR: #0099cc; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi ; FONT-SIZE: 10px; LINE-HEIGHT: 16px;text-decoration:none;}
.queen {COLOR: #ffffff; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi ; FONT-SIZE: 15px; LINE-HEIGHT: 16px;text-decoration:none;}
.event{COLOR: #606060; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 13px;  LINE-HEIGHT: 18px;text-decoration:none;}
.lastest{COLOR: #ffffff; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 13px;  LINE-HEIGHT: 18px; ;text-decoration:none;}
.tit_lastest{COLOR: #1E7390; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 13px; LINE-HEIGHT: 18px;text-decoration:none;}
.tk-sch {COLOR: #777777; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi ; FONT-SIZE: 13px; LINE-HEIGHT: 16px;text-decoration:none;}
.tk-sch1 {COLOR: #577dc6; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi ; FONT-SIZE: 13px; LINE-HEIGHT: 16px;text-decoration:none;}
.tk-sch2 {COLOR: #fe8016; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi ; FONT-SIZE: 13px; LINE-HEIGHT: 16px;text-decoration:none;}
.searchINPUT{BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 8px; BORDER-LEFT-WIDTH: 0px; ; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 11px; BACKGROUND: url(../images/bg_input.gif) no-repeat 0px 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 191px; MARGIN-RIGHT: 1px; PADDING-TOP: 3px; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 0px}
.searchPRO{BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 8px; BORDER-LEFT-WIDTH: 0px; ; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 11px; BACKGROUND: url(../images/bg_input01.gif) no-repeat 0px 0px;BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 192px; MARGIN-RIGHT: 1px; PADDING-TOP: 3px; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 0px}

#table_line {TABLE-LAYOUT: fixed; BORDER-TOP: #ff7f04 2px solid; WIDTH: 100%; BORDER-BOTTOM: #fedcaf 1px solid; BORDER-COLLAPSE: collapse}
#table_line THEAD TR {BACKGROUND: #fffbf2; TEXT-ALIGN: center}
#table_line THEAD TH.ln {BORDER-RIGHT: #fedcaf 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px}
#table_line THEAD TH.ln2 {BORDER-RIGHT: #fedcaf 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fedcaf 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 6px; BORDER-LEFT: #fedcaf 1px solid; PADDING-TOP: 6px; BORDER-BOTTOM: medium none}
#table_line THEAD TH.ln3 {BORDER-RIGHT: #fedcaf 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 7px; PADDING-TOP: 8px}
#table_line TBODY TR {BACKGROUND: #fbfaf8}
#table_line TBODY TD.ln {BORDER-RIGHT: #fedcaf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fedcaf 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; PADDING-TOP: 6px}
#table_line TBODY TD.lnc {BORDER-RIGHT: #fedcaf 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fedcaf 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; PADDING-TOP: 6px; TEXT-ALIGN: left;}
#table_line TBODY TD.ln2 {BORDER-RIGHT: medium none; PADDING-RIGHT: 5px; BORDER-TOP: #fedcaf 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; BORDER-LEFT: #fedcaf 1px solid; PADDING-TOP: 6px; BORDER-BOTTOM: #fedcaf 1px solid}
#table_line TBODY TD.ln3 {BORDER-RIGHT: medium none; PADDING-RIGHT: 7px; BORDER-TOP: #fedcaf 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; BORDER-LEFT: #fedcaf 1px solid; PADDING-TOP: 6px; BORDER-BOTTOM: #fedcaf 1px solid}
#table_line TH.ln {	BORDER-RIGHT: #fedcaf 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fedcaf 1px solid; PADDING-LEFT: 0px; BACKGROUND: #fffbf2; PADDING-BOTTOM: 5px; PADDING-TOP: 6px; TEXT-ALIGN: center}
.tit_sch{COLOR: #0066cc; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 13px; ; LINE-HEIGHT: 19px;}
.smal{COLOR: #0066cc; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 10px; ; LINE-HEIGHT: 19px;text-decoration:none;}
/*---Ball-----*/


/*---Ann---*/
.white {COLOR: #FFFFFF; FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi; FONT-SIZE: 11px; LINE-HEIGHT: 19px;}
.bold_blue {font:bold 10pt 'Tahoma, MS Sans Serif, Thonburi';color:#0066ff;line-height:12pt;text-decoration:none;}
.orange {font: 10pt 'Tahoma, MS Sans Serif, Thonburi';color:#ff8000;line-height:12pt;text-decoration:none;}
.normal {
	font: 9pt 'Tahoma, MS Sans Serif, Thonburi';
	color:#000000;
	line-height:16px;
	text-decoration:none;
}
.validInput{
	font: 9pt 'Tahoma, MS Sans Serif, Thonburi';
	border:1px solid #408080;
	border-left:5px solid #408080;;
	background-color:#E2EBED;
	padding:2px;
}
.inputtext{
	font: 9pt 'Tahoma, MS Sans Serif, Thonburi';
	border:1px solid #E0E0E0;
	background-color:#FFFFFF;
	padding:2px;
}

.groovybutton
{
   font-size:12px;
   font-weight:bold;
   width:70px;
   height:25px;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ff33CCCC',EndColorStr='#ffFFFFFF');
   border-style:solid;
   border-color:#3399CC;
   border-width:1px;
}
.Btbutton
{
   font-size:12px;
   font-weight:bold;
   width:80px;
   height:25px;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ff80c0',EndColorStr='#ffFFFFFF');
   border-style:solid;
   border-color:#ff80c0;
   border-width:1px;
}
.complete {
   font-size:12px;
   font-weight:bold;
   width:80px;
   height:25px;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffcf9f',EndColorStr='#FFFFFF');
   border-style:solid;
   border-color:#ff80c0;
   border-width:1px;
}

.box{
	font: 9pt 'Tahoma, MS Sans Serif, Thonburi';
	border:1px solid #6AAB29;
	background-color:#FFFFFF;
	padding:2px;
}
.info{
	COLOR: #0080c0;
	FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi;
	FONT-SIZE: 13px; ;
	LINE-HEIGHT: 19px;
}
.program{
	COLOR: #ff6699;
	FONT-FAMILY: Tahoma, MS Sans Serif, Thonburi;
	FONT-SIZE: 13px; ;
	LINE-HEIGHT: 19px;
}
.textfield
{
	font-family : "MS Sans Serif";
	font-size : 9pt;
	border-style : solid;
	border-width : 1px;
	background-color : #ffffd5;
	border-color : #b0d7e1;
}
.textfield-noneed
{
	font-family : "MS Sans Serif";
	font-size : 9pt;
	border-style : solid;
	border-width : 1px;
	background-color : #FFFFFF;
	border-color : #BFBFBF;
}
.textfield-uncompleted
{
	font-family : "MS Sans Serif";
	font-size : 9pt;
	border-style : solid;
	border-width : 1px;
	background-color : #ffd5d5;
	border-color : #ff0000;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('../images/event/oval-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/event/oval-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 4px; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

fieldset {
  border: 1px dotted #61B5CF;
  margin-top: 1.4em;
  padding: 0.6em;
}

/*---Ann---*/

/*-- Techid --*/
html {overflow-y: scroll;}
.verdana {font:7pt 'Verdana';text-decoartion:none;}
.maskBG {background-image:url("/grad/images/template/mask.gif");}
.overlay {filter:alpha(opacity=50); opacity:0.6;}
.cLink {
	font: bold 9pt 'Tahoma';
	color:#517A10;
	padding:2px;
	text-decoration:none;
}
.greenbox {
	font-family: Tahoma;
	font-size: 9pt;
	border-style: solid;
	border-width: 1px;
	border-color:#639810;
	background-color:#E7F2D5;
}
.redbox {
	font-family: Tahoma;
	font-size: 9pt;
	border-style: solid;
	border-width: 1px;
	border-color:#984610;
	background-color:#F2E6D5;
}
pre {
	font: 9pt 'Tahoma';
}
/*--*/

.write {
	font: 10pt "Tahoma" ;
	color: #990000;
	line-height: 19px;
}

.p {
	font:  8pt "Tahoma" ;
	color:#999999;
}
.p1 {
	font:  9pt "Tahoma" ;
	color:#53a9ff;
}

.p2 {
	font:  Italic 10pt "Tahoma" ;
	color: #0099ff;
	line-height: 19px;
}
.p3 {
	font:  italic 8pt "Tahoma" ;
	color: #999999;
	line-height: 19px;
}