body {
	margin: 0px;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	color: #444;
	background: #fff;
}

h2, h3, h4, h5, h6 {
	color: #666;
}

pre { font-size: 120%;}

a {
	color: #B72E00;
	text-decoration: none;
}a:hover { color: #444; }

input.text, textarea {
	border: 1px solid #888;
	width: 248px;
	color: #444;
	padding-left: 2px;
}

textarea {
	width: 450px;
	height: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

input.earnings, input.ontimeEarnings {
	border: 1px solid #888;
	width: 60px;
}

input.button {
	/*background: #666;
	border: #000;
	color: #eee;
	padding: 5px 10px;
	font-weight: bold;*/
	font-family: Arial, Helvetica, sans-serif;
}

ul.nobullet {
	list-style: none;
}

textarea.notes {
	height: 120px;
}

.break { clear: both; }

.tight { padding: 0; margin: 0; }
.tightBottom { padding-bottom: 0; margin-bottom: 0; }
.tightTop { padding-top: 0; margin-top: 0; }

.separator {
	border-top: 1px solid #888;
	padding-top: 5px;
	margin-top: 5px;
}

.additionalDay {
	font-style: italic;
	font-size: 12px;
	line-height: 1.6em;
}

/* System warning */
.systemWarning {
	margin: 10px 0;
	font-weight: bold;
	color: #f30;
}

/* Tables */
table {
	width: 100%;
	border-collapse: collapse;
}

table tr td {
	border: 1px solid #ddd;
	padding: 5px;
}

table thead tr td {
	background: #444;
	color: #fff;
	border: 0;
	font-weight: bold;
}

body.print table thead tr td {
	background: #fff;
	color: #444;
}

table.summary { width: auto; }
table.summary tr td { padding-right: 40px }

table tr td.emphasis {
	font-weight: bold;
}

.paginationNav {
	margin: 10px 0;
	text-align: center;
}

.paginationTotal {
	color: #999;
	font-size: 12px;
}

table.clean tr td {
	border: none;
	border-bottom: 1px solid #e6e6e6;
}

body.popUp table {
	width: 100%;
}

/* Header */
#header {
	height: 80px;
	background: #787878 url('../images/header.png') 0px -10px no-repeat;
}

#header h1 {
	margin: 0;
	padding: 0;
	color: #fff;
	display: none;
}#header h1 a { color: #fff; }
#header h1 span { 
	font-weight: normal;
}

#header a {
	display: block;
	position: absolute;
	height: 25px;
	width: 210px;
	left: 25px;
	top: 25px;
}

a:hover.remove {
	background: #c30;
	color: #fff;
}

a.addStudent { color: #2F59CD;}
a:hover.addStudent { color: #5D82F3; }

/* Footer */
#footer {
	clear: both;
	padding-top: 20px;
}

/* Main containers */
#content {
	margin: 0 0 10px 0;
}

body.print #main {
	width: 95%;
}

body.popUp #main { width: 95%; }

#main {
	float: left;
	width: 80%;
	padding-left: 20px;
	margin-bottom: 20px;
}

#main.studentPage {
	width: 95%;
}

body#login #main { width: 98%; }
body#login #navbar { display: none; }

#main.studentPage { padding-left: 20px; }
/* Navbar */
#navbar {
	float: left;
	width: 15%;
}

#navbar .spacer {
	padding: 20px 0 0 20px;
}
#navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navbar ul li {
	margin: 0;
	padding: 5px 0;
}

#navbar ul li ul li {
	padding: 2px 0 2px 13px;
}


#topToolbar {
	background: #555;
	text-align: right;
	padding-right: 10px;
	line-height: 20px;
	margin-bottom: 10px;
}

#topToolbar a {
	color: #fff;
	padding: 0px 4px;
	font-size: 10px;

}

#topToolbar a:hover {
	background: #666;
}

#topToolbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#topToolbar ul li {
	margin: 0;
	padding: 0;
	float: right;
}

#topToolbar ul li a {
	/*color: #fff;
	padding: 0 7px;
	line-height: 28px;
	height: 28px;
	font-size: 12px;
	margin: 0 5px;
	background: #555;*/
	display: block;
	width: 70px;
	float: right;
}

#topToolbar ul li a:hover {
	background: #666;
}
/* Experiments */
#experimentSessions .session, #experimentSessions .closedSession {
	border: 1px solid #ddd;
	padding: 10px;
	margin: 15px 0;
}

#experimentSessions .closedSession {
	background: #eee;
	border-color: #bbb;
}

.newSession {
	background: #f7f7f7;
	border: 1px solid #ccc;
	padding: 0px 10px;
	margin: 5px 0;
}

.newSession .separator {
	border-top: 1px solid #ccc;
}

.conflictMessage, .formWarning {
	background: #fff1f0 url('../images/exclamation.png') 5px no-repeat;
	padding: 10px 25px;
	margin: 5px 0;
	border: 2px solid #ec0c00;
	color: #9c0901;
	display: none;
}

ul#currentExperiments li {
	margin: 5px 0;
}

/* Experiments - Calendar view */
.calendarNavbar {
	text-align: center;
	padding: 10px 0;
	font-size: 12px;
}

.calendarNavbar a {color: #039; }
.calendarNavbar a:hover { color: #06f;}



#calendarBox { font-size: 10px; }

.calendarDay, .weekDay, .weekDayLast, .emptyCalendarDay, .calendarDayAtTheEnd, .calendarDayLeft, .calendarDayAtTheEndAndLeft {
	width: 14%;
	height: 80px;
	float: left;
}

.weekDay, .weekDayLast {
	height: 25px;
	line-height: 25px;
	background: #e8f1ff;
	border-right: 1px solid #a6caff;
	font-weight: bold;
}.weekDayLast { 
	border-right: 1px solid #e8f1ff;
}

.weekDay div, .weekDayLast div { padding-left: 5px;}



.calendarDay, .calendarDayAtTheEnd, .calendarDayLeft, .calendarDayAtTheEndAndLeft  {
	background: #f1f11;
	border-right: 1px solid #ccc;
}

.calendarDayAtTheEnd { border-bottom: 1px solid #ccc; }
.calendarDayLeft  { border-left: 1px solid #ccc; }
.calendarDayAtTheEndAndLeft {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.emptyCalendarDay {	border-right: 1px solid #fff; }

.calendarDayNumber {
	background: #555;
	color: #fff;
	padding: 1px 3px;
}

.calendarSession {
	font-size: 10px;
	background: #eee;
	word-wrap: break-word;
	margin: 1px 0;
}

/* Recruitment */
.criteria {
	border: 1px solid #ccc;
	padding: 7px;
	margin: 5px;
}

.criteria h4, .criteria p {
	margin: 0;
	padding: 2px 0;
}

#recruitBottomToolbar {
/*	margin-top: 5px;*/
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.recruitmentInstitutionsGroups {
	background: #eee;
	padding-left: 10px;
	margin: 0 2px;
}

/* Conduct Session */
table.conductTable tr td {

}

.newStudent td {
	background: #FFFFCC;
}

#addStudent {
	background: #f1f1f1;
	border: 1px solid #ddd;
	padding: 10px;
	margin: 10px 0;
	display: none;
}

.warning {
	background: #ffffcc;
	border: 1px solid #fc0;
	margin: 10px;
	padding: 10px;
	color: #b38e00;
}

/* Search student */
.searchBox {
	background: #f1f1f1;
	border: 1px solid #ccc;
	padding: 5px 10px;
}

/* Student entrance */
#deactivatedWarning {
	background: #F8E6E7;
	padding: 5px 10px;
	border: 1px solid #BC4449;
}

table tbody tr.attendedStudent td {
	background: #eef;
	color: #889;
}

/* Student account */
#studentAccountCol1 {
	float: left;
	width: 40%;
	margin-right: 20px;
}

#studentAccountCol2 {
	float: left;
	width: 50%;
}

/* Front page */
body#login #main {
}

#leftColumn {
	width: 30%;
	float: left;
}

#leftColumn input.text {
	width: 90%;
}

#rightColumn {
	float: right;
	width: 69%;
	background: #e9e9e9;
}

/* IE fix */
* html #rightColumn, * html #leftColumn { padding-top: 20px; }
>body #rightColumn, >body #leftColumn { padding-top: 20px; }


#rightColumn div.spacer {
	padding: 0 50px 0 20px;
}

body#login h2 {
	font-size: 190%;
	padding-bottom: 0;
	margin-bottom: 0;
}

body#login h3 {
	padding: 0;
	margin-top: 0;
	font-size: 140%;
	color: #777;
	font-weight: normal;
}

.qa {
	color: #666;
	line-height: 1.6em;
	font-size: 90%;
	margin-bottom: 20px;
}

.qa p {
	margin: 2px 0;
}

.question {
	line-height: 20px;
	height: 20px;
}

.capitalQ {
	font-size: 130%;
	font-weight: bold;
	color: #fff;
}

.questionPerSe {
	font-weight: bold;
	padding-left: 5px;
}

.questionPerSe a { color: #666; }
.questionPerSe a:hover { color: #888; }

.answer {
	clear: both;
}

#passwordRecovery div {
	background: #f1f1f1;
	border: 1px solid #ccc;
	padding: 5px 10px;
}

/*
 * Boilerplates
 */
#boilerplateVars li {
	padding: 5px 0;
}