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

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

body.nav
{
	margin-top: 		1px;
	margin-right:		0px;
	margin-left:		1px;
	margin-bottom:		8px;
}

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%;
	border: 				    0;
	padding:                    0px;
}

.title
{
    padding-left:       10px;
	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: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	width: expression((document.body.clientWidth <=870) ? "870px" : "100%" );
	min-width: 870px;
	background: white;
}

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

.mainheader
{
    height: 100px;
    border-top-left-radius: 20px;
    font-size: 30px;
    line-height: 100px;
    color: White;
    padding-left: 35px;
}


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

.listview
{
	width:				100%;
}

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



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


td.cellHeadOff
{
	font-size: 11px;
	height: 20px;
	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;
	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.cellOdd input{
    background: #FFFFFF;
}

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.cellEven input{
    background: #EEEEEE;
}

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;
	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; 
}


/************** parameter boxes *******************/

input,SELECT
{
	width: 						250px;
	font-family: 				verdana,arial;
	font-size: 					10px;
	color: 						#333333;
	margin:						2px;
	height: 					17px;
	background: 				#EEEEEE;
}

.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;
	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;
}

#NewCustomerPopUp
{
    padding: 5px;
    position:absolute;
    left: 25%;
    top: 140px;
    width:40%;
    display: none;
}

#validation
{
    color: red;
    display: none;
}

.loadingIcon
{
    background-image: url("images/spinner.svg");
    background-size: cover;
    background-repeat: no-repeat;
    position: fixed;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    height: 100px;
    width: 100px;
    display: block;
}

.bannerHeaderRight
{
    float: right;
}