/*Printing Styles */
/*

*/


/* TESTED AND APPROVED CLASSES*/ 

/*General Styles */
body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	margin:0;
	background: #69A4C3 url('/Media/Images/ui/bg_body.gif') repeat-x;
}
body.export {
	background-color: white;
	background-image: none;
}
h1 {
	margin: 0;
	font-family: Arial;
	font-size: 18pt;
	font-weight: bold;
	color:#489b3d;
}
h2 {
	font-family: arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
}
h3 {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}
a, a:active, a:visited {
	color: #333399;
}
input, textarea, select {
	font-size: 10pt;
	padding: 5px;
}
select option {
	font-size: 10pt;
	padding: 1px;
	vertical-align: middle;
}
select option[selected="selected"]{
	border: 1px black dotted;
}

input[type="button"], input[type="submit"] {
	background-color: #5F88B7;
	color: white;
}
form {
	margin: 0;
	padding: 0;
}
p {
	margin-top: 5px;
}
img {
	border: 0;
}
td, th {
	text-align: left;
}
code {
	clear: both;
	display:block;
	margin: 0.5em;
}
 
/* Main Framwork - Containers */
#pageContainer {
	/*width: 95%;*/
	width: 800px;
	min-width: 800px;
	margin: 10px auto;
	color: #333;
	background: none;
	/*border: 1px black dotted;*/
}
#top {
	font-weight: bold;
	color: #0c2d51;
	margin-bottom: 5px;
	display: inline;
}
.export #top img {
	width: 100%;
}
.export #top #ardms_logo img {
    width: auto;
}
.export #top #ardms_logo {
    float: right;
}

#top #banner iframe {
	width: 468px; height: 60px;
	border: none;
	overflow: hidden;
	margin: 0; padding: 0;
}
#middleContainer {
	float: left;
	overflow: hidden;
	background: #fff;
	width: 100%;
}
#contentHeader {
	/*Subheader*/
	margin: 0;
}
#leftNav {
	float: left;
	background: none;
	width: 0;
	margin-right: 0px;
	margin-bottom: -2000em;
	padding-bottom: 2000em;
}
#rightNav {
	float: right;
	background-color: #d1e7f2;
	width: 180px;
	margin-right: 0;
	margin-bottom: -2000em;
	padding-bottom: 2000em;
}
.export #rightNav {
	display:none;
}
#rightNav.employer {
    float: right;
	width: 0;
	margin-right: 0;
	margin-bottom: -2000em;
	padding-bottom: 2000em;
}
#contentContainer {
	float: left;
	background: white;
	width: 610px;
	margin-right: 0.2em;
	margin-left: 0.2em;
}
.export #contentContainer { width:100% }
#contentContainer.employer {
    float: left;
	background: white;
	width: 790px;
	margin-right: 0.2em;
	margin-left: 0.2em;
}

/*JobSeeker ViewResume Only - hide right nav includes and increase page width*/
body#jobSeekerViewResume#rightNav {
    display: none;
    width:0px;
}
body#jobSeekerViewResume #contentContainer {
    width: 790px;
}

/* maximum width of image for the right Nav - Featured Companies */
#rightNav #FeaturedEmployers img {
    max-width: 163px;
}

/* popup page styling */
body.popup #leftNav {
	width: 0px;
	height: 0px;
	visibility: hidden;
}
body.popup #contentContainer {
	width: 100%;
	margin-right: 0.2em;
}
body.popup #rightNav {
	width: 0px;
	visibility: hidden;
}
body.popup #footer {
	width: 0px;
	height: 0px;
	visibility: hidden;
}
/* end popup page styling */
/* no left styling */
body.noleft #leftNav {
	width: 0px;
	height: 0px;
	visibility: hidden;
	margin-right: 0px;
}
body.noleft #contentContainer {
	width: 82%;
	margin-right: 5px;
	margin-left: 0px;
}
/* end no left */
/* no right styling */
body.noright #contentContainer {
	width: 82%;
	margin-right: 0px;
}
body.noright #rightNav {
	width: 0px;
	visibility: hidden;
}
/* end no right */
#content {
	line-height: 22px;
	padding: 15px;
}
#content h1 {
	padding: 0px 30px 1px 0px;
	/*background-image: url('/media/images/ui/dec_separator001.gif');*/
	background-position: right;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}
#content h1.subtitle {
	float: left;
	font: italic 12pt Georgia, "Times New Roman", Times, serif;
	color: #B6ACA2;
	padding-top: 1px;
	background-image: none;
	margin-bottom: 0.5em;
}
#content p {
	clear: both;
	text-align: justify;
	line-height: normal;
	margin-top: 0.5em;
	font-size: 10pt;
}
/* Content Types */
/* article */
#content.article h2 {
	clear: left;
}
#content.article p {
	text-align: justify;
	line-height: 1.3em;
}
#content.article ol {
	width: 85%;
	text-align: justify;
	line-height: 1.3em;
	list-style: decimal inside;
}
#content.article ul {
	width: 90%;
	list-style: none;
}
#content.article.viewArticle ul {
    list-style-type: disc;
}
#content.article.viewArticle ul li {
    font-size: 10pt;
}

#content.article ol li {
	padding-top: 1em;
}
#content.article ul li {
	padding-top: 0em;
}


/* Message page */
#content.errorMessage h1 {
	color: #FF6600;
}
#content.errorMessage cite {
	font-weight: bold;
}
#content.errorMessage ol {
	width: 85%;
	text-align: justify;
	line-height: 0.6em;
	list-style: decimal inside;
	padding-bottom: 1em;
}
#content.errorMessage li {
	padding-top: 1em;
}
/* Content Types - end */
.jsHighlight {
	background: #c6c1a8;
	color: white;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
}
.jsHighlight a {
	background: #c6c1a8;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.jsHighlight a:hover {
	color: white;
}
.emHighlight {
	background: #85a0bd;
	color: white;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
}
.emHighlight a {
	background: #85a0bd;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.emHighlight a:hover {
	color: white;
}
/*Header Elements */
#logo {
	float: left;
	width: 300px;
	background: none;
}
#top img#bwLogo {
    display: none; /* do not display bw logo */
}
#tagline {
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 34px;
	font-weight: normal;
	padding: 10px 20px 10px 10px;
	margin-top: 40px;
}
#tagline span {
	font: italic 32px Georgia, "Times New Roman", Times, serif;
	color: #B6ACA2;
	padding-top: 5px;
	padding-bottom: 5px;
}
/*Footer */
#footer {
	clear: both;
	height: 30px;
	background: none;
	font-family: Arial; font-size: 11px; text-align: center;
	color: #374e58;
	margin: 5px 0 0 0;
	padding-top: .7em;
}
#footer a {
	color: #374e58;
}
#footer #links {
	margin-left: 1em;
	float: left;
	display: inline;
	text-align: left;
	width: 61%;
}
#footer #copy {
	display: inline;
	width: 36%;
	float: left;
	text-align: center;
	margin-top:4px;	
}
#footer #poweredBy {
	margin-right: 1em;
	display: inline;
	text-align: right;
	width: 25%;
	float: left;
}
body.noTopBottom #footer {
	width: 0px;
	height: 0px;
	visibility: hidden;
}
/* Menu */
#menu,#EmMenu {
	clear: both;
	margin-top: 5px;
	height: 45px;
	background: none;
}

#preLoadImages {
    display: none;
    line-height: 0; font-size: 0;
    /* do not show container where preLoaded images located */
}

#EmMenu ul {
    list-style: none;
    width: 100%; height: 39px;
    margin: 0; padding: 0;
}
#EmMenu li {
    height: 39px;
    display: block; float: left;
    margin: 0;
}
#EmMenu li a {
    display: block;
    height: 39px;
    padding: 0;
    outline: none;
}

/* Forms begin */
fieldset {
	float: left;
	clear: left;
	width: 98%;
	min-width: 37em;
	border-top: 2px dotted #72acca;
	border-left: 1px solid #72acca;
	border-right: 2px solid #72acca;
	border-bottom: 2px solid #72acca;
	background: #E7F3F9 url('/media/images/ui/bg_form.gif') repeat-x;
}

.tableset {
	border-bottom: 2px solid #b4b1a0;
	border-top: 2px dotted #b4b1a0;
	margin-top:1em;
	margin-bottom:1em;
	background: #f8f5e5 url('/media/images/ui/bg_form.gif') repeat-x;
	width: 100%;
}

.hiddenFields {
    margin: 0 !important; padding: 0 !important;
    display: none;
}

fieldset textarea {
	width: 70%;
	height: 6em;
}

.calendar{
	border: none;
	cursor: pointer;
	vertical-align: middle;
	padding-bottom: 3px;
}

fieldset input, select, textarea {
	border-top: 1px solid gray;
	border-right: 1px solid #a2a2a2;
	border-left: 1px solid #a2a2a2;
	border-bottom: 1px solid #a2a2a2;
	font-family: Arial;
	font-size: 10pt;
	padding: 0.2em;
}

fieldset input[type="radio"], fieldset input[type="checkbox"]{
	border:none;
}


fieldset a {
	font-size: 10pt;
}

legend {
	margin-left: 0.8em;
	padding-left: 0px;
	background-color: white;
	font-weight: bold;
	font-size: 10pt;
	color: #4d72a0;
}

legend .itemCount {
    font-weight: bold;
    color: #C09438;
    font-size: 12px;
}
.openSection {
	background-image:url('/Media/Images/ui/dec_plus.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding-right: 2px;
	padding-left: 22px;

	cursor: pointer;
}
.closeSection {
	background-image:url('/Media/Images/ui/dec_minus.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding-right: 2px;
	padding-left: 22px;
	cursor: pointer;
}

/* 
these styles used for blocks on form where data is shown/hidden via users choice 
(like showHideDiv, openSection/closeSection)
do not use showHideDiv - this data is more comfortable to be fixed or changed
*/
.hiddenBlock {
    visibility: hidden;
    position: absolute;
    left: -10000px;
}
.visibleBlock {
    visibility: visible;
    position: static;
}

label {
	float: left;
	width: 7em;
	margin-right: 0.5em;
	padding-right: 1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	text-align: right;
	font-size: 10pt;
}
label.readonly {
	font-weight: bold;
}
label.required {
	font-weight: bold;
	background-image: url('/media/images/ui/dec_required.gif');
	background-repeat: no-repeat;
	background-position: right center;
}
label.required.info {
	width: 6em;
	float: right;
	font-size: x-small;
	padding-top: 0px;
}
fieldset label.required.info
{
	margin-top: -40px;
}
/* label links */
label a, label a:active, label a:visited  {
	font-family: inherit;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px #85a0bd dashed;
	color: black;
	padding:0px;
}
label a:hover {
	background: #85a0bd;
	color: #f3f0e4;
	border-bottom: none;
}

label.required a, label.required a:active, label.required a:visited  {
	font-weight: bold;
}
label.required a:hover {
	font-weight: bold;
}

.validationMessage {
	clear: both;
	border-style: solid;
	border-width: 1px;
	border-color: #FF6600;
	font-weight: normal;
	color: #FF6600;
	margin: 1em;
	padding: 0.5em;
	display: none;
	line-height: 125%;
	vertical-align: top;
}
.validationMessage ul {
    display: block;
    margin-top: 3px;
}
.validationMessage ul li {
    float: none;
    line-height: 100%;
    margin: 0; padding: 0;
}

.smallForm .validationMessage {
	margin: 0.5em;
	font-weight: normal;
	padding: 0.2em;
	padding-left: 0.5em;
	font-size: smaller;
}

.smallFormTableContainer {
    width: 95%; 
    max-height: 15em;
    padding-left: 1.5em; 
    padding-bottom: 2em;
    overflow: auto;
    clear:both;
}
.smallFormFieldsContainer {
    width: 95%; 
    clear:both;
}
.smallForm legend.openSection, 
.smallForm legend.closeSection {
	padding-left: 22px;
}

.smallForm .jobSeekerTable,
.smallForm .employerTable {
	font-size: smaller;
} 

.smallForm .errorMessage h1 {
	color: #FF6600;
    font-size: 10pt;
}

.smallForm .errorMessage p, 
.smallForm .errorMessage a {
    font-size: 8pt;
}
.smallForm select {
	padding: 1px;
}

.validationMessage a {
	font-weight: normal;
}
.infoMessage {
	clear: both;
	border-style: solid;
	border-width: 1px;
	border-color:#22364D;
	font-weight: normal;
	color: #22364D;
	margin: 1em;
	padding: 0.5em;
	display: none;
	text-align: left;
	line-height: 125%;
	text-align: justify;
	vertical-align: top;
}
.infoMessage a{
	font-weight: normal;
}

.invalidField {
	border: thin double #FF6600;
}
.validField {
	border-top: 1px solid gray;
	border-right: 1px solid #a2a2a2;
	border-left: 1px solid #a2a2a2;
	border-bottom: 1px solid #a2a2a2;
}
fieldset ol {
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style: none;
	width: 88%;
	padding-top: 0.3em;
}
fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 0.7em;
}
fieldset li.separator {
	clear: both;
	margin: 0px;
	margin-bottom: 0.2em;
	margin-top: 1em;
	border-top: 1px gray dotted; 
}

fieldset ol.htmlEdit {
	padding: 0em;
	width:94%;
}
fieldset li .inlineFieldCnt {
    width: auto; 
    overflow: hidden; 
    float: left;
}
fieldset li .inlineFieldCnt.first {
    margin-right: 1em;
}
/* specific container for from/to contact time */
fieldset li .contactTimeFields {
    display: inline;
    margin-left: 1em;
}
fieldset li .contactTimeFields label,
fieldset li .contactTimeFields select {
    width: auto;
}

/* form types - */
fieldset.smallForm {
	float: left;
	clear: left;
	width: 100%;
	border: 1px dotted #CCCCCC;
	padding: 0.2em;
}
fieldset.smallForm input, select, textarea {
	font-size: x-small;
	font-size: 8pt;
	padding: 1px;
}
fieldset.smallForm legend {
	font-size: x-small;
	font-size: 9pt;
	padding: 1px;
}
fieldset.smallForm .fields {
	width: 76%;
	float: left;
	border-right: 2px dotted #CCCCCC ;
	text-align: left;
	vertical-align: middle;
	padding-left: 0.5em;
	display: inline;
}
fieldset.smallForm .buttons {
	width: 19%;
	float: left;
	text-align: right;
	vertical-align: middle;
	display: inline;
}
fieldset.smallForm label {
	font-size:x-small;
	width: 7em;
}

label.inline {
    float: none;
    text-align: left;
    margin-left: 5px;
}
label.clickable {
    cursor: pointer;
    font-size: 9pt; font-weight: bold;
    color: #4D72A0;
}

.label {
    display: block;
}
.label.inline {
    display: inline-block;
}
.label.clickable {
    cursor: pointer;
}


/* Forms action bar - begin */
fieldset.actionBar {
	float: left;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border: none;
	text-align: right;
	background: none;
	display: inline-block;
}

fieldset.actionBar .top {
	margin: 0;
}

fieldset.actionBar.separator {
	clear: both;
	border-bottom: 1px gray dotted; 
	border-right: 1px gray dotted; 
	background-color: #eae7d9;
	padding: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 4em;
}
fieldset.options ol
{
	margin: 0.5em 0.5em 2em 1.5em;
	padding: 0em;
	width: 95%;
}

fieldset.actionBar input[type="button"], fieldset.actionBar input[type="submit"],
fieldset.options input[type="button"], fieldset.actionBar input[type="submit"],
fieldset.filter input[type="submit"]  {
	background-color: #5F88B7;
	color: white;
	border-top: 1px solid #B5CCE7;
	border-right: 1px solid #46607E;
	border-bottom: 1px solid #17273A;
	border-left: 1px solid #8CADD1;
	padding: 3px 2px 3px 2px;
	margin: 0px 1px 0px 1px;
	font-weight: bold;
	float: right;
}
fieldset.actionBar select {
	float: right;
	margin-top: 0.4em; 
	margin-right: 0.5em;
}

fieldset.actionBar input.secondaryAction {
	background-color: #d6dde4;
	color: #666666;
	float: left;
}
/* Forms action bar - end */
/*Form Hints */
ol {
	font: normal 12px/15px Arial;
	position: relative;
	width: 350px;
}
li #inputElement {
	float: left;
	width: 200px;
	margin: 0 0 8px 0;
	padding-left: 6px;
}
/* The hint to Hide and Show */
.hint {
	display: none;
	position: absolute;
	right: -80px;
	width: 155px;
	margin-top: -4px;
	border: 1px solid #c93;
	padding: 10px 12px;
    background: #ffc url(/media/images/ui/dec_hintPointer.gif) no-repeat -10px 5px;
    z-index: 100;
}

.hint.left {
	right: 0px;
	left: -80px;
	background: #ffc url(/media/images/ui/dec_hintPointerR.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
	background: url(/media/images/ui/dec_hintPointer.gif) left top no-repeat;
}

.hint.left .hint-pointer {
	position: absolute;
	left: 179px; /* hint width+24*/
	top: 5px;
	width: 10px;
	height: 19px;
	background: url(/media/images/ui/dec_hintPointerR.gif) left top no-repeat;
}

/* diff dimensions for bubble hint */
#bubbleHint.hint {
	width: 180px;
}
#bubbleHint.hint.left .hint-pointer {
	left: 204px; /* hint width+24*/
}

/* these blocks used to show hint ALWAYS within fields */
.fieldsWithHint { /* block with all data */
    float: left;
    width: 100%;
}
.fieldsWithHint .fields {
    width: 100%;
}
/* those fields will be located on the left side of the hint text */
.fieldsWithHint .fields.left { /* block for fields */
    float: left;
    width: 60%;
}
.fieldsWithHint .fields.left select {
    max-width: 21em;
    padding-right: 0;
}
/* ie 7 fix */
/*.fieldsWithHint .fields select[id^="CountryID"]{
    width: 21em;
}*/
.fieldsWithHint .hintText {  /* block for hint information */
    width: 75%;
    border: 1px solid #c93;
    margin: 0 1em 0 4em; padding: 5px 7px;
    background: #ffc;
}
/* this text will be located to the right of fields */
.fieldsWithHint .hintText.right {  /* block for hint information */
    width: 25%;
    float: right;
    margin: 0 1em 0 0;
}


.hintQuestion {
	font-style: italic;
	font-weight: bold;
	padding-bottom: 0.2em;
	margin: 0;
}

#bubbleClose {
	height: 12px;
	width: 12px;
	margin-top: -7px;
	margin-right: -9px;
	padding: 0px;
	background: #ffc;
	border: 1px solid #c93;
	cursor:pointer;
	float: right;
	background-image: url('/Media/Images/icons/iconsCloseHint.gif');
	background-repeat: no-repeat;
	background-position: center;
}



.formComment {
	text-align: justify;
	margin-right: 0.5em;
	display:block;
}

.attn a {
	color:#FF6600;
}
.attn {
	color:#FF6600;
}


/* Forms end */

/* Tables begin */
.titledRecord {
	margin: 0 0 0.5em 0;
	width: 100%;
	float: left; clear: both;
	padding: 0;
	line-height: 1.5em;
}
/* must use #content id to fix issue of some properties
	carrying over from main h1 
*/
#content .titledRecord h1 {
	font-size: 14pt; word-spacing: -1px;
	color: #117ca4;
	margin: 0; padding: 0 0 3px 0;
	background: #fff;
	clear: both;
	float: left; clear: both;
	width: 100%;
}
.titledRecord h1 a {
	color: #117ca4;
	text-decoration: underline;
	font-weight: normal;
}
.titledRecord h1 a:hover {
	color: black;
	text-decoration: none;
}

.titledRecord p {
	float: left;
	margin-bottom: 25px;
}
.titledRecord h2 {
	clear: both;
	font: bold italic 12px Georgia, "Times New Roman", Times, serif;
	color: #b37823;
	border-bottom: 1px solid #c4c0ad;
	padding-bottom: 5px;
	background: #fff;
}

.titledRecord h2 a {
	font: bold italic 12px Georgia, "Times New Roman", Times, serif;
	color: #b37823;
	text-decoration: underline;
}

.titledRecord .actionBar {
	float: right;
	width: 8%;
	font-size: 7pt;
	color: gray;
	border-left: 2px dotted gray;
	margin-top: 5px;
	margin-left: 4px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.titledRecord .actionBar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.titledRecord .actionBar li {
	height: 19px;
	text-decoration: none;
}
.titledRecord .actionBar input {
	margin: 0;
	padding: 0;
	width: 15px;
	height: 15px;
	text-align: left;
	vertical-align: middle;
}
.titledRecord .actionBar li a:hover {
	color: black;
}
.titledRecord .actionBar li.view {
	padding-left: 17px;
	background: url('/media/images/icons/iconsView.gif') left center;
	background-repeat: no-repeat;
}
.titledRecord .actionBar li.apply {
	padding-left: 17px;
	background: url('/media/images/icons/iconsApply.gif') left center;
	background-repeat: no-repeat;
}
.titledRecord .actionBar li.save {
	padding-left: 17px;
	background: url('/media/images/icons/iconsInbox.gif') left center;
	background-repeat: no-repeat;
}

.titledRecord .recText {
	text-align: justify;
	font-family: inherit;
	float: left;
	padding: 5px;
	width: 85%;
}
.titledRecord .recText a {
	font-size: 7pt;
	padding-left: 3px;
}
.titledRecord .recText a:hover {
	color: black;
}

.titledRecord .viewMedia {
	max-height: 5em;
	margin-bottom: 1em;
}

#tableResult table .save {
	clear: both;
	margin: 0;
	padding: 0;
	display: inline;
	font-size: xx-small;
}
/* pagination styles begin */
.pagination {
	float:right;
}
.pagination center {
	padding: 0;
	margin: 0;
	text-align: inherit;
}

.pagination p {
	font-size: 12pt;
	color: #117ca4;
	font-weight: bold;
	text-align: left;
	margin: 2px;
	padding: 0;
}
.pagination p a, .pagination p a:active, .pagination p a:visited {
	background: none;
	font-weight: normal;
	padding-left: 1px;
	padding-right: 1px;
	font-size: 8pt;
	vertical-align: middle;
}
.pagination p a:hover {
	background: #85a0bd;
	color: #f3f0e4;
	font-weight: normal;
}

.pagination.top {
	margin-bottom: 0.5em;
}
.pagination.bottom {
	margin-top: 0em;
}


/* pagination styles end */

.tableInfoContainer {
	clear:both;
    width: auto;
    margin-top: 0.5em;
    margin-bottom: 0.7em;
}
.tableInfo {
	clear:both;
	display: inline;
	float:left;
	margin: 0px;
	padding: 5px 0px 0px 0px ;
	vertical-align: middle;
	font-style:italic;
	font-size: 10pt;

}

/* result tables */
#tableResult {
	clear: both;
}

table.jobSeekerTable, 
table.employerTable {
	width: 100%;
	line-height: 125% ;
	border-collapse: collapse;
	border-spacing: 0;
}

table.jobSeekerTable th,
table.employerTable th {
	color: black;
	background-color:#85a0bd;
	text-align: center;
	vertical-align: top;
	border-right: 1px dotted #CCCCCC;
	padding: 0.5em;
}
table.jobSeekerTable th a,
table.jobSeekerTable th img,
table.employerTable th a,
table.employerTable th img {
	padding: 0em;
	margin: 0em;
}

table.jobSeekerTable tr,
table.employerTable tr {
	background-color: #faf8f0;
}

/*spotlight jobs highlight*/
.highlight5, 
table.jobSeekerTable tr.highlight5,
table.employerTable tr.highlight5 {
	background-color:#fff6bf;
}

/*highlight jobs highlight*/
.highlight1, table.jobSeekerTable tr.highlight1, table.employerTable tr.highlight1
{
	background-color: #abdad3;
}



table.jobSeekerTable tr:hover,
table.employerTable tr:hover {
	background-color:#DFE7EE ;
}

table.jobSeekerTable .highlight,
table.employerTable .highlight {
	background-color:#DFE7EE;
}
table.jobSeekerTable td,
table.employerTable td {
	border-bottom: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;
	padding: 0.3em;
	text-align: left;
}

table.jobSeekerTable td[align="right"],
table.jobSeekerTable td[align="center"],
table.employerTable td[align="right"],
table.employerTable td[align="center"] {
	text-align: right;
}

table.jobSeekerTable tr.even,
table.employerTable tr.even {
	background-color: #faf8f0;
}
table.jobSeekerTable tr.odd,
table.employerTable tr.odd {
	background-color:#E9EEF3;
}

table.jobSeekerTable p,
table.employerTable p {
	padding: 0;
	margin: 0;
	vertical-align: top;
}

table.jobSeekerTable p.action a,
table.employerTable p.action a {
	font-size: 7pt;
	padding: 0;
	margin: 0;
	clear: both;
	vertical-align: top;
	padding-right:0.4em;
}

table.jobSeekerTable span.compact,
table.employerTable span.compact {
	font-size: 8pt;
	padding: 0;
	margin: 0;
	vertical-align: top;
	line-height: normal;
}
table.jobSeekerTable span.compact a,
table.employerTable span.compact a {
	font-family: inherit;
	font-size: 8pt;
	padding: 0;
	margin: 0;
	vertical-align: top;
	line-height: normal;
}

.rt {
	float:right;
}

p.newLink {
	margin-top: 2em;
	margin-bottom: 0.2em;
	padding-top: 0.5em;
	clear:both;
}
p.newLink a {
	font-size: 9pt;
}

/* Tables end */

/* View pages */
/* view job css */
a.topLink {
	color: white;
	font-family: Arial, sans-serif;
	font-size: 7pt;
	text-transform: none;
	padding-left: 0.3em;
	vertical-align: middle;
}
a.topLink:visited, a.topLink:active, a.topLink:link {
	color: #316093;
	font-weight: bold;
	text-decoration: underline;
}
#viewContainer {
	width: auto;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	color: #3C3C3C;
	margin-top: 10px;
	display: block;
}
#viewContainer h3 {
	width: auto;
	border-bottom: 2px dotted #CCCCCC;
	font-size: 9pt;
	padding: 10px 5px 0px 0px;
	text-transform: uppercase;
	font-weight: bold;
	color: #7b5937;
	clear:both;
}

#viewContainer p {
	margin: 8px 0px 8px 0px;
	font-size: 9pt;
	line-height: 19px;
}
#viewContainer .mediaContainer iframe.mediaPreview { /* embedded preview (example: google docs view) */
    width: 100%; height: 45em;
    margin-top: 1em;
    display:block;
    clear: both;
}
#viewContainer .mediaContainer img.map { /* static map (job location) */
    margin: 0.5em 0 0.5em 1em;
}
#viewContainer h3 form.selectDocument { /* select document listbox */
    margin: 1em 0 0 1em;
    display: inline;
}
#viewContainer .mediaContainer.center {
    text-align: center;
    width: 100%;
}
#viewContainer .mediaContainer.center img.viewMedia {
    float: none;
}
#viewToplinks {
	width: auto;
	border-top: 1px solid white;
	color: white;
	margin-bottom: 20px;
	font-family: Arial, sans-serif;
	font-size: 7pt;
}
#viewToplinks a, #viewToplinks a:visited, #viewToplinks a:active {
	color: #316093;
	font-weight: bold;
	text-decoration: underline;
	padding-right: 0.3em;
}
#viewToplinks a:hover {
	text-decoration: none;
	
}
#viewContent {
	padding: 5px 20px 10px 20px;
	line-height: 18px;
}
table.viewTable {
	font-family: Arial, sans-serif;
	margin-top: 0px;
	color: #3C3C3C;
	text-align: left;
}
.viewTable th {
	border-bottom: 1px dotted #D8D8D8;
	border-top: 1px dotted white;
	padding: 4px 4px 4px 4px;
	width: 32%;
}
.viewTable td {
	border-bottom: 1px dotted #D8D8D8;
	border-top: 1px dotted white;
	padding: 4px 4px 4px 4px;
}
/*style input html content for view page */
.viewWithHtml {
	line-height: 12pt;
	font-size:11pt;
	padding: 5px 7px 5px 7px;
}
#viewContainer p.viewWithHtml {
    margin: 3px 3px 3px 6px;
    padding-bottom: 3px;
}
#viewContainer p.viewWithHtml {
    margin: 3px 0 3px 0;
}
.viewWithHtml p, .viewWithHtml ul, .viewWithHtml ol, .viewWithHtml strong1 {
    line-height: 12pt;
	font-size:8pt;
    padding: 0px;
    margin: 0px;
}
.viewWithHtml ul {
	list-style: disc;
	padding-left: 1.5em;
}
.viewWithHtml object, .viewWithHtml embed {
    width: 57em; /* maximum width for embedded video (must be set only in actual width - not percents) */
}

table.TableSectionLabelValue {
	font-family: Arial, sans-serif; text-align: left;
	color: #3C3C3C;
	margin-top: 0px;
	margin-left: 3px;
}
table.TableSectionLabelValue th {
	border-bottom: 1px dotted #D8D8D8;
	border-top: 1px dotted white;
	padding: 4px 4px 4px 4px;
	width: 32%;
}
table.TableSectionLabelValue td {
	border-bottom: 1px dotted #D8D8D8;
	border-top: 1px dotted white;
	padding: 4px 4px 4px 4px;
}
table.TableSectionLabelValue th:first-child {
	width: 15%;
}
table td.TableSectionLabel {
    /* this specific class is used for tables which are sublevel 
    (f.e. Experience table on ViewResume page has also subTable with Position Type, Leave Reason etc.) */
    font-weight: bold;
}

img.viewMedia {
	/*border: 1px solid #D4D4D4;*/
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
/*multi job view*/
table.headerList {
	margin-top: 1.5em;
	width: 100%;
	vertical-align: top;
}
table.headerList td {
	width: 33%;
	border: none;
}

table.headerList th {
	color: black;
	background-color:#85a0bd;
	text-align: left;
	border-bottom: 1px dotted #CCCCCC;
	padding: 0.1em;
	padding-left: 1em;
}

table.headerList .highlight {
	background-color:#DFE7EE;
}
table.headerList td {
	border-bottom: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;
	padding: 0.1em;
	text-align: left;
}

table.headerList td:hover {
	background-color:#DFE7EE ;
}


/* Tabs */
.tabs {
	clear: both;
	padding-top: 1em;
}
.tabsBottom {
	clear: both;
	margin-top: 2px;
	margin-bottom: 1em;
	height: 8px;
	background-color: #307498;
	width: 98%;
	margin-right: -2px;
}
.tabs a, .tabs a:visited, .tabs a:active, .tabs a:link {
	background-color:#abd9f1;
	padding: 5px;
	text-decoration: none;
	color: #738aa3;
	border: 1px solid #abd9f1;
	text-align: center;
}
.tabs a:hover {
	background-color: white;
}
.tabs a.active {
	background-color: #307498;
	color: white;
	font-weight: bold;
	border: 1px solid #307498;
}

fieldset .tabs {
	clear: both;
	padding-top: 1em;
	padding-left: 2em;
}
fieldset .tabsBottom {
	clear: both;
	height: 3px;
	background-color:#69a4c3;
	width: 96%;
	margin-left: 1em;
	margin-top: 0px;
	margin-bottom: 2em;
}
fieldset .tabs a {
	background-color: #abd9f1;
	padding: 3px;
	text-decoration: none;
	color: #738aa3;
	border: 1px solid #abd9f1;
	text-align: center;
	font-size: 8pt;
}
fieldset .tabs a:hover {
	background-color: white;
}
fieldset .tabs a.active {
	background-color: #69a4c3;
	color: #54687e;
	font-weight: bold;
	border: 1px solid #69a4c3;
}

/* report pages */
#content.report #viewToplinks {
	width: auto;
	border-top: 1px dotted gray ;
	margin-bottom: 20px;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	padding: 3px;
}
#content.report #viewToplinks a, #content.report #viewToplinks a:visited, #content.report #viewToplinks a:active {
	color: #316093;
	font-weight: bold;
	text-decoration: underline;
	padding: 3px;
}
#content.report #viewToplinks a:hover {
	text-decoration: none;
	background: #c6c1a8;
	padding: 3px;
}
#content.report .jsHighlight {
	background: #c6c1a8;
	color: white;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
}
#content.report .emHighlight {
	background: #85a0bd;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
/* dialog classes */
#dialogModal {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 10%;
	background-color: black;
	z-index:1000;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
	opacity:.30;
}
#dialog {
	background-color: #eae7d9;
	width: 300px;
	border: 1px #3c5066 outset;
	display: none;
	z-index:1001;
	position: absolute;
}

#dialogCaption {
	width: 100%;
	background-color: #85a0bd;
	color: #3c5066;
	cursor:move;
	clear: both;
	display:inline-block;
}

#dialogTitle {
	padding: 4px;
	background-color: #85a0bd;
	color:inherit;
	font-size: 12pt;
	cursor:inherit;
	float: left;
	width: 80%;
}

#dialogClose {
	height: 12px;
	width: 10%;
	margin-top: 6px;
	padding: 2px;
	background: #85a0bd;
	color:#3c5066;
	cursor:pointer;
	float: right;
	background-image: url('/Media/Images/icons/iconsClose.gif');
	background-repeat: no-repeat;
	background-position: center;
}

#dialogBody {
	width:90%;
	margin-left: 5px;
	padding: 6px;
	line-height: normal;
}
#dialogButtons {
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
}


/* Job Seeker Center */
#JobCenterMenu {
    background: #fff;
    width: 578px;
    clear: both;
    padding-top: 0;
    margin-top: 0;
}
#ResumeCenterMenu {
    background: #fff;
    width: 760px;
    clear: both;
    padding-top: 0;
    margin-top: 0;
}
#JobCenterMenu #JsCtrMenu_bottom {
    clear: both;
    width: 578px; height: 36px;
    margin: 0; padding: 0;
    background: #fff url('/Media/Images/ui/bg_JobCenterMenu.gif') no-repeat bottom;
}
#ResumeCenterMenu #EmCtrMenu_bottom {
    clear: both;
    width: 578px; height: 36px;
    margin: 0; padding: 0;
    background: #fff url('/Media/Images/ui/bg_JobCenterMenu.gif') no-repeat bottom;
}

.menuBlock {
	width: 190px; min-height: 280px;
	margin: 0 4px 0 0;
	display: inline-block;
	border: none;
	float: left;
	background-color: #ededed;
}
.menuBlock h2 {
	font-size: 18px;
	border-bottom: solid 1px #93abb8;
	background: #fff;
	height: 35px;
	color: #fff;
	font-weight: bold;
	padding: 0;
}
.menuBlock h2 span {
    padding-left: 40px; padding-top: 5px;
    display: block;
}
.menuBlock h2.leftSection {
    background: url('/Media/Images/ui/bg_JobCenterMenu_LeftHeader.gif') no-repeat left;
}
.menuBlock h2.middleSection {
    background: url('/Media/Images/ui/bg_JobCenterMenu_MiddleHeader.gif') no-repeat left;
}
.menuBlock h2.rightSection {
    background: url('/Media/Images/ui/bg_JobCenterMenu_RightHeader.gif') no-repeat right;
}

.menuBlock ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none url('/Media/Images/ui/dec_jsCtr_list_item.gif');
}
.menuBlock ul li {
	margin: 0;
	padding: 0;
	list-style: none url('/Media/Images/ui/dec_jsCtr_list_item.gif');
	border-top: solid 1px #fff;
	border-bottom: solid 1px #d0d0d0;
}
.menuBlock ul li.emptyItem {
    list-style-image: none;
}
.menuBlock ul li.emptyItem:hover {
    background: none;
    list-style-image: none;
}
.menuBlock ul li:hover {
	background: #5799bc;
	color: #f3f0e4;
	font-weight: normal;
}
.menuBlock ul li:hover a {
    color: #d1e9f5;
}
.menuBlock ul li a {
    color: #4781a1;
    font-family: Arial; font-weight: bold; font-size: 12px; text-decoration: none;
}
.menuBlock ul li a:hover {
    color: #fff;
}

.emCenter #rightNav.employer {
    float: right;
    background-color: #d1e7f2;
    width: 130px;
    margin-right: 0;
    margin-bottom: -2000em;
    padding-bottom: 2000em;
}
.emCenter #rightNav.employer .ad.w120 {
    width: 120px;
    margin: 1em auto;
}
.emCenter #contentContainer.employer {
    float: left;
    background: white;
    width: 660px;
    margin-right: 0.2em;
    margin-left: 0.2em;
}
.emCenter #content {
    padding-left: 8px;
}

.emCenter #dashboard fieldset {
	margin-bottom: 1em;
}
.emCenter #col_Actions, .emCenter #col_Value {
	width: 5em;
}
.emCenter #dashboardUser fieldset, .emCenter #dashboardAccount fieldset {
	margin-bottom: 2em;
	padding-bottom: 2em;
}

.emCenter #ResumeCenterMenu.logged .menuBlock {
    min-height: 300px;
}

.emCenter #ResumeCenterMenu.manager .menuBlock {
    width: 150px;
}
.emCenter #ResumeCenterMenu.manager .menuBlock#CompanyAcc {
    margin-right: 0;
    width: 190px;
}
.emCenter #ResumeCenterMenu.manager #EmCtrMenu_bottom {
    width: 652px;
    background: #fff url('/Media/Images/ui/bg_JobCenterMenu652.gif') no-repeat bottom;
}

/* Rolls, featured jobs, etc. */
.roll {
	line-height: 110%;
	font-size: 8pt;
	color: #65645e;
}
.roll h2 {
	background: #abdad3 url('/Media/Images/ui/bg_roll_header.gif') no-repeat left;
	height: 36px;
	font-family: Arial; font-size: 16px; font-weight: bold;
	color: #307599;
}
.roll h2 span {
    padding-left: 40px;
    padding-top: 12px;
    display: block;
}
.roll.left h2 {
	background: #5799bc;
	color: #3c5066;
}

.roll ol {
	list-style: none;
	padding: 3px;
	margin: 0px;
	width:100%;
}
.roll li {
	width:90%;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px #C0C0C0 dotted;
	margin-bottom: 2px;
}
.roll p {
	margin: 0px;
	padding: 0px;
	font-size: 7pt;
}
.roll p.location {
	font-size:7pt;
}

.roll a {
	font-weight: bold;
	font-size:7pt;
	color: #499c3d;
	font-size: 8pt;
	padding: 0px;
}
.roll.left a {
	color:#577595;
}

.roll .footer {
	font-size: 6pt;
	color: black;
	padding-bottom: 2px;
	text-align: center;
}
#FeaturedCompanies.roll img {
	width:100%;
}
#FeaturedEmployers.roll ol li {
    text-align: center;
}
#FeaturedEmployers.roll h2 span {
    padding-top: 2px;
    line-height: 15px;
}


/* Browse classes */
.browseContainer {
	margin-top: 3em;
}

.browse {
	width: 99%;
	border: 1px dotted #CCCCCC;
	font-size: 8pt;
	margin-bottom: 1em;
	clear: both;
}

.browse h2 {
	color: black;
	background-color:#85a0bd;
	text-align: left;
	padding: 0.25em;
}
.browse h3 {
    margin-left: 6px;
    padding: 0px;
    margin-bottom: -5px;
}
.browse ul {
	margin: 0px;
	padding-top: 0.8em;
	padding-right: 0.3em;
	padding-left: 0.5em;
	padding-bottom: 0.8em;
	width: 30%;
	list-style: none;
	clear: right;
	display: inline;
	float: left;
}
.browse li {
	margin-left: 0px;
	padding-left: 0.1em;
	padding-bottom: 0.6em;
	text-indent: 0px;
	line-height: 120%;
}

.browse .footer {
	display: none;
}

/* bread crumbs*/
#breadcrumbsContainer {
	width: 100%; 
	padding: 0px; 
	font-size: 0px;
}

#breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #52819b;
	height: 15px; 
	width: 100%;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
}

#breadcrumbs a, #breadcrumbs a:active, #breadcrumbs a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #52819b;
	padding: 1px 6px;
	text-decoration: underline;
}
#breadcrumbs a:hover {
    color: #15435c;
}

#breadcrumbs #bcLinks {
	display: inline;
	float:left;
}
#breadcrumbs #bcUserInfo{
	display: inline;
	float:right;
}

/* ajax loading */
.loading {
	background-image: url('/media/images/ui/dec_ajax_loading.gif');
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 16px;
}

#tableResult table .loading {
	clear: both;
	margin: 0;
	padding: 0;
	display: inline;
	font-size: xx-small;
}

/* dashboard */
.dashboardColumn {
	width: 48%;
	padding-left: 0.3em;
	padding-right: 0.3em;
}
.dashboardReport {
	margin-top: 1em;
}
.dashboardReportTitle {
	font-weight: bold;
	font-size: 9pt;
	color: black;
}
.dashboardReportTitle a {
	vertical-align: top;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
}

/* 

	ALL CLASSES BELOW THIS LINE ARE NOT APPROVED YET


*/

input.submit {
	float: none;
	width: auto;
	border: 0 none #FFF;
	margin-left: 11.5em;
	background: #cb6306;
	color: white;
}
#floatleft {
	float: left;
	margin-right: 0.5em;
	padding: 0.3em;
}
/* body styles UNTESTED */
body.popup #top {
	position: absolute;
	z-index: 1;
	top: 0;
	visibility: hidden;
}
body.noTopBottom #top {
	position: absolute;
	z-index: 1;
	top: 0;
	visibility: hidden;
}

/* old view end section */
.TableSectionDetail {
	margin-top: 0px;
	padding: 6px;
	border-right: 1px dotted #D8D8D8;
}
.TableSectionDetail th, .TableSectionDetail td {
	border-bottom: 1px dotted #D8D8D8;
	border-left: 1px dotted #D8D8D8;
	padding: 4px 12px 4px 4px;
}
#ContainerButtonBar {
	margin-top: 10px;
}
input.ButtonView {
	background-color: #5F88B7;
	color: white;
	border-top: 1px solid #B5CCE7;
	border-right: 1px solid #46607E;
	border-bottom: 1px solid #17273A;
	border-left: 1px solid #8CADD1;
	padding: 5px 0px 5px 0px;
	margin: 2px 2px 0px 0px;
	font-weight: bold;
}
.validation {
	color: #920303;
	font-weight: bold;
}
#buttons {
	text-align: right;
}
input.button {
	background-color: #738aa3;
	border-top: 1px solid #d5e1ec;
	border-right: 1px solid #83919d;
	border-bottom: 1px solid #606973;
	border-left: 1px solid #cbdbe8;
	color: white;
	padding: 3px;
	font-weight: bold;
	margin: 2px;
}
.formParagraph {
	float: left;
	width: 350px;
}
input.radio {
	border: 0;
}

#required {
	background-image: url('/media/images/ui/dec_required.gif');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 1em;
	font-weight: bold;
	text-align: right;
}
/*removes bullet styles from ul elements appearing in bubbleText*/
#bubbleText ul {
    margin: 8px;
    padding: 0px;
    list-style-type:none;
}
#bubbleText p,
#bubbleText p span {
    font-size: 10pt !important; line-height: 110%;
}
/*sets the icon image to the background wherever this class is used*/
.actionIcon {
    background:url("/Media/Images/icons/iconsAction.gif") no-repeat center center;
    height: 18px;
	/*width:100%;*/
}

.rssIcon {
    background: url('/media/images/icons/iconsXml.gif') no-repeat left bottom;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.helpIcon {	
	background: url("/Media/Images/icons/iconsHelp.png") no-repeat left center;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.checkIcon {	
	background: url("/Media/Images/icons/iconsCheck.gif") no-repeat center center;
    height: 17px;
    
	text-align: center;
	/*width: 100%;*/

}
.checkIconDimmed {	
	background: url("/Media/Images/icons/iconsCheckGray.jpg") no-repeat center center;
	height: 17px;
	vertical-align: middle;
	text-align: center;
	/*width: 100%;*/
}
/*styles the captcha div*/
#captchaImg {
	float: left;
}

#captchaLink{
	padding-top: .8em;
	padding-left: .5em;
	display: inline-block;
	height:30px;
}
/*styles the order total section of view order page*/

/* Order Items, Totals */
.orderTotal table.TableSectionLabelValue{
    font-size: 8pt;
    width: 40%;
    float: right;
}

.orderTotal table.TableSectionLabelValue th:first-child {
    text-align: left;
    border:none;
    padding: 0px;
    margin: 0px;
}

.orderTotal table.TableSectionLabelValue td{
    text-align: right;
    width: 15%;
    border:0px;
    padding: 0px 3px 0px 0px;
    margin: 0px;    
}

.orderItems table {
	font-size: 8pt;
}
.orderItems #col_ItemName, .orderItems #col_TaxItem { 
    text-align: left;
    width: 55%;
}
.orderItems .orderItems #col_Price { 
    text-align: right;
    width: 5em;
}
.orderItems table td > input[type="text"] {
	font-size: 8pt;
    width: 38px;    
    height: 15px;
    padding: 1px;    
}
 
/*view active products table*/
.activeProductsResult{
	padding-top: 10px;
}
.activeProductsResult table.jobSeekerTable,
.activeProductsResult table.employerTable {
	margin-bottom: 1em;
}
.activeProductsResult table.jobSeekerTable th:first-child, 
.activeProductsResult table.employerTable th:first-child {
	width: 75%;
}

.activeProductsResult table.jobSeekerTable td input[type="text"],
.activeProductsResult table.employerTable td input[type="text"] {
	font-size: 8pt;
    width: 38px;    
    height: 15px;
    padding: 1px;
}
#packagesWithRatesResult table.jobSeekerTable th:first-child,
#packagesWithRatesResult table.employerTable th:first-child {
	width: 60%;
}
#packagesWithRatesResult table.jobSeekerTable tr,
#packagesWithRatesResult table.employerTable tr {
	background-color: #faf8f0;
}

#packagesWithoutRatesResult table {
	margin-bottom: 2em;
}

#orderDetailsContainer {
    margin: 10px;
    padding: 0px;
}    
#orderDetailsContainer input[type="text"]{
    padding: 1px;
}          

#paymentMethodResult {
    margin: 1em 1em 1.5em 1em;
}

#paymentMethodResult h3 {
    border-bottom: 1px dotted rgb(204, 204, 204);
    color: rgb(123, 89, 55);
    font-size: 8pt;
    font-weight: bold;
    padding: 10px 5px 0px 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: auto;	
}
#paymentMethodResult td > a {
    font-size:x-small;
}

#paymentMethodResult td:first-child{
    width: 2%;
    text-align: center;
}
#creditCardsResult td:last-child {
	text-align: right;
}

/*job posting page activate/upgrade section styles*/
#jobUpgradeSection {
    padding-top: 0.5em;
    clear: both;
}

#jobUpgradeSection h3 {
	color: rgb(77, 114, 160);
	font-size: 10pt;
	font-weight: bold;
	margin-left: 0px;
	padding-left: 0px;
}

#jobUpgradeSection table.jobSeekerTable,
#jobUpgradeSection table.employerTable {
    margin-bottom: 1em;
}
#Products table.jobSeekerTable td p.numeric,
#Products table.employerTable td p.numeric {
    font-size: 8pt;
    text-align: right;
}

#Products table.jobSeekerTable a,
#Products table.emloyerTable a {
    font-size: x-small;
}

#jobUpgradeHistory #col_Created,
#jobUpgradeHistory #col_RateActivate, 
#jobUpgradeHistory #col_RateUpgrade, 
#jobUpgradeHistory #col_SpecialJobsExpires {
    width: 18%;        
}

#activateJobPackageResult table.jobSeekerTable th:first-child,
#specialJobsPackageResult table.jobSeekerTable th:first-child,
#activateJobPackageResult table.employerTable th:first-child,
#specialJobsPackageResult table.employerTable th:first-child {
    width: 2%;
}

#activateJobPackageResult table.jobSeekerTable td:first-child,
#specialJobsPackageResult table.jobSeekerTable td:first-child,
#activateJobPackageResult table.employerTable td:first-child,
#specialJobsPackageResult table.employerTable td:first-child{

    text-align: center;
}



/*login form class - start*/
div#accountForms,
div#loginForms {
	width: 100%;
	clear: both;
	padding: 5px;
}
div#accountForm{
	height:37em;	
}  
div#loginForms {
	height:20em;
}

div#loginForms div#localAuth, 
div#loginForms div#openAuth,
div#accountForms div#localAuth, 
div#accountForms div#openAuth {   
	width: 48%;
	float:left;
}
div#loginForms div#localAuth,
div#accountForms div#localAuth{
    min-width: 350px;	
}
div#accountForms div#openAuth,
div#loginForms div#openAuth {
    min-width: 200px;
}
div#accountForms form > fieldset.smallForm,
div#loginForms form > fieldset.smallForm{
    border: solid 1px #C0C0C0;
}
div#loginForms form > fieldset.smallForm{
    /*height: 18.5em;*/
    min-height: 18.5em;
}
div#loginForms  form > fieldset.actionBar {
	margin:2px;
	padding:2px;
}
div#loginForms form > fieldset.smallForm,
div#accountForms form > fieldset.smallForm,
div#loginForms form > fieldset.actionBar,
div#accountForms form > fieldset.actionBar{
    min-width: 90%;
    max-width: 95%;
}  
 
div#loginForms  li.formLinks {
	line-height:10px;
}
div#loginForms  li.formLinks a {
	font-size:8pt;
}
div#loginForms form > fieldset > ol.inputElements { 
    float:right;
    margin:2px 5px 2px 5px;
	padding:5px;
}

div#accountForms form > fieldset > ol.inputElements { 
    float:right;
    margin:2px 5px 2px 5px;
    padding:2px 5px 2px 5px;
}
div#accountForms form > fieldset.actionBar > input[type="submit"]{
	margin-right: 10px;
}

div#accountForms fieldset.smallForm ol li,
div#loginForms fieldset.smallForm ol li,
div#accountForms fieldset.smallForm a,
div#loginForms fieldset.smallForm a {
	font-size: x-small;	
}

div#loginForms #UserName, div#loginForms #Password{
    width:58%;
    padding:2px;
}
div#accountForms fieldset.smallForm ol li.loginButton input[type="submit"],
div#loginForms fieldset.smallForm ol li.loginButton input[type="submit"]{
    font-size:10px;
    text-align: right;
    vertical-align: middle;
    display: inline;
    color: #fff;
    background-color: #5F88B7;
    border-top: 1px solid #B5CCE7;
    border-right: 1px solid #46607E;
    border-bottom: 1px solid #17273A;
    border-left: 1px solid #8CADD1;
    padding: 2px 1px 2px 1px;
    margin: 0px 2px 0px 2px;
    font-weight: bold;
}
/*openID selector styles - start*/ 
/* Image in Text Box */
#openid_input_area {
    margin:0px;
    padding:0px;
    width:312px;
}
#openAuth #openid_form a {
    float:left;
}
#openid_input_area p {
    font-size: 8pt;
    text-align:left;
    margin:0px;
    padding:0px;
}
#openid_input_area input[type="text"] {
    margin:0px;
}
.openid_inputfield {
    background:#FFFFFF url(/media/images/authproviders/openid-inputicon.gif) no-repeat 4px 4px;
    padding:4px 4px 4px 22px;
    margin-right:4px;
    border:1px solid #CCCCCC;
    width:230px;
    height:18px;
}
#openid_choice {
    display: none;
}
#openid_input_area {
    clear: both;
    padding: 10px;
}
#openid_btns, #openid_btns br {
    clear: both;
}
#openid_highlight a {
    border: solid 2px #C99B37;	
    margin: 3px;
}
#openid_highlight a:hover {
    border: solid 2px #4D72A0;	
    margin: 3px;
}
.openid_large_btn {
    width: 63px;
    height: 22px;
    border: 2px solid #DDD;
    background:#FFF;
    margin: 3px;
    padding: 5px;
    float: left;
}
.openid_large_btn:hover{
    border-color: #4D72A0;
}
.openid_small_btn {
    width: 24px;
    height: 24px;
    border: 1px solid #DDD;
    margin: 3px;
    float: left;
}
.openid_small_btn:hover{
    border-color: #4D72A0;
}
a.openid_large_btn:focus {
    outline: none;
}
a.openid_large_btn:focus {
    -moz-outline-style: none;
}
.openid_selected {
    border: 1px solid #DDD;
}   

/*openID selector styles - end*/ 

/*login form class - end*/

/*user auth provider link form - start*/
.linkProfileFormsCnt {
	min-width:600px;
	width:100%;
	padding:5px;
	margin-top:5px;
	height:35em !important;
} 
.linkProfileFormsCnt label{
    width: 5.5em;
}

/*make both forms equal width */
.linkProfileFormsCnt #loginLocalCnt,
.linkProfileFormsCnt #loginOpenAuthCnt {
    min-width:285px;
	width:48%;
	padding:5px;
	margin:0px;
	float:left;
	clear:right;
}

/*add right border to separate the two different forms*/
.linkProfileFormsCnt .formsSeparator{
	border-left: 1px solid #C6C1A8;
	padding-right:15px;
}    
/*username & password container*/
.linkProfileFormsCnt ol.inputElements {
    width: 100%;
    margin:0px;
	padding:0px;
	list-style-type:none;
}
/*space between input fields*/
.linkProfileFormsCnt ol.inputElements li {
	margin: 0.25em;
}

/* label links */
.linkProfileFormsCnt ol.inputElements li.terms a, 
.linkProfileFormsCnt ol.inputElements li.terms a:active, 
.linkProfileFormsCnt ol.inputElements li.terms a:visited {
	float:none;
	font-family: inherit;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px #85a0bd dashed;
	color: #000;
	padding: 0;
}
.linkProfileFormsCnt ol.inputElements li.terms a:hover {
	background: #85a0bd;
	color: #f3f0e4;
	border-bottom: none;
}

/*style the text and password fields*/
.linkProfileFormsCnt ol.inputElements input[type="text"]{
    width: 60%;
    padding:2px;
}

.linkProfileFormsCnt ol.inputElements li.loginButtons  {
	height:30px;
	min-width:265px;
	width:86.5% !important;
}
.linkProfileFormsCnt ol.inputElements li.loginButtons input.button{
	background-color:#5F88B7;
	border-color:#B5CCE7 #46607E #17273A #8CADD1;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial;
	font-size:10pt;
	margin-right:0px !important;
    padding: 0.15em;
	float:right;
	margin-right:3.5em;
}
.linkProfileFormsCnt p.formComments {
	margin: 0px 0px 0px 10px;
	padding-right:5px;
	height:70px;/*stabalize*/
	width:95%;
}
.linkProfileFormsCnt p.hiddenInput{
    margin:0px;
    padding:0px;
}
.linkProfileFormsCnt .validationMessage {
    margin:5px;
}
/*user auth provider link form - end*/