/* ================================
    CSS STYLES FOR P80Portal
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: #CCCCCC;
}

/* background color for the content part of the pages */
Body
{
    background-color: #ffffff;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: black;
}

.LeftPane  { 

	BACKGROUND-COLOR: #D9B885;
	background-image: url(FPane/leftbar_back-02.jpg);
	background-repeat: no-repeat;
	width:150px;
}

.ContentPane  { 
}

.RightPane  { 
	width:150px;
}

/* text style for the selected tab */
.SelectedTab {

    color: white;

    text-decoration: none;
}

/* hyperlink style for the selected tab */


A.SelectedTab:hover    {
    text-decoration:    underline;

}

/* text style for the unselected tabs */
.OtherTabs {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    text-decoration: none;
}
    
/* hyperlink style for the unselected tabs */



A.OtherTabs:hover    {
    text-decoration:    underline;

}

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana;
    font-size:  12px;
    font-weight:    bold;
    color: #840000;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #765527;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
  
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}

.NormalBold
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;   
    
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}

/* hyperlink style para botones y links en los formularios de edición de los diferentes módulos */
A.CommandButton2:link {
    text-decoration:    none;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #A0A0A0;
    padding: 4px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #A0A0A0; 

}

A.CommandButton2:visited  {
    text-decoration:    none;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #A0A0A0;
    padding: 4px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #A0A0A0; 
}

A.CommandButton2:active   {
    text-decoration:    none;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #A0A0A0;
    padding: 4px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #A0A0A0; 	
}

A.CommandButton2:hover    {
    text-decoration:    none;
    font-weight: bold;    
    color: #CCCCCC;
    background-color:#858585;
    padding: 4px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFFFFF; 
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #606060; 	   
}
  
/* GENERIC */
H1  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #003366;
}

H4  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #003366;
}

H5, DT  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

H6  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

TFOOT, THEAD    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    color: #003366;
}

TH  {
    vertical-align: baseline;
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #003366;
}
/*
A:link  {
    text-decoration:    none;
    color:  #003366;
}

A:visited   {
    text-decoration:    none;
    color:  #003366;
}

A:active    {
    text-decoration:    none;
    color:  #003366;
}

A:hover {
    text-decoration:    underline;
    color:  #ff0000;
}
*/
SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: 840000;
    height:1px;

}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #765527;
}

/* agregados por pablo*/


.txt-color {color: #EC4B12}
/*.txt-color2 {color: #FF5A00}*/

.FondoColor{background-color: #FF5A00}
.FondoBlanco {background-color: #ffffff}
.FondoNegro {background-color:#000000;}
.FondoGris1 {background-color: #858585}
.FondoGris2 {background-color: #A0A0A0}
.FondoGris3 {background-color: #cccccc}
.FondoGris4 {background-color: #f0f0f0}
.FondoVerde1 {background-color: #789DA6; color:#ffffff}
.FondoVerde2 {background-color: #E6F0F3}
.FondoFooter1 {background-color: #376C7A}
.FondoFooter2 {background-color: #045662;color:ffffff}
.txt-nav3 {color:#ffffff; font-weight:bold ;text-decoration:none; font-size: 11px}

td {font-family: VERDANA, Arial, Helvetica, sans-serif; font-size: 12px}

.txt-nav1 { color: #840000; text-decoration:none}
.txt-nav2 { color: #840000; text-decoration:none}
/*
.txt-nav4 {color: #FFFFFF; text-decoration:none; font-size: 10px}
*/
a {color: #840000; text-decoration: none}
a:hover{text-decoration: underline}
a.mouseover {background-COLOR:#ffffff}
a.mouseover:HOVER {background-COLOR:#789DA6}
.titulo {font-weight: bold; color: #FFFFFF;}

/*.Container {border-style:solid; border-width:1px; border-color:#358B8E}*/
.Container {background-color:#E6F0F3}
.TablaMother
{
	border-style:solid;
	border-width:1;
	border-color:#000000;

	}
/* estilos de formularios*/
.txtArea 
{
	border:1px;
	border-color:#358B8E;
	border-style:solid;
	font-family:Verdana;
	font-size:12px;
	color:#556F7B	
	}
.dropDown
{
	border:1px;
	border-color:#358B8E;
	border-style:solid;
	font-family:Verdana;
	font-size:12px;
	color:#556F7B	
	}
.cines
{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#ffffff;
	
	}
	
.boton 
{
	background-color: #E6F0F3;
	
	border:1px;
	border-color:#358B8E;
	border-style:solid;
	
	
	cursor:hand;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	
}
.TxtBold
{
    font-family: Times;
    font-size: 30px;
    font-weight: bold;
    color:#FFFFFF;
}
.TxtGreen
{
    font-family: Tahoma, Verdana, Helvetica;
    font-size: 10px;
    font-weight: normal;
    color:#358B8E;
}
.imagenRemate 
{
border-color:Gray;
border-style:solid;
border-width:1px;
	}
.RemateTitulo 
{
	background-color:#FF6600;
	color:#ffffff;
	font-weight:bold;
	}
	

/*INICIO Estilos del menu */
/*Estilo de la flecha cuando no se especifica una imagen*/
.MenuArrow 
{

	
	border-color:#FFF193

	}
	
/*barra de menu de tabs*/	
.MenuBar 
{

	background-color: #FFF193;
	
	}
	
/*separador*/
.MenuBreak 
{

}
	
/*fondo de la barra completa del menu*/
.MenuContainer 
{
	width:120px;

 }

/*fondo del td del donde se inserta el icono del menu */	
.MenuIcon 
{

	background-color: #D6B684;
	
	border-color:#D6B684;
	width:10px;
	height:20

	}

/*estilos del texto y td de menu normal*/
.MenuItem 
{
	color: #840000; 
	font-family: Verdana; 
	font-weight:bold;
	border-color:#FFF9D3;

	}
/*estilos del texto y td de menu seleccionado*/	
.MenuItemSel 
{
	background-color: #ffffff; 
	color: #840000; 
	font-weight:bold;
	border-color:#840000;
	
	font-family: Verdana; 
	

	
	}
	
/*estilo de la tabla completa de cada submenu*/	
.SubMenu 
{
	background-color: #FFF9D3;
	border-style:solid;
	border-width:1px;
	border-color:#840000;
	 }
 /*FIN Estilos del menu */
 
 
 
 
 
 /*ESTILOS PARA TABLAS */
 
 /*estilo de tablas para contenidos de forms*/	
 .TableForm 
 {
  	border-style:solid;
  	border-width:1px;
 	border-color:#858585;
 	background-color: #F9F9F9;
 	width: 750ppx;
 }
 /*estilo de tablas para header y footers de forms: OSCURA*/	
 .TableFormDark 
 {
  	border-style:solid;
  	border-width:1px;
 	border-color:#858585;
 	background-color: #CCCCCC;
 	width: 750ppx; 
 }
 /*estilo para tablas de forms auxiliares: CLARA*/	
 .TableFormLight 
 {
  	border-style:solid;
  	border-width:1px;
 	border-color:#CCCCCC;
 	background-color: #EEEEEE;
 	width: 750ppx;
 }
 .TableBanner
 {
  	border-style:solid;
  	border-width:1px;
 	border-color:#858585;
 	background-color: #000000;
 	width: 750px;
 }
 /*estilo de tablas para Mails HTML*/	
 .TableMail 
 {
  	border-style:solid;
  	border-width:1px;
 	border-color:#858585;
 	background-color: #F9F9F9;
 	width: 750px;
 }
 .FondoBannerMail {
 	BACKGROUND-COLOR: #045664;
 }
 
 /* estilo para la celda que contiene al banner / se usa en Mailings*/
.FondoBannerSup 
{
	BACKGROUND-COLOR: #045664;
}
 /*FIN Estilos TABLAS */  
 
 /*Pulldown de lenguajes*/
 .LanguageList 
 {
 	FONT-FAMILY: Verdana, arial;
 	FONT-SIZE: 11px;
 	background-color : #eeeeee;
 	border-style : solid;
 	border-width : 1;
 	border-color : #858585;
 	}
 
 
 /*Estilos para datagrid*/
 .GrillaItem {
 	BACKGROUND-COLOR: #EDEDED
 }
 .GrillaBoton {
 	BORDER-RIGHT: #555a5d 1px solid; BORDER-TOP: #555a5d 1px solid; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(images/fondoBtn.gif); BORDER-LEFT: #555a5d 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #555a5d 1px solid; BACKGROUND-COLOR: #ffffff
 }
 .GrillaHeader {
 	FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #A0A0A0
 }
 .Grilla 
 {
 	border-color:808080;
 	border-style: solid;
 	border-width:1px;
 	WIDTH: 100%; 
 	BACKGROUND-COLOR: #ffffff
 }
 
 /*fin estilos datagrid*/
 
 /*Tabla que contiene el Título*/
 .moduleTitleTable
 {/*
 
 	border-color:#FFFFFF;
 	border-style: solid;
 	border-width:1px;
 	*/
 	
 }
 /* Fondo del td del Título del Modulo */
 .moduleTitle1,.moduleTitle2{
 
 	border-bottom-color:#840000;
 	border-bottom-style: solid;
 	border-bottom-width:1px;
 	padding:2px;
 
 }
 
 /*td de fondo de los iconos de flechitas del titulo de instancia de modulos, para el admin */
 .ModuleAdmin{
 
 
 	padding:2px;
 
 }
 
 /* Boton del signin*/
 
 .BotonSignin {
 	BORDER-color: #666666; 
 	BORDER-width: 1px; 
 	BORDER-style: solid; 
 	
 	CURSOR: hand;
 	FONT-WEIGHT: bold; 
 	COLOR: #FFFFFF; 
 	BACKGROUND-COLOR: #A0A0A0;
 	width:150px;
 }
 
 /*tabla de fondo del signin*/
 .SignIn {
 	BORDER-color: #858585; 
 	BORDER-width: 1px; 
 	BORDER-style: solid; 
 	BACKGROUND-COLOR: #F9F9F9;
 
 }
 /*Links del Footer*/
 .LinkFooter {color: #FFFFFF; text-decoration: none;}
 .LinkFooter:hover{text-decoration: underline;}
 
 /*Espacio entre el Título y el Contenido del Módulo*/
.TitleSpacer {height: 1px;}
 
 
 .CommandButtonHeader{color:840000}
 
 
 
 
 

/*INICIO DE ESTILOS DE TABLAS DEL DESKTOPDEFAULT*/

.TablaDefault1 {height:80%; width:100%} /*tabla grande que contiene todas las otras tablas*/
.TablaDefault2 {height:100%; width:100%} /*tabla que contiene las 3 columnas*/
.TablaDefault3 {

  	border-style:solid;
  	border-width:1px;
 	border-color:#858585;
 	background-color: #CCCCCC;
} /*tabla de el encabezado de edicion del tab*/
.TablaDefault4 {} /*tabla de descripcion del modulo*/
/*FIN DE ESTILOS DE TABLAS DEL DESKTOPDEFAULT*/

/*TEXTOS RUBI DE PANE*/
.rubitxt1 {
	FONT-SIZE: 10px; COLOR: #840000; FONT-FAMILY: Verdana, Trebuchet MS, Arial, helvetica, sans-serif; TEXT-DECORATION: none
}
.rubitxt2 {
	FONT-SIZE: 11px; COLOR: #840000; FONT-FAMILY: Verdana, Trebuchet MS, Arial, helvetica, sans-serif; TEXT-DECORATION: none
}
.rubitxt3 {
	FONT-SIZE: 14px; COLOR: #840000; FONT-FAMILY: Verdana, Trebuchet MS, Arial, helvetica, sans-serif; TEXT-DECORATION: none
}
.rubitxt4 {
	FONT-SIZE: 16px; COLOR: #840000; FONT-FAMILY: Verdana, Trebuchet MS, Arial, helvetica, sans-serif; TEXT-DECORATION: none
}