@import url("css/menu.css");

* { margin:0; padding:0; } 

BODY { 
	color:#000;
	background:#333 url(images/bgpixel_musicos.png);
}

/* ControlPanel style */
.ControlPanel { background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none; padding-bottom:10px; }
.cpanel_left  { background:url(images/cpanel_left.png) no-repeat bottom left; padding-left:21px; margin-left:10px; }
.cpanel_right { background:url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px; }

/*-------- Default Style --------*/
H1, H2, H3, H4, H5, H6, 
BODY, TH, TD, TABLE, .Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox, .Head, .SubHead, .SubSubHead, A:link, A:visited, A:hover 
INPUT, .CommandButton {  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:14px; }

P { margin-bottom:10px; }

A, A:link, A:visited, A:active { color:#ff8400; text-decoration:none; font-weight:normal; }
A:hover                        { color:#A8A5B0; text-decoration:none; }


H1, H2, H3, H4, H5, H6, H2 INPUT { color:#575654; font-weight:bold; margin:0; }
H1           { font-size:24px; margin:10px 0; }
H2, H2 INPUT { font-size:18px; }
H3           { font-size:16px; margin:20px 0 0; }
H4           { font-size:14px; margin-bottom:10px; }
H5           { font-size:12px; }
H6           { font-size:10px; }

HR {	
	color:gray;
	background-color:gray;
	border:none;
	height:1px;
}

#address           { font-size:12px; }
.FooterPane .links { font-size:12px; }



.Head          { color:#2E3D47; font-weight:bold; }
.SubHead       { color:#4C6171; }
.SubSubHead    { color:#6E8AA0; }
.NormalRed     { color:#F00;    }
.NormalTextBox { border:1px solid black; }

/*Datagrids */
.DataGrid_Container { margin-top:15px;  }
.DataGrid_Header, .DataGrid_Header TD, .NormalBold TD { font-weight:bold; }


/* ------- FileManager -------*/
DIV.FileManager   { height:auto; border:none; } 
TABLE.FileManager { width:99% }



/*-------------- Empty panes Style --------------*/
.DNNEmptyPane { width:0; padding:0; margin:0; }

/*-------------- Search SkinObject Styles --------------*/
DIV.SearchContainer       { position:relative; white-space:nowrap; }
DIV.SearchBorder          { width:180px; height:20px; border:solid 1px #a8a5b0; float:left; background-color:White; white-space:nowrap; margin-top:2px; }
DIV.SearchContainer A     { padding:0; display:block; float:left; }
DIV.SearchContainer A IMG { padding-left:5px; }
DIV.SearchIcon     { float:left; width:31px; height:20px; cursor:pointer; z-index:11; background:no-repeat 2px 2px; text-align:right; }
DIV.SearchIcon IMG { margin-top:3px; }

INPUT.SearchTextBox{ float:left; z-index:10; border:0; width:130px; height:18px; margin-left:3px; color:#43494D; }

#SearchChoices    { clear:both; display:none; border:solid 1px #C3D4DF; z-index:2000; cursor:pointer; margin:0; padding:0; text-align:left; background-color:#F3F7FA; position:absolute; top:22px; left:0; }
#SearchChoices LI { cursor:pointer; margin:0; padding:2px 2px 0 2px; padding-left:25px; height:18px; text-align:left; background-color:#F3F7FA; background-repeat:no-repeat; background-position:2px center; list-style:none; list-style-image:none; border:none; display:block;}
#SearchChoices LI.searchHilite  { background-color:#CE0D0D;	color:#ffffff; border:none; }
#SearchChoices LI.searchDefault { background-color:#F8FAFF; border:none; }

A.dnnSearch {
	text-decoration:none;
}
A.dnnSearch SPAN {
	background:#A8A5B0 url(images/submenu_hover.png) repeat-x top left;
	color:#FFF;
	cursor:pointer;
	display:block;
	font-weight:bold;
	margin-left:0px;
	padding:2px 20px 2px 16px;
	text-align:center;	
	width:58px;
}
A.dnnSearch SPAN:hover {
	background:#ff8400 url(images/submenu_active.png) repeat-x top left;
	text-decoration:none;
}
#dnn_dnnSEARCH_ClassicSearch { }
#dnn_dnnSEARCH_ClassicSearch .NormalTextBox   { border:1px solid #A8A5B0; float:left; width:150px; font-size:14px; color:#2b0e72; height:20px; }
#dnn_dnnSEARCH_ClassicSearch A.dnnSearch SPAN { margin-top:0; float:right; }




.clear_float { clear:both; line-height:0; font-size:0; height:0; }
.hide { display: none; }







/* CUSTOM CSS ESCOLA DE MUSICOS */


/* CSS Document */


/*--------- pane style ----------*/
.LeftPane,
.ContentPane,
.RightPane,
.BannerPane,
.TopPane,
.BottomPane,
.FooterPane {
	margin:0;
	padding:0;	
}
.LeftPane, .CenterPane, .RightPane, .PairLeftPane, .PairRightPane { xpadding-top:20px; vertical-align:top; }

.BannerPane    {  }
.TopPane       {  }
.ContentPane   {  }
.CenterPane    { width:277px; xpadding-left: 20px; }
.LeftPane      { width:341px; }
.RightPane     { width:320px; }
.PairLeftPane  { width:492px; padding: 0 20px; }
.PairRightPane { width:446px; }
.BottomPane    {  }
.FooterPane > SPAN, 
.FooterPane #xdnn_dnnLinks_lblLinks { border-bottom:1px dotted #7d5ad3; border-top:1px dotted #d9d8d6; display:block; margin-top:20px;}


/* Custom Design of FLUID LAYOUT */
#main       { margin:0 auto; width:1000px; }
#Form       { }
#Form > div { background:#FFF; }
#footer     { background:#d9d8d6; text-align:center;  }
#address    { background:#d9d8d6 url(images/footerbg.png) no-repeat scroll 0 -10px; color:#7d5ad3; height:210px; text-align:center; height:210px; } /* roxo 7d5ad3 */
.FooterPane { background:#fff; text-align:center;     }



/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{ color:#3E81B5; }
a.Breadcrumb:hover{ color:#C00; }



/*-------------- Link Style --------------*/
.links, a.links:link, a.links:active, a.links:visited { font-weight:bold; color:#3E81B5; text-transform:uppercase; }
a.links:hover{ color:#C00; }


/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5; }
a.user:hover{ color:#C00; text-decoration:underline; }


/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#3E81B5; }
a.footer:hover{ color:#C00; }

.FooterPane a.links {
	color:#a8a5b0;
	text-transform:capitalize;
	padding:0 10px;	
}
.FooterPane a.links:hover { color:#7d5ad3; }



a.CommandButton:link, a.CommandButton:visited{ color:#CB2027; font-weight:bold; text-decoration:none; }
a.CommandButton:hover{ color:#3E81B5; text-decoration:underline; }


/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{ color:#3E81B5; }
.ControlPanel a.CommandButton:hover{ color:#CB2027; text-decoration:underline; }
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{
font-size:11px; }
.ControlPanel a[disabled="disabled"]{ color:#888 !important;text-decoration:none !important; }




.s_logo {
	background:url() no-repeat 10px 10px;
	float:left;
	height:133px;
	padding-bottom:20px;
	width:200px;	
}
.s_logo IMG { border: 0; margin-left:10px; margin-top:10px; }

.s_aviso {
	float:left;
	height:100px;
	margin-left:90px;	
	width:410px; 	
}

.s_usuario {
	float:left;
	width:280px; 	
}
.s_usuario A, 
.s_usuario A:link,
.s_usuario A:visited { color:#686765; }
.s_usuario A:hover { color:#666; text-decoration:underline; }

.s_breadcrumb {
	float:right;
	position:relative;
	top:0px;
	width:710px;
	z-index:0;
}

.s_menu { }
.menuSeparator {
	color:#dddee7;
	float:left;
	margin-left:-24px;
}
.menuSeparatorLeft {
	padding-left:0px;	
}
.menuSeparatorLeftActive {
	padding-left:0px;		
}
.menuSeparatorLeftBreadcrumb {
	
}
.menuSeparatorRight {
	padding-right:0px;
}
.menuSeparatorRightActive {
	padding-right:0px;
}
.menuSeparatorRightBreadcrumb {
	
}

.s_banner {
	clear:both;
}

.s_panes {
	clear:both;
}

.s_search {
	float:right;
	width:280px;
}
.s_search INPUT.NormalTextBox {
	padding-left:5px;	
}

DIV.SearchIcon{ background-image:url(images/icon_search_16_escola.gif); }

.PagingTable {
	border: 1px dotted #009999;	
}
.PagingTable A.CommandButton:link {
	background-color:#FC6;
	padding:0 10px;	
}
.PagingTable A.CommandButton:hover {
	text-decoration:none;
}
.PagingTable .NormalDisabled {
	padding:0 10px;	
}
.PagingTable TD > SPAN.SubHead {
	padding: 0;
}
.PagingTable TD.Normal {
	padding-bottom:0;
	padding-top:5px;
}


.SearchResultsContent TD {
	padding-bottom:10px;
	vertical-align:top;	
}
.SearchResultsContent TD > SPAN.SubHead {
	padding-right:10px;	
}



/* CONTEUDO */

.s_aviso .data {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-right:5px;
}


UL.checkmark {
		
}
UL.checkmark LI {
	background:url(images/icon_checkmark.png) no-repeat;
	height:20px;
	list-style:none;
	padding:7px 0 0 30px;
}

UL.items {
	padding-left:20px;	
}
UL.items LI {
	height:23px;
	list-style-type:circle;
	padding-left:10px;
}

UL.instrumentos {
	float:left;
	margin-right:50px;
}
UL.instrumentos IMG {
	height:50px;
	margin-right:20px;	
	width:50px;
	vertical-align:middle;
}
UL.instrumentos LI {
	list-style:none;
	margin-bottom:20px;	
}



/* YOUTUBE CHANNEL */

HTML > BODY #youtubechannel A {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#youtubechannel { 
	background:#999 url(images/bg_chavron.png) no-repeat top right;
	height:46px;
	padding:0 0 0 20px;
	margin-left:20px;
}

#youtubechannel .channel-title {
	font-size:14px;
	float:left;
	font-weight:bold;
	margin:0 20px 0 6px;
	padding-top:15px;
}
#youtubechannel IMG {
	float:left;
	height:36px;
	padding-top:5px;
	width:36px;
}
#youtubechannel A {
	background:#FED81C url(images/master-vfl149944.png) repeat-x center -2202px;
	border:1px solid #ECC101;
	color:#994800;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:11px 0 0 0;
	padding:0 10px;
}
#youtubechannel A:hover {
	color:#994800;
	text-decoration:underline;
}

#youtubechannel A SPAN { 
	line-height:23px;
}



/** Form and List module **/

.UDT_Form { 
	background:none;
	margin-top:10px;
}

.UDT_Caption { 
	color:black !important; 
	float:left; 
	padding-right:10px; 
	text-align:right; 
	width:130px; 
}

.UDT_Field { 
	clear:both; 
	margin-bottom:10px;
}

.UDT_Default, .UDT_Cancel { 
	padding:0 10px;
}

.UDT_Input INPUT {
	width: 400px;
}

.UDT_Input TEXTAREA { 
	width: 400px;
}

.UDT_Input SELECT { 
	width:300px;
}




