/** $Id: admin.css,v 1.24 2004/04/20 12:52:13 jdurham Exp $
 * Admin area stylesheet
 *
 * Copyright 2003, Fusionary Media
 */


body {
	background-color:#F1F6F8;
	font-family: trebuchet MS, trebuchet, verdana, arial, sans-serif;
	font-size: small;
	color: #000;
	padding: 0px;
	margin : 0px;
}

a {
	color: #CC0000;
}

a:hover	{
	color: #f00;
}

p {
	padding: 0px 0px 10px 0px;
	margin : 0px;
	width: 100%;
}

h1,h2,h3,h4 { font-family: trebuchet MS, trebuchet, verdana, arial, sans-serif; }
h1 {
	font-size: 20px;
	color: #000;
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

h2 {
	font-size: medium;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	color: #000;
}
.box h2 {
	font-size: medium;
	padding: 5px;
	margin: -10px -10px 10px -10px;
	color: #000;
}

h3 {
	font-size: small;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	color: #000;
}
h4 {
	font-size: small;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	color: #000;
}
table { width: 100%; }

form {
	padding: 0px;
	margin: 0px;
}

fieldset {
	font-family: Arial, Helvetica, Sans-Serif;
	border: 1px solid #c2d0d6;
	margin: 0px;
	margin-top: 20px;
	font-size: small;
}
fieldset {
	voice-family:inherit;
	width: 97%;
}

html>body fieldset {
	width: 97%;
}



legend {
	font-size: 18px;
	font-weight: bold;
	color: #5C91A3;

	padding-bottom: 10px;
}


label {
	font-weight: bold;
	margin-right: 4px;
}

form td { vertical-align: top; }

#container {
	background-color:#F1F6F8;
}

#page-header { position: relative; }
#page-header img {
  display: block;
  margin-bottom: 16px;
}
#page-header #survey_title {
  text-align: left;
  background: #4991e5;
  margin: 0 -20px 30px;
  padding: 9px 20px;
  font-size: 24px;
  font-weight: normal;
  border-top: 4px solid #2b6ebc;
  color: #fff;
  text-shadow: 0 1px 2px #316fc6;
}

#hsi_logo {
	padding: 10px;
	height: 100%;
	clear: left;
}

#client_logo {
	background-color:#FFFFFF;
	border-right: 1px solid #81B2C1;
	padding: 5px;
	height: 100%;
}

#survey_title {
	width:100%;
	font-size: 16px;
	font-weight: bold;
	vertical-align:middle;
	text-align:center;
}

#tool-nav {
	float:right;
	font-size: xx-small;
	font-weight: bold;
	margin: 0;
	padding-right:10px;
}
#footer
{
	width: 100%;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	color: #83a4b2;
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom: 30px;
}

.login-form {
	width: 352px;
}

/*
 * Admin menu
 */

#container {
	text-align: center;
}
#page-holder {
	padding: 18px 20px;
	text-align: left;
	margin: 30px auto 20px;
	background-color: #fff;
	border-top: none;
	width: 820px;
	box-shadow: 0 1px 5px 0 rgba(123, 151, 162, .75);
}

#page-content {
	background : #fff;
	clear : both;
	margin : 0 auto;
}

/* .box class with ie5 hack */
.box {
	width: 97%;
	border: 1px solid #C2D9E1 ;
	padding: 10px;
	position: relative;
}

.box {
	width: 97%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 97%;
}

html>body .box {
	width: 97%;
}
/* end .box class with ie5 hack */

.box p, .box div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: auto;
	}

.box h3 {
	font-size: 14px;
	font-weight: bold;
	color: #5C91A3;
	background-color: #fff;
	margin-top: -20px;
}
html>body .box_right{
	width: 160px;
}

/*.right class with ie5 hack*/
.right {
	width: 180px;
	float:right;
}
.right {
	width: 200px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 180px;
}

html>body .right {
	width: 180px;
}
/*end .right class with ie5 hack*/


/*.left class with ie5 hack*/
.left {
	width: 480px;
}
.left {
	width: 500px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 480px;
}

html>body .left {
	width: 538px;
}
/* end .left class with ie5 hack*/

.recordset {
	margin: 0px;
	clear: both;
}

.recordset td, #tsorter th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 10px 5px 0px;
}

#tsorter th {
	font-weight:bold;
	text-align: left;
	padding: 5px;
}

table.career_seekers th { text-align: left; }
table.career_seekers th.hiredcol { text-align: center; }
.recordset .external {
	text-align: center;
	width: 55px;
}

.form-label-cell {
	width: 209px;
}

.form-field-cell {  }

.instructions { font-size: x-small; }

#theform .form-button,
.form-button {
	font: 11px arial,helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1;
	color: #333333;
	cursor: pointer;
	cursor: hand;
	background-image : url(../admin/images/form_btn_tile.gif);
	background-color : White;
}

#theform a.form-button {
	text-decoration: none;
	line-height: 18px;
	border: 2px solid #fff;
	border-color: #fff #999 #888 #fff;
	padding: 2px 8px;
}

/*
 * Admin menu
 */
#navlist
{
	text-align: left;
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #778;
	font: smaller Verdana, sans-serif;
	font-weight: bold;
	font-size:10px;
}

#navlist li
{
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
}

#navlist li a:link { color: #667; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
	color: #fff;
	background: #AAE;
}

body.section-1 #navlist li#nav-1 a,
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a,
body.section-5 #navlist li#nav-5 a,
body.section-6 #navlist li#nav-6 a,
body.section-7 #navlist li#nav-7 a,
body.section-8 #navlist li#nav-8 a

{
	background: white;
	border-bottom: 1px solid white;
}

body.section-1 #navlist li#nav-1 a:hover,
body.section-2 #navlist li#nav-2 a:hover,
body.section-3 #navlist li#nav-3 a:hover,
body.section-4 #navlist li#nav-4 a:hover,
body.section-5 #navlist li#nav-5 a:hover,
body.section-6 #navlist li#nav-6 a:hover,
body.section-7 #navlist li#nav-7 a:hover,
body.section-8 #navlist li#nav-8 a:hover

{
	color: black;
}

#searchform {
	float:left;
	padding: 5px;
}

.searchform {
	float: left;
	padding: 5px;
}

.searchform1 {
	padding: 10px;

}

.fineprint {
	font-size: 12px;
	line-height: 16px;
}

.clr {
	padding:10px;
	clear:both;
}

.legend {
	margin:-10px -10px 10px -10px;
	padding:15px 5px 5px 5px;
	background-color:#F5F9FA;
	border-bottom:1px solid #999999;
}

td.hiredcol, th.hiredcol{
	background-color:#F5F9FA;
	text-align:center;
}

td.iconcol {
	text-align:center;
	width: 1%;
	padding-left: 4px;
}
.resource-list ul {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}
.resource-list li {
	padding: 5px 0 5px 30px;
}
.pdf {
  background: url(../images/icon_pdf.gif) no-repeat 0 0;
}
.video {
  background: url(../images/movie.png) no-repeat 8px 6px;
}
.hint {
	color: #6aa0b0;
}
.token {
	color : #555;
}
.error {
    color: #c00;
}

fieldset fieldset {
  border-width: 0;
  padding: 0;
  margin-top: 0;
}
fieldset.choose-one {
  min-width: 275px;
}
span.error-message { color: red; display: block; padding: 0 6px 1em;}
fieldset.error {color: inherit; background-color: #fff3f3;}

.oddrow { background: #FFF; }
.evenrow { background: #FFF; }
.message-box {
  width: 400px;
  padding: 7px;
  padding-bottom: 7px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}
#success-message {
 	border: 2px solid green;
}
#error-message {
	border: 2px solid red;
}

#job_family_container {
  float: left;
  width: 300px;
  margin-bottom: 10px;
  padding-right: 20px;
}

#report_type_container {
  margin-bottom: 10px;
}

form.career_seeker-detail ul {
  margin-left: 0;
  padding-left: 0;
}
form.career_seeker-detail ul ul {
  padding-left: 40px;
}

form.career_seeker-detail li {
  list-style: none;
  margin-left: 0;
}

.right-col {
  float: left;
  width: 300px;
  margin-top: 15px;
}


div.row {
  line-height: 2em;
}

span.col {
  padding: 0 10px 0 10px;
}

.screen-for-fit h2 {
	margin-left: 0px;
	background-color: white;
	border-bottom: 0px;
	padding: 5px 0;
}
.screen-for-fit h3  {
	color: black ;
	font-size: larger;
	margin:20px 0 0 5px;
	padding: 0px;
}

.screen-for-fit form {margin: 10px 250px 10px 0px; }

#screen-for-fit-introduction {
  margin: 20px;
  width: 80%;
}

.screen-for-fit #tableoptions {
	margin: 0 0 10px 0;
}

/** =prescore
************************************************************/

#container div.prescore-heading {
	margin: -10px -10px 10px;
	border-bottom: 1px solid #C2D9E1;
	background-color: #F5F9FA;
}
div.prescore-heading {
	padding: 5px 10px;
}

.found {
	margin-top: .5em;
}
.found strong {
	font-size: 1.1em;
}
.found .lbl {
	float: left;
	width: 12em;
}

#listing {
	float: left;
	width: 8em;
}

.removing td {
	background-color: #eee;
}
.removed td {
	background-color: #ccc;
}

#popup {
	position: absolute;
	top: -40px;
	left: 100px;
	z-index: 1001;
	display: none;
}
#tableoptions {
	margin: .5em 0 .75em;
}
#tableoptions a {
	margin-right: 8px;
}

#jobcodes .recordset td {border-bottom: 1px solid #DDD;}
#printTable .recordset td {border-bottom: 1px solid #DDD;}
body.printReady .recordset td {border-bottom: 1px solid #DDD;}
body.printReady {background: #fff;}

.error-summary {
  margin: 1em 0;
  padding: .5em;
  border: 1px solid #f00;
  color: #f00;
}

/** =enhanced select menu
************************************************************/
/*select button styles*/
.custom-select {
  float: left;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  position: relative;
  background: #fff url(images/button-silver.gif) right center repeat-x;
  border: 1px solid #b3b3b3;
	font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 230px;
  text-shadow: 1px 1px 0 #fff;
	margin-right: 8px;
}
.custom-select:hover,.custom-select:focus,.custom-select-open {
  background-position: left center;
  border-color: #999;
}
/*status text*/
.custom-select-status {
  float: left;
  line-height: 18px;
  color: #444;
  padding: 3px 8px;
}
.custom-select-roletext {
  position: absolute;
  left: -99999px;
}
/* button arrow icon*/
.custom-select-button-icon {
  float: right;
  background: #fff url(images/button-blue.png) left center repeat-x;
  height: 24px;
  width: 21px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.custom-select:hover .custom-select-button-icon,
.custom-select:focus .custom-select-button-icon,
.custom-select-open .custom-select-button-icon {
  background-position: -500px center;
}
/*menu styles*/
.custom-select-menu {
  border: 1px solid #b3b3b3;
  background: #e9e9e9;
  z-index: 999999;
  position: absolute;
  margin: 0;
  padding: 0;
	font-size: 12px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 230px;
  cursor: pointer;
  text-shadow: 1px 1px 0 #fafafa;
  overflow: auto;
  overflow-x: hidden;
}
/*hidden menu state*/
.custom-select-menu-hidden {
  display: none;
}
/*li styles*/
.custom-select-menu li {
  padding: 0;
  margin: 0;
  list-style: none;
  clear: both;
}
.custom-select-menu li a {
  text-decoration: none;
  color: #555;
  display: block;
	padding: 5px;
  cursor: pointer;
  text-shadow: 1px 1px 0 #f9f9f9;
}
.custom-select-menu li.hover-focus {
  background: #e6e6e6 url(images/button-silver.gif) right center repeat-x;
  color: #444;
}
.custom-select-menu li.selected {
  background:  url(images/menu-blue.png) left center repeat-x;
  color: #333;
}
.custom-select-menu li.selected a {
  color: #333;
  text-shadow: 1px 1px 0 #fff;
}
/* make sure first and last li's have round corners */
.custom-select-menu li: first-child {
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
}
.custom-select-menu li: last-child {
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
  border-bottom-right-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
/*hide native select*/
.select-hidden {
  display: none;
}

/** =custom **/
.custom-select-status,
.custom-select-menu li a {
  padding-left: 26px;
}

.icon_ad .custom-select-status,
.custom-select-menu .icon_ad a { background:  url(images/icon_ad.png) no-repeat 4px 4px; }

.icon_el .custom-select-status,
.custom-select-menu .icon_el a { background:  url(/images/icon_el.gif) no-repeat 4px 4px; }

.icon_gn .custom-select-status,
.custom-select-menu .icon_gn a { background:  url(/images/icon_gn.gif) no-repeat 4px 4px; }

.icon_pc .custom-select-status,
.custom-select-menu .icon_pc a { background:  url(/images/icon_pc.gif) no-repeat 4px 4px; }

.icon_rn .custom-select-status,
.custom-select-menu .icon_rn a { background:  url(/images/icon_rn.gif) no-repeat 4px 4px; }

.icon_tp .custom-select-status,
.custom-select-menu .icon_tp a { background:  url(/images/icon_tp.gif) no-repeat 4px 4px; }


.screen-for-fit #theform .form-button, .form-button {
	height: 26px;
}

p.hint {
  font-size: 10px;
  font-style: italic;
  margin-top: 5px;
  color: gray;
}

td form {
  display: inline;
}



/* Clearfix
-------------------------------------------------------------- */
.clearfix, .container { display: inline-block; }
.clearfix:after, .container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clearfix,
* html .container   { height: 1%; }
.clearfix, .container  { display: block; }

table.row-head th {
  text-align: left;
}