/*********************************************************************************\
* $ estilos.css - Hoja de estilos del editor $                                    *
***********************************************************************************
* LinKen Foros                                                                    *
* Foro Open Source, Proyecto iniciado e inspirado por Linkgl                      *
* =============================================================================== *
* Version actual:             1.3                                                 *
* Desarrollado por:           LinKen Foros (http://www.linkenforos.com.ar/)       *
* Copyright 2008-2010                                                             *
***********************************************************************************
* Este programa es Open Source, puedes modificarlo y redistribuirlo segun las     *
* normas GNU que se encuentran en http://www.linkenforos.com.ar/licencia.txt      *
* publicada por la fundacion de software libre (www.fsf.org)                      *
* =============================================================================== *
* $ Ultima edicion por Kenichi - 15/05/10 $                                       *
\*********************************************************************************/
/**
 * Titulos
 */  
legend {
   font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#22229C;
	 padding:3px;
}
/** 
 * Campo de PHP
 */ 
fieldset.php {
   background-color:#fff;
   border:1pt solid #a80a09;
   border-left:4px solid #a80a09;
   padding:0px;
   margin:5px;
}
div.php {
   width:630px;
   min-height:50px;
   max-height:350px;
   overflow:auto;
   font-family:Courier New, Courier, Metal;
   font-size:12px;
   padding:5px;
}
code {
   padding:0px;
   margin:0px;
}
/**
 * Campo de HTML
 */ 
fieldset.html {
   background-color:#fff;
	 border:1pt solid #B2B2B2;
	 border-left:4px solid #B2B2B2;
	 padding:0px;
	 margin:5px;
}
div.html {
   width:630px;
   min-height:50px;
   max-height:350px;
   overflow:auto;
   font-family:Courier New, Courier, Metal;
   font-size:12px;
   padding:5px;
}
/**
 * Campo de CSS
 */ 
fieldset.css {
   background-color:#FFFFFF;
	 border:1pt solid #000099;
	 border-left:4px solid #000099;
	 color:#0000FF;
	 padding:0px;
	 margin:5px;
}
div.css {
   width:500px100%;
   min-height:50px;
   max-height:350px;
   overflow:auto;
   font-family:Courier New, Courier, Metal;
   font-size:12px;
   padding:5px;
}
/**
 * Campo de JavaScript
 */ 
fieldset.js {
   background-color:#F0F0F0;
	 border:1pt solid #A7A6AA;
	 border-left:4px solid #A7A6AA;
	 color:#000000;
	 padding:0px;
	 margin:5px;
}
div.js {
   width:630px;
   min-height:50px;
   max-height:350px;
   overflow:auto;
   font-family:Courier New, Courier, Metal;
   font-size:12px;
   padding:5px;
}
/**
 * Cita
 */ 
fieldset.cita {
   background-color:#f0f7f9;
	 border:1pt solid #36c;
	 border-left:4px solid #36c;
	 color:#000000;
	 padding:0px;
	 margin:5px;
}
div.cita {
   width:630px;
   min-height:50px;
   max-height:350px;
   overflow:auto;
   font-family:Courier New, Courier, Metal;
   font-size:12px;
   padding:5px;
}
/**
 * Mas titulos
 */ 
.cita legend, .html legend, .php legend, .js legend, .css legend {
   color:#444444;
}
/**
 * Espacio de edicion
 */ 
#editor {
	 width:100%;
	 overflow:auto;
	 font-family:Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 background:#FFFFFF;
	 border:1px solid #999999
}
#descripcion {
   font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
}
/**
 * Opciones del editor
 */ 
#botones {
   cursor:pointer
}
#botones img {
   padding:2px;
   margin:1px;
   cursor:pointer;
}
#botones img:hover {
   padding:2px;
   margin:0px;
   background:#c1d2ee;
   border:1px solid #316ac5;
   cursor:pointer;
}
#botones img:active {
   padding:2px;
   margin:0px;
   background:#97b5e2;
   border:1px solid #21567a;
   cursor:pointer;
}
#botones img.separador {
   cursor:default;
   padding:0px;
   margin:0px;
   background:transparent;
   border:none;
}
/**
 * Desplegables del editor
 */ 
span.editor_desplegable span {
   border:1px solid #e1e1e2;
   background:#FFFFFF url('imagenes/abajo.png') no-repeat 100% 50%;
   padding:3px 35px 2px 5px;
   margin:3px 1px 3px -1px;
   font-size:11px
}
span.editor_desplegable:hover span {
   border:1px solid #e1e1e2;
   background:#f5f5f5 url('imagenes/abajo.png') no-repeat 100% 50%;
   padding:3px 35px 2px 5px;
   margin:3px 1px 3px -1px;
   font-size:11px;
}
span.editor_desplegable div {
   display:none;
   position:absolute;
   z-index:8;
   background:#FFFFFF;
   border:1px solid #e1e1e2;
   text-align:left;
   margin-left:-1px;
   min-height:60px;
   max-height:165px;
   min-width:120px;
   max-width:350px;
   overflow:auto
}  
span.editor_desplegable div b {
   padding:0px;
   margin:0px;
   background:transparent;
   border:1px solid #fff;
   border-top:none;
   border-bottom:none
}
span.editor_desplegable div img:hover {
   padding:0px;
   margin:0px;
   background:transparent;
   border:none
}                 
span.editor_desplegable div#fuentes {
   min-width:180px;
   max-width:800px;
}    
span.editor_desplegable div#colores {
   min-width:145px;
   max-width:800px;
   overflow-y:hidden
} 
span.editor_desplegable div#sizes {
   min-height:150px;
   max-height:800px;
   overflow-y:hidden
} 
span.editor_desplegable div a:link, span.editor_desplegable div a:visited {
   padding:4px 20px 4px 10px;
   display:block;
   text-decoration:none;
   color:#000000;
   font-size:11px
}
span.editor_desplegable div a:hover, span.editor_desplegable div a:active {
   padding:4px 20px 4px 10px;
   display:block;
   text-decoration:none;
   color:#333333;
   background:#f5f5f5;
   font-size:11px
}
#botones div.br {
   width:80%;
   height:5pt;
   display:block;
}