/*_____________________________________________ Start - Global Styles _____________________________________________*/

html, body {
height: 100%;
margin: 0;
padding: 0;
}

body, p, td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

body, p {
	color: #FFFFFF;
}

.blacktext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}

.whitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF0;
}

a.whitelink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #FF0;
}

a.whitelink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #FF0;
}

a.whitelink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #cccc99;
}

a.whitelink:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}

a.artistlisting:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #F60;
}

a.artistlisting:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #F60;
}

a.artistlisting:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #F60;
}

a.artistlisting:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #F60;
}

#floatMenu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #FF0;
}

#floatMenu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #FF0;
}

#floatMenu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #FF0;
}

#floatMenu a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #FF0;
}			

.news_brown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #DCC535;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.Top_Level_Header_Light {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
}

.Top_Level_Header_Dark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666633;
}

.Sub_Level_Header_Heavy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
}
.Sub_Level_Header_Light {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}

.Sub_Level_Header_Dark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666633;
}
.Guide_Listing_Title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
	color: #CC6600;
}
.Guide_Listing_Titleuunseed {
	font-family: Rockwell, Times, Times New Roman, serif;
	font-size: 14px;
	
	font-weight: bold;
	color: #CC6600;
}
.Artist_Title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform:uppercase;
	font-weight: bold;
	color: #CC6600;
}
.Artist_Title_unbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform:uppercase;
	font-weight: normal;
	color: #CC6600;
}

.Artist_Title_sml {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*text-transform:uppercase;*/
	font-weight: normal;
	color: #CC6600;
}
.Artist_Title_sml_RED {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*text-transform:uppercase;*/
	font-weight: normal;
	color: #CC0000;
}
.Directory_Listing_Title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	color: #03F;
}
.Directory_Listing_TitleHighlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	color: #FFF;
	background-color:#00F;
}
.Directory_Listing_Highlight {
	background-color:#FF6;
	color:#000;
}
.gigtable {
	background-color:transparent;
	border-collapse:collapse;
}

.gigtable tr{
	background-color:#1A1A1A;
}

.gigtable td{
	border-bottom:1px solid black;
}

.gigtable th{
	background-color:#333;
	color:#F90;
	border:1px solid orange;
}

.boldrow td { 
	font-weight: bold;
}



/*_____________________________________________ End - Global Styles _____________________________________________*/    
                  

/*_____________________________________________ Start - Content ________________________________*/   

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

#content {
position:relative;
z-index:2;
}         

/*_____________________________________________ End - Content ________________________________*/ 

/*________________________________________ Start - Content Frame _________________________________*/

.dialog {
 width:100%;
 margin:0px auto;
 min-width:20em;
 max-width:1000px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(../images/borders/tl2.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(../images/borders/tr.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(../images/borders/ml.png) repeat-y 0px 0px;
 margin-right:6px;
 
}

.dialog .bd .c {
 background:transparent url(../images/borders/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:-0.5em 8px 0px 4px;
 background: url(../images/borders/s5_mm.png) 0px 0px;
 padding:0.5em 2em 2em 2em;
}

.dialog .ft {
 background:transparent url(../images/borders/bl.png) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(../images/borders/br.png) no-repeat right 0px;
 margin-right:-14px;
}



.dialog2 {
 width:100%;
 margin:0px auto;
 min-width:20em;
 max-width:1000px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#fff;
}

.dialog2 .hd2 .c2,
.dialog2 .ft2 .c2 {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog2 .f2t .c2 {
 height:14px;
}

.dialog2 .hd2 {
 background:transparent url(../images/borders/tl2.png) no-repeat 0px 0px;
 margin-right:7px; /* space for right corner */
}

.dialog2 .hd2 .c2 {
 background:transparent url(../images/borders/tr.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog2 .bd2 {
 background:transparent url(../images/borders/ml2.png) repeat-y 0px 0px;
 margin-right:6px;
 
}

.dialog2 .bd2 .c2 {
 background:transparent url(../images/borders/mr2.png) repeat-y right 0px;
 margin-right:-13px;
}

.dialog2 .bd2 .c2 .s2 {
 margin:0px 8px 0px 4px;
 background: url(../images/borders/s5_mm.png) 0px 0px;
 padding:1em;
}

.dialog2 .ft2 {
 background:transparent url(../images/borders/bl2.png) no-repeat 0px 0px;
 margin-right:7px;
}

.dialog2 .ft2 .c2 {
 background:transparent url(../images/borders/br2.png) no-repeat right 0px;
 margin-right:-14px;
}

.iphone_player {
 width: 100%;
 height: 100%;
}​

 /*___________________________ start - Checkout Breadcrumb Menu ___________________________*/


#breadcrumb
{
    font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
    background-image:url('../images/bc_bg.png'); 
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    overflow:hidden;
    margin:0px;
    padding:0px;
	min-width:50px;
}
#breadcrumb li 
{
    list-style-type:none;
    float:left;
    padding-left:20px;
	height:30px;
    display:block;
    background-image:url('../images/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 20px;
}
#breadcrumb a
{
    color:#454545;
	text-decoration: none;
}

.bcCurrent
{
    color:#454545;
	text-decoration: none;
}

#breadcrumb a:hover
{
	color:#35acc5;
}
					
					
 /*___________________________________ End - Checkout Breadcrumb Menu _________________________________*/

/*___________________________________ End - Content Frame _________________________________*/ 

/*_____________________________________________ Start - Member Login Form _________________________________*/

form#memberLoginForm a{
	color:#F90; 
 font-family: "Lucida Grande", "Arial", sans-serif;
 font-size: 10px;
 text-decoration:none; 
}

form#memberLoginForm td{
	color:#FF0;
 font-family: "Lucida Grande", "Arial", sans-serif;
 font-size: 10px;
 font-weight:bold;
}

form#memberLoginForm input{  
 color: #000000;
 font-size: 10px;
}

form#memberLoginForm buttons{
	border:1px solid #C9C0B7;
	color:#695B4E;
	font-weight:bold;
	padding:1px 8px;
	font-family:Tahoma,Arial,sans-serif;
}

#login {
	border:1px solid #C9C0B7;
	color:#695B4E;
	font-weight:bold;
	padding:1px 8px;
	font-family:Tahoma,Arial,sans-serif;
}

#password-clear {
    display: none;
	color:#666;
}

#default-value {
	color:#666;
}


/*______________________________________ End - Member Login Form _______________________*/ 

/*________________________________________ Start - Top Menu _________________________________*/

img {border: none;}

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 0px;/*padding originally 10px*/
	width: 645px;
	margin-left:0px;/*distance from left side*/
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 60px;/*originally 110px for both*/
	height: 60px;
}
ul.thumb li img {
	width: 55px; height: 55px;/*Originally 100x100*/
	/*border: 1px solid #ddd;*/
	padding: 3px;/*Originaly 5px*/
	/*background: #f0f0f0;*/
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	/*background:url(thumb_bg.png) no-repeat center center;*/
	border: none;
}

.thumb li a span {
	width: 150px;
	top: 90px;/*corresponds to height minus padding (from function when large)*/
	position: absolute;
	text-align: center;
	left: -45px;
	z-index: 100;
	visibility: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 14px;
	font-weight: bold;
	color: #FF0;
	background:url(../images/borders/topmenuborder.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-top:3px;
	padding-bottom:3px;
}

.thumb li a:hover span {
	visibility: visible;
}

.Page_Title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: yellow;
}

/*__________________________________ End - Top Menu ___________________________________*/       

/*__________________________________________ Start - Side Menu ___________________________________*/

a.link_todo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #FF0000;
}

a.link_butlarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform:uppercase;
	color: #FFFFFF;
}

a.link_butsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-transform:uppercase;
	color: #FFFFFF;
}

a.link_butact_sml {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #CC6600;
}

/* Featuring Popup Spans */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    background-color:#CCC; color:#000;
    text-align: center}
                
/*__________________________________ End - Side Menu ___________________________________*/ 
          
        
/*__________________________________ Start - Partners Carousel ________________________________*/


 /*Class to set the width for the whole Carousel. You can set the width and height as you want */

.widget {
    width:805px;
}

/*Class to set the styling option for the scroller part of the Carousel */

.widget_style {
    text-align:centre;
    padding:0px 0px 0px 0px;
}

.widget_style ul {
    margin:0;
    padding:0;
}

/*Class to set the image background and the size of it, do note that it's not the size of the scrolling images, it sets the size of the background image that I've used for every actual image that will be scrolling*/

.widget_style li {
    height:45px;
    width:152px;
  /*background:url(../images/partners/partner-bg.png) left top ;*/
 /* background-color:#FFF;*/
 
    list-style:none;
    margin:0;
    padding:0px 0px 0px 10px;
}

    /*This here actually sets the size of the scrolling images */

.widget_style img {
    width:130px;
    height:45px;
}

/*______________________________ End - Partners Carousel _____________________________*/

#floatMenu {
	position:absolute;
	top:320px;
	margin-left:480px;
	width:130px;
}