/*-------------------------------------------*/
/*   HTML Style Modifications                */
/*-------------------------------------------*/

body,html { margin: 0px; padding: 0px; color: #521c1c; background: #fbf5ee; font-family: "Open Sans"; font-size: 14px; }
body .modal-open { position: relative; overflow: hidden; }
a { color: #3167bc; text-decoration: none; outline: none;}
a:link { color: #3167bc; text-decoration: underline; outline: none;}
a:visited { color: #3167bc; text-decoration: none;}
a:active { color: #3167bc; text-decoration: none;}
a:hover { color: #fb0461; text-decoration: underline;}
h1 { font-size: 30px; font-weight: bold; margin: 0px 0px 0px 15px; }
h2 { font-size: 25px; font-weight: bold; margin: 5px 0px 15px 0px; }
h3 { font-size: 15px; font-weight: 900; margin: 0px; padding: 0px; }
h4 { font-size: 12px; margin: 20px 0px 0px 0px; }
h5 { font-size: 13px; text-align: left;  margin: 0px; padding: 0px; display: inline; }
h6 { font-size: 13px; font-weight: bold; color: #3167bc; text-align: left;  margin: 0px; padding: 0px; display: inline; }
h7 { font-size: 11px; font-weight: bold; color: #3167bc; text-align: left;  margin: 0px; padding: 0px; display: inline; }
input { color: #521c1c; font-size: 13px;  font-weight: normal; vertical-align: middle; border-style: none; background-color: #eee8e2; }
input.button { cursor: pointer; margin: 0.3em 0.3em 0; border-radius: 0.5em; box-sizing: border-box; text-decoration: none; box-shadow: inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12); -webkit-appearance: none; }
img { border-style: none; vertical-align: middle; }


/*-------------------------------------------*/
/* Page Layout Styles                        */ 
/*-------------------------------------------*/

#wrapper { position: relative; width: 956px; height: auto !important; min-height: 100%; height: 100%; margin: 0 auto; padding: 0; overflow: hidden; }
#content { line-height: 1.6em; }
#title { position: relative; z-index: 1;width: 956px; height: 110px; background: url("/graphics/t_nav/hdrlogo.gif") no-repeat; }
#title a { text-decoration: none;}
#title a:link { text-decoration: none;}
#title a:visited { text-decoration: none;}
#title a:active { text-decoration: none;}
#title a:hover { text-decoration: none;}
#nav { position: relative; left: 0; top: 0; display: block;}


/*-------------------------------------------*/
/* Content Styles                            */ 
/*-------------------------------------------*/

.notebox { color: #14008e; text-align: left; border: 1px; border-style: solid; border-color: #3167bc; border-radius: 6px; background: #ebf3ff; padding: 5px; margin-left: auto; margin-right: auto; line-height: 1.7em; }
.notebox-red { color: #6b00b3; text-align: left; border: 1px; border-style: solid; border-color: #fb0461; border-radius: 6px; background: #fb0461; padding: 5px; margin-left: auto; margin-right: auto; line-height: 1.7em; }
.notebox-purple { color: #6b00b3; text-align: left; border: 1px; border-style: solid; border-color: #6b00b3; border-radius: 6px; background: #ebccff; padding: 5px; margin-left: auto; margin-right: auto; line-height: 1.7em; }
.brn-box { text-align: left; border: 1px; border-style: solid; border-color: #521c1c; border-radius: 8px; background: #eee8e2; padding: 5px; margin-left: auto; margin-right: auto; line-height: 1.7em; }
.blue-box { text-align: left; border: 1px; border-style: solid; border-color: #3167bc; border-radius: 8px; background: #eee8e2; padding: 5px; margin-left: auto; margin-right: auto; line-height: 1.7em; }
.cmt {font-size: 11px; color: #fb0461;}	
.indt { padding-left: 30pt; padding-right: 20pt; text-align: left; font-size: 14px; line-height: 1.6em; }
.pcap { font-size: 19px; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px; }
.dropdown { padding: 2px; width: 150px; height: 25px; border: none; background-color: #eee8e2; font-size: 14px; color: #521c1c; }
.confirm_button {color: #FFF;background-color: #2979FF;padding: 3px 10px 3px 10px;}
.close_button {color: #FFF;background-color: #fb0461;padding:  3px 10px 3px 10px;}
.delete_button {color: #FFF;background-color: #FF5F15;padding:  3px 10px 3px 10px;}

/*-------------------------------------------*/
/*   Menu Navigation                         */ 
/*-------------------------------------------*/
.h-nav { float: right; list-style: none; margin: 0; padding: 28px 0 5px; height: 1%; overflow: hidden; clear: right; }
.h-nav li { float: left; border-right: 1px solid #aa9a87; padding: 0 5px; margin: 0 -1px 0 0; font-size: 11px }
.h-nav a { color: #887b6b; text-decoration: none; }
#h-menu { width: 986px; background: url("/graphics/t_nav/bg-h-menu.gif") no-repeat; list-style: none; margin: 0; padding: 1px 0 5px 4px; }
#h-menu:after { content: ""; display: block; clear: both; text-align: center; }
#h-menu li { float: left; background: url("/graphics/t_nav/bg-h-menu-li.gif") no-repeat; padding: 0 0 0 2px; margin: 0 0 0 -2px; position: relative; }

/*   Used for Members pages   */
#h-menu .home { width: 80px; }
#h-menu .members { width: 130px; }
#h-menu .guests { width: 100px; }
#h-menu .historical { width: 110px; }
#h-menu .links { width: 93px; }

/*   Used for administrator pages   */
#h-menu .a_hlp { width: 70px; }
#h-menu .a_cal { width: 100px; }
#h-menu .a_mem { width: 110px; }
#h-menu .a_hr { width: 130px; }
#h-menu .a_tl { width: 110px; }
#h-menu .a_up { width: 100px; }
#h-menu .a_usage { width: 93px; }

#h-menu a { font: normal 15px/18px "Open Sans"; color: #fff; text-decoration: none; display: block; padding: 8px 0 10px; width: 100%; background: url("/graphics/t_nav/none.gif"); text-align: center; }
#h-menu a.active { font: normal 15px/18px "Open Sans"; color: #fff; text-decoration: none; display: block; padding: 8px 0 10px; width: 100%; background: url("/graphics/t_nav/a-h-menu-hover.gif") repeat-x; text-align: center; }
#h-menu li:hover a, #h-menu li.hover a { background: url("/graphics/t_nav/a-h-menu-hover.gif") repeat-x; }


/*-------------------------------------------*/
/*   Drop Menu Items                         */ 
/*-------------------------------------------*/

.drop-down { position: absolute; z-index: 3; left: 1px; top: 36px; width: 158px; display: none; }
.drop-down-bt { height: 4px; overflow: hidden; }
.drop-down ul { list-style: none; margin: 0; padding: 0; height: 1%; overflow: hidden; position: relative; }
#h-menu li:hover .drop-down, #h-menu li.hover .drop-down { display: block; }
#h-menu .drop-down li {	float: none; overflow: hidden;  vertical-align: top; border-bottom: 1px solid #8aa8d5; border-left: 1px solid #8aa8d5; border-right: 1px solid #8aa8d5; margin: 0px; padding: 0px; background: url("/graphics/t_nav/none.gif"); }
#h-menu .drop-down a, #h-menu li:hover .drop-down a, #h-menu li.hover .drop-down a { background: #dae9ff; height: 1%; width: auto; padding: 6px 9px 6px; text-align: left; font-weight: normal; font-size: 14px; color: #14008E; }
#h-menu .drop-down a:hover { color: #ffffff !important; background: #4575C1 !important; }


/*-------------------------------------------*/
/*   Weather                                 */ 
/*-------------------------------------------*/

#w_blk {  position: relative; font-size: 12px; font-weight: normal; text-align: left; vertical-align: middle; left: 0px; top: 6px; width: 420px; height: 97px; border: 1px; border-style: solid; border-color: #3167bc; border-radius: 8px; background: #ebf3ff; }
#temp { font-size: 25px; font-weight: 800; color: #000000; text-align: center; vertical-align: middle; position: absolute; left: 25px; top: 6px; }
#cond { color: #027124; position: absolute; left: 105px; top: 6px; }
#desc { color: #14008E; position: absolute; left: 105px; top: 31px; }
#radar { color: #fb0461; position: absolute; left: 105px; top: 70px;font-size: 13px;}
#radar img { width: 25px; height: 25px; }
#tooltip { position: absolute; z-index: 2; border: 1px solid #333; border-radius: 6px; background: #f7f5d1; padding: 5px; color: black; display: none; text-align: center; font-size: 12px; line-height: 1.9em; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }


/*-------------------------------------------*/
/* footer Style                              */
/*-------------------------------------------*/

#footer { font-size: 12px; font-family: Open Sans;clear: both; width: 100%; text-align: center; font-size: 11px; color: #625f56; padding-top: 13px; }


/*-------------------------------------------*/
/*  Expand & Collapse styles                 */ 
/*-------------------------------------------*/
.slide { cursor: pointer; }
.slide h5 { background: url("/graphics/buttons/arrow-square.gif") no-repeat left -51px; padding: 4px 0px 0px 20px; margin: 0; }
.slide h5.active { background-position: left 5px; }
.slide h6 {	background: url("/graphics/buttons/arrow-square.gif") no-repeat left -51px;	padding: 3px 0px 0px 20px; margin: 0; }
.slide h6.active { background-position: left 5px; }


/*-------------------------------------------*/
/*   Photo Album                             */
/*-------------------------------------------*/

#album { width: 800px;  color: #521c1c; text-align: left; padding: 5px; margin-left: auto;  margin-right: auto; border: 1px; border-style: solid;  border-color: #521c1c;  border-radius: 8px; background: #eee8e2; }
.decade { padding:4px 0px 4px 18px; }
.indent { padding: 4px 0px 4px 25px; }
.media { padding: 4px 0px 4px 25px; line-height: 1.8em; font-size: 15px; }


/*-------------------------------------------*/
/*  History Pages                            */ 
/*-------------------------------------------*/
#paging { margin: 0px 0px 20px 0px; color: #3167bc; text-align: center; }
#pgraph { width: 860px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
.full_row { clear: both; width: 100%; }


/*-------------------------------------------*/
/*  Geneology Pages                          */ 
/*-------------------------------------------*/

/*  Title Row Styles                         */
.tyr { float: left; font-size: 11px; width: 40px; background: #e1e1d2; text-align: center; padding: 1px; margin: 1px; }
.tbox { float: left; font-size: 11px; width: 75px; background: #e1e1d2; text-align: center; padding: 1px; margin: 1px; }

/*  Purple Row Styles   */
.pyr { float: left; font-size: 11px; width: 40px; background: #e6daf5; text-align: center; padding: 1px;  margin: 1px; }
.pbox { float: left; font-size: 11px; text-align: center; width: 75px; background: #e6daf5; padding: 1px; margin: 1px; }

/*  Salmon Row Styles  */
.syr { float: left; font-size: 11px; width: 40px; background: #ffead6; text-align: center; padding: 1px; margin: 1px; }
.sbox { float: left; font-size: 11px; text-align: center; width: 75px; background: #ffead6; padding: 1px; margin: 1px; }

/*  Member Popup Styles  */
.gen-pix { float: left;  width: 120px;  padding: 10px; }
.gen-desc { float: left;  width: 430px; padding: 10px 0px 0px 0px; }


/*----------------------------------------------------*/
/* Calendar Formatting                                */
/*----------------------------------------------------*/

#caltitle { float: left; width: 99%; color: #521c1c; letter-spacing: 8px; font-family: Montserrat; font-size: 20px; font-weight: 600; text-align: right; padding: 25px 0px 25px 0px; }
.brdr { border: 1px; border-style: solid; border-color: #521c1c; width: 134px; margin: -1px; }
.mth { float: left; text-align: center; font-size: 14px; font-weight: 800; width: 79px; height: 35px; }
.dayno { font-size: 20px; padding: 4px 0px 0px 9px; }
.daytitle { float: left; font-size: 12px; font-weight: 800; letter-spacing: 0.2em; background: #fbf5ee; text-align: center; height: 20px; padding: 3px 0px 0px 0px; }

/* Date Formatting - Members  */
.blank { float: left; height: 70px; background: #fbf5ee; }
.pcell { float: left; height: 70px; width: 134px; background: #FBDFBF; }
.tcell { float: left; background: #ffead6; height: 70px; width: 134px; }
.mem { font-size: 14px; color: #776e74; text-align: right; margin: 5px 10px 0px 0px; }  

/* Date Formatting - Workbee  */
.wcell { float: left; background: #dbe9ff; height: 70px; width: 134px; }  
.wmem { font-size: 14px; color: #0062ff; text-align: right; margin: 5px 10px 0px 0px; }

/* Date Formatting - Hunt  */
.hcell { float: left; background: #d9f2d9; height: 70px; width: 134px; }
.hmem { font-size: 14px; color: #206020; text-align: right; margin: 5px 10px 0px 0px; }

/* Date Formatting - Cleaning  */
.ccell { float: left; color: #cc0052; background: #ffcce0; height: 70px; width: 134px; }
.cmem { font-size: 14px; color: #cc0052; text-align: right; margin: 5px 10px 0px 0px; }

/* Date Formatting - Today */
 .today_cell { float: left; color: #521c1c; background: #ffffcc;  height: 70px; width: 134px; }


/*----------------------------------------------------*/
/* Google Maps Styles                                 */
/*----------------------------------------------------*/

/* For popups */
#ileft
{
   font-size:            10px;
   color:                #3167bc;   
   float:                left;
   margin:               0px 10px 10px 0px;  /* top right bottom left */
   text-align:           center;
   vertical-align:       top;
   width:                130px;
}

/* For popups */
#iright
{
   font-size:            11px;
   float:                right;
   vertical-align:       top;
   margin:               0px 20px 10px 0px;  /* top right bottom left */
   width:                190px;
}

#gmap
{
   float:                left;
   padding:              0px 0px 0px 10px;  /* top right bottom left */
   text-align:           left;
}

/*----------------------------------------------------*/
/* Map Styles                                         */
/*----------------------------------------------------*/

.map-legend-div
{
   font-size:            11px;
   color:                #3167bc;
   margin:               0px 0px 0px 0px;  /* top right bottom left */
   padding:              20px 20px 0px 20px;  /* top right bottom left */
   width:                250px;
   background:           #ebf3ff;
   border:               1px solid #3167bc;
}  


#map-lon-lat
{
   height:               25px;
   vertical-align:       middle;
   font-size:            11px;
}

#map-lon-lat input
{
   font-size:            11px;   
}


/*----------------------------------------------------*/
/* Administration Page Styles                         */
/*----------------------------------------------------*/

#a_blk {  font-size: 26px; font-weight: normal; font-family: Montserrat; color: #fb0461; padding: 40px 0px 0px 600px; }
.upload_button {font-size: 14px; color: #521c1c; background-color: #f7f5d1; padding:  7px 10px 7px 10px; width: 500px;}