@import url("reset.css");
@import url("editor_styles.css");

html, body {height: 100%;}

html {overflow-y:scroll;} 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 100.01%;
	color : #000000;
	background: transparent url(../images/bg_Content.jpg) 50% 100% no-repeat;
}

body#home {
	background: transparent url(../images/bg_Home.jpg) 50% 0 no-repeat;  
	-webkit-background-size: 2000px 1050px;
}

form#mainform {height:100%}

h1 {
	font-size: 3em;
	font-weight: bold;
	color : #1A1A1A;
	margin: 0 0 0.3em 0;
	padding: 0;
	line-height: 1em;
	letter-spacing: -1px;
}
/*h1.summary-title {
	color:#545312;
	letter-spacing:-2px;
}*/



h2 {
	font-size : 1.6em;
	letter-spacing: -1px;
	margin: 0 0 0.2em 0;
	padding: 0;
	color: #000;
	line-height: 1.2em;
	font-weight: bold;
}

/*h2.summary-small-title {color:#545312; }*/

h2.highlight, h2.highlight a {color: #6C132A; margin-top: 0.1em;}

h3 {
	font-size : 1.5em;
	margin: 0 0 0.3em 0;
	padding: 0;
	color: #666;
	line-height: 1.2em;	
}

h3.summary-subtitle {
	letter-spacing:-1px;
	margin-top:-12px;
}

h3.highlight, h3.highlight a {color: #EA8E03; margin: 0;}

h4 { 
	font-size:1.3em;
	font-weight:bold;
	margin:0;
	color:#FFFFFF;
	letter-spacing:-1px;
	line-height:1.1em;
}

h5 {
	font-size : 1em;
	margin: 0 0 0.1em 0;
	padding: 0;
	color: #333333;
	font-weight: bold;
}

h5.search-title
{
	font-size : 1.2em;	
}
h5.search-title a:link{color : #770C29 !important;}

.search-title {	
	color: #9D5267;
}

a {text-decoration : none;}
a:link{color : #9D5267;}
a:visited {color: #9D5267;}
a:hover {color: #9D5267; text-decoration: underline;}
a:active {color : #9D5267;}

p {
	margin : 0 0 1em 0;
	line-height: 1.4em;
}

dl {
	margin : 0;
	padding : 0;
}

dl dt {
	float : left;
	width : 4em;
}

dl dd {
	display : block;
	margin-left : 4em;
	margin-bottom : 3px;
}

/* header section */

#header {background: transparent url(../images/bg_navigationbar.gif) 0 0 repeat-x;}

#header-tools {
	height: 120px;
	position : relative;
	width : 998px;
	margin : 0 auto 0 auto;
	font-size:0.7em;
	/*border: 1px solid red;	*/
}

#header-tools #logo {
	position: absolute;
	left: 0;
	top: 0;
}

#main-nav {
	position: absolute;
	top: 0;
	right: 0;
	width: 638px;
	padding: 0;
}

#main-nav li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0 ;
}

#main-nav li a {
	float: left;
	height: 113px;
	text-decoration: none;
	margin: 0;
	background: transparent url(../images/img_navigation.gif) 0 0 no-repeat;
}

#main-nav li a span {display: none;}

#main-nav li#nav-1 a {background-position: 0 0;	width: 108px;}
#main-nav li#nav-2 a {background-position: -108px 0; width: 105px;}
#main-nav li#nav-3 a {background-position: -213px 0; width: 105px;}
#main-nav li#nav-4 a {background-position: -318px 0; width: 105px;}
#main-nav li#nav-5 a {background-position: -423px 0; width: 105px;}
#main-nav li#nav-6 a {background-position: -528px 0; width: 110px;}


/* main nav hover state */

#main-nav li#nav-1 a:hover {background-position: 0 -113px;}
#main-nav li#nav-2 a:hover {background-position: -108px -113px;}
#main-nav li#nav-3 a:hover {background-position: -213px -113px;}
#main-nav li#nav-4 a:hover {background-position: -318px -113px;}
#main-nav li#nav-5 a:hover {background-position: -423px -113px; }
#main-nav li#nav-6 a:hover {background-position: -528px -113px;}

#main-nav li#nav-1 a.selected {background-position: 0 -226px;}
#main-nav li#nav-2 a.selected {background-position: -108px -226px;}
#main-nav li#nav-3 a.selected {background-position: -213px -226px;}
#main-nav li#nav-4 a.selected {background-position: -318px -226px;}
#main-nav li#nav-5 a.selected {background-position: -423px -226px; }
#main-nav li#nav-6 a.selected {background-position: -528px -226px;}

/* second-level lists */

#main-nav li ul { 
	position : absolute;
	list-style-type: none;
	margin : 113px 0 0 2px;
	padding : 0 6px 5px 0 ; 
	width : 164px;
	clear : both;
	font-size: 12px;
	z-index : 2;
	left: -999em;
	text-align: left;
	background: transparent url(../images/dropDown_bg.png) 0 100% no-repeat;
	/* using left instead of display to hide menus because display: none isn't read by screen readers */}
	
/*reset margin top for IE6/7*/
* html #main-nav ul {
	margin: 0 0 0 2px;
	padding: 0;
	background: transparent url(../images/dropDown.gif) 0 100% no-repeat;
} 
*:first-child+html #main-nav ul {margin: 0 0 0 2px;}

#main-nav li ul.first {margin-left: 4px;}

#main-nav li ul li a:link,
#main-nav li ul li a:visited,
#main-nav li ul li a:hover,
#main-nav li ul li a:active {
	padding : 4px 6px 4px 10px;
	border-bottom: 1px solid #131C25;
	display:block; 	
	color:#FFF; 
	text-decoration:none; 
	background-image: none !important;
	width : 148px !important;
	height: auto;
	margin: 0;
	font-weight: bold;
}

#main-nav li ul li a:hover {
	color : #FFFFFF;
	background: transparent url(../images/dropDown_over.png) 0 0 no-repeat !important;
	text-decoration : none;
}
* html #main-nav li ul li a:hover {background: transparent url(../images/dropDown_over.gif) 0 0 no-repeat !important;}

*:first-child+html #main-nav li:hover, *:first-child+html #main-nav li.over { position: static;}

/* reverse layout lists */

#main-nav li ul.reverse-layout {
 	margin : 113px 0 0 -57px; 
}
/*reset margin top for IE6/7*/
* html #main-nav li ul.reverse-layout {margin : 0 0 0 -57px;} 
*:first-child+html #main-nav .reverse-layout {margin : 0 0 0 -57px;}

#main-nav li ul li {margin:0;}

#main-nav li:hover ul ul, 
#main-nav li:hover ul ul ul, 
#main-nav li.over ul ul, 
#main-nav li.over ul ul ul {
	left: -999em;
}

#main-nav li:hover ul, 
#main-nav li li:hover ul, 
#main-nav li li li:hover ul, 
#main-nav li.over ul, 
#main-nav li li.over ul, 
#main-nav li li li.over ul { /* lists nested under hovered list items */
	left: auto;
}

#hp-content {
	width : 998px;
	margin : 0 auto;
	padding: 12px 0 0 0;
	font-size : 62.5%;
	min-height: 910px;
}
* html #hp-content {height: 910px;}
*:first-child+html #hp-content {min-height: 910px;}

#content {
	width : 998px;
	margin : 0 auto;
	padding: 12px 0 0 0;
	font-size : 62.5%;
	min-height:68%;
}
* html #content {height: 68%;}
*:first-child+html #content {min-height: 68%;}

/* hp-left-col */

#hp-left-col {
	float: left;
	width: 403px;
	display: inline;
	font-size: 1.2em;
	margin: 0;
}

#hp-left-col .pad {
	padding-top: 12px;
	padding-left: 4px;
	padding-bottom: 0;
	float: left;
}

.hp-promo {
	background: #141D26 url(../images/bg_promoareas.gif) 0 0 no-repeat;
	height: 83px;
	min-height: 83px;
	float: left;
	width: 403px;
	margin: 2px 0 0 0;
	color: #BABCBC;
}
* html .hp-promo {margin: 1px 0 -5px 0;}

.hp-promo .pad {
	float: right;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	width: 290px;
}

.hp-promo img {float: left; margin: 4px 0 0 5px;}

/* left-col */

#left-col {
	float: left;
	width: 182px;
	margin: 0 25px 0 5px;
	display: inline;
}

#left-col #left-nav {
	list-style-type: none;
	min-height:520px;
	margin: 6px 0 0 0;
	padding: 5px 0 0 0;	
	background: transparent url(../images/bg_contentNav.gif) 0 0 no-repeat;	
}
* html #left-col #left-nav { height:520px; }

#left-col #left-nav li {list-style-type: none;}

#left-col #left-nav li a:link,
#left-col #left-nav li a:visited,
#left-col #left-nav li a:hover,
#left-col #left-nav li a:active {
	text-decoration: none;
	display: block;
	width: 145px;
	padding: 5px 20px 5px 20px;
	background: transparent url(../images/hr_nav.gif) 4px 100% no-repeat;
	font-size: 1.2em;	
	font-weight: bold;
}

#left-col #left-nav li ul li a:link,
#left-col #left-nav li ul li a:visited,
#left-col #left-nav li ul li a:hover,
#left-col #left-nav li ul li a:active {
	font-size: 1.1em !important;
	width: 143px;
	padding: 4px 8px 4px 8px;
	margin-left: 21px;
	font-weight: normal;
	background: transparent url(../images/nav_arrow.gif) 0 9px no-repeat;
}

#left-col #left-nav li ul li ul li a:link,
#left-col #left-nav li ul li ul li a:visited,
#left-col #left-nav li ul li ul li a:hover,
#left-col #left-nav li ul li ul li a:active {	
	width: 135px;
	padding: 4px 8px 4px 8px;
	margin-left: 29px;	
}

#left-col #left-nav li ul li ul li ul li a:link,
#left-col #left-nav li ul li ul li ul li a:visited,
#left-col #left-nav li ul li ul li ul li a:hover,
#left-col #left-nav li ul li ul li ul li a:active { 
	width: 127px;
	padding: 4px 8px 4px 8px;
	margin-left: 37px; 
}
#left-col #left-nav li ul li ul li ul li ul li a:link,
#left-col #left-nav li ul li ul li ul li ul li a:visited,
#left-col #left-nav li ul li ul li ul li ul li a:hover,
#left-col #left-nav li ul li ul li ul li ul li a:active { 
	width: 119px;
	padding: 4px 8px 4px 8px;
	margin-left: 45px; 
}


#left-col #left-nav li ul li a.current {
	background: transparent url(../images/nav_Down.gif) 0 9px no-repeat;
	color: #990134 !important;
}

#left-col #left-nav li.selected ul {background: transparent url(../images/hr_nav.gif) 4px 100% no-repeat;}

#left-col #left-nav li.selected ul li ul {background-image: none;}

#left-col #left-nav li a:link{color: #000; text-decoration:none;}
#left-col #left-nav li a:visited{color: #000; text-decoration:none;}
#left-col #left-nav li a:hover{color: #000; text-decoration:underline !important;}
#left-col #left-nav li a:active{color: #000; text-decoration:none;}


#left-col #left-nav li.selected a:link,
#left-col #left-nav li.selected a:visited,
#left-col #left-nav li.selected a:hover,
#left-col #left-nav li.selected a:active {
	color: #990134;
}

#left-col #left-nav li ul li a:link, #left-col #left-nav li.selected ul li a:link {color: #000; text-decoration:none;}
#left-col #left-nav li ul li a:visited, #left-col #left-nav li.selected ul li a:visited {color: #000; text-decoration:none;}
#left-col #left-nav li ul li a:hover, #left-col #left-nav li.selected ul li a:hover {color: #000; text-decoration:underline !important;}
#left-col #left-nav li ul li a:active, #left-col #left-nav li.selected ul li a:active {color: #000; text-decoration:none;}

/* PACKAGE EXPORT STYLES */
#left-col #left-nav.package-export li a:link,
#left-col #left-nav.package-export li a:visited,
#left-col #left-nav.package-export li a:hover,
#left-col #left-nav.package-export li a:active { padding: 0; display:inline; background:none; }
#left-col #left-nav.package-export li span { 
	display: block; width: 145px; padding: 5px 20px 5px 20px; background: transparent url(../images/hr_nav.gif) 4px 100% no-repeat;
 }

#left-col #left-nav.package-export li ul li a:link,
#left-col #left-nav.package-export li ul li a:visited,
#left-col #left-nav.package-export li ul li a:hover,
#left-col #left-nav.package-export li ul li a:active { padding: 0; margin-left: 0; }
#left-col #left-nav.package-export li ul li span { 
	display: block; width: 148px; padding: 4px 8px 4px 29px; background: transparent url(../images/nav_arrow.gif) 21px 9px no-repeat; 
}

#left-col #left-nav.package-export li ul li ul li span { 
	display: block; width: 140px; padding: 4px 8px 4px 37px; background: transparent url(../images/nav_arrow.gif) 29px 9px no-repeat; 
}
/* PACKAGE EXPORT STYLES */

#mid-col {
	float: left;
	width: 510px;
	margin: 3px 20px 0 0;
	display: inline;
	font-size: 1.2em;
}

#mid-col.wide {
	width: 760px;
	margin: 3px 20px 0 0;
}

#mid-col ul {margin: 0 0 1em 0; padding: 0;}

#mid-col ul li {
	list-style-type: disc;
	padding: 0;
	margin: 0 0 0 35px;
	line-height: 1.5em;
}


#mid-col div.imgMining {
	float:right;
	margin:5px 0 8px 0;
	padding:0;
}
#mid-col div.imgMining img {
	border:1px solid #545312;
}
#mid-col div.float-title {
	float:left;
	width:323px;
}
#mid-col div.summary-nav-div a{
	width:122px;
	height:160px;
	padding:17px 0px;
	text-align:center;
	background:url(../images/btn_summaryNormal.jpg) 0 0 no-repeat;
	float:left;
	margin:0 2px 0 0;
	display:block;
	color:#FFFFFF;
}
#mid-col div.summary-nav-div a:hover{
	background:url(../images/btn_summaryOver.jpg) 0 0 no-repeat;
	text-decoration:none;
}

#mid-col div.summary-nav-div span.logIssue-title{
	padding:0 4px;
	margin-top:-5px;
	display:block;
}


#mid-col div.hr-dot {
	height:1px;
	border-top:1px dotted;
	margin:20px 0 10px 0;
}
* html #mid-col div.hr-dot {
	height:1px;
	border-top:1px dotted;
	margin:20px 0 -3px 0;
}
#mid-col div.no-top-margin { margin-top:0; }

#mid-col a.more-link {
	color:#545312;
}

#mid-col a.back-top-link { float:right; background:url(../images/icon_uparrow.gif) 100% 60% no-repeat; padding:0 10px 0 0; font-size:.9em; }
#mid-col table.tbl-summary-compentancy { border:1px solid #666666; width: 100%; }
#mid-col table.tbl-summary-compentancy tr.title-tr { background-color:#1B2936; color:#FFFFFF; font-weight:bold;}
#mid-col table.tbl-summary-compentancy tr.title-tr th { font-weight:bold;}
#mid-col table.tbl-summary-compentancy tr{ background-color:#E3E7EA; }
#mid-col table.tbl-summary-compentancy tr.even-row { background-color:#F6F7F9; }
#mid-col table.tbl-summary-compentancy tr td { padding:0 7px; border-right:1px solid #ACACAE}
#mid-col table.tbl-summary-compentancy tr th { padding:0 7px;}
#mid-col table.tbl-summary-compentancy tr td.fir-row-border{ border-right:1px solid #000000}




#mid-col table{
	margin:5px 0 20px 0;
}
#mid-col table tr{
	height:23px;
}

#mid-col.wide .yafnet table {
	margin: 0;
}
#mid-col.wide .yafnet table tr {
	height: auto;
}

#mid-col table.contact-details td table { margin:0}
* html #mid-col table.contact-details td table { margin:0 0 0 -3px;}
*:first-child+html #mid-col table.contact-details td table { margin:0 0 0 -3px;}
textarea.feedback-comment{width:317px; height:200px;}
#mid-col table.contact-details td.sector { padding-top:4px }

#mid-col table.feedback-table td{ padding:4px 0; }
#mid-col table.feedback-table td textarea{ border:1px solid #b7b7b7; }
#mid-col table.feedback-table td label { margin-right: 4px; }

input.text { border:1px solid #b7b7b7; padding:1px 2px 1px 2px;}
input.long-text { width:317px;}
input.medium-text { width:287px;}
input.phone-area-text {width:40px;}
input.phone-text { width:268px;}
input.short-text { width:87px;}
input.state-text { width:155px;}
select { border:1px solid #b7b7b7;}
select.country-select {width:161px;font-size: 1em;}
select.membership-select { width:293px;}
input.submit-button {width:109px; height:30px; border:none; margin-left:330px;}
#mid-col table.feedback-table input.submit-button {margin-left:0; float: right;}

/* bread-crumbs section */

.bread-crumbs {
	margin : 8px 0 10px 0 !important ;
	padding : 0;	
	font-size: 0.9em;
	width: 490px;
	color: #696969;
	line-height: 1.3em;
}
.search-crumbs{
	margin : 2px 0 10px 0 !important ;
	padding : 0;	
	font-size: 0.9em;
	width: 490px;
	color: #696969;
	line-height: 1.3em;
}

.bread-crumbs span {font-weight: bold;}

.bread-crumbs a {text-decoration: none;}
.bread-crumbs a:link{color: #666666;}
.bread-crumbs a:visited{color: #666666;}
.bread-crumbs a:hover{color: #666666; text-decoration:underline;}
.bread-crumbs a:active{color: #666666;}

.yafnet .bread-crumbs {
	width: auto;
}

/* hp-right-col */

#hp-right-col {
	float: left;
	width: 246px;
	display: inline;
	font-size: 1.2em;
	margin: 3px 0 0 339px;
}

/* right col */

#right-col {
	float: left;
	width: 246px;
	display: inline;
	font-size: 1.2em;
	margin: 3px 0 0 0 ;
}

#right-col-listings {
	background: transparent url(../images/bg_righthandside.gif) 0 0 no-repeat;
	min-height: 430px;
	width: 243px;
}
* html #right-col-listings { height: 430px; } 

#right-col-listings .pad {padding: 0 10px 0 20px;}

#right-col-listings p {margin-bottom: 0.5em;}

#right-col-listings div.hr {
	background: transparent url(../images/img_HR_rhside.gif) 0 0 no-repeat;
	margin: 8px 0 8px 2px;
	height: 1px;
	border: 0;
	padding: 0;
	clear:both;
}

#right-col-listings div.hr hr { display: none;}

#tabnav{float:left;}
 
#tabnav ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -1px;
}
	
#tabnav li.skills{
	float:left;
	margin:0; 
	padding:12px 0 0 20px;	
	height: 26px;
	width: 86px;
	background: transparent url(../images/tab_smallNormal.gif) 0 0 no-repeat;
}
 
#tabnav li.training{
	float:left;
	background: transparent url(../images/tab_bigNormal.gif) 0 0 no-repeat;
	margin:0 1px 0 0 ;
	padding:12px 0 0 11px;	
	height: 26px;
	width: 128px;
}
 
/* Hides rule from IE5-Mac \*/
#tabnav a {float:none;}
/* End IE5-Mac hack */
	
#tabnav li.skills-highlight{
	background: transparent url(../images/tab_smallSelected.gif) 0 0 no-repeat;
	font-weight: bold;
	margin: 0 !important;
	padding:12px 0 0 20px;	
	height: 26px;
	width: 86px;
	float:left;	
}
 
#tabnav li.training-highlight{
	background: transparent url(../images/tab_bigSelected.gif) 0 0 no-repeat;
	font-weight: bold;
	margin: 0 !important;
	padding:12px 0 0 11px;	
	height: 26px;
	width: 128px;
	float:left;
}

#tabnav-bottom {
	background: transparent url(../images/bg_tab.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	height: 44px;
	float: left;
	padding: 12px 10px 0 22px;
	width: 213px;	
}

#tabnav li a:link, 
#tabnav li a:visited, 
#tabnav li a:hover, 
#tabnav li a:active {text-decoration: none;}

#tabnav li.skills-highlight a, #tabnav li.training-highlight a {color: black;}
#tabnav li.skills a, #tabnav li.training a {color: #FFF;}

#right-col-listings h2 {margin-left: -2px;}

#right-col-listings ul li {
	background: transparent url(../images/img_arrow.gif) 0 4px no-repeat;
	padding: 0 0 0 10px;
	line-height: 1.5em;
}

/* footer */

#footer-wrapper {	
	background: transparent url(../images/bg_Footer.jpg) 50% 100% repeat-x;
	height: 153px ;
	font-size : 0.55em;
	margin: 0;
	width: 100%;	
}


#footer {
	margin: 0 auto;
	clear : both;
	width: 998px;
}

#footer p {float: left; margin: 135px 5px 0 0; color: #CCCCCC;}
* html #footer p {margin: 136px 5px 0 0;}
*:first-child+html #footer p {margin: 136px 5px 0 0;}

#footer p.right {float: right; margin: 135px 20px 0 0; color: #CCCCCC;}
* html #footer p.right {margin: 136px 20px 0 0;}
*:first-child+html #footer p.right {margin: 136px 20px 0 0;}

#footer ul {
	float: left;
	padding : 0;
	margin : 137px 0 0 0;
	list-style-type: none;	
}

#footer ul li, #hp-footer ul li {
	list-style-type: none;
	margin : 0;
	padding: 0 4px 0 4px;
	border-left: 1px solid #CCCCCC;
	display: block;
	float: left;
	background: none;
	line-height: 1em;
}


#footer a:link, #hp-footer a:link{color: #C0C5D6; text-decoration:none;}
#footer a:visited, #hp-footer a:visited{color: #C0C5D6; text-decoration:none;}
#footer a:hover, #hp-footer a:hover{color: #C0C5D6; text-decoration:underline !important;}
#footer a:active, #hp-footer a:active{color: #C0C5D6; text-decoration:none;}


/*footer home */

#hp-footer-wrapper {	
	background: transparent url(../images/bg_footer.gif) 0 0 repeat-x;
	height: 23px ;
	font-size : 0.55em;
	margin: 0;
	width: 100%;	
}

#hp-footer {
	margin: 0 auto;
	clear : both;
	width: 998px;
	background: transparent url(../images/bg_footer.gif) 0 0 repeat-x;
}

#hp-footer p {float: left; margin: 6px 5px 0 0; color: #C0C5D6;}
* html #hp-footer p {margin: 7px 5px 0 0;}
*:first-child+html #hp-footer p {margin: 7px 5px 0 0;}

#hp-footer p.right {float: right; margin: 6px 20px 0 0; color: #C0C5D6;}
* html #hp-footer p.right {margin: 7px 20px 0 0;}
*:first-child+html #hp-footer p.right {margin: 7px 20px 0 0;}

#hp-footer ul {
	float: left;
	padding : 0;
	margin : 8px 0 0 0;
	list-style-type: none;	
}
* html #hp-footer ul {margin: 8px 0 0 0;}
*:first-child+html #hp-footer ul {margin: 8px 0 0 0;}

#hp-footer ul li {
	list-style-type: none;
	margin : 0;
	padding: 0 4px 0 4px;
	border-left: 1px solid #C0C5D6;
	display: block;
	float: left;
	background: none;
	line-height: 1em;
}

/* Reusable Classes
************************************************************/

.clear-hidden {
	margin : 0;
	padding : 0;
	font-size : 1px;
	line-height: 1px;
	clear : both;
	height: 1px;
}

.float-left {float: left;}

div.page {display: none;}

.top-padding {padding-top: 10px !important;}

.hiddenlabel {display:none;}

.search {
	width: 149px;
	border: 1px solid #b7b7b7;
	padding: 1px 2px 1px 2px;
	margin: 0 0 0 0;
	height: 16px;
	font-size: 1em;
	color: #4A2D57;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}

.search-web {
	height: 20px;
	width: 57px;
	margin: 0;
	float: left;
}

.select-state {
	width: 120px;
	font-size: 1em;
	vertical-align: middle;
}

/* feng added*/
input.button-submit {
	background:transparent url(/skillsdmc/images/btn_submit.gif) 0 0 no-repeat;
	width:109px;
	height:30px;
	border:none;
}
input.button-submit:hover {
	background:transparent url(/skillsdmc/images/btn_submitRollover.gif) 0 0 no-repeat;
	width:109px;
	height:30px;
	border:none;
	cursor:hand;cursor:pointer;
}

input.button-search {
	background:transparent url(/skillsdmc/images/btn_search.jpg) 0 0 no-repeat;
	height: 20px;
	width: 57px;
	margin: 0;
	float: left;
	border:none;
}
input.button-search:hover {
	background:transparent url(/skillsdmc/images/btn_searchOver.jpg) 0 0 no-repeat;
	height: 20px;
	width: 57px;
	margin: 0;
	float: left;
	border:none;
	cursor:hand;cursor:pointer;
}

#mid-col .completion-list, 
#right-col .completion-list, 
#hp-right-col .completion-list { 
	border: 1px solid black;
	border-top: none;
	background-color: #FFFFFF;
}
#mid-col .completion-list .item, 
#right-col .completion-list .item, 
#hp-right-col .completion-list .item {
	padding: 4px;
	border-top: 1px solid #CCCCCC;
	list-style: none; 
	margin: 0;
}
#mid-col .completion-list .selected, 
#right-col .completion-list .selected, 
#hp-right-col .completion-list .selected {
    background-color: #2A3C50;
    color: #FFFFFF;
}

td#sector table td label
{
	margin-left:4px;	
}

img.border, img.border-right, img.border-left { border: 1px solid #CCCCCC; padding: 3px; }
img.left, img.border-left { float: left; }
img.right, img.border-right { float: right; }

a.pdf-link { background: transparent url(../images/icon_acrobat.gif) no-repeat right 0; padding: 0 18px 2px 0px; }
a.word-link, a.word-link2 { background: transparent url(../images/icon_word.gif) no-repeat right 0; padding: 0 18px 2px 0px; }
a.powerpoint-link { background: transparent url(../images/icon_powerpoint.gif) no-repeat right 0; padding: 0 18px 2px 0px; }

/* help page */
#help
{
	font-size: 1.2em;
}

a.back-to-top
{
	float: right;
	margin: 0 10px 20px 0;
	padding-right: 20px;
	background: url(../images/arrowUp.gif) 90% 65% no-repeat;
}

a.back-to-top:hover
{
    background: url(../images/arrowUp_over.gif) 90% 65% no-repeat;    
}

#help-ul
{
	margin-bottom: 20px;
}

.hr-line
{
	clear: both;
	margin-bottom: 20px;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	background: transparent url(../images/dotline.gif) 0 0 repeat-x;
}
/* end help page*/