/*
SPM V2 stylesheet
spmmain.css
April 2008
Iain Stewart
www.coolfeed.com

*/

*{margin:0;padding:0}
body {
	margin: 17px 0 15px 0;
	color:#222222;font:75% Arial,Verdana,Helvetica,sans-serif;line-height:1.5em;text-align:center;
	 background: #44779d url(../i/bg/bgnew2.gif);
}
body#spmtv {
	background: #666 url(../i/bg/metaltile.gif) repeat;
	margin: 17px 0 15px 0;
	text-align:center;
	color: #fff;
}
body#spmtv #container {
	position: relative;
	width: 768px;
	height: 100%;
	margin: 0px auto 0px auto;
	text-align: left;
	padding: 0;
	background: transparent;
}
body#spmtv #container-inner {
	min-height: 100%;
	width: 100%;
	margin: 0px auto;
	padding: 0;

}

body#spmtv #content {
	position: relative;
	background: #4d4c4c url(../i/bg/tvbg.png) no-repeat top left;
	padding: 0;
	margin:0 3px 0 3px;
	height: 563px;
	width: 760px;
}
body#spmtv #tvheader {
	position: absolute;
	top: 25px;
	left: 35px;
	overflow: hidden;
	height: 22px;
	width: 204px;
}
body#spmtv #tvheader a {
display: block;
	background: transparent url(../i/bg/tv-header.gif) no-repeat 0 0;
	width: 204px;
	height: 21px;
	border: 0;
	text-decoration: none;
	text-indent: -9999px; 
/* Commented backslash hack for IE Mac \*/ overflow: hidden; /* end hack */ 
}
body#spmtv #tvheader a:hover {
	background: transparent url(../i/bg/tv-header.gif) no-repeat 0 -22px;
	text-decoration: none;
}
body#spmtv #content #vidbox {
	position: absolute;
	width: 652px;
	height: 402px;
	top: 55px;
	left: 55px;
/*	background: #000 url(../i/bg/vidbox-bg.png) no-repeat top left;*/
background: transparent;
	padding:0;
	margin:0;
}
body#spmtv #content #instructions {
position: absolute;
top: 465px;
left: 55px;
width: 700px;
height: 30px;
} 
body#spmtv #content #instructions p {
	font: normal normal 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: transparent;
	text-align: center;
	margin: 10px 5px;
}
body#spmtv #content #instructions p span {
	color: #87ceeb;
}
body#spmtv #content #instructions p.cta {
	font: normal normal bold 11px/125% "Maiandra GD", "Trebuchet MS", "Lucida Grande", Calibri, Verdana, Geneva, sans-serif;
	color: #7fff00;
	background-color: transparent;
	text-align: center;
	margin: 10px 5px;

}
body#spmtv #content #instructions span.hilite {
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
	color: #ff00ff;
	background-color: transparent;
	letter-spacing: 0.2em;
}
#container  {
	position: relative;
	width: 796px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: 1276px;
	padding: 0;
	background: transparent url(../i/bg/contentbg.png);
	/*overflow: hidden;*/
}
#container-inner {
	width: 768px;
	margin: 0px auto;
	padding: 0;
	background-color: transparent;
	min-height: 100%;
	text-align: left;
}
/* main links */
	a	{
	color: #9871B5;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}
	a:link	{
	color: #9871B5;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
	a:visited	{
	color: #867B9B;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
	a:active	{
	color: #738290;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
	a:hover		{
	color: #DE3DA7;
	text-decoration: underline;
	background: transparent;
}
#masthead {
	background: transparent url(../i/bg/topmast.gif) no-repeat top left;
	height: 44px;
	margin: 0;
	padding: 0;
	width: 768px;
	z-index: 10;
}
#sitename {
	position:relative;
	float:left;
	top:17px;
	height:26px;
	width:350px;
	padding-left:15px
}
#sitename h1{position:absolute;margin:0;padding:0;text-indent:-200em}
#sitename h1 a{display:block;width:357px;height:29px;background:transparent url(../i/bg/spm-logo-tv.png) 0px 0px no-repeat}
#sitename h1 a:hover {
	background:transparent url(../i/bg/spm-logo-tv.png) 0px -28px no-repeat;
}
#sitelogo {
	position:relative;
	float:right;
	top:3px;
	margin-right: 6px;
	height:40px;
	width:30px;
	padding:0px;
	background: transparent url(../i/bg/thumb-logo.gif) 0px 0px no-repeat;
}
#sitelogo h2 {
	position:absolute;margin:0;padding:0;text-indent:-200em
}
#mainnav {
	height: 86px;
	background-color: transparent;
	z-index: 10;
}
#navbox {
	height:86px;
	width:768px;
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	float:left
}
#navbox ul#menu {
	height:86px;
	width:768px;
	background:transparent url(../i/bg/navmenu.jpg) top left no-repeat;
	margin:0;
	padding:0;
	position:relative
}
#navbox ul#menu li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0
}
ul#menu li,ul#menu a {
height:86px;
display:block}

div#navbox ul#menu li a{
text-decoration:none; 
text-indent: -9999px; 
/* Commented backslash hack for IE Mac \*/ overflow: hidden; /* end hack */ 
}
#about{left:15px;width:92px}
#news{left:107px;width:92px}
#artists{left:199px;width:92px}
#events{left:291px;width:92px}
#tv{left:383px;width:92px}
#venues{left:475px;width:92px}
#bookings{left:567px;width:92px}
#resources{left:660px;width:93px}

#about a:hover,body.abouton #about{background:transparent url(../i/bg/navmenu.jpg) -15px -86px no-repeat}
#news a:hover,body.newson #news{background:transparent url(../i/bg/navmenu.jpg) -107px -86px no-repeat}
#artists a:hover,body.artistson #artists{background:transparent url(../i/bg/navmenu.jpg) -199px -86px no-repeat}
#events a:hover,body.eventson #events{background:transparent url(../i/bg/navmenu.jpg) -291px -86px no-repeat}
#tv a:hover,body.tvon #tv{background:transparent url(../i/bg/navmenu.jpg) -383px -86px no-repeat}
#venues a:hover,body.venueson #venues{background:transparent url(../i/bg/navmenu.jpg) -475px -86px no-repeat}
#bookings a:hover,body.bookingson #bookings{background:transparent url(../i/bg/navmenu.jpg) -567px -86px no-repeat}
#resources a:hover,body.resourceson #resources{background:transparent url(../i/bg/navmenu.jpg) -659px -86px no-repeat}

/* TV Nav Menu */
body#spmtv #navbox ul#menu {
	height:86px;
	width:768px;
	background:transparent url(../i/bg/tvnavmenu.jpg) top left no-repeat;
	margin:0;
	padding:0;
	position:relative
}
body#spmtv #navbox ul#menu li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0
}
body#spmtv ul#menu li,ul#menu a {
height:86px;
display:block}

body#spmtv div#navbox ul#menu li a{
text-decoration:none; 
text-indent: -9999px; 
/* Commented backslash hack for IE Mac \*/ overflow: hidden; /* end hack */ 
}
#spmhome{left:15px;width:149px}
#newsblogs{left:164px;width:147px}
#spm-tv{left:311px;width:147px}
#bookingstv{left:458px;width:147px}
#resourcestv{left:605px;width:147px}

#spmhome a:hover,body.homeon #spmhome{background:transparent url(../i/bg/tvnavmenu.jpg) -15px -86px no-repeat}
#newsblogs a:hover,body.blogson #newsblogs{background:transparent url(../i/bg/tvnavmenu.jpg) -164px -86px no-repeat}
#spm-tv a:hover,body.tvon #spm-tv{background:transparent url(../i/bg/tvnavmenu.jpg) -311px -86px no-repeat}
#bookingstv a:hover,body.bookingson #bookingstv{background:transparent url(../i/bg/tvnavmenu.jpg) -458px -86px no-repeat}
#resourcestv a:hover,body.resourceson #resourcestv{background:transparent url(../i/bg/tvnavmenu.jpg) -605px -86px no-repeat}

/* content */
#content {
position: relative;
	background-color: transparent;
	height: 100%;
	padding: 0;
	margin: 0;
	
}

#leftslot {
	position: absolute;
	top: 32px;
	left: 10px;
	background-image: url(../i/bg/about1.gif);
	height: 201px;
	width: 313px;
	overflow: hidden;
}
#leftslot div.col1 {
	position:absolute;
	top: 30px;
	left: 15px;
	width: 140px;
	padding: 0px;
	margin: 0;
}
#leftslot div.col2 {
	position:absolute;
	top: 55px;
	left: 150px;
	width: 145px;
	padding: 0px;
	margin: 0;
}

p.title {
	font-size: 1.7em;
	font-weight: bold;
	text-align: left;
	color: #fff;
	padding: 0;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: -0.1em;
}
p.cellcopy {
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
	color: #14033e;
	padding: 0;
}
/*#leftslot img {
padding:5px;
background:#cc0000;
margin:1px;
}

#leftslot img:hover {
background:#990000;
}*/
#rightslot {
	position: absolute;
	top: 32px;
	left: 450px;
	background: url(../i/bg/artists1.gif);
	height: 201px;
	width: 313px;
	overflow: hidden;

}
#rightslot div.leftcol {
	position:absolute;
	top: 45px;
	left: 15px;
	width: 130px;
	padding: 0px;
	margin: 0;
}
#rightslot div.rightcol {
	position:absolute;
	top: 45px;
	left: 160px;
	width: 130px;
	padding: 0px;
	margin: 0 10px 0 0;;	
}
p.lcolcopy {
	font-size: 1.0em;
	font-weight: normal;
	text-align: justify;
	color: #14033e;
	padding: 0;
}
p.rcolcopy {
	font-size: 1.0em;
	font-weight: normal;
	text-align: justify;
	color: #14033e;
	padding: 0;
}
#leftviewer {
	position: absolute;
	top: 210px;
	left: 10px;
	background-image: url(../i/bg/newspanel2.jpg);
	height: 333px;
	width: 370px;
	overflow: hidden;
}
/* redviewer styles */
#redviewer {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 201px;
	width: 313px;
	overflow: hidden;
}
.comingup {
	background-image: url(../i/bg/red-comingup.jpg);
}
.today {
	background-image: url(../i/bg/red-today.jpg);
}
.tonite {
	background-image: url(../i/bg/red-tonite.jpg);
}
.latest {
	background-image: url(../i/bg/red-latest.jpg);
}
.milestone {
	background-image: url(../i/bg/red-milestone.jpg);
}
.spotlight {
	background-image: url(../i/bg/red-spotlight.jpg);
}
.spm {
	background-image: url(../i/bg/red-spm.jpg);
}
.aboutspm {
	background-image: url(../i/bg/red-aboutus.jpg);
}
.empty {
	background-image: url(../i/bg/red-empty.jpg);
}
#redviewer a {
	color: #30C798;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}
#redviewer a:link	{
	color: #30C798;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#redviewer a:visited	{
	color: #599C90;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#redviewer a:active	{
	color: #53BD2F;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#redviewer a:hover		{
	color: #FF49FB;
	text-decoration: underline;
	background: transparent;
}

	
#redviewer div.container {
	position:absolute; 
	left:0px; 
	top:39px; 
	width:312px; 
	height:200px; 
	z-index:24; 
	overflow: hidden;	
}
#redviewer div.ftitle {
	position: absolute;
	top: 15px;
	right: 25px;
	width: 140px;
	height: 50px;
	z-index: 28;
	overflow: hidden;
}
#redviewer div.ftitle h2 {
	font: normal bold 1.4em/110% "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	color: #fff;
	text-align: right;
	padding: 0;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}
#redviewer div.fleadin {
	position: absolute;
	top: 65px;
	right: 25px;
	width: 140px;
	height: 65px;
	z-index: 29;
	overflow: auto;
} 
#redviewer div.fleadin p {
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
	line-height: 110%;
	color: #14033e;
	padding: 0;
}
#redviewer div.fphoto {
	position: absolute;
	top: 2px;
	left: 15px;
	width: 140px;
	height: 135px;
	z-index: 27;
	overflow: hidden;
}
#redviewer div.fphoto p {
	text-align: left;
	padding: 0;
	margin: 0;
	border: 0;
}
#redviewer div.fdetails {
	position: absolute;
	top: 130px;
	right: 25px;
	width: 140px;
	height: 15px;
	z-index: 30;
	overflow: hidden;
}
#redviewer div.fdetails p {
	font-size: 0.9em;
	font-weight: normal;
	text-align: right;
	color: #14033e;
	padding: 0;
}
/* tanviewer (smaller) styles */

#tanviewer {
	position: absolute;
	top: 0px;
	left: 0px;
	/*background-image: url(../i/bg/newspanel2.jpg);*/
	height: 286px;
	width: 313px;
	overflow: hidden;
	
}
#tanviewer1.specialevent {
	background-image: url(../i/bg/tan1-event.jpg);
}
#tanviewer1.specialartist {
	background-image: url(../i/bg/tan1-artist.jpg);
}
#tanviewer1.specialnews {
	background-image: url(../i/bg/tan1-news.jpg);
}
#tanviewer1.specialoffer {
	background-image: url(../i/bg/tan1-offer.jpg);
}
#tanviewer1.specialtv {
	background-image: url(../i/bg/tan1-tv.jpg);
}
#tanviewer1.specialvenue {
	background-image: url(../i/bg/tan1-venue.jpg);
}
#tanviewer1 a {
	color: #6C49C6;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}
#tanviewer1 a:link	{
	color: #6C49C6;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#tanviewer1 a:visited	{
	color: #9ED2E5;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#tanviewer1 a:active	{
	color: #81FCC7;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#tanviewer1 a:hover		{
	color: #81FCC7;
	text-decoration: underline;
	background: transparent;
}
#tanviewer1 div.tan-container {
	position:absolute; 
	left:0px; 
	top:39px; 
	width:350px; 
	height:220px; 
	z-index:24; 
	overflow: hidden;	
}
#tanviewer1 div.timage {
	position: absolute;
	top: 12px;
	left: 10px;
	width: 140px;
	height: 175px;
	z-index: 27;
	overflow: hidden;
}
#tanviewer1 div.timage p {
	text-align: left;
	padding: 0;
	margin: 0;
	border: 0;
}
#tanviewer1 div.thead {
	position: absolute;
	top: 12px;
	left: 155px;
	width: 200px;
	height: 45px;
	z-index: 28;
	overflow: hidden;
}
#tanviewer1 div.thead h2.theader {
	font: normal bold 14px/115% "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	color: #191970;
	text-align: left;
	padding: 0 3px 0 0;
	margin: 0;
	text-transform: uppercase;
}
#tanviewer1 div.tblurb {
	position: absolute;
	top: 58px;
	left: 155px;
	width: 200px;
	height: 80px;
	z-index: 29;
	overflow: auto;
}

#tanviewer1 div.tblurb p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	line-height: 120%;
	color: #F9EAD8;
	padding: 0 4px 0 4px;
	margin: 0;
}
#tanviewer1 div.tdate {
	position: absolute;
	top: 145px;
	left: 155px;
	width: 200px;
	height: 18px;
	z-index: 35;
	overflow: hidden;
}
#tanviewer1 div.tdate p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #004D30;
	padding: 0 3px 0 0;
	margin:0;
}
#tanviewer1 div.ttime {
	position: absolute;
	top: 163px;
	left: 155px;
	width: 200px;
	height: 18px;
	z-index: 36;
	overflow: hidden;
}
#tanviewer1 div.ttime p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #5C0653;
	padding: 0 3px 0 0;
	margin: 0;
}
#tanviewer1 div.turl {
	position: absolute;
	top: 180px;
	left: 155px;
	width: 200px;
	height: 20px;
	z-index: 36;
	overflow: hidden;
}
#tanviewer1 div.turl p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0 3px 0 0;
}
#tanviewer1 div.tmore {
	position: absolute;
	top: 200px;
	left: 155px;
	width: 200px;
	height: 18px;
	z-index: 36;
	overflow: hidden;
}

#tanviewer1 div.tmore p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 9px;
	font-weight: normal;
	text-align: right;
	margin: 0 20px 0 0;
}


/* tanviewer1 styles */
#tanviewer1 {
	position: absolute;
	top: 0px;
	left: 0px;
	/*background-image: url(../i/bg/newspanel2.jpg);*/
	height: 286px;
	width: 369px;
	overflow: hidden;
}
#tanviewer1.specialevent {
	background-image: url(../i/bg/tan1-event.jpg);
}
#tanviewer1.specialartist {
	background-image: url(../i/bg/tan1-artist.jpg);
}
#tanviewer1.specialnews {
	background-image: url(../i/bg/tan1-news.jpg);
}
#tanviewer1.specialoffer {
	background-image: url(../i/bg/tan1-offer.jpg);
}
#tanviewer1.specialtv {
	background-image: url(../i/bg/tan1-tv.jpg);
}
#tanviewer1.specialvenue {
	background-image: url(../i/bg/tan1-venue.jpg);
}
#tanviewer1 a {
	color: #6C49C6;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}
#tanviewer1 a:link	{
	color: #6C49C6;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#tanviewer1 a:visited	{
	color: #9ED2E5;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#tanviewer1 a:active	{
	color: #81FCC7;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#tanviewer1 a:hover		{
	color: #81FCC7;
	text-decoration: underline;
	background: transparent;
}
#tanviewer1 div.tan-container {
	position:absolute; 
	left:0px; 
	top:39px; 
	width:350px; 
	height:220px; 
	z-index:24; 
	overflow: hidden;	
}
#tanviewer1 div.timage {
	position: absolute;
	top: 12px;
	left: 10px;
	width: 140px;
	height: 175px;
	z-index: 27;
	overflow: hidden;
}
#tanviewer1 div.timage p {
	text-align: left;
	padding: 0;
	margin: 0;
	border: 0;
}
#tanviewer1 div.thead {
	position: absolute;
	top: 12px;
	left: 155px;
	width: 200px;
	height: 45px;
	z-index: 28;
	overflow: hidden;
}
#tanviewer1 h2.theader {
	font: normal bold 14px/115% "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	color: #F8191F;
	text-align: left;
	padding: 0 3px 0 0;
	margin: 0;
	text-transform: uppercase;
}
#tanviewer1 div.tblurb {
	position: absolute;
	top: 58px;
	left: 155px;
	width: 200px;
	height: 80px;
	z-index: 29;
	overflow: auto;
}

#tanviewer1 div.tblurb p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	line-height: 120%;
	color: #F9EAD8;
	padding: 0 4px 0 4px;
	margin: 0;
}
#tanviewer1 div.tdate {
	position: absolute;
	top: 145px;
	left: 155px;
	width: 200px;
	height: 18px;
	z-index: 35;
	overflow: hidden;
}
#tanviewer1 div.tdate p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #004D30;
	padding: 0 3px 0 0;
	margin:0;
}
#tanviewer1 div.ttime {
	position: absolute;
	top: 163px;
	left: 155px;
	width: 200px;
	height: 18px;
	z-index: 36;
	overflow: hidden;
}
#tanviewer1 div.ttime p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #5C0653;
	padding: 0 3px 0 0;
	margin: 0;
}
#tanviewer1 div.turl {
	position: absolute;
	top: 180px;
	left: 155px;
	width: 200px;
	height: 20px;
	z-index: 36;
	overflow: hidden;
}
#tanviewer1 div.turl p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0 3px 0 0;
}
#tanviewer1 div.tmore {
	position: absolute;
	top: 200px;
	left: 155px;
	width: 200px;
	height: 18px;
	z-index: 36;
	overflow: hidden;
}

#tanviewer1 div.tmore p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 9px;
	font-weight: normal;
	text-align: right;
	margin: 0 20px 0 0;
}


/* blueviewer styles */

#blueviewer {
	position: absolute;
	top: 0px;
	left: 0px;
	/*background-image: url(../i/bg/newspanel2.jpg);*/
	height: 335px;
	width: 370px;
	overflow: hidden;
}
.artists {
	background-image: url(../i/bg/blue-artists.jpg);
}
.events {
	background-image: url(../i/bg/blue-events.jpg);
}
.news {
	background-image: url(../i/bg/blue-news.jpg);
}
.aboutus {
	background-image: url(../i/bg/blue-aboutus.jpg);
}
.television {
	background-image: url(../i/bg/blue-television.jpg);
}
.venues {
	background-image: url(../i/bg/blue-venues.jpg);
}
.empty {
	background-image: url(../i/bg/blue-empty.jpg);
}
#blueviewer a {
	color: #EDD931;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}
#blueviewer a:link	{
	color: #EDD931;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#blueviewer a:visited	{
	color: #FCDD36;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#blueviewer a:active	{
	color: #D5F77F;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#blueviewer a:hover		{
	color: #34FA95;
	text-decoration: underline;
	background: transparent;
}

	
#blueviewer div.container {
	position:absolute; 
	left:10px; 
	top:39px; 
	width:350px; 
	height:282px; 
	z-index:24; 
	overflow: hidden;	
}
#blueviewer div.formmenu {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 200px;
	height: 30px;
	overflow: hidden;
}
form.dropdown {
	padding: 0;
	margin: 0;
	display: inline;
}
select.viewer {
	width: 140px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #3d3267;
background-color: #fff;
border: 1px solid #ccc;
margin: 0px;
}
select.eviewer {
	width: auto;
	font-family: arial, helvetica, sans-serif;
font-size: 1.0em;
font-weight: normal;
color: #3d3267;
background-color: #fff;
border: 0;
margin: 0px;
}
input.look {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #3D3267;
background-color: #fff;
border: 1px outset #ccc;
padding: 0;
}
#blueviewer div.tablediv {
	position: absolute;
	top: 40px;
	left: 5px;
	width: 330px;
	height: 230px;
	overflow: auto;
}
#blueviewer h2 {
	color: #fff;
	background-color: transparent;
	font-size: 1.8em;
	font-weight: bold;
	text-align: left;
	margin: 0px;
}

#blueviewer table {
	border-collapse: collapse;
	background-color: transparent;
	border: none;
	padding: 0;
}
#blueviewer table.bluelist {
	width: 300px;
	background-color: transparent;
	border: none;
	padding: 0;
	border-collapse: collapse;
}
#blueviewer table.bluelist th {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #EEEEEE;
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#blueviewer table.bluelist td {
	font-size: 11px;
	border: none;
	color: #FAF6FD;
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#blueviewer table.bluelist td.pic {
	width: 130px;
	padding: 5px;
	text-align: center;
}
#blueviewer table.bluelist td.copy {
	width: 170px;
	padding: 5px 10px 5px 5px;
	text-align: left;
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#blueviewer p.category {
	font-size: 9px;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #BADDFF;
	margin: 0px;
	padding-left: 10px;
	text-align: left;
}

#blueviewer p.subject {
	font-size: 1.2em;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Yellow;
	margin: 0px 0px 5px 0px;
	text-align: left;
}
#blueviewer p.location {
	font-size: 1.0em;
	color: #D3F4C9;
	background-color: transparent;
	padding: 3px 0px 3px 10px;
	margin-top: 2px;
}
#blueviewer p.date {
	font-size: 1.0em;
	font-weight: bold;
	color: #37F4AE;
	background-color: transparent;
	margin: 0;
	padding: 0;
}
#blueviewer p.stime {
	font-size: 1.0em;
	font-weight: normal;
	color: #FE9A42;
	background-color: transparent;
	padding: 3px 0px 3px 10px;
}
#blueviewer p.price, #blueviewer p.vcat {
	text-align: right;
	font-size: 0.9em;
	font-weight: normal;
	color: #8BF710;
	background-color: transparent;
	margin: 0;
	padding: 0 50px 0 0;
}
#blueviewer p.message {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background-color: transparent;
	margin: 10px 0px;
	padding: 0;
}
/* venues list */
#blueviewer p.vaddress, #blueviewer p.vpostcode {
	font-size: 1.0em;
	color: #D3F4C9;
	background-color: transparent;
	padding: 3px 0px 0px 10px;
	margin: 0px;
}
#blueviewer p.vtown {
	font-size: 1.0em;
	font-weight: bold;
	color: #37F4AE;
	background-color: transparent;
	margin: 0;
	padding: 0px 0px 0px 10px;;
}
#blueviewer div.headerimg {
	position: relative;
	top: 40px
	left: 10px;
	width: 100px;
	height: 150px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	clear: both;
}
#blueviewer div.headerimg p {
	text-align: center;
}
#blueviewer div.bodysection {
	position: absolute;
	top: 150px;
	left: 0px;
	width: 330px;
	height: 130px;
	margin: 0 5px 0 0px;
	padding: 0px;
	overflow: auto;
}
#blueviewer div.bodysection h3 {
	font-family: "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	font-size: 1.3em;
	font-weight: bold;
	color: #feff0d;
	text-align: left;
	padding: 7px 0px 2px 7px;
	margin-bottom: 3px;
	text-transform: uppercase;
}
#blueviewer div.bodysection hr {
	background:#fff;color:#fff;clear:both;float:none;width:70%;height:.2em;margin:0.5em auto;border:none;
	}

#blueviewer div.bodysection p,#blueviewer div.bodysection #contact-information  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 125%;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding: 0px 10px;
	margin-bottom: 10px;
}
#blueviewer div.bodysection #contact-information address span {
	display: block;
}
#blueviewer div.bodysection p.firstpara {
	font-size: 1.1em;
	font-weight: bold;
	color: #ff4500;
	line-height: 125%;
}
#blueviewer div.bodysection p.firstpara span.spmhilite {
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	color: #fffff0;
}
#blueviewer div.bodysection ul {
	margin: 3px 0px 5px 5px;
padding-left: 10px;
list-style: none;
}
#blueviewer div.bodysection li {
	padding: 4px 0 5px 25px;
	background-image: url(../i/bg/bluvubul.png);
	background-repeat: no-repeat;
	background-position: 0.3em 0.4em;
	color: #ffdead;
	font-family: verdana,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
}
#blueviewer div.bodysection h4 {
	font-family: "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	font-size: 1.1em;
	font-weight: bold;
	color: #feff0d;
	text-align: left;
	padding: 7px 0px 2px 7px;
	margin-bottom: 3px;
	text-transform: uppercase;
}
#blueviewer div.bodysection div.spmcontact {
	margin: 12px 15px 12px 15px;
	border-color: White;
	border-width: 2px;
	border-style: solid;
	padding: 10px 5px 10px 5px;
	border: inset;
}
#blueviewer div.bodysection p.trailer {
	font-size: 0.9em;
	font-weight: bold;
	color: #D1E4BF;
	background-color: transparent;
}
#blueviewer div.metadetails {
	color: #fff;
	background-color: transparent;
	font-size: 0.8em;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	margin: 10px 0px 10px 0px;
}
#leftviewer #news-container {
	position:absolute;
	top: 40px;
	left: 10px;
	width: 350px;
	padding: 0px;
	margin: 0;	
}
#leftviewer h2 {
	color: #fff;
	background-color: transparent;
	font-size: 1.8em;
	font-weight: bold;
	text-align: left;
	margin: 0px;
}
p.newstitle{
	color: #E6D40D;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	padding: 3px 0px 5px 0px;;
	text-transform: uppercase;
	margin-top: 4px;
}
p.newssnippet {
	color: #D1E4BF;
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
	padding: 0px 5px 0 0;
}

/* blackviewer styles */

#blackviewer {
	position: absolute;
	top: 0px;
	left: 0px;
	/*left: 395px;*/
	height: 335px;
	width: 370px;
	overflow: hidden;
}
.plain {
	background-image: url(../i/bg/black-empty.jpg);
}
.artistinfo {
	background-image: url(../i/bg/black-artistinfo.jpg);
}
.eventinfo {
	background-image: url(../i/bg/black-eventinfo.jpg);
}
.moreinfo {
	background-image: url(../i/bg/black-moreinfo.jpg);
}
.newsstory {
	background-image: url(../i/bg/black-newsstory.jpg);
}
.subscribe {
	background-image: url(../i/bg/black-subscribe.jpg);
}
.nextgigs {
	background-image: url(../i/bg/black-nextgigs.jpg);
}
.venueinfo {
	background-image: url(../i/bg/black-venueinfo.jpg);
}
#blackviewer a {
	color: #20B9DB;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}
#blackviewer a:link	{
	color: #20B9DB;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#blackviewer a:visited	{
	color: #2FCCC3;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#blackviewer a:active	{
	color: #D3CB99;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#blackviewer a:hover		{
	color: #F3123D;
	text-decoration: underline;
	background: transparent;
}

#blackviewer div.container {
	position:absolute;
	top: 40px;
	left: 10px;
	width: 350px;
	padding: 0px;
	margin: 0;	 
	height:290px; 
	z-index:26; 
	overflow: hidden;	
}
#blackviewer div.aname {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 145px;
	height: 34px;
	z-index: 28;
	overflow: hidden;
}
#blackviewer div.aname h2 {
	font: normal bold 12px "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	color: Yellow;
	text-align: left;
	padding: 0;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	letter-spacing: -1px;
}
#blackviewer div.acat {
	position: absolute;
	top: 10px;
	left: 160px;
	width: 90px;
	height: 20px;
	z-index: 29;
	overflow: hidden;
}

#blackviewer div.acat p  {
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #1A95BE;
	text-align: left;
	padding: 0;
	margin: 0 0 5px 0;
}
#blackviewer div.mcat p {
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #FB460B;
	text-align: left;
	padding: 0;
	margin: 0 0 5px 0;
}
#blackviewer div.mcat {
	position: absolute;
	top: 10px;
	left: 250px;
	width: 100px;
	height: 20px;
	z-index: 30;
	overflow: hidden;
}
#blackviewer div.bio {
	position: absolute;
	top: 40px;
	left: 5px;
	width: 320px;
	height: 80px;
	z-index: 31;
	overflow: auto;
}
#blackviewer div.bio p {
	font: normal normal 9px/115% Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #fff;
	text-align: left;
	padding: 0 5px 0 0px;
	margin: 0;
}
#blackviewer div.photo {
	position: absolute;
	top: 130px;
	left: 190px;
	width: 140px;
	height: 140px;
	z-index: 32;
	overflow: hidden;
}
#blackviewer div.photo p {
	text-align: left;
	padding: 0;
	margin: 0;
	border: 0;
}
#blackviewer div.homepage {
	position: absolute;
	top: 130px;
	left: 5px;
	width: 150px;
	height: 30px;
	z-index: 33;
	overflow: hidden;
}
#blackviewer div.homepage p, #blackviewer div.event p,  #blackviewer div.discs p  {
	font: normal normal 9px/115% Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #fff;
	text-align: left;
	padding: 0px;
	margin: 0;
}

#blackviewer div.homepage p em, #blackviewer div.event p em,  #blackviewer div.discs p em {
	font-style : italic; 
	color: #DE3DA7;
	
}
#blackviewer div.event {
	position: absolute;
	top: 155px;
	left: 5px;
	width: 150px;
	height: 65px;
	z-index: 34;
	overflow: hidden;
}

#blackviewer div.review1 {
	position: absolute;
	top: 255px;
	left: 5px;
	width: 150px;
	height: 40px;
	z-index: 35;
	overflow: hidden;
}
#blackviewer div.review1 p {
	font: italic normal bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #C9EFA0;
	text-align: left;
	padding:0px;
	margin: 0;
}
#blackviewer div.discs {
	position: absolute;
	top: 225px;
	left: 5px;
	width: 150px;
	height: 30px;
	z-index: 36;
	overflow: hidden;
}
#blackviewer div.tracks {
	position: absolute;
	/*top: 270px;
	left: 220px;*/
	bottom: 4px;
	right: 3px;
	width: 135px;
	height: 18px;
	z-index: 36;
	overflow: hidden;
}
#blackviewer div.tracks p {
	font: normal normal bold 10px/100% Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #fff;
	text-align: left;
	padding: 1px 18px 0 0px;
	margin: 2px 0 0 0;
}
#blackviewer div.tracks a{display:block;height:16px;background:transparent url(../i/bg/playbut.png) 100px 0px no-repeat}
#blackviewer div.tracks a:hover{background:transparent url(../i/bg/playbut.png) 100px -16px no-repeat}
/* event page */

#blackviewer div.ename {
	position: absolute;
	top: 15px;
	right: 0px;
	width: 150px;
	height: 35px;
	z-index: 28;
	overflow: hidden;
}
#blackviewer div.ename h2 {
	font: normal bold 12px "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	color: #119FFC;
	text-align: right;
	padding: 0;
	margin: 0px 5px 5px 0;
	text-transform: uppercase;
	
}
#blackviewer div.at {
	position: absolute;
	top: 15px;
	left: 150px;
	width: 50px;
	height: 34px;
	z-index: 30;
	overflow: hidden;
}
#blackviewer div.at p {
	font: italic bold 12px "Times New Roman", Times, serif;  
	color: #FA40DA;
	text-align: center;
	padding: 0;
	margin: 0px;
	
}
#blackviewer div.artist {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 140px;
	height: 35px;
	z-index: 29;
	overflow: hidden;
}
#blackviewer div.artist h2 {
	font: normal bold 12px "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	color: Yellow;
	text-align: left;
	padding: 0;
	margin: 0px 0 5px 5px;
	
}
#blackviewer div.edate {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 150px;
	height: 40px;
	z-index: 31;
	overflow: hidden;
}
#blackviewer div.edate p {
	font: normal bold 11px "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	color: #F9EDB4;
	text-align: left;
	padding: 0;
	margin: 0px 0 5px 5px;
	
}
#blackviewer div.etime {
	position: absolute;
	top: 50px;
	left: 150px;
	width: 50px;
	height: 40px;
	z-index: 33;
	overflow: hidden;
}
#blackviewer div.etime p {
	font: normal normal 11px "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	color: #EDD931;
	text-align: center;
	padding: 3px 0px;
	margin: 0px;
	
}
#blackviewer div.elocation {
	position: absolute;
	top: 50px;
	right: 0px;
	width: 140px;
	height: 95px;
	z-index: 34;
	overflow: hidden;
}

#blackviewer div.elocation p {
	font: normal normal 10px "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	color: #F9EDB4;
	text-align: right;
	padding: 0;
	margin: 0px 5px 0px 0;	
}
#blackviewer div.emeta {
	position: absolute;
	top: 95px;
	left: 0px;
	width: 150px;
	height: 40px;
	z-index: 38;
	overflow: hidden;
}
#blackviewer div.emeta p {
	font: normal normal 10px "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	color: #B4E138;
	text-align: left;
	padding: 0;
	margin: 0px 0 0px 5px;
	
}
#blackviewer div.eprice {
	position: absolute;
	top: 95px;
	left: 150px;
	width: 50px;
	height: 25px;
	z-index: 39;
	overflow: hidden;
}
#blackviewer div.eprice p {
	font: normal bold 10px "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	color: #fff;
	text-align: center;
	padding: 5px 0;
	margin: 0px;
	
}
#blackviewer div.ecopy {
	position: absolute;
	top: 137px;
	left: 0px;
	width: 165px;
	height: 110px;
	z-index: 31;
	overflow: auto;
}
#blackviewer div.ecopy p {
	font: normal normal 9px Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #fff;
	text-align: left;
	padding: 0 5px 0 0px;
	margin: 0;
}
#blackviewer div.emaplnk {
	position: absolute;
	top: 257px;
	left: 0px;
	width: 130px;
	height: 15px;
	z-index: 32;
	overflow: none;
}
#blackviewer div.emaplnk p {
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #fff;
	text-align: left;
	padding: 0 5px 0 0px;
	margin: 0;
}
#blackviewer div.ephoto {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 140px;
	height: 140px;
	z-index: 32;
	overflow: hidden;
}
#blackviewer div.ephoto p {
	text-align: right;
	padding: 0;
	margin: 0;
	border: 0;
}
#blackviewer div.fetitle {
	position: absolute;
	top: 15px;
	left: 10px;
	width: 330px;
	height: 45px;
	z-index: 28;
	overflow: hidden;
}
#blackviewer div.fetitle h2 {
	font: normal bold 12px "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	color: Yellow;
	text-align: left;
	padding: 0;
	margin: 0px 0px 5px 5px;
	text-transform: uppercase;
	letter-spacing: -1px;
}
#blackviewer div.fecopy {
	position: absolute;
	top: 65px;
	left: 10px;
	width: 165px;
	height: 220px;
	z-index: 31;
	overflow: auto;
}
#blackviewer div.fecopy p {
	font: normal normal 9px/115% Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #fff;
	text-align: left;
	padding: 0 5px 0 0px;
	margin: 0;
}
#blackviewer div.fephoto {
	position: absolute;
	top: 70px;
	right: 10px;
	width: 150px;
	height: 230px;
	z-index: 32;
	overflow: hidden;
}
#blackviewer div.fephoto p {
	text-align: right;
	padding: 0;
	margin: 0;
	border: 0;
}
/* next gigs page */
#blackviewer #nextcontainer {
	position: absolute;
	left: -7px;
	top: 16px;
	width: 355px;
	height: 282px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#blackviewer div.nextevent {
	position: relative;
	left: 0px;
	background: url(../i/bg/eventbg.jpg) no-repeat top left;
	overflow: hidden;
	width: 350px;
	height: 87px;
	margin: 0px 0px 3px 0px;
	padding: 0;
	overflow: hidden;
}
#blackviewer #nextevent1 {
	position: absolute;
	left: -5px;
	top: 18px;
	width: 350px;
	height: 87px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#blackviewer div.eventartist {
	position: absolute;
	top: 15px;
	left: 125px;
	}
#blackviewer div.eventartist p {	
	font-family: "Lucida Sans", "Lucida Grande", lucida, arial, sans-serif; 
	font-weight: bold;
	font-size: 12px; 
	color: #CA319F;
	text-align: left;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}
#blackviewer div.eventpic {
	position: absolute;
	top: 17px;
	left: 24px;
	}
#blackviewer div.eventpic img {	
	border: 0;
	margin: 0;
	padding: 0;
	height: 60px;
	text-align: left;
}
#blackviewer div.eventvenue {
	position: absolute;
	top: 55px;
	left: 125px;
	}
#blackviewer div.eventvenue p {	
	font-family: "Lucida Sans", "Lucida Grande", lucida, arial, sans-serif; 
	font-weight: bold;
	font-size: 11px; 
	color: #AF0917;
	text-align: left;
	padding: 0;
	margin: 0;
}
#blackviewer div.eventdate {
	position: absolute;
	top: 35px;
	left: 125px;
	}
#blackviewer div.eventdate p {	
	font-family: "Lucida Sans", "Lucida Grande", lucida, arial, sans-serif;  
	font-weight: bold;
	font-size: 11px;
	color: #000;
	text-align: left;
	padding: 0;
	margin: 0;
}
#blackviewer div.eventtime {
	position: absolute;
	top: 15px;
	right: 25px;
	}
#blackviewer div.eventtime p {	
	font-family: "Lucida Sans", "Lucida Grande", lucida, arial, sans-serif;  
	font-weight: normal;
	font-size: 11px;
	color: #000;
	text-align: left;
	padding: 0;
	margin: 0;
}
#blackviewer div.eventcategory {
	position: absolute;
	top: 38px;
	right: 25px;
	}
#blackviewer div.eventcategory p {	
	font-family: "Lucida Sans", "Lucida Grande", lucida, arial, sans-serif; 
	font-weight: normal;
	font-size: 10px; 
	color: #1A95BE;
	text-align: left;
	padding: 0;
	margin: 0;
}
#blackviewer div.eventprice {
	position: absolute;
	top: 60px;
	right: 25px;
	}
#blackviewer div.eventprice p {	
	font-family: "Lucida Sans", "Lucida Grande", lucida, arial, sans-serif;
	font-weight: bold;
	font-size: 10px;  
	color: #F6800B;
	text-align: left;
	padding: 0;
	margin: 0;
}
#blackviewer #nextevent2 {
	position: absolute;
	left: -5px;
	top: 108px;
	width: 350px;
	height: 87px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#blackviewer #nextevent3 {
	position: absolute;
	left: -5px;
	top: 197px;
	width: 350px;
	height: 87px;
		margin: 0;
	padding: 0;
	overflow: hidden;
} 

/* news story page */

#blackviewer div.ntitle {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 220px;
	height: 70px;
	z-index: 28;
	overflow: hidden;
}
#blackviewer div.ntitle h2 {
	font: normal bold 12px "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	color: Yellow;
	text-align: left;
	padding: 0 3px 0 2px;
	margin: 0px 3px 5px 0px;
	text-transform: uppercase;
	letter-spacing: -1px;
	
}
#blackviewer div.aphoto {
	position: absolute;
	top: 25px;
	right: 5px;
	width: 140px;
	height: 140px;
	z-index: 32;
	overflow: hidden;
}
#blackviewer div.aphoto p {
	text-align: right;
	padding: 0;
	margin: 0;
	border: 0;
}
#blackviewer div.ncat {
	position: absolute;
	top: 90px;
	left: 0px;
	width: 90px;
	height: 20px;
	z-index: 28;
	overflow: hidden;
} 
#blackviewer div.ncat p {
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #1A95BE;
	text-align: left;
	padding: 0;
	margin: 0 0 5px 0;
}
#blackviewer div.ndate {
	position: absolute;
	top: 90px;
	left: 95px;
	width: 110px;
	height: 20px;
	z-index: 28;
	overflow: hidden;
}
#blackviewer div.ndate p {
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #F9EDB4;
	text-align: right;
	padding: 0;
	margin: 0px 0 5px 0px;
}
#blackviewer div.nurl {
	position: absolute;
	top: 130px;
	left: 0px;
	width: 150px;
	height: 20px;
	z-index: 34;
	overflow: hidden;
} 
#blackviewer div.nurl p {
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #F6800B;
	text-align: left;
	padding: 0;
	margin: 0px 0 5px 0px;
}
#blackviewer div.nstory {
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 350px;
	height: 105px;
	z-index: 31;
	overflow: auto;
}
#blackviewer div.nstory p {
	font: normal normal 9px/115% Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #fff;
	text-align: left;
	padding: 0 5px 0 0px;
	margin: 0;
}
#blackviewer div.nphoto {
	
}
#blackviewer div.nphoto p {
	
}
/* Specials More Info styles */

#blackviewer div.sptitle {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 310px;
	height: 40px;
	z-index: 28;
	overflow: hidden;
}
#blackviewer div.sptitle h2 {
	font: normal bold 12px "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	color: Yellow;
	text-align: left;
	padding: 0 3px 0 2px;
	margin: 0px 3px 5px 0px;
	text-transform: uppercase;
	letter-spacing: -1px;
	
}
#blackviewer div.spphoto {
	position: absolute;
	bottom: 10px;
	right: 5px;
	width: 140px;
	height: 140px;
	z-index: 32;
	overflow: hidden;
}
#blackviewer div.spphoto p {
	text-align: right;
	padding: 0;
	margin: 0;
	border: 0;
}
#blackviewer div.spcopy {
	position: absolute;
	top: 100px;
	left: 0px;
	width: 180px;
	height: 180px;
	z-index: 31;
	overflow: auto;
}
#blackviewer div.spcopy p {
	font: normal normal 9px/115% Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #fff;
	text-align: left;
	padding: 0 5px 0 0px;
	margin: 0;
}
#blackviewer div.spdate {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 130px;
	height: 15px;
	z-index: 32;
	overflow: hidden;
} 
#blackviewer div.spdate p {
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #1A95BE;
	text-align: left;
	padding: 0;
	margin: 0 0 5px 0;
}
#blackviewer div.sptime {
	position: absolute;
	top: 50px;
	right: 5px;
	width: 140px;
	height: 15px;
	z-index: 28;
	overflow: hidden;
}
#blackviewer div.sptime p {
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #F9EDB4;
	text-align: right;
	padding: 0;
	margin: 0px 0 5px 0px;
}
#blackviewer div.spurl {
	position: absolute;
	top: 65px;
	left: 0px;
	width: 210px;
	height: 25px;
	z-index: 38;
	overflow: hidden;
} 
#blackviewer div.spurl p {
	font: normal normal 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #F6800B;
	text-align: left;
	padding: 0;
	margin: 0px 0 5px 0px;
}
#blackviewer div.spprice {
	position: absolute;
	top: 65px;
	right: 5px;
	width: 70px;
	height: 20px;
	z-index: 40;
	overflow: hidden;
} 
#blackviewer div.spprice p {
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ccc;
	text-align: right;
	padding: 0;
	margin: 0px 0 5px 0px;
}
/* Venues styles */
#blackviewer div.vname {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 200px;
	height: 20px;
	z-index: 28;
	overflow: hidden;
}
#blackviewer div.vname h2 {
	font: normal bold 12px "Lucida Sans", "Lucida Grande", lucida, verdana, arial, sans-serif;  
	color: Yellow;
	text-align: left;
	padding: 0 3px 0 2px;
	margin: 0px 3px 5px 0px;
	text-transform: uppercase;
	letter-spacing: -1px;
	
}
#blackviewer div.vcategory {
	position: absolute;
	top: 12px;
	right: 5px;
	width: 100px;
	height: 15px;
	z-index: 27;
	overflow: hidden;
}
#blackviewer div.vcategory p {
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #ff00ff;
	text-align: right;
	padding: 0;
	margin: 0 10px 5px 0;
}
#blackviewer div.vaddy {
	position: absolute;
	top: 32px;
	left: 0px;
	width: 200px;
	height: 60px;
	z-index: 28;
	overflow: hidden;
}
#blackviewer div.vaddy p {
	font: normal normal 10px/115% Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #f0f8ff;
	text-align: left;
	padding: 0;
	margin: 0 0px 1px 10px;
}
#blackviewer div.vaddy p span.vtelno {
	color: #7cfc00;
}
#blackviewer div.vspecs {
	position: absolute;
	top: 28px;
	right: 5px;
	width: 180px;
	height: 80px;
	z-index: 27;
	overflow: hidden;
}
#blackviewer div.vspecs p {
	font: normal normal 9px/115% Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #f8f8ff;
	text-align: right;
	padding: 2px 0 2px 0;
	margin: 0 10px 0px 0;
}
#blackviewer div.vspecs p span {
	color: #ffa500;
}
#blackviewer div.vdesc {
	position: absolute;
	top: 115px;
	left: 0px;
	width: 190px;
	height: 95px;
	z-index: 28;
	overflow: auto;
}
#blackviewer div.vdesc p  {
	font: normal normal 9px/110% Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #fff0f5;
	text-align: justify;
	padding: 0;
	margin: 0 8px 1px 10px;
}
#blackviewer div.vphoto {
	position: absolute;
	top: 115px;
	right: 5px;
	width: 140px;
	height: 150px;
	z-index: 32;
	overflow: hidden;
}
#blackviewer div.vphoto p {
	text-align: right;
	padding: 0;
	margin: 0;
	border: 0;
}
#blackviewer div.vmap {
	position: absolute;
	top: 240px;
	left: 0px;
	width: 190px;
	height: 15px;
	z-index: 28;
	overflow: hidden;
}
#blackviewer div.vmap p {
	font: normal normal bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;  
	color: #f0f8ff;
	text-align: left;
	padding: 0;
	margin: 0 0px 1px 10px;
}
/* old rightviewer styles */
#rightviewer {
	position: absolute;
	top: 210px;
	left: 395px;
	background-image: url(../i/bg/subscribe2.jpg);
	height: 333px;
	width: 370px;
	overflow: hidden;
}
#rightviewer #form-container, #blackviewer #form-container {
	position:absolute;
	top: 40px;
	left: 10px;
	width: 350px;
	padding: 0px;
	margin: 0;
	z-index:35; 	
}
#rightviewer h2, #blackviewer h2 {
	color: #fff;
	background-color: transparent;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	margin: 0px;
}
#rightviewer p, #blackviewer p {
	color: #ED830C;
	background-color: transparent;
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
	margin: 0px;
}
#rightviewer form, #blackviewer form {
padding: 3px;
}
#rightviewer fieldset, #blackviewer fieldset {
border: 1px dotted #1A95BE;
margin-top: 0px;
padding: 0 10px 10px 10px;
}
#rightviewer legend, #blackviewer legend {
font: bold 1.2em Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #1A95BE;
background-color: transparent;
padding: 0px 5px 0px 5px;
}
#rightviewer input, #blackviewer input {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #3d3267;
background-color: #fff;
border: 1px solid #ccc;
margin: 5px 0px 0px 0px;
padding: 0;
}
#rightviewer select, #blackviewer select {
width: 180px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #3d3267;
background-color: #fff;
border: 1px solid #ccc;
margin: 5px 0px 0px 0px;
}
#rightviewer textarea, #blackviewer textarea {
width: 180px;
height: 30px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #3d3267;
background-color: #fff;
border: 1px solid #ccc;
margin: 5px 0px 0px 0px;
}
#rightviewer input.txt, #blackviewer input.txt {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #3d3267;
background-color: #fff;
border: 1px solid #ccc;
width: 180px;
}
#rightviewer input.btn, #blackviewer input.btn {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #3D3267;
background-color: #fff;
border: 3px outset #ccc;
padding: 0;
}
#rightviewer form p, #blackviewer form p {
clear: left;
margin: 0;
padding: 0;
/*padding-top: 5px;*/
}
#rightviewer form p label, #blackviewer form p label {
float: left;
width: 30%;
font: bold 0.9em Arial, Helvetica, sans-serif;
color: #fff;
background-color: transparent;
padding: 6px 0px 0px 0px;
}
#rightviewer form p.info, #blackviewer form p.info {
	font-size: 0.9em;
}
#basebox {
	position: absolute;
	top: 0px;
	left: 0px;
	/*left: 395px;*/
	height: 193px;
	width: 756px;
	overflow: hidden;
}
.whatson {
	background-image: url(../i/bg/base-whatson.jpg);
}
.whatsnew {
	background-image: url(../i/bg/base-whatsnew.jpg);
}
.happenings {
	background-image: url(../i/bg/base-happenings.jpg);
}
#basebox div.base-container {
	position:relative;
	top: 40px;
	left: 0px;
	width: 756px;
	padding: 0px;
	margin: 0;	 
	height:165px; 
	z-index:26; 
	overflow: hidden;	
}
#basepanel {
position: absolute;
	top: 595px;
	left: 10px;
	background-image: url(../i/bg/whatnext1.gif);
	height: 193px;
	width: 756px;
	overflow: hidden;	
}
#basepanel a:link, #basebox a:link	{
	color: #437CE0;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#basepanel a:visited, #basebox a:visited	{
	color: #2F55A5;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#basepanel a:active, #basebox a:active	{
	color: #BE2216;
	text-decoration: none;
	border: 0 none;
	background: transparent;
}
#basepanel a:hover, #basebox a:hover		{
	color: #FE4247;
	text-decoration: underline;
	background: transparent;
}

#basepanel div.container {
	position:absolute;
	top: 40px;
	left: 10px;
	width: 736px;
	padding: 0px;
	margin: 0;	 
	height:135px; 
	z-index:26; 
	overflow: hidden;	
}
#basepanel div.column1, #basebox div.column1 {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height:135px; 
	padding: 0px;
	margin: 0;
	overflow: auto;
	z-index: 30;
}
#basepanel #sponsor, #basebox #sponsorbox {
	position:absolute;
	top: 0px;
	left: 10px;
	width: 170px;
	height:135px; 
	padding: 0px;
	margin-left: 0;
	text-align: left;
	overflow: auto;
	z-index: 35;
}
basebox #updatebox {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height:135px; 
	padding: 0px;
	margin-left: 0;
	text-align: left;
	overflow: auto;
	z-index:40;
}
basebox #bannerbox {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height:135px; 
	padding: 0px;
	margin-left: 0;
	text-align: left;
	overflow: hidden;
	z-index: 45;
}
#basepanel h2.sponsor, #basebox h2.sponsor {
	color: #F22672;
	background-color: transparent;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: -0.1em;
	margin: 0px 0px 5px 10px;
}
#basepanel p.sponsorimg, #basebox p.sponsorimg {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
#basepanel p.sponsordesc, #basebox p.sponsordesc {
	color: #D0AADE;
	background: transparent;
	font-family: "arial narrow", "helvetica narrow", tahoma, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: right;
	padding: 0 5px 0 5px;
	line-height: 115%;
}
#basepanel p.sponsoremail, #basebox p.sponsoremail {
	background: transparent;
	font-family: "arial narrow", "helvetica narrow", tahoma, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #D1E4BF;
	text-align: right;
	margin: 6px 5px 0px 0px;
	padding: 0 5px 0 0px;
}
#basepanel div.column2, #basebox div.column2 {
	position:absolute;
	top: 0px;
	left: 183px;
	width: 180px;
	height:135px; 
	padding: 0px;
	margin: 0;
	border-left-color: #fff;
	border-left-style: solid;
	border-left-width: 2px;
	overflow: hidden;
	z-index: 40;
}
#basepanel p.banner, #basebox p.banner  {
	text-align: left;
	margin: 0;
	padding: 0;
	color: #D1E4BF;
	background: transparent;
	font-family: "arial narrow", "helvetica narrow", tahoma, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
#basepanel div.column3, #basebox div.column3  {
	position:absolute;
	top: 0px;
	left: 366px;
	width: 180px;
	height:135px; 
	padding: 0px;
	margin: 0;
	text-align: left;
	border-left-color: #fff;
	border-left-style: solid;
	border-left-width: 2px;
	overflow: hidden;
	z-index: 50;
}
#basepanel div.base-form, #basebox div.base-form {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height:135px; 
	padding: 0px;
	margin: 0;
	text-align: left;
	overflow: hidden;
	z-index:55;
}
.base-form p.formcopy {
	clear: both;
	color: #D1E4BF;
	background: transparent;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	padding: 0px 0px 0 8px;
	margin: 0;
}
#basepanel #formhead, #basebox #formhead {
	display: block;
	text-align: left;
  	padding: 0px;
 	margin-left: 1.0em;
	background: url(../i/bg/subscribe-header.gif) no-repeat top left;
 	width:160px;
 	height:26px;
}
#footviewer {
	position: absolute;
	top: 0px;
	left: 0px;
	/*left: 395px;*/
	height: 187px;
	width: 749px;
	overflow: hidden;
}
#footviewer.extras {
	background: transparent url(../i/bg/foot-extras.jpg) no-repeat top left;
}
#footviewer div.foot-container {
	position:relative;
	top: 40px;
	left: 0px;
	width: 748px;
	padding: 0px;
	margin: 0;	 
	height:146px; 
	z-index:26; 
	overflow: hidden;	
}
#footviewer div.column1 {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height:135px; 
	padding: 0px;
	margin: 0;
	overflow: hidden;
/*	z-index: 26;*/
}
#footviewer div.column1 p {
	margin: 0 0 7px 0;
	padding: 0;
	border: none;
	text-align:center;
}
#footviewer div.column2 {
	position:absolute;
	top: 0px;
	left: 183px;
	width: 180px;
	height:135px; 
	padding: 0px;
	margin: 0;
	border-left-color: #dc143c;
	border-left-style: solid;
	border-left-width: 2px;
	overflow: hidden;
	/*z-index: 27;*/
}
#footviewer div.column3 {
	position:absolute;
	top: 0px;
	left: 366px;
	width: 180px;
	height:135px; 
	padding: 0px;
	margin: 0;
	text-align: left;
	border-left-color:  #dc143c;
	border-left-style: solid;
	border-left-width: 2px;
	overflow: hidden;
/*	z-index: 28;*/
}
#footviewer div.column3 p {
text-align: center;
margin: 0 auto;
}
#footviewer div.column4 {
	position:absolute;
	top: 0px;
	left: 557px;
	width: 180px;
	height:135px; 
	padding: 0px;
		border-left-color: #dc143c;
	border-left-style: solid;
	border-left-width: 2px;
	margin: 0;
	overflow: auto;
/*	z-index: 29;*/
}
#footviewer div.column4 p {
	margin: 0 auto;
	padding: 0px 10px;
	text-align: center;
	border: none;
}
#formhead h2 {

  color:  #222;
  background-color: transparent;
  background-image: none;
  font-size:0.1em;
  float:left;
  text-indent:-2000em;
}


#basepanel form, #basebox form {
	padding: 2px 0 10px 0px;
	border: 1px dotted #1A95BE;
}
#basepanel fieldset, #basebox fieldset {
	margin: 0px;
	padding: 0px;
	border: 0;
}
#basepanel input.bi, #basebox input.bi {
	width: 90px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3d3267;
	background-color: #C9D48F;
	border: 1px inset #FFD424;
	margin: 2px 0px 0px 0px;
	padding: 0;
}
#basepanel input.bi:focus, #basebox input.bi:focus {
	background-color: White;
	color: #0C4251;
	border: 1px outset #21A8CC;
}
#basepanel form p label, #basebox form p label  {
	float: left;
	width: 30%;
	font: bold 8px Arial, Helvetica, sans-serif;
	padding: 2px 3px 2px 2px;
	color: #fff;
}
#basepanel label, #basebox label {
	margin: 0px;
	padding: 2px 0;
	display: inline;
}

#basepanel form p, #basebox form p {
	clear: left;
	margin: 0;
	padding-top: 2px;
}

#basepanel .actions, #basebox .actions {
	
	padding: 5px 0px 0px 0px;
	text-align: center;
	clear: right;
}
#basepanel input.primaryAction, #basebox input.primaryAction {
	display: inline;
	font-size: 9px;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
}

#basepanel div.column4, #basebox div.column4  {
	position:absolute;
	top: 0px;
	left: 548px;
	width: 180px;
	height:135px; 
	padding: 0px;
	margin: 0;
	text-align: left;
	border-left-color: #fff;
	border-left-style: solid;
	border-left-width: 2px;
	overflow: hidden;
}
#basepanel h2 {
	color: #FB460B;
	background-color: transparent;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	letter-spacing: -0.1em;
	margin: 0px 0px 5px 5px;
}
#basepanel p.basecopy {
	color: #D1E4BF;
	background: transparent;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	padding: 0 5px 0 3px;
}
#iconsdiv {
	position: absolute;
	top: 780px;
	left: 10px;
	height: 30px;
	width: 756px;
	overflow: hidden;	
}
#iconsdiv-inner {
	position:absolute;
	top: 5px;
	left: 265px;
	width: 350px;
	padding: 0px;
	margin: 0;	
}
div.soundoff {
	position:absolute;
	top: 1px;
	left: 5px;
	width: 100px;
	padding: 0px;
	margin: 0;
	font-size: 1em;	
}
div.soundon {
	position:absolute;
	top: 1px;
	left: 115px;
	width: 100px;
	padding: 0px;
	margin: 0;
	font-size: 1em;	
}
#footer {
	position:absolute;
	bottom: 3px;
	left: 14px;
	background-color: #000;
	width: 768px;
	height:45px;
	margin: 0 auto;
}
#footer-inner {
	position:absolute;
	top: 5px;
	left: 10px;
	width: 550px;
	padding: 0px;
	margin: 0;	
}
p.footcopy {
	color: Yellow;
	background: transparent;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	padding: 0 0px 0 3px;
}
p.footbold {
	color: #EFC6A0;
	background: transparent;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 0 0px 0 3px;
}
#footlogo {
	position: absolute;
	top: 15px;
	left: 560px;
	height: 20px;
	width: 173px;
	background-image: url(../i/bg/logo2.png);
	overflow: hidden;	
}
/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clear{display:inline-block}
.clear:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html .clear{height:1%}
.clear{display:block}

/* HIGHLIGHT IT */
.highlightit img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.6;
}

.highlightit:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}