﻿body, h1, h2, h3, h4, h5, h6, input, td, th, p, li {
	font-family: 'Open Sans', Verdana;
	font-size: 14px;
	line-height: 175%;
	color: #141414;
}

div {
	display: block;
}

h1, h2, h3, h4, h5, h6, h7 {
	margin-top: 0;
	line-height: 125%;
}

.h2 {
	margin-top: 0;
	line-height: 125%;
	font-size: 13px;
	font-weight: bold;
}
h2.underline {
	border-bottom:1px solid gray;
}
p {
	line-height: 125%;
	margin: 15px 0;
}

blockquote {
	margin: 0 0 20px 0;
	background: #efefef;
	border: 1px solid #ccc;
	padding: 3%;
}

	blockquote p {
		margin: 0 0 20px 0;
		font-style: italic;
	}

	blockquote span.signature {
		float: right;
	}

hr {
	margin: 30px -10px;
	border: none;
	border-top: 1px #ccc solid;
	height: 1px;
}

.divider {
	width: 100%;
	clear: both;
	margin: 15px 0;
	border-bottom: solid 1px #535353;
	display: inline-block;
}

a {
	color: #141414;
	text-decoration: none;
}

.innerContent a {
	color: #801515;
}
/*  Buttons  */
.FY18_button {  
  color: #000 !important;
  padding: 7px 10px;
  border: 1px solid #000;   
  font-size: 18px;
  font-weight: 700;  
  text-transform: capitalize;
  margin-bottom:10px; 
  display: inline-block;
  cursor: pointer;
}
.FY18_button:hover {
  color: #ccc !important;
}
.FY18_button_2 {  
  color: #000 !important;
  background:#fff;
  padding: 7px 10px;
  border: 1px solid #000;   
  font-size: 18px;
  font-weight: 700;  
  text-transform: capitalize; 
  margin-bottom:10px; 
  display: inline-block;
  cursor: pointer;
}
.FY18_button_2:hover {
  color: #ccc !important;
}

.FY18_button_2_sm {  
  color: #000 !important;
  background:#fff;
  padding: 5px 8px;
  border: 1px solid #000;   
  font-size: 14px;
  font-weight: 700;  
  text-transform: capitalize; 
  margin-bottom:10px; 
  display: inline-block;
  cursor: pointer;
}
.FY18_button_2_sm:hover {
  color: #ccc !important;
}

.button {  
  color: #000 !important;
  background:#fff;
  padding: 5px 8px;
  border: 1px solid #000;   
  font-size: 14px;
  font-weight: 700;  
  text-transform: capitalize; 
  margin-bottom:10px; 
  display: inline-block;
  cursor: pointer;
}
.button:disabled {  
  color: #ccc !important; 
  border: 1px solid #ccc;    
}
.button:hover {
  color: #ccc !important;
}
.buttonClicked {
	background-image: none;
	background-color: transparent;
	background: none !important;
	border: none;
	
	font-weight: bold;
	cursor: wait;
}

.buttonRed {
	color: #fff !important;
	background: #c01515;
	border: 1px solid #000; /* for non-css3 browsers */
	padding: 3px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-ms-behavior: url(/Includes/CSS/PIE.htc);
	behavior: url(/Includes/CSS/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c01515', endColorstr='#801515'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#c01515), to(#801515)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #c01515, #801515); /* for firefox 3.6+ */
}

.buttonRed:hover {
	color: #fff;
		cursor: pointer;
		border: 1px solid #000;
		background: #c01515; /* for non-css3 browsers */
		padding: 3px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-ms-behavior: url(/Includes/CSS/PIE.htc);
	behavior: url(/Includes/CSS/PIE.htc);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#801515', endColorstr='#c01515'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#801515), to(#c01515)); /* for webkit browsers */
		background: -moz-linear-gradient(top, #801515, #c01515); /* for firefox 3.6+ */
}

.button14 {
	color: #000 !important;
	background: #eaf6f4;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	padding: 3px 20px;
	border: 1px solid #ccc; /* for non-css3 browsers */
	padding: 3px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-ms-behavior: url(/Includes/CSS/PIE.htc);
	behavior: url(/Includes/CSS/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#dde9e7'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dde9e7)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #fcfcfc, #dde9e7); /* for firefox 3.6+ */
}

.button14:hover {
	color: #000;
		cursor: pointer;
		border: 1px solid #ccc;
		background: #eaf6f4; /* for non-css3 browsers */
		padding: 3px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-ms-behavior: url(/Includes/CSS/PIE.htc);
	behavior: url(/Includes/CSS/PIE.htc);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dde9e7', endColorstr='#fcfcfc'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#dde9e7), to(#fcfcfc)); /* for webkit browsers */
		background: -moz-linear-gradient(top, #dde9e7, #fcfcfc); /* for firefox 3.6+ */
}
.btn17, .btn17.nohover:hover {
  background: #fed954;
  background-image: -webkit-linear-gradient(top, #fed954, #e4bc27);
  background-image: -moz-linear-gradient(top, #fed954, #e4bc27);
  background-image: -ms-linear-gradient(top, #fed954, #e4bc27);
  background-image: -o-linear-gradient(top, #fed954, #e4bc27);
  background-image: linear-gradient(to bottom, #fed954, #e4bc27);
   -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 1px 2px 14px #2a240d;
  -moz-box-shadow: 1px 2px 14px #2a240d;
  box-shadow: 1px 2px 14px #2a240d;
  font-family: 'Oswald', sans-serif;
  color: #000 !important;
  font-weight:400;
  font-size: 14px;
  padding: 3px 10px 3px 10px;
  text-decoration: none;
  letter-spacing: 2px;
  display: inline-block;
}
	.btn17.disabled,.btn17.disabled:hover, .btn17_2.disabled,.btn17_2.disabled:hover {
		  background: #ccc;
		  background-image: none;
		  color: #999 !important;
		  cursor:not-allowed;
	}
.btn17:hover {
  background: #701864;
  background-image: -webkit-linear-gradient(top, #701864, #581150);
  background-image: -moz-linear-gradient(top, #701864, #581150);
  background-image: -ms-linear-gradient(top, #701864, #581150);
  background-image: -o-linear-gradient(top, #701864, #581150);
  background-image: linear-gradient(to bottom, #701864, #581150);
  color: #e4bc27 !important;
  text-decoration: none;
}
.btn17_2 {
   background: #701864;
  background-image: -webkit-linear-gradient(top, #701864, #581150);
  background-image: -moz-linear-gradient(top, #701864, #581150);
  background-image: -ms-linear-gradient(top, #701864, #581150);
  background-image: -o-linear-gradient(top, #701864, #581150);
  background-image: linear-gradient(to bottom, #701864, #581150);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 1px 2px 14px #2a240d;
  -moz-box-shadow: 1px 2px 14px #2a240d;
  box-shadow: 1px 2px 14px #2a240d;
  font-family: 'Oswald', sans-serif;
  color: #e4bc27 !important;
  font-weight:400;
  font-size: 14px;
  padding: 3px 10px 3px 10px;
  text-decoration: none;
  letter-spacing: 2px;
  display: inline-block;
}

.btn17_2:hover {
 
   background: #fed954;
  background-image: -webkit-linear-gradient(top, #fed954, #e4bc27);
  background-image: -moz-linear-gradient(top, #fed954, #e4bc27);
  background-image: -ms-linear-gradient(top, #fed954, #e4bc27);
  background-image: -o-linear-gradient(top, #fed954, #e4bc27);
  background-image: linear-gradient(to bottom, #fed954, #e4bc27);
  color: #000 !important;
  text-decoration: none;
}

  .threefer {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0px;
        font-family: Arial;
        color: #ffffff !important;
        font-size: 18px;
        background: #ff0033;
        padding: 10px 10px 10px 10px;
        text-decoration: none;
        text-align: center;
        line-height: 150%;
font-weight:bold;
    }

.threefer:hover {
  background: #ad0224;
  text-decoration: none;
}
  .butteremails {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0px;
        font-family: Arial;
        color: #ffffff !important;
        font-size: 18px;
        background: #393937;
        padding: 10px 10px 10px 10px;
        text-decoration: none;
        text-align: center;
        line-height: 150%;
font-weight:bold;
    }

.butteremails:hover {
  background: #555;
  text-decoration: none;
}
  .PAPTbutton {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0px;
        font-family: Arial;
        color: #ffffff !important;
        font-size: 18px;
        background: #0c838d;
        padding: 10px 10px 10px 10px;
        text-decoration: none;
        text-align: center;
        line-height: 150%;
font-weight:bold;
    }

.PAPTbutton:hover {
  background: #04545b;
  text-decoration: none;
}

.button.buttonClicked {
	color: #555;
	cursor: default;
	filter:none;
	background: #FFF;
	border: none;
	font-weight: normal;
}

.buttonFull {
	font-weight: bold;
	width: 48%;
	height: 112px;
	padding: 35px;
	margin-bottom: 2%;
}

#cartTimer * {
	color: #8A1F03;
}

form {
	display: block;
	margin-top: 0em;
}

span.err, div.err {
	background: #ffffd2 url(/images/icons/Icon_error.gif) no-repeat;
	border: 1px dotted #666666;
	color: #801515;
	padding: 8px 5px 8px 30px;
	display: block;
}

span.msg, div.msg, div.validation-summary-errors {
	background: #ffffd2;
	border: 1px dotted #666666;
	color: #141414;
	padding: 8px 5px;
	margin: 2ex 0;
}
div.validation-summary-errors ul {
	padding: 0;
	margin: 0;
}
div.validation-summary-errors ul li{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

div.err a {
	color: #B50202;
	text-decoration: underline;
}
.pointer { cursor: pointer; }

div.msg a {
	color: #141414;
	text-decoration: underline;
}
.with-recaptcha {
	display: none !important;
}
.with-recaptcha.recaptcha-rendered {
	display: block !important;
}

div.performanceAlert.msg {
	background: rgba(234, 229, 217, 0.5) url(/images/icons/icon_exclamation.png) no-repeat 5px 5px;
	padding: 5px 5px 5px 30px;
	min-height: 30px;
}

input, select, textarea { /*padding: 5px 10px;*/
	font: 12px/175% 'Open Sans', Verdana;
}

a.mailto {
	padding-right: 22px;
	background-image: url('/Images/Icons/icon_email.png');
	background-position: right;
	background-repeat: no-repeat;
	color: #141414;
}

img {
	border: 0;
}

td, th {
	vertical-align: top;
	text-align: left;
}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

.clearfix::after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.hidden {
	display: none;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.loading, .ajax-wait {
	background: #fff url(/Images/loading.gif) no-repeat -75px 50%;
	padding: 15px 15px 15px 60px;
	font-size: 1.5em;
	font-weight: bold;
	margin: 23px;
}
#processing {
	
}
#footerBar div {
	padding: 0 10px;
}

#footerBar a {
	padding: 10px;
	display: inline-block;
	color: #fff;
}

#content .innerContent {
	line-height: 175%;
}

.cite {
	font-size: 80%;
	line-height: 160%;
	color: #141414;
	font-style: italic;
	padding: 8px;
	display: inline-block;
}

/*_____BOX__________*/
.oneBox, .twoBoxes, .threeBoxes, .twoThirdsBoxes {
	margin: 0 -1% 2% -1%;
}

	.oneBox:after, .twoBoxes:after, .threeBoxes:after, .twoThirdsBoxes:after {
		content: '.';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

.box {
	background: #fff; /*border-right: solid 1px #c7c7c7;*/
	margin: 0 0 2% 0;
	display: block;
	position: relative;
	padding: 10px;
	-moz-box-shadow: 2px 2px 4px #ccc;
	-webkit-box-shadow: 2px 2px 4px #ccc;
	box-shadow: 2px 2px 4px #ccc;
}

.boxless {
	background: #fff; /*border-right: solid 1px #c7c7c7;*/
	margin: 0 0 2% 0;
	display: block;
	position: relative;
	padding: 10px;
}

	.box.nopad, .boxless.nopad {
		padding: 0 !important;
	}

	.box.auto, .boxless.auto {
		height: auto !important;
	}

.box.borderless, .boxless {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.box.nobg {
	background: none;
}

.box.noshadow {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.box.auto {
	height: auto;
}
.oneBox .box {
	width: 99%;
	min-width: 250px;
	height: 171px;
	margin: 0 1% 2% 0;
}

	.oneBox .box.tall {
		height: 220px;
	}

	.oneBox .box.taller {
		height: 300px;
	}

.twoBoxes .box {
	width: 48%;
	min-width: 250px;
	height: 171px;
	margin: 0 1% 2% 1%;
	float: left;
}
	.twoBoxes .box.autoheight {
		height:auto;
	}
	
	.twoBoxes .box.tall {
		height: 220px;
	}

	.twoBoxes .box.taller {
		height: 300px;
	}

.threeBoxes .box {
	width: 31.33%;
	height: 189px;
	float: left;
	margin: 0 1% 2% 1%;
}
	
	.threeBoxes .box.tall {
		height: 220px;
	}

	.threeBoxes .box.taller {
		height: 260px;
	}

.box.short {
	height: 105px
}

.twoThirdsBoxes .box {
	width: 31.33%;
	height: 171px;
	margin: 0 1% 2% 1%;
	float: left;
}

	.twoThirdsBoxes .box.twoThirds {
		width: 64.5%;
	}

.box img.left.nopad {
	margin: -10px 10px 10px -10px;
}

.box img.right.nopad {
	margin: -10px -10px 10px 10px;
}

img.left.pad {
	margin: 0 10px 10px 0;
}

img.right.pad {
	margin: 0 0 10px 10px;
}

.box .buttons {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#cartTimer p {
	font-size: 11px;
	padding: 0 1%;
}

#sidebarPromo h3, #sidebarPromo p {
	margin: 0 0 .5em 0;
}

#sidebarPromo div {
	font-size: smaller;
	border: 1px solid #999;
	padding: 10px 1em;
}

#sidebarPromo input[type=text] {
	font-size: smaller;
	width: 6em;
}

#sidebarPromo input.button {
	font-size: smaller;
	margin-left: .5em;
}

/* ENews */
.ModalInnerWrapper {
	padding: 20px;
}

/* colorbox gallery -------------------------------------------------------------------*/
.CloseIt {position:absolute;right:0px;top:0px;} 

.cboxThumb {
	width: 78px;
	height: 78px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-right: 7px;
	margin-bottom: 8px;
}

	.cboxThumb:hover {
		border-color: #c7c7c7;
	}

.perfList {
	margin-top: 20px;
}

	.perfList p {
		width: 150px;
		float: left;
		margin: 5px 0;
	}

		.perfList p.perfMonthHeader {
			width: 100%;
			float: none;
			margin: 10px 0;
		}

	.perfList a.notAvailable {
		color: #707070;
	}

/* Performance Schedule Popup ---------------------------------------------*/
div.buyTicketsWrapper {
	position: relative;
}

div.choosePerf {
	position: absolute;
	left: 105px;
	top: 0;
	width: 270px;
	border: 1px solid #939393;
	background: #FFFFFF;
	z-index: 1800;
}

div.right div.buyTicketsWrapper div.choosePerf {
	left: auto !important;
	right: 0;
	top: 32px !important;
}
div.right div.buyTicketsWrapper .button {
	width: 230px;
}
div.choosePerf .loading {
		font-size: 1.0em;
		font-weight: normal;
		display: block;
		
		margin: 0px;
	}
div.performanceTable {
	overflow: auto;
	overflow-x: hidden;
}

	div.performanceTable h3 {
		font-size: 1.0em;
		font-weight: bold;
		background: #c7c7c7;
		color: #4C4B4B;
		display: block;
		padding: 8px;
		margin: 0px;
		border-bottom: 0px;
	}

	div.performanceTable table {
		width: 100%;
		margin: 0;
	}

		div.performanceTable table th, div.performanceTable table td {
			border-bottom: 1px solid #dddddd;
			font-size: 0.9em;
		}

		div.performanceTable table th {
			text-align: left;
			font-weight: normal;
			padding: 3px 8px 3px 8px;
		}

		div.performanceTable table td {
			padding: 3px 0px 3px 8px;
		}

		div.performanceTable table a {
			color: #4C4B4B;
			font-weight: bold;
		}

		div.performanceTable table tr.withNote th, div.performanceTable table tr.withNote td {
			border-bottom: none;
		}

		div.performanceTable table tr th.note {
			line-height: 110%;
			padding-bottom: 10px;
		}

		div.performanceTable table tr.curr td {
			font-weight: bold;
		}

		div.performanceTable table tr.availableOnline:hover th,
		div.performanceTable table tr.availableOnline:hover td,
		div.performanceTable table tr.availableOnline:hover th a {
			background: #e4e3e3;
			cursor: pointer;
			color: #801515 !important;
		}

/*_____FORMS_______*/
.redtitle {
	font-size: x-small;
	color: #801515;
}

fieldset {
	padding: 10px;
	border: 1px solid #c7c7c7;
	margin: 0 0 2em 0;
	height: 100%;
}

	fieldset legend {
		width: auto;
		padding: 5px;
		color: #4C4B4B;
		font-weight: bold;
		text-align: left;
	}

	fieldset table td {
		vertical-align: top;
	}

.specialDates {
	padding: 4px 29px 18px 29px;
}

	.specialDates legend {
		margin-left: -5px;
	}

table.formHolder {
	width: 100%;
	margin-top: 10px;
}

	table.formHolder td {
		padding: 3px;
		vertical-align: top;
	}

		table.formHolder td.formLabel {
			width: 25%;
		}

td.formLabel {
	text-align: right;
	padding-right: 5px;
	white-space: nowrap;
}

.editor-label, .display-label {
	width: 10em;
	margin: 0;
	padding: 5px 1em 5px 0;
	float: left;
	clear: both;
	text-align: left;
}

.Complete .editor-label, .Complete .display-label {
	width: 8em;
}

.content td.editor-label, .content td.display-label {
	float: none;
	clear: none;
	width: auto;
	padding: 5px 1em 5px 0;
	text-align: left;
}

.editor-field, .display-field {
	min-height: 16px;
	margin: 0;
	padding: 5px 0 5px 1em;
	float: left;
	border-left: 1px solid #eee;
}

.content td.editor-field, .content td.display-field {
	float: none;
	width: auto;
	padding: 5px 0 5px 1em;
}

input.text-box{
	width: 15em;
	font-size: 11px;
}
input[type='text'][readonly], input[type='text'][disabled]{
	background: #efefef;
	color: #999999;
}
.editor-field select, .display-field select {
	font-size: 11px;
}

.editor-field span, .display-field span {
	display: block;
	padding: 1px 0 0 0;
	color: #f04d23;
}

.editor-field textarea, .display-field textarea {
	width: 30em;
	height: 5em;
}

label div.editor-field, label div.display-field {
	cursor: pointer;
}


/* sitemap -----------------------------------------------------------*/
#siteMap ul, #siteMap ul li {
	list-style: none outside;
	margin: 0;
	padding: 0;
	line-height: 12px;
}

#siteMap li.tier1 {
	float: left;
	clear: right;
	min-height: 500px;
	width: 32%;
	border-top: solid 1px #ddd;
	padding: 8px 0 18px 0;
}

#siteMap li.tier2 ul {
	padding-left: 29px;
	margin: 0;
}

#siteMap li.tier3 {
	list-style: circle outside;
	margin: 0;
	padding: 0;
}

#siteMap a {
	font-size: 10px;
	display: block;
}

#siteMap li.tier1 a {
	color: #fff;
	background-color: #aaa;
	padding: 8px;
	width: 174px;
}

#siteMap li.tier2 a {
	color: #797979;
	background-color: Transparent;
}

	#siteMap li.tier2 a:hover {
		color: #801515;
	}

	#siteMap li.tier2 a#FullContent_MainContent_SiteMap_siteMapT1_siteMapT2_3_siteMapT2Link_4 {
		border-top: solid 1px #ddd;
		margin-top: 16px;
		padding-top: 16px;
	}
/* stafflist -----------------------------------------------------------*/
.staffList li.tier1 {
	padding: 0px 0 18px 0;
	list-style: none;
}

	.staffList li.tier1 h2 {
		color: #fff;
		background-color: #aaa;
		padding: 4px 8px;
		width: 100%;
	}

	.staffList li.tier1 ul {
		padding: 0px 0 0 8px;
	}

.staffList li.tier2 {
	list-style: none;
}

	.staffList li.tier2 small {
		color: #4C4B4B;
		font-style: italic;
		
	}

.staffList .indent {
	font-style: italic;
	padding-left:5px;
}

.staffList .tier2.subHead {
	padding-left: 8px;
	margin-left: -8px;
	color: #fff;
	font-weight: bold;
	background-color: #AAA;
	background-position: right top;
	background-repeat: no-repeat;
}

.staffList.col1, .staffList.col2, .staffList.col3 {
	float: left;
	width: 31%;
	margin: 8px 22px 0 0;
	padding: 0;
}
.staffList2.col1, .staffList2.col2, .staffList2.col3 {
	float: left;
	
	margin: 8px 22px 0 0;
	padding: 0;
}
.staffList2 li.tier1 {
	padding: 0px 0 18px 0;
	list-style: none;
}

	.staffList2 li.tier1 h2 {
		color: #fff;
		background-color: #aaa;
		padding: 4px 8px;
		width: 100%;
	}

	.staffList2 li.tier1 ul {
		padding: 0px 0 0 8px;
	}

.staffList2 li.tier2 {
	list-style: none;
}

	.staffList2 li.tier2 small {
		color: #4C4B4B;
		font-style: italic;
		
	}

.staffList2 .indent {
	font-style: italic;
	padding-left:5px;
}

.staffList2 .tier2.subHead {
	padding-left: 8px;
	margin-left: -8px;
	color: #fff;
	font-weight: bold;
	background-color: #AAA;
	background-position: right top;
	background-repeat: no-repeat;
}
	.staffList.col1.double {
		width: 65%;
	}

.staffList.col3 {
	margin-right: 0;
}

/* calendar specific */
#calendarLoading {
	display: none;
	margin: 5em;
	text-align: center;
	font-weight: bold;
	font-size: large;
	padding-bottom: 2em;
}

.symbol {
	font-family: auto !important;
}

/* colorbox gallery -------------------------------------------------------------------*/
.cboxThumb {
	width: 100px;
	height: 100px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-right: 7px;
	margin-bottom: 8px;
}

	.cboxThumb:hover {
		border-color: #c7c7c7;
	}

/* deeper look ------------------------------------------------------------------------*/
.slideUpContainer {
	margin: 0 0px 0 0px;
	position: relative;
	width: 100%;
}

.slideUp {
	position: relative;
	margin-top: 10%;
	width: 100%;
	height: 40%;
	z-index: 1;
	padding: 20px 20px;
}

	.slideUp.wide {
		height: 30%;
	}

	.slideUp cite {
		position: relative;
		margin-right: 96px;
		margin-top: 8px;
		color: #fff;
		width: 30%;
		font-style: normal;
	}

	.slideUp.wide cite {
	}

.deeperLook {
	position: relative;
	margin-left: 0px;
	margin-top: 54px;
}

	.deeperLook span.Headline {
		font-size: 24px;
		line-height: 28px;
		font-family: Georgia, Serif;
		font-style: italic;
	}

	.deeperLook span.subHead {
		line-height: 18px;
		color: #9a9a9a;
	}

.deeperDivider {
	border-bottom: 1px solid #141414;
	clear: both;
	display: inline-block;
	margin: 15px -20px;
	width: 105%;
}

.headshot {
	float: left;
	padding: 10px;
	border: 1px solid #707070;
	margin-right: 20px;
	margin-bottom: 15px;
}

.slideUp.Tall {
	position: relative;
	height: 40%;
	padding: 20px 20px;
	margin-top: 20%;
}

/* artists ----------------------------------------------------------------------------*/
.ajaxLeftNav {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

	.ajaxLeftNav:hover, .ajaxLeftNav.active {
		background-color: #f7f7f7;
		cursor: pointer;
	}

	.ajaxLeftNav.active {
		border-top: 1px solid #c7c7c7;
		border-bottom: 1px solid #c7c7c7;
		background-image: url('/Images/Layout/plays_tabsub_horizontal.gif');
		background-repeat: repeat-y;
	}

.artistNav {
	list-style: none;
	margin: 0;
	padding: 0 29px;
}

	.artistNav span.h2 {
		font-weight: bold;
	}

	.artistNav li {
		width: 138px;
		font-size: 11px;
	}

		.artistNav li a {
			width: 138px;
			padding: 8px 5px;
		}

.ajaxLeftContent img.frame {
	margin: 11px 11px 4px 0;
	height: 207px;
	width: 138px;
}

	.ajaxLeftContent img.frame.wide {
		height: 167px;
		width: 220px;
	}

.artistTitle {
	font-style: italic;
}

.caption {
	background-color: #F9F9F9;
	
	padding-bottom: 3px;
	margin: 5px;
}

	.caption img {
		border: 1px solid #CCCCCC;
		vertical-align: middle;
		max-width: 100%;
	}

	.caption p {
		text-align: center;
		padding: 0px;
		font-size: 10px;
		margin: 0px;
		font-weight: bold;
	}
/* checkout ------------------*/
#globalMessage {
	clear: both;
}

img.frame {
	border: solid 1px #ddd;
	padding: 8px;
	background-color: #fff;
	max-width: 100%;
}

	img.frame.left {
		margin-right: 22px;
		margin-bottom: 22px;
	}

	img.frame.right {
		margin-left: 22px;
		margin-bottom: 22px;
	}

	img.frame.hard {
		border-color: #c7c7c7;
	}

div.continue {
	float: right;
	margin: 1em 10px 0 0;
}

table.orderSummary {
	border-collapse: collapse;
	width: 100%;
}

	table.orderSummary th {
		font-weight: bold;
		padding: 5px 20px 10px 0px;
		text-align: left;
	}

	table.orderSummary td {
		padding: 5px 20px 5px 0px;
		vertical-align: top;
	}

	table.orderSummary tbody tr:first-child td {
		border-bottom: 1px solid #c7c7c7;
	}

	table.orderSummary tbody tr.lineItem td {
		border-top: 1px solid #c7c7c7;
	}

	table.orderSummary tbody tr td.price {
		text-align: right;
	}

	table.orderSummary td.empty {
		padding: 0;
		height: 0;
	}

	table.orderSummary td.buttons a {
		display: block;
	}

#specialRequests textarea {
	width: 100%;
}

p.deliveryOptions {
	margin-top: 8px;
	margin-left: 1.8em;
}

.editor-field input.text-box[name=SecurityCode] {
	width: 3em;
}

div.ticketSalesFinal {
	
}

/* errors -------------------------*/
span.err, div.err {
	background: #ffffd2 url(/images/icons/Icon_error.gif) no-repeat;
	border: 1px dotted #666666;
	color: #801515;
	padding: 8px 5px 8px 30px;
	display: block;
}

span.msg, div.msg {
	background: #ffffd2;
	border: 1px dotted #666666;
	color: #4C4B4B;
	padding: 8px 5px;
	margin: 2ex 0;
}

div.err a {
	color: #B50202;
	text-decoration: underline;
}

div.msg a {
	color: #4C4B4B;
	text-decoration: underline;
}

div.cartTimer div.msg {
	background: #ffffd2 url(/images/icons/Icon_timer.gif) no-repeat;
	padding: 5px 5px 5px 30px;
}

body.HomePage #siteInfo {
	background-color: #fff;
	width: 100%;
	margin: 0 5px 5px 0;
}

body.PlayPage #siteInfo {
	position: relative;
}

body.PlayPage div.err {
	position: absolute;
	top: -328px;
	left: 0px;
	z-index: 100;
	width: 753px;
}

div.mainContent div.err, div.mainContent div.msg {
	margin: 2ex 0;
}

/* jobOpportunities -----------------------------------------------------------*/
.jobOpportunities {
	margin: 0;
	padding: 0;
}

	.jobOpportunities th {
		font-size: 80%;
		border-bottom: 1px solid #aaa;
		font-weight: bold;
		padding: 8px;
		text-align: center;
	}

	.jobOpportunities td {
		padding: 11px;
		text-align: center;
	}

		.jobOpportunities th:first-child, .jobOpportunities td:first-child {
			padding-left: 13px;
			text-align: left;
			width: 30%;
		}

/* other font and img styles -------------------------------------------------*/
a.pdf {
	background-image: url('/Images/Icons/LogoAdobePDF.gif');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
}

h2.section {
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	background-color: #141414;
	width: 100%;
	padding: 0 1em;
	line-height: 32px;
	text-transform: uppercase;
	background-image: url('/Images/Layout/section_corner.png');
	background-position: right top;
	background-repeat: no-repeat;
}

a.winzip {
	background-image: url('/Images/Icons/LogoWinzip.jpg');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
}

a.winzipTall {
	padding: 18px 65px 18px 18px;
	line-height: 65px;
	background-image: url('/Images/Icons/winzip.jpg');
	background-repeat: no-repeat;
	background-position: right;
	background-color: #fff;
	border: 1px solid #c7c7c7;
	color: #797979;
}
a.PressVideo {
	padding: 18px 65px 18px 18px;
	line-height: 65px;
	background-image: url('/Images/Icons/icon_video.jpg');
	background-repeat: no-repeat;
	background-position: right;
	background-color: #fff;
	border: 1px solid #c7c7c7;
	color: #797979;
}

a.action {
	padding-left: 10px;
	margin-bottom: .83em;
	background-image: url('/Images/Layout/gt_red.png');
	background-position: left;
	background-repeat: no-repeat;
	font-family: Georgia, Serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	display: inline-block;
}

a.locked {
	background-image: url('/Images/Icons/icon_padlock_closed.png');
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	display: inline-block;
}

a.folder {
	background-image: url('/Images/Icons/icon_folder.png');
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	display: inline-block;
}

ul.arrows, ul.arrows li {
	list-style-image: url('/Images/Layout/gt.png');
	margin-left: 8px;
	padding-left: 8px;
	clear: left;
}

	ul.arrows ul {
		margin-left: 0;
		padding-left: 0;
	}

		ul.arrows ul li {
			list-style: circle;
			float: left;
			clear: none;
			margin-left: 36px;
			padding-left: 0;
		}

/* events --------------------------------------------------------*/
.eventBlock {
	margin: 0 0 10px 0;
	padding: 0;
}

	.eventBlock div.eventContainer {
		border-top: solid 1px #ddd;
		padding: 18px 0 18px 0;
		color: #797979;
		position: relative;
	}

		.eventBlock div.eventContainer p {
			padding-top: 0px;
			margin-top: 0px;
		}

	.eventBlock div img {
		float: left;
		margin-right: 18px;
		padding: 4px;
		background-color: #fff;
		width: 85px;
		height: 85px;
	}

		.eventBlock div img.nopad {
			padding: 0;
			width: 85px;
			height: 85px;
		}

#GetAttendees {
    position: relative;
}

div.fbPerson {
    display: inline;
}

	div.fbPerson img {
	display: inline;
    position: relative;
	}

div.fbPerson_Popup {
	display: none;
	position: absolute;
	z-index: 999;
	padding: 10px;
}

	div.fbPerson_Popup .box-caption {
	position: absolute;
	top: 25px;
	left: 20px;
	height: 15px;
	}

	div.fbPerson_Popup .pop-up-content {
	margin-left: 5px;
	margin-top: 29px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #ccc;
		-moz-box-shadow: 3px 3px 1px #ccc;
		-webkit-box-shadow: 3px 3px 1px #ccc;
	box-shadow: 3px 3px 1px #ccc;
	}

/* /account/tickets list */
.my-account {
	margin-bottom: 4em;
}
.my-account .item {
	border-bottom: 1px solid #efefef;
}
.my-account .item .item-head{
	cursor: pointer;
	padding:1em;
	background: url('/Images/Layout/gt_red.png') 2px 1.1em no-repeat;
}

	.my-account .item .item-head:hover {
		background-color: #ffffd2;
	}
	.my-account .item .item-head p{ margin:0; }
	.my-account .item .item-head p.left{ width: 60%; float:left; }
	.my-account .item .item-head p.right{ width: 35%; float:right; text-align:right; }

.my-account .item .item-body{
	display:none;
	clear:both; 
	margin-bottom:1em;
	padding: 1em;
}
	.my-account .item.open {
		background-color:#FFF;
	}
		.my-account .item.open .item-head {
			background: url('/Images/Layout/down.png') 1px 1.3em no-repeat;
		}
	.my-account .item.open .item-head:hover {
		background-color:#FFFFFF;
	}
	
@-webkit-keyframes shadow {
    0% {box-shadow: -0px -0px 0px rgba(50, 0, 0, 1.00);}
    50% {box-shadow: -1px -1px 13px rgba(50, 50, 50, 0.75);}
    100% {box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.75);}
}
@-moz-keyframes shadow {
    0% {box-shadow: -0px -0px 0px rgba(50, 50, 50, 0.75);}
    50% {box-shadow: -1px -1px 13px rgba(50, 50, 50, 0.75);}
    100% {box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.75);}
}
@keyframes shadow {
    0% {box-shadow: -0px -0px 0px rgba(50, 50, 50, 0.75);}
    50% {box-shadow: -1px -1px 13px rgba(50, 50, 50, 0.75);}
    100% {box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.75);}
}
.elephant  {
       box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75);
       -webkit-animation: shadow 1s ease-in-out 5;
       -moz-animation: shadow 1s ease-in-out 5;
       animation: shadow 1s ease-in-out 5;
}



/* post play styles --------------------------*/
.bigheading {font-size:18px;font-weight:bold;}
.xtra {margin-top:5px;}
.PlayTitleBagley { color: #D02F47; font-weight:bold; }
.PlayTitleLeo { color: #62AEC3; font-weight:bold;  }

  .countText {
      -webkit-animation-name: color2;
      -webkit-animation-duration: 21s;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      -webkit-animation-delay: 0s;
  }
  @-webkit-keyframes color2 {
      0% {
      }
      99% {
          text-shadow: -2px -1px 1px #8a1f03; 
          }
      98.9% {
        text-shadow: none;
    }
}


 /* Testing Columns CSS   */
  .row {
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto; }
  .row::before, .row::after {
    content: ' ';
    display: table; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row .row {
    margin-left: -0.625rem;
    margin-right: -0.625rem; }
    @media screen and (min-width: 40em) {
      .row .row {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem; } }
    .row .row.collapse {
      margin-left: 0;
      margin-right: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-left: auto;
      margin-right: auto; }

.column, .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left; }
  @media screen and (min-width: 40em) {
    .column, .columns {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem; } }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }
  .row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.33333%;
  float: left; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.66667%;
  float: left; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.28571%;
  float: left; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.small-collapse .row {
  margin-left: 0;
  margin-right: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left; }

@media screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
      float: left; }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
      float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
      float: left; }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
      float: left; }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }
  .large-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.66667%; }
  .large-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    width: 33.33333%; }
  .large-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    width: 58.33333%; }
  .large-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.66667%; }
  .large-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    width: 83.33333%; }
  .large-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.66667%; }
  .large-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }
  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }
  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }
  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }
  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }
  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }
  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
      float: left; }
  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
      float: left; }
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

  #tooltip
		{
			font-size: 0.975em;
			text-align: center;
			
			line-height: 1.5;
			color: #fff;
            font-weight:600;
			background: #333;
			background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, 1 ) ), to( rgba( 0, 0, 0, 1 ) ) );
			background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .9 ), rgba( 0, 0, 0, 1 ) );
			background: -moz-linear-gradient( top, rgba( 0, 0, 0, .9 ), rgba( 0, 0, 0, 1 ) );
			background: -ms-radial-gradient( top, rgba( 0, 0, 0, .9), rgba( 0, 0, 0, 1 ) );
			background: -o-linear-gradient( top, rgba( 0, 0, 0, .9 ), rgba( 0, 0, 0, 1 ) );
			background: linear-gradient( top, rgba( 0, 0, 0, .9 ), rgba( 0, 0, 0, 1 ) );
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			
			
			position: absolute;
			z-index: 100;
			padding: 15px;
		}
			#tooltip:after
			{
		        width: 0;
		        height: 0;
		        border-left: 10px solid transparent;
		        border-right: 10px solid transparent;
				border-top: 10px solid #333;
		        border-top-color: rgba( 0, 0, 0, .9 );
				content: '';
				position: absolute;
				left: 50%;
				bottom: -10px;
				margin-left: -10px;
			}
				#tooltip.top:after
				{
			        border-top-color: transparent;
					border-bottom: 10px solid #333;
			        border-bottom-color: rgba( 0, 0, 0, .9 );
					top: -20px;
					bottom: auto;
				}
				#tooltip.left:after
				{
					left: 10px;
					margin: 0;
				}
				#tooltip.right:after
				{
					right: 10px;
					left: auto;
					margin: 0;
				}