@charset "utf-8";
/* CSS Document */
body {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin:0px 0px 0px 0px;
	background-color:#fff;
}

.inputbox_textarea{
	border: 1px solid #999999;
	width: 400px;
	height: 50px;
}

.inputbox_long {
	border: 1px solid #999999;
	width: 200px;
}

.inputbox_medium {
	border: 1px solid #999999;
	width: 100px;
}

.inputbox_small {
	border: 1px solid #999999;
	width: 50px;
}

a {
	color: #5dacfa;
}

textarea {
	width: 200px;
	height: 100px;
	border: 1px solid #999999;
}

.help {
	font-size: 12px;
	width: 300px;
}

.altrow {
	background-color: #fff;
}

.row {
	background-color: #ffffff;
}

table.gridview tr, table.gridview td, table.gridview th {
	border: 1px solid #999999;;
}
td, th {
	vertical-align: top;
	text-align: left;
	color: #333333;
}

.BoxHelp, .BoxInfo  {
	background-color: #fff;
	border: 1px solid #5dacfa;
	position: absolute;
	padding: 5px;
	margin: 5px;
	z-index: 1000;
	width: 310px;
	height: 200px;
	text-align: left;
}

.helplink {
	color: #5dacfa;
	font-size: 10px;
}

.title {
	color: #333333;
	font-size: 20px;
}

.title2 {
	color: #333333;
	font-size: 16px;
}

.title3 {
	color: #333333;
	font-size: 18px;
}

.documenttitle {
	color: #333333;
	font-size: 20px;
}

#divClient {
	position: relative;
	float: left;
	padding: 2px;
}

#divClientMenu {
	position: relative;
	float: right;
	padding: 2px;
}

#divClientHomePageContainer, #divClientContainer, #divHeader, #boxContainer, #divMask {
	clear: both;
}

#divClientContainer {
	background-color: #eaeaea;
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #c5c5c5;
}

#divHeader {
	display2: none;
	background-color: #fff;
	border-bottom: 1px solid #5dacfa;
}

#divMask {
	display2: none;
	background-color: #fb5c5c;
	height: 65px;
	border-bottom: 1px solid #e85353;
}

#divMaskLink {
	float: right;
}

#divHeaderLogo, #divHeaderTitle {
	float: left;
	font-size: 30px;
}

#divHeaderDescription {
	clear: both;
}

#mainContainer {
	width: 100%; margin: 0 auto; text-align: left; 
	margin-top: 1px;
	background-color: #f0f0f0;
}

#boxLogin {
	width: 550px; margin: 0 auto; text-align: left; float: left;
}

#boxLoginTitle {
	text-align: center;
	clear: both;
}

#boxLoginUsername1 {
	float: left;
	background-color: #fff;
	border: 1px solid #5dacfa;
	padding: 5px;
	margin: 5px;
	width: 250px;
	height: 200px;
	text-align: left;
}

#boxLoginUsername2 {
	float: right;
	background-color: #fff;
	border: 1px solid #5dacfa;
	padding: 5px;
	margin: 5px;
	width: 250px;
	height: 200px;
	text-align: left;
}

#BoxDocument {
	text-align: center;
}

.right {
	text-align: right;
}

#divFooter {
	clear: both;
	width: 100%; margin: 0 auto; text-align: left; 
	background-color: #eaeaea;
	border-top: 1px solid #c5c5c5;
	height: 25px;
}

#divFooterLeft {
	position: relative;
	float: left;
}

#divFooterRight{
	position: relative;
	float: right;
}

.bold {
	font-size: 18px;
	
}

.gridmonthtitle {
	font-weight: bold;
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
}

.gridyeartitle {
	font-weight: bold;
	font-size: 20;
	border-bottom: 1px solid #c5c5c5;
	background-color: #eaeaea;
}

.employee_orange {
	background-color: orange;
}

.employee_red {
	background-color: red;
}

.alert {
	color: red;
	font-weight: bold;
}

.fr { float: right; }

.cb { clear: both; }