body{
  font-size:16px;
  font-family:  open_sansregular;
  margin:0px;
  width: 100%;
  height: 100%;
}

h1,h2,h3,h4,b,th{
  font-weight:bold;
  font-family: open_sansbold;
 }
 
i {
   font-family:  opensans_italic;
   font-size:13pt;
 }
   
ol.errors,ul.errors{
  font-size:10pt;
}

p.errorHeader{
  font-weight:bold;
  font-size:12pt;
}

ol.warnings,ul.warnings{
  font-size:10pt;
}

.small{
  font-size:10pt;
}

.mainBodyHeader2{
  font-weight:bold;
  font-size:14pt;
  margin-top:10px;
  margin-bottom:10px;
  border-bottom:1px solid black;
}

.mainBodyHeader2NU{
  font-weight:bold;
  font-size:14pt;
  margin-top:10px;
  margin-bottom:10px;
  vertical-align:top;
}

.mainBodyHeader2NU img{
  top:10px;
  padding-right:5px;
  width:25px;
}

#siteCodeTitle{
  font-size:20pt;
  font-weight:bold;
}

#topLine {
  font-family:  griffosscapsfontregular;
  font-size:26pt;
  text-align:center;
  vertical-align: middle;
  width:100%;
  padding-top:10px;
  padding-bottom:10px;
 }

 
 pre {
  font-size:8pt;
  text-align:left;
  width:800px;
  overflow:hidden;
  white-space:pre-wrap;
 }

.hidden{
  display:none
}

.vaTop{
  vertical-align:top;
}

.topLevelAdmin{
  margin-left:auto;
  margin-right:auto;
}
 
#topLevel{
  width:100%;
  border-collapse: collapse;
}

#topLevel td{
  padding:0px;
  border:0px white solid;
  margin:0px;
}

#displaySettings td {
  vertical-align:middle;
}

#body{
  padding-top:10px;
}

.mainBody, .expirewarning{
  width:900px;
 }
 
.mainBody {
  background-image: url(/2.1/images/mainBody2.png); 
  background-repeat: no-repeat;
  background-position: top center;
  min-height:481px;
 }
 
 div.mainPage{
  margin-left:auto;
  margin-right:auto;
  width:1040px;
 }

#topLevelMiddleLeft{
   width:25px
}

#topLevelMiddleCenter{
  width:1000px;
}

#topLevelMiddleRight{
   width:25px
}

#topLevelTopCenter{
  height:25px
}

#topLevelBottomCenter{
  height:25px;
}

#topLevelMiddleCenter img {
  border:0px solid transparent
}

div.topBar {
  background-color:transparent;
  display:none;
  text-align:center;  
  font-weight:bold;
  color: red;
}
div.mainLogo{
  background-color:transparent;
  text-align:center;
  padding:0px;
  margin:0px;
  min-height:80px;
  width:100%;
}

.sp50 {
  height:50px;
  padding:0px;
  border:0px white solid;
  margin:0px;
}

.sp110 {
  height:110px;
  padding:0px;
  border:0px white solid;
  margin:0px;
}
.sp20 {
  height:20px;
  padding:0px;
  border:0px white solid;
  margin:0px;
}

.login1 {
  height:430px;
  background-image: url(/2.1/images/mainBody2.png); 
  background-size:contain;
  background-repeat:no-repeat;
  background-position: center center;
}
.login2 {
  margin-bottom:20px;
  background-color:transparent;
    
}

.condensed{
  font-family:  marvelregular;
}

.ccFieldLabel{
  font-family:  marvelregular;
}

div.menuContainerTop{
  font-family:  marvelbold;
  position:relative;
  top:0px;
  width:130px;
  padding-right:16px;
  text-align:left;
  padding-top:20px;
}

div.hasSubMenu img{
  position:relative;
  top:10px;
  padding-left:5px;
  padding-right:10px;
  height:32px;
  width:32px;
}

div.hasSubMenu{
  padding-bottom:10px;
  border:1px solid transparent;
}

div.menu{;
  border:1px solid transparent;
  width:130px;
}

div.menuContainer{
  margin-left:15px;
  background-color:transparent;
  display:none;
  position:relative;
  text-align:left;
  white-space:nowrap;
}

div.menuContainer div.menu{
  width:115px;
}

td {
  vertical-align:top;
}


.mainFormHeader{
  font-size:1.3em;
  font-weight:bold;
  margin-bottom:10px;
  border-bottom:1px solid black;
}

table.inputtable th{
  text-align:right;
}

.overline{
  border-top:1px solid black
}

.underline{
  border-bottom:1px solid black
}

.topPad20{
  padding-top:20px
}

.bottomPad20{
  padding-bottom:20px;
}

.bottomPad10{
  padding-bottom:10px
}

.topPad10{
  padding-top:10px
}

.pr5{
 padding-right:5px;
}

.pr10{
 padding-right:10px;
}

.pl5{
 padding-left:5px;
}

.pl10{
 padding-left:10px;
}

.marginTop10{
  margin-top:10px;
}

.marginTop20{
  margin-top:20px;
}

.marginTop5{
  margin-top:5px;
}

.marginBottom5{
  margin-bottom:5px;
}

.marginBottom10{
  margin-bottom:10px;
}

.marginBottom20{
  margin-bottom:20px;
}

.margin8{
  margin:8px;
}

.left {
  text-align:left;
}

.thumbxhalf {
  height:35px;
}

.thumbx2 {
  height:150px;
  border:1px solid black;
}

.thumb {
  max-height:75px;
  border:1px solid black;
}

.browseThumb{
  text-align:center;
  vertical-align:middle;
  margin:auto;
}

.h5{height:5px;}
.h10{height:10px;}
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.w5{width:5px;}
.w10{width:10px;}
.w15{width:15px;}
.w20{width:20px;}
.w25{width:25px;}
.w30{width:30px;}
.w35{width:35px;}
.w40{width:40px;}
.w45{width:45px;}
.w50{width:50px;}
.w55{width:55px;}
.w60{width:60px;}
.w65{width:65px;}
.w70{width:70px;}
.w75{width:75px;}
.w80{width:80px;}
.w85{width:85px;}
.w90{width:90px;}
.w95{width:95px;}
.w100{width:100px;}
.w105{width:105px;}
.w110{width:110px;}
.w115{width:115px;}
.w120{width:120px;}
.w125{width:125px;}
.w130{width:130px;}
.w135{width:135px;}
.w140{width:140px;}
.w145{width:145px;}
.w150{width:150px;}
.w155{width:155px;}
.w160{width:160px;}
.w165{width:165px;}
.w170{width:170px;}
.w175{width:175px;}
.w180{width:180px;}
.w185{width:185px;}
.w190{width:190px;}
.w195{width:195px;}
.w200{width:200px;}
.w205{width:205px;}
.w210{width:210px;}
.w215{width:215px;}
.w220{width:220px;}
.w225{width:225px;}
.w230{width:230px;}
.w235{width:235px;}
.w240{width:240px;}
.w245{width:245px;}
.w250{width:250px;}
.w255{width:255px;}
.w260{width:260px;}
.w265{width:265px;}
.w270{width:270px;}
.w275{width:275px;}
.w280{width:280px;}
.w285{width:285px;}
.w290{width:290px;}
.w295{width:295px;}
.w300{width:300px;}
.w305{width:305px;}
.w310{width:310px;}
.w315{width:315px;}
.w320{width:320px;}
.w325{width:325px;}
.w330{width:330px;}
.w335{width:335px;}
.w340{width:340px;}
.w345{width:345px;}
.w350{width:350px;}

.inline{
  display:inline-block;
}
     
.hidden_row{
    text-decoration:line-through !important;
    color:red !important;;
}  

.hidden_row div{
    text-decoration:line-through !important;
    color:red !important;;
}  
    
.individual_row {
  border: 1px transparent solid;
  white-space:nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
} 

div.individual_row img{
  height:16px;
}

img.changeCheck{
  height:16px;
  margin-top:1px;
  padding:1px;
  border: 1px transparent solid;
}

div.changeCheck{
  margin-top:1px
  margin-bottom:1px;
  width:18px;
  border: 1px transparent solid;
}

div.individual_row div{
  display:inline-block;
  white-space:nowrap;
  overflow:hidden;
  margin:0px 10px 0px 0px;
  padding:0px;
  vertical-align:top;
  margin-right:5px;
}

.individual_row2 {
  border: 1px transparent solid;
  white-space:nowrap;
  padding-left:10px
}

#familyListing{
  display:table;
}

.familyListingNavigation{
  text-align:center;
  background:transparent;
  display:inline;
  height:25px;
}

.familyListingNavigation img{
  position:relative;
  height:25px;
  width:25px;
}

#listingsRestriction{
  padding-left:20px;
  display:inline-block;
  text-align:right;
  width:150px;
}

a.familyListingNavigationJump{
  color:blue;
  width:12px;
  text-decoration:underline;
  display:table-cell;
  text-align:center;
  border:1px solid transparent;
}

a.familyListingNavigationJump:hover{
  color:black;
  background-color:#DDDDFF;
  border:1px solid black;
  box-shadow:5px 5px 2.5px #888888;
}

.familyListingNavigationButton{
  top:5px;
  width:25px;
  display:inline-block;
}

.leftMargin{
  margin-right:0px;
  margin-left:auto;
}

.rightMargin{
  margin-right:auto;
  margin-left:0px;
}

.helper{
  position:absolute;
  display:none;
  margin-left:10px;
  padding:3px;
  border: 1px solid black;
  background-color: #F7F78F;
  border-radius: 4px;
}

#familyListing{
  max-height:690px;
  overflow:auto;
}
.noteDisplay{
  text-align:left;
  vertical-align:top;
  white-space:pre-wrap;
  height:150px;
  overflow:auto;
}
  
div.tableHeader{
  border: 1px transparent solid;
  white-space:nowrap;
}

div.tableHeader div{
  font-weight:bold;
  display:inline-block;
  white-space:nowrap;
  margin-right:5px;
  text-align:center;
  border-bottom:1px solid black;
  vertical-align:bottom;
}

div.fixedSpot{
  display:none
}

div.form {
  background-color:pink;
  background-color:white;
/*   opacity:0.9; */
  border:3px solid black;
  box-shadow:8px 8px 4px #888888;
  display:none;
  position:absolute;
  top:0;
  left:0;
  padding:10px;
  
}

.closeButton{
  width:25px;
  height:25px;
  float:right;
}
.noImage{
 background-color:#f0f0f0;
  width: 300px;
  display: table-cell;
  vertical-align:middle
}
.entryImage{
  margin-left:auto;
  vertical-align:middle;
  text-align:center;
  height:200px;
  border:1px solid black;
  margin:auto;
}

#search_area{
  margin-left:10px;
}

#search_area td{
  vertical-align: middle;
}

.correctionTable{
  width:100%;
}

.browseTable{
  width:870px;
  margin:15px;
  margin-left:auto;
  margin-right:auto;
}

.idxrecord {
  width:800px;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  background-color:white;
  border: 2px solid Black;
  box-shadow:8px 8px 4px #888888;
  z-index:101;
}

.idxrecord td{
  vertical-align:top;
  text-align:left;
}

.idxrecord img{
  margin:0px 2px 2px 0px;
  max-width:400px;
  max-height:300px;
  
}

.idxrecord_header{
  font-size:1.3em;
  font-weight:bold;
  margin-bottom:10px;
}

.furtherContact{
  width:500px;
  white-space:normal;
}
 
.search_link{
  display:table-cell;
  padding-right:10px;
  color:blue;
  text-decoration:underline;
}

.search_link_navigation{
  margin-bottom:20px;
}

.red{
  color:red;
}

.blue{
  color:blue;
  text-decoration:underline;
}

.green{
  color:green;
}

.brown{
  color:brown;
}

  i.menu {color:#009900}

input.inactiveDate{
  background-color:transparent;
  border-width:0px;
  color:black;
  font-size:12pt;
  font-family:  open_sansregular;
}

.date{
  font-weight:bold;
}

.recentChanges{
  font-size:11pt;
}
.recentChanges li{
  margin: 0 0 8px 0;
}

.normalSpacing li{
  margin: 0 0 0px 0;
}

.BrowsingGroup{
  padding:0px;
  margin:0px;
  display:inline-block;
  border:none;
  background-color:transparent;
  overflow: hidden;
}

.BrowsingGroup select {
  font-size:18pt;
  margin-right:10px;
  font-weight:bold;
  padding-left: 8px;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
}

.BrowsingGroup select:focus {
    outline: none;
}
    
.newGroupForm th{
  vertical-align:top;
}

.membereditlist{
  overflow:auto;
  width:270px;
  height:490px
}

.membereditlist td{
  font-size:10pt;
}

.membereditlist th{
  font-size:12pt;
  font-weight:bold;
  text-align:center;
  border-bottom:1px solid black
}

.membereditlist_row{
 display:table-row; 
 font-size:12pt;
}

.membereditlist_row div{
    display:table-cell;
}

.membereditlist_row_head{
 display:table-row; 
}

.membereditlist_row_head div{
  display:table-cell;
  font-weight:bold;
  text-align:center;
  border-bottom:1px solid black
}

.membereditlistHead{
  padding-bottom:5px;
  text-align:center
}

.membereditlistHead div{
  text-align:center;
  margin-top:10px;
  margin-bottom:5px;
}

.list_filter_conditions{
  width:330px;
  padding-left:10px;
  padding-right:10px;
}

#onlist, #offlist{
  width:280px;

}

.list_area, .filter_area{
  display:table-cell;
  vertical-align:top;
}

#preview{
  padding-bottom:10px; 
  overflow:auto; 
  font-size:10pt;
  background-color:white;
}

#preview td, #preview th{
  border: 1px solid black;
  padding-left:2px;
  padding-right:2px;
  white-space:nowrap;
  vertical-align:bottom;
}

#access th{
text-align:left;
border-bottom:1px solid black;
padding-top:20px
}


table.invoice {
  width:7in;
  background:white;
  border: 1px black solid;
  padding:20px;
  margin-bottom:20px;
  width:100%;
}

table.invoice  td {
  vertical-align:top;
  font-size:10pt;
}

table.invoice  th {
  vertical-align:top;
  border-bottom: 1px black solid;
  font-size:10pt;
}

td.invoicespacer{
  vertical-align:top;
  border-left: 1px black solid;
  border-right: 1px black solid;
  height:70px;
}

.descr {
  vertical-align:top;
  border-left: 1px black solid;
  border-right: 1px black solid;
}

td.total, th.total {
  vertical-align:top;
  border-top: 1px black solid;
  height: 30px;
}

.loginpagelink {
  color:blue;
  padding-left:4px;
  padding-right:5px;
}

 
a.sp {
  font-family: open_sansbold;
  font-size:14pt;
  padding-left:10px;
  padding-right:10px;
  color: BLACK;
}

.normal{
  font-family: opensans_regular;
}

.center{
  text-align: center;
}
  
td.top {
  vertical-align:top
}

.checkAllAddBox, .uncheckAllRmBox, .checkAllRmBox, .uncheckAllAddBox{
  color:blue;
}

.ui-dialog .ui-dialog-content {
    font-size: 10pt;
    padding-bottom: 25pt;
}
.ui-dialog-title{
    font-size:14pt
}


/* ------------------ RANGE --------------------- */

input[type=range]{
    -webkit-appearance: none;
    margin:0px;
    padding:0px;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 200px;
    height: 5px;
    background: #ddd;
    border: none;
/*     border-radius: 3px; */
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
/*     border-radius: 50%; */
    background: goldenrod;
    margin-top: -4px;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #aaa;
}

input[type=range]{
    /* fix for FF unable to apply focus style bug  */
/*     border: 1px solid white;  */
    /*required for proper track sizing in FF*/
    width: 200px;
}

input[type=range]::-moz-range-track {
    width: 200px;
    height: 5px;
    background: #ddd;
    border: none;
/*     border-radius: 3px; */
}

input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
/*     border-radius: 50%; */
    background: goldenrod;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
/*     outline: 1px solid white; */
    outline-offset: -1px;
}

input[type=range]:focus::-moz-range-track {
    background: #aaa;
}

input[type=range]::-ms-track {
    width: 200px;
    height: 5px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
/*     border-radius: 10px; */
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
/*     border-radius: 10px; */
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
/*     border-radius: 50%; */
    background: goldenrod;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #aaa;
}