/*The body/main content page */

/*define the body style*/
body{
	background-color:#ffffff;

}

body, td, th, div, p {
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;

}
.cartColor{
	background-color:#641633;
}

img {border:none;}

/*The style for the tool name */
.toolLabel, .toolLabel A:link, .toolLabel A:visited {
	font-size:16pt;
	color:#641633;
	font-weight:bold;
	text-decoration:none;
}

.ToolKitHeader {
	font-size:16pt;
	color:blue;
	font-weight:bold;
	text-decoration:none;
}


/*The collapseable tab on the form page*/
.tabHeader{
	border: 1px solid #641633;
	font-size:11pt;
	color:#333333;
	font-weight:bold;
	width:300px;
}

/*The brief bold description or sub label of the tool */
.toolDescription{}

/*Box that will contain border and filled background color */
.fillBox{
	border:1px solid  #ccc;

	background-repeat:repeat-x;
	vertical-align:middle;
	padding:6px;
}

/*box with only border */
.borderBox{
	border: 1px solid #ccc;

padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;	
}

/*the regular td bg that has hover, usually buttons...*/
.tdOff{
	background-color:#FFFFFF;

}

/*the hover over td bgcolor, usually buttons...*/
.tdHover{ background: #eee}

}
.tdHoverSelected{ background: #ccc }

/*other misc. boxs with only border*/
.otherborderBox{

	border: 1px solid #641633; white-space:nowrap;
	padding:0px 5px 0px 5px;	

}

/*other misc. boxs with only border and filled*/
.otherfillBox{
	
	border: 1px solid #641633;
        white-space:nowrap;
	padding:0px 5px 0px 5px;
	background-color:red;
}

/*usually the border for images*/
.imageborderBox{
		border: 1px solid #641633;; white-space:nowrap;
		background-color:#ffffff;
	
}



/*usually the back button to previous page*/
.backButton{
	background-image:url(http://search.har.com/searchidx/graphics/back.gif);
	background-repeat:no-repeat;
	height:15px;
	width:25px;
	cursor:pointer;
}

/*usually the popup/div headerbar*/
.infoTab{

	background-image:url(http://www.har.com/css/idx/images/maroonGrad.gif);
	background-repeat:repeat-x;
	border-bottom: 1px solid #641633;
	font-size:8pt;
	font-weight:bold;
	color:#454545;
	width:400;
	text-align:right;
	
}



.pCursor{
	cursor:pointer;
}


/*the header text in the cart */
.cartHeader{
	border-bottom:2px solid #454545;
	color:white;
	font-weight:bold;
	font-size:16pt;
}

/*The tab section style on particular section*/
.sectionTab{
	border-width:1px 1px 0px 1px;
	border-style:solid;
	border-color:#641633;
	background-image:url(http://www.har.com/css/idx/images/maroonGrad.gif);
	width:180px;
	height:22px;
	padding-left:2px;
}

/*The popup menu tab in the popup div*/
.popMemItem{
	border:1px solid  #641633;
	background-color:white;
	padding-left:5px;
	padding-right:5px;

}
.popMemItem A:link, .popMemItem A:visited{
	font-size:10pt;
	color:#454545;
	text-decoration:none;
}

/* The style for the search button. You can even define the image */
.searchButton{}

/* The style for the search button. You can even define the image */
.navButton{ }


/* The style for the go button. You can even define the image */
.goButton{}

/* style for submit button */
.submitButton{}

/* The style for the clear button. You can even define the image */
.clearButton{}

.compareButton{}

.removeButton{}


/*The td with bottom line style */
.bottomLine{ border-bottom: 1px solid #ccc;}

/*The td with top line style */
.topLine{ border-top: 1px solid #ccc; 
}
/*title label usually the big font for a particular label in certain pages. */
.titleLabel{ display:none; }

.carttitleLabel{
	font-size: 12pt;
	font-weight: bold;
	color:red;
	
}
/*The header label for each section in a page. Usualy the title for each section table result or data page ex. Building Name etc..*/
.sectionLabel{
	font-size: 10pt;
	font-weight: bold;
	color:black;
}

/*The header label for each form. Usualy the title for each section form  */
.formLabel, .formLabel A:link, .formLabel A:visited{
	font-size: 14px;
	font-weight: bold;
	color:#333333;
}
/* The text style for the input label */
.inputLabel{
	font-size: 8pt;
	font-weight: bold;
	color: #333333;
}

/* The text style for the actual text in the input field*/

.inputText, .inputText A:link, .inputText A:visited {
	font-size: 8pt;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}

.inputField{ background-color:#ffffff; border:1px solid #aaa }


/*link for prev text in paging*/

.prevText,.prevText A:link, .prevText A:visited { color:#333; }
.nextText,.nextText A:link, .nextTextt A:visited { color:#333; }



/* The text style for the non-field label.*/
.itemLabel{
	font-size: 8pt;
	font-weight: bold;
	color: #333;
}


.cartDiv{
	/*background-image:url(../searchidx/graphics/fadebgred.gif);*/
	background-repeat:repeat-x;
	border:1px solid #641633;
	background-color:white;
	width:400px;
	height:580px;
}

.popDiv{
	border:1px solid #641633;
	background-color:white;
	width:750px;
	height:620px;
	/*background-image:url(../searchidx/graphics/fadebgred.gif);background-repeat:repeat-x;*/
	padding:5px;
}
.cartitemText{
	font-size: 8pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

/* The text style for the value of the label */
.itemText{
	font-size: 8pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

 .itemText A:link, .itemText A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #641633;
	text-decoration: none;
}

/* The text style for the non-field description label */
.descLabel{
	font-size: 9pt;
	font-weight: bold;
	color: #641633;
}
/*Style for any description text */
.descText, .descText A:link, .descText A:visited {
	font-size: 8pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.linkText {
	font-size: 8pt;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}

table {border-collapse: collapse;}
/*The text link style for link text */
 .linkText A:link, .linkText A:visited {
	font-size: 8pt;
	font-weight: normal;
	color:#333;
	text-decoration: none;
}


/*The text style for column(header) of a table */
.columnHeader, .columnHeader A:link, .columnHeader A:visited{
	font-size: 10pt;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	background-color:#eee;
        padding: 2px;

}

/*The text for the content of the table */
.tableContent{

}

/*the paging text style */
.pagingText{
	font-size: 8pt;
	color: #333;
}

.pagingText A:link, .pagingText A:visited {
	font-size: 8pt;
	font-weight: normal;
	color: #641633;
	text-decoration: none;
}

.pagingText A:hover{
	font-size: 8pt;
	font-weight: bold;
	color: red;

	text-decoration: none;
}

.currentPage{
	font-size: 8pt;
	font-weight: bold;
	color: red;

	text-decoration: none;
}
.navTextHead{
	font-size: 9pt;
	font-weight: bold;
	color: #641633;
	text-decoration: none;
}

/*Style for certain navtext item*/
.navText, .navText A:link, .navText A:visited {
	font-size: 8pt;
	font-weight: normal;
	color: #641633;
	text-decoration: none;
}

.navText A:hover {
	font-size: 8pt;
	font-weight: normal;
	color: yellow;
	text-decoration: underline;
}

/*outset table*/
.outsetBox{ border: 0}

.insetBox{ border: 0}

/*error text. Any text that alert users for errors*/
.errorText{
	font-size: 8pt;
	font-weight: normal;
	color:#641633;
}

.alertText{
	font-size: 9pt;
	font-weight: normal;
	color:#641633;
}
/* The text style for the value of the label */
.menuText{
	font-size: 10pt;
	font-weight: normal;
	color: #641633;
	text-decoration: none;
}

.menuText, .menuText A:link, .menuText A:visited {
	font-size: 10pt;
	font-weight: normal;
	color: #641633;
	text-decoration: none;
}

.legendY{

	font-size:8pt;
	font-weight: normal;
	color: #641633;
	text-decoration: none;
}

.legendX{
	font-size: 8pt;
	font-weight: normal;
	color: #641633;
	text-decoration: none;
}

.legendText{
	font-size: 8pt;
	font-weight: bold;
	color: #641633;
}

.borderSides{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
}
.borderTab{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	background-color:white;
	width:120px;
	text-align:center;
}
.borderTabCurrent{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	background-color:#eee;
	width:120px;
	text-align:center;

}
.borderTabBlank{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}

.tabText {
	font-size: 9pt;
	font-weight: bold;
	color: #641633;
	text-decoration: none;
	
}



.tabContainer{
	width:inherit;
	height:19px;
	text-align:right;
	border-bottom-width:1px;
	border-bottom-color:#ccc;
	border-bottom-style:solid;
}

.sContent{
	display:none;
}
.tabNormal{
	width:140px;
	height:20px;
	font-weight:bold;
	background-color:#eee;
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
	border-bottom-width:0px;
	text-align:center;
	cursor:pointer;
	font-size:8pt;
	color:#333333;
	padding:4px;
	margin-left:2px;
	white-space:nowrap;
	
}

.tabActive{
	width:140px;
	height:25px;
	font-weight:bold;
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
	text-align:center;
	cursor:pointer;
	border-bottom-width:2px;
	border-bottom-color:#ffffff;
	font-size:8pt;
	color:#641633;
	padding:4px;
	padding-bottom:2px;
	margin-left:2px;
	position: relative;
	top: 2px;
	white-space:nowrap;

}

.colorTable{
background-color:#641633;
}

.hiddenData{
	display:none;
}
.shownData{
	display:block;

}

.tabHead{
	height:22px;
	cursor:pointer;
	padding:2px;
}

.tabHeadOpen{
	height:22px;
	cursor:pointer;
	padding:2px;
}

.tabCont{
	border-top: 1px solid #641633;
	padding-bottom:8px;
	padding-left:4px;
	padding-top:8px;

}

.tabText{
	font-size:12px;
	font-weight:bold;
	color:#641633;
}