/* 
    Document   : frontend css
    Created on : Sep 29, 2013, 7:09:37 PM
    Author     : B
    Description:
        Front-end Style Sheet for ticket sales
*/

.wrap{
    /*background-color: white;*/
    padding: 10px;
}

.clear-cart{
    /*background-color: white;*/
    padding-top: 10px;
    padding-left: 10px;
}

#timer{
    /*background-color: white;*/
    padding-left: 10px;
}

.wrap h3{
    padding-top: 15px;
}

.wrap table{
    width: 100%;
}

.wrap table thead{
    font-weight: bold;
    font-size: 1.3em;
    /*background-color: #f0f0f0;*/
}

.wrap table tbody tr{
    border-bottom: 1px solid gray;
}

.wrap table tbody tr td{
    padding-top: 0;
    margin-top: 0;
}

.wrap .button{
    background-color: gray;
    border: 1px solid gray;
    color: black;
    text-shadow: none;
}

.wrap .button-primary{
    background-color: cyan;
    
}

.wrap .button-primary:hover{
    background-color: cyan;
    border: 1px solid white;
}

.wrap select{
    display: inline;
    width: 8em;
}

.wrap input{
    color: black;
}

.wrap input.small{
    width: 50px;
    display: inline;
    padding: 0;
}

.wrap legend{
    color: white;
}

@media (min-width: 768px){
	.wrap .venueinfo img{
		float: left;
		margin-right: 10px;
	}

}

.wrap td.day-event{
    background-color: green;
    color: white;
}

.wrap table.calendar{ 
    border-left:1px solid #999;
    border-right:1px solid #999;

}
.wrap td.calendar-day{ 
    min-height:80px; 
    position:relative; 
} 

* html .wrap div.calendar-day{
    height:80px; 
}

.wrap td.calendar-day-np{
    background:#eee;
    min-height:80px; 
} 

* html .wrap div.calendar-day-np{ 
    height:80px; 
}

.wrap td.calendar-day-head{ 
    background:#ccc; 
    font-weight:bold; 
    text-align:center; 
    width:120px; 
    padding:5px; 
    border-bottom:1px solid #999; 
    border-top:1px solid #999; 
    border-right:1px solid #999; 
}

.wrap div.day-number{
    background:#999; 
    color:#fff; 
    font-weight:bold; 
    float:right; 
    width:20px; 
    text-align:center; 

}

.wrap div.day-number a{
    color: white;
    font-weight: bolder;
}

/* shared */
.wrap td.calendar-day, .wrap td.calendar-day-np{
    width:120px; 
    border-bottom:1px solid #999; 
    border-right:1px solid #999; 
}


/* Mobile Layout */
.ui-mobile .ui-mobile-viewport div.ui-input-text input.ui-input-text{
    background: white;
}