/*-------------------------------------------

              Title :  eCardio
              Usage :  Careers
              Author:  Ian Yang (www.xbitech.com)
              Update:  2009-02-25

---------------------------------------------*/


/*====================TOC====================

           1. Career
           2. Human Resources Contacts
           3. Front Page
           4. Job Opportunities
           5. Apply Online
 
=============================================*/



/* 1. Careers
---------------------------------------------*/
#employment {
	float: left;
	margin-right: 23px;
	padding: 18px 19px 17px;
	width: 175px;
	border: 1px solid #CCC;
	background: #F2F2F2;
	}

#employment > h4 {
	margin-bottom: 8px;
	color: #E36F1E;
	font: bold 0.75em Verdana, sans-serif;
	text-shadow: #F2F2F2 0 1px 1px;
	}

#employment ul li {
	position: relative;
	margin-left: 6px;
	padding-left: 10px;
	font: 1em/1.45em Verdana, sans-serif;
	background: url(../images/bullet_bg_1.gif) no-repeat 1px 10px;
	}

#employment ul li a {
	position: relative;
	top: -2px;
	color: black;
	font: 0.7em/1.45em Verdana, sans-serif;
	}
	
#employment ul li a.active {
	color: #00B070;
	font: 0.7em Verdana, sans-serif;
	font-style:italic;
	}	

#employment ul + div {
	padding: 2px 17px 11px;
	border-bottom: 1px solid #CCC;
	}

#employment ul + div a {
	display: block;
	margin: 0 0 4px -3px;
	width: 94px;
	height: 37px;
	overflow: hidden;
	text-indent: -500em;
	background: url(../images/button_bg.png) no-repeat 0 -63px;
	}

#employment ul + div span {
	position: relative;
	display: block;
	font: 0.7em/1.35em Verdana, sans-serif;
	}


/* 2. Human Resources Contacts
---------------------------------------------*/
#resources h4 {
	margin: 13px -10px 9px 0;
	color: #E36F1E;
	font: bold 0.75em Verdana, sans-serif;
	text-shadow: #F2F2F2 0 1px 1px;
	}

#resources h5 {
	margin-bottom: 2px;
	font: bold 0.7em Verdana, sans-serif;
	text-shadow: #F2F2F2 0 1px 1px;
	}

#resources a {
	position: relative;
	top: -2px;
	color: black;
	font: 0.7em/1.45em Verdana, sans-serif;
	}

#resources span {
	position: relative;
	display: block;
	margin-top: -1px;
	font: 0.7em/1.45em Verdana, sans-serif;
	}

#resources > ul > li {
	margin-bottom: 9px;
	
	}
	
#employment > ul > li {
	margin-bottom: 9px;
	padding-left: 10px;
	background: url(../images/bullet_bg_1.gif) no-repeat 1px 8px;
	}
/* 3. Front Page
---------------------------------------------*/
#careers #text {
	padding-right: 15px;
	width: 473px;
	border-right: 1px solid #CCC;
	}

#careers #information {
	margin-right: 0;
	width: 203px;
	}

#careers #information p {
	margin-bottom: 9px;
	}

#careers #information ul li {
	margin-bottom: 1px;
	}


/* 4. Job Opportunities
---------------------------------------------*/
#opportunities #text table {
	margin: 0 5px 18px;
	border-collapse: collapse;
	font: 0.7em/1.45em Verdana, sans-serif;
	}
	
#opportunities #text table a {
	font-size: 1em;
	}	

#opportunities #text table tr th {
	text-align: left;
	text-shadow: white 0 1px 1px;
	}

#opportunities #text table tr th:first-child           { width: 117px; }
#opportunities #text table tr th:first-child + th      { width: 200px; }
#opportunities #text table tr th:first-child + th + th { width: 396px; }

#opportunities #text table tr:first-child {
	border: none;
	}

#opportunities #text table tr td {
	padding: 8px 0 9px;
	border-bottom: 1px solid #CCC;
	}

#opportunities #text table tr td + td + td {
	font-style: italic;
	}

* + html #opportunities #text table tr td + td + td {
	font-style: normal;
	}

#opportunities #text h3 {
	margin: 0 0 7px 7px;
	text-shadow: white 0 1px 1px;
	}

/*#opportunities #text #form {
	position: relative;
	float: left;
	padding: 19px 0 0 27px;
	width: 688px;
	height: 240px;
	border: 1px solid #CCC;
	background: #F2F2F2;
	}

#opportunities #text #form div:first-child,
#opportunities #text #form div:first-child + div,
#opportunities #text #form div:first-child + div + div,
#opportunities #text #form div:first-child + div + div + div,
#opportunities #text #form div:first-child + div + div + div + div {
	float: left;
	margin: 0 26px 19px 0;
	width: 170px;
	}

#opportunities #text #form div:first-child + div + div + div,
#opportunities #text #form div:first-child + div + div + div + div {
	clear: left;
	}

#opportunities #text #form div label {
	display: block;
	margin-bottom: 4px;
	font: 0.7em Verdana, sans-serif;
	}

#opportunities #text #form div #jo-name,
#opportunities #text #form div #jo-email,
#opportunities #text #form div #jo-phone,
#opportunities #text #form div #file-name {
	padding: 2px 2px 0;
	width: 168px;
	height: 16px;
	border: 1px solid;
	font: 0.7em Verdana, sans-serif;
	border-color: #666 #CCC #CCC #666;
	background: white;
	}

#opportunities #text #form div #jo-position {
	width: 172px;
	height: 22px;
	}

#opportunities #text #form div #file-input {
	position: absolute;
	bottom: 22px;
	left: 121px;
	width: 83px;
	height: 24px;
	overflow: hidden;
	}

html:not([xmlns*=""]) #opportunities #text #form div #file-input {
	bottom: 24px;
	left: 119px;
	}

#opportunities #text #form div #file-name {
	margin-bottom: -2px;
	}

#opportunities #text #form div span {
	font: 0.55em Verdana, sans-serif;
	}	

#opportunities #text #form div #file-input #file-bg {
	width: 81px;
	height: 24px;
	font: 1.2em Tahoma, sans-serif;
	}

html:not([xmlns*=""]) #opportunities #text #form div #file-input #file-bg {
	padding: 2px;
	width: 83px;
	height: auto;
	}

#opportunities #text #form div #file-input #ctl00_ContentPlaceHolder1_fileAttachment {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 3em;
	cursor: pointer;
	opacity: 0;
	}

#opportunities #text #form div:first-child + div + div + div + div + div {
	float: left;
	margin-top: -58px;
	width: 370px;
	}

* + html #opportunities #text #form div:first-child + div + div + div + div + div {
	margin: 0;
	}

html:not(:first-of-type) #opportunities #text #form div:first-child + div + div + div + div + div {
	margin: -57px 0 0;
	}

#opportunities #text #form div #jo-message {
	position: relative;
	left: -2px;
	float: right;
	padding: 2px 2px 0;
	width: 362px;
	height: 138px;
	overflow: auto;
	border: 1px solid;
	font: 0.7em/1.3em Verdana, sans-serif;
	border-color: #666 #CCC #CCC #666;
	}

#opportunities #text #form div #ctl00_ContentPlaceHolder1_btnSubmit {
	float: right;
	clear: right;
	margin: 76px 23px 0 0;
	width: 81px;
	height: 24px;
	font: 0.7em Tahoma, sans-serif;
	cursor: pointer;
	}

* + html #opportunities #text #form div #ctl00_ContentPlaceHolder1_btnSubmit {
	margin: 136px 23px 0 0;
	}

html:not([xmlns*=""]) #opportunities #text #form div #ctl00_ContentPlaceHolder1_btnSubmit {
	padding: 2px;
	width: 81px;
	height: auto;
	}
*/

/* 5. Apply Online
---------------------------------------------*/
#apply #text #form {
	position: relative;
	padding: 20px 0 10px 28px;
	background: #F2F2F2;
	}

* + html #apply #text #form {
	padding-bottom: 30px;
	}

#apply #text #form fieldset h3 {
	margin-bottom: 8px;
	font-size: 0.8em;
	}

#apply #text #form div {
	float: left;
	margin: 0 16px 21px 0;
	}

#apply #text #form label {
	display: block;
	margin-bottom: 4px;
	font: 0.7em Verdana, sans-serif;
	}

* + html #apply #text #form label {
	margin-bottom: 3px;
	}

#apply #text #form div h3 {
	margin: 0;
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.2em;
	text-shadow: none;
	}

#apply #text #form li {
	padding: 0;
	background: none;
	}

#apply #text #form li label {
	display: inline;
	font-size: 0.95em;
	}

#apply #text #form input[type="text"] {
	padding: 2px 2px 0;
	height: 16px;
	border: 1px solid;
	font: 0.7em Verdana, sans-serif;
	border-color: #666 #CCC #CCC #666;
	background: white;
	}

#apply #text #form .fieldset-1 .div-3,
#apply #text #form .fieldset-1 .div-6,
#apply #text #form .fieldset-1 .div-9 {
	margin-right: 250px;
	}

#apply #text #form .fieldset-1 .div-6 { margin-left: -5px; }
#apply #text #form .fieldset-1 .div-9 { margin-left: -2px; }

#apply #text #form .fieldset-1 .div-1  input,
#apply #text #form .fieldset-1 .div-3  input,
#apply #text #form .fieldset-1 .div-4  input,
#apply #text #form .fieldset-1 .div-6  input,
#apply #text #form .fieldset-1 .div-9  input,
#apply #text #form .fieldset-1 .div-14 #file-name { width: 164px; }

#apply #text #form .fieldset-1 .div-2 input,
#apply #text #form .fieldset-1 .div-5 input,
#apply #text #form .fieldset-1 .div-8 input { width: 44px; }

#apply #text #form .fieldset-1 .tr {
	position: absolute;
	top: 33px;
	right: 25px;
	margin: 0;
	padding: 14px 0 10px 24px;
	width: 194px;
	background: #CCC;
	}

* + html #apply #text #form .fieldset-1 .tr {
	padding-bottom: 20px;
	}

#apply #text #form .fieldset-1 .tr .div-10 input {
	width: 164px;
	}

#apply #text #form .fieldset-1 .div-7  select,
#apply #text #form .fieldset-1 .tr .div-11 select {
	width: 170px;
	height: 20px;
	font: 0.75em Verdana, sans-serif;
	}

#apply #text #form .fieldset-1 .tr .div-11 select {
	margin-bottom: 23px;
	}

#apply #text #form .fieldset-1 .tr .div-11 > /**/ select {
	margin-bottom: 21px;
	}

#apply #text #form .fieldset-1 .tr .div-11 input {
	width: 164px;
	}
	
#apply #text #form .fieldset-1 .tr .div-12 label,
#apply #text #form .fieldset-1 .tr .div-13 label {
	margin-right: -10px;
	letter-spacing: -1px;
	}

#apply #text #form .fieldset-1 .tr .div-12 input,
#apply #text #form .fieldset-1 .tr .div-13 input { width: 69px; margin-right: 4px; }

#apply #text #form .fieldset-1 .tr #date-picker-1 {
	position: absolute;
	bottom: 23px;
	right: 24px;
	width: 20px;
	height: 17px;
	background: url(../images/icon_bg.png) no-repeat 0 -444px;
	cursor: pointer;
	}

#apply #text #form .fieldset-1 .div-14 {
	margin-bottom: 30px;
	}

html[xmlns^="HTTP"] #apply #text #form .fieldset-1 .div-14 {   /* for Firefox 2 */
	clear: left;
	}

#apply #text #form .fieldset-1 .div-14 #file-input {
	position: relative;
	display: inline-block;
	width: 54px;
	height: 24px;
	overflow: hidden;
	vertical-align: middle;
	}

* + html #apply #text #form .fieldset-1 .div-14 #file-input {
	vertical-align: 0;
	}

html[xmlns^="HTTP"] #apply #text #form .fieldset-1 .div-14 #file-input {
	position: absolute;
	}

#apply #text #form .fieldset-1 .div-14 #file-name {
	margin: 0 14px -2px 0;
	}

#apply #text #form .fieldset-1 .div-14 #file-input #file-bg {
	width: 53px;
	height: 24px;
	font: 0.7em Tahoma, sans-serif;
	}

html:not([xmlns*=""]) #apply #text #form .fieldset-1 .div-14 #file-input #file-bg {
	padding-bottom: 2px;
	width: 52px;
	}

#apply #text #form .fieldset-1 .div-14 #file-input #ctl00_ContentPlaceHolder1_fileAttachment2 {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 3em;
	cursor: pointer;
	opacity: 0;
	}

#apply #text #form .fieldset-1 .div-14 span + span {
	margin-left: 7px;
	font: 0.55em Verdana, sans-serif;
	}

* + html #apply #text #form .fieldset-1 .div-14 span + span {
	position: relative;
	top: -4px;
	}

html[xmlns^="HTTP"] #apply #text #form .fieldset-1 .div-14 span + span {
	position: relative;
	top: 1px;
	margin-left: 61px;
	}

#apply #text #form .fieldset-1 .div-15 div:first-child {
	margin-top: 3px;
	}

#apply #text #form > /**/ .fieldset-1 .div-15,
#apply #text #form > /**/ .fieldset-1 .div-16,
#apply #text #form > /**/ .fieldset-1 .div-17 {
	margin-bottom: 0;
	}

#apply #text #form .fieldset-1 .div-15 div:first-child,
#apply #text #form .fieldset-1 .div-16 div:first-child,
#apply #text #form .fieldset-1 .div-17 div:first-child       { width: 245px; margin-right: 19px; }
#apply #text #form .fieldset-1 .div-15 div:first-child + div,
#apply #text #form .fieldset-1 .div-16 div:first-child + div,
#apply #text #form .fieldset-1 .div-17 div:first-child + div { width: 300px; }

#apply #text #form .fieldset-1 .div-15 div span {
	font-size: 0.7em;
	}

#apply #text #form .fieldset-1 div div label {
	font-size: 0.7em;
	vertical-align: 2px;
	}

#apply #text #form .fieldset-1 .div-15 div span  em,
#apply #text #form .fieldset-1 .div-16 div label em,
#apply #text #form .fieldset-1 .div-17 div label em {
	text-transform: uppercase;
	}

#apply #text #form .fieldset-1 .div-15 div ul li,
#apply #text #form .fieldset-1 .div-16 div ul li,
#apply #text #form .fieldset-1 .div-17 div ul li {
	position: relative;
	top: 2px;
	display: inline;
	margin-right: 15px;
	font-size: 0.95em;
	cursor: default;
	}

#apply #text #form .fieldset-1 .div-16 div input[type="text"],
#apply #text #form .fieldset-1 .div-17 div input[type="text"] {
	width: 294px;
	}

#apply #text #form .fieldset-1 div div input[type="radio"] {
	cursor: pointer;
	}

* + html #apply #text #form .fieldset-1 div div input[type="radio"] {
	margin-left: -3px;
	}

#apply #text #form .fieldset-2 h3 {
	padding-top: 7px;
	margin-bottom: 10px;
	}

* + html #apply #text #form .fieldset-2 h3 {
	padding-top: 27px;
	}

#apply #text #form .fieldset-2 ol li label {
	display: block;
	font-size: 0.7em;
	}

#apply #text #form .fieldset-2 ol li {
	margin-bottom: 15px;
	clear: both;
	height: 1%;
	}

#apply #text #form .fieldset-2 ol li:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	}

* + html #apply #text #form .fieldset-2 ol li {
	margin-bottom: 25px;
	}

#apply #text #form .fieldset-2 ol li div {
	margin-bottom: 14px;
	}

#apply #text #form .fieldset-2 ol li .div-1 input,
#apply #text #form .fieldset-2 ol li .div-6 input {
	width: 164px;
	}

#apply #text #form .fieldset-2 ol li .div-2 input {
	margin-right: 100px;
	width: 374px;
	}

#apply #text #form .fieldset-2 ol li .div-3 input,
#apply #text #form .fieldset-2 ol li .div-4 input {
	width: 71px;
	}


#apply #text #form .fieldset-2 ol li div h3 {
	margin-bottom: 7px;
	padding-top: 0;
	}

* + html #apply #text #form .fieldset-2 ol li div h3 {
	margin-bottom: 4px;
	}

#apply #text #form .fieldset-2 ol li ul li {
	display: inline !important;
	margin: 0 15px 0 0;
	clear: none;
	width: auto;
	}

* + html #apply #text #form .fieldset-2 ol li .div-5 {
	margin-right: 11px;
	}

* + html #apply #text #form .fieldset-2 ol li ul li {
	margin: 0 12px 0 -2px;
	}

#apply #text #form .fieldset-2 ol li ul li label {
	display: inline;
	font-size: 0.95em;
	vertical-align: 2px;
	}

* + html #apply #text #form .fieldset-2 ol li ul li label {
	position: relative;
	top: -1px;
	}

#apply #text #form .fieldset-3 h3 {
	float: left;
	margin: 10px 12px 0 0;
	}

#apply #text #form .fieldset-3 p {
	position: relative;
	margin-top: 10px;
	font-style: italic;
	font-size: 0.82em;
	}

html:not(:first-of-type) #apply #text #form .fieldset-3 p {
	position: relative;
	top: 10px;
	margin-bottom: 20px;
	}

#apply #text #form .fieldset-3 ul li {
	margin: -4px 0 0 0;
	height: 1%;
	clear: left;
	}

#apply #text #form .fieldset-3 ul li:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	}

* + html #apply #text #form .fieldset-3 ul li {
	margin-bottom: 20px;
	}

#apply #text #form .fieldset-3 ul li div label {
	display: block;
	}

#apply #text #form .fieldset-3 ul li div input {
	width: 164px;
	font-size: 1em;
	}

#apply #text #form .fieldset-3 ul li div select {
	width: 105px;
	height: 20px;
	font: 1.1em Tahoma, sans-serif;
	}

* + html #apply #text #form .fieldset-3 ul li div select {
	margin-top: 1px;
	}

#apply #text #form .fieldset-4 h3 {
	margin: 15px 0 11px;
	}

#apply #text #form .fieldset-4 ul li {
	clear: both;
	margin-bottom: 9px;
	}

* + html #apply #text #form .fieldset-4 ul li {
	margin-bottom: 7px;
	}

#apply #text #form .fieldset-4 ul li:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	}

#apply #text #form .fieldset-4 ul li div label {
	display: block;
	}

#apply #text #form .fieldset-4 ul li div input {
	font-size: 1em;
	}

#apply #text #form .fieldset-4 ul li .div-1  input,
#apply #text #form .fieldset-4 ul li .div-2  input,
#apply #text #form .fieldset-4 ul li .div-4  input,
#apply #text #form .fieldset-4 ul li .div-11 input { width: 164px; }

#apply #text #form .fieldset-4 ul li .div-3  input { width: 285px; }

#apply #text #form .fieldset-4 ul li .div-5  input,
#apply #text #form .fieldset-4 ul li .div-8  input { width: 471px; }

#apply #text #form .fieldset-4 ul li .div-6  input,
#apply #text #form .fieldset-4 ul li .div-7  input,
#apply #text #form .fieldset-4 ul li .div-9  input,
#apply #text #form .fieldset-4 ul li .div-10 input { width:  71px; }

#apply #text #form .fieldset-4 ul li .div-9  label,
#apply #text #form .fieldset-4 ul li .div-10 label {
	letter-spacing: -1px;
	}

#apply #text > /**/ #form .fieldset-4 ul li .div-12 {
	float: left;
	margin-right: -5px;
	}
	
#apply #text #form .fieldset-4 ul li .div-12 h3 {
	float: left;
	margin: -1px 10px 0 0;
	width: 174px;
	font-size: 1em;
	line-height: 1.45em;
	}

#apply #text #form .fieldset-4 ul li .div-12 ul {
	float: left;
	margin-top: 5px;
	}

#apply #text #form .fieldset-4 ul li .div-12 ul li {
	display: inline;
	font-size: 1em;
	}

#apply #text #form .fieldset-4 ul li .div-12 ul li label {
	display: inline;
	vertical-align: 2px;
	}

* + html #apply #text #form .fieldset-4 ul li .div-12 ul li label {
	position: relative;
	top: -1px;
	}

#apply #text #form .fieldset-5 h3 {
	margin: 6px 0 13px;
	}

* + html #apply #text #form .fieldset-5 h3 {
	margin-top: 27px;
	}

#apply #text #form .fieldset-5 .div-1,
#apply #text #form .fieldset-5 .div-2,
#apply #text #form .fieldset-5 .div-3 {
	margin-bottom: 11px;
	}

#apply #text #form .fieldset-5 .div-1 input,
#apply #text #form .fieldset-5 .div-2 input { width: 164px; }

#apply #text #form .fieldset-5 .div-3 input { width: 285px; }

#apply #text #form .fieldset-5 .div-4 input,
#apply #text #form .fieldset-5 .div-5 input { width:  71px; }

#apply #text #form .fieldset-5 .div-6 input { width: 471px; }

#apply #text #form .fieldset-6 h3 {
	margin: 21px 0 1px;
	}

* + html #apply #text #form .fieldset-6 h3 {
	margin-top: 40px;
	}

#apply #text #form .fieldset-6 p {
	width: 660px;
	}

#apply #text #form .fieldset-6 .div-1,
#apply #text #form .fieldset-6 .div-2 {
	margin-top: 4px;
	}

#apply #text #form .fieldset-6 .div-1 input { width: 194px; }
#apply #text #form .fieldset-6 .div-2 input { width:  69px; }

#apply #text #form .fieldset-6 #date-picker-2 {
	position: relative;
	top: 5px;
	display: inline-block;
	margin: 0 19px 0 -9px;
	width: 20px;
	height: 17px;
	background: url(../images/icon_bg.png) no-repeat 0 -444px;
	cursor: pointer;
	}

* + html #apply #text #form .fieldset-6 #date-picker-2 {
	top: -1px;
	}

html[xmlns^="HTTP"] #apply #text #form .fieldset-6 #date-picker-2 {
	top: -11px;
	}

#apply #text #form .fieldset-6 #ctl00_ContentPlaceHolder1_btnSubmit {
	margin: 18px 0 0 -1px;
	width: 81px;
	height: 24px;
	font: 0.7em Tahoma, sans-serif;
	cursor: pointer;
	}

#apply #text #form .fieldset-7 h3 {
	position: absolute;
	left: -500em;
	}

html:not([xmlns*=""]) #apply #text #form .fieldset-6 #ctl00_ContentPlaceHolder1_btnSubmit {
	padding: 2px;
	width: 81px;
	height: auto;
	}
	
#apply #text td {
width: 58px;
}

#apply #text td label {
	margin-left: 5px;
	}