/* HTML tags */

body	{
	font-size:12px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#333;
	background-color:#ffffff;
	margin:0px;
	}

a {
	font-size:12px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#333;
}

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

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

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

a:active {
	color:#333;
	text-decoration:none;
	}

input {
	font-size:11px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#333;
	}

select {
	font-size:11px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#333;
	}

textarea {
	font-size:11px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#333;
	}

input.checkbox {
	}

input[type="checkbox"] {
	}

input.radio {
	}

input[type="radio"] {
	}

input.image {
	}

input[type="image"] {
	}

input.submit {
	font-size:12px;
	border:1px solid #999999;
	background-color:#fafafa;
	}

input[type="submit"] {
	font-size:12px;
	border:1px solid #999999;
	background-color:#fafafa;
	}

input.button {
	font-size:12px;
	border:1px solid #999999;
	background-color:#fafafa;
	}

input[type="button"] {
	font-size:12px;
	border:1px solid #999999;
	background-color:#fafafa;
	}

input.reset {
	font-size:12px;
	border:1px solid #999999;
	background-color:#fafafa;
	}

input[type="reset"] {
	font-size:12px;
	border:1px solid #999999;
	background-color:#fafafa;
	}

/* Needed for IE vv */
form	{
	font-size:12px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#333;
	margin:0px;
	padding:0px;
	}
/* ^^ */

ul,ol,li {
	font-size:12px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#333;
	/* Don't change margin or padding */
	}

th	{
	font-size:12px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#333;
	font-weight:bold;
	margin:0px;
	padding:2px;
	}

td	{
	font-size:12px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#333;
	margin:0px;
	padding:2px;
	}

h1	{
	font-size:130%;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#333;
	text-align:left;
	margin:2px;
	padding:0px;
	}

h2	{
	font-size:120%;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#333;
	text-align:left;
	margin:2px;
	padding:0px;
	}

h2 a	{
	font-size:14px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#333;
	text-align:left;
	margin:2px;
	padding:0px;
	}

h3	{
	font-size:110%;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#333;
	text-align:left;
	margin:2px;
	padding:0px;
	}

p	{
	font-size:12px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#333;
	margin:0px;
	padding:0px;
	}

hr	{
	border:0px;
	color:#335C85;
	background-color:#335C85;
	height:1px;
	}

.hrLight	{
	border:0px;
	color:#AAA;
	background-color:#AAA;
	height:1px;
	}

/* Like hr, only vertical */

.vr	{
	border-left:1px solid #335C85;
	}

/* Small footnote below dialogs, etc. */

.footnote {
	font-size:11px;
	color:#AAAAAA;
	margin:2px;
	}

.footnote a {
	font-size:11px;
	font-weight:bold;
	color:#AAAAAA;
	margin:2px;
	}

.footnote hr {
	border:0px;
	color:#AAAAAA;
	background-color:#AAAAAA;
	height:1px;
	}

/* Errors, Warnings */

.infobox { border-style:solid; border-width:1px; border-color:#F0C000; background-color:#FFFFCE; text-align:left; margin-top:2px; margin-bottom:5px}
.notebox { border-style:solid; border-width:1px; border-color:#F0C000; background-color:#FFFFCE; text-align:left; margin-top:2px; margin-bottom:5px}
.errorbox { border-style:solid; border-width:1px; border-color:#c00; background-color:#fcc; text-align:left; margin-top:2px; margin-bottom:5px}

/* Dialog box */

.dialogbox {
	font-size:12px;
	border:1px solid #335C85;
	margin:2px 0px;
	}

.dialogbox th {
	padding:2px;
	background-color:#BFBFFD;
	color:#333;
	font-weight:bold;
	border-bottom:1px solid #335C85;
	white-space:nowrap;
	}

.dialogbox td {
	padding:2px;
	}

.dialogboxLabel {
	font-weight:bold;
	text-align:right;
	white-space:nowrap;
	font-size:12px;
	width:25%;
	}

.dialogboxLabelHorizontal {
	font-weight:bold;
	white-space:nowrap;
	font-size:12px;
	}

.dialogboxSeparator {
	font-weight:bold;
	white-space:nowrap;
	font-size:12px;
	vertical-align:top;
	border-bottom:1px solid #335C85;
	}

.dialogboxFooter {
	padding:2px;
	background-color:#dddddd;
	color:#333;
	border-top:1px solid #335C85;
	white-space:nowrap;
	}

/* List */

.list	{
	font-size:12px;
	background-color:#ffffff;
	color:#333;
	}

.list th {
	color:#FFFFFF;
	background-color:#ACACAC;
	font-weight:bold;
	border-bottom:1px solid #335C85;
	white-space:nowrap;
	padding:2px 5px;
	}

.list th a:link {
	color:#FFFFFF;
	text-decoration:underline;
	border-bottom:0px;
	}

.list th a:visited {
	color:#FFFFFF;
	text-decoration:underline;
	border-bottom:0px;
	}

.list th a:hover {
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:0px;
	}

.list th a:active {
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:0px;
	}

.list td {
	padding:2px 5px;
	}

.listRow1 {
	background-color:#FFFFFF;
	}

.listRow2 {
	background-color:#DCDCDC;
	}

.listRowSel {
	background-color:#CCCCFF;
	}

tr.listRowHover:hover {
		background-color:#CCCCFF;
	}

.listFooter {
	font-weight:bold;
	border-top:1px solid #335C85;
	padding:2px 5px;
	}

.listSeekTop {
	border-bottom:1px solid #335C85;
	white-space:nowrap;
	}

.listSeekBottom {
	border-top:1px solid #335C85;
	white-space:nowrap;
	}

/* Tabz */

.tabz {
	font-size:12px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	white-space:nowrap;
}

.tabzNoSel {
	border-bottom:1px solid #335C85;
	white-space:nowrap;
}

.tabzSel {
	font-weight:bold;
	color:#335C85;
	border-left:1px solid #335C85;
	border-top:1px solid #335C85;
	border-right:1px solid #335C85;
	border-bottom:none;
	white-space:nowrap;
}

/* Nav bar */

.nav	{
	color:#333;
	font-size:11px;
	font-weight:bold;
	padding:0px;
	white-space:nowrap;
	}

.nav td {
	color:#333;
	font-size:11px;
	font-weight:bold;
	padding:0px;
	}

.navWelcome {
	color:#6868F6;
	font-size:11px;
	font-weight:bold;
	white-space:nowrap;
	}

/* Selected tab */

.currentTab {
	font-size:11px;
	color:#6e6e6e;
	font-weight:bold;
	padding:0px;
	white-space:nowrap;
	}

.currentTab td {
	font-size:11px;
	color:#6e6e6e;
	font-weight:bold;
	padding:0px;
	}

.currentTab a:link {
	color:#333;
	text-decoration:none;
	}

.currentTab a:visited {
	color:#333;
	text-decoration:none;
	}

.currentTab a:hover {
	color:#333;
	text-decoration:none;
	}

.currentTab a:active {
	color:#333;
	text-decoration:none;
	}

/* Unselected tab */

.otherTab {
	font-size:11px;
	color:#6e6e6e;
	font-weight:bold;
	padding:0px;
	white-space:nowrap;
	}

.otherTab td {
	font-size:11px;
	color:#6e6e6e;
	font-weight:bold;
	padding:0px;
	}

a.otherTab:link {
	color:#6e6e6e;
	text-decoration:none;
	}

a.otherTab:visited {
	color:#6e6e6e;
	text-decoration:none;
	}

a.otherTab:hover {
	color:#3C3C3C;
	text-decoration:none;
	}

a.otherTab:active {
	color:#3C3C3C;
	text-decoration:none;
	}

/* Subtab */

.subtab {
	padding:0px;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	background-color:#ACACAC;
	border-bottom:1px solid #3C3C3C;
	white-space:nowrap;
	}

.subtab td {
	padding:0px 5px 0px 5px;
	color:#ffffff;
	border-bottom:0px;
	}

.subtab td a:link {
	color:#ffffff;
	text-decoration:underline;
	border-bottom:0px;
	}

.subtab td a:visited {
	color:#ffffff;
	text-decoration:underline;
	border-bottom:0px;
	}

.subtab td a:hover {
	color:#ffffff;
	text-decoration:none;
	border-bottom:0px;
	}

.subtab td a:active {
	color:#ffffff;
	text-decoration:none;
	border-bottom:0px;
	}

/* Popup menu */

.menu {
	position:absolute;
	visibility:hidden;
	background-color:white;
	border:solid black 1px;
	font-size:12px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#333;
	white-space:nowrap;
	}

.menu a {
	display:block;
	padding:4px;
	text-decoration:underline;
	white-space:nowrap;
	}

.menu a:visited {
	color:#333;
	text-decoration:underline;
	white-space:nowrap;
	}

.menu a:hover {
	color:#333;
	background-color:lightblue;
	text-decoration:none;
	white-space:nowrap;
	}

.menu a:active {
	color:#333;
	background-color:lightblue;
	text-decoration:none;
	white-space:nowrap;
	}

/* Timesheet */

.timesheet {
	font-size:12px;
	border:1px solid #335C85;
	margin:2px;
	}

.timesheet th {
	font-weight:normal;
	padding:2px 4px;
	background-color:#BFBFFD;
	color:#333;
	white-space:nowrap;
	}

.timesheet td {
	padding:2px;
	}

.tsHdr {
	white-space:nowrap;
	padding:0px 4px 2px 4px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#6B6BF7;
	}

.tsHdrWkd {
	white-space:nowrap;
	padding:0px 4px 2px 4px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#A0A0FB;
	}

.tsHdrTot {
	white-space:nowrap;
	padding:0px 4px 2px 4px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#6B6BF7;
	}

.tsHdrPTot {
	white-space:nowrap;
	padding:0px 4px 2px 4px;
	font-weight:bold;color:#FFFFFF;
	background-color:#A0A0FB;
	}

.tsRow {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	}

.tsRowWkd {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	background-color:#E0E0EE;
	}

.tsRowTot {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	}

.tsRowPTot {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	background-color:#E0E0E0;
	}

.tsRowErr {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	background-image:url(/timesheet/pages/images/error-strip.gif);
	background-repeat:repeat-y;
	}

.tsRowCor {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	background-image:url(/timesheet/pages/images/warn-strip.gif);
	background-repeat:repeat-y;
	}

.tsRowLv {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#ACACAC;
	}

.tsFoot {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	font-weight:bold;
	border-top:2px solid #ACACAC;
	}

.tsFootWkd {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	font-weight:bold;
	border-top:2px solid #ACACAC;
	background-color:#E0E0E0;
	}

.tsFootPTot {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	font-weight:bold;
	border-top:2px solid #ACACAC;
	background-color:#E0E0E0;
	}

.tsFoot2 {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	border-top:1px solid #ACACAC;
	}

.tsFoot2Wkd {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	border-top:1px solid #ACACAC;
	background-color:#E0E0E0;
	}

.tsFoot2PTot {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	border-top:1px solid #ACACAC;
	background-color:#E0E0E0;
	}

.tsCtl {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	font-weight:bold;
	color:#333;
	background-color:#BFBFFD;
	}

.tsDtl {
	white-space:nowrap;
	padding:2px 4px 2px 4px;
	text-align:left;
	}

.tsReadOnly {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	vertical-align:top;
	border-bottom:1px dotted #ACACAC;
	}

.tsReadOnlyBrdr {
	white-space:nowrap;
	padding:1px 4px 1px 4px;
	vertical-align:top;
	border-bottom:1px solid #ACACAC;
	}

.tsReadOnlyWrap {
	white-space:normal;
	padding:1px 4px 1px 4px;
	vertical-align:top;
	border-bottom:1px dotted #ACACAC;
	}

.tsReadOnlyWrapBrdr {
	white-space:normal;
	padding:1px 4px 1px 4px;
	vertical-align:top;
	border-bottom:1px solid #ACACAC;
	}

/* Calendar */
.usercalyear {
}
.usercal {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:11px;
	color:#333;
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
}
.usercal th {
	background-color:#EEE;
	border-bottom:1px solid #AAA;
	border-right:1px solid #AAA;
	padding:3px;
}
.usercal td {
	border-bottom:1px solid #AAA;
	border-right:1px solid #AAA;
	padding:3px;
}
.usercaldayhd {
	font-weight:bold;
}
.usercalday {
	color:#666;
}
.usercaldaysel {
	background-color:#F90;
	color:#FFF;
	font-weight:bold;
}
.usercaldaysel a {
	color:#FFF;
}
.usercaldaysel a:link {
	color:#FFF;
	text-decoration:none;
}
.usercaldaysel a:visited {
	color:#FFF;
	text-decoration:none;
}
.usercaldaysel a:hover {
	color:#FFF;
	text-decoration:none;
}
.usercaldaysel a:active {
	color:#FFF;
	text-decoration:none;
}

/* Tooltiptext */

a.ttt:link {
	color:#333;
	text-decoration:none;
	}

a.ttt:visited {
	}

a.ttt:hover {
	}

a.ttt:active {
	}

/* Misc */

.required {
		color:#ff0000;
	}

.innerTable {
	margin:0px;
	border:0px;
	padding:0px 0px;
	}

.innerTable th {
	padding:0px 2px;
	border:0px;
	font-weight:bold;
	}

.innerTable td {
	padding:0px 2px;
	border:0px;
	}

.highlightActiveField {
	background-color:#FFFF99;
}

#punchInBtn {
	font-weight:bold;
	color:#333;
	background-color:#FF9900;
	}

#punchOutBtn {
	font-weight:bold;
	color:#333;
	background-color:#FF9900;
	}