body { 
	font:13px/1.231 sans-serif; 
	*font-size:small;   
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#mainContainer {
	width: 700px;
	/*border: 1px solid #000;*/
	margin: auto;
	padding-bottom: 25px;
	/*padding: 15px;*/
	background: #e3e3e3;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

#mainContainer2 {
	width: 1200px;
	/*border: 1px solid #000;*/
	margin: auto;
	/*padding: 15px;*/
	background: #e3e3e3;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

td.customer {  
	 width: 500px;
	 background: url(/html/css/images/customer.jpg) no-repeat;
	 padding: 8px 10px 6px;
	 color: #ffffff
}

#mainContainerLeft {
	width: 50%;
	/*border: 1px solid #000;*/
	margin: auto;
	/*padding: 15px;*/
	background: #e3e3e3;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	float: left;
}

#mainContainerRight {
	width: 50%;
	/*border: 1px solid #000;*/
	margin: auto;
	/*padding: 15px;*/
	background: #e3e3e3;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	float: right;
}

#subContainer {
  	width: 600px;
  	/*border: 1px solid #000;*/
  	margin: 0 auto;
  	padding: 15px;
  	padding-bottom: 100px;
}

#subContainer2 {
  	width: 1150px;
  	/*border: 1px solid #000;*/
  	margin: 0 auto;
  	padding: 15px;
  	padding-bottom: 100px;
}

#formContainer {
	position: relative;
	border: 0px;
	padding: 25px;
	text-align:left;
}

#mainContainer h1, #mainContainerLeft h1, #mainContainerRight h1, #mainContainer2 h1 {
	color: #666;
	border-bottom: 1px solid #adadad;
	padding: 15px 15px;
	border-radius: .5em .5em 0 0;
	background: #b4b9c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#c3c3c3));
	background: -moz-linear-gradient(top,  #eee,  #c3c3c3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#c3c3c3');
	text-shadow: 0 1px 0 #eee;
	text-align: center;
	font-size: 14px;
}

#container {
	margin-right: 50px;
  	margin-left: 50px;	
}

#headerContainer {
	position: relative;
  margin: 0 auto;
	width: 700px;
  height: 88px;
  text-align: right;
  background-color: #f1f1f1;
}
  
#logo {
	position: relative;
  height: 88px;
  float: left;
}

#ui-datepicker-div {
	font-size: 70%; /* Without this the datepicker looks huge! */
}

#titleBar {
	width: 975px;	
	float: right;
	padding-right: 95px;
	height: 30px;
	font-size: 20px;
}

#dateRange {
	width: 80px;
	float: left;	
}

#project {
	width: 125px;	
	float: left;
	padding-top: 5px;
}

#SOW {
	width: 150px;	
	float: left;
	padding-top: 5px;
}

#vc {
	width: 120px;	
	float: left;
	padding-top: 5px;
	padding-right: 25px;	
}

#ts {
	width: 150px;	
	float: left;
	padding-top: 5px;
	padding-left: 15px;
}

#money {
	width: 100px;
	float: right;
	padding-right: 25px;
	padding-top: 5px;
}

#money2 {
	width: 100px;
	float: right;
	padding-right: 15px;
	padding-top: 5px;
}

#money3 {
	width: 100px;
	float: right;
	padding-right: 75px;
	padding-top: 5px;
}

.full {
	margin: 0px auto;
	border: 1px solid black;
	border-spacing: 5px;
	border-collapse: collapse;
	width: 1150px;
	height: 85px;
	text-align: center;	
}
	
label.input { 
	position: relative; 
	text-align: right; 
	width: 290px; 
	font-weight: bold;
}

#inputField { 
	margin-left: 300px; 
}

input {
	border: 1px solid #adadad;
	padding: 5px;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
}

input.input-login {
	width: 300px;
}

#rightAlign {
	margin-left: 300px;
}

#submitBtn {
	margin-left: 300px;
}

#errorMsg {
	text-align: center;
	font-weight: bold;
	color: red;
}

#successMsg {
	text-align: center;
	font-weight: bold;
	color: green;
}

a:link {
	text-decoration: none;
	color: #003f7f;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	text-decoration: none;
	color: #003f7f;
}

a:active {
	text-decoration: underline;
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1 { font-size: 16pt;
	 font-weight: bold;
	 text-align: center;
	 }

h2 { font-size: 14pt; font-weight: bold; }

h3 { font-size: 10pt;  font-weight: bold; }

h4, h5, h6 { font-weight: bold; }