@charset "utf-8";
body{font-family:Verdana, Geneva, sans-serif;font-size:11px}

/*
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;	margin: 0;  it's good practice to zero the margin and padding of the body element to account for differing browser defaults 
	padding: 0;
	text-align: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector 
	color: #000000;
}
*/
 #previewcontainer {
	width: 330px;  
	#width:332px; <!-- firefox will ignore this and explorer will use it -->
	background: #FFffFF;
	margin: auto auto auto 10px; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
 #previewtopbar {
	width: 330px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar 
	background:#003399;*/
}

 #previewlogo {
	background: #fff;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #logo instead of text, you may want to remove the padding. */
	margin: 0px;
	padding: 0px;
} 
#previewheader2 {
	background: #E0EBEB;
/*	margin-bottom: -2px;
	height: auto;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border:none;
	border-style:none;*/
}
.seperator  {
	margin: 0px auto;
	padding: 0px 0px 0px 5px;
	height: 15px;
	border:none;
}
 #previewlogo h1 {
	margin: 0; /* zeroing the margin of the last element in the #logo div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#previewsidebar1 {
	float: left;  /*since this element is floated, a width must be given */
	width: 50px;  /*the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF0FF;
	margin: 0px 0px 0px 0px;
	border:none;
/*	margin-bottom: -6px*/
	padding: 0px;
	height: auto;
	z-index:1;
	
	
}
#previewcontainer #sidebar1 h3 p {
	font-size: 9px;
}

#previewmainContent {

z-index:-2;
float:right;
   /* width:260px;*/
	margin: 0px 0px 0px 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px 10px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box 
	background-color: #EBFAF8;*/
} 

#previewmainContent1 {
float:right;margin: 0px 0px 0px 0px;
width:280; display: inline;
	 /* tmargin: 0 0 0 0;he left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0 0 0; background:#3F6;
	border:none;
	z-index:-3;
	
	/* background-color: #EBFAF8;*/
	
} 

#previewmainContent2 {

	z-index:-3;
	margin: 0 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box 
	background-color: #EBFAF8;*/
} 


#previewq_summary {
	background: #ddd;
	padding: 1px 2px;
	width: 200px;
	border: 1px solid #DDDDDD;
	margin: auto;
	font-size: 9px;
	margin:auto;

}

 #previewfooter {
	 width:330px;
	/* #width:330px;<!-- firefox will ignore this and explorer will use it -->*/
	padding: 0 5px 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. 
	background:#DDDDDD;*/
} 
 #previewfooter p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*
<!--[if IE]>
<style type=”text/css”>
/* place css fixes for all versions of IE in this conditional comment 
 #sidebar1 { padding-top: 30px; }*/
 /*
  #previewcontainer {zoom:1; }
 #previewmainContent { zoom:1; }
 #previewq_summary { zoom:1; }
 #previewmainContent1 { zoom:1; }
 #previewmainContent2 { zoom:1; }
 */
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
/*</style> 
<![endif]-->
*/
.text{font-family:Verdana, Geneva, sans-serif;font-size:11px}
.results_table{border-style:solid;border-color:#edf0ed;border-width:1px 1px 1px 1px;width:98%}
.results_table_first_TR{height:26;background: url(../ADMIN/images/button_bg.gif)}
.adminButton{border-style:solid;border-color:#666465;border-width:1px 1px 1px 1px;background:#6d8ee2;color:#ffffff;font-family:Verdana, Geneva, sans-serif;font-size:11px;width:75px;cursor:hand; min-height:18px;}
.adminButtonClear{border-style:solid;border-color:#FF0099;border-width:1px 1px 1px 1px;background:#FFCCCC;color:red;font-family:Verdana, Geneva, sans-serif;font-size:11px;width:75px;cursor:hand;min-height:18px;}
.div_margin{margin-right:7px;margin-left:7px;margin-bottom:7px;margin-top:7px}
.main_table{width:766px;border-style:solid;border-color:#a0b4ce;border-width:1px 1px 1px 1px;}
.main_table_top_td{background:#ffffff;height:80px;font-size:21px}
.main_table_menu_td{background:#c0d4ee;height:32px}
.main_table_bottom_td{background:#c0d4ee;text-align:center;height:28px}
.content_table_left_td{width:180px;background:#a0b4ce}
.content_table_right_td{background:#ffffff}
.admin_menu_td{}
.admin_border_td{border-style:solid;border-color:#f7eff7;border-width:0px 1px 1px 1px;}

.browse_job_vacancies_table{width:100%;background:#e0e0e0;height:203}
.browse_job_vacancies_table_first_td{height:30;background:#b3b3b3;font-weight:800;font-size:12;color:white}

.job_search_textfield{width:228;font-family:Verdana, Geneva, sans-serif;font-size:11px}

.home_page_table{width:480}

td.tdSpacer{background-color:#ffffff;border-style:solid;border-color:#f7eff7;border-width:0px 0px 1px 0px;}
td.top{background: url(../JOBSEEKERS/images/subhead_bg2.gif) repeat-x;color: #666666;border-style:none;border-color:#e7dfde;border-width:1px 1px 1px 1px;}
td.selected{background-color:white;border-style:none;border-color:#e7dfde;border-width:1px 0px 0px 0px;}
a.top{color: black; font-family: Arial; font-size: 11; font-weight: bold; text-decoration: none;}
a.selected{color: black; font-family: Arial; font-size: 11; font-weight: bold; text-decoration: none;}
a img {border:none; }
.table_header
{
	background: url(../ADMIN/images/subhead_bg.png) repeat-x;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
.table_header_package
{
	background: url(../ADMIN/images/subhead_bg2.png) repeat-x;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

.table_price_oMain
{


	height: 20px;
	font-size: 12px;
	text-transform: uppercase;
}

.price_body{ font-family:Verdana, Geneva, sans-serif;font-size: 11px;color:#737373;}
.price_body td{ font-family:Verdana, Geneva, sans-serif;font-size: 11px;color:#737373;}
.highlight_text{font-weight:800}

.navtext {
width:150px;
font-size:10pt;
font-family:Verdana, Geneva, sans-serif;
border-width:1px;
border-style:outset;
border-color:darkgray;
layer-background-color:#FF0;
background-color:#FFFFD7;
color:blue;
}

select{ font-family:Verdana, Geneva, sans-serif; font-size: 11px; height:22px;color: #000066;background-color: #FFFFEE;BACKGROUND: url(../images/formbg.jpg) repeat-x 0px 0px;padding:2px;}
input{ font-family:Verdana, Geneva, sans-serif; font-size: 11px; height:22px;color: #000066;background-color: #FFFFEE;vertical-align:middle;margin-bottom:3px;}
input {
border:1px solid #BBBBBB; padding:2px; BACKGROUND: url(../images/formbg.jpg) repeat-x 0px 0px; COLOR: #6d7ca7;}

.none{background:none; border:none; padding:0px;}

input,select.text  {font-family:Verdana, Geneva, sans-serif; font-size: 11px;height:20px;border-width: 1px; border-color:#B3D3D9;color:#000066;background-color: #FFFFEE;}

select {
border:1px solid #B3D3D9; padding:2px; BACKGROUND: url(../images/formbg.jpg) repeat-x 0px 0px; COLOR: #6d7ca7;}
form select {
border:1px solid #B3D3D9; padding:2px; BACKGROUND: url(../images/formbg.jpg) repeat-x 0px 0px; COLOR: #6d7ca7;}
option {border:none;background-color: #FFFFEE}
#resume {
	BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 0px auto; BORDER-LEFT: #ccc 1px solid; WIDTH: 763px; PADDING-TOP: 3px; BORDER-BOTTOM: #666 1px solid; BACKGROUND-COLOR: #fff
}
#resume #border-efx {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #666 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid
}
 #main-content {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 5px 0px 0px; BORDER-LEFT: #000 1px solid; WIDTH: auto; PADDING-TOP: 0px; BORDER-BOTTOM: #000 1px solid
}
 #switch {
	WIDTH: auto
}
 #sub {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; background-color:#F6F7F8; MIN-HEIGHT: 300px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 5px 0px 14px; WIDTH: 221px; PADDING-TOP: 0px
}
 #personal-contact {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 200px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 2px 0px 14px; WIDTH: 503px; PADDING-TOP: 0px
}
 #personal {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; background-color:#F6F7F8; MIN-HEIGHT: 120px;  PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px 0px; WIDTH: 503px; PADDING-TOP: 0px
}
 #contact {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; background-color:#F6F7F8; MIN-HEIGHT: 100px;  PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 503px; PADDING-TOP: 0px
}

.titlebarshort {
	BORDER-RIGHT: #999999 1px solid; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #999999 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../JOBSEEKERS/images/thbak.jpg); BORDER-LEFT: #999999 1px solid; WIDTH: 496px; COLOR: #fff; PADDING-TOP: 4px; PADDING-LEFT: 5px;BORDER-BOTTOM: #999999 1px; FONT-FAMILY: "Trebuchet MS", Arial, sans-serif; HEIGHT: 15px; TEXT-ALIGN: left; text-transform: uppercase;
}
.titlebarlong {
	BORDER-RIGHT: #999999 1px solid; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #999999 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../JOBSEEKERS/images/thbak.jpg); BORDER-LEFT: #999999 1px solid; WIDTH: 726px; COLOR: #fff; PADDING-TOP: 4px; PADDING-LEFT: 5px;BORDER-BOTTOM: #999999 1px; FONT-FAMILY: "Trebuchet MS", Arial, sans-serif; HEIGHT: 15px; TEXT-ALIGN: left; text-transform: uppercase;
}
 #main {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 300px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px 15px 0px 5px; WIDTH: 497px; PADDING-TOP: 0px
}
 #photo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 225px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 5px 15px 0px 2px; WIDTH: 221px; PADDING-TOP: 0px
	
}
 #education {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; background-color:#F6F7F8; MIN-HEIGHT: 100px;  PADDING-BOTTOM: 0px; MARGIN: 5px 15px 0px 14px; WIDTH: 733px; PADDING-TOP: 0px
	
}
 #skill {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; background-color:#F6F7F8; MIN-HEIGHT:100px;  PADDING-BOTTOM: 0px; MARGIN: 5px 15px 0px 14px; WIDTH: 733px; PADDING-TOP: 0px
	
}
 #career-interests {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; background-color:#F6F7F8; MIN-HEIGHT: 100px;  PADDING-BOTTOM: 0px; MARGIN: 5px 15px 0px 14px; WIDTH: 733px; PADDING-TOP: 0px
	
}
 #sum-qualification {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; background-color:#F6F7F8; MIN-HEIGHT: 100px;  PADDING-BOTTOM: 0px; MARGIN: 5px 15px 0px 14px; WIDTH: 733px; PADDING-TOP: 0px
	
}
 #work-exp {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; background-color:#F6F7F8; MIN-HEIGHT: 100px;  PADDING-BOTTOM: 0px; MARGIN: 5px 15px 0px 14px; WIDTH: 733px; PADDING-TOP: 0px
	
}
.footer {
	WIDTH: 100%; HEIGHT: 20px
}


.clear:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
.clear {
	DISPLAY: block; OVERFLOW: hidden
}
.clearit {
	CLEAR: both
}
.clearith {
	CLEAR: both; HEIGHT: 7px
}
.clearitmed {
	CLEAR: both; LINE-HEIGHT: 4px; HEIGHT: 4px
}
.clearitsm {
	CLEAR: both; LINE-HEIGHT: 1px; HEIGHT: 1px
}

div, p, span, em, strong, font { word-wrap: break-word }

/*-------------sidebar------------*/
.fl{ float:left;}
.fr{ float:right;}

.index_sidebar				{ float:right; width:215px;}
.sidebar_bts				{ }
.sidebar_bts img			{ margin-bottom:10px}
.sidebar_solgan				{ background:url(sidebar2.gif); margin-bottom:15px}
.sidebar_solgan_content		{ padding:0 10px}
.sidebar_solgan_txt			{ background:url(sidebar5.gif) left  top no-repeat ; line-height:17px; font-size:13px; padding-left:25px}
.sidebar_solgan_line		{ padding:5px 0}

.sidebar_catebox			{ margin-bottom:15px; width:215;}
.sidebar_catebox1			{ margin-bottom:15px;border-top:1px solid #c1c1c1;}
.sidebar_catebox_top		{ height:30px; background:url(sidebar6_215.gif); padding:0 10px; font-family:"Comic Sans MS", cursive; font-size:14px; font-weight: normal; line-height:30px; text-align:left;color:#06C}
.sidebar_catebox_listbox	{ border:1px solid #C1C1C1; padding-bottom:2px; border-top:none; text-align:left;}
.sidebar_catebox_list		{ border-bottom:1px solid #E0E0E0; background:url(sidebar_cate_arrow.gif) no-repeat right; height:20px; line-height:20px; padding-left:8px; padding-right:30px;}
.sidebar_catebox_list img, a	{ margin-right:5px; #margin-top:3px}
.sidebar_catebox_list .fr	{ font-size:11px; padding-top:0px}
.sidebar_catebox_list .fl		{ font-size:11px;#height:100%;}

.sidebar_catebox_list_on		{ border-bottom:1px solid #E0E0E0; background:url(sidebar_cate.gif) no-repeat right #F5F5F5; height:29px; line-height:29px; padding-left:8px; padding-right:30px;}
.sidebar_catebox_list_on img, a	{ margin-right:5px;}
.sidebar_catebox_list_on .fr	{ font-size:11px; padding-top:0px}
.sidebar_catebox_list_on .fl	{ font-size:11px; height:100%; #padding-top:6px}

.sidebar_list_box			{ background:#F5F5F5; padding:4px}
.sidebar_list_content		{ border:1px solid #cccccc; background-color:white; border-top:none}
/*.sidebar_list_title			{ height:30px; background: url(sidebar_list_header.gif); line-height:30px; padding:0 10px; font-size:13px; font-weight:bold}*/
.sidebar_list				{ padding:5px 0; margin:0 10px 2px 10px; border-bottom:1px solid #e0e0e0}
 

.article_search{ background:url(search3.gif); height:35px}
.article_search .header_search_txt{ line-height:35px}
.article_search .header_search_left{ padding-top:5px; border:none}
.article_ad{ padding:20px 0}