#loginbutton {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

#showButton {
   # background-color: #4CAF50; /* Green */
    border: none;
    color: white;
	font-family:arial, sans-serif;
	font-weight:bold;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;

}
#searchReturn{
	width: 300px;
    border: 0px solid black;
    margin: auto;
    font-size: 80%;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px;
    background-color: white;
    color: blue;
    text-align: center;	
	}

#searchReturn a{ text-decoration:none; }	
#searchReturn a:link{ color:blue; }
#searchReturn a:visited{ color:blue; }

html{
	height: 100%;
	margin: 0;
	padding: 0;
}
body{
	font-family:arial, sans serif;
	font-size:16px;
	text-align:center;
	color:gray;
	height: 100%;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
}
.homePageEvent{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:60px;
}

.homePageVenue{
	font-size:18px;
	font-weight:bold;
	margin-top:10px;
}
.homePageVenueAddress{
	font-size:15px;	
}
.homePageEventEndDate{
	font-size:15px;	
	margin-top:5px;
}
#homePageParent{
	border:0px solid green;
	width:100%;
	flex: 1 0 auto;
}
.homePageShowListing{
	margin-bottom:20px; 
	border-bottom:1px solid grey; 
	padding-bottom:20px;
	margin:auto;
	width:300px;
	text-align:center;
}
#showDetailDescription{
	margin:auto;
 	width:300px;
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
}
#showDetailVenueName{
	font-weight:bold;
	font-size:20px;
	margin-top:10px;
}
#showDetailVenueAddress{
	 margin-bottom:10px;
 }
 #showDetailPhoneWeb{
	 margin-top:10px;
	 margin-bottom:20px;
 }
 
#searchinput{
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
font-size:20px;
line-height:25px;
padding-left:16px;
margin-top:9px;
margin-bottom:9px;
max-width:50%;
	margin-left:2%;
width:100px;
	  
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: green;
padding:10px;  
}
::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
:-moz-placeholder { /* Firefox 18- */
  color: pink;
}

}
#searchinput:focus{
    outline: none;
}

form{
	margin-bottom: 0;
	
}
#ownerName{
	margin:auto;
	width:300px;
	text-align:center;
	font-weight:bold;
	margin-top:20px;
	font-size:20px;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #4CAF50;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

#eventUpdate{
	margin-left:20%;
	margin-top:20px;
}

#eventUpdate input{
	font-size:18px;
	color:grey;
	line-height: 35px; 
	width: 250px;
	padding-left:10px;
}
#eventUpdate textarea{
	font-size:18px;
	color:grey;
	width: 75%;
	padding-left:10px;
}


/* Add a black background color to the top navigation */
.topnav {
    background-color: #000;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    flex-shrink: 0;
    z-index: 1000;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 17px 10px;
    text-decoration: none;
    font-size: 16px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add an active class to highlight the current page */
.active {
    background-color: #b5413d;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

#loginbutton {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.fa-caret-down { color: #fff; font-size: 20px;}

#checkOutSelectCountry{
	
}
 
#checkOutButton {
    background-color: #b5413d;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	width:200px;
} 
.pageWrapper{
	 border:0px solid red;
	 
}

.pageContainer{
	margin-top:10px;
	border:0px solid green;
	width:280px;
	margin:0 auto;
 
}
#descriptionHeader{
	text-align:center;
	border-bottom:1px solid gray;
	width: 300px;
    margin: auto;
    padding: 10px;
	margin-bottom:20px;
}
#showTitle{
	font-weight:bold;
	margin-top:10px;
	font-size:20px;
	color:black;
}
#checkoutQuestions{
	margin:10px;
}
#donationRequest{
	margin:10px;
	font-size:14px;
	border:1px solid gray;
	background-color:yellow;
	margin:auto;
	margin-bottom:10px;
}
#donationCheckoutMessage{
	margin:10px;
	border:0px solid green;
	font-sige:14px;
	margin:auto;
	padding-top:10px;
	text-align:left;
	padding:10px;
	color:black;
}
#donationCheckoutAmountLabel{
	margin:10px;
	font-weight:bold;
	color:black;
}
#donationCheckoutAmountInput input{
	font-size:18px;
	color:grey;
	line-height: 35px; 
	width: 100px;
	padding-left:10px;
	margin:5px;
}
#cartEvent{
	font-weight:bold;
	margin-top:10px;
	padding:10px;
}
#cartEventDate{
	font-weight:bold;
	margin-bottom:5px;
	color:black;
}
#plusLink{
	text-decoration:none;
}
#tot{
#	line-height:30px;
	font-size:25;
	padding:7px;
	width:33px;
}
#codeLink{
	border:0px solid blue;
	padding:10px;
	text-align:right;
	width:209px;
	margin:0 auto;
	 
}
#event{
	font-size:15px;
	margin:5px;
	
}
#showDate{
	font-size:15px;
	margin:5px;
	font-weight:bold;
}
#seats{
	font-size:15px;
	margin:5px;
}
#price{
	font-size:15px;
	display: inline-block;
	margin-left:10px;
	margin-right:10px;
	border:0px solid red;
 
}
.checkoutZip{
	display: inline-block;

}
.checkoutCountry{
	display: inline-block;
}
.checkoutPhoneLocation{
	display: inline-block;
	margin-left:0px;
	margin-right:0px;
	border:0px solid blue;
}
.checkoutPhone{
	display: inline-block;
	margin-left:0px;
	margin-right:0px;
	align:left;
	border:0px solid blue;
}
#codeBox{
	margin-bottom:10px;
}
#tcode{
font-size:18px;
	color:grey;
	line-height: 35px; 
	width: 250px;
	padding-left:10px;
	margin-top:5px;
}

#seatingChartTable{
	border:0px solid black;
	border-collapse:collapse;
	 table-layout:fixed;
width: 100%;
;
	 
}
#seatingChartTable td{
	border:0px solid black;	
}

.calAvailablePerformanceDate{
	padding:3px; 
	border:0px solid blue;
	font-size:10px;
	color:blue;
	font-weight:bold;
	 
}
.calAvailablePerformanceDateLink {
	text-decoration:none;
}
.calAvailablePerformanceDateLink visited{
	color:blue;
}	
#resCal{
	border-collapse:collapse;
	width: 90%;
	table-layout: fixed;
}
#resCal th{
	border:1px solid gray;
}
#resCal td{
	border:1px solid gray;
	height:30px;
	font-size:8px;
}
#resCalHeader{
	width:100%;
	border-left:1px solid gray;
	border-top:1px solid gray;
	border-right:1px solid gray;	
	border-collapse:collapse;
	
}
#resCalHeader #date{
	font-weight:bold;
	text-align: center;
    font-size: 20px;
	padding:3px;
	width:100%
	
}
#resCalHeader #right{
	text-align:right;
	width:20%;
 
}

#resCalHeader #left{
	text-align:left;
	width:20%;
 
}
#back{
	display: inline-block;
	margin-right:50px;
 
}
#event{
	display: inline-block;
	font-size:17px;
	text-align:center;
	margin-top:10px;

}
#next{
	display: inline-block;
	margin-left:50px;
 
}
#showTime{
	font-size:18px;
	margin: 5px;
    font-weight: bold;
    color: black;
}
#add{
	font-size:16px;
	margin:10px;
	text-align:center;
}
 
.prices{
	display: inline-block;
	margin-left:10px;
	margin-right:10px;
	font-size:25px;
	text-align:right;
	border:0px solid green;
}
#allPrices{
	border:0px solid blue;
	margin:20px;
}
#showDescription{
	
	padding:10px;
	font-size:15px;
	text-align:left;
	width:300px;
	margin:auto;
}
 
#ticket{
	text-align:left;
}
#priceButtons{
	margin-top:10px;
}
#priceButton{
	display: inline-block;
	margin-left:1px;
	margin-right:1px;
	font-size:14px;
	margin-bottom:10px;
}
 
.plusMinus{
	display: inline-block;
	margin-left:10px;
	margin-right:10px;
	border:0px solid green;
}
.numTixInput{
	
	width: 45px;
	text-align: center;
	line-height: 38px;
	font-size: 25px;
	padding: 0px;
	vertical-align: bottom;
	
}
#priceNamePrice{
	font-size:20px;
	margin-top:10px;
 

}
#plusMinusParent{
	border-bottom:1px solid gray;
	padding:5px;
}
#ticketDeliveryLabel{
	margin: 10px;
    font-weight: bold;
    border-top: 1px solid gray;
	padding:10px;
}
#printOrderTotal{
	margin:10px;
}
#userOrderHistory{
	border:1px solid gray;
	border-collapse:collapse;
	padding:5px;
	margin:auto;
	align:center;
}
#userOrderHistory td{
	border:0px solid gray;
	padding:5px;
	text-align:right;
	
}
#familyPassCheckoutForm{
	margin:auto;
}
#cartVenueInfo{
	margin:20px;
}

#myContact{
	text-align: left;
	padding-left: 65px;
	margin-top: 10px;
}

#checkoutQuestions select{
 	border: 1px solid #ccc;
	color:grey;
	font-size: 18px;
	padding:7px;
	width:263px; 
}

#cartCart select{
	font-size: 14px;
	padding:10px;
}

#checkoutInput{
	border:0px solid green;
}
#checkoutInput input {
	font-size:18px;
	color:grey;
	line-height: 35px; 
	width: 250px;
	padding-left:10px;
}
#checkoutInput select {
 	border: 1px solid #ccc;
	color:grey;
	font-size: 18px;
	padding:7px;
	width:263px; 
}

#familyPassCheckoutForm select {
 
	border: 1px solid #ccc;
	color:grey;
	font-size: 18px;
	padding:7px;
	width:263px;
  
}
#familyPassCheckoutForm input {
			 
	font-size:18px;
	color:grey;
	line-height: 35px; 
	width: 250px;
	padding-left:10px;
}

#vtcologin input{
	font-size:18px;
	color:grey;
	line-height: 35px; 
	width: 250px;
	padding-left:10px;
	margin:10px;
	
}
#vtcologin2 input{
	font-size:18px;
	color:grey;
	line-height: 35px; 
	width: 250px;
	padding-left:10px;
	margin-top:5px; 
	
}
#sendPassLink{
	border:0px solid black;
	padding:10px;
	font-size:15px;
}

#updatePassword input{
	font-size:18px;
	color:grey;
	line-height: 35px; 
	width: 250px;
	padding-left:10px;
	margin-top:5px;
}
#totCartTicCount{
	border:0px solid red;
	margin-top:10px;
	padding:10px;
	color:black;
	font-weight:bold;
}

#purchaseStatementReview{
	margin:10px;
	color:black;
}

#purchaseStatementReview #processor{
	color:black;
	font-weight:bold;
	padding:5px;
}
#orderReviewCheckMessage{
	text-align:center;
	margin-top:10px;
	font-weight:bold;
}

#orderReviewPriceBlock{
	text-align:right;
}

#eticket #top{
	padding:5px;
}

#eticket #familyPass{
	padding:5px;
}

#eticket #client{
	padding:5px;
}

#eticket #order{
	padding:5px;
}

#eticket #bottom{
	padding:5px;
}

#eticket #loginInfo{
	padding:5px;
	text-align:left;
}

#eticket #address{
	padding:5px;
}

#eticket #ccProcessor{
	padding:5px;
}

#eticket #processor{
	font-weight:bold;
	color:black;
	padding:5px;
}

#eticket #bottomHome{
	padding:5px;
}
#familypassCheckoutMessage{
	text-align:left;
	color:black;
	margin-left:10px;
}
#familypassCheckoutName{
	text-align:left;
	color:black;
	margin-left:10px;
}

#co input{
	font-size:18px;
	color:#000;
	line-height: 35px; 
	width: 250px;
	padding-left:10px;
	margin-top:5px;
}
#co input[type="radio"]{
	 
	width:15px;
}
#newaccountButton{
	margin-top: 10px;

}
.cmxform input{
	font-size:18px;
	color:grey;
	line-height: 35px; 
	width: 250px;
	padding-left:10px;
	margin-top:5px;
}
.otherAnswer input{
	font-size:18px;
	color:grey;
	line-height: 35px; 
	width: 250px;
	padding-left:10px;
	margin-top:5px;
}
.mylinks{
	margin-top:10px;
}
.tmessage{
	margin:10px;
}
.footer{
  flex-shrink: 0;
}