/* Stylesheet for NonPrintable CMS 
   ~\Templates\NonPrintable\Stylesheet.css
*/

/* Basic layout */

body, div, form, img, a {margin:0; padding:0; border:0;}

body, input, select, .threeRTEdit, p, div, td, th
{
	font-family: "helvetica neue", helvetica, arial, sans, Sans-Serif;
	font-size: 8.5pt;
	line-height: 1.4em;
}

.threeRTEdit {color: #333333;}

body
{
   background: #666666;
   background-repeat: repeat;
   text-align: left;
   color: white;
   

	background-image: url(/images/bg.gif);
	margin-left: 3px;
	margin-top: 3px;

}

body form
{
   text-align: left; 

}

table, tr, td
{
	padding: 0px;
	margin: 0px;
	vertical-align:top;
	text-align:left;
	border:0;
}

* html body form {}


a {color: #ffcc00; text-decoration:none;}


/* Main individual elements on the page */
   

#breadcrumbtrail
{
   text-align: left;
   background-color: #ffcc00;
   font-size: 8pt;
   width: 804px;
   padding-left: 8px;
   text-transform: uppercase;
   font-weight: bold;
}

#breadcrumbtrail ul 
{
	list-style:none; padding:0; 
	width:auto;
	margin:0;
}

#breadcrumbtrail a {font-size: 8pt; background:#ffaa00; padding-left: 4px; padding-right: 4px; margin: 0; color:#ffffff; text-decoration:none; text-align:left; text-transform: uppercase;}
#breadcrumbtrail a:visited {font-size: 8pt; background:#ffaa00; padding-left: 4px; padding-right: 4px; margin: 0; color:#ffffff; text-decoration:none; text-align:left; text-transform: uppercase;}
#breadcrumbtrail a:hover {color: #ffaa00; background: #ffffff;}
#breadcrumbtrail a:active {color: #ffffff; background: #ff6600;}


.bcFirst
{

}

.bcInter
{

}



/* your own, personal */
div.Rno0 { display: none;	visibility: hidden; }
@media all { div.Rno0 { display: none;	visibility: hidden; } }



.bcLast
{
	background-color: #ffffff;
	color: #ffcc00;
	padding-left: 4px; 
	padding-right: 4px;
	width: auto;
}

.breadcrumbdivider
{
	vertical-align: center;
	padding-bottom:1px;
}

#introRegion, #modulesRegion
{
   /*margin-right:4px;*/	/* +1 = 5 */
   padding: 8px;
}

#footer
{
   text-align:left;
   color:#999999;
   font-size: 0.8em;
   padding: 5px 0px 5px 0px;   
}


/* Text on the page */

h1 {font-size: 180%; text-transform: uppercase;}
h2 {font-size: 160%; text-transform: uppercase;}
h3 {font-size: 140%; text-transform: uppercase; border: none !important;}
h4 {font-size: 120%; text-transform: uppercase; padding:0; margin:0;}
h5 {font-size: 110%; text-transform: uppercase;}
h6 {font-size: 100%; text-transform: uppercase;}
small {font-size: 85%; text-transform: uppercase;}

h1.topH
{
   text-align: center;
}


/* Add any specific styles for items within the Content Element List here */

.CEL
{}

/* Specific styles for the texteditor */
.threeRTEdit
{ text-align:left; background: #ccc;}


.CEL .adminLinkSpan a img {vertical-align:bottom; width: auto; display: inline;}
.CEL .adminLinkSpan a, .adminLinkSpan a:visited {background: none; display: inline; width:auto;}
 .adminLinkSpan.Add {clear:left;}
 .adminLinkSpan.Add {border:1px dotted red; display:block; text-align:center;}

.adminLinkSpan {margin:-1px; margin-left:0px;}

#topbarH {height:47px; background-position: center center; background-repeat:no-repeat;}

.CEL .outlined {border: 1px solid #666666; display:block;}
.CEL .outlined:hover {border: 1px solid #cc0000;}
.CEL .outlined:hover .al {background: #660000;}
.CEL .outlined .al {display:block; background: #666666;}

.adminLinkSpan a { background: none; }

.a_o.outlined .al .adminLinkSpan {float:left; width: auto; display: inline;}
.CEL .a_o.outlined .al .adminLinkSpan.Delete { width: auto; display: inline; float:right ! important; clear:none ! important;}

.outlined .al {height:15px; padding:1px; }


.mainLogo
{
	float:left;
}

.graphicalmenubar .adminLinkSpan {float:left; margin:0;padding:0; display:inline-block; }
.graphicalmenubar .a_o {clear:none; display:block; }



.graphicalmenubar 
{
	font-family: "helvetica neue", helvetica, arial, sans; 
	font-size: 8pt;
	font-weight:bolder; text-align:left; margin:0; padding:0;
	background-repeat: no-repeat;
	text-transform: uppercase;
	float: right;

	vertical-align:bottom;
	margin-top: 47px;
	margin-right: 8pt;
	border: 1px solid #666666;
}

.graphicalmenubar.core 
{
	border-right: 5px solid #005ea8;
	background: #605c51 0px 0px no-repeat;
	
	/*background-image:url(../../images/interface/skin/corner_grey.gif);*/
}
	
.graphicalmenubar ul 
{
	list-style:none; padding:0; 
	width:auto;
	margin:0;

}

.graphicalmenubar li {display:block; width:auto; padding:4px; margin:0; border: 0px solid; text-align:left;}
.graphicalmenubar ul li {float:left; vertical-align:bottom; }
.graphicalmenubar li span a {}
.graphicalmenubar ul li.first {border:0;}
.graphicalmenubar ul li a {font-size: 8pt; background:#555555; padding-left: 4px; padding-right: 4px; margin: 0; color:#ffffff; display:block; text-decoration:none; text-align:center;}
.graphicalmenubar ul li a:hover {color: #555555; background: #ffcc00;}
.graphicalmenubar ul li a:active {color: #ffcc00; background: #ffffff;}

.graphicalmenubar li span {}
.graphicalmenubar .adminLinkSpan {display:inline ! important;}

.graphicalmenubar li:hover {}
.graphicalmenubar li.first:hover {background:none ! important;}
.al .adminLinkSpan a {display:inline ! important; width:auto;}

#footer {clear:both ! important;}

div.sep img {height: 1px; width:1px; }
div.sep {height: 1px;}

.clear {clear:both;}
.clear.left {clear:left;}
.clear.right {clear:right;}


.loginform input[type=text], .loginform input[type=password]{border:1px solid #ff6600; width:140px ! important; padding:1px; margin:0;}
.loginform input[type=text]:focus {background: #ffeecc;}
.loginform input[type=password]:focus{background: #ffeecc;}
.loginform input[type=submit] {font-weight: bold; }

.event.venueDetails {background: #dddddd; float:right;}
.inline * {display:inline ! important;}

.CEL .download p { margin:0; padding:0; margin-top: 0.2em; padding-bottom:0.1em; }



#topbar {border-right: 5px solid #7bbe36; margin-bottom:0;}
#navi {width:100%;height:27px; }
#navi li {margin:0; padding:0; vertical-align:middle; height:27px; float:left;}
#navi li {background: #32302a 
/*url(../../images/interface/skin/corner_topbar.gif) */
bottom left no-repeat; background-repeat:no-repeat;}


/* NAV */

#navi li img {height:26px  ! important; width:40px;}
#navi a {display:block; height:26px;}

#navi, #navi * {padding:0; margin:0; border:0;}
#navi li {list-style-type:none;}
* html #navi li { display:inline;} /* IE */
* html #navi li {padding:0 ! important; margin:0;}

a.nl {background-color: transparent ;}
a.nl:hover {background-color: transparent;}
a.nl:focus {background-color: transparent ;}
a.nl:active {background-color: transparent;}

.nl {background-repeat:no-repeat;}
a.nl, a.nl:visited {background-position: 0px 0px;}

a.nl.sel {background-position: 0px -40px;}
* html a.nl.sel {background-position: 0px -40px ! important;} /* IE */

a.nl:hover {background-position: 0px -40px;}
a.nl:focus {background-position: 0px -40px;}

a.nl:active {background-position: 0px -80px;}
a.nl.sel:hover {background-position: 0px -80px ! important;}
a.nl.sel:focus {background-position: 0px -80px ! important;}

.nFused {background-image:url(../../images/interface/skin/topbar_fused.gif);}
.nTnso {background-image:url(../../images/interface/skin/topbar_tnso.gif);}
.nTmep {background-image:url(../../images/interface/skin/topbar_tmep.gif);}
.nResources {background-image:url(../../images/interface/skin/topbar_resources.gif); width:113px;}
* html .nResources {width:111px;}



/* IE */
* html .graphicalmenubar li  {padding-bottom: 1px;}			/* fix mysterious whitespace between li-s */
* html .graphicalmenubar ul {padding-bottom:1px ;}			/* fix mysterious whitespace after las li */



.event.frontbox {font-size: 85%; margin-top:0.7em; margin-bottom:0.5em; padding-left:1px; padding-bottom:5px;}
.event.frontbox .date {color: #999999; display:block;}
.event.frontbox a {color: #e80079; font-weight: bold; display:block;}
h6.eventSeparator 
{
	clear:left;
	height:5px; 
	background:url(../../images/interface/skin/nav_dotted.gif) top left repeat-x; 
	background-repeat: repeat-x;
	margin:0;
	margin-right: 6px;
}


.mainModuleBlank {background:none; }
.mainModuleTitled, .mainModule {padding: 0px;}

/*.flashObject
{
	margin-bottom: 4px;
		border: solid 1px white;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}*/

.flashTitle
{
	border: solid 1px white;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	margin: 0;
	margin-bottom: 8px;
	padding-bottom: 4px;
}

.introFused, .introSubsiteTMEP {/*background-color: #7bbe36 ! important; background: #7bbe36 url(../../images/interface/skin/corner_green.gif) top left no-repeat; color: white; padding-left:10px;*/}
.introSubsiteFused {/*background-color: #009ee9 ! important; /*background: #009ee9 url(../../images/interface/skin/corner_cyan.gif) top left no-repeat; color: white; padding-left:10px;*/}

.mainModule.introFused, .introFused p {font-size:115%;}
.mainModule.introSubsiteFused, .introSubsiteFused p {font-size:115%;}
.mainModule.introSubsiteResources, .introSubsiteResources p {font-size:115%;}
.mainModule.introSubsiteTNSO, .introSubsiteTNSO p {font-size:115%;}

.mainModule.introFused a,
.mainModule.introSubsiteFused a,
.mainModule.introSubsiteResources a,
.mainModule.introSubsiteTNSO a,
.mainModule.introSubsiteTMEP a 
{
	font-size: 8pt; background: #666666; color: White;
}
.mainModule.introFused p,
.mainModule.introSubsiteFused p,
.mainModule.introSubsiteResources p,
.mainModule.introSubsiteTNSO p,
.mainModule.introSubsiteTMEP p
{
	margin-top:0.5em;
}

.mainModule .CEL1
{
	padding: 8px;
	display:block;
}

.fullPageContents
{
	background-color: #ffffff;
	color: #444444;
	width:433px;
}

#eventsBox .adminLinkSpan {float:left;}

.mainModule .mainModule {background:none;}
a.mainModule {padding-left: 2px; padding-right: 2px;}
.mainModule a.1{padding:2px;} 
.mainModule a.1:hover {color: #ffffff; background: #ffcc33;}
.adminLinkSpan a:hover {background:inherit;}

#welcomeText a {background:inherit ! important; color:White; font-weight:bold;}

body.front #welcomeText {/* background:url(../../images/interface/skin/t_welcome.gif) 0px 3px no-repeat; */}
body.frontNews #welcomeText {/* background:url(../../images/interface/skin/t_news.gif) 0px 3px no-repeat; */}
body.frontEvents #welcomeText {/* background:url(../../images/interface/skin/t_events_green.gif) 0px 3px no-repeat; */}

#welcomeText {padding-top: 26px; background-repeat:no-repeat;}


.mainModuleTitled.minHeight #prop {height:500px; width:1px; margin:0; padding:0;}
.mainModuleTitled.minHeightHalf #prop {height:300px; width:1px; margin:0; padding:0;}
.mainModule.minHeight #prop {height:500px; width:1px; margin:0; padding:0;}
.mainModule.minHeightHalf #prop {height:300px; width:1px; margin:0; padding:0;}


p.small {font-size: 85%;}


.resourcetopic p {margin-top:0;}

.mainModuleTitled, .mainModule {padding-left:0px; padding-right:0px;}

#mainBody
{
 background-color: #eeeeee;
 background-image: url(/images/interface/light_grad.png);
 background-repeat: x-repeat;
   
}

.darkGreyBackground {background-color: #666666;}

/*.lightGrey {background-color: #dddddd;}

.greyBackground {}



.whiteBackground {background-color: #ffffff;}*/


/*.lightGrey {background-color: #dddddd;}

.greyBackground {background-color: #ffffff;}

.darkGreyBackground {background-color: #ffffff;}

.whiteBackground {background-color: #ffffff;}*/

#titleImageContainer {}



/* FROM STEF@NEWTASTY - Amend */

/* CSS Document */

.whiteText{
	font-size:11px;
	font-family:arial,helvetica;
	color: #E1E1E1;
	text-decoration: none;
}

.whiteTextsmall{
	font-size:9px;
	font-family:arial,helvetica;
	color: #FFFFFF;
	text-decoration: none;
}

.yellowText{
	font-size:11px;
	font-family:"helvetica neue", helvetica, arial, sans;
	color: #FFCC33;
	text-decoration: none;
	font-weight: bold;
}
.featuresHead {
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 9px;
	padding-left: 10px;
	background-image: url(/images/layout/feature-bg.gif);
}

A.featuresLink:link, A.featuresLink:active { font-family:"helvetica neue", helvetica, arial, sans; font-size:11px; color: #FFCC33; font-weight: bold; text-decoration: none; }
A.featuresLink:visited { font-family:"helvetica neue", helvetica, arial, sans; font-size:11px; color: #FFCC33; font-weight: bold; text-decoration: none; }
A.featuresLink:hover { font-family:"helvetica neue", helvetica, arial, sans; font-size:11px; color: #666666; font-weight: bold; background-color: #FFCC33; }

.newsHead {
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 9px;
	padding-left: 10px;
	background-image: url(/images/layout/news-head-bg.gif);
}

.newsFoot {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 11px;
	padding-left: 10px;
	background-image: url(/images/layout/news-foot-bg.gif);
}

.featuresBody {
	font-size:11px;
	font-family:"helvetica neue", helvetica, arial, sans;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	background-color: #818080;
	line-height: 14px;
}

A.yellowFooter:link, A.yellowFooter:active { font-family:"helvetica neue", helvetica, arial, sans; font-size:9px; color: #FFCC33; font-weight: bold; text-decoration: none; }
A.yellowFooter:visited { font-family:"helvetica neue", helvetica, arial, sans; font-size:9px; color: #FFCC33; font-weight: bold; text-decoration: none; }
A.yellowFooter:hover { font-family:"helvetica neue", helvetica, arial, sans; font-size:9px; color: #818080; font-weight: bold; background-color: #FFCC33; }

A:link, A:active { font-family:"helvetica neue", helvetica, arial, sans; font-size:11px; color: #FFCC33; font-weight: bold; text-decoration: none; }
A:visited { font-family:"helvetica neue", helvetica, arial, sans; font-size:11px; color: #FFCC33; font-weight: bold; text-decoration: none; }
A:hover { font-family:"helvetica neue", helvetica, arial, sans; font-size:11px; color: #818080; font-weight: bold; background-color: #FFCC33; }

.mailingListInput 
{
		border: 0;
		background: #FFFFFF;
		color: #000;
		width: 85px;
}
.mailingListField
{
	background: #FFFFFF;
	color: #666666;
	font-family:"helvetica neue", helvetica, arial, sans;
	font-weight: bold;
	font-size: 9px;
}
.mailingListInput 
{
	color: #666666;
	font-weight: bold;
	font-size: 9px;

}.featureBg {
	background-color: #818080;
}

.peThumbnail {width:46px;}
.peThumbnail, .peText {vertical-align:top;}
.peText {font-size: 85%;}
.peText .artist, .peText .title, .peText .label{display:block;}

.playlistEntry {padding-bottom: 6px;}

.immediate {width:200px; display: block; margin: 0; padding:0; float:none;}

.immediate a {font-size: 8pt; background:#555555; color:#ffffff; display:block; width: 200px; text-decoration:none; text-align:left; text-transform: uppercase; padding-left:4px; margin:0px;}
.immediate a:hover {color: #555555; background: #ffcc00;}
.immediate a:active {color: #ffcc00; background: #ffffff;}

.immediate .adminLinkSpan a{padding:0; margin: 0; display: inline; width:auto; height: 18px;}


.fixedLink
{
	padding: 8px;
}


.fullPageContents a
{
	background-color: #999999;
	color: #ffffff;
	padding-left: 0px;
	padding-right: 0px;
}

.fullPageContents a:hover
{
	background-color: #ffcc00;
	color: #ffffff;
}

.fullPageContents a:visited
{
	background-color: #aaaaaa;
	color: #ffffff;
}

.fullPageContents a:active
{
	background-color: #eeeeee;
	color: #ffcc00;
	
}


.fixedLink a {font-size: 8pt; background:#555555; padding-left: 4px; padding-right: 4px; margin: 0; color:#ffffff; display:block; text-decoration:none; text-align:center; text-transform: uppercase;}
.fixedLink a:hover {color: #555555; background: #ffcc00;}
.fixedLink a:active {color: #ffcc00; background: #ffffff;}


.backLink 
{
	font-size: 8pt; background:#555555; display: block; padding-left: 4px; padding-right: 4px; margin-bottom: 8px; margin-top: 8px; 
	color:#ffffff; display:block; text-decoration:none; text-align:center; text-transform: uppercase;}
.backLink:hover {color: #555555; background: #ffcc00;}
.backLink:active {color: #ffcc00; background: #ffffff;}

.footerLink
{
	padding-left:8px;
}





.graphicalmenubar ul.nav li span a {float:left ! important;}

/* :TODO: switch for non-flash */
.graphicalmenubar{display:none;} 
.mainLogo{display:none;}

.summary p
{
	padding:0;
	margin:0;
	
}

body.adminPage a {background: #333333}
body.adminPage td.greyBackground {background: #999999;}



.venueDetails
{
	padding:8px;
	background-color: #e0e0e0;
	margin:8px;
	clear: left;
}


.eventInfo
{
	padding:8px;
	background-color: #e0e0e0;
	margin:8px;
	clear: left;
}

.eventInfo h5
{
	padding:0;
	margin:0;
}

.adminLinkSpan.Add a {background: #333333;}

.rightHandBackLink
{
	margin-left: 0px !important;
}



/* search box */

.searchTextbox {font-size: 7.5pt; font-weight: bold; width:100px; border:1px solid #666666; padding: 1px; margin: 3px; color: #666666;}
.searchTextbox:hover {border: 1px solid #000000;} 
.searchTextbox:focus {background: #cccccc; border: 1px solid #000000; color: #000000;}
#searchBox {margin-top: 5px; font-size: 7.5pt;}
#searchBox label {font-size: 7.5pt ! important;}
#searchBox table td {vertical-align:middle ! important; font-weight: bold;}
.searchGoButton {background: #333333; color: #cccccc; text-transform:uppercase;}
.searchGoButton:hover {cursor:hand; background: #ffcc00; color: #333333; }
.searchGoButton:focus {background: #ffcc00; color: #333333; }

#footer a {font-size: inherit ! important;}




/* G! MODIFY AT YOUR RISK */

/* common */
.clearDiv {height: 1px; clear:left; margin:0; padding:0; border:0; visibility: hidden;}
.clearDiv img {height: 1px; width:1px ! important;  border: 0 ! important; }

/* lists */


.artItem span.image a,
.featArtItem span.image a,
.featItem span.image a,
.issItem span.image a,
.ffeatItem span.image a
{border:0; background: none;}



.artItem.CEL,
.featArtItem.CEL
.featItem.CEL,
.ffeatItem .CEL,
.issItem.CEL { padding:0;}


.artItem ,
.featArtItem,
.featItem,
.ffeatItem,
.evntItem
{ display:block; margin-top: 1px; margin-bottom: 0.5em; clear:left; background: #999999; padding: 1px 1px 1px 1px;}

.artItem span.summary,
.featArtItem span.summary,
.featItem span.summary,
.ffeatItem  span.summary,
.evntItem span.summary
{display:block;}

.artItem span.image a img ,
.featArtItem span.image a img,
.featItem span.image a img,
.ffeatItem  span.image a img,
.evntItem span.image a img
{border: 5px solid #999;}

.artItem span.image a:hover img,
.featArtItem span.image a:hover img,
.featItem span.image a:hover img,
.ffeatItem  span.image a:hover img,
.evntItem span.image a:hover img
{border: 5px solid #fc0;}

.artItem span.summary,
.featArtItem span.summary,
.featItem span.summary,
.ffeatItem  span.summary,
.issItem span.summary,
.evntItem span.summary
{padding-left: 1px; display:block;}

.artItem span.title,
.featArtItem span.title,
.featItem span.title,
.ffeatItem  span.title,
.evntItem span.title
{display:block; background: #666;  text-transform:uppercase;}

.artItem span.title a,
.featArtItem span.title a,
.featItem span.title a,
.ffeatItem  span.title a,
.evntItem span.title a
{display:block;width:auto; padding-left: 3px;}

.artItem span.image,
.featArtItem span.image ,
.featItem span.image,
.ffeatItem  span.image,
.evntItem span.image
{display:block; width: 104px; float: left; }


.artItem span.text,
.featArtItem span.text ,
.featItem span.text,
.ffeatItem span.text,
.evntItem span.text
{display:block; margin-left: 106px; padding-top: 5px; padding-left: 3px;}

.evntItem span.date {display:block; font-size: 85%;  text-transform:uppercase;}
.evntItem span.title b {padding-left: 2px;}


.issItem { display:block; margin-top: 1px; margin-bottom: 0.5em; clear:left; background: #999999; padding: 1px 1px 1px 1px;}
.issItem span.summary {display:block;}
.issItem span.image a img {border: 5px solid #999;}
.issItem span.image a:hover img {border: 5px solid #fc0;}
.issItem span.title {display:block; background: #666;  text-transform:uppercase;}
.issItem span.title a {display:block;width:auto; padding-left: 5px;}
.issItem span.image {display:block; width: 94px; float: left; }
.issItem span.text {display:block; margin-left: 96px; padding-top: 5px; padding-left: 2px;}


span.text.a_o {padding:6px; display:block;}

.CEL .imageRH {width: 332px;}