/* Element classes */
/*a { color: inherit;	text-decoration: underline; }*/
a:link, a:visited { color: inherit; }
a:hover, a:active { text-decoration: none; }
body 
{
	color: #000;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(/images/bodybackground.gif) repeat;
	background-color: #fff;
	font-size: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
div, input, p, select, td, textarea, th
{
	color: #666;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
div.center, table.center
{
  margin-right: auto;
  margin-left: auto;
}
blockquote
{
	background-color: #ccc;
	border: 2px solid #ccc;
	color: #003768;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	text-align: center;
}

form { display: inline; }

.formcontainer fieldset {
	border: none;
}
.formcontainer ol {
	list-style: none inside;
	margin: 0;
	padding: 0;
}
.formcontainer ol li {
	margin: 1em 0;
	padding: 0;
}
.formcontainer ol li label, .formcontainer ol li select,
.formcontainer ol li input, .formcontainer ol li textarea {
	color: #000;
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}
.formcontainer ol li select, .formcontainer ol li input,
.formcontainer ol li textarea {
	border: 1px solid #000;
	padding: 0.2em;
}
.formcontainer table th, .formcontainer table td {
	color: #000;
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
}
.formcontainer table th input, .formcontainer table td input {
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
	font-size: 1em;
	margin: 2px;
	padding: 0.2em;
}

input.button
{ 
	text-align: center;
	padding: 0;
	width: auto;
	overflow: visible;
}

h1
{
	font-size: 2em;
	font-weight: bold;
	margin: 0 0 10px 0;
}
h2
{
	font-size: 1.8em;
	font-weight: bold;
	margin: 0;
}
h3
{
	font-size: 1.6em;
	font-weight: bold;
	margin: 0;
}
h4
{
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
}
h5
{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
}

img { border : 0; }

.instructions {
	padding: 1em;
}
.instructions h1 {
	color: #003768;
	margin-top: 1em;
}
.instructions h2 {
	color: #d21242;
	margin-top: 1em;
}
.instructions p {
	color: inherit;
	font-size: 1.5em;
	line-height: 1.5em;
	margin-bottom: 1em;
}

.instructiontogglebox {
	margin-bottom: 1em;
}
.instructiontogglebox .toggler {
	font-size: 1em;
}
.instructiontogglebox .instructiondetails {
	background-color: #ffdf7f;
	border: 2px solid #d21242;
	color: #000;
	padding: 1em;
}

label
{
	cursor: pointer;
}

table, tr, th, td
{
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border-width: 0;
	margin: 0;
	padding: 0;
}

ul.salarylist
{
	list-style-type: none;
	padding: 0;
	margin: 8px 0;
}
ul.salarylist li
{
	display: inline;
	padding: 8px;
	margin-right: 3px;
	line-height: 3em;
	background-color: #d21242;
	color: #fff;
	font-weight: bold;
	-moz-border-radius: 10px;
}
ul.salarylist form
{
	/*vertical-align: middle;	*/
	display: inline;
	margin: 0;
	padding: 0;
}
ul.salarylist li a
{
	text-decoration: none;
	color: white;
	border: 1px solid white;
	padding: 0 3px;
}
ul.benefitlist
{
	list-style-type: none;
	padding: 0;
	margin: 8px 0;
}
ul.benefitlist li
{
	display: inline;
	line-height: 3em;
	margin-left: 0.5em;
	white-space: nowrap;
}
ul.benefitlist li a, ul.benefitlist li span
{
	padding: 8px;
	font-weight: bold;
	cursor: pointer;
	-moz-border-radius: 10px;	
}
ul.benefitlist li a.on, ul.benefitlist li span.on
{
	text-decoration: none;
	background-color: #003768;
	color: #fff;
}
ul.benefitlist li a.off, ul.benefitlist li span.off
{
	text-decoration: none;
	background-color: #fff;
	color: #999;
}

/* Generic classes */
/*.autosize { display: table; width: 1px; }
.autosize div { display: table-cell;}*/
.inline { display: inline; }
.redbg { background-color: #d21242; }
.bluebg { background-color: #003768; }
.whitebg { background-color: #fff; }
.blackbg { background-color: #000; }
.yellowbg { background-color: #ffdf7f; }
.gray { color: #ccc; }
.red { color: #d21242; }
.blue { color: #003768; }
.white { color: #fff; }
.black { color: #000; }
.yellow { color: #ffdf7f; }
.leftalign { text-align: left !important; }
.rightalign { text-align: right; }
.centeralign { text-align: center; }
.loose { line-height: 175%; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.big { font-size: 1.2em; }
.bigger { font-size: 1.5em; }
.biggest { font-size: 2em; }
.smaller { font-size: 0.8em; }
.paddingS { padding : 5px;}
.paddingM { padding : 10px; }
.paddingL { padding : 25px; }
.marginS { margin-top : 5px;	margin-bottom : 5px; }
.marginM { margin-top : 10px; margin-bottom : 10px; }
.marginL { margin-top : 25px; margin-bottom : 25px; }

/* Reusable classes */
.selectedcomptype {
	
}

.surveydepartment
{
	margin-left: 2.5em;
}
.surveydepartmentheader {}

.surveyjob
{
	margin-left: 1.5em;
}

.surveyjobcontainer
{
	background-color: #fff;
	border: 3px solid #003768;
	padding: 10px;
	margin: 1em 0;
	-moz-border-radius: 10px;
}
.surveyjobcontainer .jobdescription {
	background-color: #003768;
	color: #fff;
	font-weight: bold;
	margin-left: 2em;
	padding: 1em;
}

.surveyjobtotalcashcontainer
{
	background-color: #fff;
	border: 3px solid #ffdf7f;
	padding: 10px;
	margin: 1em 0;
	-moz-border-radius: 10px;
}
.surveyjobtotalcashcontainer .jobdescription {
	background-color: #ffdf7f;
	color: #000;
	font-weight: bold;
	margin-left: 2em;
	padding: 1em;
}

.surveyjobheader
{
	background-color: #fff;
	border: 3px solid #003768;
	padding: 10px;
	margin: 1em 0;
	-moz-border-radius: 10px;
}

.surveysalaryinfo{}

.surveysalaryinfo h4
{
	color: #000;
	font-size: 1.2em;
	margin: 1.5em 0 0 0;
	clear:left;
}

.toggler
{
	font-size: .6em;
	font-weight: bold;
	/*font-family: Andale Mono, Courier, Courier New, Fixed, monospace;*/
	border: 1px solid black;
	padding: 0 .3em;
	margin-right: .5em;
	vertical-align: 20%;
	background-color: white;
	color: black;
	cursor: pointer;
}

.newsitem {	padding: 10px; }
.newsitem p
{ 
	color: #fff;
	padding-left: 10px;
}
.newsitem p.newsheading
{
	background: url(/images/bullethollowyellowcube.gif) no-repeat 0px 5px;
	color: #ffdf7f;
	font-weight: bold;
}
.newsheading a:link, .newsheading a:visited { color: #ffdf7f; }
.newsmore, .newsmore a:link, .newsmore a:visited
{
	color: #d21242;
	text-align: right;
}
.toplevel
{
  font-size: 14pt !important;
}
.selectedlevel
{
  border: 1px solid #000;
	margin: 10px;
	padding: 10px;
	background-color: #ffa;
}
.pmrollup
{
  margin-left: 10px;
  font-size: 0.95em;
}
.pmrollup form div
{
  display: inline;
}
.pmrollup input
{
  vertical-align: middle;
}
.listInline
{
	list-style-type: none;
	margin: 0;
	padding: 5px 0 0 0;
}
.listInline li
{
	display: inline;
	padding: 2px;
}

.tableKB
{
	background-color: #fff;
	margin: 10px 10px 0 0;
}
.tableKB th
{
  background-color: #003768;
  color: white;
	border: 1px solid #003768;
	padding: 5px;
}
.tableKB td
{
	border: 1px solid #003768;
	padding: 5px;
}
.tableForm
{
	background-color: transparent;
}
.tableForm td
{
	background-color: transparent;
	padding: 5px;
}
.tableForm td.prompt
{
	background-color: #ccc;
	border: 1px solid transparent;
	color: #fff;
	font-weight: bold;
}
.tableForm td.data
{
	background-color: transparent;
}
.progressBox 
{
	background-color: red;
  color: white;
	height: 7px;
	width: 50px;
	overflow: hidden;
	border: solid 1px black;
	padding: 0; 
	margin: 3px 0 0 0;
}
.progressBox img
{
  border: 0;
	padding: 0;
	margin: 0;
	height: 7px;
	vertical-align: top;
}
.pageHighlight
{
	color : #d21242;
	font-weight : bold;
	line-height : 1.2em;
}
.stepList
{
  border: solid 1px black;
  margin: 2px;
  margin-left: 10px;
  padding: 0;
}
.stepList td
{
  border: solid 1px black;
  padding: 2px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
.stepList input { vertical-align: middle; }
.stepList form, .stepList div
{
  display: inline;
}
table.ssdata {
	border: 1px solid black;
}
table.ssdata thead td, table.ssdata tfoot td {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
table.ssdata tr td {
	font-size: 1.2em;
	padding: 3px;
}
table.ssdata input {
	margin: 2px;
}
table.ssdata tbody tr td.rowA {
	background-color: #ffc;
	color: black;
}
table.ssdata tbody tr td.rowB {
	background-color: #fcc;
	color: black;
}
/* ID classes */
#container
{
	background: white url(/images/globeleft.gif) repeat-y bottom right;
	border: 1px solid #d21242;
	margin: 0 auto;
	width: 980px;
}
#header
{
	background-color: #d21242;
	height: 80px;
	padding: 5px;
}
#logo
{
	background: url(/images/jobchartinternationalincredbg.gif) no-repeat left top;
	float: left;
	height: 74px;
	width: 175px;
}
#headteaser
{
	border: 1px solid #ffdf7f;
	color: #ffdf7f;
	float: left;
	margin-top: 15px;
	margin-left: 75px;
	padding: 5px;
	text-align: center;
	width: 300px;
}
#headteaser a:link, #headteaser a:visited { color: #fff; }
#contact
{
	color: #fff;
	float: right;
	line-height: 1.5em;
	text-align: right;
}
#contact a:link, #contact a:visited { color: #fff; }
#mainmenucontainer
{
	/*background: url(/images/headerbackground.jpg) no-repeat left top;
	height: 150px;*/
	background-color: transparent;
	color: inherit;
	margin: 0;
	padding: 0 0 10px 0; /*10px 5px;*/
}
#mainmenu {}
#mainmenu ul, #footer ul
{
	background-color: transparent;
	color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#mainmenu ul:after, #footer ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#mainmenu ul li, #footer ul li
{
	background-color: #fff;
	display: inline;
	float: left;
	font-weight: bold;
	margin-right: 5px;
	padding: 0;
/*	text-transform: uppercase;*/
}
#mainmenu ul li a:link, #mainmenu ul li a:visited, #footer ul li a:link, #footer ul li a:visited
{
	background-color: #fff;
	border: 1px solid #003768;
	color: #003768;
	display: block;
	margin: 0;
	padding: .2em .5em;
	text-decoration: none;
}
#mainmenu ul li a:hover, #footer ul li a:hover
{
	background-color: #003768;
	border: 1px solid #fff;
	color: #fff;
}
#mainmenu ul li a.currentMenu:link, #mainmenu ul li a.currentMenu:visited, #footer ul li a.currentMenu:link, #footer ul li a.currentMenu:visited
{
	background-color: #ffdf7f;
	border: 1px solid #d21242;
	color: #d21242;
}
#mainmenu ul li a.currentMenu:hover, #footer ul li a.currentMenu:hover
{
	background-color: #003768;
	border: 1px solid #fff;
	color: #fff;
}
#news
{
	display: none;
	color: #fff;
	float: left;
	text-align: left;
	width: 200px;
}
#servicelist
{ 
	color: #ffdf7f;
	line-height: 1.75em;
	padding: 10px;
}
#kbcontainer {	background: url(/images/globeleft.gif) repeat-y bottom right; }
#content
{
	float: right;
	text-align: left;
	width: 100%;
	/*width: 570px;*/
}
#contentbody
{
	margin: 0;
	padding: 10px 10px 50px 10px;
}
/*#contentbody a:link, #contentbody a:visited
{
	background-color: #ffdf7f;
	color: #003768;
}*/
#contentbody div ul li
{
	/*line-height: 1em;*/
	/*padding: .5em 0;*/
}
#membersonlyQ
{
	background-color: #d21242;
	float: right;
	margin-left:10px;
	padding: 5px;
	width: 150px;
}
#membersonly
{
	background-color: #003768;
	float: right;
	margin-left:10px;
	padding: 5px;
	width: 150px;
}
#membersonly ul
{
	list-style-type: none;
	margin: 0;
	padding: 0 0 15px 0;
}
#membersonly ul li
{
	background: url(/images/bullethollowyellowcube.gif) no-repeat 0px 10px;
	padding-top: 5px;
	padding-left: 10px;
}
#membersonly table, #membersonlyQ table
{
	margin-left: auto;
	margin-right: auto;
}
#membersonly td, #membersonlyQ td
{
	padding: 2px;
}
#membersonly a:link, #membersonly a:visited { color: #ffdf7f; }
#frmLogin td { text-align : center; }
#prefooter
{
	clear: both;
	padding: 5px;
}
#footer
{
	/*background: url(/images/headerbackgroundplain.jpg) no-repeat left bottom;*/
	background-color: #d21242;
	padding: 3px 5px 10px 0;
}
#footer div, #footer p
{
	padding:5px 0 0 5px;
}
#footer p
{
	font-size: 9px;
}
#footer a:link, #footer a:visited { color: #003768; }
#verisign
{
	margin : 25px auto;
	text-align : center;
}
#editBox
{
	display: none;
	border: solid 1px black;
	/*filter: alpha(opacity=75);*/
	opacity: 0.75;
	-moz-opacity:0.75;
}
#editBox div
{
	padding: 0;
	font-weight: bold;
	color: #000;
	/*filter:alpha(opacity=100);*/
	opacity: 1;
	-moz-opacity:1;
	position: relative;
}
#editBox input
{
	font-weight: bold;
	color: #000;
}
#reportSelection
{
  display: table;
  width: 1px;
  border: dotted 1px #333;
  background-color: white;
  margin: 0;
  padding: 10px;
/*  float: left;
  text-align: center;*/
  white-space: nowrap;
}
#progressNotice
{
  background-color: white;
  color: black;
  border: solid 1px black;
  padding: 5px;
  padding-right: 65px;
  text-align: left;
  display: table;
  width: 1px;
  white-space: nowrap;
}
/*#progressNotice .autosize
{
  display: table-cell;
  white-space: nowrap;
}*/

#sortvaluelist
{
	list-style-type: none;
	padding: 0;
}
#sortvaluelist li
{
	list-style-position: inside;
	background-color: #ccc;
	color: #000;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	margin: 3px 0;
	text-align: center;
	-moz-border-radius: 7px;
}
#sortvaluelist li form
{
	padding: 0;
	margin: 0;
	/*line-height: 20px;
	height: 20px;*/
}
#sortvaluelist li form input
{
	padding: 0 5px;
	margin: 0;
	vertical-align: text-top;
}
#sortvaluelist li span
{
	color: #f33;
}

#globalmessagewrapper
{
	left: 0px;
	/*position: absolute;*/
	position: relative;
	margin: auto;
	text-align: center;
	top: 0px;
	width: 100%;
	/*display: table;*/
}
/* Read by non-IE6 browsers */
body > #globalmessagewrapper
{
	/*position: fixed;*/
	position: relative;
}

#globalmessage
{
	/*position: relative;
	display: table-cell;
	vertical-align: middle;*/
	cursor: pointer;
	height: 25px;
	text-align: center;
}

#globalmessage div
{
	background-color: #ffdf7f;
	color: #333;
	display: inline;
	/*display: table;*/
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	padding: 5px 10px;
	margin: 0 auto;
	position: relative;
	/*overflow: auto;*/
	white-space: nowrap;
	/*width: 0%;*/
	text-align: center;
	/*zoom: 1;*/
	-moz-border-radius: 10px;
}
#globalmessage div.warningmessage
{
	background-color: white;
	color: blue;
}
#globalmessage div.errormessage
{
	background-color: white;
	color: red;
}
#formtitle ol {
	margin: 0;
	padding:0;
	list-style-type: none;
}

#selectedsurveyjobs,
#selectedsurveyparticipants,
#selectedsurveybenefits,
#selectedsurveysorts, 
#selectedsurveyincreases,
#selectedsurveyreports
{
	background-color: #fff;
	border: 3px solid #003768;
	margin: 1em 0;
	-moz-border-radius: 10px;
	padding: 10px;
}
#selectedsurveyjobs h2,
#selectedsurveyparticipants h2,
#selectedsurveybenefits h2,
#selectedsurveysorts h2, 
#selectedsurveyincreases h2,
#selectedsurveyreports h2
{
	cursor: pointer;
}
#selectedsurveyjobs ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#selectedsurveyparticipants ul,
#selectedsurveybenefits ul,
#selectedsurveysorts ul,
#selectedsurveyincreases ul
{
	list-style-type: none;
	margin: 1em 0;
	padding: 0;
}
#selectedsurveyjobs ul li
{
	font-size: 1em;
	font-weight: bold;
	line-height: 2em;
	margin: 1em 0;
}
#selectedsurveyparticipants ul li,
#selectedsurveybenefits ul li,
#selectedsurveysorts ul li,
#selectedsurveyincreases ul li
{
	display: inline;
	font-size: 1em;
	font-weight: bold;
	line-height: 3em;
	margin: 1em 0;
	white-space: nowrap;
}
#selectedsurveyjobs ul li a,
#selectedsurveyparticipants ul li a,
#selectedsurveybenefits ul li a,
#selectedsurveysorts ul li a,
#selectedsurveyincreases ul li a
{
	background-color: #ccc;
	color: #fff;
	cursor: pointer;
	margin: 0;
	padding: 0.5em;
	text-decoration: none;
	-moz-border-radius: 10px;
}
#selectedsurveyjobs ul li a.selectedjob,
#selectedsurveyparticipants ul li a.selectedparticipant,
#selectedsurveybenefits ul li a.selectedbenefit,
#selectedsurveysorts ul li a.selectedsort,
#selectedsurveyincreases ul li a.selectedincrease
{
	background-color: #003768;
	color: #fff;
}
#selectedsurveyjobs ul li a.selectedtotalcash
{
	background-color: #ffdf7f;
	color: #000;
}
#selectedsurveyjobs ul li span {
	background-color: #ccc;
	color: #fff;
	margin: 0;
	padding: 0.5em;
	text-decoration: none;
}
#selectedsurveyjobs ul li span.totalcashcontainer {
	background-color: transparent;
	margin: 0 2px;
	padding: 0;
}
#selectedsurveyjobs ul li span.wagetypecontainer {
	background-color: transparent;
	-moz-border-radius: 0;
}
#selectedsurveyjobs ul li span.wagetypecontainer a {
	border-left: 1px solid white;
	border-right: 1px solid white;
	-moz-border-radius: 0;
}
#selectedsurveyjobs ul li span.wagetypecontainer a.first, #selectedsurveyjobs ul li span.first {
	border: 0;
	-moz-border-radius: 0;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
}
#selectedsurveyjobs ul li span.wagetypecontainer a.last, #selectedsurveyjobs ul li span.last {
	border: 0;
	-moz-border-radius: 0;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
}
#selectedsurveyjobs ul li span.selectedcomptype {
	background-color: #6c6;
	color: #000;
}
#selectedsurveyreports fieldset {
	font-size: 1.2em;
	margin: 2em 0;
}
#selectedsurveyreports fieldset label {
	display: block;
}
#selectedsurveyreports fieldset legend {
	/*font-weight: bold;*/
}
#selectedsurveyreports fieldset legend input {
	background-color: #ffdf7f;
	font-size: 1.5em;
	margin: 0;
	padding: 5px;
}
#selectedsurveyreports fieldset div {
	display: inline;
	float: left;
	width: 49%;
}
#selectedsurveyreports fieldset input {
	margin-bottom: 1em;
}
#selectedsurveyreports fieldset select {
	height: 20em;
	width: 90%;
}
#selectedsurveyreports fieldset textarea {
	height: 10em;
	margin-bottom: 1em;
	width: 90%;
}

.totalcashupdated {
	background-color: #ffdf7f;
}

.updateindicator {
	background-color: #ffdf7f;
	display: inline;
	margin-left: 5px;
	padding: 5px;
	-moz-border-radius: 0.5em;
}