body  {
	margin:0px; 
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#mainForm { min-width:800px; margin:0 5%; margin-bottom:45px}

#cabezote 
{
	background:url(img/cabezoteBg.jpg) repeat-x;
	min-width:800px; margin:0 5%;
	}
	
.logo  
{
	height:150px; 
	background:url(img/cabezote.jpg) top left no-repeat;
	}
	
#Div1
{
	float:right;
	margin-right: 5%;
	margin-top: -105px;
}
	
#Div2
{
	float:right;
	margin-right: 7%;
	margin-top: -50px;	
}
	
#menuSuperior  
{
	min-width:800px;	 
	padding-right: 10%;
		
	font-family:Trebuchet MS; 
	font-size:13px; 
	text-align:right;
	float:right;

	}
	
#menuSuperior  select 
{
	margin:0px; 
	color:#000; 
	height:23px; 
	width:154px; 
	border:1px solid #e1e1e1; 
	font-family:Trebuchet MS; 
	font-size:13px; 
	color:#666 
	}


#contenedorPrincipal 
{
	margin-left:10%;
	min-height:480px;
	min-width:800px;
}


.sectionTitle
{
	height:35px;
	line-height:40px; 
	margin-bottom:30px;
	margin-left: -30px;
	font-family: Trebuchet MS;
	font-size:20px;	
	color: #116C99;
	background: url(img/tituloSeccion_bg.jpg) repeat-y top left;
}

/*Botonera*/
/*#content-left{ width:180px; border:#f6f6f6 solid 1px; padding:5px; float:right}*/
#content-left 
{
	width:200px; 	
	padding:5px; 
	float:right; 
	
	margin-right: 5%
	}
	
	/*#twitter-col
	{		
		font-size: 10px;
	}*/
	
	#twitter-col  
	{				
		 background-image: url(img/ink-splatter-twitter-t.png) no-repeat
		} 
	
	/*#twitter-col a
	{
		background-image: url(img/ink-splatter-twitter-t.png) no-repeat top left;
	}*/

	#twitter-col-item
	{
		font-size: 11px;
		list-style-type:none;
	}	

.botonTitulo, .botonTitulo:visited  {
	width:153px; 
	height:28px; 
	margin:0px; 
	margin-top:10px;
	padding-left:27px; 
	background:url(img/botonTitulo.jpg) no-repeat;
	font-family: Trebuchet MS; 
	font-size:15px; 
	color:#fff; 
	line-height:28px; 
	display:block; 
	text-decoration:none;
}

.botonTitulo:hover  {
	color:#000; 
	background:url(img/botonTitulo_ov.jpg) no-repeat;
}

.botonsubTitulo  {
	width:133px; 
	height:30px; 
	display:block; 
	line-height:30px; 
	background: url(img/botonsubTitulo.jpg) no-repeat left center;
	border-bottom:#d6d6d6 solid 1px; 
	padding-left:27px;
	font-family: Trebuchet MS; 
	font-size:12px; 
	color:#000; 
	text-decoration:none;
}

.botonsubTitulo:hover {
	background: url(img/botonsubTitulo_ov.jpg) no-repeat left center; 
	color:#39B4F7;
}

/* Ruta Actual de Navegación*/
.migas { font-family: Trebuchet MS; font-size:11px; color:#000; padding-left:20px; margin-bottom:5px;}



#contenido  
{
	width: 65%;
	min-width:550px;
	min-height:400px;	
	float:left;
	background-image:url(img/contenidoBg.jpg) ; 
	background-position:right bottom; 
	background-repeat:no-repeat;
	margin-top: -30px;
	padding-bottom: 20px;	
	padding-right:5%;
    
            }

.tituloSeccion  
{
	height:40px;
    padding-left:20px; 
    line-height:40px; 
    font-family: Trebuchet MS; 
    font-size:25px; 
    color:#116C99; 
	background:url(img/tituloSeccion_bg.jpg) repeat-y top left}				

				
/**** Form  *****/
.contenedorForm  
{
	padding:10px; 		
	margin-top:10px; 
	}
	
/**** In Form  *****/
.columnaIzquierda { width:150px; height:20px; float:left; font-family:Trebuchet MS; font-size:13px; margin-bottom:5px;}



.columnaDerecha { width:210px; height:20px; float:left; margin-bottom:5px;}

.columnaDerecha form{margin:0px;}
.columnaDerecha select.seleccionar{margin:0px; color:#000; height:23px; width:154px; border:1px solid #e1e1e1; 
							font-family:Trebuchet MS; font-size:13px; color:#666; }
							
							
.columnaDerecha input.text { height:18px; width:150px; border:1px solid #e1e1e1; margin:0px; float:left; font-family:Trebuchet MS; font-size:13px;
							color:#666;}

							
#pataWrap {  top:200px; width:100%}
#pata { min-width:800px; margin-top:10px; margin:0 5%; bottom:0px;
		background:#000;height:40px; color:#CCC; font-family:Trebuchet MS; font-size:12px;  }
.derechos { float:left; margin-left:24px; height:40px; line-height:40px}
.linkRapidos{ float:right; margin-right:24px; height:40px; line-height:40px; color:#AEC34C}
.itemLink{ color:#AEC34C; text-decoration:none; }
.brk {clear:both}	

/**** CLOUD ******************/
	.cloudcontrol 
	{
		text-align:justify;
		text-transform:uppercase;
		background-color:Blue;
		}
		.cloudcontrol a, .cloundcontro a:visited
		{
			color: Black;
			 text-align:justify;
		text-decoration: none;	
		}
/**** TOOLBAR ****************/

.maintoolbarbox {
	border:none;
	margin-top:-40px;
	margin-left:400px;
	z-index:2;
}

.maintoolbarbox a img{
	padding-right:15px;
	border: none;
}

.maintoolbarbox img {
	border:none;
}
	
/*****************************/	

#login {width:609px; margin:0 auto; font-family:Trebuchet MS; margin-top:80px; }
.LoginNav { width:609px; height:506px; background:url(img/loginBg2.jpg) no-repeat left top; padding:29px 0 0 0; clear:both}
.loginLogo {clear:both; }
.loginMap { width:528px; height:232; clear:both; margin:auto}

.loginForm {width:300px; margin:auto; margin-top:15px;  margin-left:100px; margin-left: auto;
	margin-right: auto   } 
.loginForm form {margin:auto;}
.loginForm label {font-family:Trebuchet MS; font-size:14px; color:#696969; margin-top:20px; line-height:40px}
/* .loginForm input.campo { width:271px; height:22px; background:url(img/loginInputBg.jpg) top left no-repeat; border:solid 2px #676767; 
					font-family:Trebuchet MS; color:#666666; font-size:14px; padding:5px 0 0 5px} */ 
					
.loginForm input.campo { width:275px; height:22px;  border:solid 2px #676767;
					font-family:Trebuchet MS; color:#666666; font-size:14px; padding:5px 0 0 5px}
					
.recodarCuenta {font-family:Trebuchet MS; font-size:12px; color:#696969; margin-top:20px; float:left; }
.iniciar { margin-top:20px; float:right; text-align:right; padding-right:5px; }
a.contrasena {font-family:Trebuchet MS; font-size:12px; color:#696969; text-decoration:none}
a.contrasena:hover {color:#3399FF; text-decoration:underline}

.loginButton { font-family:Trebuchet MS; color:#666666; border:solid 2px #6666666; font-weight:bold; padding-left:50px; width:120px; }



/******************************/

/* Forms Tables */ 

.row
{
  height:30px;
  vertical-align:middle;	
}

.left_column
{
   width:20%;
   text-align:left;	
}

.right_column
{
  width:80%;
  text-align:left;	
}



/* Forms User Template */ 

 .user_form
 {
 	padding:30px 0 30px 30px;
 	width:100%;
 }
 
 .cell_1
  {
   width:25%;
   text-align:left;
  }
        
  
  .cell_2
  {
     width:25%;
     text-align:left;
  }
  
  .cell_separator
  {
  	width:5%;
  	text-align:left;
  }
        
  .title_cell
  {
   background-color:#A9D0F5;
   color:White;
   padding-left:10px;            
  }
  /* Downloads Page*/
  
  .style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #6D8D34;
}
.style6 {font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; color: #666666; }
.style8 {font-size: 12px}
.style9 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #6D8D34; }
/*.AreaScroll {height:168px; overflow:auto; border:1px solid #F0F0F0; display:block;}*/
.AreaScroll {height:200px;  border:1px solid #F0F0F0;}
.AreaPlanificada {height:168px; overflow:auto; border:1px solid #F0F0F0; display:none;}
.style16 {font-size: 14px; font-weight:100;}
.style17 {
	color: #666666;}
.style18{font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: x-small;}
 
 .style19 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #6D8D34;
}       




/* PlayListManagement (Search) */

 table#searchResults {
    font-size: 11px;
    width: 600px;
    padding:0px 0px 0px 0px;    
}

#page h2.heading {
    margin: 15px -15px 2px -15px;
    padding: 0;
    color: #D51007;
    
    font-size: 18px;
    line-height: 13px;
    border-top: 1px dotted #ccc;
}


#page h2.heading .h2Wrapper {
    display: block;
    padding: 15px;  
}

#page h2.heading .h2Wrapper a {
    text-decoration: none;     
}

#page h2.heading .h2Wrapper a:hover {
    text-decoration: underline;
}
#page h2.heading .h2Wrapper a {
    color: #D51007;
}
#page.lfmBlack h2.heading .h2Wrapper a {
    color: #1b1b1b;
}

#page div.fiflufi div.rightCol h2.heading .h2Wrapper,
#page div.fixed div.rightCol h2.heading .h2Wrapper {
    padding: 7px 0 0 0;
}

#page div.rightCol div.recommendedContent h2.heading span.h2Wrapper {
    padding: 5px 10px;      
}


img.thumb {
    padding: 1px;
    border: 1px solid #CCC;
    margin-left: -78px;
    float: left;
}


td.subject span.albumCover,
td.subject img.thumb {
    float: left;
    margin: 0 10px 0 -78px;
}

/* html td.subject img.thumb, */
* html td.album a span.albumCover {
    margin: 0 10px 0 -78px;
    display: inline;
}


td.track img.thumb {
    border: 0;
}

td.artist img.thumb,
td.lyric img.thumb {
    margin-right: 15px;
}

table#searchResults td {
    padding: 6px 0;
}

table#searchResults td.stats {
    text-align: right;
    color: #696969;
    white-space: nowrap;
    padding-right: 6px;
}

table#searchResults td.stats span {
    display: block;
    width: 100%;
}

table#searchResults tr:hover {
    background: #F3F3F3;
}

table#searchResults tr.noHover:hover {
    background: transparent;
}

table#searchResults tr.noHover td {
    padding-left: 0;
}

table#searchResults td {
    border-bottom: 1px solid #CCC;
    padding-left: 80px;
}


table#searchResults tr.noBorder td {
    border: none;
}

/* Media Description View */

       .NombreSeccion
       {
            font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 14px;
			color: #6D8D34;
		}
		.NombreDisco
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#999999;
		}
		.Info
		{
			font-family:Arial, Helvetica, sans-serif;
			font-weight:500;
			font-size:10px;
			background-color:#F5FEE2;
		}
		.linea
		{
			height:2px;
			background-color:#6D8D34;
		}
		
/* Account PlayList Rating Styles */

       .ratingStar { 
        font-size: 0pt; 
        width: 20px; 
        height: 20px; 
        margin: 0px; 
        padding: 0px; 
        cursor: pointer; 
        display: block; 
        background-repeat: no-repeat; 
        } 
        
        .ratingStarHome { 
        font-size: 0pt; 
        width: 10px; 
        height: 10px; 
        margin: 0px; 
        padding: 5px; 
        cursor: pointer; 
        display: block; 
        background-repeat: no-repeat; 
        } 

        .filledRatingStar { 
        background-image: url(img/star_green.png); 

        } 

        .emptyRatingStar { 
        background-image: url(img/star_black.png); 
        } 

        .savedRatingStar { 
        background-image: url(img/star_gold.png); 
        } 
        
        .rating_text 
        {
        	font-family:Verdana;
        	font-size:x-small;
        	color:#C0C0C0;         
        }
        
        
 /* Home Page Styles */ 
 
 .title_panel
 {
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
	color: #6D8D34;
 }
 
 
 
 .comment_panel
 {
 	padding:60px 0 0 10px; 	
 	border:solid 1px #C0C0C0;
 }
 
 .panel_text
 {
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:small;
	color: #6D8D34;
 }
 
 
 /* Messages Page Styles */
 
 .title_message_text
 {
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:small;
	font-weight:bold;
	color: #116C99; 	
 	
 }
 
 .table_message_separator
 {
 	height:20px;
 }
 
 .message_style01
 {
 	font-family: Arial, Helvetica, sans-serif;	
	font-size:medium;
	font-weight:bold;
	color: #116C99; 	
 }
 
 .message_style02
 {
 	font-family: Arial, Helvetica, sans-serif;	
	font-size:small;
	font-weight:bold;
	color: #6D8D34; 	
 }
 
  .message_style03
 {
 	font-family: Arial, Helvetica, sans-serif;	
	font-size:small;
	font-weight:bold;
	color: #666666; 	
 }
 
 .message_style01
 {
 	font-family: Arial, Helvetica, sans-serif;	
	font-size:small;
	font-weight:normal;
	color: #116C99; 	
 }
 
 
 /* MESSAGES PANEL STYLES */
 
  .bg 
  {
  	 filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7; 
    background-color: #000000; 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height:100%;
  
}
            
      
       
       .message_panel
       {
       	  width:30%; 
       	  text-align:center;
       	  vertical-align:middle;
       	  padding-top:1%;
       	  padding-bottom:1%; 
       	  background-color:#FFFFFF;
       	  font-family:Trebuchet MS;
       	  color:#555555;
       	  font-size:small;
       	  margin-top:20%; 
       	  margin-left:35%;
       	  margin-right:35%;
       	  border:solid 2px #555555;
       	  position:fixed;       	 
       }
       
       .message_button
       {
       	   border:solid 2px #555555;
       	   font-family:Trebuchet MS;
       	   color:#555555;
       	   font-size:small;
       	   width:80px;
       }
       
       
       
  /* REPEATER */
  
  
.span_repeater
{
  font-family:Trebuchet MS; font-size:small; color:#666666;
}

.td_repeater
{
	width:300px; text-align:left;  overflow:hidden;
}


/* Media Sites Tags Styles */ 

.tag_title
{
	font-family:Trebuchet MS; font-size:small; color:#0099CC;
}

.tag_item
{
	font-family:Trebuchet MS; font-size:small; color:#666666; cursor:pointer;
}

.tag_item_selected
{
	font-family:Trebuchet MS; font-size:small; color:#0099CC; cursor:pointer;
}


       
       .on
       {
       	 font-family:Calibri;
       	 font-size:medium;
       	 font-weight:bold;
       	 color:White;
       	 background-color:#006699;       
       	 cursor:pointer;
       	 min-width:200px;	 
       }
       
       .off
       {
       	 font-family:Calibri;
       	 font-size:medium;
       	 font-weight:normal;
       	 color:#666666;
       	 background-color:#fff;   
       	 cursor:pointer;
       	 min-width:200px;	  
       }
       
       .panel
       {
       	   width:250px;
       	   min-width:250px;
       	   max-width:250px;
       	   height:50px;
       	   min-height:50px;
       	   max-height:50px;
       	   background-color:#f2f2f2;
       	   border:0;
       	   padding:0;       	   
       }
       
       .table{ padding:0; } 
       
       .tr
       {
       	   vertical-align:middle; padding:0;
       	}
       
       .td{ text-align:left; width:250px; background-color:#f2f2f2; padding:0; color:#666666; font-family:Trebuchet MS; font-size:small; cursor:pointer; }
       
       .td_on {  text-align:left; width:250px; background-color:#006699; padding:0; color:#ffffff; font-family:Trebuchet MS; font-size:small; cursor:pointer; }
      
       
   .error { font-family:Trebuchet MS; font-size:small; color:Red; }
   .error_description { font-family:Trebuchet MS; font-size:small; color:#666666; }
   .successfully { font-family:Trebuchet MS; font-size:small; color:#6D8D34; }
   
   
   
   /* Play List Generator */
  
/**** PANELS STYLES ****/

.confirm_panel_style
{
	width:30%;
	height:100px;	
	margin:10% 0 0 20%;
	padding-top:2%;
	background-color:#fff;
	border:solid 3px #000;
	text-align:center;
	vertical-align:middle;
	font-family:Trebuchet MS;
	font-size:medium;
	color:#666666;
	position:fixed;
}

.content_panel
{
	min-width:40%;
	max-width:40%;
	width:40%;
	max-height:150px;
	min-height:150px;
	margin:10% 30% 0 20%;
	padding:3% 0 3% 5%;
	background-color:#FFF;
	border:solid 2px #000;
	position:fixed;
}

.mediaroom_content_panel
{
	min-width:40%;
	max-width:40%;
	width:40%;
	height:auto;
	margin:10% 30% 0 20%;
	padding:3% 0 3% 5%;
	background-color:#FFF;
	border:solid 2px #000;
	position:fixed;
}

.panel_title_style
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #6D8D34;
}

.panel_text_style
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #666666;
}

.panel_combo_style
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #666666;
	width:120px;
}


/**** PANELS BUTTONS STYLES *****/

.panel_button_style
{
	width:80px;
	background-color:#f2f2f2;
	font-family:Trebuchet MS;
	font-size:small;
	font-weight:bold;
	color:#666666;
	border:solid 1px #666666;
}

.panel_button_content
{
	margin-right:5%;
	text-align:right;
}



/* Reordest List - Ajax Control Toolkit Control */ 
.reorderListDemo li{     list-style: none;
                         margin: 2px; 
                         background-image: url(Images/bullet.png); 
                         background-repeat: no-repeat; 
                         color:#FFF;
                    }
                    
                    
 /*.dragHandle{  list-style: none; width: 10px;    height: 15px;    background-color: Blue;        cursor: move;    border: outset thin white;}*/
 
               
                    
 .dragHandle{  list-style: none;  cursor: move; margin:0; padding:0;}
 
 
 .reorderCue{    border: dashed thin #C0C0C0;    width: 600px;    height: 50px; }
 
 .ajaxOrderedList li { list-style:none; }
 
 
 /*********************************************************/
 /* Recommendation Panel - Temporal Media Management Page */
 
 .recommendation_panel_visible
 {
 	width:80%;
    height:auto;
    border:solid 1px #C0C0C0;
    padding:30px 0 30px 30px;
    visibility:visible; 
 }
 
 
 .recommendation_panel_hidden
 {
 	width:80%;
    height:30px;      
    visibility:hidden; 
 }
 
 .item_bullet
 {
 	font-family:Trebuchet MS;
 	font-size:medium;
 	font-weight:bold;
 	color:#336699;
 }
 
 .item_text
{
	font-family:Trebuchet MS;
 	font-size:small; 	
 	color:#444;
}

.more
{
	font-family:Trebuchet MS;
 	font-size:small;
 	font-weight:bold;
 	color:#336699;
 	cursor:pointer;
 	padding-left:20px;
 	margin-bottom:20px;
}

.tooltip
{
	font-family:Trebuchet MS;
 	font-size:small;
 	font-weight:bold;
 	color:#222;
 	padding:10px 10px 10px 10px;
}

.recommendation_title
{
	font-family:Trebuchet MS;
    font-size:small;
    font-weight:bold; 
    color:#336699;
    cursor:pointer;
}


 /* End Recommendation Panel  ***/
 /*******************************/
 
 /*		Twitter */
#twitterWrap { width:219px; font-family:Arial; font-size:13px; color:#363636 }
#twitterWrap a {color:#728F33;}
#twitterWrap span {color:#a4a4a4}
.twitterFoot { width:219px; height:37px; display:block; background:url(img/twitterBird.jpg) no-repeat;}
.twitterContent { width:197px; border:1px solid #e3e3e3; background:#f9f9f9; padding:10px; border-bottom:none;  }



/*************************************/

/* estilos para la pagina playlist (sample.aspx) */

/* set millions of background images */
.rbroundbox { background: url(img/nt.gif) repeat; }
.rbtop div { background: url(img/tl.gif) no-repeat top left; }
.rbtop { background: url(img/tr.gif) no-repeat top right; }
.rbbot div { background: url(img/bl.gif) no-repeat bottom left; }
.rbbot { background: url(img/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 10px; }
.rbroundbox { width: 600px;  }

.album { font-family:Trebuchet MS; font-size:small; color:#444; }

.song { font-family:Trebuchet MS; font-size:small; color:#006699; text-decoration:underline; cursor:pointer;  }