/* Formatting for the Background Image
  -------------------------------------------------------------*/
    html {
        height: 100%;
    }

    body {
        width: 100%;
        height: 100%;
        background-image: url('/Images/site2/Image1.jpg');
    }

    input, select, textarea {font-family: inherit;}
    
/* The "Main Box" (that holds all clause information)
  -------------------------------------------------------------*/   
    #mainBox {
        z-index: 10001;
        position: absolute;
        top: 20%;
        bottom: 20%;
        left: 8%;
        right: 8%;
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
        -moz-border-radius:30px;
          -webkit-border-radius:30px;
          border-radius:30px;
          border: #solid 10px #000;
          background-color: rgba(216,216,216,0.8);                
        padding: 10px;
        color: black;
    }
        #mainTitle {
            font-size: 2em;
            font-weight: 800;
            color: white;
            text-shadow: 0 1px 0 #000;
        }
        #mainSubTitle {
            border-bottom: thin gray solid;
            padding-bottom: 3px;
        }
        .subTitleTxt {
            display: inline-block;
            font-size: 1.2em;
            font-weight: 800;
            color: white;
            text-shadow: 0 1px 0 #000;
        }
        .subTitleBtn {
            display: inline-block;
            font-size: 0.8em;
            vertical-align: top;
        }
        .subsubTitleBtn {
            padding: .2em 2em .25em;
        }
        .moreInfoBtn {
            font-size: 0.8em;
            white-space: nowrap;
        }
        .moreInfoBtn > a {
            padding: 0 0 0 0;
        }
        
/* The Scrolling box containing search info
  -------------------------------------------------------------*/   
#scrollContainer {
    
}

.myInfo {
    width: 12px;
}

.a_hint {
  font-size: 60%;
    color: #707070; 
    font-style:italic;    
}

.myButt {
    text-decoration:none;
    color: #000000;
}     
.myButt:hover {
   color:#000;
   background: khaki;
   cursor: pointer;
}

/* Modal box: searchInfoBox
  ------------------------------------------------------------ */
#searchInfoBox {
    width: 70%;
}
.schPrice {
    color: white;
    font-weight: bold;
}

/* Modal box: property type box
  ------------------------------------------------------------ */
#propTypeBox {
    width: 30%;
}
#councilBox {
    width: 30%;
}
#councilSelect {
    font-size: 1.2em;
}