/*PURPOSE:
	[1] Basic cascading stylesheet for ALL browsers
	[2] All Content Pages
	[3] MEDIA = SCREEN

REVISION HISTORY:
	April 18th, 2008. v1.0. Created.

STATUS OF THIS DOCUMENT:
	This is a working draft.
	Table of Contents:
		GLOBAL (html tags)
			Typography
				headers
				basic content
				lists
				tables.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img
				links
			Forms
		LAYOUT (classes & ids)
		 	Structure
			Visual changes

==================================
 GLOBAL (html tags)
================================== */



/* containers with background*/

.border-right{border-right:solid 1em #f7f7f7;}
/* ========== Typography ========== */
/* ===== header ===== */
.col-lg-4 legend {
    padding:.8em 0em ; 
    margin-bottom: 0;
    background: #; 
    color:#333; 
    }
.col-lg-4 li{
padding:.5em 0em;
padding-left:.5em;
list-style: none;
	-webkit-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	transition: all 600ms ease;
	list-style-image:none; 
}
.col-lg-4 li:hover{
    background-color:#f6f6f6;
     box-shadow: 0px 0px 2px 1px #ebebeb, 0px 0px 1px 1px #fff inset;
}

h1 { 
font-size:2.5em; 
margin:.7em 0em;
}
/*h1, h2, .pod > h2:first-child, .pod > h3:first-child, .pod > h4:first-child, .pod > h5:first-child{ letter-spacing:.035em;}*/
h1, h2, 
.pod > h2:first-child, .pod > h3:first-child, .pod > h4:first-child, .pod > h5:first-child{
color:#333;
}
h2  {
/*font-size:1.5em; */
}
h2, h3, h4, h5, h6, caption, th {
margin: .5em 0em;
}
h3, h4, h5, h6  {
color:#333;
}
h2, h3, h4, caption, .time {
/*.calendar .time, .events_calendar .time, #events_calendar .time, #perfList .perf_time .time*/
font-weight:normal;
}



/* Delete  old H2 look
h1, h2{ letter-spacing:.05em;}
h2 {font-family: "Times New Roman", Times, serif;
letter-spacing:.05em; 
padding:5px 10px 4px;
background-color:#ece2b1;
background-image: url(/images/h2_bg.jpg);
background-repeat:repeat-x;
border: 1px solid #b9a87c;
letter-spacing:.05em;
}
.pod h2 {margin-top:0; margin-bottom:1em;}
.simple_h2 { 
background: transparent;
margin-bottom:5px;
margin-top: 25px;
background-image:none;
padding-left:0;
border:1px dotted #582D1A;
border-top:none;
border-left:none;
border-right:none;
font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;}*/
/* END Delete old H2 look*/

/* New Design for future */
h2  { 

}
.pod h2 {}
.pod > h2:first-child, .pod > a[name] + h2, .pod > h3:first-child, .pod > h4:first-child, .pod > h5:first-child { 

}
/*End New Design for future */


h3, caption  {	
font-size:1.45em;
}
h4, big, form legend{
font-size:1.25em
}
h5 {*font-size:1em;}

/* ===== basic content ===== */
fieldset, .pod, .sidenote, #sidecolumn fieldset, #sidecolumn .submenu, #sidecolumn .watch, #search_tabs,  #search_tabs li, #search_container, #search_container .oneboxResults,.millenniumartist .eventlist div {
background-color:#fff;
padding:1em;
}

img.right, .playimgright {
float: right;
margin-left: 1em;
margin-bottom: .75em;
}
img.left, .b2get img, .membershipmonth img, .eventlist img, .slideshow, .subscription img, .upcoming_perfs img, .watch a img, .grid.gift img, .playimgleft  {
float:left;
margin-right: 1em;
margin-bottom: .75em;
}



/* ===== lists ===== */


/* ===== tables ===== */ 
th, #calendar th, #eventCalendar th { /* not sure #calendar, #eventCalenda on the home pages*/
font-weight:bold;
vertical-align:top;
padding-bottom:1em;
}
/*th, */.table th { /*remove .table*/

}
/*td, */.table td, .calendar td {

}

/*.table thead tr th {font-size:1.2em}*/

#calendar th, #eventCalendar th, .grid th, .grid td { border:none;}

.prizes thead th, .prizes tfoot th {border-bottom:1px #B9A87C solid; border-top:1px #B9A87C solid; padding-top:.8em; padding-bottom:.8em;}
.prizes tbody td {padding-top:.4em; padding-bottom:.4em;}

/********** END PRIZES TABLE ************/

/* ===== links ===== */
/*link, visited, hover, active 4 life*/


a img, a img:link, a img:visited, a img:hover, a img:active, 
a:link img, a:visited img, a:hover img, a:active img {
text-decoration:none; 
border:0px;
} 

/* ========== Forms ==========  */


h2 label {
	font-weight:normal;
}
input, textarea, select, .inputGroup, .grid.calendar.event li strong, .eventlist div li, #WNOAccount legend {
margin-bottom:.3em;
}

input, textarea {
border-radius:10px;
 }
.login label, .giftform label {
float:left; 
clear:left;
}
#searchevent > label, /*casues layout issues in IE6 */
.calendar_filter label {/* to be aplied to all labels in #sidecolumn*/
float:left; 
clear:left;
width:9.5em;
}
 .inputGroup, .login input, 
#searchevent input, #searchevent select, 
.calendar_filter inputm, .giftform input { /* input.text, input[type="text"], input, textarea, select*/
display:block;
margin-left:10em;
}
.login input {margin-left:8em;}
.giftform input {margin-left:5em;}
.inputGroup.checkbox label {margin-left:.25em; margin-right:1em; font-weight:normal;}

/*#CFForm .btn{ width:25%;}*/
/*.reqd {color:#CC0000;}*/

/* ==================================   
	LAYOUT (classes & ids)   
================================== */
/*set to zero or take it away*/
 .inputGroup label, .inputGroup input, .inputGroup select {
float:none;
clear:none;
display:inline;
margin:0;
}
.events_calendar, .events_calendar li, 
.eventlist, .eventlist li, 
table.giftshop, table.giftshop td,
.gridlogo,  .gridlogo li, 
#menubg, #menubg ul, #menubg li, 
ul#perfList, ul#perfList li,  
#search_tabs,  #search_tabs li, 
#slideshowNavigation, #slideshowNavigation li, 
.submenu,  .submenu ul, .submenu li, 
.subscription ul, .subscription li,
#tabmenu ul, #tabmenu li  {
margin:0px;
padding:0px;
list-style-type:none;
list-style-image:none;
}

/*>_< - they don't want to see bullets on a list*/
.nobullets, .nobullets li,
#eventInterest ul, #eventInterest li,  
#quicklook, #quicklook li, 
.watchListen, .watchListen li{ 
list-style-image:none;
margin-left:0;
padding-left:0;
}
/* ========== Structure (family order) ========== */
#accessibility, .accessibility, #header_image a span  {
position:absolute; 
top:-10000px;
z-index:1;
}



#topheader {
position: relative;
}

#main_content {
position: relative;
background-color:#f7f7f7;
height: auto;
overflow:auto;
}

/* *menu* */
#tabmenu {
	
font-size: .8em;
color:#fff;
background-image: url(/images/kc_header_bg.jpg);
background-repeat: repeat-x;
background-position:bottom;
background-color: #290202;
height:37px;
}
#tabmenu ul {
background-image: url(/images/kcboathouseW.png);
background-repeat:no-repeat;
background-position:100% 8px;
height:35px;
width:98%;
}
	
#tabmenu li {
float:left;
padding:10px 0px;
margin-left:5px; margin-right:5px;
}
#tabmenu a {display:block; padding-left:25px; padding-right:20px;  border-left:1px solid #ffffe0; }
#tabmenu li:first-child a, #tabmenu.kc .nso a { border-left:0px none;}
#tabmenu a:link, #tabmenu a:visited {
color:#fff;
text-decoration:none;
}
#tabmenu.kc .kc, #tabmenu.nso .nso, #tabmenu.edu .edu, #tabmenu.wno .wno, #tabmenu.explorer .explorer, #tabmenu.sfb .sfb{
display:none;
}


/*************** MEGA MENU  ******************/

    
 ul#topnav {
       margin: 0; 
       padding: 0;
       width: 998px;
       list-style: none;
       font-size: .9em;
       position: relative;
       z-index: 100;
}


ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
.mn-shadow { background:url(/images/mn-bg-shdw.png) repeat-y; }

ul#topnav li .sub {
       position: absolute;  
       top: 29px; left: 0;
       background: #f7f4eb url(/images/mn-header-bg.png) repeat-x;
       padding-bottom: 10px;
       float: left;
       width: 978px;
       display: none;
       border-bottom: 2px #a08d4e solid;
    -moz-box-shadow:  0 10px 20px 5px #6e6b56;
    -webkit-box-shadow: 0 10px 20px 5px #6e6b56;
    box-shadow: 0 10px 20px 5px #6e6b56;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#6e6b56')";

}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
       list-style: none;
       margin: 0 10px 0 5px; 
       padding: 0;
       /*width: 215px;
       float: left;*/
}



ul#topnav .sub ul li {
       width: 100%;
       color: #fff;
}

ul#topnav .sub ul li h2 {
       padding: 0;  margin: 0;
       font-size: 1.3em;
       font-weight: normal;
}
ul#topnav .sub ul li h2 a {
       padding: 5px 0;
       background-image: none;
       color: #e8e000;
}
ul#topnav .sub ul li a {
       float: none; 
       text-indent: 0; /*--Reset text indent--*/
       height: auto;
       padding: 7px 0 7px 5px;
       display: block;  
       margin-bottom:1px;
       text-decoration: none;
       color: #fff;
}
ul#topnav .sub ul li a:hover {color: #990000; background:#fff; background-position: 5px 12px ;}


.sub h3 {
       margin: 0;
       margin-bottom:5px;
       font-size: 1.7em;
       font-weight:bold;
       color:#fff;
       background-color:#90723C;
       padding: 10px 2px 10px 10px;
       text-shadow: black 0.1em 0.1em 0.1em;
}

.sub h4 {
       font-size: 1.3em;
       font-weight:bold;
       color:#582D1A;
       padding: 0 0 2px 0;
       margin: 15px 5px 3px 5px;
       border-bottom: 1px dotted #582D1A;
}
.sub h4:first-child{margin: 0 5px 3px 5px;}
#menubg .menu .mn-columns-5 h3 a, #menubg .menu .mn-columns-4 h3 a, #menubg .menu .mn-columns h3 a, #menubg .menu .mn-column-wide h3 a, 
#menubg .menu .mn-columns-5 h4 a, #menubg .menu .mn-columns-4 h4 a, #menubg .menu .mn-columns h4 a, #menubg .menu .mn-column-wide h4 a{ float:none; }

.sub .link_btn { margin-left:4px;}

.mn-column-wide h3 { background-color:transparent;margin:0; padding:0; text-shadow: white 0; font-weight:normal; text-shadow:none; font-family: Georgia, Serif; font-size:2.1em; color: #990000;border-bottom: 1px dotted #582D1A; margin:0; padding-left:10px; }

.mn-body {
       position: relative;
}

.mn-columns {
       width:230px;
       float:left;
       padding: 5px;
       font-weight:normal;
       border-right: 1px dotted #bca297;
       min-height:130px;
}
.mn-columns img {
	margin: 5px 0 5px 5px;
}
.mn-columns-4 {
       width:230px;
       float:left;
       padding: 5px;
       font-weight:normal;
       border-right: 1px dotted #bca297;
       min-height:130px;
}
.mn-columns-4 img {
	margin: 5px 0 5px 5px;
	
}

.mn-columns-5 {
       width:182px;
       float:left;
       padding: 5px;
       font-weight:normal;
       border-right: 1px dotted #bca297;
       min-height:130px;
}

.mn-columns-5 h4, .mn-columns h4.small
{
    font-size:1em;
    text-align:top;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}
ul#topnav .mn-columns ul{
       width: 215px;
       float: left;
}

ul#topnav .mn-columns-5 ul{
       width: 167px;
       float: left;
}

/* .mn-columns-5 ul li{
       width: 167px;
} */

.mn-columns-5 img {
	margin: 5px 0 5px 5px;
}

#menubg .menu ul ul li.mn-row, .mn-row { 
padding-top:5px;
border-bottom: 1px dotted #582D1A; 
display:block;
}
.mn-row img { padding-right:10px; }
#menubg .menu ul ul li.mn-row a {padding:3px 1px 0px 1px; overflow-y:auto;}
#menubg .menu ul ul li.mn-row a.feature-ad {width: 60%; float:right; overflow-y:hidden; margin-bottom:-45px;  }
#menubg .menu ul ul li.mn-row a.feature-ad + a {/*clear:none;*/ width:auto; min-height:44px; }
#menubg .menu ul ul li.mn-row a.feature-ad img {width:100%; float:none;  margin:0; padding:0;}

#menubg .menu li { border-right:1px solid #90723C; } /* old: #ccc */
.mn-column-wide {font-weight:normal;}
.mn-column-wide {
       width:470px;
       float:left;
       padding:5px;
}

.mn-column-wide img {
       margin: 5px;
}


.mn-now {
       font-weight:bold;
       font-style:italic;
}

.mn-text {
	padding: 5px;
}

.mn-contribute {
	margin-left: 325px;
}

a.mn_contribute_btn, a.mn_contribute_btn:visited {
	white-space:nowrap;
	padding: 1px 2px;
	margin:.1ex 0;
	text-decoration:none;
	background-image:url(/images/eventbuy_bkgd.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #a3843f;
	background:#990000; /*C77E39*/
}

a.mn_contribute_btn {
	display:block;
	text-align:center;
	font-weight:bold;	
}

a.mn_contribute_btn:link, a.mn_contribute_btn:visited, a.mn_contribute_btn:hover, a.mn_contribute_btn:active {
	background-color:#930B0E;
	color:#fff;
}
#menubg .menu	a.mn_contribute_btn:hover {
	background-image:none;
	background-color:white;
	border-color:#990000;
color:#990000;
}

#menubg .menu a.mn_contribute_btn:active {
	background-image:url(/images/kc_header_bg.jpg);
	background-position:top;
	color:lightgrey;
}



#menubg {
font-size:1em;
height: 2.25em; /*this  can't be less than the link box*/
*height: 2.2em;
font-weight:bold;
position:relative;
z-index:2;
background-color:transparent;
clear:both;
border-bottom:2px solid #90723C;
}
#basicmenu.yuimenubar.menu.yui-module.yui-overlay.visible{ /*to override .yui-overlay in /scripts/yui/build/container/assets/container.css*/   
visibility:visible;
}
/* *level 1* */
#menubg  .menu li { 
/*them*/float:left;
/*them*/display:inline;
}
#menubg em.submenuindicator { 
display:none;
}
/* *level 1 Links* */
ul#topnav li a  { 
/*them*/float:left;
padding:.5em 1.5em;
text-decoration:none;
height: 18px;
}

#menubg .disabled {
color:#b9b9b9;
cursor:default;
}
#menubg .menu .selected, #menubg .menu li a:hover {
cursor:pointer;
background-color:#90723C;
color:white;
}

/* **Level 2** */

#menubg .menu ul li ul li, #menubg .menu ul li ul  {
border:none;
font-weight:normal;
float:none;
}

#menubg .menu .mn-columns-5 a, #menubg .menu .mn-columns-4 a, #menubg .menu .mn-columns a, #menubg .menu .mn-column-wide a { padding:0; display:block; clear:both; }
#menubg .menu .mn-columns-5 a:hover, #menubg .menu .mn-columns-4 a:hover, #menubg .menu .mn-column-wide a:hover { background-color:transparent; }
#menubg .menu .mn-columns-5 h4 a:hover, #menubg .menu .mn-columns-4 h4 a:hover, #menubg .menu .mn-columns h4 a:hover, #menubg .menu .mn-column-wide h4 a:hover { background-color:transparent; color: #990000; text-decoration:none; }

#menubg .menu p a:hover { background-color:transparent; }
#menubg .menu  a.link_btn, #menubg .menu a.mn_contribute_btn  { padding:.5em 1.5em; }

/* Submenus are positioned absolute and hidden by default */
div.yuimenu div.yuimenu, div.yuimenubar div.yuimenu {
position:absolute;
visibility:hidden;   
}
/*Styles for the menu's header and footer elements that are used as controls to scroll the menu's body element 
when the menu's height exceeds the   value of the "maxheight" configuration property.*/
div.yuimenu div.topscrollbar, div.yuimenu div.topscrollbar_disabled,
div.yuimenu div.bottomscrollbar, div.yuimenu div.bottomscrollbar_disabled {
height:16px;
background-repeat:no-repeat;
background-position:center;
width:108%; /*time constrains used an unreal #*/
}
div.yuimenu > div.topscrollbar, div.yuimenu > div.topscrollbar_disabled,
div.yuimenu > div.bottomscrollbar, div.yuimenu > div.bottomscrollbar_disabled{width:100%;}
div.yuimenu div.topscrollbar, div.yuimenu div.topscrollbar_disabled {
    background-image:url(/images/arrow-up.gif);
}
div.yuimenu div.bottomscrollbar, div.yuimenu div.bottomscrollbar_disabled {
    background-image:url(/images/arrow-down.gif);
}
/* **Level 2 Links ** */
div.yuimenu div.topscrollbar, div.yuimenu div.topscrollbar_disabled,
div.yuimenu div.bottomscrollbar, div.yuimenu div.bottomscrollbar_disabled, 
#menubg .menu ul li ul li a, .menu li.yuimenuitem a  {
background-color:#F7F4EB;
/* border: 1px ridge #D3C088; */
}
#menubg .menu ul li ul li a, .menu li.yuimenuitem a { /*time constrains i used !important;*/
width:100%;
padding-left:5px !important;
padding-top:4px !important;
padding-bottom:4px !important;
border-bottom-color:#F7F4EB;/*for ff3*/
*border-bottom-width:0; /*for IE*/
}
#menubg .menu ul li ul li a.bottom, .menu li.yuimenuitem a.bottom {
/*border-top-color:hotpink;
border-right-color:gold;
border-bottom-color:lime; 
border-left-color:purple;*/
/*border-bottom-width:1px;
border-bottom: 1px solid #999;*/
}
#menubg .menu li li a:link, #menubg .menu li li a:visited {
color:black;
}
#menubg .menu li li a:hover, #menubg .menu  a.hassubmenu .selected {
color:black;
background: none;
cursor:pointer;
}#menubg .menu li li a:active {}
iframe#yuiResizeMonitor {display:none !important;  /*for ie6's disapering nav*/}
#menubg  .menu li {*position:static !important; /*for ie6*/}


/***** END MEGA MENU *************/




#ie_historyFrame {display:none;  /*for #menubg form Yahoo IE frame*/ }

#info, #information {
margin-right: 28em;
/*position:relative; 08/11/10: Took out b/c it causes things to go behind it */

/*margin:0;
margin-right:-10px;
margin-top:-1em;
padding-right:390px;
background-image: url(/images/sidecolumn_bg.jpg);
background-repeat:repeat-y;
background-position:right;*/
}
#info.giftshop {position:static;}
table.giftshop #sidecolumn{
	float:none;}
	
#sidecolumn, #assets, .submenu {
width: 25.5em;
}
#sidecolumn, #assets { /*#sidecolumn is 1st col*/
float: right;
padding:10px 5px 5px 10px;
/*background-image: url(/images/sidecolumn_bg.jpg);
background-repeat: repeat-y;
background-color:#C0B08C;*/
clear:right;
}
#sidecolumn {
/*background-color:tan !important;*/
margin:0;
margin-right:-10px;
margin-top:-1em;
*margin-right:-4px;
}
#main_content > #sidecolumn {margin-right:-10px;}
#assets, #sidecolumn.giftshop, #main_content > #sidecolumn.giftshop { /*is last col (try to remove)*/
float:none;
position:absolute;
top:0;
right:0;
margin-right:0;
margin-top:0;
clear:none;
}
#main_content { padding-bottom:20px;}
.submenu { /*do not need to build withextra div*/

margin:0px 0px 20px 20px;
overflow:hidden;/*for .submenu img*/
}
#relatedEvents .col-sm-3:nth-child(3n+2){clear:left;} 

.submenu ul {margin-bottom:1em; } 
* .submenu ul, .article p /*.article for event page: Review*/ {margin-bottom:0px;}
.submenu li ul {
margin-left:25px;
border-left:1px solid #b9a87c;
}
.submenu li:first-child{border-top:1px solid #b9a87c;}
.submenu a, .watch a, #calendarListSwitcher a {
padding:10px;
display:block;
text-decoration:none;

}
.submenu ul ul a {
padding-top:5px;
padding-bottom:5px;
}
.submenu a:link, .submenu a:visited { 
background-color: white;
text-decoration:none; /*1e6*/
}
.submenu a:hover, .submenu a:focus {
background-color:#EBE6D0;
color:black;
}
.submenu a:active {
background-color:#F7F4EB;
*background-color:white;
}
.submenu.gift {
background-color:transparent; 
margin:0;
}
.submenu.gift li {/*for new links*/
clear:both;
}

.submenu.gift li a {
text-transform:capitalize; 
font-variant:small-caps;
/*for new links*/
float:right;
*width:75%;
}
.submenu.gift li > a{ /*ie7 & FF*/
width:82%;
}
.submenu.gift li ul {/*for new links*/border-style:none;}
.submenu.gift li li a {border-left-width:1px;}
.submenu.gift li a.bullet {
float:left;
clear:both;
display:block;
width:5%;
margin:0;
*margin-top:5px;/*ie6*/
*padding:8px; /*ie6*/
*padding-right:0px; /*ie6*/
*padding-left:12px; /*ie6*/
border-width:1px;
text-align:center;
}
.submenu.gift li > a.bullet { /*ie7 & FF*/
margin-top:10px;
padding:8px;
*padding:5px;
}


.associateWho {
	border: 1px solid #CCCCCC;
	border-radius: 10px 10px 10px 10px;
	min-height: 380px;
	padding: 2em 2%;
	width: 28%;
	margin: auto .25%  1em;
}
div.grid div.associateWho  {
	border: 1px solid #CCCCCC;
	padding: 2em 2%;
	width: 28%;
	display: inline-block;
	margin: auto .25%  1em;
}
.associateWho h2 {
	font-weight: bold;
	color: black;
	border: 0 none;
}
.associateWho h2 img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: .5em;
}

.col, #tabs #tickets .legend  dl{ /*2 even column layout*/
width:47%;
float:left;
margin-right:.5%;
margin-left:.5%;
}
#info fieldset .col{
width:45%;}

.comment {
max-height:350px;
overflow:auto;
}
.comment .moderator {
background-color: rgb(246, 244, 230); 
padding: 2px 0px; 
border-top: 1px dotted rgb(204, 204, 204); 
border-bottom: 1px dotted rgb(204, 204, 204);
}

.clearrt, #eventCalendar {
clear:right;
}
.clearlf, .watch a, .watch a img, .farrell h2 {
clear:left;
}
.clearbth, #sidecolumn.clearbth, h2#about, #sidecolumn h3, #assets h3, table.calendar {
clear:both;
}



/* drop Down Banner */
#dropDownBanner {
	height:100px;
	overflow:hidden;
	width:917px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	position:relative;
}
#dropDownBanner:hover, #dropDownBanner:active, #dropDownBanner:focus {
	overflow:visible;
}
#downBanner {
	display:block;
	position:absolute;
	margin:0px;
	padding:0px;
	z-index:1;
}
#downBanner span {
	display:block;
	margin:0px;
	padding:10px;
	margin-bottom:20px;
}
/* end drop Down Banner */

 /*.footer,*/ .sponsor {
font-size:.8em;
}

/* .footer {
text-align:center;
clear: both;
float:none;

}


.footer_social { 
display:block; 
width:100%; 
padding-top:5px; 
padding-bottom:5px; 
border-bottom:1px solid #c3baa1;

 }


.footer_contact {   text-align:center; margin:0;  padding-top:20px; padding-bottom:20px; border-top: 1px solid #ffffff;}
.footer_privacy  {display:block; background-color:#dcd6c6; border-top:1px solid #ffffff; padding-bottom:10px; padding-top:10px; 
}*/
.bottomtable {width:60%;}
.verisign, h1.gala {text-align:center;}
/* ========== Visual changes (alphabetical order) ========== */
.alert-note, .sellingout {
color:#FF0000;
}
.sellingout {
margin:10px 0px;
border: 1px dashed #FF0000;
padding: 1em;
display:block;
font-size: 1.2em;
}
#info.giftshop .alert, .giftform.item{/*remove once new template built*/
padding:2em 1.5em;
margin:2.5em 0;
}
#info.giftshop .alert, form.giftform.item { /*remove once new template built*/
margin-bottom:60.5em;
}

.availability, #tabs #tickets .legend strong { 
display:block;
}


.associateWho {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.12) inset;
}
.associateWho label {
	font-weight: bold;
	color: black;
}

/*note: '.b2get' is for the special offer box that appears with use of the rules engine aka better 2 together*/
fieldset.b2get, .event_top fieldset.b2get {border:1px solid #EAE6CB; border-left:none; border-right:none; 
}
.b2get legend img, .membershipmonth legend img{float:none; margin:0px;}
.b2get p, .membershipmonth p {  padding-left: 276px; margin-left: 1em;}
.membershipmonth p {padding-left: 79px;}

.giftshop form select[multiple].norm { overflow:auto; width:100%; }
.giftshop form select[multiple] { height:10em; max-width:100%; }


/* event calendar and it's pop-up (also see table styles)*/
table.calendar, table.giftshop {
width:100%;
}
table.calendar tr th {
background-color:#E1DDD2;	
padding-top:.05em;
padding-left:.25em;
font-family:Questrial, Sans-Serif;padding:10px; text-align:center;
background: none repeat scroll 0% 0% #207EC6;
color: white;
/*border-bottom-width:2px;
border-left-width:2px;*/
}
table.calendar tr th:first-child, table.calendar tr td:first-child {}
table.calendar th, table.calendar td {
width:14.2%; /*looks good live*/
border-bottom:3px solid white;
border-left:2px solid white;
border-right:none;
}
table.calendar th {border:1px solid #1B67A0;}

table.calendar td {
padding:0; /*b/c every child of td is wrapped in a div*/
margin-top:0;
margin-right:0;
margin-left:0;
background: none repeat scroll 0% 0% #F7F8FF;
border: 1px solid #CCC;

}

table.calendar h3, table.calendar .date {
padding:.1em .5em;
font-weight:bold;

margin:0;
font-size:1em;
color:black;
width:auto;
}
table.calendar img {vertical-align:text-top;} 
li .perf_time, #events_calendar .perf_time, .events_calendar .perf_time, li .upcoming_perfs, div * .upcoming_perfs {
border-top-width:0;
border-right:1px solid #DFDBD1;
border-left:1px solid #DFDBD1;
position:relative;
background-color:#f7f7f7;

}
.perf_time, .upcoming_perfs /*brakes ie6, table.calendar td > div*/{ 
	display:block;
	padding: 4px;
	margin:.5em .25em; 
/*update*/
border:1px solid #b3ab98;
 background-color:#F8F6F0;
}
.perf_time .pricing_link {
/*update	border-bottom:6px solid #EFE5E0;*/
	display:block;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:.5em;
}
td .perf_time .pricing_link {
	margin-left:-1px;
	/*update*/margin-top:0em;
}
.perf_time.most_avail {
/*update*/	border:1px solid #86806f;
}
.perf_time.many_avail {
/*update*/	border:1px solid #e7ddc1;
}
/*update
.perf_time.many_avail .pricing_link {
	border-bottom: 6px solid #D7BFB2;
}*/
.perf_time a.pricing_link strong {
	text-decoration:none;
	white-space:normal;
	display:block;
}
.perf_time, a.link_btn, a.mn_contribute_btn {/*update / new */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/*table.calendar .perf_time*/ a.link_btn, a.link_btn:visited {
/*update
display:inline-block; for ie6 & 7*/
	white-space:nowrap;
	padding: 1px 2px;
	margin:.1ex 0;
	text-decoration:none;
	background-image:url(/images/eventbuy_bkgd.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #a3843f;
	background-color:#C77E39;
}
table.calendar a.link_btn {
/*update	*display:inline-block; *margin:.1ex 0; *float:none; for ie6 to override .grid.calendar */
display:block;
text-align:center;
font-weight:bold;
}
li .perf_time a.link_btn { position:absolute; top:2px; right:2px; margin:0; } 
*.grid.calendar li .perf_time a.link_btn {right:6px;/*IE6 hack*/ }
*.grid.calendar li .perf_time > a.link_btn {right:2px; /*IE7 revert*/} *
*ul.events_calendar .perf_time a.link_btn{float:right; position:relative; margin-top:-2.7em; margin-right:-5px;  /*IE6 hack*/} 
*ul.events_calendar .perf_time > a.link_btn{float:none; position:absolute; margin:0px;  /*IE7 revert*/}
li .perf_time .pricing_link { text-align:left; }
.perf_time p{/*alos @ homepage.css*/ margin:0.5em 0;}/*li .perf_time p {margin-bottom:0em; margin-top:1px;}*/
*ul.events_calendar .perf_time p {margin-right: 4.5em; /*IE6 hack*/}
*ul.events_calendar .perf_time > p {margin-right:0; /*IE7 revert*/}

.circleRadio {
	display: block;
	float: left;
	margin-right: 1ex;
	margin-top: .25ex;
	padding-bottom: .75ex;
	font-size: .9em;
	background-color: #990000;
	width: 1.5em;
	height: 1em;
	border-radius: 1.75em;
	text-align: center;
	color: white;
	font-weight: bold;
}
a:hover .circleRadio {
	background-color: red;
}

.closeBTN {
border-radius: 1.75em 1.75em 1.75em 1.75em;
padding:0em .5em .1em;
	font-weight: bold;
	background-color: whitesmoke;
float:right;
}
.closeBTN:link, .closeBTN:visited, .closeBTN:active {
	background-color: lightgrey;
	text-decoration:none;
	color: black;	
}
.closeBTN:hover {
	background-color: whitesmoke;

}

/* --- home page pop-up --- */
#dialog {position:absolute; left:0; top:100px;  text-align:left; width:100%; height:100%;}
#dialog-inner {position:fixed; z-index:2000; left:0px; top:0px; padding-top:100px; width:100%; height:100%; text-align:center; 
 background-color:rgba(0,0,0,0.5); -webkit-box-shadow:15px 15px 15px #000000; -moz-box-shadow: 15px 15px 15px #000000; box-shadow: 15px 15px 15px #000000;}
#dialog-inner a {*display:inline-block; *background-color:rgba(0,0,0,0.5);}
#dialog-inner a, #dialog-inner img{
/* IE old: it needs padding for the glow*/
*Filter: Chroma(Color = #000000) Glow(Color=#000000, Strength=20);
*padding:15px;
*margin:0;
}
.dialog-close {  padding:10px 0; font-weight:bold; width:640px; text-align:right; display:inline-block; *padding-bottom:2em;}
 .dialog-close span {  border:3px solid #fff; border-radius: 20px; width:40px; height:40px; text-align:center;}
/* --- end home page pop-up --- */


a.link_btn big, .perf_time a.link_btn big{ /* to remove*/
	font-size:1em;
	text-decoration:none;
}
/*L V H A*/
a.link_btn:link, a.link_btn:visited, a.link_btn:hover, a.link_btn:active {
	background-color:#C77E39;
}
a.link_btn:hover {
	background-image:none;
	 background-color:white;/*update #990000;*/
	/*update*/ border-color:#990000;
}
/*update
a.link_btn:hover, a.link_btn:active, a.link_btn:hover *, a.link_btn:active * {
	color:white;
}*/
a.link_btn:active {
/*update
background-image:url(/images/kc_header_bg.jpg);
	background-position:center;*/
background-image:url(/images/kc_header_bg.jpg);
background-position:top;
color:lightgrey;
}



.listOrganization, .listOrganization li {
	list-style: none;
	list-style-image: none;
	margin-left: 0px;
	padding-left: 0px;
}
.grid .listOrganization li, .grid .listHousehold li {float:none; width:auto; border-bottom: 0 none;}


#millennium ul.events_calendar li a {
background-image: url(/images/icon_video-13.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 20px;
}
.MillenniumSchedule .events_calendar li {position:relative; min-height:70px;}
.MillenniumSchedule .events_calendar h3 {margin-top:0px; }
.MillenniumSchedule .events_calendar img{margin-top: 0.25em; width:30px;}
.MillenniumSchedule .events_calendar img.icon {float:right; position:absolute; top:10px; right:10px;}
.MillenniumSchedule .events_calendar .upcoming_perfs .artist {font-weight:bold; margin-bottom:0px;}
.MillenniumSchedule .specialdescription {color: #003399; font-weight:bold;}


/********** JQUERY CALENDAR ************/

.pod #calendar .ui-corner-all 
{
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: 0;
}

.pod #calendar .ui-widget-content 
{
    width:100%;
    border: none;
}

.pod #calendar .ui-widget-header 
{
    border: none;
    background: none;
    color: #543E18;
    font-size:.8em;
}

.pod #calendar .ui-datepicker td
{
    padding:0;
    margin:0;
}

.pod #calendar .ui-datepicker td a 
{
    text-align: center;
    padding:0;
    margin:0;
    color: #473007
}

.pod #calendar .ui-state-default
{
    border: none;
    background: none;
    font-weight: normal;
}

.pod #calendar .ui-state-hover 
{
    background: #EFEFEF;
    color: #000000;
}

.pod #calendar .ui-state-active 
{
    background: #EBE6D0;
    color: #000000;
}

.pod #calendar .ui-state-highlight 
{
    background: #FFF19F;
    color: #000000;
}

.pod #calendar table.ui-datepicker-calendar
{
    table-layout:fixed;
    margin-bottom:20px;
}

.pod #calendar table.ui-datepicker-calendar thead 
{
    color: #666;
    font-size: .9em;
    font-weight: normal;
}


.pod #calendar .ui-icon-circle-triangle-w 
{
  background-position: -97px -16px;  
}

.pod #calendar .ui-icon-circle-triangle-e 
{
  background-position: -32px -16px;
}

.pod #calendar .ui-datepicker-prev-hover 
{
    background: none;   
    border:none;
    left:2px;
    top:2px;
}

.pod #calendar .ui-datepicker-next-hover 
{
    background: none;   
    border:none;
    right:2px;
    top:2px;
}

/********** END JQUERY CALENDAR ************/
.EventCalendarListDiv{ max-height:220px; height:auto; overflow:auto;}
.EventCalendarList li{
 border-bottom:#f6f6f6 solid thin; 
 padding:.5em;  
    }
.EventCalendarList{padding-top:0px !important;}
.EventCalendarList li:hover{
background:#f8f8f8; 
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s; 
}
.EventCalendarListDiv h4 {
  background: #333;
  color: #fff;
  margin:0px !important;
  padding:.5em;
}
.no-space-top{margin-top:0px; padding-top:0px;}
.nospace{margin:0px 0px; padding:0px 0px;}
.margin-top{margin-top:1em;}
#calendar .yui-calendar .calheader {background-color:transparent;  } /* for yahoo last min*/
#sidecolumn #calendar .yui-calendar .calweekdayrow th,  
#sidecolumn #eventCalendar .yui-calendar .calweekdayrow th {width:auto; padding-left:0; padding-right:0;}  /* for yahoo last min*/
#calendar .yui-calendar .calheader, #calendar .yui-calendar td.calcell, #calendar .yui-calendar td.calcell.today, #calendar .yui-calendar td.calcell.oom, #calendar .yui-calendar td.calcell.selected, #calendar .yui-calendar td.calcell.calcellhover, .performance-viewer #eventCalendar,  .performance-viewer .yui-calendar td.calcell, .performance-viewer .yui-calendar td.calcell.calcellhover, .performance-viewer .yui-calendar td.calcell.selected  { border:none; } /* for yahoo last min*/
#calendar .oom, #eventCalendar .oom {visibility:hidden;} /* for yahoo*/
* > #calendarListSwitcher, #calmonthmenu { /*goes with nso & edu mini-calendar*/
display:block;
text-align:right;
margin-top:.5em 10px;
width:auto;
position:relative;
*position:static;
}

#calendarListSwitcher {
margin-top:-2.5em; width:75%; float:right;
}
#calendarListSwitcher a {
text-decoration:none;
display:inline;
padding:5px;
}

#calmonthmenu a { 
font-weight:bold;
margin-top: .5em; 
margin-bottom:-25px;
padding:7px 10px;
position:absolute;
z-index:1;
 }
#calmonthmenu .next {
right:0px;
width:auto;
}
#showMonthPod #calmonthmenu .previous {
    left:0px;
}

#calmonthmenu a:hover, #showMonthPod #eventCalendar.yui-calcontainer .selectable.highlight3.calcelhover, #showMonthPod #eventCalendar.yui-calcontainer .selectable.highlight3.calcelhover a{background-color:#ffffff;}
#calmonthmenu a img {height:.75em; width:auto;}


#cal1Container.yui-calcontainer{ padding:0;}/* for yahoo*/
#cal1Container .yui-calendar {border-collapse:collapse;} /* for yahoo*/
#eventCalendar .calnavleft, #eventCalendar .calnavright {display:none;} /*we do not use these yahoo links on NSO & EDU*/
#eventCalendar.yui-calcontainer {padding-left:0; padding-right:0px;}



.legend dd{
	margin-bottom:2px; 
	margin-left:2em;
}
/*#info.attend .define dd p,  #info.attend .define dd ul{
IE 3 pixel Float Fix: Box Model Problem 
width:100%;
w\idth:99%; / w\idth  is intentional
}*/

#eventCalendar table{ /*nso & edu calendar*/
border-collapse:collapse;
*clear:both;
}
#showMonthPod .calcell.today {background-color: #ffffcc}
#showMonthPod .yui-calendar .calcell.today.previous  {background-color: #ffffec; color:#8e8e8e;}
#showMonthPod .calcell.highlight3.calcellhover, #showMonthPod .calcell.highlight3.calcellhover a{background-color: rgba(255, 255, 255, 0.9)}


#eventCalendar .selectable, #eventCalendar .selectable a, 
#eventCalendar .selectable.calcelhover, #eventCalendar .selectable.calcelhover a{ /*so the links that do nothing, do not look click able
background-color:transparent;*/
cursor:default;
}
#eventCalendar .highlight3.selectable {
	background-color:transparent;/*#ffeddb #fff19f;  */
cursor:pointer;
}
#eventCalendar .calcell.selected, #eventCalendar .calcell.selected a, 
#eventCalendar .selectable.selected.highlight3, #eventCalendar .selectable.selected.highlight3 a, 
#eventCalendar .selectable.selected.highlight3.calcelhover, #eventCalendar .selectable.selected.highlight3.calcelhover a  {
background-color:#EBE6D0;
cursor:pointer;
}



.events_calendar /*also see homepage.css*/ {
/*update
background-color:#EBE6D0;*/
padding:1px;
clear:left;
}
.events_calendar .perf_time, .events_calendar .upcoming_perfs{
height:auto;
background-color:#F7F4EB;
padding:5px 10px;
margin:3px;

}

.events_calendar .perf_time.soldout {
filter: alpha(style=0,opacity=50);  /*ie (images)*/
-moz-opacity: 0.5; /*mozilla*/
opacity: .5; /*firefox*/
-khtml-opacity:0.5; /*opacity*/
*background-color:#F1EDDD;
}



.eventlist img, .eventlist li, .eventlist div, .upcoming_perfs {
clear:left;
margin-bottom:1em;
}
.eventlist div li {clear:none;}
.eventlist a, .upcoming_perfs a {
/*display:inline-block; was block w/ usability issues*/
display:block; /*still for IE*/
width:auto;
}
.eventlist p a, .eventlist p img, .events_calendar .upcoming_perfs div a, .events_calendar .upcoming_perfs div img {
display:inline;
float:none;
clear:none;
margin:0;
}
.eventlist p, .pod .eventlist p, .eventlist div ul, .eventlist h3, .eventlist h4, .eventlist h5  { 
margin-left:79px; /*has to be same width as img */
margin-right:0;
padding-left:1em; /*has to be same as floated img */
}
.millenniumartist .eventlist.screen p {margin-left:160px;}
.millenniumartist .eventlist div {border-width:0; border-bottom-width:1px;}
.eventlist.thumbnail p, .pod .eventlist.thumbnail p, .pod .eventlist.thumbnail li li, /*see /program/#genera#/*/
.events_calendar .upcoming_perfs div /*programs/millennium/index.cfm*/ {
/*for 32x30 imgs*/
margin-left: 30px;
margin-bottom:.5em;
}
.events_calendar .upcoming_perfs div /*programs/millennium/index.cfm*/ {padding-left:1em;}


/* I Hate IE 6, 7 & 8*/
.eventlist img, .eventlist li, .eventlist div, .eventlist p, .upcoming_perfs {*display:inline-block; /*fix layout in IE*/}
#info < .upcoming_perfs, #info < .upcoming_perfs li {*display:block; /*revert fix for IE7*/ } 
div.eventlist p { *position:relative; *left:-12px;}
.millenniumartist .eventlist.thumbnail p {*left:0;}
.eventlist.thumbnail p{*margin-left:0px; *padding-left:0; *width:90%; /*fix layout in IE6 for /program/#genera#/*/  } 
.eventlist > * p /*kc homepage*/, .eventlist > p /*PAS home page*/{
/*fix *display:inline-block; fix, so it looks good in ie7*/
*display:block;
*width:auto;
*position:relative;
*left:-12px;
}
.eventlist.thumbnail > * p {*margin-left:30px; *padding-left:1em; *width:auto;}

.events_calendar .upcoming_perfs div div {margin:0;}

#eventoptions, #quicklook, .ticketstatus, .farell .detail {margin-left:183px;}
/*#eventoptions .ticket {display:block;}*/

/* EVENT PAGE NEW STYLES - KDH */

/* EVENT PAGE - ABOUT THE PROGRAM SECTION */

#eventContentWrapper 
{
    /*float: left;*/

    margin-bottom: 30px;
    /*margin-right:268px;*/
    padding-top:30px;
}



.event_top .ticketstatus
{
    margin-left:0;
    float:left;
    border:none;
}

/*.event_top .alert 
{
    border:none;
    padding:5px;
}

.event_top fieldset 
{
    margin-top:10px;
    padding:5px;
    border:none;
}*/

.eventSections 
{
    padding-bottom:15px;
    margin-bottom:25px;
    overflow:auto;
    border-bottom: 1px dotted #582D1A;
    font-size: .9em;
}

.eventSections.synopsis
{
	border-bottom-color:#b9a87c;
}


.blurbpadding 
{
    margin-bottom:15px;
}

.blurbpadding table
{
    margin-top:1.2em;
}

#eventNavWrapper
{
    float:right;

}

#eventSideNav
{
    width:100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px 10px;
    padding:5px;
    position:relative;
    min-width:300px;
}

#eventSideNav.fixed{
    position: fixed;
    top: 0;
}

.eventNavList
{
    margin:0;
    padding:10px 10px 15px 10px;
    background:#F7F6F5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px 10px;
}

.eventNavList ul
{
    margin:0;
    padding:0;
}

.eventNavList li
{
    list-style: outside none none;
    margin: 0px;
    padding: 15px 3px;
    border-bottom: 1px solid #CCC;
    font-size: 1.3em;
    font-family: Questrial,sans-serif;
}
}

.eventNavList li a, .eventNavList li a:link {
    text-decoration:none;
}

.eventNavList li a:hover 
{
    text-decoration:underline;
}
#synopsis.eventSections {font-size:1em;}


/* EVENT PAGE - ABOUT THE PROGRAM SECTION - ARTIST SECTION LIST */

#eventContentWrapper #artists ul, #eventContentWrapper #artists li 
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    list-style-image: none;
    /* font-size: .9em; */
    overflow:auto;
}

#eventContentWrapper #artists img 
{
    padding:5px;
    margin:0 25px 5px 25px;
    border:1px solid #8E8B4A;
}

#eventContentWrapper #artists li 
{
    padding:5px;
    border:0px solid #8E8B4A;
    width:200px;
    text-align:center;
    float:left;
    min-height: 19em;
}

/* EVENT PAGE - ABOUT THE PROGRAM SECTION - ARTIST POPUP OVERLAY */

.ui-dialog .ui-dialog-content #artistImage
{
    float:left;
    margin: 10px 20px 10px 0;
}

.ui-dialog .ui-dialog-content #artistName, .ui-dialog .ui-dialog-content h1#synopsisTitle, .ui-dialog .ui-dialog-content h1
{
    margin: 5px 0;
	padding:0px;
    font-family: "Times New Roman", Times, serif;
    font-size:2em;
	font-weight:normal;
	background-image:none;
	background-color:transparent;
	border:none;
}

.ui-dialog .ui-dialog-content #artistLinkDiv
{
    margin: 10px 0 15px;
}

.ui-widget-overlay { /**** OVER WRITING FROM jquery-kctheme.css */
background: #000;
opacity: .80;
filter: Alpha(Opacity=80);
}

.farell .slideshow {
margin-top:1.5em;
width:auto;
height:auto;
}
 
.feature_image img, img.feature_image  
{
    display:block; margin:1em; margin-left:auto; margin-right:auto;
    	-webkit-box-shadow: 0 15px 9px -9px black;
	   -moz-box-shadow: 0 15px 9px -9px black;
	        box-shadow: 0 15px 9px -9px black;
	        border:solid thin #000;
    }
.feature_image h3 {margin:.5em;}
.col-lg-4 .feature_image
{
    background:#333;
       -moz-box-shadow:    inset 0 0 20px #000000;
   -webkit-box-shadow: inset 0 0 200px #000000;
   box-shadow:         inset 0 0 200px #000000;
   
    }
.feedback {
color: #fff;
background-color:#EE7700;
padding: 3px;
width: 61px;
display: inline;
border:0;
margin-left: 20px;
font-size:9px;
}
.feedback a, .feedback a:hover, .feedback a:visited, .feedback a:active {
color: #fff;
text-decoration:none;
}

#header_image {
margin-top: 0;
background-image:url(/images/kc_header_bg.jpg);
background-repeat: repeat-x;
height:80px;
position:relative; 
}

    

/* END FILTER GRID - EDUCATION */

 ul.filtergridmenu {
        margin:10px 0 0 0;
        padding:0;
    }
    
    .filtergridmenu li a{
        margin-right:6px;
        padding:5px 7px;
        color:#231F05;
        background-color:#FBF2CD;
        text-decoration:none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px 5px;
    }
    
    .filtergridmenu li a:hover{
        background-color:#FC3;
        text-decoration:none;
    }
    
    .filtergridmenu.Performances a#Performances, .filtergridmenu.Schools a#Schools, .filtergridmenu.Career a#Career, .filtergridmenu.Management a#Management {
        background-color:#FC3;
    }
    
    ul.filtergrid {
        margin:0;
        padding:0;
    }
    .filtergrid li {
        width:218px;
        float: left;
        font-family: "Helvetica Neue", sans-serif;
        line-height: 17px;
        color: #686F74;
        background-color:#fbf2cd;
        height: 350px;
        overflow: hidden;
    }
    
.grid-4col li { margin:10px; padding:0; border:1px dotted #ffcc33;}
.grid-4col li p { padding:8px; color:#6d633d;}
.grid-4col li a { background-color: #ffcc33; width:214px; display:block; color:#231f05; text-decoration:none; padding:3px; padding-right:6px;}
.grid-4col li p a {background:none; padding:0; width:auto; display:inline; color:#582D1A; text-decoration:underline;}
.grid-4col li h6 { font-size:.9em;}

/* END FILTER GRID - EDUCATION */

/* HEADER SWITCHER */

#header_image a {
background-image:url(/images/kc_header.png);
background-repeat:no-repeat;
display:block;
position:relative;
height:80px;
width:450px;
}

#header_image a.nso_image {
background-image:url(/images/nso_header.png);
}
#header_image a.edu_image {
background-image:url(/images/edu_header.png);
}
#header_image a.pao_image {
background-image:url(/images/pao_header.png);
}
#header_image a.sfb_image {
background-image:url(/images/sfb_header.png);
}
#header_image a.wno_image {
background-image:url(/images/wno_header.png);
}

#imagefeature_container {
/*need to keep reature in place*/
 position:relative;
}
#imagefeature_container #slideshowNavigation {width:auto;}

/* start for /myaccount/ my ticket pod */
#my_tickets.pod h2#history {position:relative;}
#my_tickets.pod h2#history label { 
float:none;
clear:none; 
margin:0; 
color: #4F2614;
}
#my_tickets #ticketsort { position:absolute; right:10px; font-size:.65em; font-family:Verdana, Geneva, sans-serif; letter-spacing:normal; }
*#my_tickets h4 {background-color:transparent; border-width:0px; font-size:1.1em;}
#my_tickets h4, .expandable > h4,  .tixtable th {background-color:#f5f1e8;  font-size:1em;}
#my_tickets h4, .expandable > h4, .tixtable {border:1px solid #c3c3b7; }
#my_tickets h4, #my_tickets .performdetail { clear:left; }
#my_tickets h4 {
	padding: 10px 5px; 
	min-height:20px;
	font-weight:bold;
}
#my_tickets .expandrow  h4 a, #my_tickets .expandable  h4 a, #my_tickets h4 span, #my_tickets h4 small {display:block;}
/*for FF*/ #my_tickets h4 a:link *, #my_tickets h4 a:visited * {text-decoration:underline;} 
/*for FF*/ #my_tickets h4 a:hover *, #my_tickets h4 a:active * {text-decoration:none;}
#my_tickets .expandable img, #my_tickets h4 img {float:left; margin:5px 0 25px 0;}
#my_tickets h4 img, #my_tickets .expandable h4 img {clear:none; margin:0;}
#my_tickets h4 span { margin-left:30px; }
#my_tickets h4 small{	font-weight:normal; font-size:1em; margin-top:1px; }
#my_tickets .tixtable {border-width:0px; border-bottom-width:1px; }
#my_tickets table.tixtable {width:100%;}
#my_tickets p.tixtable {padding:.5em; font-weight:bold;}
#my_tickets .detail { margin-left:160px;}
/* end for /myaccount/ my ticket pod */


.odd {background-color:#F7F4EB;}
.events_calendar .odd {background-color:#FFFBEF;}

dl.onecol dd {margin-left:0px; padding-left:0px;}

/*I A a i 1
.outline, .alphaoutline { font-weight:bold;  list-style-type:upper-roman;}
.outline li li, .alphaoutline li li{ font-weight:normal; }
.outline li ol li {list-style-type:upper-alpha;}
.outline li  ol ol  li{ list-style-type:lower-alpha;}
.outline li  ol ol ol li { list-style-type:decimal;}*/
/*A 1 . o
.alphaoutline {  list-style-type:upper-alpha;}
.alphaoutline li  ol  li { list-style-type:decimal; }
.alphaoutline li  ul li { list-style-type:disc;}
.alphaoutline li  ul ul li { list-style-type:circle;}
.alphaoutline tfoot tr th, .alphaoutline tfoot tr td {border-top:.1em solid black; }*/


#pricing_dialog_h.hd, #pricing_dialog_h, #pricing_dialog_h:focus, .yui-panel .hd {
	cursor:move !important;
}
/*#pricing_dialog_h.hd {background-color:#990000;} 
#perf_pricing table div div {background-color:#89484a !important;}*/
/*#pricing_dialog_c*/ #perf_pricing table {
	width:100%;
	margin:0 0 inherit 0;
	vertical-align:top;
	border-spacing: 1px; /*cellspacing*/
}
#perf_pricing, #perf_pricing table caption {position:relative;}
#perf_pricing table caption {
	width:auto;
	margin-top:0;
	padding:6px;
	border-bottom:1px solid black;
	margin-bottom:5px;
}
#perf_pricing table th {
	background-image:url(/images/footer_bg.jpg);
	background-position:center;
	font-weight:normal;
}
#perf_pricing table caption a.link_btn {
	margin:0;
	top:0;
	margin-top:.4em;
	position:absolute;
	right:12px;
	font-size:.8em;
	font-weight:normal;
}

.events_calendar a.mytix_btn:link {display:inline-block;}

a.mytix_btn:link,
a.mytix_btn:visited, a.mytix_btn:active,
table.calendar a.mytix_btn  {

   background:url('/images/icon_mytix_btn.gif') repeat-y white; 
   border:1px solid #de3954;
   color:#ed1e24; 
   	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
    font-size: 10px;
    font-weight: normal;
    padding: 3px 3px 3px 25px;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    vertical-align: bottom;
    white-space: nowrap;  
    margin: 3px 0;
   box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
   transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
   -ms-transition: all 0.3s ease-in-out 0s;
    }
    
a.mytix_btn:hover, table.calendar a.mytix_btn:hover {
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 5px rgba(0, 0, 0, 0.5);


    
    }
.pod { /*also see fielsdset*/
margin: 10px 5px;
padding: 1px;
padding-bottom:1em;
}

.playimg, .playimgleft, .playimgright {position:relative;  display:block;}
img.play, img.playleft, img.playright {
    background-color: transparent;
    border: 0 none transparent;
    left: 50%;
    margin-left:-20px; /*(half of image width)*/
    position: absolute;
    top: 50%;
    margin-top:-20px; /*(half of image height)*/
}

.fullheight /* for education page */
{
    height:100%;
}

.pod > h2:first-child, .pod > h3:first-child, .pod > h4:first-child, .pod > h5:first-child, 
.ticketstatus h3, .millenniumartist .eventlist div h3, .define h4 {margin-top:0; margin-bottom:0;}
.eventlist div h3  {margin-top:0;}
.pod div, .pod form, .pod p, .pod h3, .pod h4, .pod .eventlist {padding:.7em;}
.pod h3 {padding:0;}
#sidecolumn .pod, .col .pod /*.pod*/,
.pod div div, .pod * p, .pod div h3, .pod div h4, .pod form h3, .pod form h4 {
margin-left: 0px; margin-right: 0px;
}

.pdf, .submenu a.pdf {background-image:url(/images/icons/pdf.gif); background-repeat:no-repeat; background-position:top left; padding-left:25px;}
.submenu a.pdf { background-position:center right; padding-left:10px; padding-right:16px;}


/*.grid = lvl 1*/
.grid:after { 
	display:block;
	clear:left;
	/*note: IE compatabuily mode  content doesn't work*/
	content:" ";}

/*grid lvl 2*/
 .gridlogo li, .div.grid div{ 
display:block;
width:30%;
height:14%;
margin:.5% 1%;
padding:0 0 .5% .5%;
border:1px dotted #b9a87c;
border-top-width:0px;
border-right-width:0px;
border-left-width:0px;
}
.gridlogo li, .div.grid div, .grid table  {
float:left;
}
.eventlist .grid li {clear:none;}

.grid table:nth-child(3n+1), .grid.thirds > *:nth-child(3n+1), 
 .archiveclip .grid li:nth-child(2n+1) {clear:left;}
/**/

.gridlogo li, .grid.gallery li {
text-align:center;
padding:0px;
width:200px;
height:105px;
}
.grid.gallery li{width:115px;}
.grid.gridjazzclub li{
	height:8em;
}
.grid.column li, .grid.column div{ /*see if we can del*/
width:45%;
}

#info  .gridgalleries li /*for slideshows with image 100px width*/
{
    width:100px;
    border:none;
}

.grid.category li {
 /*  border-bottom: 1px dotted #B9A87C;
    display: inline-block;
margin: 0.9% 1%;
    padding: 0 0 1.7% 0.5%;
      width: 13%;*/
	*height:7em;
    
    text-align: center;
 
}
.grid.gift {clear:right; width:100%;}
.grid.gift li { height:9em; }
.grid.gift div {margin-left:1em; }

.grid table { 
height:15em;
margin:0px 3%;
margin-bottom:2em;
}

/*for board of trustees*/
.trustees .grid li {
  height: 3.5em;
}

/*gird lvl 3+*/
.grid address:first-line { 
font-weight:bold;
}
.grid table td, .grid table th, .calendar.small {
padding:.25em;
}
.grid.calendar li { /*or lvl 2*/
border:0;
height:10em;
overflow:visible;
}
.grid.calendar.event li {/*or lvl 2*/
height:5em;
margin-bottom:3.5%;
}


/*.grid li li, div.grid div div {
width:auto;
height:auto;
list-style-type:circle;
float:none;
border-style:none;
padding:0px;
margin-bottom:.5em;
}
.grid li ul, .grid div ul {padding-left:1em; border-style:none;}
.grid li li {display:list-item;} */
div.grid div div{margin:0; list-style-type:none; }
.grid.gift li a {
*font-variant:normal;
}


.loading, #events_calendar .loading {
padding:2em;
display:block;
text-align:center;
background-color:white;
}
/*img.loading {
margin-left:auto; 
margin-right:auto;
border: 2em solid white;
}*/


#sidecolumn.nsofull, #info.nsofull {width:100%; float:none;}
#sidecolumn.nsofull ul li {display:inline;}
#sidenotelarge {width:280px;}


/*farrell current state*/
.submenu a.current, .submenu.home a.home,
.submenu.about a.about, .submenu.bio a.bio, .submenu.dancer a.dancer, .submenu.staff a.staff,
.submenu.photos a.photos,
.submenu.tour a.tour,
.submenu.repertoire a.repertoire, .submenu.preservation a.preservation, .submenu.couple  a.couple, .submenu.choreographers  a.choreographers, .submenu.audio  a.audio,
.submenu.contribute a.contribute, .submenu.give  a.give, .submenu.advance  a.advance, .submenu.benefit  a.benefit,
.submenu.presenter  a.presenter, .submenu.technical a.technical, .submenu.venues  a.venues, .submenu.press  a.press, 
.submenu.contact  a.contact,
.submenu.notes  a.notes, .submenu.notes07  a.notes07, .submenu.notes08 a.notes08, .submenu.notes09 a.notes09, .submenu.notes10 a.notes10, .submenu.notes11 a.notes11, .submenu.notes12 a.notes12, .submenu.notes13 a.notes13, .submenu.notes14 a.notes14, .submenu.notes15 a.notes15{
background-color: #f7f4eb;
}





.search {
position: absolute;
color:white;
text-align:right;
z-index: 999;
right: 10px;
top: 2.3em;
width:250px; /*width:auto; = 100% in IE 8*/
}

.account_links {
	background-color:#7d0506;
	display:block;
padding:5px;
text-align:right;
padding-right:15px;
color:#fff;
background-repeat: repeat-x;
background-position: top;}

.account_links a, .account_links a:visited{ color:#fff; text-decoration:none; }
.account_links a:hover { color:#fff; text-decoration:underline;}

.search a, .search a:link, .search a:visited, .search a:hover, .search a:active {
color:#ffffff;
font-weight: bold;
font-size: .9em;
}



#search_tabs { border-style:ridge; border-top:0; border-left:0; border-right:0; padding:5px 0 ; /*must be same as #search_tabs li*/ }
#search_tabs li {
display:inline;
padding: 5px;
margin-right:2px;
border-style:ridge;
border-bottom: 1px solid #ccc;
background-color:#EFE7D1;
}
#search_tabs li.selected {
border-bottom-color: #fff;
background-color:white;
}
#search_container {
border-style:ridge;
border-top:0;
padding: 1em;
padding-top:0;
}
#search_container td {
padding:0px;
background-color:transparent;
}
#search_container .oneboxResults {
padding: 0.5em 1em .5em; 
margin:0 0em 2em .5em;
border-color:#e5ecf9; 
overflow:auto;
}

.sidenote, .watch, .legend { /*.watch consider removeing*/

padding: 10px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 15px;
z-index:100;
overflow:hidden; /*find better solution*/
}
fieldset .sidenote {
border-top:0; 
border-right:0; 
border-bottom:0;
}
.legend {
	border:none; 
	padding: 0px; 
	background-color: transparent;
}

#sidecolumn .sidenote, #sidecolumn .watch, #sidecolumn .submenu, #sidecolumn .legend,
#assets .sidenote,  #assets .watch, #assets .submenu, 
#tabs #tickets .legend  {
float:none;
clear:none;
width:auto; /*99%;*/
margin-top:0;
margin-left:0;
margin-right:0;
}

#sidecolumn .submenu {
padding:10px;
width:auto;}
#sidecolumn .submenu li:first-child{border-top:none;} 
#sidecolumn .watch, #assets .watch { width:auto;}
.sidenote.sfbnotes {width: 41%; font-size:.8em; font-weight:bold;}
.sidenote.sfbnotes img {display:block; margin:.2em auto;}
.sidenote.viewgift {text-align:center; width:auto; white-space:nowrap; } /*giftshop*/
.sidenote.viewgift legend {font-weight:bold; }
.sidenote.quote { /* /education/partners/partners.html (redo)*/
float: left;
margin-right: 15px;
margin-left: 0px;
}
.sidenote.quote img, .sidenote.quote q, .sidenote.quote blockquote, .special_descript {
display: block;
margin: 0px;
font-size: 0.8em;
}
.sidenote.seatingchart {
clear:right;
width:450px;
}
.sidenote ul, .sidenote ol {
margin-left:0;
}
.sidenote .define dd{
margin-left:25%;
}
.sidenote .registration a.link_btn{
display:block;
width:75%;
text-align:center;
margin-left:auto; margin-right:auto;
}

/*.soldout,*/
.moderated, .moderated *, .moderated a:link, .moderated a:visited {
color:#666;
}
.soldout {
text-decoration:none !important;/*override yahoo*/
}
.soldout.perf_time p {margin-top:0; margin-bottom:0;}

.sponsor, .credit { /* see if .credit is used*/
display:block;
font-style:italic;
text-align:center;
margin:1em inherit;
}
.sponsor img, .define dt img, .sponsor big  {
display:block;
}
.sponsor img, .sponsor big, .eventsponsor img { /*default spacing for sponor logos*/
margin:1em 0;
}
.sponsor img, #sidecolumn .sponsor img {
margin-left:auto;
margin-right:auto;
float:none;
}
.sponsor em, .sponsor i, .sponsor * em, .sponsor * i,
.credit em, .credit i, .credit * em, .credit * i {font-style:normal;}
.sponsor .sponsorname, .sponsor .nowrap, .credit .nowrap /*phase out .nowrap*/ {white-space:nowrap;}
.bankamerica img, .sponsor img.bankamerica, img[alt="[Bank of America  logo.]"], .sponsor img[alt*="Bank of America"] {
/*10/04/07: All white space around the BofA logo needs to be larger than 15px*/
margin-top:16px;
margin-bottom:16px;
}
.audi img, .sponsor img.audi, img[alt="[Audi logo.]"], .sponsor img[alt*="Audi"] {
/*07/02/10: All white space around the Audi logo needs to be larger than: top & bottom = 1 ring height, left & right = half ring width*/
margin-top:30px;
margin-bottom:30px;
display:block;
}
.altria img, .sponsor img.altria, img[alt="[Altria logo.]"], .sponsor img[alt*="Altria"] {
/*02/16/11: All white space around the Altria logo needs to be larger than: top, bottom, left & right = 1 cude cluster height */
margin-top:50px;
margin-bottom:50px;
display:block;
}
.bombardier img, .sponsor img.bombardier, img[alt="[Bombardier logo.]"], .sponsor img[alt*="Bombardier"] {
/*02/16/11: All white space around the Bombardier logo needs to be larger than: top, bottom, left & right = height of 1st B */
margin-top:25px;
margin-bottom:25px;
display:block;
}
.sponsor big {
font-size:1.5em; 
font-style:normal;
}
#sidecolumn .sponsor {
position:relative;
}

table.calendar .special_offer img{vertical-align:bottom; margin-top:.5em;}

a.top { /*anchor to top*/
float:right;
margin-top: -1em;
}

#video_interactive {
width:320px;
margin-left:auto;
margin-right:auto;
}
#video_interactive a.video_player, #video_interactive.video_player  {
display:block;
position:relative;
height:263px;
text-align:center;
background-color:#4e1c1d; 
padding-top:5px;
margin-bottom:2.1em;
}
.video_player, a.video_player *, a.video_player:link, a.video_player:visited, a.video_player:hover, a.video_player:active {
color:#CCCCCC;
text-decoration:none;
}
#video_interactive a.video_player:hover {
background-color: #89484a;
}
a.video_player:hover, a.video_player:active,
a.video_player:hover *, a.video_player:active *{
color:white; 
}
a.video_player:hover, a.video_player:active {
background-color:#333; }
.video_player img, .video_player .sponsor {	
margin: auto;
display:block; 
margin-top:20px;
}
.video_player .integrative {
position:absolute; 
bottom:-0px; 
left:0; 
margin:0; 
}

.watch a {border-bottom:0;}
.watchListen li {
margin-bottom:.75em;
}
.watchListen a.video, .watchListen.video a  {
background-image:url(/images/icon_video-13.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:25px;
}



/****=================   WORKSHOP STYLES   ===================== ***/
.workshop {  width: 97.5%;/* background-color:#9bcaeb; */ padding:0;margin:0; border: 1px solid #7fb1d3; margin-bottom: 12px;background:url(/images/education/workshopBG.gif); background-repeat:repeat-y; padding-left:20px;   }
.workshop form {border:1px solid #ccc;}
.workshop h5 { margin-left: 0;}
.workshop h5 label  { margin-left: 53px;}

.mainevent { /*background:url(/images/education/workshopBG.gif); background-repeat:repeat-y; background-color:#FFF;  padding-left:20px;*/ padding-left: 0px;  background-position: left ;margin:0;}
.mainevent input { background-color:#3a85b8; padding:9px; }
.mainevent label { padding-left: 30px; font-size:18px; font-weight:bold;  }
.subevent, .subeventradio { padding-left: 50px; background-color:#e6f2fb;  border-bottom:7px solid #fff; border: 7px solid #fff; border-top:1px solid #fff;border-left:0; border-right:0;  padding-right:0; padding-top:10px; margin-left: 40px; margin-bottom: 1px;   }
.subeventradio { border: #e6f2fb; margin-bottom:0; padding-bottom:0;}
.subevent label, .subeventradio label { font-weight: normal; font-size:.9em; padding-left: 10px;}
.subevent input, .subeventradio input { margin-bottom: 4px; background-color:#FFF;  }
.workshop p, .workshop h3 {margin-left: 90px; display:block; padding-bottom: 15px;padding-right:10px; margin-top:0; margin-bottom:0; }

.description strong:first-child { margin-left:90px; padding-left:90; margin-right:10px;} 
/*.date {margin-left: 35px; display:block; padding-bottom: 5px; font-size: 12px; width: 100%; }*/
.submit {margin-left: 90px; margin-top: 30px; font-weight: bold;}
.submit input { font-weight: bold; background-color: #efefef;}

	
/*#main_content { position: static}*/
.perf, .perf div, .perf a, .perf div.perf_time, .perf .time, .perf .perf_time a.link_btn, .perf .pricing_link, .perf a.pricing_link strong{
	display:inline;
	position: relative;
}
.perf img{
	margin: 0;
}
.perf br {
	display:none;
}

#performances ul li{
	padding-bottom: 10px;
}


span.date{
	font-weight: bold;
	width: 100px;
}	
/*.event_top { display:block;  width=100%;}*/
	#eventtitle { margin:10px 0;}
.quicklist ul {margin:0;padding:0;}	
.quicklist {margin:0;padding:0;}	
.quicklist li {list-style:none; list-style-image:none; margin:0; margin-top:5px;}	
.register {padding:15px; padding-top:0;}
	.label_register { margin-left: 25px; margin-top: -20px;}
.input_register { margin-left: 30px; }
.button_register { margin-left: 150px; margin-top: 40px; }
.highlight{
				
	/* background: url(/images/eventpageHighlight_bg.jpg) repeat-x;
	border: color: #FC0;
    -webkit-border-radius: 10px;
    border-radius: 10px 10px;*/
}
.program, #relatedEvents p, .jwbox, #articles ul { padding-bottom:0;}
#edu-program .tab-content .thumbnail{min-height: 31em; padding-top:1.5em;}
.eventSections .jwbox 
{
    clear:both;
    display:inline-block;
    width:615px;
}
		
.like {width:285px; margin-bottom:10px; margin-left:5px;}
 .ticketstatus { 
    margin-top:1em;
    margin-bottom:1em;
   /*margin-left:45px;
    margin-right: 28em;*/
    padding:5px;
}

.performance-viewer {background-color:white; padding-bottom:1em; margin-bottom:1em; }
/*.search-genre { clear:left; position:absolute; top:23em;}	*/
/*.showMonthPod  {margin-bottom:12em;}
.search-genre { clear:left; margin-top:-12em;}*/
.search-genre { clear:left;}
.YELL {text-transform: uppercase;}

/****=================   OLD CSS BELOW   ===================== ***/
/****================= E V E N T    P A G E   ===================== ***/


#quickinfo {
border:0;
}
#quickinfo dt {
width: 20%;
border:0;
float:left;
text-align:right;
}
#quickinfo dl {
padding-top: 0;
border:0;
}
#quickinfo dd {
margin-left:3em;
}

.overflowAssetsHidden{
display:none; }
.overflowAssetsShown{
display:block; }

.slideshow {
border: 6px solid #b9a87c;
background-color:white;
text-align:center;
padding: 6px;
margin-right:1.5em;
width: 138px;
/*[ajw: remove 07/08/8] clear:both;*/
}


.buyticket {
background-repeat:no-repeat;
background-position:right;
margin-left: 20px;
border:0;
text-transform:uppercase;
font-weight:bold;
}



/*consider delete. it is on /education/home.html & home_noflash.html*/
#listnav { 
margin-top: 10px;
text-align:center;}

#listnav a, #listnav a:hover {
display:inline;
padding: 3px;
font-weight: bold;
background-image:none;
text-align:center;}

div.performance{
padding: 10px;
}
.performance strong{
font-size: 1.2em;
padding: 5px;
padding-bottom:0;
display:block;
color:#000;
/*background-image:url(/images/perflist_date_bg.jpg);*/ }

ul.perfList a, ul.perflist a:link {
background-color:#990000;
border: 1px solid #000;
padding: 5px;
text-decoration:none;
color: #fff;}

ul.perfList a:hover {
background-color:#ff0000;
border: 1px solid #000;
padding: 5px;
text-decoration:none;
color: #fff;}




/****================= O T H E R   ===================== ***/
/* Used on the cart page */
.calloutbox {
	background-color:#efefef;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	padding: 9px;
	}
.calloutbox a {
	color:#fff;
	}

/****================= L O G I N   /   F A C E B O O K   ===================== ***/

.login {
padding-right: 30px;}
.new_account, .login {
width: 45%;
float:right;
}
.login-header { border:0;
    border: 0 none;
    margin: 0;
    padding: 0 0 0 15px;
}
.new_account {
margin-left: 30px;
margin-right:20px;
}



.confirmation {
color:#CC6600;
border-bottom:1px dashed #CC6600;
font-weight: bold;
font-size: 130%;
}

/*.videothumb { 
margin-top:-30px;
padding-left:5px;
margin-bottom:15px;
}*/

.horizontal_one {border-right: 1px solid #c1ab75; display:block; width:35%; margin-right: 20px; padding-left:10px; padding-bottom: 10px; float:left; padding-top: 0px; }
.horizontal_two  {display:block;}
.facebook_login img {margin-top: 10px; }
.fb_box .eventlist a {display:inline;}
.fb_box .FB_profile_pic { float:left; margin: 0px 1em 1em 0px;}

.button {
text-align:center;
font-size: 14px;
font-weight: bold;
background-color:#fff;
border: 1px solid #999;
padding: 6px;
}

#defaulttext {
padding: 5px;}


/****================ CONTRIBUTE - INDIVIDUAL SUPPORT PAGE=================== ***/

/* SLIDESHOW */

  #backgroundImage_container {
  height:260px;
  position:relative;
  margin-bottom:1em;
  }

  /* BENEFIT LEVELS SLIDER AND CONTENT */

  #sliderHolder {
  height:90px;
  }

  .carousel .prev  {
  float:left;
  margin:10px 1% 20px 0;
  padding:0;
  height:56px;
  width:4%;
  }

 /* .carousel .next  {
  float:right;
  margin:10px 0 20px .5%;
  padding:0;
  height:56px;
  width:4%;
  }*/

  #sliderBG {
  height:54px;
  width: 90%;
  overflow:hidden;
  position:relative;
  float:left;
  z-index:1;
  background-image: url(/images/supportSliderBG.png);
  background-repeat: repeat-x;
  margin:10px 0 20px 0;
  padding:0;
  border: 1px solid #9C842E;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px 10px;
  }

  #sliderBG li.hot a{
  color:#de3831;
  }

  #sliderBG li {
  overflow: hidden;
  float: left;
  display: list-item;
  list-style-type: none;
  list-style-image: none;
  color:#333;
  width:20%;
  height:32px;
  font-family:Trebuchet MS, Arial, sans-serif;
  font-size:15px;
  text-align:center;
  font-weight: bold;
  margin: 15px 0 5px 0;
  }

  #backgroundImageModule div {
  display:none;
  }

  #backgroundImageModule small {
  line-height: 2em;
  }

  #slds div {
  display:none;
  background: url(/images/support/individualgiving/bg.png);
  position:absolute;
  z-index: 1;
  width: 600px;
  height: 240px;
  }

  #slds div.hot {
  display:block;
  }
  #slds div h3 {
  margin:15px 0 13px 10px;
  font-size: 1.3em;
  }

  #slds li {
  margin:0;
  }

  #slds ul {
  margin-left:0;
  }

  #closeSlide {
  margin-left:585px;
  background-image: url(/scripts/jQuery/dialog/images/ui-icons_222222_256x240.png);
  background-position: -96px -128px;
  width:15px;
  height:20px;
  position:absolute;
  z-index: 1;
  visibility:hidden;
  }

  #closeSlide.hot {
  visibility:visible;
  }

/****  for KIOSK    *** [ajw:04/21/08: we need another way to add this for IE?]*/
html {*position:static !important;/*for ie only*/}


/****=============== EVENT PAGE kdh:06/07/11 ===================== ***/
.ui-dialog.ui-widget .ui-dialog-title {   margin-right:21px;}
.ui-dialog.ui-widget .ui-dialog-titlebar-close span, .pod #calendar .ui-icon-circle-triangle-w, .pod #calendar .ui-icon-circle-triangle-e { font-size: 0; /*hide the text equivilent*/}

/* TOP EVENT CONTENT */


.ui-widget-content
{
    border:none;
}

.ui-widget-content .eventTabsContainer
{
    background:none;
    border:none;
    border-bottom:1px solid #DFD6A9;
}

.ui-tabs .ui-tabs-panel
{
    padding-left: 0;
}

.eventTabs 
{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border:1px solid #3D1310;
    margin-left:0;
    width:180px;
    height:34px;
}

.eventTabs .ui-state-default, .eventTabs .ui-widget-content .ui-state-default, .eventTabs .ui-widget-header .ui-state-default
{
    font-weight:bold;
    font-size:14px;
}

/* TICKETS SECTION */

#tabs 
{
    padding:10px;
    padding-top: 30px;
    margin-top: 10px;
    background: #fff url(/images/event-page/event-tabs-bg.png) top left repeat-x;
}

#tabs ul.eventTabsContainer
{
    margin:0 10px;
}

#tabs .ticketstatus
{
    margin-left:0;
    float: left;
    width: 630px;
    border:none;
    font-size:.9em;
}



#tabs .ticketstatus h3 {
    /* color: #582D1A; */
}

#tabs #tickets 
{
    background:#fff;
    padding:10px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    position:relative;
}

#tabs #tickets .legend 
{
    margin-top:10px;
    margin-left:5px;
	margin-right:5px;
}


#tabs #tickets #subscriptions 
{
    margin:0 0 10px 0;
    padding: 5px;
    font-size: .9em;
}

#tabs #tickets #subscriptions h3
{
    margin: 0;
}

#tabs #about
{
    background:#fff;
    padding:10px;
     /* was  auto; */
	
	/* margin:auto; */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    /* position:relative;
    height:100%; */
}

#tabs #about .sponsor 
{
    margin:0;
   text-align:center;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    max-width: 100%;
    height: auto;
    display: inherit;
}
