/* ====================================================== */
/* MAIN ELEMENTS                                          */
/* ====================================================== */

body {
	font-family: Georgia, Times New Roman, serif;
	font-size: 11pt;
	line-height: 120%;
	text-align: left;
	background-image: url(home_tiled.gif); 
	background-attachment: fixed;
}

table {
	font-size: 11pt;
	text-align: left;
	background-color: white;
}

a:link {
	color: #003366;
	text-decoration: underline;
}

a:visited {
	color: #003366;
	text-decoration: underline;
}

a:hover {
	color: white;
	text-decoration: none;
	background-color: #4682B4;
}

select, input {
	font-size: 8pt;
	margin-left: 1pt;
	margin-right: 1pt;
}

tr {
	vertical-align: top;
}

ul {
	list-style-type: square;
}

/* ====================================================== */
/* HEADINGS & SUBHEADINGS                                 */
/* ====================================================== */

.pageHeading { 
	font-family: Tahoma, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	line-height: 130%;
	background-color: #003366;
	color: white;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 3px;
	padding-top: 3px; 
	padding-bottom: 3px;
}

.pageSubheading { 
	font-family: Tahoma, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #003366;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-top: 5px; 
	padding-bottom: 5px;
}

/* ====================================================== */
/* TABLES                                                 */
/* ====================================================== */

/* LISTINGS (users, submissions, etc.)                    */

.listingTable {
	font-family: Tahoma, sans-serif;
	font-size: 7.5pt;
	background-color: #F9FEFF;
	empty-cells: show;
	padding: 0px;
	margin: 0px;
	border: 1px solid #4682B4;
	border-right: 2px solid #003366;
	border-bottom: 2px solid #003366;
	width: 100%;
	max-width: 100%;
}

.listingTable tr {
	border-left: 1px solid #4682B4;
	border-right: 2px solid #003366;
}

.listingTable td, .listingTable th {
	border-bottom: 1px solid #E9E9E9;
	padding: 3px;
}

.listingTableTitle {
	/* main title, top of listing table                   */
	/* use as <div> class before table start              */
	font-family: Tahoma, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #4682B4;
	color: white;
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
}

.listingTableHeaderRow {
	/* topmost table row, contains column headings        */
	background-color: #FFFFE0;
	font-weight: bold;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
}

.listingTableHeaderRow td {
	border-bottom: 1px solid #F5DEB3;
	padding-top: 3px; 
	padding-bottom: 3px;
	padding-left: 3px;
	white-space: nowrap;
}

/* SUMMARIES (info on single user, submission, etc.)      */

.summaryTable {
	font-family: Tahoma, sans-serif;
	font-size: 10pt;
	background-color: #F9FEFF;
	empty-cells: show;
	border-collapse: collapse;
	margin: 0px;
	margin-top: 2px;
	padding: 1px;
	border: 1px solid #4682B4;
	border-right: 2px solid #003366;
	border-bottom: 2px solid #003366;
}

.summaryTable td, .summaryTable th {
	border-bottom: 1px solid #E7EEFF;
	margin: 0px;
	padding: 3px;
}

.summaryTableTitle {
	/* main title, top of summary table                   */
	/* use as <span> class before table start             */
	font-family: Tahoma, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #4682B4;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* FORMS                                                  */

.formTable {
	font-family: Tahoma, sans-serif;
	font-size: 9pt;
	background-color: #F9FEFF;
	empty-cells: show;
	margin: 0px;
	margin-top: 2px;
	border: 1px solid #4682B4;
	border-right: 2px solid #003366;
	border-bottom: 2px solid #003366;
}

.formTable td, .formTable th {
	border-bottom: 1px solid #E7EEFF;
	padding: 3px;
	vertical-align: top;
}

.formTableTitle {
	/* main title, top of form table                      */
	/* use as <span> class before table start             */
	font-family: Tahoma, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #4682B4;
	color: white;
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* ALL TABLES                                             */

.submitRow, .submitRow td, .submitRow th {
	background-color: #C0E0F6;
	border-top: 1px solid #4682B4;
	border-bottom: 1px solid #4682B4;
	padding-top: 3px; 
	padding-bottom: 3px;
	padding-left: 5px;
}

.subheadRow, .subheadRow td, .subheadRow th {
	background-color: #C0E0F6;
	border-bottom: 1px solid #4682B4;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.altRow {
	background-color: #E7EEFF;
}

/* ====================================================== */
/* NAVIGATION/ROLE TABS                                   */
/* ====================================================== */

#tabTable {
	background-color: #ffffff;
	font-family: Tahoma, sans-serif; 
	font-size: 8pt;
	font-weight: normal;
	margin: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 0px;
}

.tabSelected {
	background-color: #ffffff;
	font-weight: bold;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 2px solid black;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin-right: 10px;
}

.tabSelected a:link, .tabUnSelected a:link, .tabSelected a:visited, .tabUnSelected a:visited {
	color: black;
	text-decoration: none;
}

.tabSelected a:hover, .tabUnSelected a:hover {
	color: white;
	background-color: #003366;
	text-decoration: none;
}

.tabUnSelected {
	background-color: #FFEBCD;
	border-top: 1px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
	border-right: 1px solid #A9A9A9;
	border-bottom: 1px solid black;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 3px;
}

.tabSpacer {
	border-bottom: 1px solid black;
	padding-left: 0px;
	padding-right: 4px;
}

/* ====================================================== */
/* MISC                                                   */
/* ====================================================== */

.smallNote {
	color: #444444;
	font-size: 8pt;
	font-style: normal;
}

.loginStatus {
	font-family: Tahoma, sans-serif;
	font-size: 8pt;
	text-align: right;
	margin-bottom: 8px;
}

.requiredInput {
	color: #FF6347;
}

.functionLinks {
	margin-left: 20px;
	padding-left: 0px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 15px;
	color: #4682B4;
}

.previousReviewerRow, .completedAssignmentRow  {
    background-color: #DDFFDD;
}

.acceptedAssignmentRow  {
    background-color: #FFCC66;
}

.overDueAssignmentRow {
    background-color: #FFDDDD;
}

.button {
    font-weight: bold;
}

.helpButton {
	cursor: help;
	font-weight: bold; 
	color: #B22222;
}

ul.topicList {
	font-family: Tahoma, sans-serif;
	font-size: 9pt;
}

/* ====================================================== */
/* Dropzone                                               */
/* ====================================================== */