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

table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.containerdiv {
	background-color:#FFFFFF;
	border:1px solid #000000;
	width:98%;
	margin-left:1%;
	margin-right:1%;
}
div.logindiv {
	margin-left:auto;
	margin-right:auto;
	width:400px;
	border:1px solid #000000;
	padding:5px;
	background-color:#EEEEEE;
}

div.loginheader {
	background-color:#000066;
	color:#FFFFFF;
	font-weight:bold;
	padding: 4px;
	margin-bottom:4px;
}

div.header {
	background-color:#000044;
	/*background-image:;*/
	border-bottom:1px solid #000000;
	height:100px;
	padding:5px;
}
div.headbar {
	background-color:#EEEEEE;
	/*background-image:;*/
	border-bottom:1px solid #000000;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}
div.subheadbar {
	background-color:#CCCCCC;
	/*background-image:;*/
	border-bottom:1px solid #000000;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}
div.footer {
	background-color:#EEEEEE;
	/*background-image:;*/
	border-top:1px solid #000000;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:right;
	font-weight:bold;
}
div.footer2 {
	background-color:#000044;
	/*background-image:;*/
	border-top:1px solid #000000;
	height:50px;
	padding:5px;
}
div.maindocument {
	width:100%;
	padding-top:2px;
	padding-bottom:2px;
}
div.maindoccontent {
	width:100%;
}
table.maindocumenttable {
	width:100%;
	border:0px;
}
td.buttontd {
	vertical-align:top;
	width:200px;
}
div.pagebuttons {
	border: 1px solid #000000;
	background-color:#CCCCCC;
	padding:2px;
}
div.module {
	border: 1px solid #000000;
	margin-bottom: 5px;
	width:100%;
}
div.module div {
	padding: 2px;
}
div.moduletitle {
	border-bottom: 1px solid #000000;
	font-weight:bold;
	font-size:14px;
	background-color:#999999;
}
table.moduletable{
	 width:100%;
	 border:0px;
	 padding:2px;
}
table.moduletable th{
	font-weight:bold;
	border-bottom:1px solid #000000;
}
.modulerow0 {
	background-color:#FFFFFF;
	border-bottom:1px solid #000000;
}
.modulerow0:hover {
	background-color:#FFF2C9;
}
.modulerow1 {
	background-color:#DDDDDD;
	border-bottom:1px solid #000000;
}
.modulerow1:hover {
	background-color:#FFF2C9;
}

img.logo {
	height:75px;
	width:211px;
	background: url(../images/Project-Timer-Logo.gif) top left no-repeat;
	border:0px;
}
img.footerlogo {
	height:50px;
	width:141px;
	background: url(../images/Project-Timer-Logo-footer.gif) top left no-repeat;
	border:0px;
}

input {
	font-size:12px;
}

div.buttons {
	border:1px solid #000000;
	width:200px;
}
div.mainbutton {
	border-bottom:1px solid #000000;
	background-color:#EEEEEE;
	font-weight:bold;
	padding:2px;
}
div.mainbutton:hover {
	background-color:#CCCCCC;
	cursor:pointer;
}
div.popupdiv {
	background-color:#EEEEEE;
	border:1px solid #000000;
}
div.popupdivbutton {
	border-bottom:1px solid #000000;
	padding:3px;
}
div.popupdivbutton:hover {
	background-color:#FFFF99;
}
div.popupdivbutton a {
	color:#000000;
	text-decoration:none;
}

.title {
	font-weight:bold;
	font-size: 16px;
}
.smalltitle {
	font-weight:bold;
	font-size: 14px;
}
.bold {
	font-weight:bold;
}
.normal {
	font-weight:normal;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}
.red {
	color:#FF0000;
}
.green {
	color:#00CC00;
}

textarea.styled {
	width: 350px;
	height: 120px;
	border: 2px solid #999999;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	/*background-image: url(bg.gif);*/
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.actionbar {
	border-bottom: 1px solid #000000;
	padding: 2px;
}

div.clear {
	clear:both;
}

form.timerform {
	float:right;
	width:250px;
	margin-right:150px;
	border-left:1px solid #000000;	
}

span.actionbaritem {
	margin-left: 5px;
	margin-right: 5px;
}


/* CALENDAR CSS */
	img.CALENDAR { border:0px;margin-bottom:-2px; }
	.CALENDARcpYearNavigation,
	.CALENDARcpMonthNavigation
			{
			background-color:#515FAD;
			text-align:center;
			vertical-align:middle;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.CALENDARcpDayColumnHeader,
	.CALENDARcpYearNavigation,
	.CALENDARcpMonthNavigation,
	.CALENDARcpCurrentMonthDate,
	.CALENDARcpCurrentMonthDateDisabled,
	.CALENDARcpOtherMonthDate,
	.CALENDARcpOtherMonthDateDisabled,
	.CALENDARcpCurrentDate,
	.CALENDARcpCurrentDateDisabled,
	.CALENDARcpTodayText,
	.CALENDARcpTodayTextDisabled,
	.CALENDARcpText
			{
			font-family:arial;
			font-size:8pt;
			}
	TD.CALENDARcpDayColumnHeader
			{
			text-align:right;
			/*border:solid thin #6677DD;*/
			border-width:0 0 1px 0;
			}
	.CALENDARcpCurrentMonthDate,
	.CALENDARcpOtherMonthDate,
	.CALENDARcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.CALENDARcpCurrentMonthDateDisabled,
	.CALENDARcpOtherMonthDateDisabled,
	.CALENDARcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.CALENDARcpCurrentMonthDate
			{
			color:#515FAD;
			font-weight:bold;
			}
	.CALENDARcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.CALENDARcpOtherMonthDate
			{
			color:#808080;
			}
	TD.CALENDARcpCurrentDate
			{
			color:#FFFFFF;
			background-color: #515FAD;
			border-width:1px;
			border:solid thin #000000;
			}
	TD.CALENDARcpCurrentDateDisabled
			{
			border-width:1px;
			border:solid thin #FFAAAA;
			}
	TD.CALENDARcpTodayText,
	TD.CALENDARcpTodayTextDisabled
			{
			/*border:solid thin #6677DD;*/
			border-width:1px 0 0 0;
			}
	A.CALENDARcpTodayText,
	SPAN.CALENDARcpTodayTextDisabled
			{
			height:20px;
			}
	A.CALENDARcpTodayText
			{
			color:#515FAD;
			font-weight:bold;
			}
	SPAN.CALENDARcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.CALENDARcpBorder
			{
			border:solid thin #515FAD;
			}