/* CUSTOM GOOGLE FONT - "Play" */
@import url(http://fonts.googleapis.com/css?family=Play);

/* Base Styles */
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
body {
    background-color: #fff;
    color: #333333;
    font-family: 'Play', Arial,sans-serif;
    margin: 0;
    padding: 0;
}


.body-wrap {
   min-height:100%;
   position:relative;
}

.full-wrap {
   padding-bottom:155px;   /* Height of the footer */
}

/* Show-Specific colors and styles */
h1 {color:#38596c;}

    h1.serviceCenter
    {
        font-size:3.5em;
        color:#7591c2;
        text-align:center;
        text-shadow:1px 0px 2px #ccc;

    }

/* Template settings/elements */
hr {margin:10px 0;}

img {border:none; padding:0px;}

.bggrey{background:#f1f1f1;}
.noborder{border-style:none;}

.clearboth{clear: both;margin:0; padding:0;}

/* FONT SIZES */
.xsmall{font-size:10px;}
.small{font-size:12px;}
.medium{font-size:14px;}
.large {font-size:16px;}
.larger{font-size:20px;}
.xlarge{font-size:30px;}

/* Colors & Fonts */
.black {color:#000000;}
.red {color:#da293d;}
.grey {color:#999;}
.green {color:#7fb555;}
.blue {color:#025696;}
.lightblue{color:#2da3bd;}
.darkgreen{color:#060;}
.white{color:#fff;}
.italic{font-style:italic;}
.bold {font-weight:bold;}


/* Inner Container  */

.inner-wrap
{
    background-color:#fff; 
    padding:10px;
}


/* Badge Preview Styles */
.badgepreview{
border:1px solid #666; 
border-radius:5px;
background:url(../img/badge-preview.png) no-repeat; 
padding:80px 10px 10px 10px;
min-height:100px; 
width:380px;
text-align:center;
}

.badgepreview ul{font-size:20px; padding:0; margin-left:0;}

.badgepreview ul li {list-style-type:none;}


.badgepreview .ID{
	position:relative;
	margin-left: 325px;
	margin-top: 0px;
	font-weight:bold;
}

/* CUSTOM BOOTSTRAP 3 Additions or tweaks */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.alert-container {
    position: absolute;
    display: block;
    width: 300px;
    left: 10px;
    top: 10px;
}
.fastpassalert {
    box-shadow: 0px 0px 12px #999;
    z-index:3;
    background:#3753a4;
    color:#fff;
    text-shadow:none;
    width:100%;
    margin-bottom:10px;
    position:relative;
  top:0;
}

.rbalert {
    width:100%;
    box-shadow: 0px 0px 12px #999;
    z-index: 3;
    background:#b5d459;
    color:#fff;
    text-shadow:none;
    -webkit-transition: opacity 1.5s ease-in-out;
  -moz-transition: opacity 1.5s ease-in-out;
  -o-transition: opacity 1.5s ease-in-out;
  transition: opacity 1.5s ease-in-out;
  
}

.fastpassalert h4, .rbalert h4 {
    color: #fff;
}

.fastpassalert a, .rbalert a {
    color: #f1f1f1;
    text-decoration: underline;
}

.nav-list {
    padding-left: 0px;
    padding-right: 0px;
    border:1px solid #ccc;
    padding:0 10px;
}

    .nav-list li.nav-header {
        background: #ccc;
        color: #666;
        font-size: 14px;
        padding:10px;
        margin-left:-10px;
        margin-right:-10px;
        margin-top:0px;
    }
    .nav-list li a {
        padding: 15px 10px;
        margin-left:-10px;
        margin-right:-10px;
    }

.panel {
  padding: 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
  padding: 10px 15px;
  margin: -15px -15px 15px;
  font-size: 17.5px;
  font-weight: 500;      
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-footer {
  padding: 10px 15px;
  margin: 15px -15px -15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-warning {
  border-color: #fbeed5;
}

.panel-warning .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.panel-danger {
  border-color: #eed3d7;
}

.panel-danger .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

/* ATTENDEE SERVICE CENTER STYLES */

.btn-largeblock, .btn-block.btn-info {
    background-color: #f1f1f1;
    background-image: linear-gradient(to bottom, #cccccc, #f1f1f1);
    background-repeat: repeat-x;
    border: 1px solid #999;
    color: #38596c;
    margin-bottom: 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn {
    font-weight: bold;
}

.btn-largeblock:hover, .btn-largeblock:active, .btn-largeblock:focus
{
    background:#f1f1f1;
    transition:none;
    background-image:none;
    color:#333;
}


/* Footer Styles */	
.footer { 
    position:absolute;
    bottom:0;
    width:100%;
    height:120px;   /* Height of the footer */
    background-color: #fff;
    padding:10px 0;
    background: #383c44;
    border-top: 5px solid #111;
    color: #fff;
    }
    
.footer a 
{
    color:#52d2ff;
    text-decoration:underline;
}

.footer a:hover
{
    text-decoration:none;
}



/*EMAIL CLASSES*/
.emailcontainer{width:680px;text-align: left; margin: 0 auto; background-color:#fff; }
.emailheader { 
	width:680px;
	background:#fff url(images/ACC_emailbanner.jpg) no-repeat;
	text-align:center;
	height:106px;
	}
.emailcolumn{
	width:290px;
	float:left;
}
.emailvertdividerbg{background:#fff url(images/vertdivider.jpg) repeat-y center;}

.emailrightcolumn{
	width:280px;
	float:right;
}

/* Set the Cancellation Policy / Terms and Conditions to full screen for printing purposes only */
@media print {
    .printDiv {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }
}