/* general */
a {
	color: #0071c6;
	text-decoration: none
}
a:visited {
	text-decoration: none
}
a:active {
	text-decoration: none
}
a:hover {
	color: #D73300;
	text-decoration: none
}
body {
	margin: 0;
/*	line-height:100%;*/
/*	line-height: 14px;*/
}
body, td, .list, .textarea, .textbox, .dropdown {
	font-family: tahoma, "ms sans serif", arial;
	font-size: 12px;
	color: #333333;
}
.bg_main { 
	background-image:url(../../images/bg_main.jpg);
	background-repeat: repeat-x; 
	background-color:#0091ff;
}
td {
	line-height: 1.4em;
}
p,form { 
	margin: 0;
	padding: 0;
}
ul { 
	margin: 0;
	padding: 0 0 0 15px;
}
li { 
	padding-bottom: 0.8em;
}
ol { 
	margin: 0;
	padding: 0 0 0 22px;
}
blockquote { 
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 130%;
	color: #124294;
	padding-bottom: 0.5em;
}
.copyright {
	font-family: arial;
	font-size: 11px;
	color: #6B6B6B;
}
a.copyright:link, a.copyright:visited, a.copyright:active {
	text-decoration: none;
}
a.copyright:hover {
	color: #D79800;
	text-decoration: underline;
}
.indicator_saving {
	background: url(../../images/indicators/saving.gif) no-repeat center left; 
	vertical-align: middle;
	padding-left: 20px
}

/* image */
img {
	border: 0;
}
img.image_list {
	border-style:solid;
	border-width:4px;
	border-color: #FFFFFF;
	padding: 0;
}
img.separator_nav_middle,img.nav_left {
	vertical-align: middle; 
}
img.nav_primary {
	padding-top: 2px; 
	vertical-align: middle; 
}
img.separator_nav_middle {
	vertical-align: middle; 
	padding-left: 15px;
	padding-right: 15px;
}
fieldset {
	border-style: solid;
	border-width:1px;
	border-color: #D6D6D6;
	padding: 0 5px 5px 5px;
	background-color: #F7F7F7; 
}

/* td */
td.nav_left { 
	background-image:url(../../images/bg_nav_left_upper.jpg);
	background-repeat: repeat-x; 
	background-color:#e3e9fd;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 10px;
}
td.nav_left_body { 
	border-bottom:1px #FFFFFF dotted;
	padding-top: 5px;
	padding-bottom: 5px;
}
td.image_list {
	color: #404040;
/*	cursor: pointer;*/
	background-color: #efefef;
	border-style:solid;
	border-width:1px;
	border-color: #dadada;
}
td.icon_small_with_label {
	color: #404040;
	padding-left: 20px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 0% 50%;
/*	border-style:solid;
	border-width:1px;
	border-color: transparent;
	border-color: white;*/
}
td.icon_small_with_label_hover {
	color: #404040;
	padding-left: 20px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 0% 50%;
/*	background-color: #e1e8fd;
	border-style:solid;
	border-width:1px;
	border-color: #B9D4F6;*/
}

/* entry */
td.entry {
	border-bottom: 1px dotted #dfdfdf;
}
.list_separator_off {
	color: #CCCCCC;
}
.entry_odd {
/*	background-color: #FFF;*/
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #eeeeee;
}
.entry_even {
	background-color: #F4F4F4;
	vertical-align: top;
	padding: 5px 0 5px 0;
}

/* alert */
.warning {
	color: #ff6600;
}
.fatal {
	color: #ff6600;
}
.success {
	color: #c36500;
}

/* font */
.font_header_en {
	font-family: arial, tahoma, verdana;
	font-size: 11px;
	color: #FFFFFF;
}
.font_header_th {
	font-size: 13px;
	color: #FFFFFF;
}
.font_topic_en {
	font-family: arial, tahoma;
	font-size: 13px;
}
.font_topic_th {
	font-size: 120%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.font_small {
	font-size: 12px;
}
.font_th {
	font-size: 11px;
}
.font_en {
	font-family: arial, tahoma;
	font-size: 11px;
}
.font_en_small {
	font-family: arial, tahoma;
	font-size: 9px;
}
.font_topic {
	font-size: 120%;
}
.font_topic_en {
	font-family: arial, tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #024f8f;
}
.marked {
	color: #ff0000;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}
.separator_nav_middle {
	padding: 10px;
	color: #5c8cb1;
	vertical-align: middle;
	font-family: arial;
	font-size: 12px;
}
.separator_footer {
	padding: 10px;
	color: #a9a9a9;
	vertical-align: middle;
	font-family: arial;
	font-size: 10px;
}
.separator_path {
	padding: 4px;
	color: #b3d4f0;
	vertical-align: middle;
	font-family: arial;
	font-size: 11px;
}
.text_hint {
	color: #909090;
}

/* form elements */
.textbox {
	color:#313131;
	border: #CCCCCC 1px solid;
	font-weight: normal;
}
.searchbox {
	width: 350px;
	font-size: 130%;
	background:white url(../../images/icons/search2.png) no-repeat 3px center;
	padding: 3px 17px 3px;
	border: 1px solid #D1D282;
}
.textbox_search {
	background-color: #FFFFFF;
	color:#598527;
	border: #D1D282 1px solid;
	font-size: 11px;
	font-weight: normal;
}
.textbox_login {
	background-color: #FFFFFF;
	color:#598527;
	border: #D1D282 1px solid;
	font-family: arial,helvetica,verdana;	
	font-size: 11px;
	font-weight: normal;
}
.textarea {
	color: #313131;
	font-weight: normal;
	height: 90px;
	border: 1px solid #bdbdbd;
}	
.button {
	padding-left: 2px; 
	padding-right: 2px;
	font-family: arial, "ms sans serif", tahoma;	
	font-size: 11px;
}
.button_th {
	background: #eee;
	height: 19px;
	font-family: "ms sans serif";
	font-size: 10px ;
	border: 1px solid #fff;
	margin: 0 0 1px 0;
}
.chkbox {
	margin: -4px 0 -2px 0; 
}
.dropdown {	
	color:#444444;
	font-size: 12px;
	font-weight: normal;
}

/* effects */
.bottom_dotted {
	border-bottom: 1px dotted;
}
.cursor_hand {
	cursor: pointer;
}

/* links */
.link_orange {
	color: #ff6600;
}
a.link_orange:link, a.link_orange:visited, a.link_orange:active {
	text-decoration: none;
}
a.link_orange:hover {
	color: #ff6600;
	text-decoration: underline;
}
.link_brown {
	color: #C36500;
}
a.link_brown:link, a.link_brown:visited, a.link_brown:active {
	text-decoration: none;
}
a.link_brown:hover {
	color: #C36500;
	text-decoration: blink;
}
.link_nav_primary {
	background-image:url(../../images/bullet_nav_primary.png);
	background-repeat: no-repeat; 
	background-position: center left;
	padding-left: 12px;
	font-size: 12px;
	color: #18266d;
}
a.link_nav_primary:link, a.link_nav_primary:visited, a.link_nav_primary:active {
	text-decoration: none;
}
a.link_nav_primary:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.link_nav_middle {
	color: #FFFFFF;
}
a.link_nav_middle:link, a.link_nav_middle:visited, a.link_nav_middle:active {
	text-decoration: none;
}
a.link_nav_middle:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.link_path {
	color: #b3d4f0;
	font-size: 12px;
}
a.link_path:link, a.link_path:visited, a.link_path:active {
	text-decoration: none;
}
a.link_path:hover {
	color: #b3d4f0;
	text-decoration: underline;
}
.link_nav_left {
	color: #18266d;
}
a.link_nav_left:link, a.link_nav_left:visited, a.link_nav_left:active {
	text-decoration: none;
}
a.link_nav_left:hover {
	color: #cc0b0b;
	text-decoration: none;
}
.link_lightgray {
	color: #666666;
}
a.link_lightgray:link, a.link_lightgray:visited, a.link_lightgray:active {
	text-decoration: none;
}
a.link_lightgray:hover {
	color: #D79800;
	text-decoration: none;
}
.link_white {
	color: #FFFFFF;
}
a.link_white:link, a.link_white:visited, a.link_white:active {
	text-decoration: none;
}
a.link_white:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.link_no_hover {
	color: #444444;
}
a.link_no_hover:link, a.link_no_hover:visited, a.link_no_hover:active {
	color: #444444;
	text-decoration: none;
}
a.link_no_hover:hover {
	color: #444444;
	text-decoration: none;
}
a.link_brown:link, a.link_brown:visited, a.link_brown:active {
	text-decoration: none;
}
a.link_brown:hover {
	color: #c36500;
	text-decoration: underline;
}
.cate_tab_off {
	color: #666666;
}
a.cate_tab_off:link, a.cate_tab_off:visited, a.cate_tab_off:active {
	color: #666666;
	text-decoration: none;
}
a.cate_tab_off:hover {
	color: #a4d8ff;
	text-decoration: none;
}
.cate_tab_on {
	color: #666666;
	font-weight: bold;
}
a.cate_tab_on:link, a.cate_tab_on:visited, a.cate_tab_on:active {
	color: #666666;
	text-decoration: none;
}
a.cate_tab_on:hover {
	color: #a4d8ff;
	text-decoration: none;
}
.link_topic_soft {
	font-weight: bold;
	color: #0071c6;
}
a.link_topic_soft:link, a.link_topic_soft:visited, a.link_topic_soft:active {
	text-decoration: none;
}
a.link_topic_soft:hover {
	color: #FF6600;
	text-decoration: none;
}
.link_topic {
	font-weight: bold;
	color: #585858;
}
a.link_topic:link, a.link_topic:visited, a.link_topic:active {
	text-decoration: none;
}
a.link_topic:hover {
	color: #0071c6;
	text-decoration: none;
}
.link_footer {
	font-size: 90%;
	color: #6B6B6B;
}
a.link_footer:link, a.link_footer:visited, a.link_footer:active {
	text-decoration: none;
}
a.link_footer:hover {
	color: #6B6B6B;
	text-decoration: none;
}
.tab_on {
	cursor: pointer;
	background-color: #EAEAEA;
	text-align: center;
	font-weight: bold;
}
.tab_off {
	cursor: pointer;
/*	background-color: #D3E4F9;*/
	background-color: #f4f4f4;
	text-align: center;
}
.border_entry {
	border-style: solid;
	border-width:1px;
	border-top-width: 4px;
	border-color: #EAEAEA;
	padding: 0 5px 5px 5px;
	margin: 0 1px 1px 1px;
}

/* colors */
.red {
	color: #D73300;
}
.white {
	color: #FFFFFF;
}
.gray {
	color: #9A9A9A;
}
.dkgray {
	color: #898989;
}
.blue {
	color: #0880BC;
}
.dkblue {
	color: #182870;
}
.green {
	color: #9db20a; 
}
.dkgreen {
	color: #738017; 
}
.black {
	color: #000000;
}
.orange {
	color: #ff6600;
}
.yellow {
	color: #D79800;
}
.dkyellow {
	color: #827A00;
}
.pink {
	color: #921335;
}
.brown {
	color: #c36500;
}
.dkbrown {
	color: #4e1f00;
}

/* table border */
.border_gray {
	border-style:solid;
	border-width:1px;
	border-color:#D0D0D0;
}
.border_white {
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
}
.border_green {
	border-style:solid;
	border-width:1px;
	border-color:#cbd96f;
}
.border_blue {
	border-style:solid;
	border-width:1px;
	border-color:#86bde7;
}
.border_orange {
	border-style:solid;
	border-width:1px;
	border-color:#f1a440;
}
.border_violet {
	border-style:solid;
	border-width:1px;
	border-color:#9b72cf;
}
.border_pink {
	border-style:solid;
	border-width:1px;
	border-color:#e31071;
}
.border_brown {
	border-style:solid;
	border-width:1px;
	border-color:#CC802B;
}

#banner {
	text-align: center;
}
#banner .left {
	border: 3px solid #E3E3E3;
	padding: 1px;
	margin: 1px;
}
#banner .center {
	border: 3px solid #E3E3E3;
	padding: 1px;
	margin: 1px;
}
#banner .right {
	border: 2px solid #E3E3E3;
	padding: 1px;
	padding-top: 1px;
	margin: 1px;
}
#banner .footer {
	border: 1px solid #E3E3E3;
	padding: 10px;
}

/* concept 2.0 */
.clear {
	clear: both;
}
.b {
	font-weight: bold;
}
#mainmenu {
	width: 948px;
	clear: both;
	padding: 0;
	margin:0 auto;
	color: #fff;
	text-align: left;
	vertical-align: middle;
}
#mainmenu a {
	color: #fff;
	text-decoration: none;
}
#mainmenu a:hover {
	text-decoration: underline;
}
#mainmenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#mainmenu li {
    display: inline;
    margin: 0;
    padding: 0.3em;
	color: #fff;
}
#mainmenu .separator {
	color: #5c8cb1;
	font-size: 10px;
	vertical-align: middle;
}
#jobseeker {
	background-color: #0072c7;
	padding: 10px;
	padding-left: 24px;
	height: 19px;
}
#employer {
	background-color: #004980;
	padding: 10px;
	padding-left: 24px;
	height: 19px;
}

#block {
	text-align: left;
	margin:0 auto;
	padding: 0;
}
#block p {
	padding-bottom: 5px;
}
#block .content {
	margin:0 auto;
	padding: 0;
	text-align: left;
}
#block .title {
	font-weight: bold;
	padding-bottom: 0.5em;
/*	font-variant: small-caps;
	color: #124294;*/
	font-size: 130%;
	color: #124294;
}
#block .entry_title {
	font-weight: bold;
	color: #0880BC;
}
#block .body {
	padding-top: 1em;
	padding-bottom: 1em;
}
#block .left {
	float: left;
	width: 25%;
	font-weight: bold;
}
#block .right {
	float: left;
	width: 75%;
}
#block hr {
	clear: both;
	border: 0;
	width: 100%;
	color: #E1E1E1;
	background-color: #F4F4F4;
	height: 1px;
}
#block .hint {
	color: #777;
}
#block .warning {
	color: #D73300;
}
#block .highlight {
	background-color: #fffae5;
	border: 1px solid #eeda8c;
	padding: 1.2em;
}
#block ul {
	padding: 0;
	margin: 0 0 0 2em;
}

#banner_left {
	text-align: center;
}
#banner_left img {
/*	border: 3px solid #E3E3E3;*/
	border: 3px solid #add7ff;
	padding: 1px;
	margin: 1px;
}
#banner_left ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#banner_left p {
	padding: 0;
	margin: 0;
}


#banner_top {
	text-align: center;
}
#banner_top img {
/*	border: 3px solid #E3E3E3;*/
	border: 3px solid #add7ff;
	padding: 1px;
	margin: 1px;
}
#banner_top ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#banner_top p {
	padding: 0;
	margin: 0;
	display: inline;
}

#banner_bottom img {
/*	border: 1px solid #E3E3E3;*/
	border: 1px solid #add7ff;
	margin: 4px;
}
#banner_bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 695px;
}
#banner_bottom li {
	display: inline;
}
#banner_bottom p {
	padding: 0;
	margin: 0;
	display: inline;
}

/* form */
#form .tab {
	padding: 0;
	margin: 0;
}
#form .tab ul{
	border-bottom: 3px solid #eaeaea;
/*	padding: 0.5em 0.5em 0.5em 0;*/
	padding: 0.5em 0.5em 4px 0;
}
#form .tab li {	
	display: inline;
	padding: 0;
	margin: 0 2px 0 2px;
}
#form .tab li a {
	padding: 0.5em 1em 0.5em 1em;
	color: #333;
}
#form .tab li a:hover {
	background-color: #eaeaea;
	text-decoration: none;
	color: #333;
}
#form .tab_on a {
	background-color: #eaeaea;
}
#form .tab_off a {
	background-color: #f4f4f4;
}
#form .tab_wrapper {
	border: 1px solid #eaeaea;
	background-color: #fff;
	padding: 0;
	margin: 0;
}

/* dashboard */
#dashboard label {
	font-weight: bold;
}


/* category */
#category {
}
#category .list {
	background: none;
}
#category .list ul {
	list-style: none;
}
#category .list li {
	float: left;
	width: 95%;
/*	line-height: 2em;*/
	padding-top: 0.5em;
}
#category .list .title {
	padding-left: 0.5em;
}
#category .list li:hover{
/*	background: #f4f4f4;*/
}
#category .list .odd {
	background-color: #ecf7ff;
}

/* listing */
#listing {
}
#listing td {
	color: #333;
}
#listing .even {
	background-color: #ecf7ff;
}
#listing .odd {
	background-color: #fff;
}
#listing a:visited {
	color: #333;
}
#listing a:hover {
	color: #D73300;
	text-decoration: none
}