BODY {
	margin: 0;
	padding: 0;
	background: url(icons/leftLayoutBg.gif) repeat-y;
}

P.text, TD.text {
	font: 12px/18px verdana, arial, helvetica, sans-serif;
}

INPUT.text, INPUT.intext {
	font: 12px verdana, arial, Helvetica, sans-serif;
	border: 1px solid #676767;
	width: 150px;
	height: 20px;
	margin: 2px 0 2px 0;
	padding: 1px 0 0 2px;
}

INPUT.redtext {
	font: 12px verdana, arial, Helvetica, sans-serif;
	border: 1px solid red;
	width: 150px;
	height: 20px;
	margin: 2px 0 2px 0;
	padding: 1px 0 0 2px;
}

/* the jquery validate plugin adds an error class to an invalid input field
	hence the following: */

INPUT.error {
	border: 1px solid red;
}

TEXTAREA.text {
	font: 12px verdana, arial, Helvetica, sans-serif;
	border: 1px solid #676767;
	width: 200px;
	min-height: 45px;
	margin: 2px 0 2px 0;
	padding: 1px 0 0 2px;
}

SELECT.text {
	font: 11px verdana, arial, Helvetica, sans-serif;
	/*border: 1px solid #676767;*/
	width: 200px;
	/*height: 20px;*/
	margin: 2px 0 2px 0;
	padding: 2px 0 3px 0;
}

OPTION.text {
	font: 11px verdana, arial, Helvetica, sans-serif;
	margin: 2px 10px 2px 0;
}

OPTION.l2 {
	padding: 0 0 0 16px;
}

INPUT.submit {
	font: 12px verdana, arial, Helvetica, sans-serif;
	background: #96bff4;
	margin: 3px 0 3px 0;
	border-width: 1px;
	padding: 2px 16px 2px 16px;
}

BUTTON.submit {
	font: 11px Verdana, arial, Helvetica, sans-serif;
	background: rgba(150, 191, 243, 0.8);
	margin: 3px 0 3px 0;
	border-width: 1px;
	padding: 3px 8px 3px 8px;
}

#layoutArea {
	margin: 24px 0 20px 0px;
}

#contentArea {
	margin: 0 0 0 80px;
}

.title {
	font: bold 18px verdana, sans-serif;
	color: #08007e;
	margin: 0 0 20px 0px;
}

.subtitle {
	font: bold 14px verdana, sans-serif;
	color: #08007e;
	margin: 0px 0 10px 0px;
}

.red {
	color: #cd1624;
}

.bold, .calDisplay TD.bold {
	font-weight: bold;
}

.calDisplay .absent {
	color: #e75d00;
	font-style: italic;
}

.calDisplay A.location {
	color: #060060;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed #ccc;
}


.sub {
	color: #b013a2;
}

.redplus {
	font: bold 26px/20px verdana, geneva, arial, Helvetica, sans-serif;
	color: red;
	text-decoration: none;
	text-align: center;
	background: none;
	border: none;
}

#listTable a.redplusSmall  {
	font: 17px verdana, geneva, arial, Helvetica, sans-serif;
	color: red !important;
	text-decoration: none;
	text-align: center;
	background: none;
	border: none;
}

#listTable a.redplusSmall:hover {
	font-weight: bold;
}

#listTable TD.redplusLine A {
	font: 14px verdana, geneva, arial, Helvetica, sans-serif;
	color: red;
	text-decoration: none;
	text-align: center;
	border: none;
}

#listTable TD.redplusLine {
	padding-left: 4px;
	padding-right: 0;
}

#listTable TD.redplusLine A:hover {
	font-weight: bold;
}

.label, #contactTable TD.label, .contactTable TD.label {
	font: italic 12px verdana, arial, helvetica, sans-serif;
	color: #555;
	text-align: right;
	padding: 0 16px 0 0;
}

LABEL.label, LABEL.redlabel {
	float: right;
}

/* the jquery validate plugin places a label with the class 'error'
	after an invalid field with the error message specified -
	hence the following: */
LABEL.error {
		font: 12px verdana, arial, helvetica, sans-serif;
		color: red;
		padding-left: 6px;
	}

.viewlabel {
	font: italic 12px verdana, arial, helvetica, sans-serif;
	color: #555;
	text-align: left;
	padding: 0 10px 0 0;
}

.redlabel {
	font: italic 12px verdana, arial, Helvetica, sans-serif;
	color: #cd1624;
	text-align: right;
	padding: 0 16px 0 0;
}

.rightlabel {
	font: italic 12px verdana, arial, Helvetica, sans-serif;
	color:  #555;
	text-align: left;
	padding: 0 0 0 6px;
}

.redrightlabel {
	font: italic 12px verdana, arial, Helvetica, sans-serif;
	color: #cd1624;
	text-align: left;
	padding: 0 0 0 6px;
}

.toplabel {
	font: italic 12px verdana, arial, Helvetica, sans-serif;
	color:  #555;
	padding: 6px 0 3px 0;
	margin: 0;
}

.midlabel {
	font: italic 12px verdana, arial, Helvetica, sans-serif;
	color:  #555;
	padding: 0;
	margin: 0;
}

label.midlabel, label.redmidlabel {
	padding: 3px 6px;
}

.redmidlabel {
	font: italic 12px verdana, arial, Helvetica, sans-serif;
	color: #cd1624;
	padding: 0;
	margin: 0;
}

#listTable TD.headerRow {
	font: italic 11px verdana, sans-serif;
	color: #000000;
	background: #ccdeff;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 2px 2px 2px 0;
}

#listTable TH, TH.headerRow {
	font: italic 11px verdana, sans-serif;
	color: #000000;
	background: #ccdeff;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 2px 5px 2px 2px;
	text-align: left;
}


#listTable TD.headerRow TD {
	font: italic 11px verdana, sans-serif;
	color: #000000;
}

#listTable TR.rowHover {
	background: #f5f5f5 url(../icons/ActiveRowBg.gif) repeat-x 0 bottom;
}

#listTable TD, .listTable TD {
	font: 12px verdana, sans-serif;
	color: #000000;
	padding: 3px 10px 3px 0;
}

.documentTable TD {
	padding: 1px 10px 1px 0;
}

#listTable A, .listTable A {
	color: #060060;
	text-decoration: none;
	border-bottom: 1px dotted #9fa7ff;
}

#listTable A.delx {
	color: red;
	text-decoration: none;
	border: none;
}

#listTable .red {
	color: red;
}

#listTable A:visited {
	color: #060060;
}

#listTable A:hover, .listTable A:hover {
	color: #e94138;
}

#listLinks A {
	font: 12px/18px verdana, sans-serif;
	color: #060060;
	text-decoration: none;
	display: block;
	margin: 0 0 0 10px;
}

#listLinks A:hover {
	color: #e94138;
}


A.delx {
	font: bold 12px verdana, sans-serif;
	color: red;
	text-decoration: none;
}

#listTable A.delx:visited {
	color: red;
}

.calDisplay A.delx {
	margin-left: 15px;
}

.message {
	font: 12px verdana, sans-serif;
	color: #cd1624;
}

.comment {
	font: italic 10px/18px verdana, sans-serif;
	color: #000000;
}

.note {
	font: 10px/15px verdana, sans-serif;
	color: #000000;
}

A.delx:hover {
	color: #f95f55;
}

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

.selectlist-item {
	/* Icon from http://pinvoke.com/ */
	background: #fff url(icons/cross-circle.png) no-repeat right center;
	border-left: solid 1px #eee;
	border-top: solid 1px #eee;
	border-right: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
	cursor: pointer;
	padding: 0.2em 0.3em;
	margin: 1px 0;
	font: 11px verdana, sans-serif;
}

#contactTable, .contactTable {
	margin: 0 0 0 16px;
}

#contactTable TD, .contactTable TD {
	font: 12px verdana, sans-serif;
	color: #000000;
	padding: 0 0 1px 0;
}

#contactTable A, #contactTable A:visited, .contactTable A, .contactTable A:visited {
	color: #0a287e;
	text-decoration: none;
	font-size: 14px;
}

#contactTable A:hover, .contactTable A:hover {
	color: #e94138;
	font-size: 14px;
}

TD.contact {
	font: 14px verdana, sans-serif;
	color: #0a287e;
	padding: 0 0 3px 0;
}

TD.text A, TD.text A:visited {
	color: #0a287e;
	text-decoration: none;
	font-size: 12px;
}

TD.text A:hover {
	color: #e94138;
	font-size: 12px;
}


.deleteDocument, .deleteDocument A:visited {
	color: #0a287e;
	text-decoration: none;
	font-size: 12px;
}

.deleteDocument A:hover {
	color: #e94138;
	font-size: 12px;
}

.rowEven{
	background-color: #f1f8ff;
}

.rowOdd{

}

.persistFilterOff{
	background: url(icons/persistFilterOff.png) no-repeat center bottom;
	width: 24px;
	height: 24px;
	margin: 0 0 0 6px;
}

.persistFilterOn{
	background: url(icons/persistFilterOn.png) no-repeat center bottom;
	width: 24px;
	height: 24px;
	margin: 0 0 0 6px;
}

.persistFilterOver{
	cursor: pointer;
}

#navTabBg {
	background: #d8ebff;
	margin:0 0 0 16px;
}

#navTab {
	padding:0 0 0 0;
	}

#navTab TD {
	padding:0 2px 0 1px;
	vertical-align:top;
	background-color: #e8f2f8;
}

#navTab A {
	font: 12px arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #07005e;
	display: block;
	padding: 6px 12px 6px 12px;
	border-bottom: 1px solid #7ea6df;
	border-left: 1px solid #7ea6df;
	border-right: 1px solid #7ea6df;
	background-color: #d3e6fb;
	text-decoration: none;

}

#navTab A.active {
	background-color: #ffffff;
}

#navTab A:hover {
	background-color: #ffffff;

}

div.leftnav {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 16px;
	box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
	min-width: 150px;
}

.leftnav A {
	font: 12px arial, Helvetica, sans-serif;
	padding: 2px 0 2px 0;
	color: #07005e;
	display: block;
	text-decoration: none;
}

TD.leftnav A:hover {
	color: #e94138;

}


div.time-picker {
  position: absolute;
  height: 191px;
  width:4em; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #aaa;
  z-index: 99;
  margin: 0;
}
div.time-picker-12hours {
  width:6em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  cursor: pointer;
  height: 10px;
  font: 12px/1 Helvetica, Arial, sans-serif;
  padding: 4px 3px;
}
div.time-picker li.selected {
  background: #0063CE;
  color: #fff;
}

#addWorkPeriodLinks {
	display:none;
}

#holidayLinks {
	display:none;
}

.displayTrigger {
	background: url(icons/displayArrow.gif) no-repeat left;
	cursor: pointer;
	margin: 0 0 0 10px;
	padding: 0 20px 0 0;
}

.displayTriggerOver {
	background: url(icons/displayArrowOver.gif) no-repeat left;
	cursor: pointer;
	margin: 0 0 0 10px;
	padding: 0 20px 0 0;
}

.displayTriggerActive {
	background: url(icons/displayArrowOpen.gif) no-repeat left;
	cursor: pointer;
	margin: 0 0 0 10px;
	padding: 0 20px 0 0;
}

.displayTriggerActiveOver {
	background: url(icons/displayArrowOpenOver.gif) no-repeat left;
	cursor: pointer;
	margin: 0 0 0 10px;
	padding: 0 20px 0 0;
}

.calDisplay TD {
	padding:1px 16px 1px 0;
	font: 12px verdana;
}

.calDisplay TD.center {
	padding:1px 10px 1px 10px;
	text-align: center;
}

.calDisplay TH {
	padding:0 0 16px 0;
	font: bold 10px verdana;
	text-align: left;
}

.calDisplay TH.center {
	padding:0 6px 16px 6px;
	text-align: center;
}

.calDisplay TD.week {
	font-style: italic;
	color: #7997bb;
}

.tooltip {
	display:none;
	background: #fdfd85;
	border:1px solid #cc9;
	font: 12px verdana, sans-serif;
	width:160px;
	padding:8px;
	color: #111;
	-moz-box-shadow: 2px 2px 11px #666;
	-webkit-box-shadow: 2px 2px 11px #666;
}
/* for mask lists */
.activeTab {
	font-weight:bold; font-size:14px;
}

.sortable {
	cursor: move;
}

TABLE.absenceCalendar {
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

TABLE.absenceCalendar TD {
	font: 12px verdana, sans-serif;
	color: #000000;
	padding: 3px 0 3px 0;
	width: 26px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

TABLE.absenceCalendar TD.day {
	text-align: center;
}

TABLE.absenceCalendar TD.weekend {
	text-align: center;
	color: #d12915;
}

TABLE.absenceCalendar TD.name {
	width: auto;
	padding: 3px 10px 3px 3px;
}

TABLE.absenceCalendar TD.name A {
	font: 12px verdana, sans-serif;
	color: #000000;
	text-decoration: none;
}

TABLE.absenceCalendar TD.name A:hover {
	color: #e94138;
}

TABLE.absenceCalendar TD.absent2 {
	background-color:orange;
	border-right: 1px solid orange;
}

TABLE.absenceCalendar TD.absentasub2 {
	background: rgba(253,175,41,0.5) url(icons/diagx9.png) repeat center center;
	border-right: 1px solid orange;
}

TABLE.absenceCalendar TD.absentwsub2 {
	background-color: rgba(253,175,41,0.5);
	border-right: 1px solid rgba(253,175,41,0.5);
}

TABLE.absenceCalendar TD.absent3 {
	background-color:red;
	border-right: 1px solid red;
}

TABLE.absenceCalendar TD.absentasub3 {
	background: rgba(250,46,25,0.5) url(icons/diagx9.png) repeat center center;
	border-right: 1px solid red;
}

TABLE.absenceCalendar TD.absentwsub3 {
	background-color: rgba(250,46,25,0.5);
	border-right: 1px solid rgba(250,46,25,0.5);
}

TABLE.absenceCalendar TD.absent4 {
	background-color:yellow;
	border-right: 1px solid yellow;
}

TABLE.absenceCalendar TD.absentasub4 {
	background: rgba(255,247,53,0.3) url(icons/diagx9.png) repeat center center;
	border-right: 1px solid yellow;
}

TABLE.absenceCalendar TD.absentwsub4 {
	background-color: rgba(255,247,53,0.3);
	border-right: 1px solid rgba(255,247,53,0.3);
}

TABLE.absenceCalendar TD.absent5 {
	background-color:purple;
	border-right: 1px solid purple;
}

TABLE.absenceCalendar TD.absentasub5 {
	background: rgba(142,47,143,0.5) url(icons/diagx9.png) repeat center center;
	border-right: 1px solid purple;
}

TABLE.absenceCalendar TD.absentwsub5 {
	background-color: rgba(142,47,143,0.5);
	border-right: 1px solid rgba(142,47,143,0.5);
}

TABLE.absenceCalendar TD.absent6 {
	background-color:blue;
	border-right: 1px solid blue;
}

TABLE.absenceCalendar TD.absentasub6 {
	background: rgba(0,72,251,0.5) url(icons/diagx9.png) repeat center center;
	border-right: 1px solid blue;
}

TABLE.absenceCalendar TD.absentwsub6 {
	background-color: rgba(0,72,251,0.5);
	border-right: 1px solid rgba(0,72,251,0.5);
}

TABLE.absenceCalendar TD.absent7 {
	background-color: green ;
	border-right: 1px solid green;
}

TABLE.absenceCalendar TD.absentasub7 {
	background: rgba(32,139,27,0.5) url(icons/diagx9.png) repeat center center;
	border-right: 1px solid green;
}

TABLE.absenceCalendar TD.absentwsub7 {
	background-color: rgba(32,139,27,0.5);
	border-right: 1px solid rgba(32,139,27,0.5);
}

TABLE.absenceCalendar TD A.absenceLink {
	text-decoration: none;
	padding: 4px 11px;
	background-color:none;
}

.stateIcon, .stateIcon a {
	width: 14px;
	height: 14px;
	display: block;
	text-decoration: none;
}

.state0 {
	background: url(icons/state_0.gif) center center no-repeat;
}

.state1 {
	background: url(icons/state_1.gif) center center no-repeat;
}

.state2 {
	background-color: rgba(253,175,41,0.7);
}

.state3 {
	background-color: rgba(250,46,25,0.7);
}

.state4 {
	background-color: rgba(255,247,53,0.7);
}

.state5 {
	background-color: rgba(142,47,143,0.7);
}

.state6 {
	background-color: rgba(0,72,251,0.7);
}

.state7 {
	background-color: rgba(32,139,27,0.7);
}

#listTable td a.printed {
	text-decoration: line-through;
}

#ui-datepicker-div {display:none;}

A.bigT {
	font: 22px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}

A.bigT:hover {
	color: #e94138;
}

tr.cancelled td, tr.cancelled td a, a.cancelled, td.cancelled {
	text-decoration: line-through;
}

* A.rt {
	text-decoration: none;
	border-bottom: 1px dashed #ccc;
	color: inherit;
}