a
{
	color: Blue;
	text-decoration: underline;
}

body
{
	background-image: url(../../Images/Background.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

div.advertisement
{
	background-color: Gray;
	padding: 3px;
	text-align: center;
}

div.footer
{
	text-align: center;
	color: #808080;
	padding-top: 15px;
}

div.main
{
	background-color: #F5F5F5;
	border-bottom: solid 1px #808080;
	height: 600px;
	padding: 5px;
}

div.status
{
	background-color: #DDE7EF;
	background-image: url(../../Images/StateBackground.gif);
	background-repeat: repeat-x;
	border-bottom: solid 1px Black;
	color: #333333;
	font-size: 9pt;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-top: 3px;
}

div.status a
{
	color: #003399;
	text-decoration: none;
}

div.status a:hover
{
	color: black;
	text-decoration: underline;
}

div.subtitle
{
	font-size: 7.5pt;
}

div.title
{
	font-size: 12pt;
	font-weight: bold;
	color: Navy;
}

h2
{
	margin: 0px;
}

h3
{
	margin: 0px;
}

h4
{
	margin: 0px;
}

h5
{
	margin: 0px;
}

li
{
	margin-top: 5px;
	margin-bottom: 5px;
}

li.info
{
	color: Gray;
	max-width: 600px;
	padding-top: 15px;
}

li.instructions
{
	font-weight: bold;
	padding-bottom: 5px;
}

table.header
{
	background-color: White;
	border-bottom: solid 1px Gray;
}

table.header td.authenticated
{
	text-align: right;
	padding: 10px;
}

table.header td.authenticated .email
{
}

table.header td.authenticated .signout
{
}

table.header td.logo
{
	padding: 5px;
}

table.header td.menu
{
	text-align: center;
	vertical-align: baseline;
	padding-top: 1px;
	width: 100%;
}

table.header td.menu div.tab
{
	background-image: url( '../../Images/MenuBarBackground.gif' );
	background-repeat: repeat-x;
	border-top: solid 1px #003399;
	border-left: solid 1px #003399;
	border-right: solid 1px #003399;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

table.header td.menu div.tab a
{
	color: White;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

table.verb
{
	vertical-align: middle;
	width: 500px;
}

table.verb a
{
	color: Black;
	font-weight: bold;
	font-size: 10pt;
}

table.verb td
{
	font-size: 7.5pt;
	color: Gray;
}

ul
{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

ul.bulleted
{
	list-style-type: disc;
	margin-left: 15px;
}

ul.details li
{
	margin-bottom: 5px;
	margin-top: 5px;
}

/* ColorPicker */
.picker
{
	border: solid 1px White;
}

.picker td
{
	cursor: default;
	text-align: center;
}

/* GridView */
.gridview
{
}

.gridview a
{
	color: Blue;
}

/* Wizard */
table.wizard
{
	width: 100%;
}

/* Wizard -> Header */
table.wizard td.hdr
{
	font-weight: bold;
	font-size: 15pt;
	border-bottom: dotted medium #E3E2CD;
}

/* Wizard -> Navigation */
table.wizard td.nav
{
	text-align: left;
}

/* Wizard -> Step */
table.wizard td.stp
{
}

/* PunchGrid */
.punchgrid
{
	background-color: White;
	border: solid 1px #8BBDE8;
}

/* PunchGrid -> Header */
.punchgrid table.hdr
{
	background-color: #ADD1FF;
}

/* PunchGrid -> Header -> DatePicker */
.punchgrid table.hdr td.dpicker
{
	width: 70%;
}

/* PunchGrid -> Header -> NotSelectedView */
.punchgrid table.hdr td.nsv
{
	background-image: url(../../Images/ViewNotSelected.gif);
	background-repeat: repeat-x;
	border: 1px solid #3399FF;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	width: 10%;
}

.punchgrid table.hdr td.nsv div
{
	cursor: pointer;
	display: inline;
}

/* PunchGrid -> Header -> SelectedView */
.punchgrid table.hdr td.sv
{
	background-image: url(../../Images/ViewSelected.gif);
	background-repeat: repeat-x;
	border: 1px solid #3399FF;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	width: 10%;
}

.punchgrid table.hdr td.sv div
{
	cursor: pointer;
	display: inline;
}

/* PunchGrid -> Content */
.punchgrid table.con
{
	background-color: White;
	border-bottom: solid 1px #8BBDE8;
	font-size: 7.5pt;
}

/* PunchGrid -> Content -> DateRow */
.punchgrid table.con tr.daterow
{
	background-color: #ADD1FF;
}

/* PunchGrid -> Content -> SelectedDateCell */
.punchgrid table.con td.sdtc
{
	background-image: url(../../Images/SelectedDateBg.gif);
	background-repeat: repeat-x;
	border-color: #8BBDE8;
	border-style: Solid;
	border-width: 1px;
	text-align: center;
	white-space: nowrap;
}

.punchgrid table.con td.sdtc div
{
	cursor: pointer;
	display: inline;
	font-size: 9pt;
}

/* PunchGrid -> Content -> DateCell */
.punchgrid table.con td.dtc
{
	background-image: url(../../Images/DateBg.gif);
	background-repeat: repeat-x;
	border-color: #8BBDE8;
	border-style: Solid;
	border-width: 1px;
	text-align: center;
	white-space: nowrap;
}

.punchgrid table.con td.dtc div
{
	cursor: pointer;
	display: inline;
	font-size: 9pt;
}

/* PunchGrid -> Content -> DayRow */
.punchgrid table.con tr.dr
{
}

/* PunchGrid -> Content -> TimeCell */
.punchgrid table.con td.tc
{
	background-color: #DDE7EF;
	border-top: solid 1px #8BBDE8;
	border-right: solid 1px #8BBDE8;
	color: #003399;
	cursor: pointer;
	padding-right: 5px;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

/* PunchGrid -> Content -> ExtendedDayCell */
.punchgrid table.con td.edc
{
	background-color: #F0F0F0;
	border-color: #C2DCF3;
	border-top-style: dotted;
	border-left-style: solid;
	border-right-style: solid;
	border-width: 1px;
	height: 18px;
}

/* PunchGrid -> Content -> DayCell */
.punchgrid table.con td.dc
{
	border-color: #C2DCF3;
	border-top-style: dotted;
	border-left-style: solid;
	border-right-style: solid;
	border-width: 1px;
	height: 18px;
}

/* PunchGrid -> Content -> PunchContainer */
.punchgrid table.con table.pc
{
	font-size: 7.5pt;
	table-layout: fixed;
	width: 100%;
}

.punchgrid table.con table.pc td
{
	padding-left: 2px;
	padding-right: 10px;
	text-align: left;
}

.punchgrid table.con table.pc div
{
	height: 16px;
	position: relative;
}

/* PunchGrid -> Content -> PunchPanel */
.punchgrid table.con table.pc div.pp
{
	position: absolute;
	border-style: solid;
	font-size: 7.5pt;
	overflow: hidden;
	padding: 1px;
	width: 100%;
}

.punchgrid table.con table.pc div.pp div
{
	color: Black; /*cursor: pointer;*/
	display: inline;
	margin-left: 2px;
	text-decoration: none;
}

.punchgrid table.con table.pc div.pp div img
{
	border-width: 0px;
	margin-right: 2px;
}

/* PunchGrid -> Content -> CalendarDayRow */
.punchgrid table.con tr.cdr
{
}

/* PunchGrid -> Content -> CalendarDayCell */
.punchgrid table.con td.cdc
{
	border-color: #C2DCF3;
	border-style: solid;
	border-bottom-style: none;
	border-width: 1px;
	height: 100px;
	text-align: right;
	vertical-align: top;
}

/* PunchGrid -> Content -> CalendarExtendedDayCell */
.punchgrid table.con td.cedc
{
	border-color: #C2DCF3;
	border-style: solid;
	border-width: 1px;
	border-bottom-style: none;
	background-color: #F0F0F0;
	height: 100px;
	text-align: right;
	vertical-align: top;
}

/* PunchGrid -> Footer */
.punchgrid table.foo
{
	border-top: solid 1px #8BBDE8;
}

/* PunchGrid -> Footer -> TotalCell */
.punchgrid table.foo td.total
{
	font-size: 9pt;
	text-align: center;
	width: 100%;
}