/* CSS Document */

	#ad{	/* for the google ad at the bottom */
		margin: 0 auto;
		width:760px;
		margin-top:2px;
	}
	
	body{
		font:normal 11.5px Verdana, Geneva, sans-serif;
		margin-top:0px;
					
	}
	.bodyText{
		padding-left:10px;
		padding-right:10px;
		border-top:1px solid #000000;	
	}
	.bodyText p{
		margin-top:5px;
	}
	#mainContainer{
		width:760px;
		height:500px;
		border:1px solid #000000;
		margin:0 auto;
		background-image:url('../../images/heading3.gif');
		background-repeat:no-repeat;
		padding-top:85px;			
	}
 
	#mainMenu{
		background-color: #FFF;	/* Background color of main menu */
		font-family: Verdana, Geneva, sans-serif;	/* Fonts of main menu items */
		font-size:0.9em;	/* Font size of main menu items */
		border-bottom:1px solid #000000;	/* Bottom border of main menu */
		height:30px;	/* Height of main menu */
		position:relative;	/* Don't change this position attribute */
		
	}
	#mainMenu a{
		padding-left:17px;	/* Spaces at the left of main menu items */
		padding-right:17px;	/* Spaces at the right of main menu items */
		font-weight:bold;
		/* Don't change these two options */
		position:absolute;
		bottom:-2px;
		line-height:25px;
	}
	#submenu{		
		font-family: Verdana, Geneva, sans-serif;	/* Font  of sub menu items */
		background-color:#E2EBED;	/* Background color of sub menu items */
		
		width:100%;	/* Don't change this option */
		
	}
	
	#submenu div{
		white-space:nowrap;	/* Don't change this option */
		
	}
	/*
	Style attributes of active menu item 
	*/
	#mainMenu .activeMenuItem{
		/* Border options */
 
		
		background-image:url('../images/tabmenu_left.gif');
		background-position:bottom left;
		background-repeat:no-repeat;
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	#mainMenu .activeMenuItem img{
		position:absolute;
		bottom:0px;
		right:0px;
	}
	/*
	Style attributes of inactive menu items
	*/
	#mainMenu .inactiveMenuItem{		
		color: #000;	/* Text color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#submenu a{	
		text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
		padding-left:5px;	/* Space at the left of each sub menu item */
		padding-right:5px;	/* Space at the right of each sub menu item */
		color: #000;	/* Text color */
		font-size:0.9em; 
	}
	
	#submenu a:hover{
		color: #FF0000;	/* Red color when the user moves the mouse over sub menu items */
	}
.allocation-date <form:radiobutton path="billingSubCatagoryId" value="2" label="Fixed Cost"/>{ width:144px !important;}

#headerbar{
	width: 80%;
	/*height:39px;*/
	text-align: left;
	vertical-align: middle;
	/*line-height: 35px;*/
	padding-left: 0px;
	color: #fff;
	font-size: 19px;
	font-weight: normal;
	background-image: url(../images/loginbar.jpg);
}
html>body #headerbar{
	width: 80%;
	text-align: left;
	vertical-align: middle;
	/*line-height: 35px;*/
	padding-left: 20px;
	color: #fff;
	font-size: 19px; 
	font-weight: normal;
	background-image: url(../images/loginbar.jpg);
}

#footer a{
	color: #aaa;
}

#footer #feedback{
	font-size: 11.5px;
	color: #666;
	font-weight: normal;	
}
#footer{
	background-image: url(../images/footermain.gif);
	background-repeat: no-repeat;
	background-position: 7px 0px;
	font-size: 11.5px;
	color: #ccc;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 730px;
	padding-top: 10px;
	margin-top: 0px;
}
#footer #links{
	float: left;
}
html>body #footer{
	width: 100%; 
}

#content{
	text-align: left;
	/*margin-left: 20px;
	margin-top: -19px;*/
	/*background-image: url(../images/redlineinside.gif);*/
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 10px;
	width: 900px;
}
/*
html>body #content{
	margin-top: -16px;
}
*/
#loginbox{
	width: 386px;
	height: 247px;
	background-image: url(../images/login.gif);
	float: right;
}
#loginbox div{
	margin-left: 90px;
	margin-top: 40px;
}
#loginbox label{
	width: 100px;
	display: block;
	float: left;
	text-align: right;
	font-size: 11.5px;
	margin-right: 5px;
}
input{
	/*width: 159px;*/
	height: 21px;
	
	line-height: 22px;
	padding: 0px 3px;
	margin-bottom: 3px;
	font:normal 11.5px Verdana, Geneva, sans-serif;
	
	backgroun-repeat: no-repeat;
}
input[type="checkbox"]{ width:20px !important; height:15px; padding:0px !important;margin:0px !important; margin-left:10px !important;}
input.selectedForApproval{ margin-left:50px !important;}
input.selectedForDisapproval{ margin-left:50px !important;}
input[type="radio"]{ width:15px !important; padding:0px; margin:0px; height:auto; margin-right:5px;}
#loginbox a{
	color: #669933; 
}

.button{
	
	/*background:#0e5c9a;*/
	background:url(../images/three.png) top repeat-x;
	width: 83px!important;
	height: 28px!important;
	font-family:Verdana, Geneva, sans-serif; font-size:11.5px;
	color: #FFFFFF!important; 
	margin-right: 4px;
	border:0px;
}
.project-main-sub .button{ float:right !important;}

.big-button{
	
	background-color:#0e5c9a;
	width: 183px!important;
	height: 22px!important;
	font-family:Verdana, Geneva, sans-serif; font-size:11.5px;
	color: #FFFFFF!important; 
	margin-right: 10px;
	border:0px;
}

.search-btn{
	background-image:url(../images/genericButton1.gif); 
	height:41px; 
	width:111px!important; 
	border:0px; 
	font-family:Verdana, Geneva, sans-serif; font-size:11.5px; 
	font-weight:bold; 
	margin-left:10px;
	margin-right:10px; 
	padding-top:10px;
	float: right;
	border:1px;
	}

#fun{
	background-image: url(../images/funbg.gif);
	color: #fff;
	height: 117px;
	padding:3px; 

}
#errorFieldSetForgot{
	width: 100%;
	color: red;
	font-family:Tahoma; text-align:center; font-size:11.5px;font-weight: bold;
}
#infoFieldSetForgot{
	width: 100%;
	color: green;
	font-family:Tahoma; text-align:center; font-size:11.5px;font-weight: bold;
}
#infoFieldSet .spacing{ padding:15px; padding-top:5px; padding-left:0px;}
#errorFieldSet .spacing{ padding:15px; padding-top:5px; padding-left:0px;}
.client-submit-btn{/*position:absolute; margin-left:70px;*/}
.client-clear-btn{ /*position:absolute;margin-left:170px;*/}

#errorFieldSet{
	width: 100%;
	color: red;

}
#infoFieldSet{
	width: 100%;
	color: green;
}

html>body#errorFieldSet{
	width: 80%;
	/*height:39px;*/
	text-align: left;
	vertical-align: middle;
	/*line-height: 35px;*/
	padding-left: 20px;
	color: red;
	font-size: 14px;
	font-weight: normal;
	
}

.errorFieldSet{
	width: 80%;
	/*height:39px;*/
	text-align: left;
	vertical-align: middle;
	/*line-height: 35px;*/
	padding-left: 20px;
	color: red;
	font-size: 14px;
	font-weight: bold;
	
}

.messageFieldSet{
	width: 80%;
	/*height:39px;*/
	text-align: left;
	vertical-align: middle;
	/*line-height: 35px;*/
	padding-left: 20px;
	color: green;
	font-size: 14px;
	font-weight: bold;
	
}
.calander{
		width:140px;
		
	}

.calender_image{
		margin-top: 8px;
	}

.input{
	width: 50px;
	height: 20px;
	line-height: 21px;
	padding: 0px 3px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-family: "Lucida Sans", Tahoma, sans-serif;
	font-size: 11.5px;
	backgroun-repeat: no-repeat;
}