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

GLOBAL

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


body { font-family: Arial, sans-serif; margin: 2px 5px; background-color: #fff; }

h1, h2, h3, h4, h5, h6, p { margin: 0; }

p { margin-bottom: 1em; }

h1 { font-size: 24px; margin-bottom: 0.8em; margin-left: 0.35em; line-height: 1.1em; font-weight: normal; }

a img { border: 0; }

/* header/footer styles for indeed compatibility */
.bars {
	background-color: #C4D8E2;
}

a.advanced {
	font-size: 8pt
}

.action {
	font-size: 10pt;
	font-weight: bold
}

b.orangeb {
	color: #FF6600
}

.footer {font-size: 10pt; text-align:center}

#head {
	background: #EBEBEB;
	padding: 10px;
	border-top: 2px solid #ccc;
	margin-bottom: 1em;
}



/* ----- ERRORS ----- */

.error_msg { color: #c00; }



/* ---- FORMS ---- */

.line_item						{ padding: 6px 0; margin-bottom: 0.25em; }
.line_item .line_item_title 	{ font-weight: bold; margin-bottom: 0.25em; }



/* ---- BREADCRUMBS ---- */

.breadcrumbs 				{ padding: 0 1em 0.25em 1em; margin-top: -0.25em; color: #999; }

.breadcrumbs .label 		{ font-family: 'Arial Rounded MT Bold'; font-weight: normal; color: #2164f3; text-transform: lowercase; text-decoration: none; font-size: 1.2em; margin-right: 0.25em; }


/* ---- WINDOWSHADES ----- */
.windowshade,
.windowshade_selected 	{ color: #00c; text-decoration: underline; padding-left: 14px; background: center left no-repeat; cursor: pointer; _cursor: hand; }

.windowshade 			{ background-image: url( /images/arrow-right-blue.gif ); }

.windowshade_selected 	{ background-image: url( /images/arrow-down-blue.gif ); }



/* 

SALARY.CSS

*/


body {  font-size: 13px; font-family: Arial, sans-serif; }

a,
a:link,
.link 		{ text-decoration: underline; color: #00c; cursor: pointer; }

a:visited	{ color:#551a8b; }

a:active	{ color:#f00; }



br.clear { clear: both; }
.tip { color: #666; }

#salary_query_form .input_submit { font-size: 13px !important; }


/*

SECTION

*/

h1 { text-align: left; margin-right: 57px; }

.action { font-weight: normal; font-size: 1em; }


input.default { color: #666; }

.header_style_1 				{ font-size: 14px; border-bottom: 2px solid #9cf; padding-bottom: 2px; margin-bottom: 0.8em; }
.header_style_2 				{ font-size: 13px; margin: 0; }

#salary_interface 				{ font-size: 12px;  }

#salary_interface td,
#salary_interface div,
#salary_interface p,
#salary_interface a 			{ font-size: inherit; }

.form_controls table 				{ width: 100%; }
.form_controls table td 			{  _vertical-align: middle; _vertical-align: top;  }
.form_controls td.primary 			{ text-align: right; }
.form_controls td.primary label 	{ _vertical-align: top; }
/* 

PAGES

*/

/* --- salary_index --- */

#head														{ padding: 0; height: 15px; }
#head .sectionTitle 										{ color: rgb(128, 128, 128); margin: 0; font-size: 13px; font-weight: bold; }

#salary_interface_wrapper									{ text-align: center; }
#salary_interface											{ margin: 0 auto; width: 836px; }

#salary_interface #sidebar									{ float: left; text-align: left; width: 200px; margin-bottom: 2em; }
#salary_interface #mainContent								{ float: left; text-align: left; width: 600px; padding-left: 12px; margin-right: 24px; margin-bottom: 2em;}

#salary_interface #sidebar #sample_salary_queries 			{ margin-bottom: 2em; }
#salary_interface #sidebar #sample_salary_queries_list 		{ margin-top: 0.5em; padding-left: 0; margin-left: 1.5em;  }
#salary_interface #sidebar #sample_salary_queries_list li 	{ margin-bottom: 0.5em; }

#salary_interface #discuss 						{ margin-bottom: 2em; }

#inputLabels									{ border-bottom: 2px solid #9cf; padding-bottom: 2px; padding-left: 12px; margin-bottom: 0; }




#whatLabel,
#whereLabel										{ font-weight: bold; font-size: 14px; }

#whatLabel 										{ float: left;  width: 220px; margin-right: 6px; }

.inputDescription								{ color: #666; font-size: 10px; font-family: Arial, sans-serif; font-weight: normal; display: none; margin-top: 2px; }

.query_1 .inputDescription						{ display: block; }

#salary_query 									{ margin-bottom: 1.5em;  }

#salary_query .add,
#salary_query .remove,
#salary_query .clear 							{ color: #00c; text-decoration: underline; cursor: pointer; _cursor: hand;  }

#salary_query .add,
#salary_query .clear 							{ margin-left: 4px; }

#salary_query.num_queries_1 .remove 			{ display: none; }

#salary_queries									{ padding: 6px; background-color: #eaeffa; /* overflow fixes rendering defect in Safari */ overflow: auto; }

#salary_query fieldset							{ border: 0; margin: 0 0 0px 0; padding: 0 6px; }

#salary_query fieldset legend					{ display: none; }

#salary_query fieldset .line_item 				{ float: left; margin-right: 6px; padding: 3px 0;}
#salary_query fieldset .line_item_title 		{  }

#salary_query fieldset .line_item .input_text 	{ width: 220px; }

#salary_query .form_actions 					{ padding-top: 6px; }


#salary_display 								{  }

#salary_display .caption						{ text-align: center; margin-bottom: 2em; }

.salary_display_table_wrapper					{ padding: 2px; border: 1px solid #ddd; margin-bottom: 1em; clear: both;  }


/* --- Bar Graph Styles --- */
.bar_graph 										{ width: 100%; border-spacing: 0; }

.bar_graph th,
.bar_graph td 									{ background-color: #ebebeb; }

.bar_graph th									{ font-weight: normal; }

.bar_graph tbody .col_a 						{ border-top: 3px solid #fff; text-align: right; }
.bar_graph tbody .col_b							{ width: 12%; border-right: 3px solid #fff; border-top: 3px solid #fff; text-align: center; }
.bar_graph tbody .col_c							{ width: 50%; }

.bar_graph tbody .row_1 .col_a,
.bar_graph tbody .row_1 .col_b					{ border-top: 0; }


.bar_graph tbody .col_a h2 						{ font-size: 12px; padding: 3px; }
.bar_graph tbody .col_a h2 .job_title			{ font-size: 12px; }
.bar_graph tbody .col_b .salary 				{ font-size: 12px; font-weight: bold; }

.bar_graph tbody .col_a h2 						{ padding: 6px 8px 6px 24px;}
.bar_graph tbody .col_b .salary					{ display: block; padding: 6px 8px; }

.bar_graph tbody th 							{ text-align: left; padding: 6px 8px 6px 24px; }
.bar_graph tbody th p 							{ margin-bottom: 0; }

.bar_graph tbody .col_c							{ background: #f9f9f9 url( /images/salary/bars_bg.png ) top left repeat-y; }

.bar_graph tbody .col_c .query_1 				{ background-color: #f60; }
.bar_graph tbody .col_c .query_2  				{ background-color: #2668f3; }
.bar_graph tbody .col_c .query_1  				{ background-color: #ff6600; }
.bar_graph tbody .col_c .query_2  				{ background-color: #2164f3; }
.bar_graph tbody .col_c .query_3  				{ background-color: #3bb000; }
.bar_graph tbody .col_c .query_4  				{ background-color: #000; }
.bar_graph tbody .col_c .query_5  				{ background-color: #d70000; }
.bar_graph tbody .col_c .query_6  				{ background-color: #ff0; }
.bar_graph tbody .col_c .query_7  				{ background-color: #609; }
.bar_graph tbody .col_c .query_8  				{ background-color: #099; }
.bar_graph tbody .col_c .query_9  				{ background-color: #f90; }
.bar_graph tbody .col_c .query_10 				{ background-color: #9f0; }
.bar_graph tbody .col_c .query_11 				{ background-color: #c09; }
.bar_graph tbody .col_c .query_12 				{ background-color: #fc0; }
.bar_graph tbody .col_c .query_13 				{ background-color: #309; }

.bar_graph tbody .col_c .bar 					{ height: 1.25em; margin-top: 3px; }

.bar_graph tfoot th 							{ border-top: 3px solid #fff; text-align: right; font-size: 10px; font-family: Arial, sans-serif; }
.bar_graph tfoot th span						{ padding: 6px 8px; display: block; }
.bar_graph tfoot .col_a span					{ padding: 6px 8px 6px 24px; }
.bar_graph tfoot .col_a 						{ border-right: 3px solid #fff; border-top: 3px solid #fff;  text-align: right;  }

.bar_graph tfoot .col_b,
.bar_graph tfoot .col_c							{ border-right: 3px solid #fff; }





#related_salaries 													{ margin-top: 3em; }

#related_salary_display_table h2 									{ font-weight: normal; }

#related_salary_display_table .job_title,
#related_salary_display_table .salary								{ font-size: 12px; font-weight: normal; }


#share 						{ margin-bottom: 1.5em; }

#post,
#email 						{ margin-bottom: 1.5em; }

#post h2,
#email h2 					{   }

#discuss 					{ margin-top: 1.5em; }

#post						{  }
#post .input_textarea		{ width: 190px; }

#share .col 				{ width: 45%; float: left; }
#share #right_col 			{ margin-right: 10%; }
#share .header_style_1 		{  }


.results_description 						{ margin-bottom: 2em; _height: 1%; }
.results_description .actions 				{ list-style-type: none; margin: 0; padding: 0;  }
.results_description .previous 				{ float: left; margin-right: 0.5em; }
.results_description .next 					{ float: left; }


#salary_interface .default_description 		{ text-align: left; font-weight: bold;  }
#salary_interface .default_description p 	{ font-size: 16px; }

#sample_graph 								{ margin-top: 0.5em; margin-bottom: 0.5em; }

#about_salary									{ margin: 0; padding-top: 16px; }
#about_salary #methods							{ padding: 10px 24px; background-color: #f9f9f9; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
#about_salary h1 								{ margin-left: 24px; }
#about_salary p,
#about_salary li,
#about_salary a,							
#about_salary h2 								{ font-size: 12px; }
#about_salary .actions							{ text-align: right; padding: 10px 24px; }

.salary_trends img								{ border-style: solid; border-color: #ebebeb; border-width: 2px; }

a.open {
    background: url( /images/arrow-down-blue.gif ) left center no-repeat;
    padding-left: 15px;
}

a.closed {
    background: url( /images/arrow-right-blue.gif ) left center no-repeat;
    padding-left: 15px;
}

.ws_content {
    margin-top: 6px;
    border: 1px solid #ccc;
    background: #ebebeb;
    padding: 6px;
}

.ws_content textarea {
    width: 180px;
}

.ws_content .error_msg {
    margin: 0.5em 0pt 0.5em 20px;
    padding-left: 0pt;
}

.ws_content .error_msg li {
    color: #c00;
}

.ws_content p {
    margin-bottom: 0;
}

.ws_content .lineItem {
    margin-bottom: 6px;
}