@charset "UTF-8";
/* CSS Document */


html {
    background: #000 url(../images/FinalBKGD_01.jpg);
    /* Height is 100%, so the body can be 100% */
    height: 100%;
	margin-top:-8px;
}

body {
    background: url(../images/index_bg2a.png) left no-repeat;
    margin: 8px 0px 0px 0px;
    padding: 0;
	background-position:0px top;
	font-family:Courier New, Courier New, Courier6, monospace;
	font-size:9.5pt;
}

a img {
	border:none;
}

a.inactiveCat  { color: #666; text-decoration: none; }
a.currentCat, a.inactiveCat:hover   { text-decoration: underline; }
a.currentCat  { color: #333; font-weight: bold; }

a#busClick  { color: #666; text-decoration: none; }
a#busClick .current, a#busClick:hover   { text-decoration: underline; }
a#busClick .current  { color: #333; font-weight: bold; }

/*
Hackety-hack-hack...
FF2, with the above code, will only display the repeat-y image for as
    high as the window's viewport is; higher content (upon
    scrolling) will not have the bg.
This "hack" makes the tiled background work properly in FF2.
This type of "advanced selector" is not understood by IE6...dunno
 'bout IE7.
*/
html>body {
    min-height: 100%;
    height: auto;
}

UL.tabNavigation {
      list-style:none;
      margin: 0;
      padding: 0;
	  position:fixed;
	  left:130px;
	  top:150px;
}

UL.tabNavigation LI {
      display:block;
	  
	  padding-bottom:15px;

}

UL.tabNavigation LI A {
    background:url(../images/FinalBKGD_W.jpg);
	-webkit-border-top-left-radius: 15px;    /* for Safari */
	-webkit-border-bottom-left-radius: 15px;    /* for Safari */
    -moz-border-radius-topleft: 15px; 
    -moz-border-radius-bottomleft: 15px; 
	width:150px;
	text-align:right;
	padding: 3px 5px;
    background-color: #ccc;
    color: #000;
    text-decoration: none;
}

UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
    background:url(../images/FinalBKGD_B.jpg);
}

UL.tabNavigation LI A:focus {
    outline: 0;
}

div.tabs > div {
    padding: 5px;
    margin-top: 3px;
    background:url(../images/FinalBKGD_B.jpg);
	-webkit-border-radius: 15px;    /* for Safari */
    -moz-border-radius: 15px;       /* for Firefox */
	overflow:auto;
	height:380px;
}

div.tabs > div h2 {
	font-size:20px;
	font-weight:bold;
	margin:0px;
	padding-bottom:10px;
}

.waste {
          min-height: 1000px;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
} 

#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog2 {
  background:url(../img/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}

#stickieText {
	width:320px;
	height:150px;
	overflow:auto;
	overflow-x:none;
}

#logo {
	background:url(../images/redhandlogo.png) no-repeat;
	width:100%;
	height:70px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

#container{
	background:url(../images/FinalBKGD_02.jpg);
	height:561px;
	margin-right:8px;
	margin-left:285px;
	position:relative;
	top:8px;
}
#content {
	height:345px;
	position:relative;
	top:100px;
	margin:0px 30px 0px 5px;
	
}

#login {
	width:560px;
	height:30px;
	position:absolute;
	top:410px;
	right:5px;
	background:url(../images/FinalBKGD_W.jpg);
	-webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
}

.content {
	padding:15px;
	overflow:hidden;
}

.clearboth {
	clear:both;
}
#about {
	overflow-y:hidden;
}
#artist {
	overflow-y:hidden;
}
#business {
	overflow-y:hidden;
}
#bus {
	overflow-y:hidden;
}
/****	Roster	****/

	/****	search	****/
#cat {
	padding:10px 0px 0px 10px;
}
#search{
	margin:7px;
	width:95%;
	//border: 1px solid #999;
	border: none;
	background:url(../images/FinalBKGD_W.jpg);
}
#display {
	width:92%;
	display:none;
	float:right; margin-right:30px;
	border-left:solid 1px #dedede;
	border-right:solid 1px #dedede;
	border-bottom:solid 1px #dedede;
	overflow:hidden;
}
.display_box {
	padding:4px; 
	border-top:solid 1px #dedede; 
	font-size:12px; 
	height:30px;
	background:url(../images/FinalBKGD_W.jpg);
}
.display_box:hover {
	background:url(../images/FinalBKGD_B.jpg);
	color:#000;
	font-weight:bold;
}
a#link, a.link{
	color:#000;
}
a#link:hover, a.link:hover{
	background-color:#000;
	color:#fff;
}

	/****	gallery	
.artistSlider {  
    list-style: none;  
    margin: 0;  
    padding: 0;
	padding-top: 5px; 
    overflow: auto;  
 
  
}  
.artistSlider li{  
    display:inline;  
	float:left;
    overflow: hidden;  
    padding: 10px;  
    height: 255px;
	width:130px;  
    margin-top: 5px;  
    margin-bottom: 5px;
	/border:1px solid #999999;
  
} 
.busSlider {  
    list-style: none;  
    margin: 0;  
    padding: 0;
	padding-top: 5px; 
    overflow: auto;  
 
  
}  
.busSlider li{  
    display:inline;  
	float:left;
    overflow: hidden;  
    padding: 10px;  
    height: 255px;
	width:130px;  
    margin-top: 5px;  
    margin-bottom: 5px;
	/border:1px solid #999999;
  
}
****/
#bRoster {
	display:none;
}
.rosterLeft {
	float:left;
	width:130px; /* depands on roster size */
	height:285px;
	cursor:pointer;
} 
.rosterRight {
	float:right;
	width:210px; /* depands on roster size */
	white-space:normal;
	padding-left:10px;
	height:255px;
	font-size:12px;
}
.rosterThumb {
	max-width:34px;
	max-height:34px;
	padding:2px;
	background-color:#666;
}
.avatar{
	max-width:130px;
	max-height:130px;
}
div.rosterGallery {
	margin:0px auto;
	width:98%;
	height:285px;
	overflow:auto;
}

.rosterGallery ul{
	display:inline;
	list-style: none;
	overflow: auto;
	white-space:nowrap;
}
.rosterGallery li{
	display:inline;
}

div.artistSlider, div.busSlider {
	position: relative;
	height: 285px;
	width: 95%;
	margin: 0;  
	padding: 0;
	padding-top: 5px;
	overflow: auto;
}
ul.artistSlider, ul.busSlider {
	display: block;
	height: 110px;
	width: 1500px;
	margin: 0;
	list-style: none;
}
.artistSlider li, .busSlider li {
	display: block;
	float: left;
	padding: 10px;  
    height: 255px;
	width:130px;  
    margin-top: 5px;  
    margin-bottom: 5px;
}

.artistSlider span, .busSlider span {
	display: none;
	margin-top: 3px;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
.artistSlider a:hover span, .busSlider a:hover span {
	display: block;
}


.showHide {
	position:relative;
	left:80px; 
	top:80%;
	display:none; 
	text-align:right;
	z-index:1000;
	width:0px;
	height:0px;
}

.showHideBus {
	position:relative;
	left:80px; 
	top:80%;
	display:none; 
	text-align:right;
	z-index:1000;
	width:0px;
	height:0px;
}
/* Overlay */


/* scrollable root element */
#wizard, #wizard2 {	
	font-size:12px;
	height:340px;
	width:675px;
	overflow:hidden;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}  

/* scrollable items */
#wizard .items, #wizard2 .items {
	width:20000em;	
	clear:both;	
	position:absolute;	
	overflow:hidden;
}

/* single item */
#wizard .page,#wizard2 .page {	
	padding:20px 30px;
	width:640px;
	float:left;	
	overflow:hidden;
}

/* title */
#wizard h2, #wizard2 h2 {
	border-bottom:1px dotted #ccc;
	font-size:20px;
	font-weight:bold;
	margin:10px 0 0 0;
	padding-bottom:10px;		
}

#wizard h2 em, #wizard2 h2 em  {
	display:block;
	font-size:14px;
	color:#666;
	font-style:normal;
	margin-top:5px;
}


/* input fields */
#wizard ul, #wizard2 ul {
	padding:0px !important;
	margin:0px !important;
	overflow:hidden;
}

#wizard li, #wizard2 li {
	list-style-type:none;
	list-style-image:none;
	margin-bottom:25px;	
	overflow:hidden;
}

#wizard label, #wizard2 label {
	font-size:16px;	
	display:block;
}

#wizard label strong, #wizard2 label strong {
	color:#789;	
	position:relative;
	top:-1px;
}

#wizard label em, #wizard2 label em {
	font-size:11px;
	color:#666;	
	font-style:normal;
}

#wizard .text, #wizard2 .text {
	width:100%;
	padding:5px;
	border:1px solid #ccc;
	color:#456;
	letter-spacing:1px;
}

#wizard select, #wizard2 select {
	border:1px solid #ccc;
	width:94%;	
	padding:4px;
}

#wizard label span, #wizard2 label span {
	color:#b8128f;
	font-weight:bold;
	position:relative;
	top:4px;
	font-size:20px;
}

#wizard .double label, #wizard2 .double label { 
	width:50%;
	float:left;
}

#wizard .double .text, #wizard2 .double .text {
	width:93%;	
}

#wizard .clearfix, #wizard2 .clearfix {
	clear:left;
	padding-top:10px;	
}

#wizard .right, #wizard2 .right {
	float:right;		
}


/* validation error message bar */
#drawer, #drawer2 {
	background:#fff url(/img/global/gradient/h80.png) repeat-x scroll 0 0;
	_background-color:#fff;
	overflow:visible;
	position:fixed;	
	left:0;
	top:0;
	text-align:center;
	padding:15px;
	font-size:18px;
	border-bottom:2px solid #789;
	width:100%;
	display:none;
	z-index:1000;
}

#wizard .error, #wizard2 .error {
	border:1px solid red;		
}

#wizard #status, #wizard2 #status {
	margin:0px !important;
	height:35px;
	background:#123 url(/img/global/gradient/h30.png) repeat-x;
	padding-left:25px !important;
	_background:#123;
}

#status li {
	list-style-type:none;
	list-style-image:none;
	float:left;
	color:#fff;
	padding:10px 30px;
}

#status li.active {
	background-color:#b8128f;
	font-weight:normal;		
}

/*		TOOLTIP 	*/
div.tooltip { 
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

a.tooltip {
	color:white;
	text-decoration:underline;
}

.limit { color:red; }