/* top elements */
* { outline: 0; }
html{
	min-height:100%;
	height:auto;
}
img {border:0;}
body,form{
	padding:0;
	margin:0;
}
body ,div,td{
	font-size: 14px;
	color: #666666;
	font-family:Tahoma;
}

/* headers */
h1 {
  font: normal 1.2em;
  margin:0;
  margin-bottom:10px;
  padding:0;
  padding-left:20px;
  color:dodgerBlue;
  background:url(../images/resultset_next.png) left center no-repeat;
  border-bottom:1px solid #CCCCCC;
}
h1 { font-size: 1.2em; font-weight:bold; margin: 10px 0px;} 
h2 { font-size: 1.2em; font-weight:bold; margin: 10px 0px;}
h3 { font-size: 1.1em; font-weight:bold; margin: 10px 0px;}
h4 { font-size: 1em; font-weight:bold; margin: 10px 0px;}

/* horizontal line */
hr{
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	border:0;
	padding:0;
	margin:2px 0px;
	line-height:0;
	font-size:1px;
	clear:both;
}
div.hr{
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	border:0;
	padding:0;
	margin:5px 0px;
	line-height:0;
	font-size:1px;
	overflow: hidden;
	clear:both;
}

.highlight {
	color: #F00;
	font-weight: bold;
}

.topic {
	font-weight: bold;
}

/* text-size */
.txt_ss{font-size:0.8em;}
.txt_s{font-size:0.9em;}
.txt_l{font-size:1.2em;}
.txt_xl{font-size:1.5em;}

/* text-color */
.txt_black_1{color:#444444;}
.txt_black_2{color:#222222;}
.txt_black_3{color:black;}

.txt_white_1{color:white;}
.txt_white_2{color:WhiteSmoke;}
.txt_white_3{color:#CCCCCC;}

.txt_red_1{color:salmon;}
.txt_red_2{color:red;}
.txt_red_3{color:Firebrick;}

.txt_green_1{color: GreenYellow;}
.txt_green_2{color: #16AF15;}
.txt_green_3{color: ForestGreen;}

.txt_blue_1{color:LightSkyBlue;}
.txt_blue_2{color:DeepSkyBlue;}
.txt_blue_3{color:dodgerBlue;}

.txt_gold_1{color:gold;}
.txt_gold_2{color:goldenrod}
.txt_gold_3{color:darkgoldenrod}

.txt_orange_1{color:orange;}
.txt_orange_2{color:darkorange;}
.txt_orangered_3{color:orangered;}

.txt_yellowgreen{color:YellowGreen;}

/* transparent */
.opacity_25{
	opacity:0.25;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
}
.opacity_33{
	opacity:0.33;
	filter: alpha(opacity=33);
	-moz-opacity: 0.33;
}
.opacity_50{
	opacity:0.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
.opacity_66{
	opacity:0.66;
	filter: alpha(opacity=66);
	-moz-opacity: 0.66;
}
.opacity_75{
	opacity:0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}

/* fix .png bug in IE6 */
img, div, a, input ,td ,table{ behavior: url("http://www.ecti-thailand.org/assets/css/iepngfix.htc") }

/* tooltip */
#tooltip{
	background:dodgerblue;
	display:none;
	color:white;
	padding:5px;
	position:absolute;
	z-index:99999;
}

/* Horizontal Tab */
.tab{
	text-align:left;
	word-spacing:5px;
	color:white;
}
.tab a{
	padding:0 1em 0 .5em;
	letter-spacing:2px;
	background:#CCCCCC;
	color:white !important;
}
.tab a.selected{
	background:dimgray;
	font-weight:bold
}
.tab a:hover{background:dimgray;}

/* pagination */
.pagination{
	word-spacing:5px;
	clear:both;
}
.pagination a.selected{
	font-weight:bold;
	color:dodgerblue;
}