/*Printing Styles */
/*

*/


/* TESTED AND APPROVED CLASSES*/ 

/*General Styles */
body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	margin:0;
	background: #fff url("/Media/Images/ui/bg_main.gif") repeat-x top left;
}
h1 {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18pt;
	font-weight: normal;
}
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 #000 dotted;
}

input[type="button"], input[type="submit"] {
	background-color: #2b6598;
	color: #fff;
	border-radius: 4px;
}
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;
}
/* none visible contaner to load images (e.g. rolover) during page load */
.preloadImages {
    margin: 0; padding: 0;
    display: none;
}
 
/* Main Framwork - Containers */
#pageContainer {
	width: 1000px;
	min-width: 600px;
	margin: 0 auto 2em auto;
	color: #333;
	border: solid 1px #666666;
}
#top {
	font-weight: bold;
	color: #0c2d51;
	float: left;
	background: #67ab3c;
	width: 100%;
}
#middleContainer {
	float: left;
	overflow: hidden;
	background: #fff;
	width: 100%;
}
#contentHeader {
	/*Subheader*/
	margin: 0;
}
#leftNav {
	float: left;
	background: none;
	width: 0;
	min-width: 0;
	margin-right: 0;
	margin-bottom: -2000em;
	padding-bottom: 2000em;
	overflow: hidden;
	border: none;
	display: none;
}
#rightNav {
	float: right;
	background: none;
	width: 190px;
	margin-right: 10px;
    padding-left: 10px;
	margin-bottom: -2000em;
	padding-bottom: 2000em;
	border-left: solid 1px #CCC;
}
#contentContainer {
	float: left;
	background: #fff;
	width: 785px;
	margin-right: 0;
	margin-left: 0;
}

.withRightNav-w310  #contentContainer {
    width: 660px;
}
.withRightNav-w310 #content {
    margin: 0 0 0 0.8em; padding: 0;
    width: 650px;
}
.withRightNav-w310 #rightNav {
    width: 310px;
    background: none;
    float: right;
    margin-right: 10px;
    padding-left: 10px;
	margin-bottom: -2000em;
	padding-bottom: 2000em;
	border-left: solid 1px #CCC;
}

/* popup page styling */
body.popup {
    background: none;
}
body.popup.noIncludes #content {
    width: 95%;
    margin: 15px auto;
    float: none;
}
body.popup #leftNav {
	width: 0; height: 0;
	visibility: hidden;
}
body.popup #contentContainer {
	width: 100%;
	margin-right: 0.2em;
}
body.popup #rightNav {
	width: 0;
	visibility: hidden;
}
body.popup #footer {
	width: 0; height: 0;
	visibility: hidden;
}

.popupCnt {
    margin: 0 auto;
    width: 95%;
    overflow:hidden;
}
.popupCnt img 
{
    width:100%;
 }

/* end popup page styling */
/* no left styling */
body.noleft #leftNav {
	width: 0; height: 0;
	visibility: hidden;
	margin-right: 0;
}
body.noleft #contentContainer {
	width: 82%;
	margin-right: 5px;
	margin-left: 0;
}
/* end no left */
/* no right styling */
body.noright #contentContainer {
	width: 82%;
	margin-right: 0;
}
body.noright #rightNav {
	width: 0;
	visibility: hidden;
}
/* end no right */
#content {
	line-height: 22px;
	padding: 0; margin: 0 0 15px 15px;
	float: left; clear: both;
	width: 765px;
}
#content h1 {
	padding: 0px 30px 1px 0px;
	margin-top: 0.5em;
	color: #65AB3C;
    font-family: "Trebuchet MS",Times New Roman; 
    font-size: 16pt; font-weight: bold;
}
#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 {
	font-family: Arial, Sans-Serif; font-size: 9pt; font-weight: bold; text-transform: none; line-height: 20px;
    color: #000;
    background: none;
    padding: 0; margin: 0 0 0.5em 0;
    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 ol li {
	padding-top: 1em;
}
#content.article ul li {
	padding-top: 0;
}


/* 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: #fff;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
}
.jsHighlight a {
	background: #c6c1a8;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.jsHighlight a:hover {
	color: #fff;
}
.emHighlight {
	background: #65AB3C;
	color: #fff;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
}
.emHighlight a {
	background: #85a0bd;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.emHighlight a:hover {
	color: #fff;
}
/*Header Elements */
#logo {
	float: left;
	width: 260px;
	margin: 10px 0 0 10px;
	clear: both;
}
#logo a {
    outline: none;
}
#logo #tsj_print_logo {
    display: none;
}
#logo a#tsj_logo {
    float: left;
    text-decoration: none;
    outline: none;
}
#logo a#tsj_logo:hover,
#logo a#tsj_logo:active {
    text-decoration: none;
    outline: none;
}


.menu li .sub {
    background: #666;
    display: none;
    float: left;
    padding: 5px;
    position: absolute;
    top: 35px; left: 0;
}
.menu li .sub ul {
    float: left;
    margin: 0; padding: 0;
    width: 150px;
    font-size: 10px;
}
.menu li .sub ul.w102 {
    width: 102px;
}
.menu .sub ul li {
    color: #fff;
    width: 100%;
}
.menu .sub ul li a {
    background: url("/Media/Images/Menu/ewnavlsubist_arrow.gif") no-repeat 5px 12px;
    color: #fff;
    display: block;
    float: none;
    height: auto;
    padding: 7px 7px 7px 13px;
    font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: none; text-indent: 0;
}
.menu .sub ul li a:hover {
    color: #FFCC66;
    text-decoration: underline;
}

#topMainNav {
    background: #666;
    font-size: 10px;
    width: 100%; height: 35px;
    line-height: 13px;
}
#topMainNav a.noLink {
    cursor: default;
}
#topMainNav ul#globalnav {
    list-style: none;
    margin: 0; padding: 0;
}
#topMainNav ul {
    float: left;
    list-style: none;
}
#topMainNav ul#globalnav li {
    z-index: 20000;
    float: left;
    margin: 0; padding: 0;
    position: relative;
}
#topMainNav ul li {
    display: inline;
}
#topMainNav #globalnav a {
    font-weight: bold;
}
#topMainNav .searchtool-anon #Re09searchBox {
    background: #FFF;
    border: 1px solid #777;
    float: left;
    height: 22px;
    margin: 7px 0 0 7px; padding: 0 2px;
}
#topMainNav .searchtool-anon #Re09searchBtn {
    background: url("/Media/Images/ui/btn_search.gif") no-repeat;
    border: none;
    cursor: pointer;
    width: 40px; height: 20px;
    margin: 0; padding: 1px;
    float: left;
}
#topMainNav .searchtool-anon #Re09searchFld {
    border: 0 none;
    width: 100px; height: 20px;
    margin: 2px 0 0 0; padding: 0;
    line-height: 15px;
    float: left;
}
#topMainNav .searchtool-anon #Re09advSearchLink {
    margin: 5px 0 0 5px;
    width: 50px;
    color: #fff;
    display: block;
    float: left;
}
#topMainNav .searchtool-anon #Re09advSearchLink a {
    font-size: 9px; text-decoration: underline;
    color: #fff;
}
#topMainNav .searchtool-anon #Re09advSearchLink a:hover {
    text-decoration: none;
}
#topMainNav .searchtool-anon #srchTypeCnt {
    float: left;
    margin-top: 1pt;
    margin-left: 3px;
}
#topMainNav .searchtool-anon #mainSearchType {
    margin: 0; padding: 0;
    border: 0 none;
}
#topMainNav .searchtool-anon #mainSearchType option {
    padding-right: 6px;
}

#js_menu,
#em_menu {
    width: 100%; height: 28px;
    clear: both;
    background: #191919;
    float: left;
    padding: 5px 0 0 0;
}
#js_menu ul,
#em_menu ul {
    margin: 0 15px 0 0; padding: 0;
    float: right;
    list-style: none;
}

#js_menu ul li,
#em_menu ul li {
    display: inline;
    z-index: 10000;
    float: left;
    margin: 0; padding: 0;
    position: relative;
}
#js_menu>ul>li>a,
#em_menu>ul>li>a {
    color: #fff;
    font-family: Verdana; font-size: 11px; text-decoration: none; text-transform: uppercase;
    padding: 0 10px;
}
#js_menu li a.submenu,
#em_menu li a.submenu {
    background: url('/Media/Images/Menu/dec_submenu.gif') no-repeat 100% 7px;
    padding-right: 12px;
}
#js_menu a:hover,
#em_menu a:hover {
    text-decoration: underline;
}
#js_menu .sub ul,
#em_menu .sub ul {
    margin-right: 0;
}
#js_menu .menu li .sub,
#em_menu .menu li .sub {
    top: 28px;
    background: #333;
    line-height: 13px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*site views (classic/mobile) styles*/
.siteViews{    
    float:right;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:8px;
    font-weight:normal;
    clear:right;
    padding:0px;
    padding-right:20px;
}
.siteViews ul,.siteViews ul li{
	float: left;
	display:inline;
	font-size:8pt;
	margin: 0px; padding:0px;
	vertical-align:baseline;
}
.siteViews a{
	padding-right: 2px;
	padding-left: 2px;
    text-decoration:none;
}
.siteViews ul li.activeSite {
	font-weight:bold;
}
.siteViews ul li.activeSite a{
	color:#808080;
}
.siteViews ul li.inactiveSite {
	font-weight:normal;
}
.siteViews ul li.inactiveSite a{
    text-decoration:underline;	
}
/*Footer */
#footer {
	clear: both;
	margin: 0;
	padding: 0 0 5px 0;
	background: #fff;
	font-family: Verdana, Arial, Sans-Serif; font-size: 7pt; line-height: 100%;
}
#footer a {
	color: #fff;
	font-weight: bold; text-decoration: none; line-height: 120%;
}
#footer a:hover {
    text-decoration: underline;
}
#footer-links {
    float: left;
    width: 100%;
    background: url('/Media/Images/ui/bg_footer_links.gif') repeat-y;
    border-top: solid 0.8em #777777;
	border-bottom: solid 0.8em #777777;
}
#footer-links ul.services {
    color: #fff;
    list-style: disc;
    padding: 10px 0;
}
#footer-links ul.services li {
    padding: 3px 0;
    margin: 0 0 5px 15px;
}
#footer-links ul.services li.servicename {
    color: #000;
    font-weight: bold; text-transform: uppercase;
    list-style-type: none;
    margin-left: 0;
}

#footer-links ul.left {
    float: left;
    margin: 0 12px 0 15px;
}
#footer-links ul.right {
    float: right;
    margin: 0 15px 0 0;
}
#footer #copyright {
    clear: both;
    font-size: 10px; text-align: center;
    color: #949494;
    padding-top: 1em;
}


body.noTopBottom #footer {
	width: 0; height: 0;
	visibility: hidden;
}

/* Forms begin */
fieldset {
	clear: left;
	width: 755px;
	min-width: 37em;
	/*background: url('/Media/Images/ui/bg_fieldset_w755.gif') repeat-y;*/
	padding: 0;
	border-top: none;
	border-right: none;
	/*border-bottom: solid 2px #63AC35;*/
	border-bottom:none;
	border-left: none;
	margin-bottom: 0.7em;
}
fieldset fieldset {
    width: 750px;
}

.tableset {
    border-top: 1px solid #63AC35;
	/*border-bottom: 2px solid #63AC35;*/
	border-bottom:none;
	margin-top:1em;
	margin-bottom:1em;
	/*background: url('/Media/Images/ui/bg_fieldset_w755.gif') repeat-y;*/
	width: 755px;
}

.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, fieldset select, fieldset textarea {
	border: solid 1px #7f9db9;
	font-family: Arial; font-size: 10pt;
	padding: 0.2em;
}

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

/* set not attractive color for alt text (this text will be cleared and class changed onfocus, onblur */
input[type="text"].defaultAltText {
    color: #969595;
}


fieldset a {
	font-size: 10pt;
}

h4, legend {
	/*background: #1e588e url("/Media/Images/ui/bg_legend_fieldset.gif") repeat-x top left;*/
	/*font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10pt; font-weight: bold; text-transform: none;*/
	background: #fff;
    color: #000;
    border-bottom: dotted 1px #63AC35;
    font-family: "Trebuchet MS",Times New Roman; 
    font-size: 11pt; font-weight: bold; text-transform: none; line-height: 20px;
    margin: 0; padding: 1px 0 2px 20px;
}
h4.special {
    background: #8395a5 url("/Media/Images/ui/bg_legend_special.gif") repeat-x top right;
    padding: 1px 0 2px 10px;
}
h4.special span {
    display: inline-block;
    padding-right: 10px;
    background: url("/Media/Images/ui/bg_header_special.gif") no-repeat right;
}

legend .itemCount {
    font-weight: bold;
    color: #C09438;
    font-size: 12px;
}
.openSection {
	background: #fff url('/Media/Images/ui/dec_plus.gif') no-repeat top left;
	padding-left: 25px;
	cursor: pointer;
}
.closeSection {
	background: #fff url('/Media/Images/ui/dec_minus.gif') no-repeat top left;
	padding-left: 25px;
	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;
	font-size: 10pt; text-align: right;
}
label.readonly {
	font-weight: bold;
}
label.required {
	font-weight: bold;
	background: url('/media/images/ui/dec_required.gif') no-repeat right center;
}
label.recommended {
	font-weight: bold;
	color: #5f5f5f;
}
label.required.info {
	width: 6em;
	float: right;
	font-size: x-small;
	padding-top: 0;
}
fieldset span.value {
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	font-size: 10pt; 
	vertical-align:middle;
}
fieldset label.required.info {
	/*margin-top: -50px;*/
}
/* 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: #000;
	padding: 0;
}
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;
	display: none;
	border: 1px solid #FF6600;
	font-weight: normal; line-height: 125%;
	color: #FF6600;
	margin: 1em; padding: 0.5em;
	vertical-align: top;
}
.validationMessage ul {
    display: block;
    margin-top: 3px;
}
.validationMessage ul li {
    float: none;
    line-height: 100%;
    margin: 0; padding: 0;
}
.validationMessage.visible {
    display: block;
    visibility: visible;
}

.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;
}
.smallForm .jobSeekerTable,
.smallForm .employerTable {
	font-size: smaller;
}

.smallFormFieldsContainer {
    width: 95%; 
    clear: both;
}
.smallForm legend.openSection, 
.smallForm legend.closeSection {
	padding-left: 22px;
}
.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;
	margin: 1em; padding: 0.5em;
	display: none;
	font-weight: normal; text-align: left; text-align: justify; line-height: 125%;
	vertical-align: top;
	border: 1px solid #22364D;
	color: #22364D;
}
.infoMessage a {
	font-weight: normal;
}

.invalidField {
	border: thin double #FF6600;
}
.validField {
	border-top: 1px solid #808080;
	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: 90%;
	padding-top: 0.3em;
}
fieldset ol.noTopMargin {
    margin-top: 0;
    padding-top: 0;
}
fieldset ol.noBottomMargin {
    margin-bottom: 0;
}
fieldset li {
    /*06/14/11 rburdan*/
	/*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 #808080 dotted; 
}

fieldset ol.htmlEdit {
	padding: 0;
	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;
	padding: 0;
}
fieldset.smallForm input, fieldset.smallForm select, fieldset.smallForm 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 .fields input[type="checkbox"].secondaryAction {
    margin-left: 20px;
}
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 #808080 dotted; 
	border-right: 1px #808080 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.filter input[type="submit"]  {
    /* preload rollover background */
	background: #8db3d7 url('/Media/Images/ui/bg_btn_R.gif') repeat-x top left;
}
fieldset.actionBar input[type="button"], 
fieldset.actionBar input[type="submit"],
fieldset.options input[type="button"], 
fieldset.filter input[type="submit"]  {
	background: #72a1ce url('/Media/Images/ui/bg_btn.gif') repeat-x top left;
	color: #fff;
	border-top: solid 1px #7598bb;
	border-right: solid 2px #23466a;
	border-bottom: solid 2px #23466a;
	border-left: solid 1px #7598bb;
	padding: 3px 2px 3px 2px;
	margin: 0px 1px 0px 1px;
	font-weight: bold;
	float: right;
}

fieldset.actionBar input[type="button"]:hover, 
fieldset.actionBar input[type="submit"]:hover,
fieldset.options input[type="button"]:hover, 
fieldset.filter input[type="submit"]:hover {
    background: #8db3d7 url('/Media/Images/ui/bg_btn_R.gif') repeat-x top left;
    border-right: solid 2px #23466a;
	border-bottom: solid 2px #23466a;
}

fieldset.actionBar.confirm input[type="button"], 
fieldset.actionBar.confirm input[type="submit"] {
    margin-left: 0.5em;
    width: 5em;
}
fieldset.actionBar .addthis_toolbox {
    float: right;
    background: #72a1ce url('/Media/Images/ui/bg_btn.gif') repeat-x top left;
    color: #fff;
	border-top: solid 1px #7598bb;
	border-right: solid 2px #23466a;
	border-bottom: solid 2px #23466a;
	border-left: solid 1px #7598bb;
	padding: 2px 2px 1px 2px;
	margin: 0px 1px 0px 1px;
	font-family: Arial; font-size: 10pt; font-weight: bold; text-decoration: none; line-height: 22px;
	border-radius: 4px;
}
fieldset.actionBar .addthis_toolbox:hover {
    background: #8db3d7 url('/Media/Images/ui/bg_btn_R.gif') repeat-x top left;
    border-right: solid 2px #23466a;
	border-bottom: solid 2px #23466a;
}
fieldset.actionBar a.shareJobLink {
    font-family: Arial; font-size: 10pt; font-weight: bold; text-decoration: none; line-height: 22px;
    color: #fff;
}
fieldset.actionBar a.shareJobLink:hover {
    text-decoration: none;
}


fieldset.actionBar select {
	float: right;
	margin-top: 0.4em; 
	margin-right: 0.5em;
}

fieldset.actionBar select#BulkOperationType {
    margin-top: 0;
}

fieldset.actionBar input.secondaryAction {
	background: #D6DDE4;
	color: #666666;
	float: left;
	border-right: solid 2px #859aaf;
	border-bottom: solid 2px #859aaf;
	
}
fieldset.actionBar input.secondaryAction:hover {
    background: #e5ebf1;
    border-right: solid 2px #859aaf;
	border-bottom: solid 2px #859aaf;
}

/* Forms action bar - end */
/*Form Hints */
.hint ol {
	font: normal 12px/15px Arial;
	position: relative;
	width: 350px;
}
.hint 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;
    line-height: 125%;
}

.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*/
}

.hintText {
    clear: both;
    text-align: center;
    width: 90%;
	border: 1px solid #c93;
    margin: 0.9em auto 1.4em; padding: 5px 7px;
    background: #ffc;
}
#content .hintText p {
    text-align: center;
    margin: 0;
}

/* 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: 95;
    border: 1px solid #c93;
    margin: 0 1em 0 1em; 
    padding: 5px 7px;
    background: #ffc;
    line-height: normal;
}
/* 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;
	float: left;
	width: 70%;
}

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


/* Forms end */

/* Tables begin */
.titledRecord {
	margin: 0;
	width: auto;
	padding: 10px 0px 0px 0px;
	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: #336699; /* #117ca4;*/
	background: none;
	clear: both;
	margin: 0 0 3px 0;
}
.titledRecord h1 a {
	color: #336699;
	font-weight: normal; text-decoration: underline;
}
.titledRecord h1 a:hover {
	color: #336699;
	text-decoration: none;
}

.titledRecord p {
	float: left;
	margin-bottom: 25px;
}
.titledRecord h2
{
    clear: both;
    font: bold 10pt Helvetica, Arial, Verdana, sans-serif;
    color: #3B3B3B; /*#b37823;*/
    border-bottom: 1px solid #c4c0ad;
    padding-bottom: 5px;
}
.titledRecord h2 a
{
    font: bold 10pt Helvetica, Arial, Verdana, sans-serif;
    color: #3B3B3B; /*#b37823;*/
    text-decoration: underline;
}
.titledRecord h2 a:hover {
	text-decoration: none;
}

.titledRecord .actionBar {
	float: right;
	font-size: 7pt;
	color: #808080;
	border-left: 2px dotted #808080;
	margin: 5px 0 0 5px;
	padding: 0 10px 5px 10px;
}
.titledRecord .actionBar ul {
	margin: 0; padding: 0;
	list-style-type: none;
}
.titledRecord .actionBar li {
	height: 17px;
	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: #000;
}
.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 .actionBar li.share {
	padding-left: 17px;
	background: url('/media/images/icons/iconsShare2.gif') left center;
	background-repeat: no-repeat;
}

.titledRecord .recText {
	font-family: inherit;
}
.titledRecord .recText a {
	font-size: 7pt;
	padding-left: 3px;
	text-decoration: none;
}
.titledRecord .recText a:hover {
	color: #000;
}

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

#content.SearchJobs #detailedResult .titledRecord {
	float: left;
    clear: both;
    width: 100%;
    margin: 1px 1px 0.6em 1px !important; padding: 0;
    background: transparent !important;
}
#content.SearchJobs #detailedResult .titledRecord .recText {
    float: left;
    width: 87%;
    padding-top: 0.5em;
}
#content.SearchJobs #detailedResult .titledRecord .actionBar {
    width: 7%;
}

/* styles for titledRecord which is used on View pages (e.g. ViewEvent) */
.titledRecord.description {
    border-bottom: 2px dotted #DCDCDC;
    margin-bottom: 0.5em;
    width: 100%;
    float: left; clear: both;
}
#content .titledRecord.description h1 {
    font-size: 11pt;
    padding: 0; margin: 0;
}
#content .titledRecord.description h1 .addr1,
#content .titledRecord.description h1 .addr2,
#content .titledRecord.description h1 .lctn {
    display: block;
}
.titledRecord.description .locationMap {
    width: 48%;
    min-width: 250px; /* img map width + 10px */
    float: right;
    overflow: hidden;
    text-align: center;
}
.titledRecord.description .locationMap a {
    float: right;
}
.titledRecord.description .contentWithMap {
    width: 48%;
    min-height: 110px; /* img map height + 10px */
    float: left;
    /*border-right: dotted 1px #C4C0AD;*/
    margin-right: 0.5em;
    padding-right: 0.5em;
}
#viewContainer .titledRecord.description .recText p {
    font-size: 9pt; line-height: 145%;
    margin: 0.2em 0;
    width: 100%;
}
.titledRecord.description .recText a {
    font-size: 9pt;
    margin: 0; padding: 0;
}
.titledRecord.description .recText .moreLinks a {
    margin-right: 1em;
}
.titledRecord.description .recDetails {
    /*border-top: dotted 1px #C4C0AD;*/
    padding-top: 0.5em;
    margin-top: 0.5em;
    padding-bottom: 0.7em;
    width: 100%;
    float: left; clear: both;
}
.titledRecord.description .recDetails .title.past, 
.titledRecord.description .recDetails .date.past,
.titledRecord.description .recDetails .text.past {
    color: #939393;
}

.titledRecord.description .recDetails .title {
    font-size: 8pt; font-weight: bold;
    width: 100%;
    float: left; clear: both;
}
.titledRecord.description .recDetails .date {
    width: 100%;
    float: left; clear: both;
}
#viewContainer .titledRecord.description .recDetails .date p,
#content .titledRecord.description .recDetails .date p  {
    font-size: 8pt; font-weight: bold; line-height: 8pt;
    float: left;
    margin: 7px 0 0 0;
}
.titledRecord.description .recDetails .date b {
    font-weight: bold;
}
.titledRecord.description .recDetails .date a.addToCalendar {
    margin: 0 0 0 5pt; padding: 0;
    float: left;
    font-size: 0; line-height: 0;
}

.titledRecord.description .recDetails .text {
    width: 100%;
    float: left; clear: both;
    margin-bottom: 0.5em;
}
#viewContainer .titledRecord.description .recDetails .text p {
    font-size: 8pt; line-height: 140%;
    margin: 0;
    width: 100%;
    overflow: hidden;
    word-wrap: break-word;
}

#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: #000;
	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-family: Verdana; font-size: 8pt;
	color: #336699;
	vertical-align: middle;
}
.pagination p a:hover {
	background: none;
	font-weight: normal; text-decoration: none;
	color: #000;
}

.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: #fff;
	background-color: #356418;
	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 {
	margin: 0; padding: 0;
}
#content table.jobSeekerTable .checkbox,
#content table.employerTable .checkbox {
    margin: 0; padding: 0;
    text-align: center;
}

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

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

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;
	color: #65AB3C;
	padding: 0;
	margin: 0;
	clear: both;
	vertical-align: top;
	padding-right:2px;
}

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;
}

#tableResult.employerJobs td.date {
    text-align: right;
}

.rt {
	float: right;
}

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

/* Tables end */

/* View pages */
/* view job css */
a.topLink {
	font-family: Arial, sans-serif; font-weight: normal;
	font-size: 7pt;
	text-transform: none;
	padding-left: 0.3em;
	vertical-align: middle;
}
a.topLink:hover, a.topLink:active, a.topLink:visited {
	text-decoration: none;
}
#viewContainer {
	width: auto;
	font-family: Arial, sans-serif; font-size: 8pt;
	color: #3C3C3C;
	margin-top: 10px;
	display: block;
	clear: both;
}
#viewContainer h3, h3.viewContainer {
	width: auto;
	border-bottom: 2px dotted #CCCCCC;
	padding: 10px 5px 0px 0px;
	font-size: 9pt; font-weight: bold; text-transform: uppercase;
	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;
    clear: both;
}
#viewContainer .mediaContainer img { /* photos section on view resume */
    margin: 0.5em;
}
#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 .inlineContainer {
    width: 45%;
    float: left;
    margin-right: 3em;
}
#viewContainer .inlineContainer.right {
    float: right;
    margin-right: 0;
}

#viewToplinks {
	width: auto;
	border-top: 1px solid #fff;
	color: #fff;
	margin-bottom: 0.7em;
	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 #fff;
	padding: 4px 4px 4px 4px;
	width: 32%;
}
.viewTable td {
	border-bottom: 1px dotted #D8D8D8;
	border-top: 1px dotted #fff;
	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;
}
.viewWithHtml p, .viewWithHtml strong1 {
    line-height: 12pt;
	font-size: 8pt;
    margin: 0; padding: 0;
}
.viewWithHtml ul, .viewWithHtml ol {
    line-height: 12pt;
	font-size: 8pt;
    margin: 0; padding: 0 0 0 1.5em;
}
.viewWithHtml ul {
	list-style: disc;
}
.viewWithHtml ul li, .viewWithHtml ol li {
    margin-left: 1em;
}
.viewWithHtml object, .viewWithHtml embed {
    width: 57em; /* maximum width for embedded video (must be set only in actual width - not percents) */
}
.viewWithHtml p img.viewMedia {
    float: left;
    display: inline;
	margin: 10px 10px 10px 0;
}

img.viewMedia {
	/*border: 1px solid #D4D4D4;*/
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}


table.TableSectionLabelValue {
	font-family: Arial, sans-serif; text-align: left;
	color: #3C3C3C;
	margin-top: 0px;
	margin-left: 3px;
}
#viewContainer table.TableSectionLabelValue {
    width: 100%;
}
table.TableSectionLabelValue th {
	/*border-bottom: 1px dotted #D8D8D8;
	border-top: 1px dotted #fff;*/
	padding: 4px;
	width: 15%;
	min-width: 9em;
	line-height: 125%;
}
table.TableSectionLabelValue td {
    /*border-bottom: 1px dotted #D8D8D8;
	border-top: 1px dotted #fff;*/
	padding: 4px;
	line-height: 125%;
}
/*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;
}

/*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: #000;
	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: 0.5em;
}
.tabsBottom {
	clear: both;
	margin: 2px -2px 1.3em 0;
	/*margin-bottom: 8px;*/
	width: 98%; height: 8px;
	background-color: #95c875;
}
.tabs a, .tabs a:visited, .tabs a:active {
    /* preload rollover background */
    background: #adb3a2 url('/Media/Images/ui/bg_quick_tabsR.gif') repeat-x top left;
}
.tabs a, .tabs a:visited, .tabs a:active {
	background: #8d9284 url('/Media/Images/ui/bg_quick_tabs.gif') repeat-x top left;
	padding: 5px;
	color: #000;
	border: 1px solid #d2cbaf;
	text-align: center; text-decoration: none;
	outline: none;
}
.tabs a:hover {
	background: #adb3a2 url('/Media/Images/ui/bg_quick_tabsR.gif') repeat-x top left;
}
.tabs a.active {
	background: #e4ecd3;
	color: #000;
	font-weight: bold;
}
.tabs a.disabled {
	cursor: default;
}
.tabs a.disabled:hover {
	cursor: default;
	background: #e5e0cd;
}

fieldset .tabs {
	clear: both;
	padding-top: 1em;
	padding-left: 2em;
}
fieldset .tabsBottom {
	clear: both;
	background: #95c875;
	width: 96%; height: 3px;
	margin-left: 1em;
	margin-top: 2px;
	margin-bottom: 2em;
}
fieldset .tabs a, fieldset .tabs a:visited, fieldset .tabs a:active {
    /* preload rollover background */
    background: #adb3a2 url('/Media/Images/ui/bg_quick_tabsR.gif') repeat-x top left;
}
fieldset .tabs a, fieldset .tabs a:visited, fieldset .tabs a:active {
	/* set original background */
	background: #8d9284 url('/Media/Images/ui/bg_quick_tabs.gif') repeat-x top left;
	border: 1px solid #d2cbaf;
	color: #000;
	padding: 3px;
	font-size: 8pt; text-align: center; text-decoration: none;
	outline: none;
}
fieldset .tabs a:hover {
	background: #adb3a2 url('/Media/Images/ui/bg_quick_tabsR.gif') repeat-x top left;
	outline: none;
}
fieldset .tabs a.active {
	background: #e4ecd3;
	padding: 3px;
	color: #000;
	font-weight: bold;
	border: 1px solid #95c875;
	outline: none;
}

/* report pages */
#content.report #viewToplinks {
	width: auto;
	border-top: 1px dotted #808080;
	margin-bottom: 0;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	padding: 3px 3px 0 3px;
}
#content.report #viewToplinks a, #content.report #viewToplinks a:visited, #content.report #viewToplinks a:active {
	background: #8d9284 url('/Media/Images/ui/bg_quick_tabs.gif') repeat-x top left;
	color: #000;
	border: 1px solid #d2cbaf;
	font-weight: bold; text-decoration: underline;
	padding: 3px;
}
#content.report #viewToplinks a:hover {
	text-decoration: none;
	background: #adb3a2 url('/Media/Images/ui/bg_quick_tabsR.gif') repeat-x top left;
	padding: 3px;
}
#content.report .jsHighlight,
#content.report #viewToplinks a.jsHighlight {
	background: #e4ecd3;
	color: #000;
	padding: 3px;
	font-weight: bold; text-decoration: none;
}
#content.report .emHighlight,
#content.report #viewToplinks a.emHighlight {
	background: #e4ecd3;
	color: #000;
	font-weight: bold; text-decoration: none;
}
/* dialog classes */
#dialogModal {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 10%;
	background-color: #000;
	z-index: 1000;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
	opacity:.30;
}
#dialog {
	background-color: #EBF1DE;
	width: 300px;
	border: 1px #3c5066 outset;
	display: none;
	z-index: 1001;
	position: absolute;
}
#dialog.popupInfo {
    background: #fff;
}
#dialog.w450 {
    width: 450px;
}
#dialog.w550 {
    width: 550px;
}
#dialog.w670 {
    width: 670px;
}
#dialog.w710 {
    width: 710px;
}


#dialogCaption {
	width: 100%;
	background-color: #63AC35;
	color: #fff;
	cursor: move;
	clear: both;
	display: inline-block;
}

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

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

#dialogBody {
	width: 90%;
	margin-left: 5px;
	padding: 6px;
	line-height: normal;
}
#dialogBody.w100p {
    width: 100%;
    margin: 0; padding: 0;
}
#dialogBody h1 {
    color: #65AB3C;
    font-family: "Trebuchet MS",Times New Roman;
    font-size: 16pt;
    font-weight: bold;
    margin-top: 0.5em;
    padding: 0 30px 1px 0;
}
#dialogButtons {
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
}


/* Job Seeker Center */
.menuBlock {
	border-right: 1px outset inherit;
	border-bottom: 1px outset inherit;
	border-top: 1px inset inherit;
	border-left: 1px inset inherit;	
	background-color: #F4F4F4;
	margin-bottom: 0.5em;
	width: 100%; min-width: 170px;
	display: inline-block;
}
.menuBlock h2 {
	border-bottom: dotted 1px #808080;
	background-color: #85a0bd;
	color: #fff;
	font-size: 11pt; font-weight: bold;
	padding: 0.3em 0.5em 0.3em 1em;
	background: #1e588e url('/Media/Images/ui/bg_menuBlock_header.gif') no-repeat;
}
.menuBlock h2 span {
    display: inline-block;
    padding-right: 10px;
    background: url("/Media/Images/ui/bg_header_special.gif") no-repeat right;
}
.menuBlock ul {
	margin: 0.2em 0 0 0; padding: 0;
	width: 97%;
	list-style-type: none;
}
.menuBlock ul li {
	margin: 0;
	padding: 0.25em 0;
	width: 100%;
	border-top: solid 1px #fff;
	border-right: solid 1px #CBCBCB;
	border-bottom: solid 1px #CBCBCB;
	background: #F4F4F4 url('/Media/Images/ui/bg_menuBlock_item.gif') repeat-y left;
}
.menuBlock ul li.emptyItem {
    font-size: 3pt; line-height: 3pt;
    background: #F0F0F0;
}
.menuBlock ul li.emptyItem:hover {
    background: #F0F0F0;
}
.menuBlock ul li:hover {
	background-color: #FAFAFA;
	color: #f3f0e4;
	font-weight: normal;
}
.menuBlock a {
    font-family: Arial; font-size: 9pt; font-weight: bold; text-decoration: none;
    display: block;
    padding: 0 1.5em;
    color: #1e588e;
}
.menuBlock a:hover {
    text-decoration: none;
    color: #3c8015;
}
.menuColumn {
	float: left;
	vertical-align: top;
	margin: 0 0 0.5em 1.2em;
	padding: 0;
	width: 32%;
}
.menuColumn.last {
    margin-right: 0;
    margin-left: 0;
    float: right;
}
.menuColumn.first {
    margin-left: 0;
}
fieldset#JobCenterQuickNav {
    
}
#JobCenterMenu {
    width: 100%;
    float: left;
    clear: both;
    margin-top: 1em;
}
#JobCtrQuickNavCnt {
    padding-bottom: 0.5em;
    float: left;
    width: 100%;
}
#JobCenterQuickNav .menuBlock {
    /*border: solid 1px #B4B1A0;*/
    background: none;
    /*min-height: 11em;*/
    margin: 0 0.5em 0.5em 0; padding-right: 0.5em;
    width: 48%;
    float: left;
}
#JobCenterQuickNav .menuBlock .menuBlockCnt {
    float: left;
    /*min-height: 7em;*/
    width: 100%;
    margin: 0; padding: 0 0 0.5em 0;
}
#JobCenterQuickNav .menuBlock p.info {
    padding: 7px;
    margin: 0 !important;
}
#JobCenterQuickNav .menuBlock h2 {
    background: none;
    float: left;
    font-size: 9pt; line-height: 1.2em;
    width: 98%;
    border-bottom: none;
    margin: 0.3em 0 0 0.5em; padding: 0;
    color: #000;
}
#JobCenterQuickNav h2 span {
    background: none;
}
#JobCenterQuickNav h2 .title {
    float: left;
}
#JobCenterQuickNav h2 .title a {
    font-size: 9pt;
    margin-left: 0;
    float: none;
    display: inline;
}
#JobCenterQuickNav h2 a {
    float: right;
    margin-left: 0.5em;
    padding: 0;
    font-size: 7pt;
}
#JobCenterQuickNav h2 a.secondary {
    float: left;
    margin-left: 0.5em;
}
#JobCenterQuickNav h2 a:hover {
    text-decoration: none;
}

#JobCenterQuickNav table {
    width: 98%;
    margin: 0.3em 0 0 0.5em;
    border-right: solid 1px #7E7E7E;
    border-bottom: solid 1px #7E7E7E;
}
#JobCenterQuickNav table .tblAction a {
    background: url("/Media/Images/icons/iconsEdit.gif") no-repeat center center;
    height: 16px;
	text-align: center;
	display: block;
	float: none;
}
#JobCenterQuickNav table th {
    font-size: 9pt;
}
#JobCenterQuickNav table #col_DisplayName {
    width: 65%;
}
#JobCenterQuickNav table td a {
    overflow: hidden;
    word-wrap: break-word;
    max-width: 15em;
    float: left;
    font-size: 8pt;
}
.jsCenter #rightNav .ad {
    border-top: solid 2px #dcdcdc;
    padding: 5px 0 0 0;
    width: 100%;
}
.jsCenter #FeaturedCompanies ol,
.jsCenter #FeaturedCompanies li {
    width: 100%;
    text-align: center;
}
.jsCenter #FeaturedCompanies img {
    border: dotted 1px #ccc;
}
.jsCenter #FeaturedCompanies .footer {
    display: none;
}
.jsCenter h1,
.emCenter h1 {
    background: none;
}
.jsCenter #welcome,
.emCenter #welcome {
    width: 100%;
    float: left;
    margin-bottom: 1em;
}
.jsCenter #welcome #title,
.emCenter #welcome #title {
    float: left;
    width: 40%;
    padding-top: 1em;
}
.jsCenter #welcome #title.logged,
.emCenter #welcome #title.logged {
    padding-top: 0;
}
/*.jsCenter #welcome #title.logged,
.emCenter #welcome #title.logged {
    
}*/
.jsCenter #welcome #text,
.emCenter #welcome #text {
    float: left;
    width: 50%;
    margin-left: 2em;
    padding-left: 2em;
    border-left: solid 1px #D1D1D1;
}
.jsCenter #welcome #text ol,
.emCenter #welcome #text ol {
    list-style: none;
    padding-left: 2em;
    margin-top: 0.5em;
}
.jsCenter #welcome #text li,
.emCenter #welcome #text li {
    list-style-type: none;
}

.emCenter #rightNav {
    padding-left: 14px;
    margin-right: 6px;
}
.emCenter #loginCnt h2 {
    margin-top: 1em;
    margin-bottom: 0.3em;
}
.emCenter #loginForm {
    float: left;
    padding: 0;
    margin: 0;
}
.emCenter #loginForm h4 {
    display: none;
}
.emCenter #loginForm fieldset {
    width: 300px;
    min-width: 5em;
}
.emCenter #loginForm fieldset#inputfields {
    background: url('/Media/Images/ui/bg_fieldset_w300.gif') repeat-y;
    border-top: solid 1px #63AC35;
    border-bottom: solid 1px #63AC35;
    margin-left: 0;
}
.emCenter #loginForm label.required.info {
    display: none;
}
.emCenter #loginForm ol {
    margin: 1em 0 0 0.3em; padding: 0;
    float: left;
    width: 100%;
}
.emCenter #loginForm li {
    float: left;
    clear: both;
    margin: 0 0 0.3em 0; padding: 0;
    width: 100%;
}
.emCenter #loginForm li.formLinks {
    display: none;
}
.emCenter #loginForm #helpLinks {
    margin: 1em 0 1em 0.5em;
}
.emCenter #loginForm #helpLinks a {
    color: #1A5088;
    font-size: 8pt; font-weight: bold; text-decoration: none;
}
.emCenter #loginForm #helpLinks a:hover {
    color: #1A5088;
    text-decoration: underline;
}
.emCenter #adSelection {
    margin-top: 1.7em;
}
.emCenter #proDev input[type="text"] {
    font-size: 9pt;
    width: 90px;
}
.emCenter #proDev input[type="submit"] {
    font-size: 9pt;
}
.emCenter #rightNav .quickLinks {
    width: 300px;
}
.emCenter #rightNav .quickLinks .tabs a {
    font-size: 8pt;
}
.emCenter #rightNav .quickLinks .tabCnt a {
    font-size: 8pt;
}
.emCenter #rightNav .quickLinks .tabCnt {
    font-size: 8pt;
}

.emCenter #employerResources {
    width: 645px;
    float: left;
    clear: both;
}
.emCenter #employerResources h3 {
    background: #63AC35 url('/Media/Images/ui/bg_legend_fieldset3.gif') no-repeat top right;
    color: #fff;
    font-family: Georgia, Times New Roman; font-size: 10pt; font-weight: bold; text-transform: uppercase;
    margin: 0; padding: 1px 0 2px 20px;
}
.emCenter #employerResources .blog {
    width: 45%;
    margin-left: 1em;
    padding-top: 1em;
}
.emCenter #employerResources .blog li {
    margin-left: 1em;
}
.emCenter #employerResources #onPerformance {
    border-left: solid 1px #d9d9d9;
    padding-left: 3em;
}
.emCenter #dashboardUser {
    width: 300px;
    float: left;
    clear: both;
    margin-bottom: 1em;
}
.emCenter #dashboardUser fieldset {
    width: 300px;
    min-width: 5em;
    background: url('/Media/Images/ui/bg_fieldset_w300.gif') repeat-y;
}
.emCenter .dashboardColumn {
    float: left;
    width: 100%;
}
.emCenter .dashboardColumn table {
    width: 98%;
}

/* Rolls, featured jobs, etc. */
.roll {
	line-height: 110%;
	font-size: 8pt;
	color: #65645e;
}
.roll h2 {
	/*background: #738290;
	color: #7cd34a;
	padding: 8px 8px;*/
	font-family: Arial, Sans-Serif; font-size: 9pt; font-weight: bold; text-transform: uppercase; line-height: 20px;
    color: #000;
    background: none;
    padding: 0; margin: 0 0 0.5em 0;
}
/*.roll h2 span {
    display: inline-block;
    padding-right: 10px;
    background: url("/Media/Images/ui/bg_header_special.gif") no-repeat right;
}*/
.roll.left h2 {
	/*background: #666666;
	color: #65AB3C;*/
}

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

.roll a {
	font-weight: bold;
	font-size: 7pt;
	color: #806f58;
	font-size: 8pt;
	padding: 0px;

}
.roll.left a {
	color: #577595;
}

.roll .footer {
	font-size: 6pt;
	color: #000;
	padding-bottom: 2px;
	text-align: center;
	display:none;
}

/* Browse classes */
.browseContainer {
	margin-top: 3em;
}
.browse {
	width: 99%;
	font-size: 8pt;
	margin-bottom: 1em;
	clear: both;
    border-bottom: 1px dotted #65AB3C;
}

.browse h2 {
	color: #000;
	background-color: transparent;
	text-align: left;
	padding: 0.25em;
}
.browse ul {
	margin: 0px;
	padding-top: 0.8em;
	padding-right: 0.3em;
	padding-left: 0.5em;
	padding-bottom: 0.8em;
	width: 32%;
	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 {
	padding: 0 15px; 
	font-size: 0;
}
#breadcrumbs {
	font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; text-transform: none;
	color: #000;
	width: 100%; height: 15px; 
	padding-top: 6px 0 0 0;
}
#breadcrumbs .separator {
    background: url('/Media/Images/ui/dec_breadcrumbs_sep.gif') no-repeat 50% 50%;
    width: 5px; height: 5px;
    display: inline-block;
}
#breadcrumbs a, #breadcrumbs a:active, #breadcrumbs a:visited {
	font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; text-transform: none;
	color: #000;
	text-decoration: underline;
	padding: 1px 4px;
}
#breadcrumbs a.first {
    padding-left: 0;
}
#breadcrumbs a:hover {
    text-decoration: none;
}

#breadcrumbs #bcLinks {
	display: inline;
	float: left;
}
#breadcrumbs #bcUserInfo {
	display: inline;
	float: right;
}
#breadcrumbs #bcUserInfo a {
    padding-right: 0;
}

#header-breadcrumbs {
    float: right;
    width: 250px;
    color: #fff;
    font-size: 11px;
    margin-right: 20px;
    min-height: 50px;
    margin-top: 30px;
}
#header-breadcrumbs.logged {
    width: auto;
    max-width: 500px;
}
#header-breadcrumbs a {
    color: #fff;
    text-decoration: underline;
}
#header-breadcrumbs a:hover {
    color: #fff;
    text-decoration: underline;
}

/* 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;
}
.dashboardColumn.alone {
    width: 100%;
}
.dashboardColumn.left {
    float: left;
}
.dashboardColumn.right {
    float: right;
}
.dashboardReportsCnt {
    float: left; width: 48%;
    margin-left: 1em;
}
.dashboardReport {
	margin-top: 1em;
}
.dashboardReport.left {
    float: left;
    width: 48%;
}
.dashboardReportTitle {
	font-weight: bold;
	font-size: 9pt;
	color: #000;
}
.dashboardReportTitle a {
	vertical-align: top;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
}

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

/* *** Custom styles for JQuery autocomplete *** */
/* remove loading icon - to not confuse user if error occurs or smth not found */
.ui-autocomplete-loading { /*background: #fff !important;*/ }
/* customize width of autocomplete list - sometimes its width set to 100% so all page is covered with list */
.ui-menu { max-width: 300px !important; min-width: 180px; }
/* set autocomplete list above hints */
.ui-menu { z-index: 201 !important; }

/* 

	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: #fff;
}
#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 tr {
    margin-top: 2px;
}
.TableSectionDetail th, .TableSectionDetail td {
	border-bottom: 1px dotted #D8D8D8;
	border-left: 1px dotted #D8D8D8;
	padding: 4px 12px 4px 4px;
}
.TableSectionDetail.occurences th,
table.TableSectionLabelValue .TableSectionDetail.occurences th {
    width: 50%;
}
.TableSectionDetail.occurences td.date {
    text-align: right;
}
#ContainerButtonBar {
	margin-top: 10px;
}
input.ButtonView {
	background-color: #5F88B7;
	color: #fff;
	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 {
    /* preload rollover background */
    background: #8db3d7 url('/Media/Images/ui/bg_btn_smallForm_R.gif') repeat-x top left;
}
input.button {
	background: #8db3d7 url('/Media/Images/ui/bg_btn_smallForm.gif') repeat-x top left;
	border-top: solid 1px #7598bb;
	border-right: solid 1px #23466a;
	border-bottom: solid 1px #23466a;
	border-left: solid 1px #7598bb;
	color: #fff;
	padding: 3px;
	font-weight: bold;
	margin: 2px;
}
input.button:hover {
    background: #8db3d7 url('/Media/Images/ui/bg_btn_smallForm_R.gif') repeat-x top left;
    border-right: solid 1px #23466a;
	border-bottom: solid 1px #23466a;
}



.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;
}
/*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/iconsNoCheckGray.jpg") no-repeat center center;
	height: 17px;
	vertical-align: middle;
	text-align: center;
	/*width: 100%;*/
}
.editIcon {	
	background: url("/Media/Images/icons/iconsEdit.gif") no-repeat center center;
    height: 16px;
	text-align: center;
}
.calendarIcon {
    background: url("/Media/Images/icons/calendar.png") no-repeat center center;
    width: 20px; height: 20px;
    margin:1px; padding:0px;
    display: inline-block;
    vertical-align:middle;
}
.shareIcon {
    width: 16px; height: 16px;
	background: url('/media/images/icons/iconsShare.gif') no-repeat center center;
	margin: 1px; padding: 0;
    display: inline-block;
    vertical-align: middle;
}
/*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;
	clear: both;
}
.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 #ccc;
    color: #7b5937;
    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: #4d72a0;
	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*/
#accountForms,
#loginForms {
	width: 98%;
	clear: both;
	margin: 1em 0 1em 1em;
	float: left;
}

#loginForms #localAuth,
#loginForms #openAuth,
#accountForms #localAuth,
#accountForms #openAuth {
    width: 48%;
    float: left;
}
#loginForms #openAuth,
#accountForms #openAuth {
    float: right;
}

#loginForms fieldset,
#accountForms fieldset {
    width: 355px;
    min-width: 300px;
    /*background: url('/Media/Images/ui/bg_fieldset_w355.gif') repeat-y;*/
}
#loginForms #localAuth fieldset,
#loginForms #openAuth fieldset {
    min-height: 310px;
}
#loginForms fieldset.actionBar,
#accountForms fieldset.actionBar {
    background: none;
}
#loginForms fieldset a,
#accountForms fieldset a {
    font-size: 8pt;
}

#loginForms #openAuth fieldset ol,
#accountForms #openAuth fieldset ol {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    float: left;
    width: 100%;
}
#loginForms #openAuth fieldset li,
#accountForms #openAuth fieldset li {
    margin: 0; padding: 0;
    width: 100%;
}
#loginForms #openAuth #openid_choice,
#accountForms #openAuth #openid_choice {
    max-width: 250px;
    margin: 0 auto;
}
#loginForms #localAuth fieldset li,
#accountForms #localAuth fieldset li {
    padding-bottom: 0.4em;
}

/*openID selector styles - start*/ 
/* Image in Text Box */
#openid_input_area {
    margin: 0; padding: 0;
    width: 190px;
}
#openAuth #openid_form a {
    float: left;
}
#openid_input_area p {
    font-size: 8pt;
    text-align: left;
    margin: 0; padding: 0;
}
#openid_input_area input[type="text"] {
    margin: 0;
}
.openid_inputfield {
    background: #FFF url(/media/images/authproviders/openid-inputicon.gif) no-repeat 4px 4px;
    padding: 4px 4px 4px 22px;
    margin-right: 4px;
    border: 1px solid #CCC;
    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*/

.searchEvents .actionBar {
	width: 6em;
}
.searchEvents .titledRecord {
	min-height: 6em;
	clear:both;
}

.wellKnownSearch li.save {
    display: none;
}



.blog {
    float: left;
    margin: 0 0 1em 0; padding: 0;
    width: 100%;
}
.blog h2 {
    font-family: Arial, Sans-Serif; font-size: 9pt; font-weight: bold; text-transform: uppercase; line-height: 20px;
    color: #000;
    background: none;
    padding: 0; margin: 0 0 0.5em 0;
}
.blog ul,
.blog ol {
    list-style: none;
    margin: 0; padding: 0;
    float: left;
}
.blog li {
    font-size: 8pt; line-height: 11pt;
    margin: 0 0 0.7em 0; padding: 0;
    float: left;
    clear: both;
    width: 100%;
    border: none;
}
.blog a {
    font-family: Verdana, Arial; font-size: 8pt; font-weight: bold; text-decoration: none;
    color: #1a5088;
}
.blog a:hover {
    text-decoration: underline;
    color: #000;
}
.blog a.main {
    font-size: 7pt; text-transform: uppercase;
    color: #c86234;
}
.blog a.main:hover {
    color: #c86234;
}

#content .blog p {
    text-align:left;   
}

.blog .more,
.blog p.more,

#content .blog p.more {
    width: 80%;
    text-align: right;
}
.blog .more a {
    font-size: 7pt !important; text-transform: uppercase;
    color: #000;
}
.blog .more a span {
    color: #336699;
}


.ad {
    margin: 1em 0;
    float: left;
    clear: both;
    text-align: center;
}
#rightNav .ad {
    width: 100%;
}
.ad a {
    margin: 0 auto;
}


.hLine {
    border-bottom: solid 1px #d9d9d9;
    display: block;
    clear: both;
    width: 98%;
    margin: 1em;
}
.leftCnt {
    float: left;
    width: 340px;
    border-right: solid 1px #d9d9d9;
    padding: 0 0 1em 20px;
    margin: 1.5em 0;
}
.rightCnt {
    float: left;
    width: 270px;
    padding-left: 10px;
    margin: 1.5em 0 0 0;
}

.leftCnt.w310 {
    width: 310px;
}
.rightCnt.w300 {
    width: 300px;
}
.rightCnt.w290 {
    width: 290px;
}
.leftCnt.w45p,
.rightCnt.w45p {
    width: 45%;
}
.rightCnt.w45p {
    margin-left: 3em;
}

ul.tsj,
#content.article ul.tsj {
    margin: 0 0 0 0.5em; padding: 0;
    float: left; clear: both;
    width: 100%;
}
ul.tsj li {
    margin: 0 0 0 0.8em; padding: 0 0 0 0.6em;
    float: left; clear: both;
    width: 95%;
    background: url('/Media/Images/ui/bg_product_header.gif') no-repeat 0 8px;
}




#popularStories {
    clear: both;
    float: left;
    width: 100%;
}
#popularStories .tabs {
    float: left; 
    width: 100%;
}
#popularStories .tabs a {
    background: #F0F1E4;
    border-top: solid 1px #999999;
    border-right: solid 1px #999999;
    border-bottom: none;
    border-left: solid 1px #999999;
    float: left; 
    margin: 0; padding: 1px 2% 1px;
    color: #000;
    font-family: Verdana, Arial; font-size: 10px;
}
#popularStories .tabs a.active {
    background: #fff;
}
#popularStories .tabs a:hover {
    text-decoration: underline;
}
#popularStories .tabCnt {
    width: 100%;
    float: left;
    clear: both;
}
#popularStories p {
    font-family: Verdana, Arial; font-size: 11px; font-weight: bold;
    color: #627D8F;
    margin: 0 4px; padding: 4px 0;
}
#popularStories p a {
    font-size: 11px; font-weight: bold; text-decoration: none;
    color: #336699;
}
#popularStories p a:hover {
    text-decoration: underline;
    color: #000;
}


#careerCorner h2 {
    width: auto;
    float: left;
}
#careerCorner .aaee {
    float: right;
    border: solid 1px #7f7f7f;
    padding: 2px;
    width: 45px;
    margin-right: 1em;
}
#careerCorner .more {
    float: left;
    clear: both;
    margin-right: 3em;
    margin-top:1em;
}
#careerCorner ul {
    width: 71%;
}
#careerCorner li a {
    font-size: 12px;
}
#careerCorner li.aaee {
    float: left;
    width: 25%;
    clear: none;
    border: solid 2px #7f7f7f;
    padding: 2px;
    margin-left: 2em;
}
#careerCorner li.more {
    width: 80%;
}



#proDev .links {
    float: left;
    width: 100%;
}
#proDev .search {
    float: left;
    width: 100%;
    clear: both;
}
#proDev .links a {
    float: left;
    clear: both;
    font-size: 8pt;
    margin-left: 0.5em;
}
#proDev .links a.main {
    margin-left: 0;
}
#content #proDev .search p {
    margin: 0;
}
#content #proDev p.more {
    margin: 0.5em 0;
}
#proDev .search form {
    float: left;
}
#proDev input[type="text"] {
    border: solid 1px #9eb4ca;
    padding: 1px 0;
    width: 100px;
}
#proDev input[type="submit"] {
    border: solid 1px #505050;
    padding: 0;
    color: #000;
    background: #fff;
}

#resourceListing p {
    font-size: 8pt;
}

#onPerformance h2,
#onPerformance h2 a,
#careerCorner h2,
#careerCorner h2 a,
#k12TalentManager h2,
#k12TalentManager h2 a {
    color: #C86234;
    line-height: 150%;
}
#onPerformance li,
#k12TalentManager li {
    list-style-type: disc;
    margin-left: 1em;
}



/* HomePage styles */
#home #breadcrumbsContainer {
    display: none;
}
#home #rightNav .ad {
    border-top: solid 2px #dcdcdc;
    border-bottom: solid 2px #dcdcdc;
    margin: 0; padding: 5px 0;
    width: 100%;
}
#home .hLine {
    width: 100%;
    margin: 0;
}
#home .leftCnt {
    margin-bottom: -2000em;
	padding-bottom: 2000em;
	padding-right: 1em;
}
#home #jobs {
    width: 100%;
    float: left;
    background: #ebf1de url('/Media/Images/ui/bg_homeSearch_fieldset.gif') no-repeat 100% 20px;
    margin: 0.5em 0 0 0;
    border-bottom: 8px solid #1e588e;
}
#jobs a {
    color: #1A5088;
    text-decoration: underline;
}
#jobs a:hover {
    color: #000000;
    text-decoration: none;
}
#jobs #browseJobs {
    float: left;
    margin: 0 0 0 20px;
    padding-bottom: 1em;
}
#jobs #browseJobs h2 a {
    text-decoration: underline;
    color: #000;
}
#jobs #browseJobs h2 a:hover {
    text-decoration: none;
}
#jobs #browseJobs ul {
    float: left;
    margin: 0 14px 0 0; padding: 0;
    list-style: disc;
}
#jobs #browseJobs li {
    margin-left: 14px;
}
#jobs #browseJobs li a {
    font-weight: bold;
}
#home #FeaturedJobs p {
    margin: 0;
    font-size: 8pt;
}
#home #FeaturedJobs p.company {
    
}
#home #FeaturedJobs p.location {
    font-style: italic;
}
#home #FeaturedJobs .footer {
    display: none;
}
#home #FeaturedJobs .all {
    float: right;
    width: auto;
}

#home #FeaturedCompaniesCont.blog {
    padding-top: 1em;
    border-top: solid 2px #dcdcdc;
    margin-bottom: 0.3em;
    text-align: center;
}
#home #FeaturedCompanies h2 {
    display: none;
}
#home #FeaturedCompanies.roll {
	width: 100%;
	clear: both;
	float: left;
}
#home #FeaturedCompanies li a {
    font-size: 1pt; line-height: 1pt;
}
#home #FeaturedCompanies img {
    border: dotted 1px #ccc;
}
#home #FeaturedCompanies .footer {
    display: none;
}
#home #FeaturedCompanies .all {
    float: right;
    width: auto;
    display: none;
}

#home #proDev {
    border-top: solid 2px #dcdcdc;
    padding-top: 1em;
}
#home #popularStories {
    margin-top: 1em;
}

#home .quickLinks .footer {
    background: #63ac35 url('/Media/Images/ui/bg_legend_fieldset5.gif') no-repeat top right;
}
#home .quickLinks h2 {
    background: #63ac35 url('/Media/Images/ui/bg_legend_fieldset5_rounded.gif') no-repeat top right;
}

#home .blog h2 {
    font-size: 8pt;
}
#home #careerResources {
    border-top: solid 2px #dcdcdc;
    padding-top: 1em;
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 11px;
}
#home #careerResources li a {
    font-size: 12px;
}

#home #resourceListing {
    border-top: solid 2px #dcdcdc;
    padding-top: 1em;
}

fieldset#jobSearchHome {
    border: none;
    margin: 0; padding: 0;
    width: 100%;
    float: left;
    min-width: 100%;
    background: none;
}
fieldset#jobSearchHome h4 {
    background: #1e588e url('/Media/Images/ui/bg_legend_fieldset2_rounded.gif') no-repeat 100% 0;
    font-family: Georgia, Times New Roman; font-size: 10pt; font-weight: bold; text-transform: uppercase;
    color: #fff;
    margin: 0; padding: 1px 0 2px 20px;
    border: none;
}
fieldset#jobSearchHome ol {
    width: 100%;
    float: left;
    padding: 0;
    margin-left: 8px;
}
fieldset#jobSearchHome ol li {
    width: auto;
    float: left; clear: none;
    margin: 0 7px 0 0; padding: 0 0 0 0;
}
fieldset#jobSearchHome ol li a {
    font-size: 8pt; font-weight: bold;
}
fieldset#jobSearchHome ol li#keywords {
    width: auto;
}
fieldset#jobSearchHome ol li#searchButtonCnt {
    width: auto;
    
}
fieldset#jobSearchHome ol li#searchAdvCnt {
    width: auto;
    clear: both;
    margin-right: 1.5em;
    min-width: 120px;
}
fieldset#jobSearchHome ol li#searchButtonCnt input#btnSearch {
    padding: 2px;
}
fieldset#jobSearchHome input[type="text"] {
    margin: 0;
    width: 240px;
}


table.products {
    border: solid 1px #E0E0E0;
    margin: 1em auto;
}
table.products h3 {
    font-family: Verdana, Arial; font-size: 9pt; font-weight: bold;
    color: #000;
    background: url('/Media/Images/ui/bg_product_header.gif') no-repeat 0 4px;
    padding-left: 8px;
}
table.products h3 a {
    text-decoration: none;
    color: #336699;
}
table.products h3 a:hover {
    text-decoration: underline;
}
table.products tr.hover,
table.products td.hover {
    background-color: #e1eaf3;
}
/*table.products tr:hover th,
table.products tr:hover td[colspan="4"],
table.products#main tr {
    background: #fff;
}*/
table.products th {
    border-bottom: solid 1px #E0E0E0;
    font-family: Arial; font-size: 8pt; font-weight: bold; text-align: left;
    color: #585858;
    padding: 10px 10px 0;
}
table.products td {
    border-right: dotted 1px #E0E0E0;
    padding: 7px;
    font-family: Verdana; font-size: 8pt; line-height: 130%; text-align: left;
    vertical-align: top;
    width: 24%;
}
#content table.products td p {
    text-align: left;
}
table.products td.title {
    font-family: Verdana; font-size: 8pt; font-weight: bold;
    width: 27%;
}
table.products td ul {
    margin: 0 0 0 0.5em; padding: 0;
}
table.products td ul li {
    margin: 0 0 0 0.5em; padding: 0;
}
table.products td.title ul {
    margin-left: 1.5em;
}
table.products td.title ul li {
    font-style: italic;
}
table.products .sectTitle {
    border: double 3px #787878; 
    color: #484848;
    background: #E0E0E0;
    font-family: Tahoma; font-size: 10pt; font-weight: bold; text-align: center; line-height: 12pt;
    width: 100px;
    padding: 2px 10px;
}


.popupCnt#enhancements table {
    border: solid 1px #000;
}
.popupCnt#enhancements table th, .popupCnt#enhancements table td {
    border-bottom: solid 1px #000;
    padding: 0.5em;
}
.popupCnt#enhancements table th {
    border-right: solid 1px #000;
    text-align: center;
    width: 9em;
}
.popupCnt#enhancements table th.green {
    background-color: #B1D59D;
}
.popupCnt#enhancements table th.blue {
    background-color: #9FB4D2;
}


.quickLinks {
    float: left; clear: both;
    width: 100%;
    margin: 0.5em 0 1em 0; padding: 0;
    background: #ebf1de;
}
.quickLinks .footer {
    background: url('/Media/Images/ui/bg_legend_fieldset3.gif') no-repeat -259px 0;
    height: 8px;
    font-size: 8px; line-height: 8px;
    float: left; clear: both;
    width: 100%;
}
.quickLinks h2 {
    background: url('/Media/Images/ui/bg_legend_fieldset3.gif') no-repeat -259px 0;
    color: #fff;
    font-family: Georgia, Times New Roman; font-size: 10pt; font-weight: bold; text-transform: uppercase;
    margin: 0; padding: 1px 0 2px 20px;
}
.quickLinks .tabs {
    background: #fff;
    float: left;
    width: 100%;
}
.quickLinks .tabs a {
    /* preload rollover background */
    background: #adb3a2 url('/Media/Images/ui/bg_quick_tabsR.gif') repeat-x top left;
}
.quickLinks .tabs a {
    font-size: 9pt; text-transform: none;
    color: #000;
    /* set original background */
    background: #8d9284 url('/Media/Images/ui/bg_quick_tabs.gif') repeat-x top left;
    border: none;
    margin-right: 3px; padding: 2px 4pt;
    float: left;
}
.quickLinks .tabs a:last-child {
    margin-right: 0;
}
.quickLinks .tabs a:hover {
    background: #adb3a2 url('/Media/Images/ui/bg_quick_tabsR.gif') repeat-x top left;
}
.quickLinks .tabs a.active {
    background: #e4ecd3;
    font-weight: normal;
}
.quickLinks .tabCnt {
    color: #000;
    font-size: 9pt; font-weight: bold;
    padding: 0.7em 0 0.7em 0.5em;
    width: 100%;
    float: left;
    clear: both;
}
.quickLinks .tabCnt a {
    color: #000;
    font-size: 9pt; font-weight: bold; text-decoration: none;
}
.quickLinks .tabCnt a:hover {
    color: #1A5088;
    text-decoration: underline;
}
#printDates {
    float:left;width:40%;text-align:left;vertical-align:middle;font-size:8pt;
}
#printDates label {width:auto;font-size:8pt;font-weight:bold;margin-left:3px;}


#JobsNearMeCnt.inPage {
    width: 80%;
    margin: 0 auto;
}
#JobsNearMeCnt.inPage ol {
    float: left;
    border-top: solid 2px #266ca0;
    border-right: solid 3px #226292;
    border-bottom: solid 3px #2d7100;
    border-left: solid 3px #266ca0;
    margin: 1em 0;
    background: url('/Media/Images/tsj_small_logo.png') no-repeat 98% 97%;
    min-height: 6em;
}
#JobsNearMeCnt.inPage li {
    border: none;
    float: left;
    width: 31%;
    border-left: solid 1px #387a10;
    font-size: 9pt; line-height: 12pt;
    padding-left: 1em;
}
#JobsNearMeCnt.inPage li:first-child {
    border-left: none;
}
#JobsNearMeCnt.inPage li a {
    float: left;
    font-size: 9pt; 
}
#JobsNearMeCnt.inPage li .company {
    display: block;
    clear: both;
}
#JobsNearMeCnt.inPage li .location {
    display: block;
    font-weight: bold;
}
#NearJobs li a {
    color: #000;
}
#NearJobs li.all {
    display: none;
}
#NearJobs li.new {
    display: none;
}

.boldLetter {
	 font-weight:bolder;
}
#content.report .browse .boldLetter 
{
     font-family:"Trebuchet MS",Times New Roman;
	 font-size: 10pt;
	 margin-top: 3px;
	 margin-bottom: 3px;
}
.wait {
    position:fixed;  
    top:0;  
    right:0;  
    bottom:0;  
    left:0;  
    height:100%;  
    width:100%;  
    margin:0;  
    padding:0;
	background-color: #999999;
	z-index:1000;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	opacity:.75;
	background-image: url(/Media/Images/ui/dec_ajax_loading_transp_bg.gif);
	background-position: center;
	background-repeat:no-repeat;
}
#printAd p 
{
    font-size:8pt;
    display:block;
    text-align:left;
}
/*jobs near banners*/
#hfrm {
	width: 728px;
	height: 90px;
	border: 0px; 
	padding: 0px;
	margin:0px;
	background-color: white;
}
	
	
#vfrm {
	width: 160px;
	height: 600px;
	border: 0px; 
	padding: 0px;
	margin:0px;
	background-color: white;
}