body, html, textarea {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

* {
	padding: 0;
	margin: 0;
}

textarea {
	padding: 2px 4px;
}

ul, p, ol {
	margin: 1em 0;
}

ul, ol {
	margin-left: 30pt
}

body, html {
    background-color: #EEEEEE;
    padding: 4px;
    padding-top: 2px;
}

a img {
	border:0;
}
#header {
    
}
h1 {
	font-size: 20px;
}

table th, table td {
    vertical-align: top;
}

.clear {
    clear:both;
}

input.disabled {
	background-color: #DDDDDD;
}

table {
    border-collapse: collapse;
}

a {
	color: black;
	text-decoration:underline;
}

a:hover {
	color:#F58026;
}

.copyright {
	color: #444;
	font-size: 10px;
	margin-top: 20px;
	text-align: center;
}

.nowrap {
	white-space: nowrap;
}

div.navtopbar {
	background-color: #F6F6F6;
	border: 1px solid #666666;
	padding: 4px 8px;
	margin-bottom: 8px;
	text-align: left;
}

fieldset {
	margin-left: 2px;
	margin-right: 2px;
	padding: 0.35em 0.75em 0.625em;
}

legend {
	padding-left: 2px;
	padding-right: 2px;
}

/* ************************* */
/* Button Styles
/* ************************* */  

.buttons {
	display: inline;
}

.buttons a {
	white-space: nowrap;
}

.buttons a, .buttons button{
    margin:0 7px 0 0;
    background-color:#F9DA9B;
    border:1px solid #222;
    border-top:1px solid #bbb;
    border-left:1px solid #bbb;
    font-size:100%;
    line-height:120%;
    text-decoration:none;
    color:black;
    cursor:pointer;
    padding:2px 12px 3px 9px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:1px 12px 0px 9px; /* IE6 */
}
.buttons button[type]{
    padding:2px 12px 2px 9px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:1px 12px 0px 9px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.buttons button:hover, .buttons a:hover {
    background-color:#F7CE79;
    /*background-color:#F9DA9B;*/
}

/* ************************* */
/* Tab Styles
/* ************************* */  

.tabcontainer {
    padding-top: 4px;
    clear:both;
}

.tab {
    width: 106px;
    height: 15px;
    float: left;
    margin-left: 8px;
    text-align: center;
    background-position: top left;
    color: #FFFFFF;
    padding: 3px 2px 2px 2px;
    cursor: pointer;
    font-size: 13px;
}

.tabs a:link, .tabs a:visited {
    text-decoration: none;
}

.activetab {
    background-image: url('../images/tab1.gif');    
}

.inactivetab {
    background-image: url('../images/tab2.gif');
}

.tabpage {
    clear: both;
    border: 1px solid #AAA;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
    background-color: white;
}

.tabpagecell {
    padding: 12px 12px 12px 12px;	
}

.tabinstructions {
/*	margin-top: 20px;*/
	background-color: #FFFFBB;
	border: 1px dashed;
	padding: 3px 6px;
}

.tabtitle {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 14px;
}

.tabcrumbs, .tabcrumbs a {
	color: #666666;
	font-size: 11px;
	margin-bottom: 6px;
}

.linkcopy {
	border: 1px solid #888888;
/*	background-color: #F3F3F3;*/
	background-color: #FFFFFF;
	font-family: Courier;
}

/* ************************* */
/* Div Area Styles (for showing content in a defined area)
/* ************************* */  

/*.emphasis {
    border: 1px solid #4F81BD;
	padding: 3px 6px;
	background-color: #F5F5F5;
}

.emphasistitle {
	margin: -3px -6px 6px -6px;
	background-color: #D8D8D8;
	padding: 3px 6px;
	border-bottom: 1px solid #4F81BD;
}*/

.note1 {
	background-color: #FFF7E6;
	/*border: 1px solid #4F81BD;*/
	border: 1px solid #CCC;
	padding: 4px 7px;	
}

.note1 .title {
	margin: -4px -7px 7px -7px;
	background-color: #D8D8D8;
	/*background-color: #F3D8D8;*/
	padding: 4px 7px;
	border-bottom: 1px solid #4F81BD;
}

.note2 {
	background-color: #F5F5F5;
	border: 1px solid #4F81BD;
	padding: 3px 6px;	
}

.note2 .title {
	margin: -3px -6px 6px -6px;
	background-color: #D8D8D8;
	/*background-color: #F3D8D8;*/
	padding: 3px 6px;
	border-bottom: 1px solid #4F81BD;
}

.note3 {
	background-color: #FFFFFF;
	/*border: 1px solid #4F81BD;*/
	padding: 5px 8px;	
	border: 1px solid #AAA;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

.note3 .title {
	margin: -5px -8px 8px -8px;
	background-color: #D8D8D8;
	padding: 5px 8px;
	border-bottom: 2px solid #666;
	font-weight: bold;
}

.note3 .notemsg {
	background: url('../images/bullet2.png') no-repeat left 4px;
	padding: 2px 0px 2px 16px;
}

.note4 {
	background-color: #FFFFFF;
	border: 1px solid #AAA;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;	
}

.note4 .title {
	background-color: #D8D8D8;
	padding: 5px 8px;
	border-bottom: 2px solid #666;
	font-weight: bold;
}



/* ************************* */
/* Form Styles (for showing detailed forms)
/* ************************* */  

.formtitle {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 14px;
}

.formbuttons {
	vertical-align:text-bottom;
}

.formcontainer {
    padding-left: 30px;
    padding-right: 30px;
}

.forminstructions {
	padding-bottom: 14px;
}

.formtable td {	
	background-color: #F5F5F5;
	border-top: 1px solid #4F81BD;
	border-bottom: 1px solid #4F81BD;
	padding: 4px;
}

.formtable {
    border: 1px solid #4F81BD;
}

.formtable td.sectionhead {
	text-align: center;
	background-color: #CCCCCC;
}

.formtable td.fieldname {
	white-space: nowrap;
	padding-right: 8px;
}

.formtable td.fieldinfo {
	font-style: italic;
	padding-left: 8px;
	color: #666666;
}

div.fieldinfo {
	font-style: italic;
	color: #666666;	
	display: inline;
}

.formtableinner {
	border: 0;
}

.formtableinner td {
	width: auto;
	border: 0;
}

.errormsg {
	color: red;
	padding: 8px 0px;
}

.errormsg a {
	color: red;
}

.input_instructions{
	font-size: 10px;
	color: #0000FF;
	font-style: italic;
}

.support {
	margin: auto;
	margin-top: 20px;
	text-align: center;
}

.supportinner {
	display: inline;
	color: #000000;
	padding: 4px 8px;
	border: 1px dashed #000000;
	font-size: 11px;
	background-color: #DDDDDD;
}

/* ************************* */
/* Show Table Styles (for showing field values)
/* ************************* */  

.showtable th, .showtableth {
/*	color: #444444;	*/
}

.showtable th {
	text-align: right;
	padding-right: 6px;
	white-space: nowrap;
	font-weight: normal;
}

.showtable th, .showtable td {
	padding-bottom: 2px;
}

.showtable td.fieldinfo {
	font-style: italic;
	padding-left: 12px;
	color: #666666;
}

.sectionhead {
	background-color: #DDDDDD;
	border-bottom: 1px solid #666666;
	padding: 2px 4px;
	margin: 3px 0px;
}

/* ************************* */
/* Help Table Styles (for showing tables in help documentation)
/* ************************* */  

.helptable td, .helptable th {
	border: 1px solid #999999;
	padding: 3px 6px;
}

/* ************************* */
/* Field Table Styles (for showing input fields, without a form)
/* ************************* */  

.fieldtable th {
	text-align: right;
	padding-right: 4px;
	white-space: nowrap;
	font-weight: normal;
	color: #666666;
	padding-top: 5px;
}

.fieldtable th, .fieldtable td {
	padding-bottom: 2px;
}

/* ************************* */
/* Display Table Styles (for showing tabular data)
/* ************************* */  

.displaytable td, .displaytable th {
    border: 1px solid #4F81BD;
    padding: 3px 6px;
    text-align: left;
}

.displaytable th {
    /*background-color: #D9D9D9;*/
    background: url('../images/tableback.gif') #EBEBEB repeat-x left center;
    border-bottom-width: 3px;
}

.displaytable td {
    background-color: #F5F5F5;
}

.displaytable .oddrow td {
	background-color: #FFFFFF;
}

.displaytable th.sortable {
    cursor: pointer;	
}

.displaytable td.groupby {
	font-weight: bold; 
	font-style: italic; 
	background-color: #999999;
	color: white;
}

.tableactions .leftpane {
	float: left;
}

.tableactions .rightpane {
	float: right;
}

/* ************************* */
/* Tooltip Table Styles (for showing tabular data in tooltips)
/* ************************* */  
.tooltiptable td, .tooltiptable th {
    padding: 3px 6px;
    text-align: left;
}

/* ************************* */
/* Report Table Styles (for showing report tables)
/* ************************* */  

.reporttable td, .reporttable th {
    border: 1px solid #4F81BD;
    padding: 3px 6px;
    text-align: left;
}

.reporttable th {
	background-color: #DDDDDD;
	border-bottom-width: 2px;
/*    border-bottom-width: 3px;*/
}

.reporttable td {
    background-color: #F5F5F5;
}

.reporttable .oddrow td {
	background-color: #FFFFFF;
}

.reporttable th.sortable {
    cursor: pointer;	
}

.reporttable td.groupby {
	font-weight: bold; 
	font-style: italic; 
	background-color: #999999;
	color: white;
}

.reporttable .groupstart {
	border-left-width: 3px;
}

/* ************************* */
/* Job Table Styles
/* ************************* */  

.jobheader {
	margin-bottom: 8px;
}

/* ************************* */
/* Question Table Styles
/* ************************* */  

.questiontable td, .questiontable th {
    border-bottom: 1px solid black; 
    border-top: 1px solid black; 
    padding: 3px 6px;
}

.questiontable th {
    background-color: #D9D9D9;
    text-align: left;
}

.questiontable ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

div.qe_atext, div.qe_ainput {
	width: 250px;
	float: left;
}

div.qe_atext {
	margin-bottom: 6px;
}

div.qe_aactions {
	text-align: right;
}

div#panscontainer {
	border: 1px solid #7f9db9;
	padding: 3px;
	background-color: #FFFFFF;
	padding-bottom: 7px;
}

div#pans_add {
	/*text-align: right;*/
}

div.q_ans {
	padding-left: 18px;
	background: url('../images/bullet1.png') 0px 3px no-repeat;
}

/* ************************* */
/* Candidates Page
/* ************************* */  


div.app_navbar {
	background-color: #F6F6F6;
	border: 1px solid #4F81BD;;
	padding: 3px 6px;
	margin-bottom: 8px;
	text-align: left;
}

#appdetailtabs {
	margin-top: 8px;
}

div.app_name {
	font-size: 18px;
}

#selectcontacts, #newcontact {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	padding: 3px 6px;
}

#selectcontacts td, #newcontact td {
	background-color: #FFFFFF;
}

.to_contact {
	display: inline;
}

#choose_qe_row{
	margin-left: 30px;
	margin-top: 4px;
}

.tablepager{
	text-align: center;
	white-space: normal; 
}

/*.tablepager, .tablepager a:link, .tablepager a:visited {
	color: #666666;	
}*/
/* ************************* */
/* Questionnaires Page
/* ************************* */  

.addquestion {
    margin-top: 10px;
    padding: 7px;
}

.qeditor {
    padding: 7px;
    margin-top: 10px;
    border: 1px solid #385D8A;
    background-color: #F2F2F2;
}

.qeditortable td, .qeditortable th {
	padding: 2px 0px;
	background-color: #F2F2F2;
	border: 0px;
}

.qeditortable th {
	text-align: left;
	padding-right: 8px;
	white-space: nowrap;
	font-weight: normal;
}

.qeditortable td.fieldinfo {
	font-style: italic;
	padding-left: 12px;
	color: #666666;
}

#questiontable tr.dragrow{
	cursor: move; 
}

/* ************************* */
/* Scoring Page
/* ************************* */  
.sruledisplay_a {
	padding-left: 30px;
}

/* ************************* */
/* Launch Page
/* ************************* */  
#launchlinkscontainer {
    border: 1px solid #4F81BD;
	padding: 3px 6px;
	background-color: #F5F5F5;
}

#launchlinkstable {
	margin-top: 8px;
}

/* ************************* */
/* Left Nav
/* ************************* */  

td.leftnav {
	border-right: 1px solid #AAAAAA;
	padding-right: 16px;
}

td.leftnavcontent {
	padding-left: 16px;
	width: 100%;
}

.leftnavitem, .leftnavitemselected {
	border: 1px solid black;
	padding: 5px;
	margin-bottom: 8px;
	cursor: pointer;
}

.leftnavitem {
	background-color: #EEEEEE;
}

.leftnavitemselected {
	background-color: #CCCCCC;
}

/* ************************* */
/* Setup Page
/* ************************* */  

td.setupnav {
	border-right: 1px solid #AAAAAA;
	padding-right: 16px;
}

td.setupcontent {
	padding-left: 16px;
	width: 100%;
}

.setupnavitem, .setupnavitemselected {
	border: 1px solid black;
	padding: 5px;
	margin-bottom: 8px;
	cursor: pointer;
	background-color: #EEEEEE;
}

.setupnavitemselected {
	background-color: #CCCCCC;
}

.setupsection {
    border: 1px solid #666666;
	padding: 3px 6px;
	background-color: #F9EED2;
}

.setupsectiontitle {
	margin: -3px -6px;
	background-color: #EECF80;
	padding: 3px 6px;
	border-bottom: 1px solid #000000;
}
div.setupsection a{
	display: block;	
	margin: 6px 0px;
}

div.setupsection ul{
	margin-left: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* ************************* */
/* Actions Menu
/* ************************* */  

div.actions {
	width: 153px;
	background: url('../images/actionsback.gif') no-repeat top left;
	padding: 4px 10px;
	margin-left: 16px;
	position:relative;
	border-bottom: 2px solid #666;
}

div.actions div.separator {
	border-top: 2px solid #666666;
	margin: 3px 0px;
}

a.action_item, .action_item {
	display: block;
	margin: 6px 0px;
}

a.action_item_link {
	text-decoration: none;
}

.popupdialog {
	position: absolute;
	right: 5px;
	background-color: #F2F2F2;
	border: 1px solid #272727;
	padding: 6px;
	padding-bottom: 12px;
	display: none;
}

.popupdialog a.menuitem {
	display: block;
	line-height: 150%;
}

.popupinstructions {
	margin-bottom: 4px;
}

.popupdialog a.menuitem:link, .popupdialog a.menuitem:visited, .popupdialog a.menuitem:hover {
}

.popup_commands {
	margin-top: 10px;
	text-align: center;
}

.setpopupdialog {
	width: 149px;
}

.setpopupdialog a.menuitem:link, .setpopupdialog a.menuitem:visited, .setpopupdialog a.menuitem:hover {
	text-decoration: none;
	border: 1px solid black;
	margin: 3px;
	padding: 2px 4px;
	background-color: #FFFFFF;
	color: black;
}

.setpopupdialog a.menuitem:hover {
	background-color: #89B8D3;
}

#addcandidatedialog {
	width: 585px;
}

/* ************************* */
/* Email Thread Styles
/* ************************* */  

.msgtable th {
	text-align: left;
	font-weight: normal;
}

.msgtable {
	text-align: left;
}

.msgsubject {
}

.msgbodytd {
	border: 1px solid #888888;
	padding: 3px 6px;
	background-color: #F9EED2;
}

.msgbody {
	width: 530px;
}

.msgsubject {
	margin-bottom: 10px;
	font-weight: bold;
}

.msgfrom, .msgdate, .replyfrom {
	margin-right: 10px;
	text-align: right;
}

.replysubmit {
	margin-top: 10px;
}

.vspacer {
	height: 10px;
}

.replyconfirm {
	font-weight: bold;
	font-style: italic;
}

/* ************************* */
/* Login Styles
/* ************************* */  

.logincontainer {
	text-align: center;
}

.logintitle {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 14px;
    text-align: center;
}

.login {
	width: 350px;
	margin: auto;
	padding: 12px 12px 12px 12px;
	text-align: left;
}

.contentcontainer {
	margin: auto;
	padding: 12px 12px 12px 12px;
	text-align: left;	
}

.logintable {
	margin-bottom: 10px;
}

.logintable td, .formtable th {
    border: none;
    padding-bottom: 4px;
}

.logintable th {
    text-align: right;
	padding-top: 3px;
    padding-right: 12px;
    font-weight: normal;
	white-space: nowrap;
}

.logintable .sectionhead {
	background-color: #EEEEEE;
	border-bottom: 1px solid #666666;
	padding-bottom: 2px;
	margin: 3px 0px;
}

.forgotlogin {
	border-top: 1px dashed #666666;
	padding-top: 12px;
	text-align: center;
}

/* ************************* */
/* Uploader
/* ************************* */  

.yui-dt-col-progress {
	vertical-align: middle;
}

#uploaderOverlay {
}

/* ************************* */
/* Reports
/* ************************* */  

#reportprops-container {
	border: 1px solid #666666; 
	background-color: #F6F6F6;
	padding: 4px 8px;
}

#reportprops-cell1, #reportprops-cell2 {
	width: 400px;
}

#report-contents {
	margin: auto;	
	border: 1px solid #666666;
	width: 650px;
	height: 450px;
}

/* ************************* */
/* Ajax
/* ************************* */  

#loading { 
	z-index: 100; 
	position: absolute; 
	top: 40%; 
	left: 40%; 
	background-image: url("loading/spinningwait.gif"); 
	background-repeat: no-repeat; 
	background-position: 5px; 
	background-color: white; 
	padding-left: 40px; 
	padding-top: 8px; 
	border-style: double; 
	border-color: #c0c0c0; 
	width: 120px; 
	height: 30px; 
	font-size: 1.5em; 
	font-weight: bolder;
}

/************************/
/* Template Preview
/************************/

.preview_container {
}

#preview {
	border: 1px solid #999999; 
	background-color: #F6F6F6;
	padding: 4px 8px;
	height: 237px;
	overflow: scroll; 
}

/* ************************* */
/* Application / Questions
/* ************************* */  

.question {
    margin-bottom: 10px;
}

.answer {
    margin-top: 6px;
    margin-left: 30px;
}

.mintable td, .mintable th {
	padding: 3px 6px;
	text-align: center;
}

.mintable td {
	border-top: 1px solid black;
}

.mintable .col1 {
	text-align: left;
	white-space: nowrap;
	
}

.mintable th {
	background-color: #F2F2F2;
}

.mintable .oddcol {
}

.mintable .totalrow td {
	border-top: 3px double black;
}

.qtable {
	width:100%;
}
.qtable td {
	width:50%;
	padding: 4px;
}

.qtable_q {
	text-align:right;
}

.qtable_h1 {
	text-align:center; 
	background-color:#CCC; 
	font-weight:bold
}

/* ************************* */
/* Billing
/* ************************* */  
.invoicetable th {
	text-align: center;
	font-weight: bold;
	background-color: #999999;
	color: white;
}

.invoicetable td, .invoicetable th {
	padding: 3px 6px;
	border: 1px solid #666666
}

.invoicetable .totalrow td {
	border-width: auto 0px 0px 0px;
}


/* ************************* */
/* Modal
/* ************************* */ 
#simplemodal-overlay {background-color:#fff;}
#simplemodal-container {background-color:#efe; border:8px solid #ccc; padding:12px; color:#000}