/* template styles */
html
{
	overflow-y:scroll;
}
html,
body
{
	font:10pt verdana,sans-serif;
	color:#000;
	background:#ddd;
	margin:0;
	min-width:800px;
}

#header,
#navbar,
#sidenav,
#content,
#footer
{
	/*
	float:left;
	position:static;
	*/
	display:block;
}

#sidenav,
#content
{
	float:left;
}

#header 
{
	background:#fff;
	border-bottom:1px solid #000;
	display:block;
	width:95%;
	height:100px;
	text-align:left;
	z-index:5;
	padding-left:5%;
}

#footer
{
	background:transparent;
	border-top:1px solid #000;
	display:block;
	width:90%;
	padding:5px 0;
	text-align:center;
	z-index:5;
	clear:both;
	margin:15px 5%;
}

#navbar
{
	background:#fff;
	border-bottom:1px solid #000;
	padding:1px 5%;
	margin:0;
	min-height:20px;
	display:block;
	width:90%;
	text-align:left;
	z-index:5;
}

#navbar a
{
	display:block;
	float:left;
	clear:none;
}
#navbar a + a
{
	margin-left:0.5em;
}

#header,
#navbar
{
	float:left;
	clear:both;
}

.loginstate
{
	display:block;
	clear:none;
	float:right;
	text-align:right;
}

.subnav
{
	position:static;
	width:100%;
	margin-bottom:10px;
}
.currentlink
{
	font-weight:bold;
}

#container
{
	position:relative;
	width:100%;
	min-height:100%;
	overflow:visible;
	padding-bottom:50px;
}

#content,
#sidenav
{
	background:#fff;
	border:1px solid #000;
	display:block;
	clear:none;
	min-height:300px;
	height:90%;
	width:96%;
	padding:1%;
	padding-bottom:20px;
	margin:1%;
}

#sidenav + #content
{
	float:right;
	clear:none;
	margin-left:0;
	width:78%;
}

/* clearing fix, doesn't work in IE */
#content:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#sidenav
{
	float:left;
	margin-right:0;
	width:17%;
	padding:1% 0;
}

#site_title,
#page_title
{
	display:block;
	vertical-align:top;
	text-align:left;
}

#site_title
{
	padding-top:5px;
	font-size:180%;
	font-weight:bold;
}

#page_title
{
	font-size:160%;
}

.title
{
	font-size:140%;
}

#login
{
	display:block;
	width:15%;
	text-align:left;
	vertical-align:bottom;
	clear:none;
	float:left;
}

.logo
{
	float:left;
	clear:none;
	left:5%;
	top:5px;
	width:69px;
	height:90px;
	padding:5px 5px 5px 0;
}

.logo_right
{
	float:right;
	clear:none;
	position:relative;
	right:5%;
	top:0;
	width:69px;
	height:90px;
	padding:5px 5px 5px 0;
}

a
{
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}

div > a[href]:hover,
#jobfilterselect li a:hover,
#accountsfilterselect li a:hover,
#reportsfilterselect li a:hover,
#myprofile-nav li a:hover,
tr.pager td a:hover
{
	color:#fff;
	background-color:#000;
	text-decoration:none;
}

hr
{
	display:block;
	padding:0;
	border:0;
	border-top:1px dashed #000;
	height:0;
	margin:10px 0;
}

.backlink
{
	display:block;
	margin-top:5px;
	/*
	position:absolute;
	right:5px;
	bottom:5px;
	*/
	margin-right:5px;
	float:right;
	width:auto;
	height:20px;
	text-align:right;
}

.backlink:after
{
	display:block;
	clear:both;
	content:'';
}

span.error
{
	color:#f00;
	display:block;
	text-align:left;
}
span.success
{
	display:block;
	text-align:left;
}

#greeting
{
	font-size:140%;
	font-weight:bold;
}
/* end template styles */
/* reports styles */
.centred
{
	width:80%;
	float:left;
	clear:both;
	margin-left:10%;
	text-align:center;
}

.job-list div table,
.jobdetails div table,
.jobdetails-single table,
.jobdetails-list div table,
.booking-single div table,
.booking-reports-list div table,
.jobreports-detail,
.invoice-list div table,
.invoice-booking-list div table,
.invoice-expenses-list div table,
.payments-list div table,
.payments-breakdown-list div table,
.opportunities-list div table,
.opportunityroles-list div table,
.opportunityroleapplication div table
{
	width:100%;
	border:none;
	border-collapse:collapse;
}

.job-list,
.jobdetails,
.jobdetails-single table,
.jobdetails-list,
.booing-single,
.booking-reports-list,
.jobreports-detail,
.invoice-list,
.invoice-booking-list,
.invoice-expenses-list,
.payments-list,
.payments-breakdown-list,
.opportunities-list,
.opportunityroles-list,
.opportunityroleapplication
{
	clear:both;
}

tr.joblist_title
{
	font-weight:bold;
	text-align:center;
}

th
{
	border:0;
	border-bottom:1px solid #000;
	outline:0;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	vertical-align:bottom;
	padding:3px;
}

th + th
{
	border-left:1px solid #000;
}

tr.data3 
{
	vertical-align:top;
}

th a
{
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	display:block;
	width:100%;
	height:100%;
	vertical-align:bottom;
}

th.header_r,
th.header_r a
{
	vertical-align:bottom;
	text-align:right;
}

tr.data > td + td,
tr.data2 > td + td
{
	border-left:1px solid #000;
}

tr.data:hover > td + td
{
	border-left:1px solid #fff;
}

tr.data:hover
{
	background:#000;
	color:#fff;
}

tr.data:hover a
{
	background:#000;
	color:#fff;
}

td
{
	padding:2px;
}

td a
{
	text-decoration:none;
	font-weight:normal;
	display:block;
	width:100%;
	height:100%;
	border:0;
	outline:0;
}

tr.pager span
{
	font-size:120%;
	font-weight:bold;
}

table.jobdetails td
{
	vertical-align:top;
}

.report_name,
.viewreport_name
{
	font-size:140%;
	font-weight:normal;
	display:block;
	text-align:left;
}
.report_instructions
{
	display:block;
	font-style:italic;
}

.report_section,
.viewreport_section
{
	text-align:left;
	display:block;
	padding-top:20px;
	font-size:140%;
	font-weight:normal;
}

.report_finish_header
{
	text-align:left;
	display:block;
	font-size:140%;
	font-weight:bold;
	margin-bottom:10px;
}

.report_section_instructions,
.viewreport_section_instructions
{
	text-align:left;
	display:block;
	padding-bottom:10px;
	font-style:italic;
}

.report_question_text
{
	text-align:left;
	display:block;
	padding-bottom:10px;
}

div.report_question
{
	display:block;
	text-align:left;
}

input.report_question,
select.report_question,
input.report_question_small
{
	display:inline;
	margin:0 auto;
	width:200px;
}

input.report_question_small
{
	width:100px;
	text-align:right;
}

input[type="radio"]
{
	border:0;
}

textarea.report_question
{
	display:block;
	margin:0 auto;
}

span.report_question_boundaries
{
	display:block;
}

input,
select,
textarea
{
	border:1px solid #000;
	font:100% verdana;
}

optgroup
{
	font:bold 100% verdana;
}

input[type="submit"],
input[type="button"]
{
	background:#bbb;
	cursor:pointer;
}

.question_nav_container
{
	display:block;
	clear:both;
	margin-top:15px;
	margin-bottom:15px;
	height:30px;
}

.question_previous,
.question_next,
.question_finish
{
	height:20px;
	width:100px;
	clear:none;
}
.question_previous
{
	float:left;
}
.question_next,
.question_finish
{
	float:right;		
}

div.question_jump
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:60%;
	text-align:center;
}
div.question_jump select
{
}

.filterstatus
{
	display:block;
	font-weight:normal;
	font-size:140%;
	text-align:left;
}
.validation_error
{
	color:#f00;
	font-weight:bold;
	display:block;
	width:100%;
	text-align:left;
	clear:both;
}
.disabled
{
	cursor:default;
}
.reportselect
{
	width:100%;
	margin:5px;
}
.reportselect td
{
	border:1px solid #000;
	padding:0;
}
.reportselect td a
{	
	display:block;
	width:auto;
	height:100%;
	text-align:left;
	padding:5px;
}

.viewreport_name
{
	font-size:180%;
	font-weight:bold;
}
.viewreport_details
{
	width:100%;
	table-layout:fixed;
}	
.viewreport_table
{
	width:100%;
}
.viewreport_spacerrow
{
	height:5px;
}
.viewreport_section,
.viewreport_section_instructions
{
	display:table-cell;
}
.viewreport_section
{
	font-size:120%;
	font-weight:bold;
}
.viewreport_questionnum
{
	text-align:left;
	font-weight:bold;
	width:50px;
}
.viewreport_question
{
	text-align:left;
	margin-right:auto;
	display:block;
	clear:both;
}
.viewreport_answer,
.viewreport_answer_text
{
	text-align:right;
	width:20%;
	border:1px solid #000;
}
.viewreport_answer_text
{
	text-align:left;
	vertical-align:top;
	width:100%;
	height:50px;
}

.cp_table
{
	width:40%;
	height:100px;
	padding:2px;
	margin-top:10px;
}
.email_current
{
	display:block;
	border:1px solid #000;
	width:99%;
	padding:1px 0;
}
.cp_table tr
{
	height:20px;
}
.cp_table tr td input
{
	width:99%;
}
.cp_table tr td input[type="submit"]
{
	width:50%;
}

.jobreports-addreport
{
	display:block;
}
.jobreports-detail h3
{
	font-weight:bold;
	display:block;
	font-size:120%;
}
.jobreports_incomplete
{
	background:lightblue;
}
tr.data:hover .jobreports_incomplete,
tr.data:hover .jobreports_incomplete a
{
	background:darkblue;
	color:white;
}

.qa
{
	display:block;
	counter-reset: qa_ctr;
}
.qa .q:before
{
	counter-increment: qa_ctr 1;
	content:"Q" counter(qa_ctr) ": ";
	font-weight:bold;
}
.qa .q,
.qa .a
{
	display:block;
}
.qa .a:before
{
	content:"A" counter(qa_ctr) ": ";
	font-weight:bold;
}
.announcement 
{
	font-weight:bold;
}

#jobfilterselect,
#accountsfilterselect,
#reportsfilterselect,
#myprofile-nav
{
	display:block;
	list-style:none;
	padding-left:0;
}
#jobfilterselect li a,
#accountsfilterselect li a,
#reportsfilterselect li a,
#myprofile-nav li a,
#jobfilterselect li span,
#accountsfilterselect li span,
#reportsfilterselect li span,
#myprofile-nav li span
{
	padding:0 12px;
	line-height:200%;
}	

ul li a 
{
	display:block;
	padding-left:0;
}
li.spacer
{
	height:1em;
}

fieldset hr 
{
	float:left;
	clear:both;
	width:98%;
	margin-left:1%;
}

fieldset
{
	display:block;
	padding:5px;
}

#welcome h1,
#myprofile h1,
#myaccounts h1,
#myjobs h1,
#checkin h1,
#availability h1
{
	font-size:130%;
	display:block;
	padding-bottom:10px;
	border-bottom:1px dashed black;
	margin-bottom:10px;
}

#welcome h2,
#myprofile h2,
#myaccounts h2,
#myjobs h2
{
	font-size:110%;
	display:block;
	padding-bottom:10px;
	border-bottom:1px dashed black;
	margin-bottom:10px;
}

#myprofile fieldset
{
	width:40%;
	margin:0 auto;
}
#myprofile legend
{
	font-weight:bold;
}
#myprofile label,
#myprofile input,
#myprofile select,
#myprofile label + span
{
	display:block;
	width:48%;
	padding:1px;
	margin:1px 0;
}
#myprofile label
{
	float:left;
	clear:both;
}
#myprofile label + input,
#myprofile label + select,
#myprofile label + span
{
	float:right;
	clear:right;
}

#myprofile fieldset div
{
	clear:both;
	width:97%;
}

#myprofile #biographies label,
#myprofile #biographies textarea
{
	height:5em;
	margin:1px;
}
#myprofile #biographies label
{
	float:left;
	clear:left;
	width:25%;
}
#myprofile #biographies textarea
{
	float:right;
	width:70%;
	margin-left:0;
}


#myprofile input[type="submit"]
{
	margin-top:20px;
	width:30%;
	margin-left:30%;
	margin-right:30%;
}

#myprofile fieldset.full
{
	width:95%;
	margin-left:2%;
	clear:both;
}
#myprofile fieldset.left,
#myprofile fieldset.right
{
	width:45%;
	margin:0;
	clear:none;
}
#myprofile fieldset.left
{
	display:block;
	float:left;
	margin-left:2%;
}
#myprofile fieldset.right
{
	display:block;
	float:right;
	margin-right:2%;
}

#myprofile label + span
{
	display:block;
	float:right;
	clear:right;
}

#companylogo
{
	display:block;
	float:right;
	clear:none;
	/*width:100px;
	height:100px;*/
}
#companylogo + table
{
	clear:none;
	margin:0;
	padding:0;
	width:auto;
}

.opportunityroleapplication
{
	border-top:1px dashed black;
	margin-top:10px;
}

.opportunities-list table td,
.opportunityroles-list table td
{
	vertical-align:top;
	border-top:1px solid #000;
}

.opportunities-list table td p,
.opportunityroles-list table td p
{
	margin-left:10px;
	margin-top:0;
}

.opportunities-list table td p + .opportunities-list table td p,
.opportunityroles-list table td p + .opportunityroles-list table td p
{
	margin-top:13px;
}

.opportunityroleapplication table textarea,
.opportunityroleapplication table input,
.opportunityroleapplication table p
{
	display:block;
	padding:2px;
	margin:10px auto 2px;
}

.opportunityroleapplication table p
{
	text-align:center;
}

.blurb
{
	display:block;
	clear:both;
	padding:10px 0;
	border-bottom:1px dashed #000;
	margin-bottom:10px;
}
table + .blurb,
span + .blurb
{
	border-top:1px dashed #000;
	margin-top:10px;
}

.filterstatus,
.jobdetails-single,
.booking-single
{
	border-bottom:1px dashed black;
	padding-bottom:15px;
	margin-bottom:15px;
}

.invoice-list th
{
	height:2.5em;
}

.invoice-list + .invoice-booking-list,
.invoice-list + .invoice-expenses-list,
.payments-list + .payments-breakdown-list
{
	border-top:1px dashed black;
	padding-top:15px;
	margin-top:15px;
}

.selected,
.selected td,
.selected td a
{
	background-color:#444;
	color:white;
}

.selected:hover > td
{
	background-color:#000;
}

tr.pager table
{
	width:auto;
}

p.help
{
	display:block;
	font-style:italic;
	float:left;
	clear:both;
	width:100%;
}

p.help + p.help
{
	margin-top:0;
}

label + div.dateandtime,
label + div.dateonly,
label + div.timeonly
{
	width:48%;
	float:right;
}

div.report_question div.dateandtime,
div.report_question div.dateonly,
div.report_question div.timeonly
{
	float:none;
	clear:both;
	padding-bottom:30px;
}

div.report_question div.dateandtime
{
	max-width:500px;
}

div.report_question div.dateonly,
div.report_question div.timeonly
{
	max-width:200px;
}

div.dateandtime select,
div.dateonly select,
div.timeonly select
{
	display:block;
	float:left;
	clear:none;
}

div.dateandtime select
{
	width:18% !important;
}

div.dateonly select
{
	width:33% !important;
}

div.timeonly select
{
	width:50% !important;
}

ul.errors
{
	color:red;
}

.ie6warning
{
	color:red;
	font-weight:bold;
	font-size:120%;
}

#languages label,
#qualifications label,
#proficiencies label
{
	float:left;
	width:25%;
	clear:none;
}

#languages label + input,
#qualifications label + input,
#proficiencies label + input
{
	float:left;
	width:3%;
	margin-right:5%;
	clear:none;
	border:none;
}

#proficiencies h4
{
	display:block;
	clear:both;
	margin:5px 0 0 0;
	padding-top:10px;
}

#webbrowser ul li a
{
	display:inline;
}
#login-submit
{
	clear:none;
	width:150px;
	float:left;
}
#login-recover
{
	clear:none;
	float:right;
	margin-left:200px;
}
div.profileimages
{
	clear:both;
	vertical-align:top;
}
div.profileimages img
{
	margin:5px;
}

#addresses #addresslist
{
	display:block;
	clear:both;
	margin-left:0;
	text-indent:0;
	padding-left:0;
	list-style:none;
}

#addresses #addresslist div.address
{
	display:block;
	clear:both;
	padding:10px 2px;
	margin-bottom:5px;
}

#addresses #addresslist input,
#addresses #addresslist label
{
	display:block;
	float:left;
	width:auto;
	margin:0;
	padding:0;
}

#addresses #addresslist input
{
	margin-left:2px;
	margin-right:10px;
}

#addresses #addresslist label
{
	clear:right;
}

#addresses #addresses-new,
#addresses #addresses-edit,
#addresses #addresses-delete,
#addresses #addresses-makeprimary,
#addresses #addresses-save
{
	margin:0;
	width:15%;
	margin:5px;
	float:left;
	clear:none;
	min-width:110px;
}

#addresses #addresses-new
{
	margin-left:0;
	clear:left;
}

#addresses #addresses-delete,
#addresses #addresses-edit
{
}

#addresses #addresses-makeprimary
{
	margin-right:0;
	float:right;
	clear:right;
	min-width:170px;
}

#addresses #addresses-save
{
	float:left;
	clear:both;
	margin:20px 40% 0 40%;
}

#addresses #addresslist div.primaryaddress
{
	background:#eee;
	font-weight:bold;
}

input[type="hidden"]
{
	border:0 !important;
	margin:0 !important;
	padding:0 !important;
	display:none !important;
}

div.clear
{
	clear:both;
}

.clearfix:after
{
	content:'.';
	display:block;
	clear:both;
	height:0;
	width:0;
	visibility:hidden;
}