﻿/* DEFAULTS
----------------------------------------------------------*/



#selectable .ui-selecting { background: #FECA40; }
    #selectable .ui-selected { background: #F39814; color: white; }
		.zoomIcon { 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			background:url(Images/icon.png);
		}
		.zoom {
			display:inline-block;
			position:relative;
			border:4px solid #666;
			margin-left:12px;
		}
		.zoom img {
			display: block;
			
		}
		#ex1 img:hover { cursor:url(Images/magnifyGlass.gif), url(Images/magnify.cur), default; }
		.zoom img::selection { background-color: transparent; }
.toolTable td
{
    text-align:left;
    padding:3px 0;
}
.ttHeading td span
{
 font-size:1.25em;
 font-weight:bold;   
}
input[type=submit]{ 
    position:relative;
	padding: 6px 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(scripts/PIE.htc);
	border:none;
	outline: 0;
	background-color:#cc2d2d;
	font-weight: normal ;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:7px;
	cursor:pointer;

	}
	
input[type=submit]:hover{
 	background-color:#bc3d0b;
}
input[disabled] { 
	color:#cacaca;
	background-color:#fbc3b0;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
	}

.clearfix {
    display: inline-block;
	}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.fullWidth 
{
  width:100%;  
}

/* Default.aspx DIV SETTINGS
----------------------------------------------------------*/
.btnMonth{
float:right;
padding: 6px 6px 0 0;
}
.btn5 {
padding: 10px 10px 0 10px;
display:inline-block;
width:98%;
}
.GridTitle{
background-color:#5d5b5c;
color:#fff;
border:solid 0.75px;
}
.GridTitle th
{
font-weight: bold;
height:20px;
}
fieldset
{
border:  solid 0.75px;
padding:    5px;
}

#DefaultDayHeader 
{
  width:950px;
margin:0 auto;  
color:#fff;
font-weight:bold;
background-color:#666;

padding: 12px 5px;

}

#DefaultWrap {
width:960px;
margin:0 auto;
background:#000;

}
#DefaultWrap span.date{
display:inline-block;
color:#fff;
font-weight:bold;
padding:0 0 4px 4px;
}

#DefaultMain {
float:left;
width:950px;
background:#f8f8f8;
padding: 2px 2px 2px 2px;
border:3px #ccc;
border-style: none solid solid solid;
}

#DefaultSidebar {
float:left;
width:200px;
background:#fff;
}
.CalTitle{
/*background-color:#496d55;*/
color:#000;
font-weight:bold;
font-size:18px;
height:20px;

}
.CalTitle tr td a:link{
color:#fff;
}
.otherMonthDay{
background-color:#eaeaea;
color:#ccc;
vertical-align:top;
text-align:left;
border:2px solid #d3d3d3;
}
.dayHeaderStyle{
background-color:#404040;
color:#fff;
}
.dayStyle
{
background:#fff url(images/dayBkgd.jpg) repeat-x bottom;
text-align:left;
border:2px solid #eeeeee;
/*border-color:#eeeeee #eeeeee #eeeeee #eeeeee;*/
vertical-align:top;
padding:4px;
height:100px;
display:table-cell;
}


/* SeatSelection.aspx DIV SETTINGS
----------------------------------------------------------*/
.outerBkgd{
margin:0 auto;
background-color:#f8f8f8;
width:948px;
border:6px solid #fff;

}
.whiteText{
color:#373737;
font-weight:bold;
}

#SeatSelectionWrap {
width:936px;
margin:0 auto;
/*background:#fff;*/
}

.SeatSelectionRight {
float:left;
width:430px;
background:#fff;
}

.SeatSelectionLeft {
float:left;
width:446px;
background:#f8f8f8;
padding: 2px 2px 2px 2px;
}

#SeatSelectionSelectedSeatsLeft 
{
    float:left;
    width: 100%;
}

/* show status SETTINGS
----------------------------------------------------------*/
a.normalShowStatus
{
    margin-top:4px;
    color:#414e54;
    text-decoration:none;
    font-weight:bold;
    padding:5px;
    background:#e1e0e0 url(images/normalStatusBkgd.jpg) repeat-x top;  
    width:112px; 
    display:block;
    border: 1px solid #c8c8c8;
 	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#000;
}
a.limitedShowStatus
{
    background:#e1e0e0 url(images/limitedBkgd.jpg) repeat-x top;
    color: #0000FF;
}
a.soldOutShowStatus
{
    background:#e1e0e0 url(images/soldOutBkgd.jpg) repeat-x top;
    color: #000000;
}

#SiteMap img
{
    position: absolute;
}
.dot
{
     position: absolute;
     left: 20px;
     top: 20px;
}

#process {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 4;
}
#countdown1, #countdown2
{
 font-size:16px;
 font-weight:bold;   
}