/*  -------------------------------------------------------------
	OZ Virtual S.A. de C.V. 
	Hoja de Estilos para Portales UniVisit Version 2
	Los estilos aqui mostrados deben de remplazar a los obsoletos
	de la version 1 y Solo Aplican para Portales UniVisit y Viaju
	------------------------------------------------------------- */

/*********************************************/
/*** DEFINICION DE ESTILOS PARA PORTAL V2 ****/
/*********************************************/

body, div, td {
font-family:Verdana;
font-size:11px;
}

h1 {}
h2 {}
h3 {}

/*******************************************************************/
/* DEFINICION DE ESTILOS PARA *MAQUETACION* EN CONTENIDOS DEL PORTAL */
/*******************************************************************/

#uvui_BodyWrapper {}

#uvui_MainContener {}
#uvui_LeftSideBlock { float:left;  }
#uvui_RightSideBlock { float:right }

#uvui_FooterPage { }

#uvui_infoContainer { padding:5px }
.uvui_setWidth240px { width: 240px }
.uvui_setWidth530px { width: 530px }

.uvui_setPadding5px { padding: 5px }



/***************************************************************/
/* DEFINICION DE ESTILOS PARA MAQUETACION GENERAL DEL PORTAL */
/***************************************************************/
#body {  } 

#headerPage {
	width:770px; 
	background-color:#FFF;  
}
#bodyContent { 
	background-color:#FFF; width:770px;
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; 
}



#MainContentBlock { overflow:auto }

#leftSideBlock { float:left; width:238px; }

#rightSideBlock { float:right; width:532px; }
#rightSideContentBlock { padding: 0 5px 0 10px; }

#footerPage { 
	clear:both; 	
	width:770px; 
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#footerPage_Content { padding:20px; line-height:150%; }
#footerPage_Content ul  { margin:0; padding: 0; }
#footerPage_Content ul li { display:inline; margin-right:6px; }


.fullWithContent { width:100%; }



/* MENU PRINCIPAL Y TOOLBAR */
#mainMenu{ float:left; background:#A2176E; margin:0px; padding:0px; width:770px; 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}
#navMenu { float:left; margin:0px; padding: 0px; width:100%; height:25px; list-style:none; }
#navMenu li{ float:left; padding:4px 13px 0px 13px; }
#navMenu li a, #navMenu li a:hover, #toolbar li a{ text-decoration:none; color:#FFFFFF; }

#toolBar { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px;   width: 770px; padding:4px 0;overflow:auto; }
#toolBar .welcomeMessage { float:left; }
#toolBar .subMenuOptions { float:right; }
#toolBar .subMenuOptions ul { margin:0; padding:0;  }
#toolBar .subMenuOptions li { float:left; list-style:none; margin:0 10px; }
#toolBar a, .toolboxInFrameLink  { text-decoration:none!important; color:#A2176E !important;  }




#infoContent { margin:0; padding:10px }
#infoContentNoPadding { margin:0; padding:10px }

/* MENSAJE DE ALERTA AL NO ENCONTRAR INFORMACION DE UN HOTEL */
.HotelNoAvailableAlert  { background-color:#FFFFEC; border:1px solid #FFCC99; color:#FFCC66; padding:20px; width:300px; margin:50px 0 50px  150px; }

.txtMainTitlePage {}
.clearboth { clear:both; }

/****************************/
/* ESTILO PARA TABS STANDARDS */
/****************************/
.tabsStandarContainer { background-color:#93B7DF; padding:5px 5px 0 5px;  float:left; width:100%  }
.tabsStandarContainer ul { list-style-type:none; margin:0px; padding:0px; float:left; }
.tabsStandarContainer li { margin:0; padding:0; background-color:#E8F5FF; float:left; margin-right:5px; }
.tabsStandarContainer li a { color:#A2176E; display:block;  padding:5px 20px 5px 20px; text-decoration:none; }
.tabsStandarContainer li a.active { background-color:#FFF; }


/* ******************** */
/* Estilo Menu Superior */
/* ******************** */
#HeaderMenu { background-color: #C43B35; padding:5px 10px; font-family:Arial; }
#HeaderMenu ul { margin:0; padding:0; list-style:none; }
#HeaderMenu ul li { display:inline;	margin-right:20px; }
#HeaderMenu ul li a:link,  #HeaderMenu ul li a:visited { color:#FFFFFF; text-decoration:none; }


/* ESTILOS PARA MI PERFIL / MIS VIAJES */

#divPortalGroup { width: 170px }
#lnkGroupReservation { display:block; margin:0; padding:10px; background-color: #A2176E; color: #FFF;}
#dgMembers td a{ display:block; background-color:#FFF; margin-top:1px; padding:4px 8px }
#dgMembers .dgPager td {display:block; text-align:right; background-color:none; }
#dgMembers .dgPager td a {display:inline; background-color: #FFF6F0; }

.bgCellRed td {  padding:2px; background-color: #FFEBE5;margin:2px 0; border-bottom:1px solid #C00;border-top:1px solid #C00 }
.bgCellYellow td {  padding:2px; background-color: #FFFFE5;margin:2px 0; border-bottom:1px solid #FFE47A;border-top:1px solid #FFE47A }
.bgCellGreen td { padding:2px; background-color: #F2FFCC;margin:2px 0; border-bottom:1px solid #CCFF99;border-top:1px solid #CCFF99}
.bgCellGrey50 td { background-color: #f0f0f0; padding:2px; margin:2px 0; border-bottom:1px solid #ccc;border-top:1px solid #ccc}


.bgCellRed,.bgCellRed td {  padding:2px; background-color: #FFEBE5;margin:2px 0; border-bottom:1px solid #C00;border-top:1px solid #C00 }
.bgCellYellow, .bgCellYellow td {  padding:2px; background-color: #FFFFE5;margin:2px 0; border-bottom:1px solid #FFE47A;border-top:1px solid #FFE47A }
.bgCellGreen, .bgCellGreen td { padding:2px; background-color: #F2FFCC;margin:2px 0; border-bottom:1px solid #CCFF99;border-top:1px solid #CCFF99}
.bgCellGrey50, .bgCellGrey50 td { background-color: #f0f0f0; padding:2px; margin:2px 0; border-bottom:1px solid #ccc;border-top:1px solid #ccc}
#dgReservations {border-collapse:collapse}

#divPortalGroup { width: 170px }
#lnkGroupReservation { display:block; margin:0; padding:10px; background-color: #A2176E; color: #FFF;}


#dgMembers .dgPager td {display:block; text-align:right; background-color:none; }
#dgMembers .dgPager td a {display:inline; background-color: #FFF; margin-top:1px; 
padding:4px 8px}



