@import url("/cworx/lib/reset.css");

html, body {height: 100%;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 100.01%;
	color : #333333;
}

h1 {
	font-size : 1.9em;
	color : #3D8196;
	margin: 0 0 0.2em 0;
	padding: 0;
}

h2.home {
	font-size : 1.9em;
	color : #15476a;
	margin: 4px 0 0.2em 0;
	padding: 0;
	font-weight: normal;
}

h2 {
	font-size : 1.4em;
	margin: 0;
	padding: 0;
	color: #235474;
	font-weight: bold;
}

h3 {
	font-size : 1.3em;
	margin: 0 0 0.2em 0;
	color: #235474;	
	font-weight: bold;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;	
	color : #3D8196;
	margin: 0 0 0.3em 0;
	font-style: italic;
}

p {margin : 0 0 1em 0;}

a {color:#86BAC8;}

input, select, textarea{
	font-size: 12px !important;
	color:#666666;
	font-family: Arial;
}
select { border:1px solid #c1c1c1;}
textarea { border:1px solid #c1c1c1;}

/* ID rules
*************************************************************/
/* header section */

#header {background: transparent url(../images/bg_header.gif) 0 0 repeat-x; margin: 0 0 1px 0;}

#header-tools {
	height: 122px;
	position : relative;
	width : 942px;
	margin : 0 auto;
	font-size:0.7em;
}

#header-tools #logo {position: absolute; top: 0; left: 0;}

#header-tools .header-nav {
	position: absolute;
	top: 10px;
	right: 234px;
}

#header-tools .loggedin-header {
	right: 84px;
}

#header-tools #header-nav li {
	float: left;
	padding: 0 15px 0 0;
}

#header-tools #header-nav li a {text-decoration : underline;}
#header-tools #header-nav li a:link{color : #C7E9F2;}
#header-tools #header-nav li a:visited {color: #C7E9F2;}
#header-tools #header-nav li a:hover {color: #C7E9F2; text-decoration: none;}
#header-tools #header-nav li a:active {color : #C7E9F2;}

#header-tools .login-form {
	position: absolute;
	top: 5px;
	right: 0;
	width: 235px;
	height: 50px;
	background: transparent url(../images/hv_dot.gif) 1px 0 repeat-y;
}

#header-tools .loggedin-form {
	right: -150px;
}

#header-tools #login-form #worning {
	float: left;
	font-weight: bold;
	color: #FF0000;
}

#header-tools #logout-header {
	padding-left: 25px;
	padding-top: 5px;
}

#header-tools #logout-header a {text-decoration : underline;}
#header-tools #logout-header a:link{color : #C7E9F2;}
#header-tools #logout-header a:visited {color: #C7E9F2;}
#header-tools #logout-header a:hover {color: #C7E9F2; text-decoration: none;}
#header-tools #logout-header a:active {color : #C7E9F2;}

#header-tools #login-form label {
	text-align: right;
	font-weight: bold;
	color: #86BAC8;
	width: 70px;
	margin: 3px 8px 0 0;
	float: left;
	display: block;
}

#header-tools #login-form input {
	color: #333333;
	border: 1px solid #C0C0C0;
	background-color: #FFFFFF !important;
	width: 104px;
	float: left;
	display: block;
	margin: 2px 0 4px 0;
	padding: 1px 1px 1px 3px;
	font-size: 1em;
}


#header-tools #login-form input.login-button {
	height: 18px;
	width: 42px;
	position: absolute;
	right: 0;
	top: 25px;
	border: none;
	padding: 0;
}


#top-nav {
	list-style:none;
	margin:0;
	padding:0; 
	line-height:1em;
	position: absolute;
	top: 91px;
	right : 0;
	font-size: 1.2em;
	font-weight: bold;
} 
* html #top-nav {top: 90px;}
*:first-child+html #top-nav {top: 90px;}

#top-nav li{display:inline;}


#top-nav li * {
	height:30px;
	float:left;
	cursor:pointer;
	cursor:hand;
}

#top-nav a{
	background: transparent url(../images/right.gif) 0 0 no-repeat;
	padding-left:29px;
	text-decoration: none;
}
* html #top-nav a{background-position: 0 1px;}
*:first-child+html #top-nav a{background-position: 0 1px;}

#top-nav a:link{color: #515151;}
#top-nav a:visited{color: #515151;}
#top-nav a:hover{color: #515151;}
#top-nav a:active{color: #515151; }

#top-nav .right{padding-right:29px}

#top-nav .center{
	background:transparent url(../images/center_n.gif) 0 0 repeat-x;
	margin-right:-29px;
	min-width:29px;
	padding:7px 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:16px;
} /*Applys the seamless background*/
* html #top-nav .center{background-position: 0 1px; line-height: 15px;}
*:first-child+html #top-nav .center{background-position: 0 1px; line-height: 15px;}

#top-nav .start{background:transparent url(../images/farLeft_n.gif) left 0 no-repeat;} /*Applys the far left corner*/
* html #top-nav .start{background-position: 0 1px;}
*:first-child+html #top-nav .start{background-position: 0 1px;}

#top-nav .end{background:transparent url(../images/farRight_n.gif) right 0 no-repeat;padding-right:45px;} /*Applys the far right corner*/
/*The following controls the hover states of the individual image slices. It's important to remember that IE6 will only recognise :hover when applied to a link element*/
* html #top-nav .end{background-position: right 1px;}
*:first-child+html #top-nav .end{background-position: right 1px;}

#top-nav a:hover{background: transparent url(../images/left_hs.gif) 0 0 no-repeat; text-decoration: none;}
* html #top-nav a:hover {background-position: 0 1px;}
*:first-child+html #top-nav a:hover {background-position: 0 1px;}

#top-nav a.start:hover{background: transparent url(../images/farLeft_hs.gif) 0 0 no-repeat;}
* html #top-nav a.start:hover {background-position: 0 1px;}
*:first-child+html #top-nav a.start:hover {background-position: 0 1px;}

#top-nav a:hover .end{background: transparent url(../images/farRight_hs.gif) right 0 no-repeat;}
* html #top-nav a:hover .end{background-position: right 1px;}
*:first-child+html #top-nav a:hover .end{background-position: right 1px;}
	
#top-nav a:hover .center{background: transparent url(../images/center_hs.gif) 0 0 repeat-x; color:#515151}
* html #top-nav a:hover .center {background-position: 0 1px; }
*:first-child+html #top-nav a:hover .center {background-position: 0 1px; }

#top-nav a:hover .right{
	background: transparent url(../images/right_hs.gif) right 0 no-repeat;
	padding-right:58px;
	margin-right:-29px;
	position:relative;
}
* html #top-nav a:hover .right{background-position: right 1px;}
*:first-child+html #top-nav a:hover .right{background-position: right 1px;}

#top-nav li.selected a {background: transparent url(../images/left_hs.gif) 0 0 no-repeat; text-decoration: none;}
* html #top-nav li.selected a {background-position: 0 1px;}
*:first-child+html #top-nav li.selected a {background-position: 0 1px;}

#top-nav li.selected a.start {background: transparent url(../images/farLeft_hs.gif) 0 0 no-repeat;}
* html #top-nav li.selected a.start {background-position: 0 1px;}
*:first-child+html #top-nav li.selected a.start {background-position: 0 1px;}

#top-nav li.selected a .end{background: transparent url(../images/farRight_hs.gif) right 0 no-repeat;}
* html #top-nav li.selected a .end{background-position: right 1px;}
*:first-child+html #top-nav li.selected a .end{background-position: right 1px;}

#top-nav li.selected a .center{background: transparent url(../images/center_hs.gif) 0 0 repeat-x; color:#515151}
* html #top-nav li.selected a .center {background-position: 0 1px;}
*:first-child+html #top-nav li.selected a .center {background-position: 0 1px;}

#top-nav li.selected a .right{
	background: transparent url(../images/right_hs.gif) right 0 no-repeat;
	padding-right:58px;
	margin-right:-29px;
	position:relative;
}
* html #top-nav li.selected a .right{background-position: right 1px;}
*:first-child+html #top-nav li.selected a .right{background-position: right 1px;}


#process-flow-wrapper {
	background: transparent url(../images/bg_greyGradlrg.gif) 0 0 repeat-x;
	border-bottom: 1px solid #ACACAC;
}

#process-flow {
	height: 246px;
	position : relative;
	width : 946px;
	margin : 0 auto;
}

#content {
	width : 942px;
	margin : 0 auto 0 auto;
	padding: 0;
	font-size : 62.5%;
	min-height: 70%;
}
* html #content {height: 71%;}
*:first-child+html #content {min-height: 71%;}

#content.hp {min-height: 49%;}
* html #content.hp {height: 52%;}
*:first-child+html #content.hp {min-height: 51%;}

/* hp left column */

#hp-left-col {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(../images/hv_grad.gif) 100% 0 no-repeat;
	width: 471px; 
	display: inline;
	font-size: 1.2em;
}

#hp-left-col ul li {	
	background: transparent url(../images/bul.gif) 0 6px no-repeat;
	margin: 0;	
	padding: 0 0 0 15px;
	list-style-type: none;
	line-height: 1.6em;
}

ol{
	list-style-type: decimal;
	padding-left: 23px;
}

ol li {
	margin: 0;	
	line-height: 1.6em;
}



#hp-left-col .pad {padding: 12px 15px 10px 15px;}

/* hp mid column */

#hp-mid-col {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(../images/hv_grad.gif) 100% 0 no-repeat;
	width: 247px; 
	display: inline;
	font-size: 1.2em;
}

#hp-mid-col .pad {padding: 30px 15px 10px 15px;}

#hp-mid-col ul, #content-mid-col ul { margin: 5px 0 20px 0;	padding: 0;}

#hp-mid-col ul li, #content-mid-col ul li {	
	background: transparent url(../images/bul.gif) 0 6px no-repeat;
	margin: 0;	
	padding: 0 0 0 15px;
	list-style-type: none;
	line-height: 1.6em;
}

/* hp right column */

#hp-right-col {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(../images/hv_grad.gif) 100% 0 no-repeat;
	width: 224px; 
	display: inline;
	font-size: 1.2em;
}

#hp-right-col .pad {
	padding: 30px 15px 10px 15px;
	background: transparent url(../images/bg_gradblue.gif) 0 0 no-repeat;
}

#hp-right-col ul { margin: 5px 0 20px 0;	padding: 0;}

#hp-right-col ul li {	
	background: transparent url(../images/bul_arrow.gif) 0 6px no-repeat;
	margin: 0;	
	padding: 0 0 0 20px;
	list-style-type: none;
	line-height: 1.7em;
}

#hp-right-col ul li a {
	text-decoration: none;
	color: #12486A;
}

/* bread-crumbs section */
.top-bread-email {
	margin-top:-15px;
}

.bread-crumbs {
	list-style-type : none;
	margin : -10px 0 0 0 !important ;
	padding : 0;	
	clear: left;
	height: 28px;	
}


.bread-crumbs li {
	list-style-type : none !important;
	float : left;
	padding : 0 5px 0 12px !important;
	margin: 0 !important;
	background: transparent url(../images/chev.gif) 0 4px no-repeat !important;
	color: #696969;
	font-size: 1em;
	line-height: 1.1em !important;
}
.bread-crumbs li.first-item {background : none !important; padding-left :2px !important;}
.bread-crumbs li.selected {color: #70AFC0}

.bread-crumbs a {text-decoration: underline;}
.bread-crumbs a:link{color: #15476a;}
.bread-crumbs a:visited{color: #15476a;}
.bread-crumbs a:hover{color: #15476a; text-decoration:none;}
.bread-crumbs a:active{color: #15476a;}

#content-gray-tile {
	background: transparent url(../images/bg_greyRepsml.gif) 0 0 repeat-x;
	height: 39px;
	margin: 0 0 35px 0;
}

/* content left col */

#content-left-col {
	float: left;
	width: 202px;
	margin: 0 25px 0 10px;
	_margin: 0 15px 0 10px;
	padding: 0;
	display: inline;
	font-size: 1.2em;
}

#content-left-col #left-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#content-left-col #left-nav li {list-style-type: none; letter-spacing: -0.4px;}
* html #content-left-col #left-nav li {letter-spacing: -0.04em;}
*:first-child+html #content-left-col #left-nav li {letter-spacing: -0.04em;}

#content-left-col #left-nav li.selected {
	background: transparent url(../images/subNavHeader.gif) 0 0 no-repeat;
	color: #FFF;
	padding: 5px 10px 3px 15px;	
	font-size: 16px;
	/*font-weight: bold;	*/
}

#content-left-col #left-nav li a {
	text-decoration: none;
	display: block;
	width: 172px;
	padding: 6px 10px 5px 30px;
	background: transparent url(../images/subNavItem_n.gif) 0 0 no-repeat;
	font-size: 13px;	
	font-weight: bold;
}

#content-left-col #left-nav li a:link{color: #35515D; text-decoration:none;}
#content-left-col #left-nav li a:visited{color: #35515D; text-decoration:none;}
#content-left-col #left-nav li a:hover{
	color: #35515D; 
	text-decoration:none;
	background: transparent url(../images/subNavItem_o.gif) 0 0 no-repeat;
}
#content-left-col #left-nav li a:active{color: #35515D; text-decoration:none;}

#content-left-col #left-nav li a#top-item {
	text-decoration: none;
	display: block;
	background: transparent url(../images/subNavHeader.gif) 0 0 no-repeat;
	color: #FFF;
	padding: 5px 10px 3px 15px;		
	font-size: 16px;
	width: auto;
	font-weight: normal;
}
* html #content-left-col #left-nav li a#top-item {margin-bottom: -15px;}
*:first-child+html #content-left-col #left-nav li a#top-item {}
#content-left-col #left-nav li a#top-item:hover{
	color: #A0C7D4;
}


#content-left-col #left-nav li a.last {height: 31px; background: transparent url(../images/subNavItemBtm_n.gif) 0 0 no-repeat;}
#content-left-col #left-nav li a.last:hover {background: transparent url(../images/subNavItemBtm_o.gif) 0 0 no-repeat;}
#content-left-col #left-nav li a.currentLink {background: transparent url(../images/subNavItem_o.gif) 0 0 no-repeat;}
#content-left-col #left-nav li a.currentLinkLast {background: transparent url(../images/subNavItemBtm_o.gif) 0 0 no-repeat;}
/* left 2nd level menu*/

#content-left-col #left-nav .secLevel li a{background: transparent url(../images/subSubNavItem_n.gif) 0 0 no-repeat; color:#5c737c; font-size:12px;font-weight: bold; padding: 0px 10px 0px 36px;width: 167px;height: 25px; letter-spacing:0px}
#content-left-col #left-nav .secLevel li a:hover{background: transparent url(../images/subSubNavItem_o.gif) 0 0 no-repeat;color:#5c737c;}
#content-left-col #left-nav .secLevel li a p {padding-top: 4px;}

/* content mid col */

#content-mid-col {
	float: left;
	width: 460px;
	margin: 0 21px 0 0;
	padding: 0;
	display: inline;
	/*background-color: yellow;*/
	font-size: 1.2em;
}
#content-midmixed-col {
	float: left;
	width: 701px;
	margin: 0;
	padding: 12px 0 0 0;
	display: inline;
	/*background-color: yellow;*/
	font-size: 1.2em;
}
#content-midmixed-col div.errorPrompt {
	background-color:#fff2f2;
	border:1px solid #FF0000;
	padding-top:5px;
}
#content-midmixed-col div.errorPrompt span{
	color:#FF0000;
	font-weight:bold;
	margin-left:10px;
}
#content-midmixed-col div.errorPrompt ul{
	list-style-type:disc;
	padding:5px 0;
	margin-left:23px;
	color:#FF0000;
	font-weight:bold;
}
#content-midmixed-col div.errorPrompt ul li{
	padding:2px 0;
}
#content-midmixed-col div.personDetail {
	margin-top:20px;
}
#content-midmixed-col div.personDetail table tr{
	height:30px;
}
#content-midmixed-col div.personDetail div.imgTop{
	background:transparent url(../images/bg_topBar.gif) 0 0 no-repeat;
	height:29px;
	padding-top:7px;
}
#content-midmixed-col div.personDetail div.belowImg{
	padding:5px 0 5px 10px;
}
#content-midmixed-col div.personDetail table.tblM{
	margin:0 0 0 10px;
}
#content-midmixed-col div.personDetail table.tblM tr td{
	padding:0 10px 10px 0;
}
#content-midmixed-col div.personDetail table.tblM tr td select{
	margin:0 0 0 131px;
	width:150px;
}
#content textarea.macro-text{
	width:520px;
	height:100px;
	padding:1px 1px 1px 3px;
	border:1px solid #c1c1c1;
}
#content-midmixed-col div.personDetail table.tblBo{
	margin:0 0 0 10px;
}
#content-midmixed-col div.personDetail table.tblBo tr td{
	padding:0 10px 10px 0;
}
#content-midmixed-col div.personDetail table.tblBo tr td select{
	margin:0 0 0 10px;
	width:210px;
}
#content-midmixed-col div.personDetail table.tblBo tr td input{
	margin:0 0 0 10px;
	width:204px;
	border:1px solid #C1C1C1;
	padding:1px 1px 1px 3px;
}
#content-midmixed-col div.personDetail .selQ{
	width:130px;
	margin:0 0 0 50px;
}
#content-midmixed-col div.personDetail div.table_wrapper {
	background-color:#e4eff3;
	padding:15px 0;
	margin-top:10px;
}
#content-midmixed-col div.personDetail div.table_wrapper input {
	margin-top:1px;
}
#content-midmixed-col div.personDetail div.table_wrapper table{
	margin:10px 0 0 0;
}
#content-midmixed-col div.personDetail div.table_wrapper strong{
	color:#11536d;
	margin:0 0 0 10px;
}
#content-midmixed-col div.personDetail div.crossbar{
	background:transparent url(../images/bgRequest_question.gif) 0 0 repeat-x;
	margin:20px 0;
	padding:6px 0 5px 15px;
	height:32px;
}
#content-midmixed-col div.personDetail div.crossbar1{
	background:transparent url(../images/bgRequest_question.gif) 0 0 repeat-x;
	padding:5px 0 5px 15px;
	height:32px;
}
#content-midmixed-col div.personDetail div.crossbar select{
	width:150px;
	margin:0 0 0 192px;
}
#content-midmixed-col div.personDetail div.crossbar1 input{
	width:30px;
	margin:0 5px 0 0;
}
table.tbl-long-td {margin:20px 0 5px 0;}
tr.contact{
	background:transparent url(../images/bgRequest_question.gif) 0 0 repeat-x;
}

tr.contact strong.conM{
	padding:0 0 0 15px;
}
div.oneLine{
	background:transparent url(../images/bgRequest_question.gif) 0 0 repeat-x;
	height:26px;
	padding:6px 0 0 0;
	margin:20px 0 0 0;
}
div.oneLine strong.conM{
	padding:0 203px 0 15px;
}

#content .selEmail{
	width:100px;
	border:1px solid #c1c1c1;
}
tr.bCon{
	background:transparent url(../images/bgRequest_question.gif) 0 0 repeat-x;

}
tr.bCon strong.conM{
	padding:0 0 0 10px;
}

tr.bCon .selEmail{
	width:100px;
}

#inlinediv {
	height:118px;
	width:300px;
	overflow:auto;
	border:1px solid #C1C1C1;
	padding:5px 10px;
	margin-top:1px;
}
#inlinediv .bt{
	clear:both;
	float:left;
	margin-top:5px;
}
#inlinediv input{
	clear:both;
	float:left;
	margin:1px 0;
}
* html #inlinediv input{
	float:none;
	margin:-3px 0 0 0;
}
*:first-child+html #inlinediv input{
	float:none;
	margin:-3px 0 0 0;
}
#inlinediv label{
	float:left;
	margin:2px 0 0 3px;
}
* html #inlinediv label{
	float:none;
}
*:first-child+html #inlinediv label{
	float:none;
}

tr.business{
	background:transparent url(../images/bgRequest_question.gif) 0 0 repeat-x;
}
tr.business td.fir-col{
	width:270px;
}
tr.business td.fir-col-long{
	width:450px;
}
tr.business td.sec-col{
	width:180px;
}
tr.business td.sec-col-long{
	width:248px;
}
tr.business td.thr-col{
	width:250px;
}

tr.business select{
	margin:0;
	width:50px;
}
#content input.busi-text{
	width:227px;
	padding:1px 1px 1px 3px;
	border:1px solid #C1C1C1;
}
#content-midmixed-col div.personDetail div.imgTop .froTitle{
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 12px;
	float:left;
}
#content-midmixed-col div.personDetail div.imgTop .required{
	color:#f9be00;
	font-weight:bold;
	float:right;
	padding:0 15px 0 0;
}
#content-midmixed-col div.personDetail table .errorCol {
	width:130px;
	color:#FF0000 !important;
	font-weight:bold;
	padding:0 5px 0 0;
}

#content-midmixed-col div.personDetail table .errorCol span{
	color:#FF0000 !important;
}

#content-midmixed-col div.personDetail table .comfircoltd {
	width:130px;
	font-weight:bold;
	padding:0 5px 0 0;
}
#content-midmixed-col div.personDetail table .postlabel {
	font-weight:bold;
	margin:0 5px 0 13px;
}
#content-midmixed-col div.personDetail table .thcoltd {
	width:80px;
	font-weight:bold;
	padding:0 2px 0 0;
}
#content input.red-text  {
	width:227px;
	border:1px solid #FF0000;
	padding:1px 1px 1px 3px;
}
#content input.com-text {
	width:227px;
	padding:1px 1px 1px 3px;
	margin-top:1px;
	border:1px solid #C1C1C1;
}
#content input.long-text{
	width:542px;
	padding:1px 1px 1px 3px;
	border:1px solid #C1C1C1;
}
#content input.date-text{
	border:1px solid #C1C1C1;
	padding:1px 1px 1px 3px;
}

#content input.short-text {
	width:82px;
	padding:1px 1px 1px 3px;
	border:1px solid #C1C1C1;
}
#content input.phone-area-text {
	width:24px;
	padding:1px 1px 1px 3px;
	border:1px solid #C1C1C1;
}
#content input.phone-area-text-red {
	width:24px;
	padding:1px 1px 1px 3px;
	border:1px solid #FF0000;
}
#content input.phone-text {
	width:191px;
	padding:1px 1px 1px 3px;
	margin:0 0 0 6px;
	border:1px solid #C1C1C1;
}
#content input.phone-text-red {
	width:191px;
	padding:1px 1px 1px 3px;
	margin:0 0 0 6px;
	border:1px solid #FF0000;
}
#content select.selState {
	width:70px;
	border:1px solid #c1c1c1;
}
span.yelas {
	color:#f9be00;
}
#content-midmixed-col div#workDetail .imgTop {
	background:transparent url(../images/bg_barNoCorner.gif) 0 0 no-repeat;
	height:29px;
	padding-top:7px;
	margin:10px 0 0 0;
}
#content-midmixed-col div#workDetail table tr td {
	padding:5px 0;
}

#content-midmixed-col div#workDetail .imgTop .froTitle {
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 12px;
	float:left;
}
#content-midmixed-col div#workDetail table .fircol {
	width:140px;
	font-weight:bold;
	padding:2px 10px 0 0;
}
span.bt {
	color:#125570;
	font-weight:bold;
}
#content textarea.mul-text {
	width:528px;
	height:70px;
	overflow:hidden;
	padding:1px 1px 1px 3px;
	border:1px solid #c1c1c1;
}
#content select.selHome {
	width:130px;
	border:1px solid #c1c1c1;
}

.ques1{
	font-weight:bold;
	margin:0 0 0 10px;
}

select.selWorx{
	border:1px solid #c1c1c1;
}

tr.business .refer-text{
	width:227px;
	padding:1px 1px 1px 3px;
	border:1px solid #C1C1C1;
}
#content-midmixed-col div#workDetail .lastline{
	padding:5px 0 0 10px;
}
#content-midmixed-col #bottombar{
	margin:10px 0 0 0;
	width:720px;
}
#content-midmixed-col #bottombar .leftbotdiv{
	background:transparent url(../images/bg_bottomBar.gif) 0 0 no-repeat;
	height:29px;
	width:575px;
	padding:5px 0 0 10px;
	float:left
}
* html #content-midmixed-col #bottombar{
	margin:10px 0 0 0;
	width:701px;
}
* html #content-midmixed-col #bottombar .leftbotdiv{
	width:559px;
}
div.floatcheck{
	float:left;
	padding:0px 3px 0 0;
}
div.floatcheck input{
	float:left;
	
}
* html div.floatcheck{
	float:left;
	padding:0px 0px 0 0;
	margin:-1px 0 0 0;
}
*:first-child+html div.floatcheck{
	float:left;
	padding:0px 3px 0 0;
	margin:-1px 0 0 0;
}
* html #content-midmixed-col #bottombar .leftbotdiv { padding:5px 0 0 10px}
*:first-child+html #content-midmixed-col #bottombar .leftbotdiv { padding:5px 0 0 10px}

#content-midmixed-col #bottombar .rightbotdiv{
	
	height:29px;
	width:132px;
	float:left;
}
input#btn-proceed,
#content-midmixed-col #bottombar .rightbotdiv input#btn-proceed {
	width:132px;
	height:29px;
	border:none;
}
#content-midmixed-col #bottombar .rightbotdiv input#btn-proceed:hover {
	cursor:hand;cursor:pointer;
}

#payment-table {
	padding:5px;	
}

#btn-payment {
	background:transparent url(../images/btn_payment_n.gif) 0 0 no-repeat;
	width:161px;
	height:29px;
	border:none;
}
#btn-payment:hover {
	background:transparent url(../images/btn_payment_o.gif) 0 0 no-repeat;
	width:161px;
	height:29px;
	border:none;
	cursor:hand;cursor:pointer;
}

#btn-cancel {
	width:81px;
	height:29px;
	border:none;
}
#btn-cancel:hover {
	width:81px;
	height:29px;
	border:none;
	cursor:hand;cursor:pointer;
}

#btn-back {
	width:81px;
	height:29px;
	border:none;
}
#btn-back:hover {
	width:81px;
	height:29px;
	border:none;
	cursor:hand;cursor:pointer;
}

#content-midmixed-col #bottombar .comment{
	color:#FFFFFF;
	font-size:11px;
}
#content-midmixed-col #bottombar .comment a{
	color:#f9be00;
	font-size:11px;
}

/* content right col */

#content-right-col {
	float: left;
	width: 224px;
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
	font-size: 1.2em;
}
* html #content-right-col {
	margin: -13px 0 0 0;
}

/* content right for  2 col layout */
#content-right-2col{
	float: left;
	width: 702px;
	margin: 0;
	padding: 0;
	display: inline;
	/*background-color: yellow;*/
	font-size: 1.2em;
}

#content-right-2col .bread-crumbs{
	margin-top:0 !important;
}

/* footer */

#footer-wrapper {
	border-top: 1px solid #D5D5D5;
	font-size : 0.7em;
	margin-top: 15px;
	width: 100%;	
}

#footer {
	margin: 0 auto;
	clear : both;
	width: 942px;
}

#footer ul {
	float: left;
	padding : 0;
	margin : 0;
	list-style-type: none;	
}

#footer ul li {
	list-style-type: none;
	margin : 0;
	padding: 5px 5px 0 5px;
	float: left;
	line-height: 1.5em;
}

#footer a {text-decoration:underline !important;}
#footer a:link{color: #5492A1;}
#footer a:visited{color: #5492A1; text-decoration:none;}
#footer a:hover{color: #5492A1; text-decoration:none !important ;}
#footer a:active{color: #5492A1; text-decoration:none;}

/* Reusable Classes
************************************************************/
.clear-hidden {
	margin : 0;
	padding : 0;
	font-size : 1px;
	line-height: 1px;
	clear : both;
	height: 1px;
	background-color:white;	
}

div.hr {
	background-color: #E5E5E5;
	margin: 15px 0 15px 0;
	height: 1px;
	border: 0 ;
	padding: 0;
	clear:both;
} 

div.hr hr { display: none;}

.floatleft {float: left;}

.floatright {float: right;}

.process-flow-img {
	width: 236px; 
	position: absolute;
	top: 8px;
	right: -7px;
}

.mail-to {
	display: block;
	text-align: right;
	margin: 0 0 7px 0;	
}


.mail-to-content {
	display: block;
	text-align: right;
	margin: 0;
}



.mail-to a, .mail-to-content a {
	background: transparent url(../images/btn_sendtoafriend_n.gif) 100% 3px no-repeat;
	padding: 0 22px 0 0;
	text-decoration: underline;
}

.mail-to a:link, .mail-to-content a:link{color: #666666;}
.mail-to a:visited, .mail-to-content a:visited{color: #666666;}
.mail-to a:hover, .mail-to-content a:hover{
	color: #666666; 
	text-decoration:none;
	background: transparent url(../images/btn_sendtoafriend_o.gif) 100% 3px no-repeat;
}
.mail-to a:active, .mail-to-content a:active{color: #666666;}

.top-image {margin: -13px 0 0 0;}
* html .top-image {margin: 0;}

/* Notic Board Listing page */
div.top-bar-div{
	background: url(../images/bg_topBar.gif) 0 0 no-repeat;
	height:50px;

}
div.back-to-search{
	width:135px;
	
	text-align:right;
	padding:2px 0 0 0;
	margin:4px 0 0 4px;
	height:40px;
	float:left;
	display:inline;
}
div.back-to-search a{
	display: block;
	font-size : 1.25em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	height:25px;
	background: transparent url(../images/img_backArrow.gif) 0px -3px no-repeat;
}
div.back-to-search a:hover{
	background: transparent url(../images/img_backArrowOver.gif) 0px -3px no-repeat;
}

div.back-to-search-noticeboard{
	width:190px;
	
	text-align:right;
	padding:2px 0 0 0;
	margin:4px 0 0 4px;
	height:40px;
	float:left;
	display:inline;
}
div.back-to-search-noticeboard a{
	display: block;
	font-size : 1.25em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	height:25px;
	background: transparent url(../images/img_backArrow.gif) 0px -3px no-repeat;
}
div.back-to-search-noticeboard a:hover{
	background: transparent url(../images/img_backArrowOver.gif) 0px -3px no-repeat;
}



/* end Notice Board Listing page */

/*========== Business Feed back ===========*/
/*===========top nav add element==============*/


/*======Feedback Form===========*/
#feedback-form{
	margin-top:24px;
	font-weight:bold;
	font-size:.9em;
}
#feedback-form table td{ padding-top:10px; }


#feedback-form input.no-border{ border:none;}

.top-bar-left-text{
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 0 0 12px;
	float:left;
	font-size:1.1em;
}
.top-bar-right-requied{
	color:#f9be00;
	font-weight:bold;
	float:right;
	padding:5px 15px 0 0;
	font-size:1em;
}

table.job-details td.left{ padding-left:10px;width:140px; }
table.job-details td.input{ width:330px; }
#content input.long{ width:295px; padding:1px 1px 1px 3px; border:1px solid #c1c1c1; }
#content input.small{ width:110px; padding:1px 1px 1px 3px; border:1px solid #c1c1c1; }
table.job-details span.known{ font-weight:normal; margin-left:3px;}

#rating-div{
	background:transparent url(../images/bg_ratingTile.gif) 0 0 repeat-x;
	height:70px;
	margin:18px 0 15px 0;
}
#rating-div-left{
	float:left;
	width:435px;
	padding:11px 0px 0 10px;
}
#rating-div-left p{ padding-bottom:3px; }
#rating-div-right{ padding:10px 0 0 0; }
#rating-div-right span.poor{ float:left; padding-top:3px; }
#rating-div-right span.excellent{ float:left;padding:3px 0 0 10px; }
#rating-div-right img{ float:left;padding:0 0 0 10px; }
#rating-div-right input{ float:left;margin:2px 0 0 10px; }

#additional-feedback-div textarea {
	padding:1px 1px 1px 3px;
}

#additional-feedback-div label{
	float:left;
	width:130px;
	text-align:right;
	padding-left:10px;
}
#additional-feedback-div textarea{
	margin-left:10px;
	_margin-left:7px;
	width:533px;
	height:82px;
}

table.questions{ margin:10px 0 20px 0; }
table.questions select{ width:115px; }
table.questions td.left{ width:562px;padding-left:10px; }
table.questions input, table.job-details input{
	/*height:18px;*/
}
/*========== End Business Feed back ===========*/

/* noticeboard listing page */
div.top-bar-div{
	background: url(../images/bg_topBar.gif) 0 0 no-repeat;
	height:29px;
	overflow:hidden;
	margin-top:15px;
}
div.bottom-bar-div{
	background: url(../images/bg_bottomBar_noBtn.gif) 0 0 no-repeat;
	height:29px;
	overflow:hidden;
}

div.noticeboard-right-bar{
	float:right;
	font-size:0.9em;
	padding:8px 15px 0 0;
	color:#FFFFFF;
}
div.result-number{
	float:left;
	margin:0 20px 0 0;
}
div.result-pagination{
	float:left;
}
div.result-pagination span{
	color:#70AFC0;
}
div.result-pagination a{
	color:#f9be00;
}
div.result-pagination a:hover, td.noticeboard-listing-detail a:hover{
	text-decoration:none;
}
table.my-history-table th,
table.noticeboard-listing-table th{
	font-weight:bold;
	padding-top:8px;
	padding-bottom:7px;
}
table.my-history-table td,
table.noticeboard-listing-table td{
	padding-top:13px;
	padding-bottom:25px;
	vertical-align:top;
	font-size:0.9em;
	line-height:14px;
}
table.my-history-table td{padding-bottom:5px !important;}
table.my-history-table td, table.my-history-table th,
table.noticeboard-listing-table td, table.noticeboard-listing-table th{
	padding-left:10px;
	color:#15476a;
}

th.noticeboard-listing-id{
	background:url(../images/bg_id.gif) 0 0 no-repeat;
	width:116px;

}

th.noticeboard-listing-title{
	background: url(../images/bg_title.gif) 0 0 no-repeat;
	padding-left:12px;
	width:449px;
}

div.noticeboard-listing-private{
	background: url(../images/btn_private_app.gif) 0 0 no-repeat;
	display:block;
	width:116px;
	height:30px;
}

td.noticeboard-listing-start-date{
	background: url(../images/bg_startDate.gif) 0 0 no-repeat;
}
td.noticeboard-listing-start-date p{
	margin:0;
	padding-bottom:7px;
}
td.noticeboard-listing-start-date p .openspan{
	color:#039B11;
}
td.noticeboard-listing-start-date p .closedspan{
	color:#FF0000;
}
td.noticeboard-listing-detail{
	padding-left:12px;
	padding-right:12px;
	width:435px;
}
td.noticeboard-listing-detail p{
	color:#333333;
	margin-bottom:5px;
}
td.noticeboard-listing-detail a{
	color:#3079A6;
}
table.noticeboard-listing-table th.noticeboard-listing-apply-now{
	padding:0;
}
th.history-applied {
	padding:0 !important;
}


th.history-suc {
	padding:0 !important;
}

th.history-unsuc {
	padding:0 !important;
}
*:first-child+html th.history-unsuc img { margin-bottom: -2px; }
* html th.history-unsuc img { margin-bottom: -2px;; }

table.noticeboard-listing-table th.noticeboard-listing-apply-now a{
	background: url(../images/btn_applyNow.gif) 0 0 no-repeat;
	display:block;
	width:116px;
	height:30px;
}
table.noticeboard-listing-table th.noticeboard-listing-apply-now a:hover{
	background: url(../images/btn_applyNow_o.gif) 0 0 no-repeat;
}

p.my-history{
	margin:15px 0 30px 0;
}
/* end noticeboard listing page */




/* Feng's code below */
/* common css */
div#top-bar{background:transparent url(../images/bg_topBar.gif) left bottom no-repeat; height:28px; padding-top:1px; margin:0; font-size:1em;}
div#bottom-bar-left{background:transparent url(../images/bg_bottomBar.gif) left top no-repeat; height:29px; width:583px; float:left; color:#ffffff; padding:0; margin:0;}
div#bottom-button-div{float:left; height:50px; width:116px;	margin:0; padding:0; float: left; color:#15476a; font-weight:bold;}

input#btn-submit{height:29px; width:116px;	border:none; margin:0;}
input#btn-submit:hover{cursor:hand;cursor:pointer;}

input#btn-login{height:29px; width:116px;	border:none; margin:0;}
input#btn-login:hover{cursor:hand;cursor:pointer;}

input#btn-job-apply{background: transparent url(../images/btn_applyNowRounded.gif) 0 0 no-repeat; height:29px;width:116px;border:none;}
input#btn-job-apply:hover{background: transparent url(../images/btn_applyNowRounded_o.gif) 0 0 no-repeat;cursor:hand;cursor:pointer;}

a#btn-job-apply{display: block; background: transparent url(../images/btn_applyNowRounded.gif) 0 0 no-repeat; height:29px;width:116px;border:none;}
a#btn-job-apply:hover{background: transparent url(../images/btn_applyNowRounded_o.gif) 0 0 no-repeat;cursor:hand;cursor:pointer;}

a#btn-consultant-request{display: block; background: transparent url(../images/btn_contactConsultant.gif) 0 0 no-repeat; height:29px;width:116px;border:none;}
a#btn-consultant-request:hover{background: transparent url(../images/btn_contactConsultant_o.gif) 0 0 no-repeat;cursor:hand;cursor:pointer;}

input#btn-job-apply-box{background: transparent url(../images/btn_applyNow.gif) 0 0 no-repeat; height:30px;width:116px;border:none;}
input#btn-job-apply-box:hover{background: transparent url(../images/btn_applyNow_o.gif) 0 0 no-repeat;cursor:hand;cursor:pointer;}

input#btn-send-application{height:29px; width:137px;	border:none; margin:0;}
input#btn-send-application:hover{cursor:hand;cursor:pointer;}

input#btn-send-request{background: transparent url(../images/btn_sendRequest.gif) 0 0 no-repeat; height:50px; width:137px;	border:none; margin:0;}
input#btn-send-request:hover{background: transparent url(../images/btn_sendRequest_o.gif) 0 0 no-repeat;cursor:hand;cursor:pointer;}

a.bottom-bar-link{display: block;background: transparent url(../images/img_backArrow.gif) 0 -3px no-repeat;font-size:1.25em;height:1.4em;font-weight:bold;text-decoration:none;color:#ffffff;margin:4px;padding:2px 0 0 30px;}
a.bottom-bar-link:hover {background: transparent url(../images/img_backArrowOver.gif) 0 -3px no-repeat;}
p.bar-info{margin:5px 10px 5px 10px;}
p.bar-info a:hover{text-decoration:none;}
div#top-bar p.left-info{text-align:right; margin:5px 10px 5px 10px;color:#f9be00;font-weight:bold;}
div#top-bar p.right-info{text-align:left; margin:5px 10px 5px 10px;color:#f9be00;font-weight:bold;}

.required{color:#f9be00;margin:3px; padding:0; font-size:1.2em;}


/* job application */
div#bottom-bar-left.job-app-bottom{width:563px !important;}
#job-app-form{margin-top:20px;}

div#job-app-content{padding:10px 20px 20px 20px;font-size:0.9em;}
div#job-app-content table { margin-bottom:10px}
div#job-app-content table tr{ height:35px;}
div#job-app-content p{margin-bottom:20px;}
div#job-app-content .warning{color:#FF0000;};

#job-app-form label span{font-weight:normal;}
#job-app-form label{font-weight:bold;margin-right:5px; width:80px; text-align:right;display:block;float:left;}
#job-app-form #job-app-comment{width:634px; height:200px;overflow:hidden;vertical-align:top; padding:1px 1px 1px 3px; margin-left:15px;}
#job-app-form label.consultant{width:190px;text-align:left;padding-left:15px;margin-right:41px;_margin-right:31px;display:inline;}
div#job-app-content input{width:400px;border:1px solid #c1c1c1;padding:1px 4px;background-color:#FFFFFF !important;}

div.job-id{float:left;background:url(../images/bg_id.gif) 0 0 no-repeat;height:21px;width:100px;margin:0;padding:8px;color:#35515D;font-weight:bold;}
div.job-title{float:left;background: url(../images/bg_title.gif) 0 0 repeat-x;padding-left:12px;height:21px;width:568px;margin:0;padding:8px;color:#35515D;font-weight:bold;}

/* login */
div#bottom-bar-left.bottom-login{width:585px !important;}
#login-form-email{margin-top:20px;}

#login-form-email .login-label{display: block;width:120px;text-align:right;font-weight: bold;padding: 2px 8px 0 0px;float: left;}
#login-form-email .login-text{color: #333333;border: 1px solid #C1C1C1;background-color: #FFFFFF !important;width: 150px;display: block;margin: 2px 0 4px 0;padding: 1px 1px 1px 3px;font-size:1em;}
#login-form-email .login-input{color: #333333;border: 1px solid #C0C0C0;background-color: #FFFFFF !important;width: 150px;display: block;margin: 2px 0 4px 0;padding: 1px 1px 1px 3px;font-size:1em;}



/* job detail */
div#job-detail-content{padding: 20px 50px 20px 10px;}
#top-bar-left{background: transparent url(../images/bgDetails_id.gif) 0 0 no-repeat;height:24px;width:88px;float: left;color:#35515D;padding:7px 0 0 10px;font-weight: bold;}
#top-bar-right{background: transparent url(../images/bgDetails_top.gif) 0 0 no-repeat;height:24px;width:603px;float:left;color:#ffffff;font-size:0.9em;padding-top:7px;}
#top-bar-right span{margin:10px 0 0 15px;}
h1.job-detail{padding-bottom:15px;}

/* Consultant detail */
#top-bar-left-consultant{background: transparent url(../images/bgDetails_id_consultant.gif) 0 0 no-repeat;height:40px;width:88px;float: left;color:#35515D;padding:12px 0 0 10px;font-weight: bold;}
#top-bar-right-consultant{background: transparent url(../images/bgDetails_top_consultant.gif) 0 0 no-repeat;height:40px;width:603px;float:left;color:#ffffff;font-size:0.9em;padding-top:7px;}
#top-bar-right-consultant span{margin:10px 0 0 15px;}
#top-bar-right-consultant p{margin:0 10px 0 10px;}

/* notice board landing*/
div#show-jobs{
	padding:10px 30px 20px 30px;
}
select.show-all-select{
	width:322px;
}
div#show-jobs input#surname{
	width:312px;
	border: 1px solid #C0C0C0;
	background-color: #FFFFFF !important;
	padding:1px 4px;
}

.formatlabelwarning { color:#FF0000}
.formatlabelwarning span { color:#FF0000}
#content input.warning {
	border-color: #FF0000;
}
#content textarea.warning {
	border-color: #FF0000;
}
#content .warning {
	border-color: #FF0000;
}

#thanks-message ul li {
	background: transparent url(../images/bul.gif) 0 6px no-repeat;
	margin: 0;	
	padding: 0 0 0 15px;
	list-style-type: none;
	line-height: 1.6em;
}

/* content table styling*/
#content-mid-col .table-common {
	width: 100%;
	border: 1px solid #FFFFFF;
	border-collapse: separate;
	border-spacing: 1px !important;
	border-spacing: expression(this.cellSpacing=1);
}

#content-mid-col .table-common td{
	padding-left: 15px;
	height: 20px;
}

#content-mid-col .table-common thead td{
	background: transparent url(../images/hd_tb.gif) 0 0 repeat-x;
	height: 24px;
	color: white;
	font-size: 15px;
}

#content-mid-col .table-td-blue-back{
	background-color: #F3F9F9;
}
