/* CSS Document
   Style for WebMLS.
*/

/* MAIN STYLES ------------------------------------ */

body, div, a, td, th { font-size: 12px; font-family: "verdana", "helvetica", "arial", "sans serif"; }

input, textarea, option, select { font-size: 12px; font-family: "verdana", "helvetica", "arial", "sans serif"; color: #006699; }

body {
  color: black;  background: white; margin: 3;
  text-align: center; /* IE div centering fix */
  min-width: 750px; /* Mozilla div alignment fix */
}

div { margin-left: auto; margin-right: auto; }

a:link, a:visited { color: #006699; text-decoration: none; }

a:hover { color: #666666; text-decoration: underline; }  

form { margin: 0; }

hr { border: 0; width: 100%; color: #006699; background-color: #006699; height: 1px; margin: 3 auto; }

/* LOG IN STYLE ----------------------------------- */

#loginBanner {
  background-color: #006699;
  background-image: url(../images/nesbitbg.jpg);
  background-repeat: repeat-x;
  font-size: 20px;
  color: white;
  font-weight: bold;
  width: 750px;
  height: 60px;
  text-align: center;
}

#loginForm {
  width: 200px;
  background-color: #DDDDDD;
  border: 1px solid #006699;
  margin: 10 auto;
  padding: 3;
  text-align: left; /* IE div centering fix */
}

#loginButton, #quickSearchButton {
  background-color: #006699;
  border: 2px double;
  border-color: #00AACC #000 #000 #00AACC;
  color: #FFFFFF;
  font-size: 12px;
}

#loginButton { margin: 5 auto; }

#loginText { font-weight: bold; }

.login-alert {
  font-size: 18pt;
  font-family: Verdana, Arial, Sans Serif;
  color: #990000;
  font-weight: bold;
}

/* WELCOME BAR STYLE ------------------------------ */

#welcomeBar {
  margin: 3 auto;
  background: #006699;
  color: black;
  padding: 3;
  background-image: url(../images/nesbitbg.jpg);
  background-repeat: repeat-x;
}

#welcomeBar a { color: #FFFFFF; text-decoration: none; }
#welcomeBar a:hover { color: #B2DFEE; }

#welcomeLeft { float: left; }
#welcomeRight { text-align: right; }

#welcomeButton {
  color: black;
  background-color: #BBBBBB;
  border: 3px double;
  border-color: #DDDDDD #000 #000 #DDDDDD;
}   

/* TITLE AND SEARCH BAR STYLE --------------------- */
             
#titleBar {
  color: #006699;
  font-weight: bold;
  font-size: 16px;
  padding: 3;
}

#searchBar, #navBar {
  v-align: center;
  text-align: left;
  padding: 3;
  background: #006699;
  margin: 3 0;
  height: 16px;
}

#searchButton {
  color: white;
  background-color: #006699;
  border-style: none;
  cursor: pointer; /* cursors used because links are buttons in a form */
  cursor: hand;
}  

#alertBar {
  color: #FF0000;
  font-size: 12px;
  font-weight: bold;
  margin: 10 0;
} 

/* DATABASE TABS STYLE ---------------------------- */

#tabBar {
  background: #B2DFEE;
  text-align: center;
  width: 80%;
}

.tabCellActive {
  color: #333333;
  border-style: solid;
  border-color: #006699;
  border-width: 1 1 0 1;
  font-weight: bold;
  text-align: center;
  background-color: #D8D8D8;
}

.tabCellCrit {
  background-color: #0088BB;
  color: white;
}

.tabCellNoncrit {}

#tabLinkCrit, #tabLinkNoncrit {
  background-color: transparent;
  border: none;
  font-weight: bold;       
  cursor: pointer;
  cursor: hand;
}

#tabLinkCrit { color: white; }    
#tabLinkNoncrit { color: #006699; }

/* MAIN CONTENT STYLE --------------------------------- */

#mainContent {
  background-color: #D8D8D8;
  padding: 15 0 5 0;
  margin-bottom: 3px;
}
                        
#leftContent, #rightContent {
  width: 50%;
  /*float: left;*/
  padding: 15px auto;
  text-align: center;
}

#copyRight, #loginCopyR {
  margin-top: 3px;
  border-style: solid;
  border-color: #006699;
  border-width: 1 0 0 0;
  font-size: 10px;
  font-style: italic;
  text-align: right;
}

#loginCopyR { width: 750px; }

.exactDiv { text-align: left; padding: 0 0 0 10; }

.jScript { display: none; }

/* RESULTS STYLE ---------------------------------- */

#sortByDiv {
  text-align: left;
  color: #4C4C4C;
}

#sortByDiv input {
  color: #006699;
  background-color: transparent;
  border: none;
  cursor: pointer;
  cursor: hand; 
  text-align: left;
  align: left;
  padding: 0;
}
  
.resultsTable {
  width: 100%;
  background: #FFFFCC;
  color: black;
  border: medium double #006699;
  border-collapse: collapse;
}

.resultsCell {
  background: #FFFFCC;
  color: black;
  font-size: 11px;
  padding-left: 3px;
  border-width: thin;      /* Individual border style for Mozilla/Firefox */
  border-style: solid;
  border-color: #006699;
  border: 1 solid #006699; /* IE hack to make the border the same as above in Mozilla/Firefox */
}             
                       
.resultsHeader {
  text-align: left;
  padding: 3;
  background: #990000;
  color: white;
  border-width: thin;      /* Individual border style for Mozilla/Firefox */
  border-style: solid;
  border-color: #006699;
  border: 1 solid #006699; /* IE hack to make the border the same as above in Mozilla/Firefox */
}

/* No longer used after 3.10.1 */
.resultsHeaderButton {
  color: white;
  background-color: transparent;
  border: none;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
  cursor: hand; 
  text-align: left;
  align: left;
  padding: 0;
}                                                  

.navLeft{ float: left; }
.navCenter { float: left; margin: 0 auto; }
.navRight { float: right; }

#infoBar   { color: #4C4C4C; margin-bottom: 3px; }
#infoLeft  { float: left; }
#infoRight { float: right; }                             

#queryInfo {
  margin-top: 10px;
  color: #4C4C4C;
}

/* MISC STYLE ------------------------------------- */

.tpdetailLabel {
  font-weight: bold;
  text-align: right;
}

#historyLogin {
  color: #666666;
  padding: 3;
  margin: 10 0;
}

#formLeft {
  width: 40%;
  text-align: right;
}

#formRight {
  width: 60%;
}

#formContent {
  background-color: #D8D8D8;
  padding: 15 0 15 0;
  border: 1px solid #006699;
  margin: 10 auto;
}

.question {
  text-align: left;
  vertical-align: middle;
  font-family: arial;
  font-size: 20px;
  font-weight: bold;
  color: #ABABAB;
  cursor: pointer;
}