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

/*****************************************************
Parametros para Pagina Principal.
****************************************************/

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

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


/*****************************************************
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
*****************************************************/
.ItemMenus
{
font-family:Tahoma,Verdana;
font-size:12px;
border:solid 1px red;
color:white;
padding:2px 6px 2px 6px;
vertical-align:top;
white-space:nowrap;
height:12px;
}



.Border /* Boders para las tablas +++ */ 
{    
	border-style:solid;
    border-color: Red  ;
    border-width: 1px;    
}

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

.NoBorder
{
	border-style:none;
	border-width:0px;
	font-family:Verdana;
	font-size:0.71em;
	background-color:#FFFFFF;
}

.TContent /* Boders para las tablas +++ */ 
{   
	border-style:none;
    /*border-width: 0px;   */
    font-size: 0.71em; 
    font-family: Verdana;
    background-color: #FFFFFF;              
}


.BorderSilver /* Boders para las tablas +++ */ 
{    
	border-style:solid;
    border-color:Silver;
    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:Red;
	width:auto;
}

menus.menu
{
	font-family:Arial,Verdana;
	font-size:11px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	vertical-align:top;
	background-color:red;
	border-color:red;
}


/*****************************************************
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/nf.gif);
    background-repeat: repeat-x;
    color: white;
    height: 27px;
}

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

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

td.Container
{
		position:relative;
		padding:5px;
		border-left:1px solid #D8D8D8;
		border-right:1px solid #D8D8D8;
		overflow:hidden;
		background-color:#fff;
}



/*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
}


/*Titulo Verde con degradacion blanca*/
td.TNewi
{	
    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;    
    height: 27px;    
}

td.TNewd
{	
    font-weight: bold;
    font-size: 0.7em;
    font-family: Verdana;    
    background-color: #FFFFFF;
    background-image: url(images/General/nf.gif);
    background-repeat: repeat-x;
    color: white;
    height: 27px;    
}

td.TNewf
{
    font-weight: bold;
    font-size: 0.7em;
    font-family: Verdana;
    height: 27px;
    background-color: #FFFFFF;
    background-image: url(images/General/nf.gif);
    background-repeat: repeat-x;
    color: white
}


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 
{
	border-style:solid;
    border-color: Red  ;
    border-width: 1px; 
    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: 2px; 
	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;
}