body{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:69%
}

a:link {color: #000000; text-decoration:underline}     /* unvisited link */
a:visited {color: #000000; text-decoration:none}  /* visited link */
a:hover {color: #000000; text-decoration:none;}   /* mouse over link */
a:active {color: #000000; text-decoration:none}   /* selected link */
a
{
}
h2
{
	font-size:1.2em;
	background-image:url(h2_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
padding:10px 0px 20px;
color:#660000;
	}
	
	h3
{
	font-size:1.1em;
	background-image:url(h3_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
padding:6px 0px 7px 0px;
color:#000000;
	}
		h4
{
	font-size:1.1em;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	line-height:1em;
	}
p
	{
	padding:0px 0px 0px 0px;
	margin:4px 0px 4px 0px;
	}
	
	
#container {
	/*background-image:url(img/bg1.gif);*/
	background-repeat: repeat-y;
	background-position:bottom;
	width: 800px;
	margin:0px auto;
}
#content{
/*background-image:url(img/bg1_img.gif);*/
background-repeat:no-repeat;
background-position:bottom;}

#leftCol{
float:left;
width:300px}

.logStatus
{
	font-family:"Courier New", Courier, monospace;
text-transform:uppercase;
	font-size:1.5em;
	font-weight:bold;
	margin:10px 0px 0px 58px;
	color:white;
	}
.logStatus	a:link {color: #ffffff; text-decoration:none}     /* unvisited link */
.logStatus a:visited {color: #ffffff; text-decoration:none}  /* visited link */
.logStatus a:hover {color: #ffffff; text-decoration:underline}   /* mouse over link */
.logStatus a:active {color: #ffffff; text-decoration:none}   /* selected link */

.bgSelectorList{
margin:0px 0px 0px 60px}


.bgSelectorList span{
font-family:"Courier New", Courier, monospace;
text-transform:uppercase;
background-color:#223c7c;
color:#FFFFFF;
font-size:1.2em;
padding:0px;
margin:0px 0px 0px 0px;
}

.bgSelectorList ul{
padding:0px;
margin:5px 0px 0px 0px}

.bgSelectorList li{
display: inline;
list-style-type: none;
padding-right: 5px;
}
.bgSelectorList input{
border-width:1px;
border-style:solid;
border-color:#CCCCCC;
}

#bgSelector{
background-color:green;
/*border-collapse:collapse;*/
border-spacing: 0px;
padding:0px;
margin:0px 0px 0px 100px
}

/*#bgSelector img{
border:1px;
}*/

#rightCol{
float:right;
width:500px;
margin:0px 0px 40px 0px;
background-image:url(rcolback.gif);
background-position:top;
background-repeat:repeat-y;
}
#rightCol img{border:0px;}

.flashDiv {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px
}

.imgDiv{
padding:0px;
margin:0px;

}
.imgDiv span{
padding:0px;
margin:0px;

}

.imgDiv img{
padding:0px;
margin:0px;

}

.articleLink img{
border:none;
/*background-image:url(img/articleLink_bg.gif);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin:0px 32px 0px 32px;
padding:0px 0px 5px 10px*/

}
.articleLink a {
margin:0px;
padding:0px;
line-height:1em;
color:red
}


.htmlArticle
{
	background-image:url(htmlArticle_bg.gif);
	background-position:top;
	background-repeat:repeat-y;
	padding:10px 45px 10px 45px;
	}
	
	.htmlArticle ul
{
	 list-style-type: none;}
	 
	 .htmlArticleWide
{
	background-image:url(htmlArticleWide_bg.gif);
	background-position:top;
	background-repeat:repeat-y;
	padding:10px 22px 0px 18px;
	}
	
	.htmlArticleWide ul
{
	 list-style-type: none;}
	 
	 #footer
{
	padding:5px 5px 5px 60px;
	color:#ffffff}
	
#footer	a
{
	text-decoration:none;
	padding:0px 3px 0px 3px
	}
#footer	a:link {color: #ffffff; background-color:Transparent}     /* unvisited link */
#footer a:visited {color: #ffffff; background-color:Transparent}  /* visited link */
#footer  a:hover {color: #000000; background-color:Yellow}   /* mouse over link */
#footer a:active {color: #ffffff; background-color:Transparent}   /* selected link */
	 
/* >>>>>>>>>>>>>>>>>>>>>>>>>*/
/* IMAGE COMP*/
.compImageSelected img
{
	display:block;
	margin:0px auto}
	
	.compImageSelectedTitle
	{
		font-weight:bold
		}
	.compImageSelectedComment
	{
		}
.CompImgItem
{
	padding:0px 0px 0px 0px;
margin:3px;
width:145px;
}

.CompImgItemSpanOutter
{
	
display:block;
padding:6px;
}


.CompImgItem input
{
	margin:0px auto;
display:block;
padding:6px;
background-color:#f0f0f0;
}

.compImageSelectedComment
{
	font-style:italic;
	margin:4px}

/* COMP END*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/	
/* a links */


/*---------------------*/
a.needToLogIn
{	display: block;
	height: 82px;
	width: 500px;
	padding:0px;
	margin:0px
}

a.needToLogIn:link {background-image: url(needToLogInOff.gif);}
a.needToLogIn:visited {background-image: url(needToLogInOff.gif);}
a.needToLogIn:hover {background-image: url(needToLogInOn.gif);}
a.needToLogIn:active {background-image: url(needToLogInOff.gif);}
/*---------------------*/
a.clickHereLink
{	display: block;
	height: 41px;
	width: 500px;
	padding:0px;
	margin:0px
}
a.clickHereLink:link {background-image: url(clickHereLink-off.gif);}
a.clickHereLink:visited {background-image: url(clickHereLink-off.gif);}
a.clickHereLink:hover {background-image: url(clickHereLink-on.gif);}
a.clickHereLink:active {background-image: url(clickHereLink-off.gif);}
/*---------------------*/
a.needToLogInComp
{	display: block;
	height: 115px;
	width: 500px;
	padding:0px;
	margin:0px
}
a.needToLogInComp:link {background-image: url(needToLoginComp-off.gif);}
a.needToLogInComp:visited {background-image: url(needToLoginComp-off.gif);}
a.needToLogInComp:hover {background-image: url(needToLoginComp-on.gif);}
a.needToLogInComp:active {background-image: url(needToLoginComp-off.gif);}

/*---------------------*/

a.needToLogInVote
{	display: block;
	height: 115px;
	width: 500px;
	padding:0px;
	margin:0px
}
a.needToLogInVote:link {background-image: url(needToLoginVote-off.gif);}
a.needToLogInVote:visited {background-image: url(needToLoginVote-off.gif);}
a.needToLogInVote:hover {background-image: url(needToLoginVote-on.gif);}
a.needToLogInVote:active {background-image: url(needToLoginVote-off.gif);}
/*---------------------*/

a.needToLogInOffers
{	display: block;
	height: 115px;
	width: 500px;
	padding:0px;
	margin:0px
}
a.needToLogInOffers:link {background-image: url(needToLoginOffers-off.gif);}
a.needToLogInOffers:visited {background-image: url(needToLoginOffers-off.gif);}
a.needToLogInOffers:hover {background-image: url(needToLoginOffers-on.gif);}
a.needToLogInOffers:active {background-image: url(needToLoginOffers-off.gif);}
/*---------------------*/

a.clickHereDownload
{	display: block;
	height: 41px;
	width: 500px;
	padding:0px;
	margin:0px
}
a.clickHereDownload:link {background-image: url(clickHereDownload-off.gif);}
a.clickHereDownload:visited {background-image: url(clickHereDownload-off.gif);}
a.clickHereDownload:hover {background-image: url(clickHereDownload-on.gif);}
a.clickHereDownload:active {background-image: url(clickHereDownload-off.gif);}
/*---------------------*/	
/* >>>>>>>>>>>>>>>>>>>>>>>>>*/
/* VOTE start */
.commentHolder
{	background-image:url(hrDivide_bg.gif);
	background-position:top center;
	background-repeat:no-repeat;
	padding:20px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	
	}
	.commentReported
	{
		color:Red;}
	
	.reportComment
	{
		float:right}
		
	.commentUserName
	{
		color:#f7941d;
		font-weight:bold;}
			
/*vote end*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.ratingStar 
{
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	font-size:0pt;
	height:12px;
	margin:0px;
	padding:0px;
	width:13px;
}

.filledRatingStar 
{
	background-image:url(FilledStar.png);
}

.emptyRatingStar 
{
	background-image:url(EmptyStar.png);}
.savedRatingStar 
{
	background-image:url(SavedStar.png);
}

/*Tom this is just temp*/
.CompImgItem
{
	float:left;
}
.CompImgItemEndRow
{
	display:block;
	clear:both;
}
/*CentreStage*/
.csBandInfo
{
	
	clear:both}

.csBandBio
{
	font-style:italic;
	margin:0px 17px 5px 17px;
	
	display:block;
}
.csBandName
{
	font-size:1.4em;
	font-weight:bold}
	
	.csTrackName
{
	-size:1.4em;
	font-weight:bold}
.csVoteContainer
	{
		width:200px;
		padding:4px 0px}

.csEntryEditTbl{
	border-style:none;
	border-color:White}
.csEntryEditTbl tr
{
	border-style:none;
}
	
.csEntryEditTbl td
{background-color:White;
	vertical-align:top;
	border-style:none;
	}

a.csClickToEnter:link {color: red; background-color:inherit; text-decoration:underline}     /* unvisited link */
a.csClickToEnter:visited {color: red; background-color:yellow; text-decoration:none}  /* visited link */
a.csClickToEnter:hover {color: black; background-color:red; text-decoration:none;}   /* mouse over link */
a.csClickToEnter:active {color: red; text-decoration:none}   /* selected link */
	
/* list / input style*/
.register label, .login label
{
	font-weight:bold;
	padding:0px 5px 0px 0px;
	}

.register li, .login li
{
	padding:0px 0px 15px 0px}
	
	.error
	{
		background-color:Yellow}
		
		
    /*BOOKING*/
	h3.ui-accordion-header{
	    cursor:pointer;
	   
	    padding:15px 20px;
	    }
	    h3.h3Left{
	        background:url(booking/item_A_Title_bg.gif) top left no-repeat;
	    }
	    h3.h3Right{
    	    background:url(booking/item_B_Title_bg.gif) top right no-repeat;
    	    /*color:#FFFFFF;*/
text-align:right;
	    }
    
    h3.ui-state-active{
        /*background:url(booking/item_A_Top_bg.gif) #cacbde top left no-repeat;
        padding:15px 20px*/
    }
    
   .innerWrapper{
  /*      background:url(booking/item_A_Bottom_bg.gif) #cacbde bottom left no-repeat;*/
        padding:20px 40px;
    }
    
    .wrapperLeft{
        
        background:url(booking/item_A_Wrapper_Top_bg.gif) #c874ac top left no-repeat;
    }
    .wrapperLeft .innerWrapper{
       background:url(booking/item_A_Bottom_bg.gif) bottom left no-repeat;
        
    }
    
    
    .wrapperRight{
        background:url(booking/item_B_Wrapper_Top_bg.gif) #d1e7d4 top right no-repeat;
    }
    
    .wrapperRight .innerWrapper{
       background:url(booking/item_B_Bottom_bg.gif) bottom right no-repeat;
    }
    
    .item{
        text-align:center;
        background:#ffffff;
        margin:4px;
        padding: 3px 0px;
    }
    
    .item a{
        display:block;
    }
    .selected{
        background:red
    }
    .full{
        background:#666666; color:#000000; }
       .full a:link {background:#666666; color:#000000; text-decoration:none}     /* unvisited link */
.full a:visited {background:#666666; color:#000000; text-decoration:none}  /* visited link */
.full a::hover {background:#666666; color:#000000; text-decoration:none}   /* mouse over link */
.full a::active {background:#666666; color:#000000; text-decoration:none}   /* selected link */


        
    .currentlyBooked{
        background:red none repeat scroll 0 0;
        color:black;
        font-size:1.3em;
        margin-bottom:10px;
        padding:10px;
        text-align:center;
    }
		/*    .ui-accordion-header h3, .ui-accordion-content-active h3{
 background:url(booking/item_A_Top_bg.gif) top left no-repeat #141843;

		    }
		    .ui-accordion-content{
}
		        
		        .accordionItem{
		            background:url(booking/item_A_Bottom_bg.gif) bottom left no-repeat;
		            }*/
