@charset "utf-8";


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Import Fonts ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 20, 2012 */

@font-face {
		font-family: 'BebasNeueRegular';
		src: url('../fonts/bebasneue-webfont.eot');
		src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/bebasneue-webfont.woff') format('woff'),
				 url('../fonts/bebasneue-webfont.ttf') format('truetype'),
				 url('../fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Basic HTML Element Configuration -------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


body, html {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #000;
	background: #d9d955 url(../images/bkgd.png) 0 0 repeat-x;
	}

body {
	min-width: 1060px;
	background: #d9d955 url(../images/bkgd.png) 0 0 repeat-x;
	}


/* ---------- Typography ------------------------------------------------------------------------ */


p	{
	margin: 0 0 20px 0;
	}

ul {
	margin: 0 0 24px 0;
	padding: 0 0 0 1.5em;
	}

ul li {
	background-color: transparent;
	margin: 0;
	padding: 0;
	}

ol {
	margin: 0 0 24px 0;
	padding: 0 0 0 1.5em;
	}

ol li {
	list-style-type: decimal;
	background-color: transparent;
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4, h5, h6 {
	background: transparent;
	color: #e86c1f;
	margin: 0;
	padding: 0;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	}

h1 {
	font-size: 50px;
	line-height: 60px;
	}

h2 {
	font-size: 25px;
	line-height: 30px;
	color: #005481;
	}

h3 {
	font-size: 20px;
	line-height: 25px;
	}

h4 {
	font-size: 16px;
	line-height: 20px;
	color: #000;
	}

h5 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #000;
	}

h6 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	font-style: normal;
	text-transform: none;
	color: #000;
	}

h2.orange, 
h3.orange, 
h4.orange, 
h5.orange, 
h6.orange {
	color: #e86c1f;
	}


.titleHighlight {
	color: #8ec2e9;
	}

h6 > span.titleHighlight {
	color: #000;
	font-weight: normal;
	}

a, a:link, a:visited {
	color: #000;
	background: transparent;
	text-decoration: underline;
	}

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


/* ---------- Form Elements --------------------------------------------------------------------- */


form, input, textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 13px;
	}

input {
	padding: 0 10px 0 10px;
	border: 1px solid #ccc;
	height: 30px;
	display: block;
	}

 input[type="text"]:disabled {
    color: #999;
    background: #fff url(../images/icon_disabled.png) 530px 6px no-repeat;
	} 

input[type="radio"] {
	border: 0px !important;
	margin: 4px 0 0 0;
	padding: 0;
	height: auto;
	}

input[type="checkbox"] {
	margin: 4px 0 0 0;
	padding: 0;
	height: auto;
	}

textarea {
	padding: 0 10px 0 10px;
	border: 1px solid #ccc;
	display: block;
	line-height: 20px;
	}

.submitButton {
	margin: 5px 0 20px 0;
	padding: 10px 20px 10px 20px;
	width: auto;
	color: #fff;
	background-color: #e29601;
	border: 1px solid #e29601;
	display: block;
	text-transform: uppercase;
	}

label {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	color: #666;
	}

textarea {
	margin: 0 0 5px 0;
	padding: 5px;
	width: 470px;
	border: 1px solid #ccc;
	display: block;
	}

.checkbox {
	margin: 7px 0 5px 0;
	width: 20px;
	display: inline;
	float: left;
	}

.checkboxLabel {
	text-transform: none;
	display: inline;
	}


/* ---------- Images ---------------------------------------------------------------------------- */


img {
	border: 0;
	margin: 0;
	padding: 0;
	display: block
	}


/* ---------- Video Embed ----------------------------------------------------------------------- */


object {
	width: 640px; 
	height: 360px;
	margin: 0 0 20px 0;
	padding: 0;
	}


/* ---------- DIVs and SPANs -------------------------------------------------------------------- */


div {
	margin: 0;
	padding: 0;
	}

span {
	margin: 0;
	padding: 0;
	}


/* ---------- Tables ---------------------------------------------------------------------------- */


table {
	border: 0;
	border-collapse: collapse;
	background-color: #fff;
	color: #000;
	width: 100%;
	margin: 0 0 10px 0;
	}

th, 
td {
	border-bottom: 1px dotted #bbdaf2;
	padding: 5px 20px 5px 0;
	background-color: #fff;
	text-align: left;
	vertical-align: top;
	color: #000;
	}

th {
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
	}

.small {
	font-size: 11px;
	}

.bold {
	font-weight: bold;
	}

.alert {
	color: #e86c1f;
	}

.uppercase {
	text-transform: uppercase;
	}

.noneSelected {
	color: #999;
	}

.action {
	padding: 5px 0 5px 0;
	width: 90px;
	}

.score {
	width: 50px;
	}

.scoreHighlight {
	color: #e86c1f;
	}

.pR30, 
.pad30 {
	padding-right: 30px;
	}

.pR10 {
	padding-right: 10px;
	}

.nopad {
	padding-right: 0;
	}

td.checkboxCell {
	width: 25px;
	padding-right: 0;
	}


/* ---------- Floats and Clearing Floats -------------------------------------------------------- */


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}

.clearfix {
	display: inline-block;
	}
	
html[xmlns] .clearfix {
	display: block;
	}

* html .clearfix {
	height: 1%;
	}

.clear {
	clear: both;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}

.noFloat {
	float: none !important;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Header and Main Navigation -------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#headerWrap {
	color: #000;
	background: #fff;
	width: 100%;
	height: 153px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
	}

#header {
	color: #000;
	background: #fff;
	width: 1020px;
	height: 153px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}

#logo {
	background: transparent;
	width: 222px;
	height: 133px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 13px;
	top: 10px;
	}

#logo h1 {
	background: transparent url(../images/logo.png) 0 0 no-repeat;
	width: 222px;
	height: 133px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}


/* ---------- Main Navigation and Tabs ---------------------------------------------------------- */


#navigation {
	background: transparent;
	width: 610px;
	height: 37px;
	position: absolute;
	left: 380px;
	bottom: 0;
	}

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

#navigation li {
	margin: 0; 
	padding: 0;
	list-style: none;
	float: left;
	}

#navigation a {
	color: #006a52;
	background: #fff;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	line-height: 33px;
	text-decoration: none;
	height: 33px;
	margin: 0;
	padding: 0 10px 0 10px;
	display: block;
	border-bottom: 4px solid #fff;
	}

#navigation a.on {
	color: #e86c1f;
	background: #fff;
	border-bottom-color: #e86c1f;
	text-decoration: none;
	}

#navigation a:hover, 
#navigation a.on:hover {
	color: #161536;
	background: #fff;
	border-bottom-color: #000;
	text-decoration: none;
	}


/* ---------- Secondary Navigation Bar  --------------------------------------------------------- */


#subnavWrap {
	background: transparent;
	width: 100%;
	height: 35px;
	margin: 0;
	padding: 0 0 -35px 0;
	}

#subnav {
	background: transparent;
	width: 1020px;
	height: 35px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}

#subnavTabs {
	color: #fff;
	background: #ccc;
	width: 610px;
	height: 35px;
	margin-left: 380px;
	overflow: hidden;
	}

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

#subnavTabs li {
	margin: 0; 
	padding: 0;
	list-style: none;
	border-right: 1px dotted #fff;
	float: left;
	}

#subnavTabs a {
	color: #fff;
	background: #ccc;
	text-decoration: none;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
	margin: 0;
	padding: 0 10px 0 10px;
	display: block;
	}

#subnavTabs a.on {
	background: #b7b7b7;
	text-decoration: none;
	}

#subnavTabs a:hover, 
#subnavTabs a.on:hover {
	background: #000;
	text-decoration: none;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Dropdown Menus -------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


/* User Dropdown Menu in Site Header */

#userWrap {
	color: #000;
	background: #fff;
	width: 100%;
	height: 42px;
	margin: 0;
	padding: 0;
	}

#userBody {
	background: transparent;
	width: 1020px;
	height: 32px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	}

#user {
	background: transparent;
	width: 300px;
	height: 32px;
	margin: 0 0 0 690px;
	padding: 0;
	}

#userLabel {
	background: transparent;
	width: 105px;
	height: 32px;
	margin: 0;
	padding: 0 15px 0 0;
	text-align: right;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 32px;
	float: left;
	}

#userDropdown {
	margin: 0;
	width: 180px;
	float: right;
	}


/* Edit Course View Switcher */

#courseDropdown {
	margin: 0;
	width: 170px;
	float: left;
	}


/* View Switcher Dropdown */

.viewSwitcher, 
#viewSwitcher, 
#viewCourses, 
#viewSeries { 
	margin: 0;
	width: 170px;
	float: left;
	}

#viewSeries { 
	margin-left: 30px;
	}

/* View Switcher Label */

.switcherLabel {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #bebebe;
	width: 170px;
	height: 20px;
	}

/* Admin Dropdowns */

.editDropdown560 {
	margin: 0;
	width: 560px;
	float: left;
	}

.editDropdown300 {
	margin: 0;
	width: 300px;
	float: left;
	}

.editDropdown120 {
	margin: 0;
	width: 120px;
	float: left;
	}

.editDropdown70 {
	margin: 0;
	width: 70px;
	float: left;
	}


/* School Chooser (Short, For Supervisor Reports List) */

td.schoolChooser {
	width: 180px;
	padding: 3px 30px 3px 0;
	}


/* ---------- Dropdown Menu Container Lists -------------------------------------------------------------------- */


.schoolChooser ul, 
.editDropdown560 ul, 
.editDropdown300 ul, 
.editDropdown120 ul, 
.editDropdown70 ul, 
.viewSwitcher ul, 
#viewSwitcher ul, 
#viewCourses ul, 
#viewSeries ul, 
#userDropdown ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

.schoolChooser ul li, 
.editDropdown560 ul li, 
.editDropdown300 ul li, 
.editDropdown120 ul li, 
.editDropdown70 ul li, 
.viewSwitcher ul li, 
#viewSwitcher ul li, 
#viewCourses ul li, 
#viewSeries ul li, 
#userDropdown ul li {
	display: inline;
	float: left;
	}


/* Container List Links */


#userDropdown ul li a.dropdown {
	color: #000;
	background-color: #fff;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	display: block;
	width: 160px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	border: 1px solid #ccc;
	}

#userDropdown ul li a.dropdown {
	background-position: 160px 13px;
	}

.viewSwitcher ul li a.dropdown, 
#viewSwitcher ul li a.dropdown, 
#viewCourses ul li a.dropdown, 
#viewSeries ul li a.dropdown, 
.schoolChooser ul li a.dropdown, 
.editDropdown560 ul li a.dropdown, 
.editDropdown300 ul li a.dropdown, 
.editDropdown120 ul li a.dropdown, 
.editDropdown70 ul li a.dropdown {
	color: #000;
	background-color: #fff;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	display: block;
	width: 148px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	border: 1px solid #ccc;
	}

.viewSwitcher ul li a.dropdown, 
#viewSwitcher ul li a.dropdown, 
#viewCourses ul li a.dropdown, 
#viewSeries ul li a.dropdown {
	background-position: 148px 13px;
	}

.schoolChooser ul li a.dropdown {
	background-position: 148px 8px;
	height: 23px;
	line-height: 23px;
	}

.editDropdown560 ul li a.dropdown {
	background-position: 538px 13px;
	width: 538px;
	}

.editDropdown300 ul li a.dropdown {
	background-position: 278px 13px;
	width: 278px;
	}

.editDropdown120 ul li a.dropdown {
	background-position: 98px 13px;
	width: 98px;
	}

.editDropdown70 ul li a.dropdown {
	background-position: 48px 13px;
	width: 48px;
	}


/* Container List Links with noneSelected class applied */


.viewSwitcher ul li a.noneSelected, 
#viewSwitcher ul li a.noneSelected, 
#viewCourses ul li a.noneSelected, 
#viewSeries ul li a.noneSelected, 
#userDropdown ul li a.noneSelected, 
.schoolChooser ul li a.noneSelected, 
.editDropdown560 ul li a.noneSelected, 
.editDropdown300 ul li a.noneSelected, 
.editDropdown120 ul li a.noneSelected, 
.editDropdown70 ul li a.noneSelected {
	color: #999;
	}


/* Container List Links on Hover */


.viewSwitcher ul li a.dropdown:hover, 
#viewSwitcher ul li a.dropdown:hover, 
#viewCourses ul li a.dropdown:hover, 
#viewSeries ul li a.dropdown:hover, 
#userDropdown ul li a.dropdown:hover, 
.schoolChooser ul li a.dropdown:hover, 
.editDropdown560 ul li a.dropdown:hover, 
.editDropdown300 ul li a.dropdown:hover, 
.editDropdown120 ul li a.dropdown:hover, 
.editDropdown70 ul li a.dropdown:hover {
	color: #fff;
	background-color: #e86c1f;
	text-decoration: none;
	display: block;
	border: 1px solid #e86c1f;
	}

.viewSwitcher ul li a.dropdown:hover, 
#viewSwitcher ul li a.dropdown:hover, 
#viewCourses ul li a.dropdown:hover, 
#viewSeries ul li a.dropdown:hover, 
.schoolChooser ul li a.dropdown:hover {
	background-position: 148px -37px;
	}

#userDropdown ul li a.dropdown:hover {
	background-position: 160px -37px;
	}

.schoolChooser ul li a.dropdown:hover {
	background-position: 150px -42px;
	}

.editDropdown560 ul li a.dropdown:hover {
	background-position: 538px -37px;
	}

.editDropdown300 ul li a.dropdown:hover {
	background-position: 278px -37px;
	}

.editDropdown120 ul li a.dropdown:hover {
	background-position: 98px -37px;
	}

.editDropdown70 ul li a.dropdown:hover {
	background-position: 48px -37px;
	}


/* ---------- Dropdown Menu Flyout Panes -------------------------------------------------------- */


.schoolChooser ul li.sublinks, 
.editDropdown560 ul li.sublinks, 
.editDropdown300 ul li.sublinks, 
.editDropdown120 ul li.sublinks, 
.editDropdown70 ul li.sublinks, 
.viewSwitcher ul li.sublinks, 
#viewSwitcher ul li.sublinks, 
#viewCourses ul li.sublinks, 
#viewSeries ul li.sublinks, 
#userDropdown ul li.sublinks {
	margin-top: 2px;
	}


/* Flyout Pane Links */


.schoolChooser ul li.sublinks a, 
.editDropdown560 ul li.sublinks a, 
.editDropdown300 ul li.sublinks a, 
.editDropdown120 ul li.sublinks a, 
.editDropdown70 ul li.sublinks a, 
.viewSwitcher ul li.sublinks a, 
#viewSwitcher ul li.sublinks a, 
#viewCourses ul li.sublinks a, 
#viewSeries ul li.sublinks a, 
#userDropdown ul li.sublinks a {
	color: #000;
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.schoolChooser ul li.sublinks a, 
.viewSwitcher ul li.sublinks a, 
#viewSwitcher ul li.sublinks a, 
#viewCourses ul li.sublinks a, 
#viewSeries ul li.sublinks a {
	width: 148px;
	}

#userDropdown ul li.sublinks a {
	width: 160px;
	}

.editDropdown560 ul li.sublinks a {
	width: 538px;
	}

.editDropdown300 ul li.sublinks a {
	width: 278px;
	}

.editDropdown120 ul li.sublinks a {
	width: 98px;
	}

.editDropdown70 ul li.sublinks a {
	width: 48px;
	}


/* Flyout Pane Links on Hover */


.schoolChooser ul li.sublinks a:hover, 
.editDropdown560 ul li.sublinks a:hover, 
.editDropdown300 ul li.sublinks a:hover, 
.editDropdown120 ul li.sublinks a:hover, 
.editDropdown70 ul li.sublinks a:hover, 
.viewSwitcher ul li.sublinks a:hover, 
#viewSwitcher ul li.sublinks a:hover, 
#viewCourses ul li.sublinks a:hover, 
#viewSeries ul li.sublinks a:hover, 
#userDropdown ul li.sublinks a:hover {
	color: #fff;
	background: #e86c1f;
	text-decoration: none;
	display: block;
	border-left: 1px solid #e86c1f;
	border-right: 1px solid #e86c1f;
	border-bottom: 1px solid #e86c1f;
	}


/* Hide Flyout Pane Until Needed */

.schoolChooser ul li.sublinks, 
.editDropdown560 ul li.sublinks, 
.editDropdown300 ul li.sublinks, 
.editDropdown120 ul li.sublinks, 
.editDropdown70 ul li.sublinks, 
.viewSwitcher ul li.sublinks, 
#viewSwitcher ul li.sublinks, 
#viewCourses ul li.sublinks, 
#viewSeries ul li.sublinks, 
#userDropdown ul li.sublinks {
	display:none;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Body Columns ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#bodyWrap {
	background: transparent;
	width: 100%;
	margin: 0;
	padding: 0;
	}

#body {
	background: #fff;
	width: 960px;
	margin: 0 auto;
	padding: 25px 30px 0 30px;
	}


/* ---------- Generic Body Column Widths -------------------------------------------------------- */


.column960, 
.column660, 
.column270 {
	background: transparent;
	margin: 0;
	padding: 0;
	}

.column960 {
	width: 960px;
	}

.column660 {
	width: 660px;
	}

.column270 {
	width: 270px;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Controls / Search Bar ------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#searchBar {
	width: 960px;
	margin-bottom: 30px;
	}
	
#buttonLeft {
	float: left;
	}
	
#buttonRight {
	float: right;
	}
	
#buttonRight a.mainButton {
	margin-right: 0;
	}

.shortCol {
	margin-right: 250px;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Search Box ------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------- */


#search {
	width: 220px;
	height: 32px;
	float: right;
	position: relative;
	}
	
#searchBox {
	background: #fff;
	width: 138px;
	height: 30px;
	padding: 0 10px 0 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	}

#search label {
	background: transparent;
	color: #000;
	width: 138px;
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	text-transform: none;
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 100;
	}

#searchButton {
	background: #005481;
	color: #fff;
	width: 48px;
	height: 32px;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 32px;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	}
	
#searchButton:hover {
	background: #000;
	cursor: pointer;
	}


/* Updated Search Box - built in padding to account for dropdown labels - implemented for Phase 8 */


#pageSearch {
	width: 220px;
	height: 52px;
	float: right;
	position: relative;
	}
	
#pageSearchBox {
	background: #fff;
	width: 138px;
	height: 30px;
	padding: 0 10px 0 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 50;
	}

#pageSearch label {
	background: transparent;
	color: #000;
	width: 138px;
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	text-transform: none;
	position: absolute;
	bottom: 0;
	left: 10px;
	z-index: 100;
	}

#pageSearchButton {
	background: #005481;
	color: #fff;
	width: 48px;
	height: 32px;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 32px;
	border: none;
	position: absolute;
	bottom: 0;
	right: 0;
	}
	
#pageSearchButton:hover {
	background: #000;
	cursor: pointer;
	}


/* ---------- Date Chooser ---------------------------------------------------------------------- */


#dateChooser {
	width: 340px;
	height: 32px;
	float: left;
	padding: 0;
	margin: 0 0 0 30px;
	}

#dateChooserReports {
	width: 340px;
	height: 32px;
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
	}

.dateChooser {
	width: 330px;
	white-space: nowrap;
	}

a.dateButton {
	background: #fff url(../images/icon_calendar.png) 130px 4px no-repeat;
	width: 113px;
	height: 30px;
	display: block;
	border: 1px solid #ccc;
	float: left;
	padding: 0 35px 0 10px;
	margin: 0 10px 0 0;
	line-height: 30px;
	text-decoration: none;
	}

td.dateChooser a.dateButton {
	background-position: 130px 1px;
	height: 23px;
	margin-top: -2px;
	margin-bottom: -2px;
	line-height: 23px;
	}

a.dateButton:hover {
	background-position: 130px -96px;
	background-color: #e86c1f;
	border-color: #e86c1f;
	color: #fff;
	text-decoration: none;
	}

td.dateChooser a.dateButton:hover {
	background-position: 130px -99px;
	}

.dateLabel {
	text-transform: uppercase;
	font-size: 11px;
	}


/* Updated date chooser for Phase 7 */


#dateFrom {
	}

#dateTo {
	}

.dateWidget {
	background: #fff;
	width: 168px;
	height: 30px;
	border: 1px solid #ccc;
	float: left;
	margin: 0;
	padding: 0;
	}

.dateLabel {
	text-transform: uppercase;
	font-size: 11px;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	display: block;
	float: left;
	}

#dateFrom .dateLabel {
	width: 40px;
	}

#dateTo .dateLabel {
	width: 25px;
	}

#dateFrom input[type="text"], 
#dateTo input[type="text"] {
	float: left;
	border: none;
	padding-left: 0;
	padding-right: 0;
	}

#dateFrom input[type="text"] {
	width: 75px;
	}

#dateTo input[type="text"] {
	width: 90px;
	}

a.calendarButton {
	background: #fff url(../images/icon_calendar.png) center 4px no-repeat;
	width: 33px;
	height: 30px;
	text-indent: -99999px;
	display: block;
	float: right;
	}

a.calendarButton:hover {
	background-position: center -196px;
	}

#lastDate {
	}

.lastDateWidget {
	background: #fff;
	width: 658px;
	height: 30px;
	border: 1px solid #ccc;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	}

#lastDate .dateLabel {
	width: 140px;
	}

#lastDate input[type="text"] {
	float: left;
	border: none;
	padding-left: 0;
	padding-right: 0;
	}

#lastDate input[type="text"] {
	width: 470px;
	}

#lastDateLocked {
	height: 30px;
	line-height: 30px;
	width: 508px;
	float: left;
    background: #fff url(../images/icon_disabled.png) 478px 6px no-repeat;
	}








/* ---------------------------------------------------------------------------------------------- */
/* ---------- Controls / Tab Navigation ------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


ul.tabNav {
	background: #ccc;
	width: 960px;
	margin: 10px 0 15px 0; 
	padding: 20px 0 0 0;
	list-style: none;
	}

ul.tabNav li {
	margin: 0 0 0 10px; 
	padding: 0;
	list-style: none;
	float: left;
	}

ul.tabNav li a { 
	background: #999;
	color: #fff;
	height: 35px;
	line-height: 35px;
	margin: 0;
	padding: 0 10px 0 10px;
	display: block;
	text-decoration: none;
	border: 1px solid #999;
	}

ul.tabNav li.activeTab a {
	color: #000;
	background-color: #fff;
	border: 1px solid #fff;
	font-weight: bold;
	}

ul.tabNav li a:hover, 
ul.tabNav li.activeTab a:hover {
	background: #000;
	text-decoration: none;
	border: 1px solid #000;
	color: #fff;
	}























/* ---------------------------------------------------------------------------------------------- */
/* ---------- Action Buttons -------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


a.mainButton {
	background: #e86c1f;
	color: #fff;
	display: block;
	width: 148px;
	height: 30px;
	margin: 0 10px 0 0;
	padding: 0 15px 0 15px;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	text-decoration: none;
	line-height: 30px;
	border: 1px solid #e86c1f;
	float: left;
	}

a.mainButton:hover {
	background: #000;
	text-decoration: none;
	border: 1px solid #000;
	}

a.addButton {
	background: #005481;
	border: 1px solid #005481;
	}


a.buttonRight {
	margin-right: 0;
	float: right;
	}

a.outputButton, 
a.editButton, 
a.browseButton {
	background: #005481;
	color: #fff;
	display: block;
	height: 30px;
	padding: 0;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	line-height: 30px;
	border: 1px solid #005481;
	float: left;
	}

a.editButton {
	width: 118px;
	margin: 0 0 0 20px;
	}

a.outputButton {
	width: 118px;
	margin: 0 0 0 10px;
	}

a.noMargin {
	margin: 0;
	}

a.browseButton {
	width: 108px;
	margin: 0 0 0 10px;
	}

a.editButton:hover, 
a.browseButton:hover {
	background: #000;
	text-decoration: none;
	border: 1px solid #000;
	}

a#cancelButton, 
a.cancelButton, 
a.saveButton, 
a#cancelButton, 
a#saveButton, 
a#previewButton, 
a#cancelPrevButton, 
a#savePrevButton {
	color: #fff;
	display: block;
	width: 108px;
	height: 30px;
	padding: 0;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	line-height: 30px;
	float: left;
	}

a#cancelPrevButton {
	background: #e86c1f;
	border: 1px solid #e86c1f;
	margin: 0 0 0 10px;
	}

a.cancelButton, 
a#cancelButton {
	background: #e86c1f;
	border: 1px solid #e86c1f;
	margin: 0 0 0 730px;
	}

a.cancelButton {
	margin-left: 335px;
	}

a.saveButton, 
a#previewButton, 
a#savePrevButton,
a#saveButton {
	background: #006a52;
	border: 1px solid #006a52;
	margin: 0 0 0 10px;
	}

a#previewButton {
	margin-left: 420px;
	}

#saveButtonsPrev a#previewButton {
	margin-left: 610px;
	}

a.outputButton:hover, 
a.cancelButton:hover, 
a.saveButton:hover, 
a#previewButton:hover, 
a#cancelButton:hover, 
a#cancelPrevButton:hover, 
a#savePrevButton:hover,
a#saveButton:hover {
	background: #000;
	border: 1px solid #000;
	}


/* ---------- Modular Buttons, Implemented Starting in Phase 5 -------------------------------------------------------------- */


#saveButtons, 
#saveButtonsPrev {
	width: 960px;
	margin: 0;
	padding: 0;
	}

.saveButtons660 {
	width: 660px;
	margin: 0;
	padding: 0;
	}

a.button {
	color: #fff;
	background-color: #999;
	border: 1px solid #999;
	display: block;
	width: 118px;
	height: 30px;
	padding: 0;
	margin: 0;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	line-height: 30px;
	overflow: hidden;
	}

a.button:hover {
	background-color: #000;
	border-color: #000;
	}


/* Apply Colors */


a.green {
	background-color: #006a52;
	border: 1px solid #006a52;
	}

a.orange {
	background-color: #e86c1f;
	border: 1px solid #e86c1f;
	}

a.red {
	background-color: #b45340;
	border: 1px solid #b45340;
	}

a.blue {
	background-color: #005481;
	border: 1px solid #005481;
	}


/* Apply Margins */

.L10, 
input.L10, 
a.L10 {
	margin-left: 10px;
	}

.R5, 
input.R5, 
a.R5 {
	margin-right: 5px;
	}

.L20, 
input.L20, 
a.L20 {
	margin-left: 20px;
	}

.L30, 
input.L30, 
a.L30 {
	margin-left: 30px;
	}

.B30 {
	margin-bottom: 30px;
	}

.T30 {
	margin-top: 30px;
	}



/* Apply Widths */


a.fullWidth {
	width: 100%;
	}

a.wide {
	width: 180px;
	}

a.halfSidebar {
	width: 128px;
	}


/* Make Button Appear Unclickable */


a.buttonUnavailable {
	background-color: #d9d9d9;
	border: 1px solid #d9d9d9;
	}

a.buttonUnavailable:hover {
	background-color: #d9d9d9;
	border: 1px solid #d9d9d9;
	cursor: default;
	}


/* ---------- Large "Arrow" Buttons (Performance Appraisals) ------------------------------------ */


a.arrow {
	background-image: url(../images/arrow_buttonMask.png);
	background-position: right center;
	background-repeat: no-repeat;
	display: block;
	width: 240px;
	height: 52px;
	padding-right: 30px;
	font-size: 25px;
	line-height: 52px;
	border: none;
	}

a.reject {
	display: block;
	width: 180px;
	height: 52px;
	font-size: 25px;
	line-height: 52px;
	border: none;
	}

a.rejectUnavailable, 
a.arrowUnavailable {
	background-color: #d9d9d9;
	}

a.rejectUnavailable, 
a.arrowUnavailable:hover {
	background-color: #d9d9d9;
	cursor: default;
	}


/* ---------- Small "Action" Buttons (Used in Tables) -------------------------------------------------------------- */


a.actionButton {
	background: #fff;
	width: 70px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #e86c1f;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
	padding: 0 10px 0 10px;
	display: block;
	}

a.actionButton:hover {
	background: #e86c1f;
	color: #fff;
	text-decoration: none;
	}

a.withdraw {
	border: 1px solid #8ec2e9;
	}

a.withdraw:hover {
	background: #8ec2e9;
	}

a.elearning {
	border: 1px solid #006a52;
	}

a.elearning:hover {
	background: #006a52;
	}


/* Make Button Appear Unclickable */


a.actionUnavailable {
	border: 1px solid #ccc;
	color: #999;
	}

a.actionUnavailable:hover {
	border: 1px solid #ccc;
	color: #999;
	background: #fff;
	text-decoration: none;
	cursor: default;
	}


/* ---------- Small "Action" Buttons (Used in Performance Convo Sequence) -------------------------------------------------------------- */


a.convoButton {
	background: transparent;
	color: #999;
	width: 70px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #999;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 0 10px 0 10px;
	display: block;
	float: right;
	margin-top: 10px;
	}

a.convoButton:hover {
	background: #000;
	border-color: #000;
	color: #fff;
	text-decoration: none;
	}


/* ---------- Full-Screen "Add" Buttons --------------------------------------------------------- */


a.hugeButton, 
a.hugeButton660, 
a.hugeButton960 {
	background: #006a53 url(../images/icon_addHuge.png) center center no-repeat;
	color: #fff;
	height: 52px;
	margin: 0 0 8px 0;
	padding: 0 10px;
	display: block;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 25px;
	text-decoration: none;
	line-height: 52px;
	}

a.hugeButton {
	width: 690px;
	}

a.hugeButton660 {
	width: 640px;
	}

a.hugeButton960 {
	width: 940px;
	}

a.hugeButton960:hover, 
a.hugeButton660:hover, 
a.hugeButton:hover {
	background-color: #000;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Table Column Sorter --------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


table.tablesorter thead tr .header {
	background-image: url(../images/arrow_off.png);
	background-repeat: no-repeat;
	background-position: 0 11px;
	cursor: pointer;
	}

table.tablesorter thead tr .headerPF {
	background-position: 23px 11px;
	}

table.tablesorter thead tr .headerRole, 
table.tablesorter thead tr .headerYear, 
table.tablesorter thead tr .headerDate, 
table.tablesorter thead tr .headerTime {
	background-position: 30px 11px;
	}

table.tablesorter thead tr .headerScore, 
table.tablesorter thead tr .headerUnion,
table.tablesorter thead tr .headerName {
	background-position: 34px 11px;
	}

table.tablesorter thead tr .headerSeries {
	background-position: 38px 11px;
	}

table.tablesorter thead tr .headerSchool {
	background-position: 40px 11px;
	}

table.tablesorter thead tr .headerUserID,
table.tablesorter thead tr .headerStatus {
	background-position: 41px 11px;
	}

table.tablesorter thead tr .headerValidTo {
	background-position: 47px 11px;
	}

table.tablesorter thead tr .headerJobTitle {
	background-position: 50px 11px;
	}

table.tablesorter thead tr .headerLocation, 
table.tablesorter thead tr .headerID {
	background-position: 52px 11px;
	}

table.tablesorter thead tr .headerCourseID, 
table.tablesorter thead tr .headerEmployee,
table.tablesorter thead tr .headerDateSent, 
table.tablesorter thead tr .headerTimeSent, 
table.tablesorter thead tr .headerFile {
	background-position: 55px 11px;
	}

table.tablesorter thead tr .headerUserType, 
table.tablesorter thead tr .headerUsername {
	background-position: 57px 11px;
	}

table.tablesorter thead tr .headerLastName {
	background-position: 58px 11px;
	}

table.tablesorter thead tr .headerCompleted, 
table.tablesorter thead tr .headerActionDue, 
table.tablesorter thead tr .headerPageName {
	background-position: 60px 11px;
	}

table.tablesorter thead tr .headerEventType, 
table.tablesorter thead tr .headerFormName, 
table.tablesorter thead tr .headerValidFrom,
table.tablesorter thead tr .headerReviewDue, 
table.tablesorter thead tr .headerSupervisor, 
table.tablesorter thead tr .headerInstructor, 
table.tablesorter thead tr .headerFirstName {
	background-position: 62px 11px;
	}

table.tablesorter thead tr .headerGroupName {
	background-position: 65px 11px;
	}

table.tablesorter thead tr .headerReviewDate, 
table.tablesorter thead tr .headerEnrollment, 
table.tablesorter thead tr .headerEmployeeID,
table.tablesorter thead tr .headerGroup {
	background-position: 67px 11px;
	}

table.tablesorter thead tr .headerEmployment,
table.tablesorter thead tr .headerNotification, 
table.tablesorter thead tr .headerAnniversary, 
table.tablesorter thead tr .headerDepartment {
	background-position: 70px 11px;
	}

table.tablesorter thead tr .headerCourseName {
	background-position: 72px 11px;
	}

table.tablesorter thead tr .headerCertification {
	background-position: 75px 11px;
	}

table.tablesorter thead tr .headerManagerName {
	background-position: 82px 11px;
	}

table.tablesorter thead tr .headerMeritIncrease, 
table.tablesorter thead tr .headerOverallRating, 
table.tablesorter thead tr .headerEmployeeName {
	background-position: 85px 11px;
	}

table.tablesorter thead tr .headerIssuingAuthority, 
table.tablesorter thead tr .headerPrimaryManager {
	background-position: 98px 11px;
	}

table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/arrow_up.png);
	}

table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/arrow_down.png);
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Pagination for Tables and Lists --------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


ul.tableNav {
	list-style: none;
	padding: 0;
	margin: 0;
	}

ul.tableNav li {
	list-style: none;
	height: 32px;
	overflow: hidden;
	padding: 0;
	margin: 0 8px 0 0;
	line-height: 30px;
	text-align: center;
	float: left;
	}

ul.tableNav li a {
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	padding: 0;
	margin: 0;
	border: 1px solid #ccc;
	}

ul.tableNav li.continued {
	width: 30px;
	}

ul.tableNav li a.on {
	background: #005481;
	border: 1px solid #005481;
	color: #fff;
	}

ul.tableNav li a:hover, 
ul.tableNav li a.on:hover {
	background: #000;
	border: 1px solid #000;
	text-decoration: underline;
	color: #fff;
	}

ul.tableNav li a.previous, 
ul.tableNav li a.next, 
ul.tableNav li a.previousOff, 
ul.tableNav li a.nextOff {
	background: #fff url(../images/arrow_tableNav.png) 0 4px no-repeat;
	width: 18px;
	border: 1px solid #fff;
	text-indent: -9999px;
	}

ul.tableNav li a.previous {
	}

ul.tableNav li a.previousOff {
	background-position: 0 -56px;
	}

ul.tableNav li a.next {
	background-position: -30px 4px;
	}

ul.tableNav li a.nextOff {
	background-position: -30px -56px;
	}

ul.tableNav li a.previous:hover {
	background-position: 0 -26px;
	}

ul.tableNav li a.next:hover {
	background-position: -30px -26px;
	}

ul.tableNav li a.previousOff:hover {
	background-position: 0 4px;
	}

ul.tableNav li a.nextOff:hover {
	background-position: -30px 4px;
	}

#tableNavContainer {
	width: 960px;
	}


/* ---------- Updated Pagination - Implemented as Part of Phase 5 ------------------------------- */


.tablePaginate {
	float: right;
	}

ul.pageNav {
	list-style: none;
	padding: 0;
	margin: 0;
	}

ul.pageNav li {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
	float: left;
	}

ul.pageNav li a {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 30px;
	padding: 0;
	margin: 0;
	}

ul.pageNav li a.pageNavPrevious, 
ul.pageNav li a.pageNavNext {
	background-color: transparent;
	background-image: url(../images/arrow_tableNav.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	}

ul.pageNav li a.pageNavPrevious {
	background-position: 5px 5px;
	}

ul.pageNav li a.pageNavNext {
	background-position: -22px 5px;
	}

ul.pageNav li a.pageNavPrevious:hover {
	background-position: 5px -85px;
	cursor: pointer;
	}

ul.pageNav li a.pageNavNext:hover {
	background-position: -22px -85px;
	cursor: pointer;
	}

ul.pageNav li a.pagePreviousOff, 
ul.pageNav li a.pagePreviousOff:hover {
	background-position: 5px -55px;
	cursor: default;
	}

ul.pageNav li a.pageNextOff, 
ul.pageNav li a.pageNextOff:hover {
	background-position: -22px -55px;
	cursor: default;
	}

ul.pageNav li input.pageNavDisplay {
	background-color: #fff;
	border-color: #fff;
	color: #666;
	padding: 0;
	text-align: left;
	width: 120px;
	height: 28px;
	}

ul.pageNav li a.pageNavAll {
	background: #fff;
	color: #666;
	height: 18px;
	width: auto;
	font-size: 11px;
	line-height: 16px;
	border: 1px solid #ccc;
	text-decoration: none;
	text-transform: uppercase;
	margin: 6px 5px 0 0;
	padding: 0 10px 0 10px;
	display: block;
	cursor: pointer;
	}

ul.pageNav li a.pageNavAll:hover {
	background: #e86c1f;
	border-color: #e86c1f;
	color: #fff;
	text-decoration: none;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Page Detail/Overview Table with Labels -------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#courseDetails {
	width: 100%;
	}

#sidebarDetails {
	width: 240px;
	margin-bottom: 40px;
	}

#sidebarDetails td, 
#sidebarDetails th, 
#courseDetails th, 
#courseDetails td {
	border-bottom: none;
	}

.cellLabel {
	text-transform: uppercase;
	font-size: 11px;
	white-space: nowrap;
	}

#evaluationScores {
	margin-bottom: 0;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Error Table for Bulk User Upload -------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#errorTable {
	width: 959px;
	overflow-x: scroll;
	overflow-y: visible;
	margin-bottom: 10px;
	padding-top: 20px;
	}

#errorTable table {
	border-collapse: collapse;
	background-color: #fff;
	color: #000;
	width: 100%;
	margin: 0;
	}

#errorTable table tr th, 
#errorTable table tr td {
	border: 1px solid #ccc;
	padding: 5px 20px;
	background-color: #fff;
	text-align: left;
	vertical-align: top;
	color: #000;
	white-space: nowrap;
	}

#errorTable table tr td.lineNumber {
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
	background-color: #ccc;
	color: #fff;
	}

#errorTable table tr td.errorCell {
	background-color: #b45340;
	color: #fff;
	cursor: help;
	position: relative;
	-webkit-transform: translateZ(0); /* webkit flicker fix */
	-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
	}


/* ---------- Error Table Tool Tips ------------------------------------------------------------- */


#errorTable table tr td.errorCell div.toolTip {
	background: #000 url(../images/icon_help.png) 10px 12px no-repeat;
	color: #fff;
	margin-bottom: 15px;
	padding: 10px 20px 15px 40px;
	width: 180px;
	height: auto;
	white-space: normal;
	position: absolute;
	left: -50px;
	bottom: 20px;
	display: none;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	}


/* This bridges the gap so you can mouse into the tooltip without it disappearing */

#errorTable table tr td.errorCell div.toolTip:before {
	bottom: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
	}  


/* CSS Triangle */

#errorTable table tr td.errorCell div.toolTip:after {
	border-left: solid transparent 10px;
	border-right: solid transparent 10px;
	border-top: solid #000 10px;
	bottom: -10px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	width: 0;
	}

#errorTable table tr td.errorCell:hover div.toolTip {
	display: block;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Tool Tips (when used alone in a Table column) ------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


td.cellNotify {
	padding-right: 10px;
	width: 20px;
	}

a.notification {
	background: transparent url(../images/icon_help_small.png) center 2px no-repeat; 
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -99999px;
	position: relative;
	}

a.notification:hover {
	background-position: center -98px;
	}

/* CSS Tool Tip */

.notification:hover:after{
	content: attr(data-title);
	background: #000 url(../images/icon_help.png) 10px 15px no-repeat;
	color: #fff;
	text-indent: 0;
	padding: 10px 20px 10px 40px;
	width: 180px;
	height: auto;
	position: absolute;
	left: -100px;
	bottom: 27px;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	}
		
/* CSS Triangle */

.notification:hover:before{
	border-left: solid transparent 10px;
	border-right: solid transparent 10px;
	border-top: solid #000 10px;
	bottom: 17px;
	content: " ";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Course Details Quiz --------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#quiz p {
	width: 530px;
	font-size: 11px;
	line-height: 15px;
	float: right;
	}

a.quizButton {
	background: #e86c1f;
	color: #fff;
	display: block;
	width: 80px;
	height: 30px;
	margin: 0;
	padding: 0 15px 0 15px;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	text-decoration: none;
	line-height: 30px;
	border: 1px solid #e86c1f;
	float: left;
	}

a.quizButton:hover {
	background: #000;
	text-decoration: none;
	border: 1px solid #000;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Sidebar Boxes --------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


.sidebar {
	background: #ffe49c;
	margin-bottom: 30px;
	}

.sidebarHead {
	background: #ffe49c;
	margin: 0;
	padding: 5px 30px 5px 30px;
	}

.sidebarHead h1, 
.sidebarHead h2, 
.sidebarHead h3, 
.sidebarHead h4, 
.sidebarHead h5, 
.sidebarHead h6 {
	color: #006a52;
	}

.sidebarBody {
	background: #ffe49c;
	padding: 5px 30px 5px 30px;
	border-top: 1px dotted #fff;
	}

.sidebarBody p {
	margin: 0;
	}

.sidebarFoot {
	background: #ffe49c;
	border-top: 1px dotted #fff;
	text-align: right;
	padding: 5px 30px 5px 30px;
	}

.sidebarFoot a {
	background: transparent url(../images/arrow_right.png) right -199px no-repeat;
	color: #006a52;
	padding: 0 12px 0 0;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	}

.sidebarFoot a:hover {
	background-position: right -149px;
	color: #000;
	text-decoration: underline;
	}

#sidebarEnroll {
	padding: 0 30px 0 30px;
	margin: 13px 0 20px 0;
	}

#sidebarEnroll a.mainButton {
	float: none;
	width: 180px;
	}

#sidebarGeneric {
	padding: 0 30px 0 30px;
	}


/* ---------- Sidebar Box with Grey Background - Phase 5 ---------------------------------------- */


.sidebarBox {
	background: #ccc;
	margin-bottom: 30px;
	width: 270px;
	}

div.sidebarBox div.sidebarHead {
	background: #ccc;
	margin: 0;
	padding: 5px 30px 5px 30px;
	}

div.sidebarBox div.sidebarHead h1, 
div.sidebarBox div.sidebarHead h2, 
div.sidebarBox div.sidebarHead h3, 
div.sidebarBox div.sidebarHead h4, 
div.sidebarBox div.sidebarHead h5, 
div.sidebarBox div.sidebarHead h6 {
	color: #005481;
	}

div.sidebarBox div.sidebarBody {
	background: #ccc;
	padding: 5px 30px 15px 30px;
	border-top: 1px dotted #fff;
	}

div.sidebarBox div.sidebarBody p:last-child {
	margin: 0;
	}

div.sidebarBox div.sidebarBody ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	}

div.sidebarBox div.sidebarBody ul li {
	list-style: none;
	border-bottom: 1px dotted #999;
	padding: 5px 0;
	}

div.sidebarBox div.sidebarNav {
	background: #ccc;
	padding: 0 30px 20px 30px;
	}

div.sidebarBox div.sidebarSubmit {
	background: #ccc;
	padding: 15px 30px 15px 30px;
	border-top: 1px dotted #fff;
	}


/* ---------- Sidebar Box for Manager/Admin Question & Answer - My Performance ------------------ */


div.sidebarBox div.sidebarBody p.asked {
	font-weight: bold;
	width: 210px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}

div.sidebarBox div.sidebarBody p.answered {
	font-style: italic;
	width: 210px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}

div.sidebarBox div.sidebarBody p.asked span.convoBullet, 
div.sidebarBox div.sidebarBody p.answered span.convoBullet {
	font-weight: bold;
	font-style: normal;
	color: #999;
	}


/* ---------- Sidebar Box for Rejected Appraisal - My Performance ------------------ */


.sidebarAlert {
	background: #b45340;
	}

div.sidebarAlert div.sidebarHead {
	background: #b45340;
	}

div.sidebarAlert div.sidebarHead h1, 
div.sidebarAlert div.sidebarHead h2, 
div.sidebarAlert div.sidebarHead h3, 
div.sidebarAlert div.sidebarHead h4, 
div.sidebarAlert div.sidebarHead h5, 
div.sidebarAlert div.sidebarHead h6 {
	color: #fff;
	}

div.sidebarAlert div.sidebarBody {
	background: #b45340;
	color: #fff;
	}













/* ---------- Sidebar Buttons ------------------------------------------------------------------- */


.sidebarButtons {
	background: transparent;
	margin-bottom: 30px;
	}


/* ---------- Sidebar My Profile Box ------------------------------------------------------------ */


#profileUserLabel, 
#profilePassLabel {
	background: transparent;
	width: 50px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 11px;
	float: left;
	}

#profileUserContent, 
#profilePassContent {
	background: transparent;
	width: 90px;
	margin: 0;
	padding: 0;
	float: left;
	}

#profilePassButton {
	background: transparent;
	width: 60px;
	height: 18px;
	margin: 0;
	padding: 0;
	float: right;
	}

.profileLabel {
	background: transparent;
	width: 60px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 11px;
	float: left;
	}

.profileContent {
	background: transparent;
	width: 150px;
	margin: 0;
	padding: 0;
	float: left;
	}


/* --- Performance / Appraisal Page Sidebar ----------------------------------------------------- */


table#appraisalDetail {
	width: 210px;
	margin: 0 30px 30px 30px;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Modal Windows --------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#simplemodal-overlay {
	background-color: #000; 
	}

#simplemodal-container {
	height: 480px; 
	width: 600px; 
	background-color: #fff; 
	padding: 40px 60px 40px 60px;
	}

#simplemodal-container a.modalCloseImg {
	background: url(../images/icon_close.png) 0 0 no-repeat; 
	width: 30px; 
	height: 30px; 
	display: inline; 
	z-index: 3200; 
	position: absolute; 
	top: 0; 
	right: 0; 
	cursor: pointer;
	}

#simplemodal-container a.modalCloseImg:hover {
	background-position: 0 -30px;
	}


/* ---------- Help/More Information Modals ------------------------------------------------------ */


a.helpLink {
	background: transparent url(../images/icon_help_small.png) center 2px no-repeat; 
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -99999px;
	}

a.helpLink:hover {
	background-position: center -98px;
	}

.helpModalContent {
	height: 430px;
	overflow: auto;
	padding-right: 20px;
	}

#ManagementCompetencies, 
#OverallAssessment, 
#CorePerformanceCompetencies, 
#RoleBasedResponsibilities, 
#GoalAchievement, 
#EmployeeDevelopmentPlan {
	display:none;
	}


/* ---------- Quiz Modal Window ----------------------------------------------------------------- */


#quizModal {display:none;}

#quizQuestions {
	height: 415px;
	margin-top: 5px;
	overflow: auto;
	}

#quizQuestions p {
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

.question {
	border-top: 1px dotted #bbdaf2;
	width: 565px;
	padding: 5px 0 10px 0;
	}

.answer {
	width: 565px;
	}

.answerInput {
	width: 20px;
	float: left;
	line-height: 15px;
	}

.answerInput Input {
	margin: 3px 0 0 2px;
	padding: 0;
	width: 15px;
	height: 15px;
	}

.answerText {
	width: 540px;
	float: right;
	}

#quizSubmit {
	width: 565px;
	margin: 0;
	padding: 10px 0 0 0;
	border-top: 1px dotted #bbdaf2;
	}


/* ---------- Instructor, Series & Locations Modals --------------------------------------------- */


#instructorModal, 
#seriesModal, 
#locationsModal {
	display:none;
	}

#addLocation, 
#addInstructor, 
#addSeries {
	width: 600px;
	height: 32px;
	margin: 5px 0 20px 0;
	}
	
#instructorCode, 
#instructorTitle, 
#locationCode, 
#locationTitle, 
#seriesCode, 
#seriesTitle {
	background: #fff;
	width: 210px;
	height: 30px;
	margin: 0 30px 0 0;
	padding: 0;
	position: relative;
	float: left;
	}

#instructorCodeInput, 
#instructorTitleInput, 
#locationCodeInput, 
#locationTitleInput, 
#seriesCodeInput, 
#seriesTitleInput {
	background: #fff;
	width: 188px;
	height: 30px;
	padding: 0 10px 0 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	}

#instructorCode label, 
#instructorTitle label, 
#locationCode label, 
#locationTitle label, 
#seriesCode label, 
#seriesTitle label {
	background: transparent;
	color: #000;
	width: 168px;
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	text-transform: none;
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 100;
	}

#instructorButton, 
#locationButton, 
#seriesButton {
	background: #005481;
	color: #fff;
	width: 120px;
	height: 32px;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 32px;
	border: none;
	}

#instructorButton:hover, 
#locationButton:hover, 
#seriesButton:hover {
	background: #000;
	cursor: pointer;
	}

#instructorTable, 
#seriesTable, 
#locationTable {
	width: 600px;
	height: 290px;
	overflow: auto;
	}

#instructorTable table, 
#seriesTable table, 
#locationTable table {
	width: 570px;
	}

.instructorSubmit, 
.seriesSubmit, 
.locationSubmit {
	width: 600px;
	margin: 10px 0 0 0;
	padding: 0;
	}

.instructorSubmit a.cancelButton, 
.seriesSubmit a.cancelButton, 
.locationSubmit a.cancelButton {
	margin-left: 370px;
	}

a.deactivated {
	border: 1px solid #ccc;
	color: #999;
	}

a.deactivated:hover {
	border: 1px solid #ccc;
	background-color: #ccc;
	color: #fff;
	}


/* ---------- Admin Elearning Quiz Modal ------------------------------------------------------- */


.correctA, 
.correctB, 
.correctC, 
.correctD {
	width: 139px;
	float: left;
	border-left: 1px dotted #ccc;
	}

.correctD {
	width: 138px;
	border-right: 1px dotted #ccc;
	}

.correctAnswerInput {
	float: left;
	height: 32px;
	line-height: 32px;
	padding: 0 5px 0 15px;
	}

.correctAnswerText {
	float: left;
	height: 32px;
	line-height: 32px;
	}


/* ---------- Admin Edit Course Attendees Modal ------------------------------------------------------- */


.attendeeList {
	float: left;
	width: 810px;
	}

.attendeeButtons {
	margin: 0 0 20px 0;
	}

#attendees {
	width: 810px;
	}


/* ---------- Admin Edit Users Modal ------------------------------------------------------------ */


ul#alphaNav {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	}

ul#alphaNav li {
	list-style: none;
	float: left;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	height: 21px;
	line-height: 21px;
	}

ul#alphaNav li.padRight6 {
	padding-right: 6px;
	}

ul#alphaNav li a {
	background: #fff;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	line-height: 21px;
	display: block;
	height: 21px;
	padding: 0 6px 0 6px;
	}

ul#alphaNav li a:hover {
	background: #005481;
	color: #fff;
	}

ul#alphaNav li a.on {
	background: #005481;
	color: #fff;
	}

ul#alphaNav li a:hover {
	text-decoration: underline;
	}


/* ---------- Admin Edit Users Detail Modal ----------------------------------------------------- */


.editTable {
	float: left;
	width: 560px;
	}

.editTable table {
	width: 560px;
	}

.editTable a.editButton {
	margin-left: 0;
	}


/* ---------- Performance: Question and Answer Modals ------------------------------------------- */


#question1modal, 
#question2modal, 
#question3modal, 
#question4modal, 
#question5modal, 
#question6modal, 
#question7modal, 
#question8modal, 
#question9modal, 
#question10modal, 
#question11modal, 
#question12modal, 
#question13modal, 
#question14modal, 
#question15modal, 
#question16modal, 
#question17modal, 
#question18modal, 
#question19modal, 
#question20modal, 
#newQuestion {
	display:none;
	}

.convoModalContent {
	height: 430px;
	overflow: auto;
	padding-right: 20px;
	border-bottom: 1px solid #ccc;
	}

.sendTo {
	width: 100%;
	margin: 10px 0;
	}

.sendToButtons {
	width: 600px;
	margin-top: 10px;
	}

.sendToButtons565 {
	width: 565px;
	margin-top: 10px;
	}

a.sendChooserOn, 
a.sendChooserOff {
	display: block;
	width: 138px;
	height: 30px;
	padding: 0 30px 0 10px;
	margin: 0 10px 0 0;
	text-decoration: none;
	text-align: left;
	line-height: 30px;
	overflow: hidden;
	float: left;
	}

a.sendChooserOff {
	color: #999;
	background-color: #fff;
	border: 1px solid #ccc;
	}

a.sendChooserOn {
	background: #e86c1f url(../images/icon_sendChooser.png) right center no-repeat;
	color: #fff;
	border: 1px solid #e86c1f;
	}

a.sendChooserOn span.sendLabel, 
a.sendChooserOff span.sendLabel {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	}

a.sendChooserOn:hover, 
a.sendChooserOff:hover {
	background: #000 url(../images/icon_sendChooser.png) right center no-repeat;
	border-color: #000;
	color: #fff;
	}

.questionThread {
	border-top: 1px dotted #ccc;
	margin-top: 10px;
	margin-bottom: 20px;
	}

.threadComment {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.threadComment p {
	margin-bottom: 0;
	}

.threadComment p.threadCommentHeaders {
	font-size: 10px;
	text-transform: uppercase;
	color: #bebebe;
	}


/* ---------- Performance: Admin/Reviewer Reject Appraisal Modal ------------------------------------------- */


#rejectionExplaination {
	display:none;
	}


/* ---------- Performance: Manager Schedule Review Meeting Modal -------------------------------- */


#scheduleReview {
	display:none;
	}

.scheduleModalContent {
	margin-top: 10px;
	}

.calendarColumn {
	width: 285px;
	height: 305px;
	overflow: hiddden;
	}

.timeColumn {
	width: 285px;
	height: 303px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow-x: hidden;
	overflow-y: scroll;
	}

#calendarNavMini {
	background: #d9d955;
	width: 285px;
	margin: 0;
	padding: 10px 0 10px 0;
	}

#calendarNavMiniPrevious {
	margin-left: 10px;
	margin-right: 10px;
	}

a#calendarNavMiniPrevious {
	background: transparent url(../images/arrow_tableNav.png) 0 -116px no-repeat;
	width: 18px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	border: 1px solid #d9d955;
	float: left;
	}

a#calendarNavMiniPrevious:hover {
	background-position: 0 -26px;
	}

#calendarNavMiniNext {
	margin-left: 10px;
	margin-right: 10px;
	}

a#calendarNavMiniNext {
	background: transparent url(../images/arrow_tableNav.png) -30px -116px no-repeat;
	width: 18px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	border: 1px solid #d9d955;
	float: left;
	}

a#calendarNavMiniNext:hover {
	background-position: -30px -26px;
	}

#calendarNavMiniMonth {
	width: 205px;
	float: left;
	text-align: center;
	}

#calendarNavMiniMonth h2 {
	color: #fff;
	}

#scheduleCalendar {
	border: none;
	border-collapse: collapse;
	background-color: #fff;
	color: #000;
	width: 100%;
	margin: 0;
	}

#scheduleCalendar th {
	border: none;
	padding: 6px 0;
	background-color: #fff;
	vertical-align: top;
	text-align: center;
	color: #000;
	width: 20%;
	}

#scheduleCalendar td {
	border: 1px solid #ccc;
	padding: 0;
	background-color: #fff;
	vertical-align: top;
	text-align: center;
	color: #000;
	width: 20%;
	}

#scheduleCalendar td a.scheduleDate, 
#scheduleCalendar td.selectedDate a.scheduleDate, 
#scheduleCalendar td.dateUnavailable a.scheduleDate {
	width: 100%;
	height: 43px;
	display: block;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 25px;
	line-height: 44px;
	text-decoration: none;
	}

#scheduleCalendar td a.scheduleDate {
	color: #ccc;
	background-color: #fff;
	}

#scheduleCalendar td.selectedDate a.scheduleDate {
	color: #fff;
	background-color: #e86c1f;
	}

#scheduleCalendar td a.scheduleDate:hover {
	color: #fff;
	background-color: #000;
	}

#scheduleCalendar td.dateUnavailable a.scheduleDate {
	color: #fff;
	background-color: #e7e7e7;
	}

#scheduleCalendar td.dateUnavailable a.scheduleDate:hover {
	color: #fff;
	background-color: #e7e7e7;
	cursor: default;
	}

#scheduleTimes {
	width: 250px;
	}

#scheduleTimes th, 
#scheduleTimes td, 
#scheduleTimes td.chooseTime {
	padding: 5px 0 5px 10px;
	border-bottom: 1px dotted #ccc;
	}

#scheduleTimes th {
	width: 50px;
	}

#scheduleTimes td.chooseTime {
	width: 20px;
	}

#scheduleTimes tr.blockedOut th, 
#scheduleTimes tr.blockedOut td {
	background-color: #ccc;
	color: #fff;
	border-bottom: 1px dotted #fff;
	}


#scheduleTimes tr.chosenTime th, 
#scheduleTimes tr.chosenTime td {
	background-color: #e7e7e7;
	color: #000;
	}

input.meetingLocationInput {
	width: 578px;
	}

.meetingLocationLabel {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #bebebe;
	height: 20px;
	}


/* ---------- Instructor Edit Course Attendees Modal -------------------------------------------- */


#attendeesInst {
	width: 960px;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Calendar Layouts ------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------- */


#courseCalendar {
	border: 0;
	background-color: #fff;
	background: #fff;
	border-collapse: separate;
	border-spacing: 15px;
	color: #000;
	width: 990px;
	margin-left: -15px;
	}

#courseCalendar td {
	background: #fff;
	color: #000;
	margin-bottom: 15px;
	padding: 10px;
	background-color: #fff;
	font-size: 11px;
	text-align: left;
	line-height: 15px;
	vertical-align: top;
	border: 1px solid #ccc;
	}

#courseCalendar td.courseHead {
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 0;
	padding: 0;
	border: none;
	}

#courseCalendar td p.courseDate {
	background: #000;
	color: #fff;
	width: 30px;
	height: 30px;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	margin: -10px 0 5px -10px;
	}

#courseCalendar td.courseOff, 
#courseCalendar td.courseOff p, 
#courseCalendar td.courseOff a {
	color: #999;
	}

#courseCalendar td.courseOff p.courseDate {
	color: #fff;
	background: #ccc;
	}

#courseCalendar td.courseOff a:hover {
	color: #e86c1f;
	}

#courseCalendar td.today {
	border-color: #e86c1f;
	}

#courseCalendar td.today p.courseDate {
	color: #fff;
	background: #e86c1f;
	}

#courseCalendar td p.calendarDue {
	color: #e86c1f;
	}


/* ---------- Calendar Navigation Bar ------------------------------------------------------------------ */


#calendarNav {
	background: #d9d955;
	width: 960px;
	margin: 0 0 5px 0;
	padding: 10px 0 10px 0;
	}

#monthPrevious, 
#monthNext, 
#calendarNavMonth, 
#calendarNavYear {
	float: left;
	margin-right: 10px;
	}

a#monthPrevious {
	background: transparent url(../images/arrow_tableNav.png) 0 -86px no-repeat;
	width: 18px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	margin-left: 334px;
	border: 1px solid #d9d955;
	}

a#monthPrevious:hover {
	background-position: 0 -26px;
	}

a#monthNext {
	background: transparent url(../images/arrow_tableNav.png) -30px -86px no-repeat;
	width: 18px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	border: 1px solid #d9d955;
	}

a#monthNext:hover {
	background-position: -30px -26px;
	}

#calendarNavMonth ul, 
#calendarNavYear ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#calendarNavMonth ul li, 
#calendarNavYear ul li {
	display: inline;
	float: left;
	}

#calendarNavMonth ul li a.dropdown, 
#calendarNavYear ul li a.dropdown {
	color: #000;
	background: #fff url(../images/arrow.png) 110px 13px no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
	display: block;
	width: 110px;
	height: 30px;
	text-align: left;
	border: 1px solid #fff;
	}

#calendarNavYear ul li a.dropdown {
	width: 60px;
	background-position: 60px 13px;
	}

#calendarNavMonth ul li a.dropdown:hover, 
#calendarNavYear ul li a.dropdown:hover {
	color: #fff;
	background-color: #e86c1f;
	background-position: 110px -37px;
	text-decoration: none;
	display: block;
	border: 1px solid #e86c1f;
	}

#calendarNavYear ul li a.dropdown:hover {
	background-position: 60px -37px;
	}

#calendarNavMonth ul li.sublinks, 
#calendarNavYear ul li.sublinks {
	margin-top: 2px;
	border-top: 1px solid #ccc;
	}

#calendarNavMonth ul li.sublinks a, 
#calendarNavYear ul li.sublinks a {
	color: #000;
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	display: block;
	width: 110px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

#calendarNavYear ul li.sublinks a {
	width: 60px;
	}

#calendarNavMonth ul li.sublinks a:hover, 
#calendarNavYear ul li.sublinks a:hover {
	color: #fff;
	background: #e86c1f;
	text-decoration: none;
	display: block;
	border-left: 1px solid #e86c1f;
	border-right: 1px solid #e86c1f;
	border-bottom: 1px solid #e86c1f;
	}

#calendarNavMonth ul li.sublinks, 
#calendarNavYear ul li.sublinks {
	display:none;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Sections & Groups (Admin Edit Tools) ---------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


.section {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
	padding-bottom: 10px;
	}

.sectionHeadline {
	width: 960px;
	margin-bottom: 8px;
	}

.sectionHeadline h2 {
	width: 530px;
	height: 32px;
	float: left;
	}

.sectionHeadline a.mainButton {
	margin: 0;
	}

.sectionEdit {
	width: 250px;
	height: 32px;
	float: left;
	}

.sectionEditHeadline{
	width: 95px;
	padding-left: 70px;
	font-size: 11px;
	line-height: 15px;
	text-transform: uppercase;
	text-align: right;
	color: #999;
	float: left;
	}

ul.sectionEditButtons {
	float: right;
	margin: 0;
	padding: 0;
	}

ul.sectionEditButtons li {
	background: #e5e5e5 url(../images/icon_removeButton.png) 0 0 no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	margin: 0 0 0 10px;
	}

ul.sectionEditButtons li a.sectionAdd, 
ul.sectionEditButtons li a.sectionRemove {
	background-color: #e86c1f;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 32px;
	height: 32px;
	display: block;
	text-indent: -99999px;
	}

ul.sectionEditButtons li a.sectionAdd {
	background: #e86c1f url(../images/icon_addButton.png) 0 0 no-repeat;
	}

ul.sectionEditButtons li a.sectionRemove {
	background: #e86c1f url(../images/icon_removeButton.png) 0 0 no-repeat;
	}

ul.sectionEditButtons li a.sectionAdd:hover, 
ul.sectionEditButtons li a.sectionRemove:hover {
	background-color: #000;
	}


/* ---------- Admin Edit: Form Inputs ----------------------------------------------------------- */


.label {
	text-transform: uppercase;
	font-size: 11px;
	line-height: 30px;
	width: 150px;
	height: 30px;
	float: left;
	}

.labelGrey {
	background-color: #ccc;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	width: 85px;
	height: 32px;
	float: left;
	}

.central {
	width: 90px;
	padding: 0 0 0 70px;
	}

.lineItem {
	margin-bottom: 8px;
	}

.lineInput {
	float: left;
	width: 538px;
	}

.lineInput574 {
	float: left;
	width: 552px;
	font-weight: bold;
	}

.lineInput440 {
	float: left;
	width: 418px;
	}

.lineInput420 {
	float: left;
	width: 398px;
	}

.inputCal {
	background: #fff url(../images/icon_calendar.png) 385px 4px no-repeat;
	}

.inputCal560 {
	background: #fff url(../images/icon_calendar.png) 525px 4px no-repeat;
	}

.append {
	float: left;
	width: 240px;
	padding: 0 0 0 10px;
	line-height: 30px;
	height: 30px;
	}


/* ---------- Performance: Goal Inputs ---------------------------------------------------------- */


#futureGoals {
	padding-top: 20px;
	}


.goalItem {
	margin-bottom: 8px;
	}

.goalItem label, 
.goalItem input {
	float: left;
	}

.goalItem label {
	background: #ccc;
	color: #fff;
	width: 30px;
	height: 30px;
	border: 1px solid #ccc;
	text-align: center;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 25px;
	line-height: 30px;
	}

.goalItem input {
	width: 606px;
	}


/* Apply Margins */


.pad10 {
	margin-left: 10px;
	}

.T50, 
.padTop50 {
	margin-top: 50px;
	}

.T20 {
	margin-top: 20px;
	}

.B05 {
	margin-bottom: 5px;
	}

.B40 {
	margin-bottom: 40px;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Text Editor (Admin Edit Tools) ---------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


.textEditor {
	width: 560px;
	float: left;
	}

.textEditor660 {
	width: 660px;
	float: left;
	}

.textEditor960 {
	width: 960px;
	}

.textEditor600 {
	width: 600px;
	}

.textEditor565 {
	width: 565px;
	}

.textEditorTools565, 
.textEditorTools600, 
.textEditorTools660, 
.textEditorTools {
	height: 30px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

.textEditorTools {
	width: 558px;
	}

.textEditorTools660 {
	width: 658px;
	}

.textEditorTools600 {
	width: 598px;
	}

.textEditorTools565 {
	width: 563px;
	}

.textEditorToolsSection {
	height: 30px;
	border-right: 1px dotted #ccc;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
	}

.textEditorToolsSection h5 {
	font-size: 11px;
	padding-right: 10px;
	padding-top: 4px;
	}

a.textEditorSpell, 
a.textEditorBold, 
a.textEditorItal, 
a.textEditorUL, 
a.textEditorOL {
	background-color: #005481;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	text-indent: -99999px;
	margin: 3px 10px 0 0;
	float: left;
	}

a.textEditorSpell {
	background-image: url(../images/icon_spell.png);
	}

a.textEditorBold {
	background-image: url(../images/icon_bold.png);
	}

a.textEditorItal {
	background-image: url(../images/icon_ital.png);
	}

a.textEditorUL {
	background-image: url(../images/icon_listunordered.png);
	}

a.textEditorOL {
	background-image: url(../images/icon_listordered.png);
	}

a.textEditorSpell:hover, 
a.textEditorBold:hover, 
a.textEditorItal:hover, 
a.textEditorUL:hover, 
a.textEditorOL:hover {
	background-color: #000;
	}

.editor320 {
	width: 538px;
	height: 320px;
	padding: 10px;
	resize: none;
	}

.editor240x660 {
	width: 638px;
	height: 240px;
	padding: 10px;
	resize: none;
	}

.editor240x600 {
	width: 578px;
	height: 240px;
	padding: 10px;
	resize: none;
	}

.editor240x565 {
	width: 543px;
	height: 240px;
	padding: 10px;
	resize: none;
	}

.editor170x660 {
	width: 638px;
	height: 170px;
	padding: 10px;
	resize: none;
	}

.editor190 {
	width: 538px;
	height: 190px;
	padding: 10px;
	resize: none;
	}

.editor170x660 {
	width: 638px;
	height: 170px;
	padding: 10px;
	resize: none;
	}

.editorEvaluation {
	width: 428px;
	height: 178px;
	padding: 10px;
	margin: 0;
	resize: none;
	}

.editorShort {
	height: 80px;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Browse Fields (Admin Edit Tools) -------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


.browseField {
	padding: 0 10px 0 10px;
	border: 1px solid #ccc;
	width: 538px;
	height: 30px;
	line-height: 30px;
	display: block;
	float: left;
	}

a.browseFieldButton {
	background: #ccc;
	color: #fff;
	width: 60px;
	height:  20px;
	line-height: 18px;
	border: 1px solid #ccc;
	text-decoration: none;
	text-transform: uppercase;
	margin: 4px 0 0 0;
	padding: 0 10px;
	display: block;
	float: right;
	}

a.browseFieldButton:hover {
	background: #000;
	border-color: #000;
	color: #fff;
	text-decoration: none;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Date Chooser Boxes (Admin Edit Tools) --------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


.chooserDateBox {
	background: transparent;
	width: 560px;
	height: 30px;
	padding: 0;
	margin: 0;
	float: left;
	}

a.chooserDateButton {
	background: #fff url(../images/icon_calendar.png) 527px 4px no-repeat;
	width: 513px;
	height: 30px;
	padding: 0 35px 0 10px;
	margin: 0;
	border: 1px solid #ccc;
	line-height: 30px;
	display: block;
	text-decoration: none;
	}

a.chooserDateButton:hover {
	background-position: 527px -96px;
	background-color: #e86c1f;
	border-color: #e86c1f;
	color: #fff;
	text-decoration: none;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- On & Off Chooser Select Boxes (Admin Edit Tools) ---------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


.chooserSelectBox {
	background: transparent;
	width: 560px;
	height: 30px;
	padding: 0;
	margin: 0;
	float: left;
	}

a#chooseManager, 
a#chooseInstructor, 
a#chooseAdministrator {
	background: #fff url(../images/icon_selectButton.png) 148px 6px no-repeat;
	color: #999;
	width: 158px;
	height: 30px;
	padding: 0 10px 0 10px;
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
	line-height: 30px;
	display: block;
	text-decoration: none;
	float: left;
	}

a#chooseAdministrator {
	margin-right: 0;
	}

a#chooseManager.chosen, 
a#chooseInstructor.chosen, 
a#chooseAdministrator.chosen {
	background-position: 148px -194px;
	color: #000;
	}

a#chooseManager:hover, 
a#chooseInstructor:hover, 
a#chooseAdministrator:hover {
	background-position: 148px -94px;
	background-color: #e86c1f;
	border-color: #e86c1f;
	color: #fff;
	text-decoration: none;
	}

a#chooseManager.chosen:hover, 
a#chooseInstructor.chosen:hover, 
a#chooseAdministrator.chosen:hover {
	background-position: 148px -294px;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- File Sorting Up/Down Buttons (Admin Functions) ------------------------------------ */
/* ---------------------------------------------------------------------------------------------- */


.sortLeft, 
.supportingFile {
	width: 720px;
	float: left;
	}

div.supportingFile h2 {
	height: 40px;
	}

.sortRight, 
.supportingSort {
	width: 240px;
	float: right;
	}

.sortLabel {
	width: 198px;
	padding: 0 10px 0 0;
	font-size: 11px;
	line-height: 32px;
	text-transform: uppercase;
	text-align: right;
	color: #999;
	float: left;
	}

a.buttonSortUp, 
a.buttonSortDown, 
a.buttonSortRemove {
	background-color: #999;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 32px;
	height: 32px;
	margin: 0 0 8px 0;
	display: block;
	text-indent: -99999px;
	float: right;
	}

a.buttonSortUp {
	background-image: url(../images/icon_sortUp.png);
	}

a.buttonSortDown {
	background-image: url(../images/icon_sortDown.png);
	}

a.buttonSortRemove {
	background-image: url(../images/icon_removeButton.png);
	background-color: #e86c1f;
	margin: 0;
	}

.sortDelete {
	margin: 40px 0 0 0;
	}

a.buttonSortUp:hover, 
a.buttonSortDown:hover, 
a.buttonSortRemove:hover {
	background-color: #000;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Performance: Quick View Charts ---------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#chartStatus {
	margin: 0;
	padding: 0;
	width: 300px;
	float: left;
	}

#chartStatus h2 {
	color: #000;
	margin: 20px 0 0 0;
	padding: 0;
	}

#chartScores {
	margin: 0 0 0 40px;
	padding: 0;
	width: 300px;
	float: left;
	}

#chartScores h2 {
	color: #000;
	margin: 20px 0 0 0;
	padding: 0;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Performance: Progress Bars -------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#progress {
	border-top: 1px dotted #e0e0e0;
	border-bottom: 1px dotted #e0e0e0;
	margin: 10px 0;
	padding: 15px 0 0 0;
	}

#progress p {
	margin-bottom: 10px;
	}

.dueDate {
	font-size: 11px;
	font-style: italic;
	}

#progressBar_660x6 li.currentStep, 
#progressBar_660x3 li.currentStep {
	background: #e86c1f url(../images/arrow_stepMarker.png) 10px 55px no-repeat;
	color: #fff;
	}

#progressBar_660x6 li.finishedStep, 
#progressBar_660x3 li.finishedStep {
	background: #66a697;
	color: #fff;
	}

#progressBar_660x6 li.finishedStep:after, 
#progressBar_660x3 li.finishedStep:after {
	content: url(../images/icon_finishedStep.png);
	display: block;
	position: absolute;
	top: 53px;
	left: 7px;
	}


/* ---------- Narrow Progress Bars (660px wide, to use with sidebar) ---------------------------- */


#progressBar_660x6, 
#progressBar_660x3 {
	margin: 0 0 15px 0; 
	padding: 0;
	list-style: none;
	}

#progressBar_660x6 li, 
#progressBar_660x3 li {
	background: #e7e7e7;
	color: #bdbdbd;
	font-size: 11px;
	line-height: 15px;
	margin: 0; 
	padding: 7px 10px;
	display: block;
	height: 47px;
	list-style: none;
	position: relative;
	float: left;
	border: none;
	border-right: 1px solid #fff;
	}

#progressBar_660x6 li strong, 
#progressBar_660x3 li strong {
	font-size: 13px;
	display: block;
	}

#progressBar_660x6 li {		/* 6-Step Progress Bar modification */
	width: 89px;
	}

#progressBar_660x3 li {		/* 3-Step Progress Bar modification */
	width: 199px;
	}


/* ---------- Wide Progress Bars (Spans the full body content area) ----------------------------- */


#progressBar_fullx9 {
	margin: 0 0 15px 0; 
	padding: 0;
	list-style: none;
	}

#progressBar_fullx9 li {
	background: #e7e7e7;
	color: #bdbdbd;
	font-size: 11px;
	line-height: 15px;
	margin: 0; 
	padding: 7px 10px;
	list-style: none;
	position: relative;
	float: left;
	border: none;
	border-right: 1px solid #fff;
	}

#progressBar_fullx9 li:last-child {
	border-right: none;
	}

#progressBar_fullx9 li {
	display: block;
	width: 86px;
	height: 47px;
	}

#progressBar_fullx9 li.stepShort {
	display: block;
	width: 85px;
	height: 47px;
	}

#progressBar_fullx9 li strong {
	font-size: 13px;
	display: block;
	}

#progressBar_fullx9 li.currentStep {
	background: #e86c1f url(../images/arrow_stepMarker.png) 10px 55px no-repeat;
	color: #fff;
	}

#progressBar_fullx9 li.finishedStep {
	background: #66a697;
	color: #fff;
	}

#progressBar_fullx9 li.finishedStep:after {
	content: url(../images/icon_finishedStep.png);
	display: block;
	position: absolute;
	top: 53px;
	left: 7px;
	}


/* ---------------------------------------------------------------------------------------------- */
/* --- Performance: Mini Progress Bar (as viewed in a list) ------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


.progressBarMini {
	background-color: transparent;
	width: 216px;
	height: 21px;
	float: left;
	}

.progressTic {
	background-color: #ccc;
	background-image: url(../images/icon_progressTicMini.png);
	background-position: 0 -1000px;
	background-repeat: no-repeat;
	width: 21px;
	height: 21px;
	margin-right: 2px;
	overflow: hidden;
	text-indent: -99999px;
	float: left;
	}

.ticCompleted {
	background-color: #006a52;
	background-position: 0 0;
	}

.ticCurrent {
	background-color: #e86c1f;
	background-position: 0 -1000px;
	}

.ticQuestion {
	background-position: 0 -40px;
	}

.ticAlert {
	background-position: 0 -80px;
	}

.ticReject {
	background-position: 0 -120px;
	}

.progressAlert {
	color: #e86c1f;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Performance: Score Card Callouts -------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


.scoreCard {
	background: #e86c1f;
	width: 74px;
	height: 74px;
	text-align: center;
	color: #fff;
	}

.scoreCardLabel {
	font-size: 11px;
	font-weight: bold;
	line-height: 32px;
	text-transform: uppercase;
	}

.scoreCardNumber {
	font-size: 50px;
	line-height: 42px;
	margin: -8px 0 0 0;
	padding: 0;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Performance: Rating Scale Radio Buttons and Checkmarks ---------------------------- */
/* ---------------------------------------------------------------------------------------------- */


ul.ratingScale {
	list-style: none;
	margin: 0 0 25px 0;
	padding: 0;
	}

ul.ratingScale li {
	list-style: none;
	width: 131px;
	height: 85px;
	border-right: 1px dotted #8ec2e9;
	float: left;
	text-align: center;
	}

ul.ratingScale li:last-child {
	border-right: 1px solid #fff;
	}

ul.ratingScale input[type="radio"] {
	border: 0px !important;
	margin: 20px auto 5px auto;
	padding: 0;
	height: auto;
	}

ul.ratingScale label {
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	color: #000;
	}

ul.ratingScale div.ratingUnchecked, 
ul.ratingScale div.ratingChecked {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 21px;
	margin: 12px auto 5px auto;
	padding: 0;
	}

ul.ratingScale div.ratingUnchecked {
	background-image: url(../images/icon_rating_unchecked.png);
	}

ul.ratingScale div.ratingChecked {
	background-image: url(../images/icon_rating_checked.png);
	}

ul.ratingScale p.labelUnchecked, 
ul.ratingScale p.labelChecked {
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	text-transform: uppercase;
	}

ul.ratingScale p.labelUnchecked {
	color: #ccc;
	}

ul.ratingScale p.labelChecked {
	color: #006a52;
	}

.notAvailable {
	color: #ccc;
	}


/* ---------- Overall Rating Scale (Not Clickable) ---------------------------------------------- */


ul.overallRating {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	}

ul.overallRating li {
	list-style: none;
	width: 131px;
	height: 108px;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float: left;
	text-align: center;
	}

ul.overallRating li:first-child {
	width: 130px;
	border-left: 1px solid #ccc;
	}

ul.overallRating p {
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	text-transform: uppercase;
	margin-bottom: 0;
	color: #ccc;
	}

ul.overallRating p.ratingNumber {
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	font-style: normal;
	font-size: 50px;
	line-height: 50px;
	margin-top: 10px;
	}


ul.overallRating li.assignedRating {
	border-color: #e86c1f;
	background-color: #e86c1f;
	}

ul.overallRating li.assignedRating p, 
ul.overallRating li.assignedRating p.ratingNumber {
	color: #fff;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Wave Divider ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#dividerWrap {
	background: transparent;
	width: 100%;
	margin: 0;
	padding: 0;
	}

#divider {
	background: #fff;
	width: 1020px;
	height: 280px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}

#dividerWave {
	background: transparent url(../images/divider.png) 0 0 no-repeat;
	width: 1020px;
	height: 280px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- Footer ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#footerWrap {
	background: transparent;
	width: 100%;
	margin: 0;
	padding: 0;
	}

#footer {
	background: #006a52;
	color: #fff;
	width: 960px;
	margin: 0 auto;
	padding: 0 30px 60px 30px;
	}

#footer a, 
#footer h1, 
#footer h2, 
#footer h3, 
#footer h4, 
#footer h5, 
#footer h6 {
	color: #fff;
	}

#footer a:hover {
	color: #ffe49c;
	}

#footerNav, 
#footerContact {
	background: transparent;
	width: 210px;
	margin: 0 0 0 30px;
	padding: 34px 0 0 0;
	float: left;
	}

#footerCopyright {
	background: transparent;
	width: 210px;
	margin: 0 0 0 30px;
	padding: 0;
	float: right;
	}

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

#footerNav li {
	margin: 0; 
	padding: 0;
	list-style: none;
	}

#footerCopyright h2 {
	background: transparent url(../images/logo_threerivers.png) 0 0 no-repeat;
	width: 143px;
	height: 70px;
	margin: 0 0 40px 0;
	padding: 0;
	text-indent: -9999px;
	}



































/* ---------------------------------------------------------------------------------------------- */
/* ---------- Begin Sorting Here ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


/* User Course Evaluation */

table#evaluate {
	margin-bottom: 20px;
	}

table#evaluate th {
	padding-right: 0;
	padding-left: 0;
	text-align: center;
	}

td.evaluateQuestion {
	border-right: 1px dotted #bbdaf2;
	}

td.evaluateInput {
	width: 89px;
	margin: 0;
	padding: 0;
	border-right: 1px dotted #bbdaf2;
	overflow: hidden;
	}

td.evaluateInput input {
	margin: 0 0 0 37px;
	padding: 0;
	}





/* ---------- Admin Reports --------------------------- */

.pass {
	text-transform: uppercase;
	padding: 5px 0 5px 0;
	width: 90px;
	}

.incomplete {
	text-transform: uppercase;
	color: #e86c1f;
	padding: 5px 0 5px 0;
	width: 90px;
	}


#reportButtons {
	float: right;
	width: 280px;
	height: 32px;
	}


/* ---------- Phase 2 Add-Ons --------------------------- */


/* User Course Catalog - mandatory icon */


td.mandatory, 
a.iconOn {
	background: transparent;
	width: 25px;
	margin: 0;
	padding: 0;
	}

a.iconOn {
	background: transparent url(../images/icon_mandatory.png) 3px 6px no-repeat;
	display: block;
	text-indent: -9999px;
	height: 25px;
	cursor: pointer;
	}


/* User Course Detail - mandatory icon */


.requiredLabel {
	background: transparent url(../images/icon_mandatory.png) 3px 0 no-repeat;
	color: #e86c1f;
	text-transform: uppercase;
	font-size: 11px;
	margin: 0px;
	padding: 0 0 0 25px;
	}


/* People Manager - Dashboard */


#quickView {
	background: #e0e0e0;
	margin: 0 0 50px 0;
	padding: 20px;
	}

#quickView table, 
#quickView td {
	background: #e0e0e0;
	}

#chartElective {
	margin: 0;
	padding: 0;
	width: 300px;
	float: left;
	}

#chartElective h2 {
	color: #57352e;
	margin: 20px 0 0 0;
	padding: 0;
	}

#chartRequired {
	margin: 0 0 0 40px;
	padding: 0;
	width: 300px;
	float: left;
	}

#chartRequired h2 {
	margin: 20px 0 0 0;
	padding: 0;
	}

#quickFacts {
	margin: 0;
	padding: 0;
	width: 220px;
	float: right;
	}

td.key {
	padding-right: 10px;
	width: 19px;
	}

td.total {
	text-align: right;
	padding-right: 0;
	}

th.center, 
td.center {
	text-align: center;
	}

tfoot td {
	font-weight: bold;
	}


/* People Manager - Dashboard - User Details View */


#userDetailsLeft {
	margin: 0;
	padding: 0;
	width: 445px;
	float: left;
	}

#userDetailsRight {
	margin: 0;
	padding: 0;
	width: 445px;
	float: right;
	}

#userDetailsLeft td.cellLabel, 
#userDetailsRight td.cellLabel {
	width: 120px;
	}

#incomplete {
	margin-bottom: 30px;
	}

td.statusIncomplete, 
td.statusComplete {
	text-transform: uppercase;
	font-size: 11px;
	padding-left: 17px;
	padding-right: 0;
	}

td.statusComplete {
	background: transparent url(../images/icon_complete.png) 0 8px no-repeat;
	color: #006a52;
	}

td.statusIncomplete {
	background: transparent url(../images/icon_incomplete.png) 0 8px no-repeat;
	color: #b45340;
	}

.overdue {
	color: #e86c1f;
	}