body{	 
	font-family: helvetica, arial;
	margin: 0;
	padding: 0;
}

div.container {
	position: absolute;
}

p {
	padding: 0 0 3px 0;
	margin: 0 0 5px 0;
}

.floatleft {float:left;}
.floatright {float:right;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.divdj {
	float:left;
	width:450px;
	border:1px solid #999;
	height:100px;
	margin:5px 0 0 5px;
	background-color: #fff;
}

.divdj h3 {
	padding:0 0 18px 0;
	margin:0;
}

.divdj div strong div {
	margin-bottom:3px;
}

.specialties {
	font-size:12px;
	background-color: #999;
	color: #fff;
	padding: 2px 5px;
	margin-top: 4px;
}

div.content {
	position: relative;
	background: center top no-repeat;
	width: 1000px;
 	height: 586px;
 	margin: 3px auto;
	padding: 0;
	text-align: left;
}

.orange {color:#f60;}
.bold {font-weight:900;}
.white {color:#fff;}
.xsmtext {font-size:10px;}
.rpad10 {padding-right: 10px;}
.lpad10 {padding-left: 10px;}

iframe {background-color:transparent;}

div.blackbox {
	/* border: 2px solid black; */
	width:100%;
	height:100%;
	padding: 1px;
	overflow:auto;
	position:relative;
	z-index: 1;
}

table.textbox {
	width: 100%;
	height: 100%;
	/* border: 1px solid #f60; */
	text-align:justify;
	font-size:11px;
	z-index: 2;
}

table.textbox td {
	vertical-align: top;
	padding: 10px;
	z-index: 3;
}

.floatnav a {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 30px;
}

.floatnav a:link, .floatnav a:visited {color: #000;}
.floatnav a:hover, .floatnav a:active {color: red;}

.floatnav a.current {color: #f60;}
.topnav {
	border:none;
	vertical-align: middle;
	background-color:#999;
	padding-left:5px;
	z-index: 500;
}
.topnav a {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

.topnav a:link, .topnav a:visited {color: #fff;}
.topnav a:hover, .topnav a:active {color: #f90;}

.topnav a.current {color: #fccd83;}

.topnav span {padding:0 2px;}

a.floatingButton {
	position:absolute;
	display:block;
	border:1px dashed #000;
	background-color: #ffe0cc;
	text-decoration: none;
	padding:4px 5px;
	font-weight:bold;
	font-size:10px;
}

a:link.floatingButton, a:visited.floatingButton, a:hover.floatingButton, a:active.floatingButton {color: #000;}

a.floatingButton span {
	color: #999;
}

#tscroller{
	width: 100%;
	height: 100%;
	border: none;
	padding: 5px;
	background-color: transparent;
}

div.availability {
	width: 375px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid black;
	overflow: auto;
}

div.avail_form table {
	margin-left: auto;
	margin-right: auto;
	/* border: 1px solid black; */
}

div.avail_form table tr td{
	font-size:12px;
	vertical-align:middle;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px 4px;
	/* border: 1px solid black; */
	font-weight: bold;
}

div.avail_form table tr td.addr {
	padding-bottom:0px;
	margin-bottom:0px;
}

div.avail_form table tr td.csz {
	padding-top:0px;
	margin-top:0px;
}

div.avail_form .txt {
	border: 1px solid black;
	padding: 2px 3px;
	font-size:13px;
	width: 225px;
}

div.avail_form select.txt {
	border: 1px solid black;
	font-size:13px;	width: auto;
	height:20px;
	padding-top:1px;
}

.ajcMenu {
	background-color: #999;
	width: 150px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 5px;
	border: 1px solid #000; /* #ffffcb; */
	border-top: none; 
	margin-top:2px;
	display: none;
	position: absolute;
	z-index: 1000;
}

a:link {color:#f60;}
a:visited {color:#acacac;}
a:hover {color:#000;}
a:active {color: #fccd83;}

div.socialmedia {
	position:absolute;
	right:150px;
	bottom:16px;
}

div.socialmedia img {
	border: none;
	margin-left: 2px;
}


div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 822px; 
    height:110px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
    padding: 3px;
    margin: 0 2px;
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    background-color:#f90; 
}

.livemusic a.prev, .livemusic a.next, .livemusic a.prevPage, .livemusic a.nextPage {
	display:block;
	width:38px;
	height:59px;
	background:url(/includes/scrollable/img/left_new.png) no-repeat;
	float:left;
	margin:24px 0px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -59px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
.livemusic a.next, .livemusic a.nextPage {
	background-image:url(/includes/scrollable/img/right_new.png);
	clear:right;	
}





#demoPlayer {
	padding: 0 5px 3px 0;
	position:absolute;
	top:118px;
	left:460px;
}

#musicianName {
	color: #000;
	font-weight: bold;
	margin: 3px;
	font-size: 24px; 
	text-transform: uppercase;
	font-family:helvetica,arial;
	float:left;
}

#desc {
	float:left;
	margin-top: 5px;
}