/*****************************************************
Hoja De Estilos Disenado para PcOnline por:
Sergio Michael Padilla Rosales. 
*****************************************************/

/*****************************************************
Parametros para Pagina Principal.
*****************************************************/
body /*Scroll bar colours Solo se pude visualizar en IE 5.0 o superior */
{   
    scrollbar-face-color: #DEE3E7; 
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #DEE3E7;
    scrollbar-3dlight-color: #D1D7DD; /*c*/
    scrollbar-arrow-color:  #006699;
    scrollbar-track-color: #EFEFEF;
    scrollbar-darkshadow-color: #98AAB1;
}

body.admin /* Estilo para Paginas de Administracion */
{
    background-color: #DDEEFF;
}

image	/* Se utiliza para alinear los controles Images. */
{
	vertical-align: middle;
}

/*****************************************************
PcOnline Titulos
*****************************************************/

.forumName /*  */
{
    font-family: Trebuchet MS, Arial;
    font-size: 1.4em;
    font-weight: bold;
}

a.forumName:hover /* text style for when mouse hovers over main forum name */
{
    color: #FF3300;
    text-decoration: none;
}

.forumThread /* description of Forums on main page (underneath Forum Name) */
{
    font-family: Trebuchet MS, Arial;
    font-size: 0.9em;
}

/*****************************************************
Texto en general
*****************************************************/
.txt1 { font-size : 1.0em; } 
.txt2 { font-size : 0.9em; }
.txt3 { font-size : 0.8em; }
.txt4 { font-size : 0.7em; }
.txt5 { font-size : 0.6em; }

.txt1Bold { font-size : 1.0em; font-weight:bold; }
.txt2Bold { font-size : 0.9em; font-weight:bold; }
.txt3Bold { font-size : 0.8em; font-weight:bold; }
.txt4Bold { font-size : 0.7em; font-weight:bold; }
.txt5Bold { font-size : 0.6em; font-weight:bold; }

.txt3red { font-size : 0.8em; color: Red; }

.printDetails{ font-size : 0.6em; color: darkgray; }
.noTopics { font-size: 0.7em; font-weight:bold; }
.dateText { font-size: 0.6em; color: white; }


/* IRC Style Text */
.txtIrcMe { color:Fuchsia ; }

/*****************************************************
Tables
*****************************************************/
.Border /* Boders para las tablas +++ */ 
{    
	border-style:solid;
    border-color:Green;
    border-width: 1px;    
    /*border: 1px #B2B2B2 solid; */
    /*border: 1px outset;
    /*background-color: #FFFFFF;*/
}

.BorderRed /* Boders para las tablas +++ */ 
{    
	border-style:solid;
    border-color:Red;
    border-width: 1px;    
    /*border: 1px #B2B2B2 solid; */
    /*border: 1px outset;
    /*background-color: #FFFFFF;*/
}

.BorderGreen /* Boders para las tablas +++ */ 
{    
	border-style:solid;
    /*border-color:Green;*/
    border-width: 1px;    
    /*border: 1px #B2B2B2 solid; */
    /*border: 1px outset;
    /*background-color: #FFFFFF;*/
}



.TextBox
{
	border-width:1px;			
	border-style:solid;
	border-color: Green;
}


/*****************************************************
Encabezados de tablas de trabajo. Html
*****************************************************/

/*Titulo Verde con degradacion blanca*/
td.TGreenWhite
{
    font-weight: bold;
    font-size: 0.7em;
    font-family: Verdana;
    background-color: #FFFFFF;
    background-image: url(images/General/TGreenWhite.gif);
    background-repeat: repeat-x;
    color: white
}

/*Titulo Rojo con degradacion blanca*/
td.TRedWhite
{
    font-weight: bold;
    font-size: 0.7em;
    font-family: Verdana;
    background-color: #FFFFFF;
    background-image: url(images/General/TRedWhite.gif);
    background-repeat: repeat-x;
    color: white
}

/*Titulo verde sin degradacion*/
td.TGreen
{
    font-weight: bold;
    font-size: 0.7em;
    font-family: Verdana;
    background-color: #06CB24;
    background-image: url(images/General/TGreen.gif);
    background-repeat: repeat-x;
    color: white
}

/*Titulo Rojo sin degradacion*/
td.TRed
{
    font-weight: bold;
    font-size: 0.7em;
    font-family: Verdana;
    background-color: #E90E04;
    background-image: url(images/General/TRed.gif);
    background-repeat: repeat-x;
    color: white
}



/*****************************************************
Estilo para las tablas de contenido.
*****************************************************/
td.DGreen
{
    color: #FFFFFF;
    font-size: 0.8em;
    /*font-weight: bold;*/
    font-family: Verdana;
    text-decoration: none;
    background-image: url(images/General/DGreen.gif);
    background-color: #02CA21;
    background-repeat: repeat-x
}

td.DGreenWhite
{
	/*font-weight: bold;*/
	font-size: 0.8em;
	background-image: url(images/General/DGreenWhite.gif);
	color: black;
	background-repeat: repeat-x;
	font-family: Verdana;
	background-color: #ffffff;
	text-decoration: none;
}



td.DRed
{
    color: #FFFFFF;
    font-size: 0.8em;
    /*font-weight: bold;*/
    font-family: Verdana;
    text-decoration: none;
    background-image: url(images/General/DRed.gif);
    background-color: #EB0B01;
    background-repeat: repeat-x
}


td.DRedWhite
{
    color: black;
    font-size: 0.8em;
    /*font-weight: bold;*/
    font-family: Verdana;
    text-decoration: none;
    background-image: url(images/General/DRedWhite.gif);
    background-color: #FFFFFF;
    background-repeat: repeat-x
}

/*********************************
Estilos para encabezados de paginas o tablas. 
************************************/
td.HRed 
{
    color: white;
    font-size: 0.7em;
    font-weight:bold;
    font-family: Verdana;
    background-image: url(images/General/HRed.gif);
    background-color: #EB0B01
}

td.HRedWhite
{
    color: white;
    font-size: 0.7em;
    font-weight:bold;
    font-family: Verdana;
    background-image: url(images/General/HRedWhite.gif);
    background-color: #FFFFFF
}


td.HGreen
{
    color: white;
    font-size: 0.7em;
    font-weight:bold;
    font-family: Verdana;
    background-image: url(images/General/HGreen.gif);
    background-color: #01CA20
}


td.HGreenWhite
{
    color: white;
    font-size: 0.7em;
    font-weight:bold;
    font-family: Verdana;
    background-image: url(images/General/HGreenWhite.gif);
    background-color: #FFFFFF
}

/********************************************
Estilos aplicados a los registros de la tabla
*********************************************/
td.RWhiteSimple 
{
    font-size: 0.71em; 
    background-color: #ffffff;
    font-family: Verdana; 
}

td.RGreenSimple
{
	font-size: 0.8em;
	color:White;
	font-family: Verdana;
	background-color: #06CB24;
}


td.RGreen 
{
    font-size: 0.71em; 
    font-family: Verdana;
    background-color: #02CA21; 
    background-image: url(images/General/RGreen.gif); 
    background-repeat: repeat-x
}

td.RGreenWhite
{
    font-size: 0.71em; 
    font-family: Verdana;
    background-color: #FFFFFF; 
    background-image: url(images/General/RGreenWhite.gif); 
    background-repeat: repeat-x
}

td.ROnlyGreen
{
	font-size: 0.71em;
	background-repeat: repeat-x;
	font-family: Verdana;
	background-color: #e0efd7;
}

td.RRedWhite 
{
    font-size: 0.71em; 
    font-family: Verdana;
    background-color: #FFFFFF; 
    background-image: url(images/General/RRedWhite.gif); 
    background-repeat: repeat-x
}

td.RRed 
{
    font-size: 0.71em; 
    font-family: Verdana;
    background-color: #EB0B01; 
    background-image: url(images/General/RRed.gif); 
    background-repeat: repeat-x
}

td.RGreenGreen
{
	font-size: 0.71em;
	background-image: url(images/Layout/gradient.gif);
	background-repeat: repeat-x;
	font-family: Verdana;
	background-color: #ffffff;
}


TD.Ceels
{
	font-size: 0.71em; 
	background-color: #FFFFFF; 
	border-top: 1px solid #DDEEFF;
	border-left: 1px solid #DDEEFF;
	font-family: Verdana;
}

TD.Celdas
{
	border-top-width: 0px;
	border-left-width: 0px;
	font-size: 0.71pc;
	border-left-color: #ddeeff;
	border-top-color: #ddeeff;
	font-family: Verdana;
	background-color: #ffffff;
}






/*****************************************************
Textos Links Etc
*****************************************************/
columnText, a.columnText, a.columnText:visited, a.columnText:link 
{ 	
	font-size: 0.7em; 
	color: white; 
	font-weight:bold;
}

a.columnText:hover
{
	color: #FF3300;	
}

a.column:visited, a.column:link, a.column:hover
{
    color: white;
    font-weight:bold;
}

.flnk3
{
    font-weight: bold;
    color: #013DA4;
}

a.flnk3:visited, a.flnk3:link
{
    font-weight: bold;
    color: #013DA4;
}

a.flnk3:hover
{
    color: #FF3300;
}

.inline 
{
  font-size: 0.75em;
  color: #555555;
}

/*****************************************************
Navigacion: Texto para el menu de navegacion Opcional
*****************************************************/



/*****************************************************
Separadores
*****************************************************/
td.flatViewSpacing 
{
	height: 2px; 
	background-color: #80B7FF; 
} 
td.threadSeparator 
{
	height: 4px; 
	background-color: #79ABDE; 
} 
td.adminSeparator 
{
	height: 4px; 
	background-color: #FFFFFF; 
} 
td.moderateSeparator 
{
	height: 12px; 
	background-color: #FFFFFF; 
} 

/*****************************************************
Text de validacion
*****************************************************/
.validationWarning 
{
	color: Red; 
}

/*****************************************************
Control de Seleccion de Pagina.
*****************************************************/
.currentPage 
{
	font-size : 1.2em; 
	font-weight:bold; 
}

/*****************************************************
Elementos del formulario Web.
*****************************************************/
select /* drop down lists in forms */
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

textarea /* large multi-line text boxes in forms */
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

input /* input elements in forms, e.g radio buttons, text boxes, etc. */
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}