/*     
    HC_wrapper.css
    HC branding wrapper stylesheet for 3rd-party apps
*/
html { font-family: Arial, Helvetica, sans-serif; }
/* *** overwrite existing generic styles *** */
a {color: #063;
   text-decoration: underline;
}

a:hover {color: #666;}
/*
tr.summary td.subheading1 {
    background-color:#063;
    color: #FFF;
}
*/

/* *** box-wrap replacement styles *** */
.footerlight{
  border: 1px solid #666;
}

.footerdark{
  border: 1px solid #666;
}

.header{
  border: 1px solid #666;
}

/* *** Header *** */
.header{
  top:0;
  color: #000;
  text-align:left;
}
  
.topnav{ 
  background-color: #063;
  color:#fff;
  font-size: 70%;
  padding: 4px 2px 5px 2px;
  text-align: left;
}
 
.topnav a{
  text-decoration: none;
  color: #FFF;
  font-weight: normal;
}
 
.topnav a:hover{
  text-decoration: none;
  color:#CCC;
}
 
.topnav span{font-size: 80%}
 
.logoimg img{
  padding: 0px;
  left:25px;
  top: 46px;
  border:none;
  position:absolute;
}
 
.topsearch{
  font-size: 70%;
  text-align:right;
  padding: 10px 10px 0 10px;
  margin-bottom: 0;
  min-height: 80px;
  height: 80px;
}
#frmSearch{
  top: 70px;
  right: 60px;
  position:absolute;
}
  
#frmSearch .searchinput{
}
  
.searchbutton{
}

/* *** Footer *** */
.box-footer{
  clear: both;
  border: none;
}
 
.footerlight{
  background-color: #ccc;
  color: #000;
  font-size:90%;
  text-align: center;
  padding: 3px 10px 3px 10px;
}
 
.footerlight a{
  color: #000;
  text-decoration: none;
  font-weight: normal! important;
}
  
.footerlight a:hover{
  text-decoration: underline;
  font-weight: normal;
  background-color: transparent;
} 
 
.footerwhite{
  background-color: #fff;
  color: #333;
  font-size:80%;
  text-align: center;
  padding: 3px 10px 3px 10px;
}
  
.footerwhite a{
  color: #333;
  text-decoration: none;
  font-weight: normal;
}
  
.footerwhite a:hover{
  text-decoration: underline;
  background-color: transparent;
}

/* *** Misc *** */
.hide{display:none;}
.footerwhite .hide{display: inline;} 
.footerlight .hide{display: inline;} 
.footerdark .hide{display: inline;} 
.clear {clear: both;}
/* *** Tri-X Childcare Specific *** */
body{margin-top: 0;}
#hc_Header {
    background-position: right;
    width: 100%;
    background: #FFF url(/htt/images/bgHeader.gif) repeat-x left top;
    height: 120px;
    min-height: 66px;
    border-bottom: 1px solid #EEE;
}
#hc_Logo {
    float: left;
    width: 280px;
    height: 66px;
    background: url(/htt/images/bgBrand.gif) no-repeat left
top;
}
#hc_Logo img { margin: 8px 0 0 12px; border: none;}
#hc_HeaderRight {
    background-position: right;
    float: right;
    background-image: url(/htt/images/Hfdscape3.gif);
    background-repeat: no-repeat;
    height: 120px;
    width: 50%;
    overflow: hidden;
}
#hc_HeaderRight .breadCrumb {text-align: right; font-size: 80%; font-weight: normal; margin-right: 0.5em; color: #999;}
#hc_HeaderRight .breadCrumb a { font-weight: normal; }
#tabs ul{
    margin-right: 10px;
      margin-left: 10px;
    padding: 0 0 8px 0;
}
#tabs li{
    display: inline;
    margin: 0 0 5px 0 !important;
}
#tabs a { 
    float: left;
    display: block;
     background:url(/htt/images/tableft.gif) no-repeat left top;
    padding: 0 0 0 9px;
    font-size: 80%;
      font-weight: bold;
    text-decoration: none;
}
#tabs a span {
    float: left;
    display: block;
     background:url(/htt/images/tabright.gif) no-repeat right top;
     padding: 6px 14px 5px 5px;
    font-weight: bold;
      color: #fff;
}
#tabs span {
    float: left;
    display: block;
    padding: 6px 4px 5px 10px;
    color: #666;   
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
    color: #063;
}
#tabs #selectedtab a {
    background-position:0 -125px;
}
#tabs #selectedtab a span {
    background-position:100% -125px;
    color: #063;
}
#tabs a:hover {
    background-position:0% -125px;
}
#tabs a:hover span {
    background-position:100% -125px;
}
#selectedtab a:hover span{
    color:#A4BD65 !important;
}
 body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.app-area {
    padding: 0px 10px 0px 10px;
}
.siteTitle {
    width: 400px;
    font-family: "Times New Roman", Times, serif;
    /* font-size: 22pt; Too Big! */
    /* no it isn't, you big fibber! */
    font-size: 22pt;
    font-style: italic;
    color: #008000;
    padding-top: 14px;
    padding-right: 3px;
    padding-left: 10px;
    font-variant: normal;
}
.titleAlt {
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: normal;
}
.index{margin: 40px 0 0;}
.box-wrap{overflow: hidden; clear: both;}

.genericbox a{color: #063; text-decoration: underline;}

/* search form */
#frmSearch{width: 105%; margin: 0; padding: 0;}
* html #frmSearch fieldset{right: -62px;}
* html #frmSearch{width: 100%;}/* make IE6 px perfect */
#frmSearch fieldset{margin: 0; padding: 3px 0 3px 30px; border: 0 none; float: right; position: absolute; right: -60px; top: -48px; height: 25px; color: #fff; background: #006634; font-size: 70%;}#search, #thisSite, #council, #submit{float: left; position: relative; margin: 0 5px 0 0;}
label#searchFieldLabel, label#thisSiteRadioLabel, label#councilRadioLabel{float: left; padding: 5px 2px 0 0;}
input#thisSiteRadio, input#councilRadio{margin-top: 2px;}
input#searchField{background: #fff url(/htt/images/magnifyingGlass.gif) 0 no-repeat; width: 120px; border: 1px solid #000; padding: 2px 2px 2px 20px;}
input#searchGo{color: #fff; background: #999966; border: 1px solid #ccc; font-weight: bold; padding: 1px 2px 0 2px; cursor: pointer;}
input#searchGo:hover{background: #a4bd65;}
/* remove jobs online form styles */
FORM FIELDSET{padding-right: 0 !important; padding-left: 30px !important; padding-bottom: 3px !important; margin: 0 !important; padding-top: 3px !important;}
* html FORM FIELDSET{padding-bottom: 0 !important;}
FORM LABEL{padding-right: 2px !important; padding-left: 0 !important; padding-bottom: 0 !important; margin: 0 !important; width: auto !important; padding-top: 5px !important;}
FORM FIELDSET LABEL:first-letter{text-decoration: none !important;}
FORM INPUT{margin: 0 0 3px 0 !important;}



/* Search Results */
div.searchTerm{margin: 0 10px; padding: 10px 0; border-top: 1px solid #eee; font-size: 1.3em; font-weight: bold;}
div.searchTerm span.term{color: #063;}
div#searchtabs ul#searchOptions{overflow: hidden; width: 100%; margin: 0 10px; padding: 0;}
* html div#searchtabs ul#searchOptions{width: 96%;}
div#searchtabs ul#searchOptions li{float: left; display: inline; margin: 0 3px 0 0; padding: 0;}
div#searchtabs ul#searchOptions li a{display: block; width: auto; padding: 6px 10px; color: #666; background-color: #eee; text-align: center; font-weight: bold; text-decoration: none;}
div#searchtabs ul#searchOptions li a.active{color: #fff; background-color: #063;}
div#searchtabs ul#searchOptions li a:hover{text-decoration: none;}
div#resultsWrapper{margin: 0 10px;}
div#resultsWrapper .resultPager ul.resultPagination{overflow: hidden; width: 100%; margin: 0 0 10px 0; padding: 3px 0; background-color: #063; text-align: right;}
div#resultsWrapper .resultPager ul.resultPagination li{display: inline; margin: 0 0 0 10px;}
div#resultsWrapper .resultPager ul.resultPagination li.highlight{padding: 0 1px 0 4px; color: #063; background-color: #fff; font-weight: bold;}
div#resultsWrapper .resultPager ul.resultPagination li a{color: #fff;}
div#resultsWrapper .resultPager ul.resultPagination li a.pagerBtn.next,
div#resultsWrapper .resultPager ul.resultPagination li a.pagerBtn.prev
{background-image:url(/htt/images/arrowSprite.png); background-repeat:no-repeat;}
div#resultsWrapper .resultPager ul.resultPagination li a.pagerBtn.next{padding-right: 20px; background-position: 34px -100px;}
div#resultsWrapper .resultPager ul.resultPagination li a.pagerBtn.prev{padding-left: 20px; background-position: 7px -152px;}
div#resultsWrapper div.resulthead{margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee;}
div#resultsWrapper div.resulthead div.resultInfo{font-size: 1em;}
div#resultsWrapper div.resulthead div.resultSort{font-size: .9em;}
div#resultsWrapper div.resulthead a.red{color: #566353; font-weight: bold; letter-spacing: 1px;}
div#resultsWrapper div.result{overflow: hidden; position: relative; margin: 10px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee;}
* html div#resultsWrapper div.result{height: 100%;}
div#resultsWrapper div.result div.icon{display: block; position: absolute; width: 16px; height: 16px; top: 2px; left: 0; background-repeat: no-repeat; background-position: 0 0;}
div#resultsWrapper div.result div.icon.powerPoint{background-image: url(/htt/images/powerpointIcon.png);}
div#resultsWrapper div.result div.icon.adobe{background-image: url(/htt/images/acrobatIcon.png);}
div#resultsWrapper div.result div.icon.word{background-image: url(/htt/images/wordIcon.png);}
div#resultsWrapper div.result div.icon.webPage{background-image: url(/htt/images/webPage.png);}
div#resultsWrapper div.result div.result_title a{margin-left: 30px; color: #566353; font-size: 1em; font-weight: bold; text-decoration: none;}
div#resultsWrapper div.result div.result_title a:hover{text-decoration: underline;}
div#resultsWrapper div.result div.result_size,div#resultsWrapper div.result div.result_date{float: right; display: inline; width: 80px; margin-left: 30px;  padding: 0 0 0 20px; text-align: center; font-size: .9em;}
div#resultsWrapper div.result div.result_desc{margin-left: 30px;  width: 440px;}
div#resultsWrapper div.result div.result_url{overflow: hidden; width: 670px; margin-left: 30px; word-wrap: break-word; font-size: .85em;}
div#resultsWrapper div.result div.result_url a{color: #566353;}
div#resultsWrapper strong{background-color: #f4f18a;}
div.searchbox_outer div#resultCheck,div.searchbox_outer div.resulthead p.minorError{display: block; width: 98%; margin: 12px 0 0; padding: 7px 1%; color:#9f6000; background-color: #ff9; border: 1px solid #fc0; font-size: 100%; font-weight: bold;}
div.searchbox_outer div#resultCheck a{color: #00f; text-decoration: underline;}
div.searchbox_outer div#resultCheck a:hover{text-decoration: none;}