/* dynamic layout & styles */

.pag_unsel{
}
.pag_sel{
	background:#333333;
}
.pag_sel a:link{
     color:#333333
}

.dyn_box{
color:white;
border:1px solid #333333;	
}

.dyn_box a:link{
	color:white;
}

.dyn_actual{
 font-size: 11px;
 padding: 4px 4px 4px 4px;
 overflow:visible;
}

.dyn_actual a:link, .dyn_actual a:visited{
  font-size: 11px;
  }
  
.dyn_actual a:hover{
  text-decoration:underline;
  }  
  
.dyn_actual_beat{
/* border: 1px solid #CCFFCC;*/
 font-size: 11px;
 padding: 2px 2px 2px 2px;
 height:116px;
 overflow:auto;
}


.dyn_box_beat{
  width:148px;
  height:140px;
  border:1px solid #333333;
  margin: 4px;
  float:left;
  font-size: 10px;
}

.dyn_box_beat a:link, .dyn_box_beat a:visited{
  font-size: 11px;
  cursor: hand;
}

.dyn_box_beat a:hover{
   font-size:10px;
   text-decoration:underline;
}

.dyn_title, .dyn_title_beat, .xbar, .titlebar2, .titlebar{
 font-size: 11px;
 padding: 1px 2px 2px 4px; 
 background:#333333;
 background-image: url(../images/gui/bar.gif);
}

.dyn_title, .dyn_title_beat{
 font-weight:bold;
}

.track_one{
	width:196px;
	height:130px;
	overflow:auto;
	float:left;
	padding:4px 6px 4px 8px; 
	margin:4px 4px 4px 4px;
	background:#111111;
}	
.track_two{
	width:154px;
	height:130px;
	overflow:auto;
	float:left;
	padding:4px 6px 4px 8px; 
	margin:4px 3px 3px 3px;
	background:#111111;
}	
	

	


/*  titlebars2 build-up */
	
div#titlebar  {color:#FEFEFE;}
	
div#titlebar a:link, div#titlebar2 a:link{color:#FEFEFE;}
div#titlebar a:hover, div#titlebar2 a:hover{color:#267DD9;}
div#titlebar a:visited, div#titlebar2 a:visited{color:#FEFEFE;}


.navbar {
background:#333333;
color:#FEFEFE;
/*border-bottom: 1px solid red;*/
line-height:16px;
text-align:center;
}

.xbar {
background:#333333;
color:#FEFEFE;
border-bottom: 1px solid red;
line-height:16px;
text-align:left;
}

.xbar a:link, .xbar a:visited, .bar a:link, .bar a:visited{
color:#FEFEFE;
}

.bar {
background:#333333;
color:#FEFEFE;
line-height:16px;
text-align:left;
margin-top:2px;
margin-bottom:2px;
}

.xbar a:hover, .bar a:hover{
/*background-color:#FEFEFE;*/
color:#FF0000;
}

.xbar a:visited{
color:#FEFEFE;
}

/* no border & padding */

.dyn_box2{
 border: 1px solid #CCCCCC;
 background:url("../img/gui/bg_vert.gif") repeat-x;
 margin-bottom:2px;
}

.dyn_title2{
 text-align:left;
 color: #E4DDDA;
 font-size: 11px;
 font-weight: bold;
 padding: 2px 2px 2px 4px; 
}

.boxlink:link, .boxlink a:visited{
 color: #333333;
}

.dyn_actual2{
 padding: 4px 2px 2px 2px;
 font-size: 11px;
}

div.spacer {
  clear: both;
  }
  
.boxlink, .boxlink a:link; .boxlink a:visited{
 font-size: 10px;
   color: #333333;
}

a.menulink, a.menulink:hover, a.menulink:visited{
   color: #FFFFFF;
   font-size: 10px;
   line-height: 18px;   
   padding: 1px 8px 1px 8px;
   border-right: 1px solid #666666; 
}