/* ***********************************************
Title:      MyJazzNetwork Template
Project:    Colorado	
Author:     Fabrizio Fiandanese, fabrizio[at]fabriziofiandanese.com
************************************************** */

/*************************************/
/* GENERAL STYLE */
/*************************************/

body {
	margin: 0px;
	padding: 0px;
	background: #3C3C3C url(../assets/bg.jpg) repeat-x top left;
	color: #C8C8C8;
	font: 11px verdana, arial, helvetica, sans-serif;
	text-align:center;	

	scrollbar-3dlight-color:#555;
	scrollbar-arrow-color:#CCC;
	scrollbar-base-color:#000;
	scrollbar-darkshadow-color:#000;
	scrollbar-face-color:#222;
	scrollbar-highlight-color:#777;
	scrollbar-shadow-color:#444;
}

body.studio {
	text-align:left;	
	background: #3C3C3C url(../assets/studio.jpg) repeat-x top left;
}	

body.docs {
	text-align:left;	
	background: #3C3C3C;
	padding:12px;
	font-size:11px;
	color:#FFF;
}

body a{
	color: #C8C8C8;
	
}

hr {
	display:none;	
}

.clr {
	clear:both;	
}

.hdn {
	display:none !important; 
}

img {
	border:0px;	
}	

form {
	margin:0px;
	padding:0px;	
}	

a.tip{
	color:#FF6600;
	font-size:10px;
	font-weight:normal !important;
}

.hidelink {
	text-decoration:none !important; 
}	


/*************************************/
/* AMP_CONTAINER */
/*************************************/

#amp_container {
	width:990px;
	margin:0px auto;
	background: #000;
	text-align:left;
}


/*************************************/
/* AMP_HEADER */
/*************************************/

#amp_header {
	background: #000 url(../assets/header.jpg) repeat-x top left;

}

body.studio #amp_header {
	display:none;
}


.studio_formats{
	background: #000;
	padding:6px;
	padding-left:18px;
	color:#FF6600;
	border-top:1px solid #555;
}	

#amp_header .loginbox {
	position:absolute;
	top:22px;
	left:380px;
	width:600px;
}

#amp_header .loginbox span {
	display:block;
	float:right;
	background-color:#000;
	padding:8px;
	color:#FFF;
	border:1px solid #888;
}

#amp_header .loginbox span a{
	text-decoration:none;
}

#amp_header .loginbox span a:hover{
	text-decoration:underline;
}


#amp_header h1{
	margin:0px;
	padding:0px;
}

#amp_header h1 a{
	display:block;
	width:198px;
	height:76px;
	background: url(../assets/logo.jpg) no-repeat top left;
}

#amp_header h1 a span{
	display:none;
}

#amp_header .headline {
	padding:8px;
	padding-left:16px;
	padding-bottom:5px;
}


/*************************************/
/* AMP_TOP */
/*************************************/

#amp_top{
	background:#636363;
	border-bottom:3px solid #4D4D4D;	
	padding:20px;
	padding-top:24px;
}

body.studio #amp_top{
	padding:0px !important;	
}	

#amp_top .wrapper{
	display:block;

	text-align:center;
}

#amp_top .box{
	margin:0px auto;
	width:650px;
	border:2px dashed #444;
	padding:10px;
	background: #636363 url(../assets/box.jpg) repeat-x top left;
	text-align:left;
}

#amp_top .box .status{
	background-color:#000;
	padding:8px;
	color:#FFF;
	font-weight:bold;
	font-size:10px;
	
	margin-bottom:8px;
}


/*************************************/
/* AMP_MESSAGE_BOARD */
/*************************************/

#amp_message_board div{
	margin:0px auto;
	width:650px;
	border:2px dashed #FF6600;
	padding:10px;
	color:#FFF;	
	font-weight:bold;
}	

.studio #amp_message_board div {
	width:690px !important;	
}	

/*************************************/
/* FORM ELEMENTS */
/*************************************/

table td{
	text-align:left;
	padding:4px;
	font-weight:bold;
	font-size:11px;
}

input {
	padding:3px;
	padding-left:8px;
	font-family:Verdana;
	font-size:12px;
	background: #FFF url(../assets/input.jpg) repeat-x top left;
	border:1px solid #000;
	font-weight:bold;
}

 option,
 select
{
	padding:3px;
	padding-left:8px;
	font-family:Verdana;
	font-size:12px;
	border:1px solid #000;
	font-weight:bold;
}

.lbl
{
	border-bottom:1px solid #444;
}


.btn {
	display:block;
	float:left;
	padding:9px;
	border:1px solid #000;
	background: #000 url(../assets/button.jpg) repeat-x top left;	
	color:#FFF;
	margin-right:5px;
	text-decoration:none;
}	

.btn_large {
	margin-top:8px;
}	


.btn2 {
	display:block;
	float:left;
	padding:9px;
	border:1px solid #000;
	background: #000 url(../assets/button2.jpg) repeat-x top left;	
	color:#FFF;
	margin-right:5px;
	text-decoration:none;
}	

small {
	display:block;
	background-color:#444;
	width:350px;
	padding:5px;
	margin-top:6px;
	font-size:11px !important; color:#FFF;	
	font-weight:normal;
	
}	

.prereqs{
	padding:8px;
	color:#FFF;
	border-bottom:1px solid #444;
	margin-bottom:5px;
	position: relative;
}

.links {
	padding:8px;
	position: relative;
}

.links a{
	color:#FF6600;
	text-decoration: underline !important;
	font-weight:bold;	
}



/*************************************/
/* AMP_BOTTOM */
/*************************************/

#amp_bottom{
	
}

/*************************************/
/* AMP_STUDIO */
/*************************************/

#amp_studio{
	
}

#amp_studio .featured,
#amp_studio .featured a {
	color:#FF9C00 !important;
}


/* tabs */

#amp_studio .tabs{

	padding-left: 5px;
	padding-top:6px;
	background-color:#4D4D4D;
	height:32px;
	border-bottom:1px solid #888;
}

#amp_studio .tabs div{
	float:left;
	height:30px;
	line-height:30px;
	margin-right:6px;
	margin-left:3px;
	border:1px solid #777;
	border-bottom:0px;
	font-size:11px;
}

#amp_studio .tabs div.music{
	border:1px solid #0C9FDC;
	border-bottom:0px;
}

#amp_studio .tabs div.music a{
	color:#0C9FDC !important;
}

#amp_studio .tabs div a{
	display:block;
	float:left;
	padding-left:10px;
	padding-right:10px;	
	text-decoration:none;
	font-size:12px !important;
}

#amp_studio .tabs div a:hover{
	display:block;
	float:left;
	text-decoration:none;
}

#amp_studio .tabs div.active{
	height:31px;
	border:1px solid #888;
	border-bottom:1px solid #3D3D3D;
	background-color:#3D3D3D;
	font-size:11px;
	font-weight:bold;
}

#amp_studio .tabs div.music_active{
	background: url(../assets/music.gif) repeat-x top left;	
}

#amp_studio .tabs div.music_active a{
	color:#01B4FE !important;
}


/* end tabs */

#amp_studio table.grid td {
	border-bottom:3px solid #888;
	padding:5px;		
}

#amp_studio table.grid td.pictures {
	text-align:center !important;
}

#amp_studio table.grid td.pictures span {
	display:block;
	width:60px;
	overflow:hidden;
}


#amp_studio table.grid td.pictures img  {
	border:1px solid #555;
}

#amp_studio table.grid td.vidpics {
	text-align:center !important;
}

#amp_studio table.grid td.vidpics span {
	display:block;
	width:74px;
	overflow:hidden;
}


#amp_studio table.grid td.vidpics img  {
	border:1px solid #555;
}

#amp_studio table.grid td.actions {
	width:475px;		
}

#amp_studio table.list th {
	border-bottom:3px solid #888;
	padding:5px;
	background-color: #444444;
	text-align: left;
}

#amp_studio table.list td {
	border-bottom:3px solid #888;
	padding:5px;
	text-align: left;
}

#amp_studio table.list td.actions {
	vertical-align:top;
}

#amp_studio table.comp_songs {
	font-size: 9px;
}

#amp_studio table.comp_songs th {
	border-bottom:2px solid #888;
	padding:5px;
	background-color: #444444;
	text-align: left;
}

#amp_studio table.comp_songs td {
	border-bottom:2px solid #888;
	padding:5px;
	text-align: left;
}

#amp_studio #scrollArea {
	height:358px; 
	overflow:auto;
	border:1px solid #555;
	border-top:6px solid #555;
}	

#amp_studio .success{
	background: url(../assets/success.jpg) no-repeat top left;	
	height:52px;
	line-height:52px;
	padding-left:55px;
	font-weight:bold; 
	font-size:11px;
	color:#FFF;
}

#amp_studio .success a{
	color:#FFF;
}


#amp_studio .alt_route{
	border:1px dashed #CCC;
	padding:8px;
	margin-bottom:6px;
	position: relative;
}	


#amp_studio .alt_route a{
	color:#FF6600;
	text-decoration:underline !important;
}	

#amp_studio .data_box{
	margin:6px;
	padding:4px;
	padding-left:8px;
	padding-top:8px;
	background: #636363 url(../assets/box.jpg) repeat-x top left;
	border:1px solid #999;
}

#amp_studio .recommended_file {
	color: #FF6600;
}

#amp_studio table.music_data{
	border:3px solid #FF6600;
	color:#FFF;
	font: 11px verdana, arial, helvetica, sans-serif;
}

#amp_studio .tools {
	width:220px;	
	float:left;
}	

#amp_studio .tools .headline {
	background: #3C3C3C;
	padding:8px;
	padding-top:12px;
	padding-left:16px;
}

#amp_studio .tools .menus{
	padding:6px;
	margin:8px;
	background: #636363 url(../assets/box.jpg) repeat-x top left;
	border:1px solid #999;
}

#amp_studio .tools .menu {

	margin-bottom:10px;
}

#amp_studio .tools .menu-solo {
	margin-bottom: 5px;
}

#amp_studio .tools .menu a{
	display:block;
	padding:3px;
	padding-left:10px;
	margin-left:6px;
	border:0px solid #000;	
	border-bottom:1px solid #444;
	text-decoration:none;
	margin-bottom:4px;
	
}

#amp_studio .tools .menu a span{
	display:block;
	font-weight:normal;
	margin-left:20px;
}

#amp_studio .tools .menu a.active{
	
	color:#FF6600;
	font-weight:bold;
}

#amp_studio .tools .menu a.indent{

	margin-left: 15px;
	padding-left: 15px;
}

#amp_studio .tools .menu a.parent{
	color:#FFF;
	font-weight:bold;
	padding:5px;
	margin-left:0px;
	background:#444;
}

#amp_studio .tools .menu a.parent_active{
	border-bottom:1px solid #FF6600;
}


#amp_studio .data {
	width:770px;	
	float:left;
	
}	


#amp_studio .data .headline {
	background: #3C3C3C;
	padding:8px;
	padding-top:12px;
	padding-left:16px;
}



/*************************************/
/* AMP_FOOTER */
/*************************************/

#amp_footer{
	
	border-top:1px solid #555;	
	padding:5px;
	padding-bottom:20px;
	color:#888;
	text-align:center;
	font-size:10px;
}

#amp_footer a{
	text-decoration:none;
	color:#888;
}

#amp_footer a:hover{
	text-decoration:underline;
	color:#888;
}