/*The body/main content page */
#page{
width:780px;
}
/*define the body style*/
body{
background-color:##ffffff;
}
body, td, th, div, p {
font-family: Arial, Helvetica, sans-serif;
}
.cartColor{
background-color:#6386DE;
}
/*The style for the tool name */
.toolLabel, .toolLabel A:link, .toolLabel A:visited {
font-size:20pt;
color:#6386DE;
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/blueGrad.gif);
background-repeat:repeat-x;
border: 1px solid #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:11pt;
color:#ffffff;
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 #6386DE;
background-color:#DEE7EF;
background-repeat:repeat-x;
vertical-align:middle;
padding:6px;
}
/*box with only border */
.borderBox{
border: 1px solid #6386DE;
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/blueGrad.gif);
}
.tdHoverSelected{
/*background-image:url(http://192.168.25.8/searchidx/graphics/blueGrad.gif);*/
background-image:url(http://www.har.com/css/idx/images/yellowgrad.gif);
}
/*other misc. boxs with only border*/
.otherborderBox{
border: 1px solid #000000; white-space:nowrap;
padding:0px 5px 0px 5px;	
}
/*other misc. boxs with only border and filled*/
.otherfillBox{
border: 1px solid #6386DE;
white-space:nowrap;
padding:0px 5px 0px 5px;
background-color:red;
}
/*usually the border for images*/
.imageborderBox{
border: 1px solid black; white-space:nowrap;
background-color:#ffffff;
}
/*usually the back button to previous page*/
.backButton{
background-image:url(http://www.har.com/css/idx/images/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/blueGrad.gif);
background-repeat:repeat-x;
border-bottom: 1px solid #6386DE;
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:#000000;
background-image:url(http://www.har.com/css/idx/images/blueGrad.gif);
width:180px;
height:22px;
padding-left:2px;
}
/*The popup menu tab in the popup div*/
.popMemItem{
border:1px solid #666666;
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 #000000;
background-color:#6386DE;
color:white;
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 #000000;
background-color:#6386DE;
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 #000000;
background-color:#6386DE;
color:white;
font-weight:bold;
}
/* style for submit button */
.submitButton{
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
border:1px solid #000000;
background-color:#6386DE; 
color:white;
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 #000000;
background-color:#6386DE;
color:white;
font-weight:bold;
}
.compareButton{
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
border:1px solid #000000;
background-color:#6386DE;
color:white;
font-weight:bold;
}
.removeButton{
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
border:1px solid #000000;
background-color:#6386DE;
color:white;
font-weight:bold;
}
/*The td with bottom line style */
.bottomLine{
border-bottom: 1px solid #6386DE;
}
/*The td with top line style */
.topLine{
border-top: 1px solid #6386DE;
}
/*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:#000000;
}
.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:#6386DE;
}
/* 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 #6386DE;
background-color:white;
width:400px;
height:580px;
}
.popDiv{
border:1px solid #6386DE;
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: #6386DE;
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: #000000;
}
/*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: #6386DE;
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: #6386DE;
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:#DEE7EF;
}
/*The text for the content of the table */
.tableContent{
}
/*the paging text style */
.pagingText{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
}
.pagingText A:link, .pagingText A:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #000000;
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: #000000;
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: #000000;
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:#DEE7EF;*/
background-color:#DEE7EF;
}
.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:#FF0000;
}
.alertText{
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
color:#FF0000;
}
/* The text style for the value of the label */
.menuText{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #6386DE;
text-decoration: none;
}
.menuText, .menuText A:link, .menuText A:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #6386DE;
text-decoration: none;
}
.legendY{
font-family: Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight: normal;
color: #000000;
text-decoration: none;
}
.legendX{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #000000;
text-decoration: none;
}
.legendText{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #000000;
}
.borderSides{
border-left-width: 1px;
border-left-style: solid;
border-left-color: #6386DE;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #6386DE;
}
.borderTab{
border-left-width: 1px;
border-left-style: solid;
border-left-color: #6386DE;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #6386DE;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #6386DE;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #6386DE;
background-color:white;
width:120px;
text-align:center;
}
.borderTabCurrent{
border-left-width: 1px;
border-left-style: solid;
border-left-color: #6386DE;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #6386DE;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #6386DE;
background-color:#DEE7EF;
width:120px;
text-align:center;
}
.borderTabBlank{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #6386DE;
}
.tabText {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
color: #6386DE;
text-decoration: none;
}
.tabContainer{
width:inherit;
height:19px;
text-align:right;
border-bottom-width:1px;
border-bottom-color:#6386DE;
border-bottom-style:solid;
}
.sContent{
display:none;
}
.tabNormal{
width:140px;
height:20px;
font-weight:bold;
background-color:#dee7ef;
border-width:1px;
border-style:solid;
border-color:#6386DE;
border-bottom-width:0px;
text-align:center;
cursor:pointer;
font-size:8pt;
font-family:Arial;
color:#6386DE;
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:#6386DE;
text-align:center;
cursor:pointer;
border-bottom-width:2px;
border-bottom-color:#ffffff;
font-size:8pt;
font-family:Arial;
color:#6386DE;
padding:4px;
padding-bottom:2px;
margin-left:2px;
position: relative;
top: 2px;
white-space:nowrap;
}
.hiddenData{
display:none;
}
.shownData{
display:block;
}
.tabHead{
border-top: 1px solid #6386DE;
height:22px;
background-color: #CEDFFF;
cursor:pointer;
padding:2px;
}
.tabHeadOpen{
border-top: 1px solid #6386DE;
background-color: #B3CFE5;
height:22px;
cursor:pointer;
padding:2px;
}
.tabCont{
border-top: 1px solid #6386DE;
padding-bottom:8px;
padding-left:4px;
padding-top:8px;
}
.colorTable{
background-color:#6386DE;
}
.tabText{
font-size:12px;
font-weight:bold;
color:#000000;
}