html, body
{
	margin: 0;
	padding: 0;
}

body
{
	font: 85%/1.2 Trebuchet MS;
    text-align: left;
    background: #fff;
    padding-bottom: 20px;
}

a 
{
	color: #036DA7;
	text-decoration: none;
}

input
{
	font-family: Trebuchet MS, Arial, Sans-Serif;
}

select
{
	font-family: Trebuchet MS, Arial, Sans-Serif;	
}

img
{
	border: 0;	
}

h1 
{
	font: bold 1.5em Trebuchet MS;
	color: #036DA7;
}

h2
{
	font: bold 1.1em Trebuchet MS; 
	padding: 0; 
	margin: 0; 
}

div#header
{
	width: 100%;
}

#regContent
{
	text-align: center;	
	padding: 10px;
}

button
{
	font-family: Trebuchet MS, Arial, Sans-Serif;
}

select
{
	font-family: Trebuchet MS, Arial, Sans-Serif;	
}

td 
{
	vertical-align: top;	
}

.helpList li
{
	margin-bottom: 10px;	
}

em
{
	font-style: italic; 
	font-weight: bold;	
}

.popupPanel
{
	padding: 10px;
	background-color: #EAF1FB;
	border: solid 1px rgb(200,200,200);
}

.halfList
{
	border: outset 2px rgb(200,200,200);	
	background-color: #E5ECF8;
	padding: 5px;
	margin-top: 10px;
	width: 35em;
}

.jobList
{
	border: outset 2px rgb(200,200,200);	
	background-color: #E5ECF8;
	padding: 5px;
	margin-top: 10px;
	width: 35em;
}

.tableStyle
{
	text-align: center;
	border: outset 2px rgb(200,200,200);	
	background-color: #E5ECF8;
	padding: 5px;
	margin-top: 10px;
	width: 35em;
}

.pageTable
{
	border: outset 2px rgb(200,200,200);	
	background-color: #E5ECF8;
	padding: 5px;
	margin: 10px auto;
	width: 600px;
}

.tableStyle td
{
	padding: 2px;
}

#settingsTable td
{
	text-align: right;	
}

.subheader
{
	font-size: 0.65em;
	color: #3984C5;
	font-family: Century Gothic, Arial, Sans-Serif;
}

.smallSpaceBelow
{
	margin-bottom: 0.3em;
}

#blockHeader
{
	padding-top: 5px;
	padding-bottom: 3px;
	text-align: center;
	font-size: 17px;
	color: #036DA7;
}

.icon
{
	padding-right: 5px;
	margin-right: 8px;
	vertical-align: middle;	
}

.blockMenu
{
	font-size: 17px;
	color: #036DA7;
}

.separatorLinks td
{
	padding-left: 10px;	
	padding-right: 10px;	
}

td.currentTab
{
	background-color: transparent;
	background-image: url(../images/headerbg-alt.png);
	background-repeat: repeat-x;
}

.intrigmaBlue
{
	font-family: Century Gothic, Arial, Sans-Serif;
	color: #3984C5;	
}

.intrigmaOrange
{
	font-family: Century Gothic, Arial, Sans-Serif;
	color: #F26722;	
}

.messageBody
{
	padding: 10px;
	background-color: #306EA5;
	color: white; 
	border: solid 1px black;
	font-size: 1.1em;
}

#topRightLinks
{
	text-align: right; 
	padding-right: 20px; 
	padding-top: 30px; 
	font-size: 0.95em;	
}

#topRightLinks a:hover
{
	text-decoration: underline;
}

.panelTab
{
	cursor: pointer; 
	float: left; 
	width: 120px; 
}

.headerText
{
	color: rgb(0,0,0);
	vertical-align: middle;
	font-size: 2em;
	font-weight: bold;
}

.headerSeparator
{
	background-color: transparent;
	background-image: url(../images/headerbg.png);
	background-repeat: repeat-x;
	color: rgb(255,255,255);
	text-align: right;
	margin-right: 5px;
}

.headerSeparator a
{
	font-size: 13px;
	font-weight: bold;
	color: rgb(255,255,255);
	text-decoration: none;
}

.errorText
{
	color: rgb(255, 0, 0);	
}

.panel
{
	background: #EAF1FB;
	border: outset 2px rgb(200,200,200);
	margin-bottom: 5px;
	width: 17em;
	font-size: 85%; 
	color: #39749A;
	margin-right: 2px; 
}

.panelHeader
{
	padding-left: 1em;
	padding-top: 4px;
	color: #FFF;
	background-color: transparent;
	background-image: url(../images/headerbg.png);
	background-repeat: repeat-x;
	height: 2em;
	font-weight: bold;
	font-size: 1.2em;
}

.panelHeader:hover
{
	background-color: transparent;
	background-image: url(../images/headerbg-alt.png);
	background-repeat: repeat-x;	
}

.tableHeader
{
	padding-left: 1em;
	color: white;
	background-color: transparent;
	background-image: url(../images/headerbg.png);
	background-repeat: repeat-x;
	height: 2em;
	border-bottom: solid 1px rgb(200,200,200);
	font-weight: bold;
	text-align: left;
}

.date  
{
	color: #fff;
	font-size: 10px;
}

#content 
{
	font: 95%/1.3 Trebuchet MS;
	margin: 0 auto;
    padding: 2px;
}

.calendar
{
	cursor: default;
	padding: 0;
	border-spacing: 0 0;
	border-collapse: collapse;
	width: 100%;
}

#calendarDiv
{
	border: outset 2px rgb(200,200,200);	
}

.new
{
	vertical-align: super;
	color: Red;
	padding-left: 5px;
	font-weight: bold;
	font-size: 0.7em;
}

.calendar .inactiveDayCell
{
	border: solid 1px rgb(200,200,200);
	height: 6em;
	vertical-align: top;
	padding: 0;
	background-color: #FFFFFF;
}

.calendar .dayCell
{
	border: solid 1px rgb(200,200,200);
	height: 7em;
	vertical-align: top;
	padding: 0;
	background-color: #EAF1FB;
}

.calendar .dayOfWeekCell
{
	width: 14.28%;
	text-align: center;
	border-top: solid 1px rgb(200,200,200);
	border-left: solid 1px rgb(200,200,200);
	border-right: solid 1px rgb(200,200,200);
	color: white;
	font-weight: bold;
	height: 2em;
	
	background-color: transparent;
	background-image: url(../images/headerbg.png);
	background-repeat: repeat-x;
	height: 2.1em;
	vertical-align: middle;
}

.calendar .dayInMonth
{
	text-align: right;
	padding-right: 2px;
	height: 1.5em;
	background-color: transparent;
	background-image: url(../images/dateheaderbg.png);
	background-repeat: repeat-x;
	font-weight: bold;
	cursor: pointer;
}

.calendar .dayNotInMonth
{
	text-align: right;
	padding-right: 2px;
	height: 1.5em;
	background-color: transparent;
	background-image: url(../images/dateheaderbg-outside.png);
	background-repeat: repeat-x;
}

#nameForPrint
{
	display: none;	
}

.calendar .dayItems
{
	cursor: pointer;
	background-color: #39749A;
	color: White;
	font-size: 85%;
	padding: 2px;
	margin-left: 5px;
	margin-right: 5px;
}

.calendar .singleDayItem
{
	cursor: pointer;
	background-color: #39749A;
	color: White;
	font-size: 85%;
	padding: 2px;
	margin-left: 3px;
	margin-right: 3px;
}

.calendar .beginningDayItem
{
	cursor: pointer;
	background-color: #39749A;
	color: White;
	font-size: 85%;
	padding: 2px;
	margin-left: 3px;
}

.calendar .endDayItem
{
	cursor: pointer;
	background-color: #39749A;
	color: White;
	font-size: 85%;
	padding: 2px;
	margin-right: 3px;
}

.calendar .middleDayItem
{
	cursor: pointer;
	background-color: #39749A;
	color: White;
	font-size: 85%;
	padding: 2px;
}

.calendar .basicItem
{
	font-size: 85%;
}

.calendar .basicItem .highlightedItem
{
	color: White;
	background-color: #39749A;
}

.deniedRequest .beginningDayItem
{
	border-left: solid 3px #FF3333;
	border-top: solid 3px #FF3333;
	border-bottom: solid 3px #FF3333;
}

.approvedRequest .beginningDayItem
{
	border-left: solid 3px #00CC33;
	border-top: solid 3px #00CC33;
	border-bottom: solid 3px #00CC33;
}

.deniedRequest .middleDayItem
{
	border-top: solid 3px #FF3333;
	border-bottom: solid 3px #FF3333;
}

.approvedRequest .middleDayItem
{
	border-top: solid 3px #00CC33;
	border-bottom: solid 3px #00CC33;
}

.deniedRequest .endDayItem
{
	border-right: solid 3px #FF3333;
	border-top: solid 3px #FF3333;
	border-bottom: solid 3px #FF3333;
}

.approvedRequest .endDayItem
{
	border-right: solid 3px #00CC33;
	border-top: solid 3px #00CC33;
	border-bottom: solid 3px #00CC33;
}

.deniedRequest .singleDayItem
{
	border: solid 3px #FF3333;
}

.approvedRequest .singleDayItem
{
	border: solid 3px #00cc33;
}

.calendar .borderItem
{
	border: solid 3px #F26722;
}

.fieldlabel
{
	font-weight: bold;
}

#messageContainer
{
	height: 1.5em;	
}

#message
{
	padding: 2px;
	text-align: center;
	background-color: #FFF5B8;
	border: outset 1px rgb(200,200,200);
	font-weight: bold;
}

#login
{
	text-align: center;	
	margin: 0 auto;
	padding-top: 10px;
}

#footer
{
	text-align: center;
	margin: 0 auto;
	font-size: smaller;
	clear: both;
	padding-top: 10px;
}

.requestSummary
{
	text-indent: -2em;
	padding-left: 2em;
}

.reportTable
{
	border-top: solid 1px black;
	margin-top: 15px;
	width: 100%;
	page-break-inside: avoid;
}

.reportRowHeader
{
	border: solid 1px black;
	font-weight: bold;
	text-align: center;
}

.emptyDay
{
	width: 2em;
	height: 1em;
	border: solid 1px gray;
	text-align: center;
	color: gray;
}

.offDay
{
	width: 2em;
	height: 1em;
	border: solid 2px black;
	background-color: rgb(220,220,220);
	text-align: center;
	font-weight: bold;
}

.workDay
{
	width: 2em;
	height: 1em;
	border: solid 1px black;
	background-color: rgb(245,245,245);
	text-align: center;
}

.leftCell
{
	border-left: solid 1px black;
	border-bottom: solid 1px black;	
	text-align: left;
}

.rightCell
{
	border-top: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;	
	text-align: center;
	width: 20em;
}

.userRequestPanel
{
	margin-right: 1em;
}

#noRequestsHeader
{
	font-weight: bold;	
}

.indented
{
	padding-bottom: 0.6em;	
}

#requestConflicts
{
	padding-top: 15px;	
	width: 100%;
	text-align: left;
}

.reportContent
{
	width: 60em;
	text-align: center;
}

.sectionHeader
{
	text-align: center;	
}

.replacementRequestItem
{
	border: solid 20px orange;
	text-decoration: underline, line-through;
}

.onlyPrinted
{
	display: none;
}

.calendarLegendHeader
{
	font-weight: bold;
}

.neverPrinted
{
	display: block;
}

.hasUnreadMessages
{
	font-weight: bold;
}

.actionList
{
	list-style: none;
	margin: 0.3em 0 0.5em 0;
	padding-left: 1em;
	text-indent: -1em;
}