/************************************************/
/*		General				*/
/************************************************/

BODY
{
	color: 						#333333;
	font-family: 				arial, verdana, tahoma;
	font-size: 					12px;
	margin:						1px;
}

TD
{
	color: 						#000;
	font-family: 				arial, verdana, tahoma;
	font-size: 					12px;
}

TABLE.container
{
	width:						100%;
	height:						100%;
}

TABLE.BgColor
{
	width:						100%;
	height:						100%;
}

.BgColor
{
	/* this defines the main bg color and is used in the property nav tabs*/
	background-color:			white;   
}	

.BgImage

{
	background-image:			url(images/background_gradient.gif)
}


TABLE.counterpane
{
	width:						100%;
	background-color:			#51a0a0;
	border: 				0
	padding:0px;
}

.title
{
	font-size: 			20px;
	font-weight: 		bold;
	text-align:			left;
	/* padding-right: 8px; */
}

.centerTitle
{
	font-size: 			20px;
	font-weight: 		bold;
	text-align:			center;
	padding-right: 8px;
}

.heading
{
	font-weight:		bold;
	/*padding-top:		1px;
	padding-bottom:		3px;*/
}
.bannercontainer
{
	height: 100px;
	width: 100%;
	margin: 0;
	padding: 0;
	width: expression((document.body.clientWidth <=870) ? "870px" : "100%" );
	min-width: 870px;
	background: white url(Images/bannerrepeat.gif) repeat-x bottom left;
}

.topleft
{
	float: left;
	width: 225px;
	height: 100px;
	margin: 0;
	padding: 0;
}
.topright
{
	margin: 0;
	padding: 0;
	float: right;
}

.mainheader
{
    height: 100px;
	background-image: url('images/header_back.gif');
	background-repeat: repeat-x;
}


/************************************************/
/*		ListView relate			*/
/************************************************/

.listview
{
	width:				100%;
}

.txtBold
{
	font-weight: bold;
	font-size: 12px;
}
.txtBlack
{
	color: #000000;
}
.txtWhite
{
	color: #FFFFFF;
}
.hlWhite
{
	background: #FFFFFF;
}

/*  i have removed this and replaced it with listview
.hlBack
{
	background: #51a0a0;
}
*/

/************************************************/


TD.cellHeadOff
{
	font-size: 11px;
	height: 20px;
	background: #51a0a0; 			

							
	border-top: 1px #51a0a0; solid;
	border-left: 1px #51a0a0;  solid;
	border-right: 1px #600 solid;
	border-bottom: 1px #600 solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

TD.cellHeadOn
{
	font-size: 11px;
	height: 20px;
	background: #CCCCCC;
	border-top: 1px #51a0a0; solid;
	border-left: 1px #51a0a0; solid;
	border-right: 1px #51a0a0 solid;
	border-bottom: 1px #51a0a0 solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/************************************************/

TD.cellOdd
{
	font-size: 11px;
	height: 19px;
	background: #FFFFFF;
	border-top: 1px #FFFFFF solid;
	border-left: 1px #FFFFFF solid;
	border-right: 1px #505050 solid;
	border-bottom: 1px #505050 solid;
	padding-right: 5px;
	padding-left: 5px;
}
TD.cellEven
{
	font-size: 11px;
	height: 19px;
	background: #EEEEEE;
	border-top: 1px #EEEEEE solid;
	border-left: 1px #EEEEEE solid;
	border-right: 1px #505050 solid;
	border-bottom: 1px #505050 solid;
	padding-right: 5px;
	padding-left: 5px;
}

TD.cellOn
{
	color: #FFFFFF;
	font-size: 11px;
	height: 19px;
	background: #CCCCCC;
	border-top: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #333333 solid;
	border-bottom: 1px #333333 solid;
	padding-right: 5px;
	padding-left: 5px;
}

/*not in table but in listview.cs*/
TD.cellRed
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	height: 19px;
	background: #CC0000;
	border-top: 1px solid #CC0000;
	border-left: 1px solid #CC0000;
	border-right: 1px solid #990000;
	border-bottom: 1px solid #990000;
	padding-right: 5px;
	padding-left: 5px;
}

/************************************************/
/*		RMB menu in listview		*/
/************************************************/

TABLE.LVMenuTable
{
	border:							3px solid #CCCCCC;
}

TD.LVMenuOptionDivide
{
	border-bottom:					1px solid #666666;
}

TD.LVMenuOptionOnDivide
{
	border-bottom:					1px solid #666666;
	background-color:				#51a0a0; 
	color:							#FFFFFF;
}

TD.LVMenuOption
{
	
}

TD.LVMenuOptionOn
{
	background-color:				#CCCCCC;
	color:							#FFFFFF;
}

/************************************************/
/*		Property form related		*/
/************************************************/

.propertyNav
{
	/*  this defines the cells with the background tab image */
	width:						150px;
	min-width:					150px;
	height:						30px;
	color:						#333333;
	text-align:					center;
	font-weight:				bold;
}

.logout
{
	/*  this defines the cells with the background tab image */
	height:						25px;
	color:						black;
	text-align:					right;
	font-weight:				bold;
}

FORM
{
	/*  this removes the scrollbar from the window for some reason */
	margin: 					0px; 
}


/************** paramiter boxes *******************/

INPUT,SELECT
{
	width: 						250px;
	font-family: 				verdana,arial;
	font-size: 					10px;
	color: 						#333333;
	margin:						2px;
	height: 					17px;
	background: 				#EEEEEE;
	border: 					1px #51a0a0; solid;
}

.readonly
{
	background:					#CCCCCC;
}

INPUT.radio
{
	width:						20px;
	background:					none;
	border:						none;
}

INPUT.button
{
	width:						120px;
	font-weight:				bold;
	border-left:				1px #CCCCCC solid;
	border-top:					1px #CCCCCC solid;
	border-right:				1px #666666 solid;
	border-bottom:				1px #666666 solid;
}

INPUT.shortReadonly
{
	background:					#CCCCCC;
	width:						100px;
}

INPUT.short
{
	width:						100px;
}

TEXTAREA
{
	font-family: 				verdana,arial;
	font-size: 					10px;
	color: 						#333333;
	width:						250px;
	height: 					100px;
	background: 				#EEEEEE;
	border: 					1px #51a0a0; solid;
	margin:						2px;
}

TEXTAREA.diaryReadonly
{
	width:						100%;
	height:						300px;
	background:					#CCCCCC;
}

TEXTAREA.address
{
	height:						100px;
}




#searchResults
{
	overflow:scroll;
	padding:10px;
}

div#searchResults input 
{
	margin-top:50px;
	border: 1px solid #444;
}

.diaryEntry
{
	width:500px;
	height:400px;
}