#C34402/* 
/* 
========================================================================
Date Created:	2009-10-14
Description:	Global Layout CSS stylesheet (Screen)
Site:			BBC 6 Music Sessions
Author:			Atticmedia
========================================================================
*/

/************************************************************ Global typography
-----------------------------------------------------------------------------*/
body 
{font-size:62.5%;
 font-family:arial,helvetica,Verdana,sans-serif; 
}
h1 {font-size: 1.4em;	 }
h2 {font-size: 1.9em;	font-weight:normal;}
h3 {font-size: 1.4em;	}
h4 {font-size: 1.2em	}
p {font-size: 1.2em; }

/* =Links
-----------------------------------------------------------------------------*/
a:link,
a:visited,
a:active,
a:hover
{text-decoration:underline;
 color: #C34402;
}


/************************************************************ Global Styles
---------------------------------------------------------------------------*/

#content
{padding-bottom:100px;}

#blq-main
{
    background:#257b82 url(/staticarchive/1307ed9ee3ede437f9ffed7a903aa679479cee4c.gif) no-repeat scroll 0 0;
}
#blq-content
{margin-left:0px;}
#blq-content .bbc6music
{
    background-image:none;
    background-repeat:repeat-y;
    float:left;
    width:946px;
    padding-top:10px;
    padding-left:14px;
    padding-right:14px;
}
/* =Navigation
-----------------------------------------------------------------------------*/
#navigation
{margin-bottom: 0px;}
    
/* =Header
-----------------------------------------------------------------------------*/
.box-header-bg
{
    /*background: #C1DBDA url(../../../live/images/box-header-grad.gif ) repeat-x scroll left bottom !important;*/
	background-color:#245657;
    padding: 8px 16px 10px !important;
    color: #fff !important;
    font-size: 1.6em !important;
    font-family: Arial, Helvetica, sans-serif;
}
#content-header
{
    margin-bottom:16px;
}

/* =Main-content
-----------------------------------------------------------------------------*/
.two-column-layout1
{
    width:100%!important;
}
.two-column-layout1 #col-a 
{
    width:620px;
	float:left;
	clear:right;
	margin-right:10px;
}
.two-column-layout1 #col-b
{
    width:308px;
    margin-left:8px;
	float:left;
	clear:right;
}
#col-a #promo,
#col-a #session-artist
{
    background-color:#fff;
    padding:13px;
    border:2px solid #1d6066;
    margin-bottom:14px;
    width:598px;
	float:left;
}
#col-a #session-artist,
#col-a .session-video
{
    padding:3px;
    width:100%;
}
#col-a #promo p
{
    width:385px;
    font-size:1em;
    line-height:150%;
    float:left;
}
#col-a #promo-new p
{
    width:585px;
    font-size:1em;
    line-height:150%;
    float:left;
}

#col-a #session-artist p
{
    width:344px;
	font-size:1em;
    line-height:150%;
    float:left;
	padding-left:16px;
}

#col-a #promo ul,
#col-a #session-artist ul
{
    width:214px;
    float:right;
    list-style-image:url(/staticarchive/f1e705cdf01819c44206c859790ec05a4574b928.gif);
    margin-top:10px;
}
#col-a #promo ul li,
#col-a #session-artist ul li
{
    margin:5px;
}
#col-a .caption-over-image
{
    position:relative;
    float:left;
}
/*
#col-a .caption-over-image h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    position: absolute;
    bottom: 0;
    left:0;
    width: 579px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
#col-a .caption-over-image h1 a
{
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}
#col-a .caption-over-image h1 a:hover
{
    text-decoration:underline;
}
*/

#col-a .caption-over-image h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    position: absolute;
    bottom: 0;
    left:3px;
    width: 576px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

#col-a .caption-over-image h2 a
{
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}
#col-a .caption-over-image h2 a:hover
{
    text-decoration:underline;
}



/* Over-riding decoration.css */
/*
#col-a h1 {
    background-color: #25484a;
    color:#fff;
    }
*/
#col-a h2 {
    background-color: #25484a;
    color:#fff;
    }
#col-a h1,
#col-a h2,
#col-a h3,
#col-a h4,
#col-a h5,
#col-b h2 {
    font-weight: bold;
    font-size: 13px
    }
#col-b h3 {
    background: none;
    border: 0 none;
    color: #333333;
}    
/* End of over-riding decoration.css */
/* Over-riding layout.css */
#col-a h1,
#col-a h2,
#col-a h3,
#col-a h4,
#col-a h5,
#col-b h2 {
    padding: 3px 10px 3px 10px;

    }  
#col-b .coming-up h3 {
    padding: 0;
}

#col-a .vision-ratings-view h3{
    background: none;
}
/* End of over-riding layout.css */


#col-a .container
{
    background-color:#fff;
    margin-bottom:14px;
    float:left;
    width:100%;
    padding:3px;
    position:relative;
    border:2px solid #1D6066;
}
#col-a #recent.container
{
    margin-bottom:150px;
}
#col-a .container p
{
    font-size:1em;
    line-height:150%;
    color:#085863;
}
#col-a .container strong
{
    font-weight:bold;
}
#col-a .container p.first
{
    padding:10px 16px 0;
}
#col-a .container .box-header-bg
{
    margin-bottom:7px;
    font-weight:bold;
}
#col-a #session-video .wrapper,
#col-a #session-audio .wrapper
{
    background-color: #FFFFFF;
    margin-top:-5px;
    margin-bottom:-5px;
    padding-top:5px;
}
#col-a #session-video #video_player,
#col-a #session-audio #audio_player
{
    padding: 8px 0 6px 56px;
    margin: 7px 0 10px;
    background-color: #FFFFFF;
}
#col-a #session-audio .video-list ul,
#col-a #session-video .video-list ul
{
    margin:0 0 8px 48px;
    padding-bottom:20px;
}
#col-a #session-audio .video-list ul li,
#col-a #session-video .video-list ul li
{
    padding:5px;
    margin:7px 0;
}
#col-a #session-audio .video-list ul li a,
#col-a #session-video .video-list ul li a
{
    text-decoration:none;
    color:#C34402;
    padding:7px 5px 7px 30px;
    background:url(/staticarchive/160572edbda8434f539ea376a6233eae7dabb06c.gif) no-repeat 0 50%;
}
#col-a #session-audio .video-list ul li a:hover,
#col-a #session-video .video-list ul li a:hover
{
    text-decoration:underline;
}
#col-a #session-photos .big-image-wrapper
{
    margin:10px;
    padding:0 0 47px 0;
    border:2px solid #ccc;
}
#col-a #session-photos .big-image-wrapper img
{
    display:block;
}

#col-a #session-photos .big-image-wrapper .button-wrapper
{
    margin:10px 10px 0 10px;
}
#col-a #session-photos .big-image-wrapper .button-wrapper p
{
    display: inline;
    font-size: 1.4em;
    font-family: Arial, Helvetica, sans-serif;
    position:relative;
    top:-6px;
    float:left;
}
#col-a #session-photos .big-image-wrapper .button-wrapper a.button
{
    float:right;
    padding:7px;
    margin-left:10px;
    font-size:1.2em;
    width:116px;
    text-align:center;
}
#col-a #session-photos .big-image-wrapper .button-wrapper a.button.prev,
#col-a #session-photos .big-image-wrapper .button-wrapper a.button.next
{
    text-decoration:none;
    font-weight:bold;
    color:#000;
    float:left;
    margin-left:0;
    width:auto;
}
#col-a #session-photos .big-image-wrapper .button-wrapper a.button.prev
{
    border-right:1px solid #b5b5b5;
    -moz-border-radius-topright:0;
    -webkit-border-top-right-radius:0;
    -moz-border-radius-bottomright:0;
    -webkit-border-bottom-right-radius:0;
}
#col-a #session-photos .big-image-wrapper .button-wrapper a.button.next
{
    border-left:none;
    -moz-border-radius-topleft:0;
    -webkit-border-top-left-radius:0;
    -moz-border-radius-bottomleft:0;
    -webkit-border-bottom-left-radius:0;
}


/*
#col-a #session-photos .egt-thumbs
{
    float:right;
    margin:20px 0 14px;
    width:600px;
}
#col-a #session-photos .egt-thumbs a
{
    display:block;
    float:left;
    margin:0;
    padding:0 3px;
    position:relative;
}
#col-a #session-photos .egt-thumbs a.button.prev,
#col-a #session-photos .egt-thumbs a.button.next
{
    padding:30px 10px;
    font-size:1.2em;
}
#col-a #session-photos .egt-thumbs a.button.prev
{
    border-right:none;
    -moz-border-radius-topright:0;
    -webkit-border-top-right-radius:0;
    -moz-border-radius-bottomright:0;
    -webkit-border-bottom-right-radius:0;
}
#col-a #session-photos .egt-thumbs a.button.next
{
    border-left:none;
    -moz-border-radius-topleft:0;
    -webkit-border-top-left-radius:0;
    -moz-border-radius-bottomleft:0;
    -webkit-border-bottom-left-radius:0;
}
#col-a #session-photos .egt-thumbs a span
{
    opacity:0.4;
    -moz-opacity:0.4;
    filter:alpha(opacity=40);
    background-color:#fff;
    display:block;
    height:70px;
    position:absolute;
    top:0;
    width:70px;
}
#col-a #session-photos .egt-thumbs a:hover span
{
    filter:alpha(opacity=10);
    opacity:0.1;
    -moz-opacity:0.1;
}
#col-a #session-photos .egt-thumbs .border
{
    border:2px solid #ccc;
    border-style:solid none solid none;
    padding:2px 0;
    float:left;
}

*/

/********** Promo Boxes */
#col-a .recent-sessions-mini
{
    width:296px;
    padding:2px;
    margin:0 5px;
    float:left;
    background-color:#fff;
}
#col-a .recent-sessions-mini .promo-header {
	background: transparent url(/staticarchive/37f3aa81939dbea5d3844cf5c8c9260f3fa30495.png) no-repeat top left;
	height:4px;
	width:296px;
	font-size:1px;
	clear:both;
}
#col-a .recent-sessions-mini .promo-footer {
	background: transparent url(/staticarchive/3758753a160a0a7c89b10fa289b8a9d177de716e.png) no-repeat scroll left bottom;
	width:296px;
	height:4px;
	/* float:left; */
	font-size:1px;
	clear:both;
}
#col-a .recent-sessions-mini h2,
#col-a .recent-sessions-mini h3
{
    display:inline;
    background-color:#fff;
    font-size:1.2em;
    padding:0;
    margin-left:12px;
    color:#000;
	background:none;
}
#col-a .recent-sessions-mini img
{
    margin:2px 2px 10px;
}
#col-a .recent-sessions-mini p a
{
    text-decoration:none;
    font-size:1.1em;
    color:#C34402;
}
#col-a .recent-sessions-mini p a:hover
{
    text-decoration:underline;
}
#col-a .recent-sessions-mini a:hover
{
    text-decoration:underline;
    color:#C34402;
}
#col-a .recent-sessions-mini p
{
    border-top:1px solid #eff3f2;
	padding:0 12px 12px;
    position:relative;
}
#col-a .recent-sessions-mini .date
{
    margin-right:16px;
    position:absolute;
    right:0;
}
/********** End Promo Boxes */


#col-a #apply fieldset
{
    width:570px;
    margin: 20px 0 0 0;
}
#col-a #suggest fieldset {
    margin: 20px 0 0 10px;
    width: 590px;
}
#col-a #suggest legend,
#col-a #apply legend
{
    padding:10px 5px;
    color:#095761;
    font-size:1.3em;
}
#col-a #suggest label,
#col-a #apply label
{
    width:165px;
    padding:5px;
    float:left;
    clear:left;
    font-weight:bold;
    color:#095761;
}
#col-a #apply label
{
    width:100px;
}
#col-a #suggest input,
#col-a #apply input
{
    margin:2px;
    padding:3px;
    background-color:#edf5f7;
    float:left;
    width:420px;
    border:1px solid #ccc;
    border-style:inset;
}
#col-a #suggest input {
    width: 375px;
}

#col-a #suggest p.required 
{
	padding:8px;	
}

#col-a #suggest input.short,
#col-a #apply input.short {width:85px;}
#col-a p.errormessage {
    color:#cc0000;
    padding-left: 5px;
}
#col-a #suggest .submit, 
#col-a #apply .submit {
    background: transparent url(/staticarchive/825e56db0694d06b955b71f992cb0a30d03030be.gif) no-repeat 100% 0;
    clear: both;
    float: left;
    width: auto;
    padding: 0;
    margin-left: 110px;
    margin-top: 15px;
}
#col-a #apply .ticket-info .submit {
    margin: 5px 0 10px 105px;
}
#col-a #suggest .submit {
    margin: 10px 0 5px 185px;
}

#col-a .disclaimer 
{
	clear:both;
	padding:5px 5px 15px!important;
}

#col-a #suggest .disclaimer 
{
	clear:both;
	padding:5px 15px 15px!important;
}

#col-a #suggest .submit input, 
#col-a #apply .submit input {
    background: transparent url(/staticarchive/383d8d30e6c1bf7f6b2b0881bdcff13e00fa5dc3.gif) no-repeat 0 0;
    border: 0;
    width: auto;
	height: 26px;
    float: left;
    margin: 0 8px 0 0;
    padding: 2px 4px 4px 12px;
    display: block;
    cursor: hand;
    cursor: pointer;
}
#col-a #suggest span,
#col-a #apply fieldset span
{
    float:left;
	line-height:1.3em;
}
#col-a #suggest span.required,
#col-a #apply span.required
{
    padding:5px 3px 0;
}

#col-a #apply .ticket-info-wrapper
{
    border:1px solid #e6e6e6;
    width:590px;
    margin:20px auto 15px;
    padding:4px;
}
#col-a #apply .ticket-info-wrapper .ticket-info
{
    background-color:#e6f1f1;
    padding:8px;
    position:relative;
}
#col-a #apply .ticket-info-wrapper .ticket-info h2
{
    background-color:#e6f1f1;
    color:#25484A;
    font-size:1.4em;
    padding:0 5px 10px;
}
#col-a #apply .ticket-info-wrapper .ticket-info .details
{
    position:absolute;
    top:28px;
    right:5px;
    width:270px;
}
#col-a #apply .ticket-info-wrapper .ticket-info .row
{
    padding:5px;
}
#col-a #apply .ticket-info-wrapper .ticket-info .question
{
    font-weight:bold;
    color:#25484A;
    width:100px;
    float:left;
    white-space:nowrap;
}

#col-a #apply .ticket-info-wrapper .ticket-info .details input.submit
{
    margin:6px 5px 10px 104px;
    padding:3px;
    font-size:1em;
    width:auto;
}
#col-a #apply .ticket-info-wrapper fieldset p
{
    padding: 0 0 10px 5px;
}


/* Comments
--------------------------------*/

#col-a #comments a.button
{
    position: absolute;
    top: 8px;
    right: 8px;
    color: #000000;
    font-size: 0.76em;
    display: block;
    text-decoration: none;
    padding: 5px 0 6px 10px;
    background: transparent url(/staticarchive/825e56db0694d06b955b71f992cb0a30d03030be.gif) no-repeat 100% 0;
    border: 0 none;
    min-height: 26px;
}
#col-a #comments a.button.FirefoxFix {
    padding-top: 6px;
}
#col-a #comments a.button span
{
    background: transparent url(/staticarchive/383d8d30e6c1bf7f6b2b0881bdcff13e00fa5dc3.gif) no-repeat 0 0;
    padding: 5px 0 5px 10px;
    margin-right: 8px;
    min-height: 26px;
}
#col-a #comments a.button:hover
{
    text-decoration: none;
}
#col-a #comments ul li
{
    background-color:#f4f6f5;
    border-top:2px solid #f2f2f2;
    margin:8px;
    padding:10px 0 10px 15px;
}
#col-a #comments a
{
    color:#C34402;
}
#col-a #comments cite a
{
    text-decoration:none;
}
#col-a #comments cite a:hover
{
    text-decoration:underline;
}
#col-a #comments .comment-number
{
    width:80px;
    text-align:right;
    padding:5px 8px 5px 20px;
    background:url(/staticarchive/2f7d52f69e58e9b459f4bc5a5de40a090247a25b.gif) no-repeat 0 50%;
}
#col-a #comments .comment-text
{
    padding:10px 5px 0 20px;
}
#col-a #comments .flag
{
    padding:5px 5px 5px 20px;
    margin-left:20px;
    background:url(/staticarchive/3f0327cb1640edc9ffae47f84afe65f7b62545a0.gif) no-repeat 0 50%;
}
#col-a #comments .flag a
{
    color:#ff7935;
    text-decoration:none;
}
#col-a #comments .flag a:hover
{
    text-decoration:underline;
}

#col-a a.button,
#col-b a.button
{
    text-decoration:none;
    padding:3px 6px;
    border:2px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color:#fff;
    color:#000;
}
#col-a a.button:hover,
#col-b a.button:hover
{
    background-color:#efefef;
}



/* Star Rating
----------------------------------------------------------------------------*/

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating
{
	background: url(/staticarchive/e2b900b46b153e21a31153a8c1bf50c0a20e556c.gif) left -1000px repeat-x;
}
.star-rating
{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li
{
	display: inline;
}
.star-rating a,
.star-rating .current-rating
{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus
{
	background-position: left bottom;
}
.star-rating a.one-star
{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars
{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars
{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars
{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars
{
	width:100%;
	z-index:2;
}
.star-rating .current-rating
{
	z-index:1;
	background-position: left center;
}



/* New Homepage Promo boxes 
-----------------------------------------------------------------------------*/
#blq-content .content .left {
    margin-left:14px;
}
.content .left {
    float:left;
    margin:0 14px 0 0;
}
.small-promo {
	background: transparent url(/staticarchive/9c5c55e33fc7c97a174921666d281140b687ae99.png) repeat-y scroll 0 0;
    float:left;
	width:296px;
	padding:0 3px;
}
.small-promo a.promo-image {
    display:block;
    position:relative;
}
.small-promo a {
    cursor:pointer;
    text-decoration:none;
}
.main-promo a img, .small-promo a img {
    display:block;
    position:relative;
    margin: 1px !important;
}
.small-promo a span.promo-text {
    background:transparent url(/staticarchive/fefb05f9d6a59e734fe72f34ed0ed91d04915122.png) repeat scroll 0 0;
    color:#FFFFFF;
    display:block;
    height:45px;
    padding:15px 10px 10px;
    position:absolute;
    top:157px;
    left: 1px;
    width:268px;
    z-index:100;
}
.small-promo a:hover span.promo-text {
	background:transparent url(/staticarchive/d0e1fb45692afb441c2df81707afef7b9766b130.png) repeat scroll 0 0;
}
#blq-content .small-promo span.promo-text span.title {
    font-size:1em;
}
.small-promo a span.promo-text .title {
    display:block;
    font-weight:bold;
    margin-bottom:4px;
    text-decoration:none;
}
#blq-content .small-promo a:hover {
    text-decoration:none;
}
#col-a .small-promo span.promo-text h3 {
    background-color: Transparent;
    color: #ffffff;
}
#col-a .small-promo .promo-text p, 
#col-a .small-promo .promo-text p a {
    color: #ffffff;
    border: 0;
}


/* =Secondary-content
-----------------------------------------------------------------------------*/

/* right hand nav */
#col-b .line-up li, #col-b .main-nav li
{
    font-size: 1.1em;
    border: 2px solid #1d6066;
    margin-bottom: 7px !important;
}
#col-b .main-nav ul li
{
    float:left;
}
#col-b .line-up ul li a, #col-b .main-nav ul li a
{
    font-weight: bold;
    color: #fff;
    display: block;
    width:272px;
    background-color: #58b0ba;
    text-decoration: none;
    padding: 12px 16px;
}

#col-b .main-nav ul li.selected a,
#col-b .main-nav ul li.selected a:hover
{
    background: #58b0ba;
    color:#fff;
}
    
    /* Expanded right navigation
---------------------------------------------------*/

#col-b .main-nav ul li.expanded
{
    background-color:#FFFFFF;
}
#col-b .main-nav ul li a.current,
#col-b .main-nav ul li.expanded a.current,
#col-b .main-nav ul li.expanded a.current:hover
{
	background:none;
    background-color:#245657!important;
    color:#fff;
    text-decoration:none;
    cursor:default;
    font-weight:bold;
}
#col-b .main-nav ul li.expanded a,
#col-b .main-nav ul li.expanded a:hover
{
  	background:none;
  	background-color:#245657;
    color:#06595f;
    text-decoration:none;
    font-weight:normal;
    margin:0 0 3px 0;
}

#col-b .main-nav ul li.expanded ul.archive li.year
{
    border-style:none none dashed none;
    border-bottom:2px solid #9fbbbe;
}
#col-b .main-nav ul.hidden
{
    display:none;
}
#col-b .main-nav ul li.expanded ul.archive li.a-to-z
{
    border:none;
}


#col-b .main-nav ul li.expanded ul.archive li.year a,
#col-b .main-nav ul li.expanded ul.archive li.a-to-z a
{
    background:url(/staticarchive/6e2122bb1d8dc21ca02e1e545c1d29fa1d8eaffe.gif) no-repeat 20px 50%;
    font-size:0.8em;
    padding-top:3px;
    padding-bottom:5px;
    padding-left:32px;
    width:256px;
}
#col-b .main-nav ul li.expanded ul.archive li.year a.current,
#col-b .main-nav ul li.expanded ul.archive li.a-to-z a.current
{
    background-image:url(/staticarchive/b658517a2b160ae88ab9de348a291f034409743b.gif);
}

/* -------------Archive A-Z ---------------------*/

#col-b .main-nav ul li.expanded ul.archive li.a-to-z.expanded
{
    background-color:#fff;
    margin-bottom:0;
    margin-top:-7px;
    padding-top:7px;
}
#col-b .main-nav ul.archive li.a-to-z ul.alphabet
{
    display:block;
    float:left;
    border-style:solid none;
    border:2px solid #C1E3E5;
    padding:2px 0 4px 3px;
    width: 297px;
}
#col-b .main-nav ul.archive li.a-to-z ul.alphabet li.letter
{
    display:block;
    width:auto;
    float:left;
    margin:2px 0 0 2px !important;
    border:1px solid #C1E3E5;
}
#col-b .main-nav ul.archive li.a-to-z ul.alphabet li.letter a
{
    width:0.66em;
    background-image:none;
    background-color:#C1E3E5;
    margin:0;
    padding: 3px;
    display: block;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    width: 0.95em;
}
#col-b .main-nav ul.archive li.a-to-z ul.alphabet li.letter.empty
{
    border-color:#ddd;
}
#col-b .main-nav ul.archive li.a-to-z ul.alphabet li.letter.empty a
{
    cursor:default;
    background-color:#ddd;
    color:#aaa;
}
#col-b .main-nav ul.archive li.a-to-z ul.alphabet li.letter.empty a:hover
{
    color:#aaa;
}
#col-b .main-nav ul.archive li.a-to-z ul.alphabet li.letter a:hover
{
    background-image:none;
    font-weight:bold;
}

#col-a #artist .recent-sessions-mini h2 a, 
#col-a #artist .recent-sessions-mini h3 a
{
    margin:10px 0 8px 10px;
    float:left;
    font-weight:bold;
    text-decoration:none;
    color:#C34402;
}
#col-a #artist .recent-sessions-mini h2 a:hover, 
#col-a #artist .recent-sessions-mini h3 a:hover
{
    text-decoration:underline;
}

/* -------------/Archive A-Z ---------------------*/


#col-b .main-nav ul li.expanded ul.month-holder
{
    font-size:0.8em;
}
#col-b .main-nav ul li.expanded ul.month-holder li.month
{
    border:none;
    font-size:1.3em;
}
#col-b .main-nav ul li.expanded ul.month-holder li.month a
{
    border:none;
    padding:3px 0 3px 45px;
    width:259px;
    margin-bottom:0;
    background:url(/staticarchive/6e2122bb1d8dc21ca02e1e545c1d29fa1d8eaffe.gif) no-repeat 35px 50%;
}
#col-b .main-nav ul li.expanded ul.month-holder li.month a:hover,
#col-b .main-nav ul li.expanded ul.archive li.year a:hover,
#col-b .main-nav ul li.expanded ul.archive li.a-to-z a:hover
{
    background-image:url(/staticarchive/b658517a2b160ae88ab9de348a291f034409743b.gif);
    background-color:#fff;
    color:#C34402;
}

    /* End of Expanded right navigation
---------------------------------------------------*/

#col-b .line-up ul li a:hover,
#col-b .main-nav ul li a:hover
{
    text-decoration: none;
    background-color: #6ac6d0;
}

#col-b .line-up-end
{
    background: #F7F4EF;
    border-top: 2px solid #fff;
    font-size: 0.8em;
}
#col-b .navbox
{
    background-color: #fff;
    margin-bottom: 7px;
    padding: 3px;
    border: 2px solid #1d6066;
    float: left;
    width: 298px;
    position: relative;
}
#col-b .navbox p
{
    font-size:1em;
    line-height:120%;
}

#col-b #downloads p 
{
	position:relative;
}

#col-b .navbox img
{
    margin:6px 12px;
}
#col-b .navbox .fl
{
    float:left;
}

#col-b .navbox h3
{
    margin-top:12px;
    font-size:1.2em;
}
#col-b .coming-up h3
{
    margin-top: 0px;
}
#col-b .navbox.apply h3
{
    margin-top: 8px;
    font-size:1.2em;
}

#col-b .navbox h3 a
{
    color:#C34402;
    text-decoration:none;
    font-weight:bold;
}
#col-b .navbox h3 a:hover
{
    text-decoration:underline;
}
#col-b .navbox.coming-up h3,
#col-b .navbox.apply h3
{
    font-weight:bold;
}
#col-b .navbox.coming-up .rss
{
    position:relative;
}
#col-b .navbox.coming-up .rss img
{
    margin:0;
    position:relative;
    top:3px;
}
#col-b .navbox.coming-up .rss .rsslink
{
    position:absolute;
    right:10px;
    top:7px;
    color:#25484a;
}
#col-b .navbox.coming-up .rss .rsslink a, #col-b .navbox.coming-up h2
{
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}
#col-b .navbox.coming-up .rss .rsslink a:hover
{
    text-decoration:underline;
    color:#C34402;
}
#col-b .navbox.coming-up ul li,
#col-b .navbox.apply ul li
{
    border-bottom:1px solid #eff3f2;
    float:left;
    width:100%;
    padding: 10px 0;
}
#col-b .navbox.coming-up ul.calendar,
#col-b .navbox.apply ul.calendar
{
    border:1px solid #e6e6e6;
    width:27px;
    height:33px;
    float:left;
    margin: 0 14px 0 12px;
}
#col-b .navbox.coming-up ul.calendar li.month,
#col-b .navbox.apply ul.calendar li.month
{
    background-color: #C34402;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 1em;
    padding: 2px 0;
    font-family: Arial, Helvetica, sans-serif;
}
#col-b .navbox.coming-up ul.calendar li.day,
#col-b .navbox.apply ul.calendar li.day
{
    color:#4f565e;
    font-weight:bold;
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
    font-size:1.2em;
    padding: 0;
    border: 0;
}
#col-b .navbox.coming-up ul li.last,
#col-b .navbox.apply ul li.last
{
    border-bottom:none;
}
#col-b .navbox.coming-up ul li a,
#col-b .navbox.apply ul li a
{
    display:block;
    color:#C34402;
    float:left;
    padding:6px 6px 6px 12px;
    text-decoration:none;
}
#col-b .navbox.coming-up ul li a:hover,
#col-b .navbox.apply ul li a:hover
{
    text-decoration:underline;
    color:#C34402;
}
#col-b .navbox#other-live-music ul li
{
    border-bottom:1px solid #eef2f1;
}
#col-b .navbox#related-links a
{
    text-decoration:none;
    font-weight:normal;
    color:#C34402;
}
#col-b .navbox#related-links a:hover
{
    text-decoration:underline;
}
#col-b .navbox#downloads a
{
    text-decoration:none;
    font-weight:normal;
    color:#C34402;
}
#col-b .navbox#downloads a:hover
{
    text-decoration:underline;
}

#col-b .navbox#other-live-music ul li.last
{
    border-bottom:none;
}
#col-b .navbox#other-live-music ul li a,
#col-b .navbox#other-live-music ul li a:link
{
    text-decoration:none;
    color:#C34402;
    display:block;
    padding:10px 6px 10px 17px;
}
#col-b .navbox#other-live-music ul li a:hover
{
    text-decoration:underline;
}
#col-b #downloads a.button
{
    position: absolute;
    top: 4px;
    right: 8px;
    color: #000000;
    display: block;
    text-decoration: none;
    padding: 6px 0 6px 10px;
    background: transparent url(/staticarchive/825e56db0694d06b955b71f992cb0a30d03030be.gif) no-repeat 100% 0;
    border: 0 none;
}
#col-b #downloads a.button:hover
{ 
	text-decoration: none;
}
#col-b #downloads a.button span
{
    background: transparent url(/staticarchive/383d8d30e6c1bf7f6b2b0881bdcff13e00fa5dc3.gif) no-repeat 0 0;
    padding: 6px 0 6px 10px;
    margin-right: 8px;
}
#col-a #downloads a.button.FirefoxFix {
    padding-top: 50px;
}
#col-b .main-nav
{
    margin-bottom:0;
}

#content p {
    padding: 10px 10px 10px 16px;
}



/* CN Added */

#section {padding:14px;}
#promo{background-color:#fff;
    padding:13px;
    border:2px solid #1d6066;
    margin-bottom:14px;
    width:598px;
	float:left;
}
#promo-new{background-color:#fff;
    padding:13px;
    border:2px solid #1d6066;
    margin-bottom:14px;
    width:598px;
	float:left;
}

/* for non JS archive session list */
ul.item {padding:10px 10px 0;}
ul.item {background:none repeat scroll 0 0 #FFFFFF;font-size:0.8em;}
ul.item li.first {border-top:18px solid #D5DFE0;}
ul.item li {padding-bottom:10px;padding-top:10px;}
ul.item li {border-bottom:1px dotted #93ABAD;}


/*Override the alpha widget
 It was all a href, replaced with span
*/
#col-b li.letter span
{
    width:0.66em;
    background-image:none;
    background-color:#fff;
    margin:0;
    padding: 3px;
    display: block;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    width: 0.95em;
	color:#C34402;
	font-size:0.8em;
	cursor:pointer;
}
#col-b li.letter.empty span
{
    cursor:default;
    background-color:#ddd;
    color:#aaa;
}

#col-b li.letter span.current, #col-b li.letter span.hover  
{
    background-color:#245657 !important;
    color:#fff;
    text-decoration:none;
    cursor:default;
    font-weight:bold;
	cursor:pointer;
}
#col-b li.letter span.current{cursor:default;}


#col-a #session-audio .video-list ul li span,
#col-a #session-video .video-list ul li span
{
    text-decoration:none;
    color:#C34402;
    padding:7px 5px 7px 30px;
    background:url(/staticarchive/160572edbda8434f539ea376a6233eae7dabb06c.gif) no-repeat 0 50%;
	cursor:pointer;
}

#col-a #session-audio .video-list ul li span.hover,
#col-a #session-video .video-list ul li span.hover{text-decoration:underline;}

#col-a #session-photos .big-image-wrapper .button-wrapper span.button
{
    float:right;
    padding:7px;
    margin-left:10px;
    font-size:1.2em;
    width:116px;
    text-align:center;
}
#col-a #session-photos .big-image-wrapper .button-wrapper span.button.prev,
#col-a #session-photos .big-image-wrapper .button-wrapper span.button.next
{
    text-decoration:none;
    font-weight:bold;
    color:#000;
    float:left;
    margin-left:0;
    width:auto;
}
#col-a #session-photos .big-image-wrapper .button-wrapper span.button.prev
{
    border-right:1px solid #b5b5b5;
    -moz-border-radius-topright:0;
    -webkit-border-top-right-radius:0;
    -moz-border-radius-bottomright:0;
    -webkit-border-bottom-right-radius:0;
}
#col-a #session-photos .big-image-wrapper .button-wrapper span.button.next
{
    border-left:none;
    -moz-border-radius-topleft:0;
    -webkit-border-top-left-radius:0;
    -moz-border-radius-bottomleft:0;
    -webkit-border-bottom-left-radius:0;
}

#col-a span.button
{
    text-decoration:none;
    padding:3px 6px;
    border:2px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color:#fff;
    color:#000;
	cursor:pointer;
}
#col-a span.button:hover
{
    background-color:#efefef;
}

.hidden{display:none;}



#logintrouble {
	color:#085863;
	font-size:1em;
	line-height:150%;
    padding: 10px 10px 10px 16px;
}
#comments h3
{
    padding: 8px 16px 10px !important;
    color: #fff !important;
    font-size: 1.6em !important;
    font-family: Arial, Helvetica, sans-serif;
}

#col-a #comments h3 a
{
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 0.76em;
    display: block;
    text-decoration: none;
    padding: 5px 0 6px 10px;
    border: 0 none;
    min-height: 26px;
}

#comments p label{padding:0 10px 0 0;vertical-align:top;}
#comments p textarea{height:120px;width:450px;}
#comments p input{padding:0 20px 0 0}

form.validate p.status span.err{color:red;margin:0 160px 0 0;padding:0 113px 0 0;float:left;line-height:1.3em;}

.pagination_bar {background-color:#F0EFEF;display:none;overflow:hidden;padding:3px 9px 0;height:35px;width:611px}

.pagination_bar ul{
	display:block;
	float:left;
	padding:2px 0 4px 3px;
	width:297px;
}

.pagination_bar li{
	display:block;
	float:left;
	margin:2px 0 0 6px !important;
	width:auto;
}

.pagination_bar li span{
	background-color:#C1E3E5;
	background-image:none;
	color:#06595F;
	cursor:pointer;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	padding:3px;
	text-align:center;
	text-transform:uppercase;
	width:0.95em;
}

.pagination_bar li span.hover, .pagination_bar li span.current{background-color:#FFFFFF;color:#C34402}


#col-a #recent.container {
	margin-bottom:12px;
}
	
#col-a #session-photos .big-image-wrapper .button-wrapper {display:none}
	
#col-b .main-nav ul li a{color:#C34402;background:url(/staticarchive/8cf169851f13cb22a730859008b3a5d6c26e59c6.gif) repeat-x scroll left bottom;}

#col-b .main-nav ul.archive li.year a:hover,
#col-b .main-nav ul.archive li.a-to-z a:hover
{background-color:#fff !important;text-decoration:underline;}

#col-b .main-nav ul li a:hover{background-color:#245657 !important;color:#fff;background:none}
#col-b .main-nav ul li.expanded ul.month-holder li a.month.current{
    background-color:#fff;
    color:#C34402;
}

#col-b .navbox.coming-up #calendar span {color:#C34402;font-size:0.8em;float:left;padding:6px 0 0;}
#col-b .navbox.coming-up ul li a{padding-left:2px;}

#col-a #noscript{
	margin:0 2px;
	width:626px;
}

#col-a #noscript ul.item a{font-size:1.6em;}
#col-a #noscript ul.item p{font-size:1.2em;}

#carousel-wrapper{clear:both;display:block;margin:20px 0 0;width:600px;}

.share  {
	background:none repeat scroll 0 0 #000000;
	bottom:189px;
	left:0;
	margin:0 0 0 15px;
	opacity:0;
	position:absolute;
	width:597px;
}

.caption-over-image h2{background:none;}
.caption-over-image img{margin-left:3px;}
.caption-over-image #img, .caption-over-image #txt{width:596px;}

#col-a h3 .vision-ratings-add h3{background:none;}

#calendar{display:none;}

.xmla-sixmusic-live-schedule-calendar-sessions #calendar{display:block;}

