/*
 * @(#)style.css        1.00 7/19/2006
 *
 * Copyright (c) 2005 Teerapong Moonkhum
 * 24/840 Popular rd., Parkkred Nonthaburi 11120
 * All rights reserved.
 *
 * File description goes here.
 *
 * @version 	1.00 Wednesday, Jul 19, 2006
 * @author 		Teerapong Moonkhum
 * @email			teerapongm@gmail.com
 * 
 * Version History
 *		
 */

form {
	margin:0px;
	padding:0px;
}
a {
	color:#006BA2;
	font-family:Tahoma;
	font-size:12px;
}

#list {
	clear:both;
	padding-top:3px;
}

#list ul {
	margin:0; padding:0; list-style:none; line-height:17px
}
#list li {
	background:url(../images/pointer.gif) center left no-repeat;padding:0 0 0 10px 
}
#list li a {
	text-decoration: none;
}
#list .ul {
	margin:0; padding:0; list-style:none; line-height:12px
}
#list .li {
	background:url(../images/pointer_red.gif) center left no-repeat;padding:0 0 0 8px;
}

/* Navigation ================================================*/
#nav {
	clear:both;
	padding-top:3px;
}
#nav ul {
	float:left;
	width:800px;
	margin:0;
	padding:0;
	list-style:none;
	background:#d41e00 url(/i/nav-tab.gif) repeat-x 0 0;
}
#nav li {
	display:inline;
	margin:0;
	padding:0;
}
#nav a {
	display:block;
	float:left;
	width:auto;
	margin:0;
	padding:0 16px;
	border-right:1px solid #bb1600;
	border-bottom:none;
	border-left:1px solid #fe633a;
	color:#fff;
	background:#d41e00 url(/i/nav-tab.gif) repeat-x 0 0;
	font:bold 1.1em/2.5 "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
}
#nav a:hover,
#nav a:focus,
#nav a:active {background:#b31203 url(/i/nav-tab.gif) repeat-x 0 -150px;}
#nav .sel a {background:#720000 url(/i/nav-tab.gif) repeat-x 0 -300px;}
#nav .sel a:focus {background:#b31203 url(/i/nav-tab.gif) repeat-x 0 -150px;}

body {
	background-color:#FFFFFF;
	color:#5C6B72;
	font-family:Tahoma;
	font-size:12px;
	padding:0;
	margin:0;
	line-height:12px;
	text-align:center;
}

.blue10{
	color:#006B9D;
	font-family:Tahoma;
	font-size:10px;
	text-decoration:none
}
.grey10 {
	color:#333;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none
}
.dark{
	color:#252525;
	font-family:Tahoma;
	font-size:12px;
	}
.pol{
	color:#424E54;
	font-family:Tahoma;
	font-size:12px;
	text-decoration:none;
	}

.red10{
	color:#BA0000;
	font-family:Tahoma;
	font-size:10px;
	text-transform:uppercase
	}
.text1{
	color:#C70000;
	font-family:Tahoma;
	font-size:12px;
	}
.red{
	color:#C70000;
	font-family:Tahoma;
	font-size:12px;
	}	
.blue{
	color:#006B9D;
	font-family:Tahoma;
	font-size:12px;
	text-decoration:none;
	}
.bluebold{
	color:#006B9D;
	font-family:Tahoma;
	font-size:12px;
	font-weight: bold;
	text-decoration:none;
	}
.comtitle {
	color:#006B9D;
	font-family:Tahoma;
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
}
.menu{
	color:#424E54;
	font-family:Tahoma;
	font-size:12px;
	text-decoration:none
	}

.menublue{
	color:#006B9D;
	font-family:Tahoma;
	font-size:12px;
	text-decoration:none
	}

.menu10{
	color:#424E54;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none
	}

.yellow{
	color:#FFDE00;
	font-family:Tahoma;
	font-size:12px;
	}
.white{
	color:#FFFFFF;
	font-family:Tahoma;
	font-size:12px;
	}
.text2{
	color:#0085B0;
	font-family:Tahoma;
	font-size:12px;
	}
.text_blue{
	color:#0085B0;
	font-family:Tahoma;
	font-size:12px;
	}	
.text_input{
	color:#8F8F8F;
	font-family:Tahoma;
	font-size:10px;
	}

.wrap {
	margin:0 auto;
	padding:0;
	height:731px;
	width:1000px;
}

#header {
	margin:0;
	padding:0;
	width:800px;
	height:64px;
	text-align:left;
	display:table;
}

#keywordsearch {
	margin:0;
	padding:0;
	width:800px;
	height:20px;
	text-align:left;
	display:table;
}

#topbanner {
	width:788px;
	height:128px;
	text-align:center;
	display:table;
}

#contenthome {
	margin:0;
	padding:0;
	width:800px;
	height:441px;
	text-align:left;
	display:table;
}
#refSponser {
	font-size:11px;
	font-weight:normal;
	color:#666;
	text-align:left;
	padding-left:12px;
	margin-top:10px;
}
#refSponserLogo {
	float:right;
	width:112px;
	height:47px;
}
#textRefSponser {
	padding-top:20px;
}
#refSponserLogo img {
	border:0;
}

#content {
	margin:0;
	padding:0;
	width:800px;
	height:441px;
	text-align:left;
	display:table;
}


#footer {
	margin:0px;
	padding:0px;
	width:800px;
	height:67px;
	text-align:left;
	
}

#contact {padding:4px;}
#contact th {padding:4px 4px 4px 8px; border-bottom:1px solid #ccc; text-align:left; font-weight:lighter; vertical-align: top;}
#contact td {padding:8px 4px 4px 8px; border-bottom:1px solid #6699FF; vertical-align: middle;}
/*#contact td td {padding:0!important; border:none!important;}*/

#sponsor {
	margin:0;
	padding:0;
	width:590;
	height:34px;
	text-align:left;
	display:table;
	font-size: 12px;
	color: #333333;
	background-color: #CCCCCC;}

/*#sponsor td {padding:8px 4px 4px 8px; border-bottom:1px solid #6699FF; vertical-align: middle;}*/

.input {
	width:286px;
	border-style:solid;
	border-width:1px;
	height:22px;
	border-color:#6A6767;
	background-color:#FFFFFF;
	color:#6B6B6B;
	font-family:Tahoma;
	font-size:12px;
	padding:2 0 0 5px;
}


.textarea{
	width:286px;
	border-style:solid;
	border-width:1px;
	height:66px;
	border-color:#6A6767;
	background-color:#FFFFFF;
	color:#6B6B6B;
	font-family:Tahoma;
	font-size:12px;
	padding:2 0 0 5px;
	overflow:auto;
}

.mainbgcolor {
	background-color: #FFFFFF;
}

.seperatorstyle {
	background-color: #0078CC;
}

.onepxtable {
border: 1px solid #0078CC;
}
.sidepanelstyle {
	border-top: thin none;
	border-right: 1px solid #0078CC;
	border-bottom: thin none;
	border-left: thin none;

}

a.help_style {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0023CD;
	text-decoration: none;/*underline;*/
}
a.small_link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0023CD;
	text-decoration: none;/*underline;*/
}

a.titlelink {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
/*	background-color: #076BA7;*/
	text-decoration: Underline;
}
a.bottomlink {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
/*	background-color: #076BA7;
	text-decoration: Underline;*/
}

.titlestyle {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #076BA7;
}

.titledot {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	font-weight: bold;
	border-bottom:1px dotted #6699FF;
	font-size: 12px;
	color: #333333;
	background-color: #DFE9FF;
	padding-left: 3px;
}

.activetab {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #076BA7;
	border-top: 1px solid #076BA7;
	border-right: 1px solid #076BA7;
	border-bottom: thin none;
	border-left: 1px solid #076BA7;
}
.inactivetab
{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	background-color: #DFE9FF;
	border-top: 1px solid #0078CC;
	border-right: 1px solid #0078CC;
	border-bottom: thin none;
	border-left: 1px solid #0078CC;
}

.sidetitle {
	/*background-image: url(images/menu_bg.gif);
	background-repeat: repeat-x;*/
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #076BA7;
}
.bottomstyle {
	/*background-image: url(images/menu_bg.gif);
	background-repeat: repeat-x;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #076BA7;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	background-color: #DFE9FF;
}
.alternatecolor {
	font-family: Arial, Helvetica, sans-serif;
	/*line-height: 20px;*/
	font-size: 12px;
	color: #333333;
	background-color: #DFE9FF;
}
.maintablestyle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
}
.innertablestyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	background-color: #F2F7FF;
	font-family:  Arial, Helvetica, sans-serif;
}
.highlighted1 {
	font-family: Arial, Helvetica, sans-serif;
	/*line-height: 20px;*/
	font-size: 12px;
	color: #333333;
	background-color: #FFFFDD;
}
.highlighted {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFCC;
}
.errorstyle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #990000 ;
	background-color: #F2F7FF;
	border: 1px solid #ff0000 ;
}
.msgstyle {
	font-family: Arial, Helvetica, sans-serif;
	/*list-style-image: url(images/main_bullet.gif);*/
	font-weight: normal;
	font-size: 12px;
	color:  #333333;
	background-color: #F2F7FF;
	border: 1px solid  #0078CC;
	/*border: 1px double #ff0000;*/
}
.helpstyle {
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: square;
	font-weight: normal;
	font-size: 12px;
	color:  #333333;
	background-color: #F2F7FF;
	border: 1px solid  #0078CC;
	/*border: 1px double #ff0000;*/
}

font.normal {
	font-family:  Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
}

font.thstyle {
	font-family:  Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

font.enstyle {
	font-family:  Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
}

font.red{
	font-family:  Arial, Helvetica, sans-serif;
	color: #990000;
	/*font-size: 12px;*/
}

font.smalltext {
	font-family:  Arial, Helvetica, sans-serif;
	/*color: #333333;*/
	font-size: 11px;
}

textarea.letterstyle {
	height: 350px;
	width: 500px;	
	font-family:  Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
}
font.screencode {
	font-family:  Arial, Helvetica, sans-serif;
	/*color: #333333;*/
	color: #FF9933;
	font-size: 10px;
}
font.search {
	font-family:  Arial, Helvetica, sans-serif;
	/*color: #333333;*/
	color: #FFFFFF;
	font-size: 12px;
}
.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.submenu {
	color: #FFFFFF;
	font-weight: normal;
}

.headmenu {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: #999999;
}

.tblhdr {
	font-size: 8pt;
	font-weight: bold;
	line-height: 21px;
	color: #ffffff;
	background: url("http://localhost/recruitment/images/hdr_bg.gif");
}
.tbl_block
{
	font-size: 11px;
	color: #003055;
	background-color: #ffffff;
	border-left: #006699 1px solid;
	border-right: #006699 1px solid;
}
.bodytext {
	font-family: Verdana;
	font-size: 8pt;
	text-align: right;
	font-weight: normal;
	color: #000000;
	background-color: #FFF9E7;
	vertical-align:top;
}
.messagebox {
	BORDER-RIGHT: #efd76b 0.5pt solid; 
	BORDER-TOP: #efd76b 0.5pt solid; 
	BORDER-LEFT: #efd76b 0.5pt solid; 
	BORDER-BOTTOM: #efd76b 0.5pt solid; 
	BACKGROUND-COLOR: #ffffcc;
	color: #FF3300;
	FONT: 8pt verdana
}
.normaltext {
	font-family: Verdana;
	font-size: 8pt;
	text-align: left;
	font-weight: normal;
	color: #000000;
}
.seekerinvitetext {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #FF9900;
}
.employerinvitetext {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #FF6666;
}
.jobtitletext {
	font-family: Tahoma;
	font-size: 14pt;
	font-weight: bold;
	color: #FFFFFF;
}
.comtitletext {
	font-family: Tahoma;
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
}

HR {
	HEIGHT: 1px; COLOR: #79b0cb
}
.ImagePreview{
border:#cccccc 1px solid;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666',Direction=150,Strength=0.3);
}

span.thstyle {
	font-family:  Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

span.enstyle {
	font-family:  Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
}

.titleheader {
	color : #FFFFFF;
	margin-top : 0px;
	padding-bottom : 9px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.titleheader a {
	color : #FFFFFF;
	text-decoration: none;
}
.titleheader a:hover {
	color : #EEEEEE;
}
.copyright {
	color : #FFFFFF;
	margin-top : 37px;
	padding-bottom : 0px;
	margin-bottom : 0px;
	margin-left : 20px;
	margin-right : 0px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
.copyright a {
	color : #FFFFFF;
	text-decoration: none;
}
.copyright a:hover {
	color : #DDDDDD;
}

xTABLE.tabstrip {
    font-size:                  small;
    padding:                    3pt;
    border-collapse:            collapse;
    border-width:               1px;
    }
    
xTABLE.tabstrip TD {
    background-color:           #efefef;
}

xTABLE.tabstrip TH.active {
    background-color:           #efefef;
    border-color:               black;
    border-top-width:           1px;
    border-left-width:          1px;
    border-right-width:         1px;
    border-bottom-width:        0px;
    border-style:               solid;
    padding-left:               3pt;
    padding-right:              3pt;
	}

xTABLE.tabstrip TH.inactive {
	background-color:		    #cccccc;
    border-color:               black;
    border-width:               1px;
    border-style:               solid;
    padding-left:               3pt;
    padding-right:              3pt;
    }

xTABLE.tabstrip TH.inactive A {
    text-decoration: none;
    }
    
xTABLE.tabstrip TH.spacer {
    border-color:               black;
    border-top-width:           0px;
    border-left-width:          0px;
    border-right-width:         0px;
    border-bottom-width:        1px;
    border-style:               solid;
    padding: 3pt;
	}

div.button {width:120px; height:24px; top:0px; left: 0px; border: 1px #000
solid;}
div.button a  {width:120px; height:24px; display:block; padding-top:2px;
font: bold .8em; text-align:center;}
div.button a:link {color: black; text-decoration:none;}
div.button a:hover {color:#F33; text-decoration:underline;}

.bar_menu {
	background:url(../images/bg_bar.gif);
	background-repeat:repeat-x;
	height:24px;
	border:solid 1px #666;
	border-bottom:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding-left:5px;
}
.DetailText{
	padding-top:10px;
	border:solid 1px #666;
	border-top:none;
	background-color:#FFF;
	clear:both;
}
.DetailText_BGRed{
	padding-top:10px;
	border:solid 1px #666;
	border-top:none;
	background-color:#FEDADA;
	clear:both;
}
.DetailText_BGDarkBlue{
	padding-top:10px;
	border:solid 1px #666;
	border-top:none;
	background-color:#B8D2FE;
	clear:both;
}
.DetailText_BGBlue{
	padding-top:10px;
	border:solid 1px #666;
	border-top:none;
	background-color:#C7ECEF;
	clear:both;
}
.DetailText_BGViolet{
	padding-top:10px;
	border:solid 1px #666;
	border-top:none;
	background-color:#E9E3FD;
	clear:both;
}
.DetailText_BGOrange{
	padding-top:10px;
	border:solid 1px #666;
	border-top:none;
	background-color:#FEEFD8;
	clear:both;
}
.DetailText_BGPink{
	padding-top:10px;
	border:solid 1px #666;
	border-top:none;
	background-color:#FFC6E2;
	clear:both;
}
.DetailText_BGYellow{
	padding-top:10px;
	border:solid 1px #666;
	border-top:none;
	background-color:#FFFFD9;
	clear:both;
}
.DetailText_BGBrown{
	padding-top:10px;
	border:solid 1px #666;
	border-top:none;
	background-color:#EAD7C8;
	clear:both;
}
.DetailText_BGGreen{
	padding-top:10px;
	border:solid 1px #666;
	border-top:none;
	background-color:#CCFEC5;
	clear:both;
}
.DetailText_BGDarkGreen{
	padding-top:10px;
	border:solid 1px #666;
	border-top:none;
	background-color:#EFEFDE;
	clear:both;
}
.DetailText_BGColor{
	padding-top:10px;
	border:solid 1px #666;
	border-top:none;
	background-color:#9CC;
	clear:both;
}
.DetailTextNoTop{
	border:solid 1px #666;
	background-color:#FFF;
}
.DetailIndustryGroup {
	margin-right:auto;
	margin-left:auto;
	width:100px;
	margin-bottom:5px;
	text-align:center;
}
.GroupIndustry {
	margin-right:auto;
	margin-left:auto;
	width:152px;
	margin-bottom:5px;
	text-align:center;
}
.BoldFont {
	color:#000;
	font-weight:normal;
	font-size:10px;
}
.TableGroupDetail {
	margin-top:5px;
}
.FixTextGourp {
	color:#000;
	font-weight:normal;
	font-size:10px;
	min-height:30px;
	max-height:50px;
	width:100px;
	overflow:hidden;
}
.FixTextGourp a {
	display:block;
}
.FixIndustryGroup {
	color:#333;
	min-height:30px;
	max-height:49px;
	widows:152px;
	overflow:hidden;
	
}
.FixIndustryGroup a {
	display:block;
	color:#333;
}
.imageProductGroup {
	width:100px;
	height:100px;
	text-align:center;
	border:2px solid #006BA2;
	margin-top:auto;
	margin-bottom:auto;
	vertical-align:middle;
	background-color:#FFF;
}
.imageIndustryGroup {
	width:150px;
	height:100px;
	text-align:center;
	border:2px solid #006BA2;
	margin-top:auto;
	margin-bottom:auto;
	vertical-align:middle;
	background-color:#FFF;
}
.imageProductGroup img {
	border:0px;
	margin-top:auto;
	margin-bottom:auto;
	vertical-align:middle;
}
.formLogin1 {
	width:178px;
	height:121px;
	background:url(../images/bg_login.gif);
	background-repeat:no-repeat;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding-top:70px;
	padding-left:7px;
	padding-right:10px;
}
.textboxLogin {
	border:1px inset #FFF;
	
}
.btnLogin {
	color:#0054B4;
	font-weight:bold;
}


table.tablePost, table.tablePost tr, table.tablePost td, table.tablePost th{
	border:none;
	border:1px solid #333;
	border-collapse:collapse;
	height:30px;
}

table.tablePost th{
	font-size:12px;
	height:30px;
	background-color:#09F;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
}

table.tablePost tr.odd{
	background-color:#DBE7FB
}

table.tablePost tr.even{
	background-color:#FFF;
}


table.tablePost tr.odd:hover,table.border tr.even:hover{
	background-color:#FFC;
}

table.tablePost td{
	padding-left:5px;
	padding-right:5px;
}
table.tablePost td.BGHilight {
	background-color:#DFFFDF;
}
#postRFI {
	max-height:510px;
	padding-right:5px;
	overflow:auto;
}
.divRight {
	float:right;
	text-align:right;
	padding-right:10px;
	width:100px;
}
.fontRed {
	color:#F00;
	font-size:12px;
}
.clearFloat {
	margin-top:5px;
	clear:both;
	color:#000;
}
#bannerFlash {
	width:805px;
	height:191px;
	overflow:hidden;
}
#bgFooterIndusGroup {
	background-image:url(../images/bg_footer.gif);
	background-repeat:repeat-x;
	padding:5px;
}
@import url("navigation.css");
@import url("layout.css");
@import url("text.css");