/*The body/main content page */
#page{
	width:640px;

}

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

}

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

}

.cartColor{
	background-color:#3399FF;
}
/*The style for the tool name */
.toolLabel, .toolLabel A:link, .toolLabel A:visited {

	font-size:20pt;
	color:#3399FF;
	font-weight:bold;
	font-family:Arial;
	text-decoration:none;
}

.ToolKitHeader {

	font-size:20pt;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial;
	text-decoration:none;
}


/*The collapseable tab on the form page*/
.tabHeader{
	background-image:url(http://www.har.com/css/idx/images/tealGrad.gif);
	background-repeat:repeat-x;
	border: 1px solid #3399FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:#000000;
	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  #3399FF;

	background-color:#B7DBFF;

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

}

/*box with only border */
.borderBox{
	border: 1px solid #3399FF;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;	
}

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

}

/*the hover over td bgcolor, usually buttons...*/
.tdHover{
	background-image:url(http://www.har.com/css/idx/images/tealGrad.gif);

}
.tdHoverSelected{
	/*background-image:url(http://192.168.25.8/searchidx/graphics/tealGrad.gif);*/
	background-image:url(http://search.har.com/searchidx/graphics/tealGrad.gif);
}

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

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

}

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

/*usually the border for images*/
.imageborderBox{
		border: 1px solid #B7DBFF;; 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/tealGrad.gif);
	background-repeat:repeat-x;
	border-bottom: 1px solid #3399FF;
	font-family:arial;
	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-family:Arial, Helvetica, sans-serif;
	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:#3399FF;
	background-image:url(http://www.har.com/css/idx/images/tealGrad.gif);
	width:180px;
	height:22px;
	padding-left:2px;
}

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

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

/* The style for the search button. You can even define the image */
.searchButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #3399FF;
	background-color:#3399FF;
	color:#000000;
	font-weight:bold;
}

/* The style for the search button. You can even define the image */
.navButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #3399FF;
	background-color:#3399FF;
	color:white;
	font-weight:bold;
}


/* The style for the go button. You can even define the image */
.goButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #3399FF;
	background-color:#3399FF;
	color:#000000;
	font-weight:bold;
}

/* style for submit button */
.submitButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #3399FF;
	background-color:#3399FF; 
	color:#000000;
	font-weight:bold;
}

/* The style for the clear button. You can even define the image */
.clearButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #3399FF;
	background-color:#3399FF;
	color:#000000;
	font-weight:bold;
	
}

.compareButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #3399FF;
	background-color:#3399FF;
	color:#000000;
	font-weight:bold;
	
}

.removeButton{

	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #3399FF;
	background-color:#3399FF;
	color:#000000;
	font-weight:bold;
}


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

/*The td with top line style */
.topLine{
	border-top: 1px solid #3399FF;
}
/*title label usually the big font for a particular label in certain pages. */
.titleLabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color:#3399FF;
	
}
.carttitleLabel{
	font-family: Arial, Helvetica, sans-serif;
	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-family: Arial, Helvetica, sans-serif;
	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-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#000000;
}
/* The text style for the input label */
.inputLabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}

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

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

.inputField{
	background-color:#ffffff;
}
/*link for prev text in paging*/
.prevText,.prevText A:link, .prevText A:visited {
	color:red;
}

.nextText,.nextText A:link, .nextTextt A:visited {
	color:red;
}



/* The text style for the non-field label.*/
.itemLabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}


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

.popDiv{
	border:1px solid #3399FF;
	background-color:white;
	width:750px;
	height:620px;
	/*background-image:url(../searchidx/graphics/fadebgred.gif);background-repeat:repeat-x;*/
	padding:5px;
}
.cartitemText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/* The text style for the value of the label */
.itemText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

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

/* The text style for the non-field description label */
.descLabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #3399FF;
}
/*Style for any description text */
.descText, .descText A:link, .descText A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.linkText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000033;
	text-decoration: none;
}
/*The text link style for link text */
 .linkText A:link, .linkText A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color:#000033;
	text-decoration: none;
}


/*The text style for column(header) of a table */
.columnHeader, .columnHeader A:link, .columnHeader A:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color:#B7DBFF;
}

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

}

/*the paging text style */
.pagingText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #3399FF;
}

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

.pagingText A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: red;

	text-decoration: none;
}

.currentPage{
		font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: red;

	text-decoration: none;
}
.navTextHead{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #3399FF;
	text-decoration: none;
}

/*Style for certain navtext item*/
.navText, .navText A:link, .navText A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #3399FF;
	text-decoration: none;
}

.navText A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: yellow;
	text-decoration: underline;
}

/*outset table*/
.outsetBox{
	/*background-color:#B7DBFF;*/
	background-color:#B7DBFF;
	
	
}

.insetBox{
	border-color:#FFFFFF;
	border-width:2px;
	border-style:solid;
}

/*error text. Any text that alert users for errors*/
.errorText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color:#3399FF;
}

.alertText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color:#3399FF;
}
/* The text style for the value of the label */
.menuText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #3399FF;
	text-decoration: none;
}

.menuText, .menuText A:link, .menuText A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #3399FF;
	text-decoration: none;
}

.legendY{
font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight: normal;
	color: #3399FF;
	text-decoration: none;
}

.legendX{
font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #3399FF;
	text-decoration: none;
}

.legendText{
		font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #3399FF;
}

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

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

.tabText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #3399FF;
	text-decoration: none;
	
}



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

.sContent{
	display:none;
}
.tabNormal{
	width:140px;
	height:20px;
	font-weight:bold;
	background-color:#B7DBFF;
	border-width:1px;
	border-style:solid;
	border-color:#3399FF;
	border-bottom-width:0px;
	text-align:center;
	cursor:pointer;
	font-size:8pt;
	font-family:Arial;
	color:#3399FF;
	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:#3399FF;
	text-align:center;
	cursor:pointer;
	border-bottom-width:2px;
	border-bottom-color:#ffffff;
	font-size:8pt;
	font-family:Arial;
	color:#3399FF;
	padding:4px;
	padding-bottom:2px;
	margin-left:2px;
	position: relative;
	top: 2px;
	white-space:nowrap;

}

.colorTable{

background-color:#3399FF;
}

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

}

.tabHead{
	border-top: 1px solid #3399FF;
	height:22px;
	background-color:#B7DBFF;
	cursor:pointer;
	padding:2px;
}

.tabHeadOpen{
	border-top: 1px solid #3399FF;
	background-color: #B7DBFF;
	height:22px;
	cursor:pointer;
	padding:2px;
}

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

}

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