/*&&&&&&*/
/* All Fonts that may be necessary for the styling of the website */
/*&&&&&&*/


@font-face {
	font-family: Gotham-Bold;
	src: url('/images/site/Gotham-Bold.eot');
	src: url('/images/site/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
		url('/images/site/Gotham-Bold.woff') format('woff'),
        url('/images/site/Gotham-Bold.ttf') format('truetype'),
		url('/images/site/Gotham-Bold.svg#svgFontName') format('svg');
}

@font-face {
	font-family: Gotham-BoldItalic;
	src: url('/images/site/Gotham-BoldItalic.eot');
	src: url('/images/site/Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/images/site/Gotham-BoldItalic.woff') format('woff'),
		url('/images/site/Gotham-BoldItalic.ttf') format('truetype'),
		url('/images/site/Gotham-BoldItalic.svg#svgFontName') format('svg');
}

@font-face {
	font-family: Gotham-Book;
	src: url('/images/site/Gotham-Book.eot');
	src: url('/images/site/Gotham-Book.eot?#iefix') format('embedded-opentype'),
		url('/images/site/Gotham-Book.woff') format('woff'),
		url('/images/site/Gotham-Book.ttf') format('truetype'),
		url('/images/site/Gotham-Book.svg#svgFontName') format('svg');
}

@font-face {
	font-family: Gotham-BookItalic;
	src: url('/images/site/Gotham-BookItalic.eot');
	src: url('/images/site/Gotham-BookItalic.eot?#iefix') format('embedded-opentype'),
		url('/images/site/Gotham-BookItalic.woff') format('woff'),
		url('/images/site/Gotham-BookItalic.ttf') format('truetype'),
		url('/images/site/Gotham-BookItalic.svg#svgFontName') format('svg');
}

@font-face {
	font-family: Gotham-Light;
	src: url('/images/site/Gotham-Light.eot');
	src: url('/images/site/Gotham-Light.eot?#iefix') format('embedded-opentype'),
		url('/images/site/Gotham-Light.woff') format('woff'),
        url('/images/site/Gotham-Light.ttf') format('truetype'),
		url('/images/site/Gotham-Light.svg#svgFontName') format('svg');
}

@font-face {
	font-family: Gotham-LightItalic;
	src: url('/images/site/Gotham-LightItalic.eot');
	src: url('/images/site/Gotham-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('/images/site/Gotham-LightItalic.woff') format('woff'),
		url('/images/site/Gotham-LightItalic.ttf') format('truetype'),
		url('/images/site/Gotham-LightItalic.svg#svgFontName') format('svg');
}

@font-face {
	font-family: Gotham-Medium;
	src: url('/images/site/Gotham-Medium.eot');
	src: url('/images/site/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
		url('/images/site/Gotham-Medium.woff') format('woff'),
        url('/images/site/Gotham-Medium.ttf') format('truetype'),
		url('/images/site/Gotham-Medium.svg#svgFontName') format('svg');
}

@font-face {
	font-family: Gotham-MediumItalic;
	src: url('/images/site/Gotham-MediumItalic.eot');
	src: url('/images/site/Gotham-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('/images/site/Gotham-MediumItalic.woff') format('woff'),
		url('/images/site/Gotham-MediumItalic.ttf') format('truetype'),
		url('/images/site/Gotham-MediumItalic.svg#svgFontName') format('svg');
}


/*CSS FROM WTCHECKIN version 1*/
/*Barcode Checkin Page Multiview 1 Tables*/
.tableBorderCollapse {border-collapse: collapse; margin: 3px 3px 3px 3px;}
.td30pxBuffer {width: 100px;height:30px;}
.tdStepsBuffer {width: 225px; background-color:#CC3E3E; color:white;  border-bottom-left-radius: 10px; border-top-left-radius: 10px; font-size: 15px;}
.tdStepsControls {width: 422px; background-color:#CC3E3E; color:white; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
.tdStepsBarCodeBuffer {width: 207px; background-color:#d8d0c7;border-bottom-left-radius: 10px; border-top-left-radius: 10px; font-size: 15px;}
.tdStepsBarCodeControl {width: 440px; background-color:#d8d0c7; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
.ManualEntryTxt {font-size: 10px;}
/*END Barcode Checkin Page Multiview 1 Tables*/

/*PopUp Tables*/
.PopUpTitle {text-align:center;}
.tableBorderCollapsePU {border-collapse:collapse;}
.tdpxBuffer {width: 50px; height:30px;}
.tdpxBufferManual {width: 50px; height:10px;}
.tdpxLabelsR {height:30px; text-align:right; background-color:#CC3E3E; color:white;  border-bottom: 2px solid white; border-bottom-left-radius: 10px; border-top-left-radius: 10px; }

.tdpxLabels {width: 145px; height:30px; text-align:right; border-bottom: 2px solid white; background-color:#d8d0c7; border-bottom-left-radius: 10px; border-top-left-radius: 10px;}
.tdpxgap {width: 20px; height:30px; border-bottom: 2px solid white; background-color:#d8d0c7;}
.tdpxgapR {width: 20px; height:30px; border-bottom: 2px solid white; background-color:#CC3E3E;}
.tdleft {width: 172px; text-align:left; border-bottom: 2px solid white; background-color:#d8d0c7; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
.tdleftR {width: 172px; text-align:left; background-color:#CC3E3E; color:white;  border-bottom: 2px solid white; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }

.Overlay { 
  position:fixed; 
  top:0px; 
  bottom:0px; 
  left:0px; 
  right:0px; 
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:#000;  
  filter:alpha(opacity=50); 
  opacity:0.5; 
  z-index:1000;
}
 
.PopUpPanel {  
  position:absolute;
  background-color:White; 
  border-radius: 10px;
  box-shadow: 3px 3px 2px black; 
  border: 2px solid black;
  padding: 1px;
  top:75px;
  left:50%;
  z-index:2001; 
  margin-left: -225px;
  min-width:450px;
  max-width:450px;
  min-height:450px;
  max-height:450px;
  font-family: Gotham-Book;
}
/*End Popup Tables*/

/*ButtonSkins*/
.buttonskins {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a39482), color-stop(1, #d14146) );
	background:-moz-linear-gradient( center top, #a39482 5%, #d14146 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a39482', endColorstr='#d14146');
	background-color:#a39482;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #8f2f3a;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	height:30px;
	line-height:30px;
	width:173px;
	text-decoration:none;
	text-align:center;
}
.buttonskins:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d14146), color-stop(1, #a39482) );
	background:-moz-linear-gradient( center top, #d14146 5%, #a39482 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d14146', endColorstr='#a39482');
	background-color:#d14146;
}
.buttonskins:active {
	position:relative;
	top:1px;}
/*END ButtonSkins*/


/*Autocheckin Page Tables*/
.SmallFont {font-size:12px;}
.tdcenter {text-align:center;}

.GuestTableBox 
{
  position: absolute;
  background-color:white;
  width: 425px;
  height: 125px;
  border-radius: 10px;
  box-shadow: 3px 3px 2px black; 
  border: 2px solid Black;
  padding: 0.5em;
}

.GuestDataTableBox {border-collapse:collapse;}

.GuestCheckinTableBox 
{
  position: relative;
  left: 440px;
  height: 125px;
  background-color:white;
  width: 390px;
  border-radius: 10px;
  box-shadow: 3px 3px 2px black; 
  border: 2px solid #CC3E3E;
  padding: 0.5em;
}

.GuesCheckinDataTableBox {border-collapse:collapse;}

.errmsg 
{
  position: relative;
  top: -100px;
  left: 440px;
  width: 390px;
  
  background-color: darkred;
  border-radius: 10px;
  box-shadow: 3px 3px 2px black; 
  border: 2px solid #CC3E3E;
}

.addnotesAUTO 
{
  position: relative;
  top: -200px;
  left: 440px;
  width: 390px;
  
  background-color: white;
  border-radius: 10px;
  box-shadow: 3px 3px 2px black; 
  border: 2px solid #CC3E3E;
}
/*End Auto CheckinPage Tables*/

/*CSS Manual Entry Page Tables*/
.notes {font-size: 10px;}
.tdpxBufferManual {width: 1px; height:30px;}
/*CSS END Manual Entry Page Tables*/



/*CSS global.css, Mostly for Group Checkin*/
.rowRed {background-color: #cc3e3e; color: white;}

.rowRed .TableLayout {
    color: white;
}

.rowGrey {background-color: #d8d0c7; color: black;}
.rowWhite {background-color:Black; color: White;}

.DivGroupReviewGuest
{
    margin: 5px;
    font-family: Gotham-Book;
    position: relative;
    width: 250px;
    border-radius: 10px;
    box-shadow: 3px 3px 2px black;
    border: 2px solid black;
    padding: 10px;
    color: black;
}

.LeftRound 
{
    border-bottom-left-radius: 10px; 
    border-top-left-radius: 10px; 
    padding-left: 10px;
}
.RightRound 
{
    border-bottom-right-radius: 10px; 
    border-top-right-radius: 10px; 
    padding-right: 10px;
}
.Gap 
{
    width: 20px;
}
.LeftRound, .RightRound, .Gap
{
    height: 30px;
    border-bottom: 2px solid white;
}

.DivLeftRound
{
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    padding-left: 10px;
}
.DivRightRound
{
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    padding-right: 10px;
}
.DivGap
{
    width: 20px;
}
.DivLeftRound, .DivRightRound, .DivGap
{
    border-bottom: 2px;
}

.Width175Pixel
{
    width:175px;
}

.Width275Pixel
{
    width:275px;
}

.Width225Pixel
{
    width:225px;
}

/*End CSS Global*/



/*CSS Member -Legacy WTL Membership Pages*/
#wt_member_div_content_container
{
    margin: 0px auto;
    padding: 0;
}


.wt_member_table_content_layout
{
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 3px 3px 2px black;
    border: 2px solid Black;
    padding: 0.5em;
}


.wt_member_table_content_input
{
    border-collapse: collapse;
}


.wt_member_td_px_Grey
{
    background-color: #d8d0c7;
}


.wt_member_td_px_Red
{
    background-color: #CC3E3E;
    color: White;
}


.wt_member_td_vert_Buffer
{
    height: 10px;
}


.wt_member_td_px_Buffer
{
    width: 30px;
    height: 30px;
    text-align: left;
}


.wt_member_td_px_Left
{
    width: 145px;
    height: 30px;
    text-align: right;
    border-bottom: 2px solid white;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}


.wt_member_td_px_Gap
{
    width: 20px;
    height: 30px;
    border-bottom: 2px solid white;
}


.wt_member_td_px_Right
{
    width: 250px;
    height: 30px;
    text-align: left;
    border-bottom: 2px solid white;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}


.wt_member_span_px_notes
{
    font-size: 10px;
}


.wt_member_asp_Button_buttonskin
{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a39482), color-stop(1, #d14146) );
	background:-moz-linear-gradient( center top, #a39482 5%, #d14146 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a39482', endColorstr='#d14146');
	background-color:#a39482;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #8f2f3a;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	height:30px;
	line-height:30px;
	width:173px;
	text-decoration:none;
	text-align:center;
}


.wt_member_asp_Button_buttonskin:hover
{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d14146), color-stop(1, #a39482) );
	background:-moz-linear-gradient( center top, #d14146 5%, #a39482 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d14146', endColorstr='#a39482');
	background-color:#d14146;
}


.wt_member_asp_textbox_notes
{
    font-family:Open Sans;
}


.wt_member_div_px_container
{
    margin:0 auto;
    padding:0;
    width:388px;
    text-align:left;
}
/*END CSS Member -Legacy WTL Membership Pages*/



/* CSS Admin Page / Change Record*/

.GuestTableBoxAdmin 
{
  position: absolute;
  background-color: #fff;
  width: 425px;
  border-radius: 10px;
  box-shadow: 3px 3px 2px black; 
  border: 2px solid Black;
  padding: 0.5em;
}


.cnotes 
{
  position: relative;
  width: 99%;
  background-color: White;
  border-radius: 10px;
  box-shadow: 3px 3px 2px black; 
  border: 2px solid #CC3E3E;
}

.tdleftAdmin {width: 250px; text-align:left; border-bottom: 2px solid white; background-color:#d8d0c7; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
.tdleftRAdmin {width: 250px; text-align:left; background-color:#CC3E3E; color:white;  border-bottom: 2px solid white; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
.notesAdmin {font-size: 10px;}

.GuestCheckinTableBoxAdmin 
{
  position: relative;
  left: 440px;
  height: 75px;
  background-color: #fff;
  width: 390px;
  border-radius: 10px;
  box-shadow: 3px 3px 2px black; 
  border: 2px solid #CC3E3E;
  padding: 0.5em;
}


.GuestCheckinDataTableBoxAdmin {border-collapse:collapse;}

.errmsgadmin 
{
  position: relative;
  top: -225px;
  left: 440px;
  width: 390px;
  
  background-color: darkred;
  border-radius: 10px;
  box-shadow: 3px 3px 2px black; 
  border: 2px solid #CC3E3E;
}


/*End CSS Admin Page /Change Record*/


/*END CSS FROM WTCHECKIN Version 1*/


#bookmark-this {
  padding: 5px 10px;
  background-color: lightgray;
  border: 1px solid darkred;
  border-radius: 4px;
  font-size: 10px;
  font-family:Gotham-Book;
  color: black;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

#bookmark-this:hover {
  background-color: darkred;
  border: 1px solid lightgray;
  color: white;
  text-decoration: none;
}

#bookmark-this:active {
  background-color: #4242ed;
  border: 1px solid #4242ed;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
}







.FadedDiv
{
    background-color: lightblue;
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.50;
}


.processingwaitHidden {
  border-radius: 15px;
  border: 2px solid red;
  display: block;
  position: fixed;
  z-index: 99;
  top: 50%;
  left:50%;
  text-align:center;
  transform: translate(-50%, -50%);
  visibility: hidden;
  font-weight:bold;
  font-size:20px;
  background-color:ghostwhite;
  width: 300px;
  color:red;
}

.processingwaitUNHidden {
    z-index: 99;
    visibility: visible;
}


.hidden { visibility: hidden; }
.unhidden { visibility: visible; }

    /*&&&&&&*/
	/* Top Bar Styling */
	/*&&&&&&*/


	#top-header-bar-container {
		background: rgb(191, 194, 184);
		width: 100%;
		height: 50px;
		color: rgb(255, 255, 255);
		font-size: 18pt;
        
        
         
	}

	#top-header-bar {
		width: 100%;
		height: 50px;
		margin: 0 auto;
		padding: 0;
      
        
	}

    #header {
		position: absolute;
        Right: 0px;
		height: 50px;
		width: 100%;
		background: rgb(255, 255, 255);
		top: 0;
		z-index: 99;
		text-align: center;
		display: block;
		box-shadow: 0 2px 1px;
		-moz-box-shadow: 0 2px 1px;
		-webkit-box-shadow: 0 2px 1px;

	}

     #header-imageAdmin {
		margin: 0 auto;
        width: 360px;  /* 10% smaller */
		padding: 0;
		position: relative;
		top: 42%;
	}

   	#wtl-butler-logo {
		display: block;
		position: relative;
		/* top: -65px; */
		top: -48px;  /* accommodating smaller image size */
		left: 50%;
		transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		/* width: 400px; */
		width: 360px;  /* 10% smaller */
		padding: 0;
		margin: 0;
		/* margin-bottom: -65px; */
		margin-bottom: -58px;  /* accommodating smaller image size */
	}


	/* E&&&&&&&&&&&&& Begin Admin Page Styles&&&&&&&&&&&E */
  
    
 .pulseelement {
 	  animation-name: pulse; 
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-play-state: running; 







      top: 10px;
    margin: 0 auto;
    font-family: Gotham-BoldItalic;
    position: relative;
    background-color: #fff;
    width: 70%;
    border-radius: 5px;
    border: 2px solid black;
    padding: 2px 10px;
    font-size: .4em;


}







@keyframes pulse {
  0% {
    background-color: lightyellow;
  }
  100% {
    background-color: red;
  }
}  
    
    
    
    
    
    
    
    
    
 #mmText {

   display:none;

    }

  table.LogInCenter {
    margin-left:auto; 
    margin-right:auto;
    border-collapse: collapse;
    border-spacing: 0px;
    font-family: Gotham-Light; 
    width:auto;   
  }


 


  table.Cells {
    margin-left:auto; 
    margin-right:auto;
    border-collapse: collapse;
    border-spacing: 0px;
    font-family: Gotham-Light;
  }

  table.Cells td{
     vertical-align: top;
    margin-left: 160px;
}

  table.UserProfileCenter {
    margin-left:auto; 
    margin-right:auto;
    border-collapse: collapse;
    border-spacing: 0px;
    font-family: Gotham-Light;
    width: 650px;
  }


   #footer {
		width: 100%;
		height: 100px;
		position: relative;
		bottom: 0;
		left: 0;
        right:0;
        background: rgb(177, 0, 11);
		/**background: rgb(4, 30, 65);*/
		color: rgb(255, 255, 255);

	}

   #footer > #copyright {
		color: rgb(255, 255, 255);
		text-align: center;
		font-family: Gotham-Medium;
		font-size: 10pt;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		line-height: 22px;
	}

	#footer > #copyright a {
		color: rgb(255, 255, 255);
		text-decoration: underline;
	}

  .DataContentTopBar
{
    top: 10px;
    margin: 0 auto;
    font-family: Gotham-BoldItalic;
    position: relative;
    background-color: #fff;
    width: 70%;
    border-radius: 5px;
    border: 2px solid black;
    padding: 2px 10px;
    font-size: .4em;
}

  .OutsideMainTable
{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}
.LeftTextMenu {text-align: left; font-size:10px}
.LeftText {text-align: left;}
.CenterText {text-align: center;}
.RightText {text-align: right;}

	/*&&&&&&*/
	/* Alert */
	/*&&&&&&*/

	.hide-alert {
		display: none;
	}

	#top-alert-bar-no-mobile {
		/*width: 100%;*/
		/*background-color: rgb(191, 194, 184);*/
		/*color: darkred;*/
        /*font-family: Gotham-Medium;*/
		/*padding: 1rem;*/
        /*z-index:99;*/
        /*position:relative;*/
        /*bottom:0;*/
        /*left:0;*/

        font-family: Gotham-Medium;
        width: 100%;
		height: 50px;
		position: relative;
		bottom: 0;
		left: 0;
        right:0;
        background-color: rgb(191, 194, 184);
        color: darkred;
        


        
	}

	#top-alert-content {
        padding: 5px;
		max-width: 100%;
		width: 100%;
		line-height: 22px;
		font-size: 10px;
        z-index:99;
        height: 50px;
        text-align:center;
	}


/* E&&&&&&&&&&&&& Begin Mobile Admin Page Styles&&&&&&&&&&&E */
@media only screen and (max-width: 480px) {

    .mUserName {
    display:none;
    }


   .remove-mobile {
		display: compact;
	}

   #footer {
            width: 100%;
            height: 100px;
            position: relative;
            bottom: 0;
            left: 0;
            background: rgb(177, 0, 11);
            color: rgb(255, 255, 255);
        }

      	#wtl-butler-logo {
		display: block;
		position: relative;
		/* top: -65px; */
		top: -48px;  /* accommodating smaller image size */
		left: 50%;
		transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		/* width: 400px; */
		width: 360px;  /* 10% smaller */
		padding: 0;
		margin: 0;
		/* margin-bottom: -65px; */
		margin-bottom: -58px;  /* accommodating smaller image size */
           pointer-events: none;
   cursor: default;
	}



     .header-imageAdmin {
		position:relative;
         width:60%;
	top:40px;
	}


.menu-btn div {
	position: absolute;
	left: 100%;
	top: 64%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}

.menu-btn span {
	display: block;
	width: 40px;
	height: 3px;
	margin: 4px 0;
	background: rgb(0,0,0);
	z-index: 99;
}

    #mmText {
    position:absolute;
    left:55px;
   
   display:inline;
   font-family:Gotham-Bold;
   border:1px medium;
    }

.responsive-menu{
  display: none;
}

.expand {
display: block !important; 
}

    #nav-bar-container {
        width: 100%;
      
        position: relative;
      
     
        transition: all 300ms ease;
        background: rgb(169, 169, 169);
    }

        #nav-bar {
        position: fixed;
        top:185px;
        left: 0px;
        width: 100%;
        min-height: 100%;
        background: lightgray;
        font-family: Gotham-Light;
        text-align: center;
        z-index:999;
    }

    nav {
        display: block;
    }

            nav ul ul {
            display: none;
        }

                    nav ul {
            background: rgb(255, 255, 255);
            margin: 0;
            left:-21px;
            list-style: none;
            position: relative;
            display: inline-table;
            font-size: 1em;
            font-family: Gotham-Bold;
        }
            nav ul li {
                float: left;
                border-bottom: 1px solid rgb(169, 160, 157);
                border-top: 1px solid rgb(255, 255, 255);
                background: rgb(235, 235, 235);
                color: rgb(69, 62, 61);
                width: 100%;

                font-family: Gotham-Medium;
            }

                nav ul li a {
                    display: block;
                    padding: 0px 10px;
                    color: rgb(69, 62, 61);
                    text-decoration: none;
                    font-family: Gotham-Medium;
                }

                            nav ul li ul {
                position:relative;
                   margin:0;
                   left:20%;
                  width:225px;
                   
                    border-top: 1px solid rgb(255, 255, 255);             
                
                border-top: 1px solid rgb(255, 255, 255);
                background-color:  rgb(235, 235, 235);
                color: red;
               text-align:center;
                font-family: Gotham-Medium;
            }

                nav ul li ul li {
                    background-color: lightcoral;
                }

}

/* E&&&&&&&&&&&&& Begin Iphone6 Admin Page Styles&&&&&&&&&&&E */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (width : 667px) and (height : 375px) and (orientation : landscape) {
    #footer {
        width: 100%;
        height: 100px;
        position: relative;
        bottom: 0;
        left: 0;
        background: rgb(177, 0, 11);
        color: rgb(255, 255, 255);
    }
}

/* E&&&&&&&&&&&&& Begin Menu Admin Page Styles&&&&&&&&&&&E */
#nav-bar-container {
		background: rgb(255, 255, 255);
		width:100%;
	}

	#nav-bar {
		font-family: Gotham-Light;
		width: 100%;
		margin: 0 auto;
		text-align: center;
        
	}

	nav {
		display: inline-block;
		padding: 10px 0;
		/*
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);*/
	}


	/* Horizontal Navigation Menu Styling */


   #FacDDSpan {
        
		display: block;
		padding: 8px 5px;

	}


	nav ul ul {
		display: none;
	}

	nav ul li:hover > ul {
		display: block;
	}
       
	nav ul {
		background: rgb(255, 255, 255);
		padding: 0 20px;
		margin: 0;
		list-style: none;
		position: relative;
		display: inline-table;
		/* font-size: 12pt; */
		font-size: 11pt;  /* reduced to allow home button to fit. */
		font-family: Gotham-Medium;
	}

	nav ul:after {

		content: "";
		clear: both;
		display: block;
	}

	nav ul li {
		float: left;
		border-bottom: 1px solid rgb(255, 255, 255);
		border-right: 1px solid rgb(255, 255, 255);
		border-left: 1px solid rgb(255, 255, 255);
	}
  
    
    nav ul li:hover {
		background: rgb(235, 235, 235);
		border-bottom: 1px solid rgb(169, 160, 157);
		border-right: 1px solid rgb(169, 160, 157);
	}

	nav ul li:hover a {
		color: rgb(69, 62, 61);
	}

	nav ul li a {
        
		display: block;
		padding: 10px 10px;
		color: rgb(69, 62, 61);
		text-decoration: none;
	}

	nav ul ul {
		background: rgb(235, 235, 235);
		padding: 0;
		position: absolute;
		top: 100%;
		/* font-size: 8pt; */
		font-size: 9pt;  /* increased because large font size difference threw user off. */
		z-index: 100;
	}

	nav ul ul li {
		float: none;
		border-top: 1px solid rgb(255, 255, 255);
		border-left: 1px solid rgb(255, 255, 255);
		border-bottom: 1px solid rgb(169, 160, 157);
		border-right: 1px solid rgb(169, 160, 157);
		position: relative;
	}

	nav ul ul li a {

		padding: 10px 10px;
		width: 200px;
		color: rgb(69, 62, 61);
	}

	nav ul ul li:hover {
		background: rgb(169, 160, 157);
		color: rgb(125, 30, 55);
		border-bottom: 1px solid rgb(69, 62, 61);
		border-right: 1px solid rgb(69, 62, 61);
		font-family: Gotham-Bold;
	}

	nav ul ul li a:hover {
		color: rgb(125, 30, 55);
	}

	nav ul ul ul {
		position: absolute;
		left: 100%;
		top: 0;
	}



.PopUpTitle {text-align:center;}
.tableBorderCollapsePU {border-collapse:collapse;}


.StatusPanelGreen
{
    margin: 0 auto;
    border: 3px solid green;
    box-shadow: 3px 3px 2px black;
    color: Green;
    width: 250px;
    text-align: center;
}



.StatusPanelRed
{
    margin: 0 auto;
    border: 3px solid red;
    box-shadow: 3px 3px 2px black;
    color: Red;
    width: 250px;
    text-align: center;
}

.DivRoundedBorderBlack
{
    font-family: Gotham-Light; 
    margin: 0 auto;
    position: relative;
    border-radius: 10px;
    box-shadow: 3px 3px 2px black;
    border: 2px solid black;
    padding: 10px;
    color: Black !important;
    top: 1px;
    left: -2px;
}



.DivRoundedBorderRed
{
    margin: 0 auto;
    font-family: Open Sans;
    position: relative;
    border-radius: 10px;
    box-shadow: 3px 3px 2px black;
    border: 2px solid red;
    padding: 10px;
    color: Black !important;
}

.TableLayout
{
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}


.TableLayoutCentered
{
    margin: 0 auto;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.CenteredElement
{
    margin: 0 auto;
}

.Width350Pixel
{
    width: 350px;
}

.Width100Percent
{
    width: 100%;
}

.Width450Pixel
{
    width: 450px;
}



.Width100Pixel
{
    width: 100px;
}



.Width150Pixel
{
    width: 150px;
}

.Height30Pixel
{
    height: 30px;
}