/* *************************************************** */
/*      Maple theme for JBoss Portal                   */
/*      Author: Mark Fernandes                         */
/* *************************************************** */

.texto {
	color:#616156;
	font-family:Arial;
	font-size:12px;
}

.rayita {
	background-image: url('/files/rayita.png');
	background-repeat:no-repeat;
	height:25px;
	position:relative;
}

#cuadro {
   background-image: url('/files/recuadro1.png');
   background-repeat:no-repeat;
   height:100%;
}

a.pie_menu {
   color: #004c7a; 
   text-decoration: none;
}

a.pie_menu:hover {
   color: #87868C;
   text-decoration: none;
}

.preliminar {
   color:#FFFFFF;
   font-family:Arial;
   /*font-weight:bold;*/
   font-size: 9px;
}

a.titulos_ultimas_noticias:hover {
	font-size: 9px;
	font-weight: bold;
	color: #3e71d7;

}

a.link_organigrama {
   color: #1c4fb5;
   text-decoration: none;
}

a.link_organigrama:hover {
   color: #3e71d7;
   text-decoration: none;
}

a.link_buscador {
   color: #black;
   text-decoration: none;
}

a.link_buscador:hover {
   color: #1c4fb5;
   text-decoration: none;
}

.formulario_busqueda {	
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Arial;
	font-size: 10px;
	/*color: #FFFFFF;*/
	border: 0px;
	background-color: transparent;
	/*font-style: normal;*/
	font-weight: bold;
}

.formulario_busqueda_avanzada {	
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Arial;
	font-size: 10px;
	/*color: #FFFFFF;*/
	border: 0px;
	background-color:#FFFFFF;
	/*font-style: normal;*/
	font-weight: bold;
}

/*.formulario_buscador {	*/
.barsearchbutton {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Arial;
	font-size: 9px;
	/*color: #FFFFFF;*/
	/*background: url( images/boton_login.png);*/
	border: 1px solid #999999;
	/*background-color: transparent;*/
	background-color:#999999;
	/*font-style: normal;*/
	font-weight: bold;
}

#LineaBuscador{
/*background-color:#800517;*/
   background-color:black;
   width: 100%;
   height:2px;
   background-position:top;
   z-index: 1;
	margin-bottom: 0px;
	display:block;
}

#ancho_tabla {
	width:990px;
}

/* Google Chrome hack */
body:nth-of-type(1) #ancho_tabla {
     /* Propiedades para Google Chrome */
	 width:990px;
}


/* Safari hack */  
body:first-of-type #ancho_tabla {
      /* Propiedades para Safari */ 
	  width:990px;
}

.titulos_principal {
	color:#616156;
	font-weight:bold;
	font-family:Arial;
	font-size:16px;
}
.pie{
	font-size: 9px;
	font-weight: bold;
	color: #5f5f5f;
}

.pie:hover{
	font-size: 9px;
	color: #5f5f5f;
}

.sin_datos{
	color: red;
	font-size: 16px;
}

.menu_desplegable{
	font-size: 16px;
}

.titulos_ultimas_noticias{
	font-size: 9px;
	font-weight: bold;
	color: #6d6e71;

}

.titulo_datos_agenda{
	font-size: 9px;
	font-weight: bold;
	color: #6d6e71;

}

.titulo_galeria_video{
	font-size: 9px;
	font-weight: bold;
	color: #6d6e71;

}

.datos_agenda{
	font-size: 12px;
	color: #6d6e71;

}

.bloque_description_noticias{
	color: #6d6e71;
	width: 98%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	overflow: auto;
	stepper-size: 3px;
	slider-width: 3px;
	scrollbar-base-color: 660000;
	scrollbar-arrow-color: 660000;
	scrollbar-3dlight-color: 660000;
	scrollbar-darkshadow-color: 660000;
	scrollbar-face-color: #C1C1C1;
	scrollbar-highlight-color: #E8E8E8;
	scrollbar-shadow-color: #E8E8E8;
	scrollbar-track-color: #E8E8E8;
}


.titulos_ultimas_noticias:hover{
	font-size: 9px;
	color: #ffffff;

}

.texto_ultimas_noticias{
	font-size: 9px;
	color: #5f5f5f;
}
.noticias_tabla{
	width: 100%;
}


.utmap_img_subrayado{
	width: 260px;
}
.cajas_noticias {
 	border: 2px;
	border-bottom-color: gray;
}

.cajas_noticias:hover{
     color:#ffffff;    
     background-color:#CCCCCC;
}  

.foto_chica {
	border-color:#404040;
	border-width:1px;
	border-style:Solid;
	height:35px;
	width:35px;
}

#imgProyecto1{
   background: url( images/2.jpg);
	width: 90%;
   background-repeat: no-repeat;
   height: 100px;
   z-index: 1;
   right: 0px;
   top: 0px;
}
#imgProyecto2{
   background: url( images/3.jpg);
	width: 90%;
   background-repeat: no-repeat;
   height: 100px;
   z-index: 1;
   right: 0px;
   top: 0px;
}
#imgProyecto3{
   background: url( images/4.jpg);
	width: 90%;

   background-repeat: no-repeat;
   height: 100px;
   z-index: 1;
   right: 0px;
   top: 0px;
}
#imgOrganismo1{
   background: url( images/5.jpg);
	width: 0px;
   height: 100px;
   z-index: 1;
   background-repeat: no-repeat;
   right: 0px;
   top: 0px;
}

.logo_organismo{
   height: 50px;	
}

#imgOrganismo2{
   background: url( images/6.jpg);
	width: 0px;
   height: 100px;
   z-index: 1;
   background-repeat: no-repeat;
   right: 0px;
   top: 0px;
	
}
#imgOrganismo3{
   background: url( images/7.jpg);
   width: 0px;
   height: 100px;
   z-index: 1;
   background-repeat: no-repeat;
   right: 0px;
   top: 0px;
}

/*#copy{
	color: #6d6e71;
      font-size:9px;
      font-family:Verdana,Helvetica;
      background:#E6E6E6;  
}*/

#copy{
	color: #6d6e71;
      font-size:10px;
      font-family:Verdana,Helvetica;
      background:#E6E6E6;
	  height:inherit;
}

#copypie{
	color:#4abef9;/*#00047d;*/
      font-size:10px;
      font-family:Verdana,Helvetica;
      background:#FFFFFF;
	
font-weight:bold;

}

.botonutmap{
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
       /* background:#939393;*/
	background:#5D8AC2;
        border:0px;
        width:80px;
        height:19px;
}

.utmapbutton{
        font-size:12px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
       /* background:#939393;*/
	background:#5D8AC2;
	vertical-align:middle;
        border:0px;
        width:120px;
        height:24px;
}
.titulos_cms{
	font-size: 18px;
	font-weight: bold;
	color:  #6d6e71;

}

.cms_utmap{
	width: 92%;
	text-align: left;
	margin-left: 25px;
	margin-right: 1px;
	margin-top: 5px;
	
	overflow: auto;
	overflow-x:hidden;
	stepper-size: 3px;
	slider-width: 3px;
	scrollbar-base-color: 660000;
	scrollbar-arrow-color: 660000;
	scrollbar-3dlight-color: 660000;
	scrollbar-darkshadow-color: 660000;
	scrollbar-face-color: #C1C1C1;
	scrollbar-highlight-color: #E8E8E8;
	scrollbar-shadow-color: #E8E8E8;
	scrollbar-track-color: #E8E8E8;
}

.bloque_description{
	width: 50%;
	align:justify;
	margin-left: 25px;
	margin-right: 1px;
	margin-top: 15px;
	height: 390px;
	overflow: auto;
	stepper-size: 3px;
	slider-width: 3px;
	scrollbar-base-color: 660000;
	scrollbar-arrow-color: 660000;
	scrollbar-3dlight-color: 660000;
	scrollbar-darkshadow-color: 660000;
	scrollbar-face-color: #C1C1C1;
	scrollbar-highlight-color: #E8E8E8;
	scrollbar-shadow-color: #E8E8E8;
	scrollbar-track-color: #E8E8E8;
}

.cms_title_utmap {
   font-family: Arial;
   font-size: 20px;
   font-weight: 800;
   color: #6d6e71;
   margin-top: 10px;
}

.center{
	height: 100%;
}

.cms_negrita_utmap {
   font-family: Arial;
   font-size: 24px;
   font-weight: 600;
   margin-top: 10px;
}

.cms_fondo_gris_claro_utmap {
   background-color: #d1d2d4;
   font-family: Arial;
   font-size: 15px;
   margin-top: 10px;
   text-align: right;
   width: 90%;
}

.cms_normal_utmap {
   color: #596874;
   font-family: Arial;
   font-size: 15px;
   margin-top: 10px;
   text-align: justify;
   width: 90%;
}

.title_utmap {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 26px;
   font-weight: 500;
   color: #596874;
   margin-top: 10px;
}

.header_utmap{
	background-color: silver;	
	color: aqua;
}
.sub_title_utmap {
   text-align: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: 500;
   color: #596874;
   margin-right: 25px;
}

#tickerContent {
  position: relative;
  width: 90%; 
  height: 100px;
  overflow: hidden;
}

.content_utmap {
   text-align: justify;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: 100;
   color: #000000;
   margin-right: 5px;
}

.image_utmap {
	margin-left: 50px;
	text-align: center;
	border: 0px;
	width: 0px;
}

.formulario {	
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Arial;
	font-size: 9px;
	/*color: #FFFFFF;*/
	border: 1px solid #999999;
	background-color: transparent;
	/*font-style: normal;*/
	font-weight: bold;
}

.titulo_login {	
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Arial;
	font-size: 9px;
	color:#333333;
	/*font-style: normal;*/
	/*text-shadow:Gray;*/
	font-weight: bold;
}

#login_utmap{
	background: url( images/boton_login.png);
	width: 100%;
	height:100%;
	align:left;
	
   vertical-align: bottom;
	z-index: 0;
      background-repeat: repeat-x;
	right: 0px;
      top: 0px;
}
/*
#login_utmap{
	background: url( images/boton_login.jpg);
	width: 100%;
	height: 25px;
       vertical-align: bottom;
	z-index: 0;
       background-repeat: repeat-x;
	right: 0px;
       top: 0px;
 color: #596874;
}
*/
.normal_vertical_menu_utmap{
   background: url( images/verticalMenuOption.png);
   width: 166px;
   height: 35px;
   z-index: 1;
   background-repeat: no-repeat;
   right: 0px;
   top: 0px;
   vertical-align: middle;
   color: #213454;
   text-align: center;
   margin-left: 4px

}
/*.normal_vertical_menu_utmap{
	border: 0px;
	font-weight:bold;
	font-size:12px; 
	background:  #EE1C23; 
	color: #E6E6FA; 
	height:25px; 
	width:130px;
	vertical-align: middle;
	text-indent: 20px;
	width:130px;
	margin-bottom: 4px;
	margin-left: 2px;
}*/


/*.login_vertical_menu_utmap{
	border: 0px;
	font-size:12px; 
	background:  gray; 
	color: #E6E6FA;
	height:25px; 
	vertical-align: middle;
	text-indent: 20px;
	width:130px;
	margin-bottom: 4px;
	margin-left: 2px;  
	width:130px;
}*/

.login_vertical_menu_utmap{
   background: url( images/gris.png);
   width: 166px;
   height: 33px;
   z-index: 1;
   background-repeat: repeat;
   right: 0px;
   top: 0px;
   vertical-align: top;
   margin-left: 4px;
   /*color:#213454;*/
   color:#CCCCCC;
text-align: center;
}

.child_vertical_menu_utmap{
/*	color: #5F5F5F;*/
	color:gray;

}



#body {
   background-color: #CCCCCC;
   height: 100%;
   width:100%;
   margin: 0px;
   padding: 0px;
   font-family: Arial;
   font-size: 12px;
}

/*****************
* Portal Header  *
******************/

/* spacer to keep header at certain width regardless of display size
done to avoid overlapping of tab navigation in header */
#spacer {
   line-height: 0px;
   font-size: 0px;
   height: 0px;
   min-width: 80%;
}

/* Wrapper for Header */
#header-container {
   background-image: url( images/header.gif );
   background-position: right top;
   background-repeat: repeat-x;
   height: 100%;
   width: 100%;
}


#Celeste{
   background-color:#548AC2;
   width: 100%;
   height: 80px;
   z-index: 1;
   right: 0px;
   top: 0px;
}


#CelesteOscuro{
   background-color:#33607D;
   filter:alpha(opacity=80);
   opacity: 0.8;
   -moz-opacity:0.8;
   width: 100%;
   height: 3px;
   z-index: 1;
   right: 0px;
   top: 0px;
}

#Oscuro{
   Background-color:#54534A;
   filter:alpha(opacity=70);
   opacity: 0.7;
   -moz-opacity:0.7;
   width: 100%;
   height: 50px;
   z-index: 1;
   position: inherit;
   right: 0px;
   top: 0px;
}

#LineaPiePagina{
/*   background-color:#800517;*/
   background-color:black;
   width: 100%;
   height:1px;
   z-index: 1;
	margin-bottom: 0px:
}


#Blanco{
   Background-color:white;
   width: 100%;
   height: 40px;
   z-index: 1;
   position: inherit;
   right: 0px;
   top: 0px;
}

.fondo_azul{
   background-image:url(/files/fondo_azul2.png); 
   height:100px;
   background-position:center;
   /*width:auto;*/
   /*padding-top:0px;;*/
   /*z-index: 0;
   position:inherit;
   top:0;
   left:0;*/
   /*background-attachment:inherit;*/
   background-repeat:no-repeat;
}

#logo {
   /*background-image: url( /files/logo3.png );*/
   background: url(/files/logo3.png) no-repeat ;
   /*background-position:right;*/
   /*background-repeat:no-repeat;
   background-attachment:scroll;*/
   /*background-color: transparent;*/
   /*background-attachment:inherit;*/
   width: 192px;
   height: 115px;
   /**margin: 0 0 0 0;*/
   /**margin-right:0%;*/
   /**margin-left:0%;*/
   /*padding-left:7%;
   *padding-left:-50%;*/
   /**padding-right:0%;*/
   /*margin: auto;*/
   /**right: 0%;*/
   /**padding: 0 0 0 0;*/
   /*display:inherit;
   /**left: 550px;*/
   /**right: 0%;*/
   top: 30px;
   position:absolute;
   /**position:static;*/
   z-index:1;
   
}

#Azul_left{
   background-image: url( images/fondo_azul.jpg);
   background-repeat: repeat-x;
   width: 100%;
   height: 100px;
   position: relative;
   right: 0px;
   top: 0px;
}

#Azul_left_corner{
   background-image: url( images/fondo_azul_left_corner.jpg);
   background-repeat: repeat-x;
   width: 5px;
   height: 100px;
   position: relative;
   right: 0px;
   top: 0px;
}

#Azul_right{
   background-image: url( images/fondo_azul_right.jpg);
   background-repeat: repeat-x;
   width: 100%;
   height: 140px;
   position: relative;
   right: 0px;
   top: 0px;
	vertical-align: middle;

}

#Azul_right_corner{
   background-image: url( images/fondo_azul_right_corner.jpg);
   background-repeat: repeat-x;
   width: 100%;
   height: 140px;
   position: relative;
   right: 0px;
   top: 0px;
	vertical-align: middle;

}

#Negro{
   /*background-image: url( images/fondo_negro.jpg);*/
   background-image: url( /files/gris2.png);
   background-repeat: repeat-x;
   width: 1024;
   height: 57px;
   position: relative;
   right: 0px;
   top: 0px;
}

#Negro_left{
   background-image: url( images/fondo_negro_left.jpg);
   background-repeat: repeat-x;
   width: 100%;
   height: 60px;
   position: relative;
   right: 0px;
   top: 0px;
}

#Negro_right{
   background-image: url( images/fondo_negro_right.jpg);
   background-repeat: repeat-x;
   width: 5px;
   height: 60px;
   position: relative;
   right: 0px;
   top: 0px;
}
#tramite {
   background-image: url( images/LogotramiteAgil.gif );
   background-repeat: repeat-x;
   width: 70%;
   height: 100px;
   right: 0px;
   top: 0px;
}

#republica {
   background-image: url( images/republica.gif );
   background-repeat: repeat-x;
   width: 200px;
   height: 100px;
   position: relative;
   right: 0px;
   top: 0px;
}
/************************
* Portal Layout Regions *
*************************/

/* wrapper for entire portal. starts/ends after/before body tag */
#portal-container {
   height: 100%;
   /*margin: 4px 9% 0 9%;*/
}

#fondo{
	position:absolute;
	z-index:-5;
	top:0;
	left:0;
	width:100%;
	height:100%; 
}

#expander {
   position: relative;
	width: 100%;
   height: 100%;
}

#impulsamos {
	margin-left:5px;
	font-family:Arial;
	font-size:14px;
	text-shadow:Gray;
	font-weight:bold;
	color:#666666;
}

/* end IE min-width hack */

/* table that contains all regions. does not include header */
#content-container {

   height: 100%;
   text-align: left;
   min-width: 800px;
 
}

/* Login JSP Selectors */
#login-container {
   position: relative;
   left: 34%;
   top: 55px;
   right: 50%;
   width: 320px;
   height: 250px;
   margin: 0px;
}

#login-container label, #login-container input {
   display: block;
   float: left;
   width: auto;
   margin-top: 15px;
   color: #E4EECC;
}

#login-container input {
   color: #000;
}

#login-container label {
   text-align: right;
   padding-right: 20px;
   width: 95px;
}

#login-container br {
   clear: left;
}

#login-container fieldset {
  background-color: transparent;
}

#login-container legend {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
}

#loginForm {
   margin: 0px;
   padding: 0px;
}

/* end Login Page Selectors */

/* portlet regions within content-container. this includes footer-container. */
#regionA {
   /* test to swap columns...
    float: right; 	*/

   width: 30%;
   float: left;
   margin: 0px;
   padding: 0px;
   min-width: 250px;
}

#regionB {
   /* test to swap columns..
     margin: 0 30% 0 0; */

   /*two column layout
margin: 0 0 0 30%;*/
   padding: 0px; /* test to add 3rd region in layout...*/
   width: 68.5%;
   float: left;
}

#regionC {
/* inclusion of 3rd region - comment out for 2 region testing */
   padding: 0px;
   margin: 0px;
   width: 28%;
   float: left; /*hide 3rd region*/
   display: none;
}

#footer-container {
   position: absolute;
   bottom: -45px;
   text-align: center;
   width: 99.5%;
}

#navigation-container {
}

/* used to clear float in regionA,B,C divs so that
footer spans bottom of page */
/* used to clear float in regionA,B,C divs so that
footer spans bottom of page */
hr.cleaner {
   clear: both;
   height: 1px;
   margin: -1px 0 0 0;
   padding: 0;
   border: none;
   visibility: hidden;
}

/****************************
* Tab Navigation for Header *
*****************************/

div#navigation {
   position: absolute;
   top: 0px;
   width: 100%;
   height: 32px;
}

ul#tabsHeader {
   list-style: none;
   margin: 0 0 0 0;
   padding: 0;
   position: inherit;
   text-align:left;
   bottom: 0px;
   left: 0;
   width:135px;
  /* min-width: 550px;*/
   z-index: 1;
}

* html ul#tabsHeader {
   list-style: none;
   margin: 0 0 0px 0;
   padding: 0;
   position: absolute;
   bottom: 0px;
   left: 0;
   z-index: 10;
}

ul#tabsHeader li {
   display: inline;
   float: left;
   color: #CCCCCC;
   font-family: Arial;
   font-size: 16px;
   margin: 0 1px 0 1px;
   position: relative;

}

ul#tabsHeader li,
   ul#tabsHeader li#current {
   background-position: top right;
   background-repeat: no-repeat;
}

ul#tabsHeader li a {
   background-position: top left;
   background-repeat: no-repeat;
   padding: 5px 25px 0 5px;
   /*padding: 5px 30px 0 5px;*/
   /**padding: 5px 61px 0 5px;*/
   *padding: 5px 25px 0 5px;
   display: block;
   height: 29px;
   color:#FFFFFF;
   font-weight: bold;
   width: 55px;
   white-space: nowrap;
}

/* Google Chrome hack */
body:nth-of-type(1) ul#tabsHeader li a {
     /* Propiedades para Google Chrome */
	 /*padding: 5px 61px 0 5px;*/
	 padding: 5px 25px 0 5px;
}


/* Safari hack */  
body:first-of-type ul#tabsHeader li a {
      /* Propiedades para Safari */ 
	  /*padding: 5px 61px 0 5px;*/
	  padding: 5px 25px 0 5px;
} 

ul#tabsHeader li#current a {
   background-position: top left;
   background-repeat: no-repeat;
   /*padding: 5px 30px 0 15px;
   *padding: 5px 61px 0 15px;*/
   padding: 5px 25px 0 15px;
   *padding: 5px 25px 0 15px;
   display: block;
   height: 29px;
   font-weight: bold;
   white-space: nowrap;
}

/* Google Chrome hack */
body:nth-of-type(1) ul#tabsHeader li#current a {
     /* Propiedades para Google Chrome */
	 /*padding: 5px 61px 0 15px;*/
	 padding: 5px 45px 0 15px;
}


/* Safari hack */  
body:first-of-type ul#tabsHeader li#current a {
      /* Propiedades para Safari */ 
	  /*padding: 5px 61px 0 15px;*/
	  padding: 5px 45px 0 15px;
} 

ul#tabsHeader li#current {
   background-image: url('images/cuadro4.png');
   background-repeat:no-repeat;
   width:135px;
   height:48px;
   background-position:center;
}

ul#tabsHeader li#current a {
   background-image: url('images/nav-active-left.gif');
   color: #616156; /*#87868C;/*#FFFFFF;*/
}

ul#tabsHeader li {
   background-image: url('images/nav-inactive-right2.gif');
}

ul#tabsHeader li a {
   background-image: url('images/nav-inactive-left.gif');
   color: #616156; /*#87868C;/*#FFFFFF;*/
}

/*Submenus*/

/* Begin Submenu selectors */
ul#tabsHeader ul {
   visibility: hidden;
   position: absolute;
   height: 0;
   top: 0px;
   left: 0;
   width: 160px;
   text-align: left;
   margin: 0px;
   padding: 0px;
   margin-top: 28px;
}

ul#tabsHeader ul a {
   text-decoration: none;
   font-size: 11px;
   font-family: Arial,sans-serif;
   font-weight: normal;
   color: #5078aa;
   background-image: none;
}

ul#tabsHeader ul a:hover {
   font-size: 11px;
   font-family: Arial;
   font-weight: normal;
   color: #5078aa;

}

ul#tabsHeader #current ul a {
   font-size: 11px;
   font-family: Arial;
   font-weight: normal;
   color: #5078aa;
   background-image: none;
}

ul#tabsHeader li:hover ul,
   ul#tabsHeader a:hover ul {
   visibility: visible;
}

ul#tabsHeader ul li {
   background: #DFE8ED;
   color: #5078aa;
   padding: 3px;
   width: 160px;
   list-style: none;
   border: 1px solid #98b7c6;
   border-width: 0px 1px 1px 1px;
   background-image: none;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
}

ul#tabsHeader ul li#current ul li {
   background-image: none;
}

ul#tabsHeader ul li:hover {
   background: #C0D3DC;
}

ul#tabsHeader li:hover {
   background-image: url('images/cuadro4.png');
   background-repeat:no-repeat;
   width:135px;
   height:48px;
   background-position:center;
   text-align:left;
}

/* End Submenu selectors */

/* -------- These are new selectors for the admin and add page styles ------- */

ul#tabsHeader #admin {
   display: inline;
   background-image: url(images/tab_right_admin.gif);
   background-repeat: no-repeat;
   background-position: right top;
   padding-top: -3px;
   line-height: 22px;
}

ul#tabsHeader #admin a {
   text-decoration: none;
   color: #4386b5; /*   background-image: url(../images/tab_left_admin.gif);*/
   background-repeat: no-repeat;
   background-position: top left;
   white-space: nowrap;
   padding-top: -3px;
   line-height: 22px;
}

ul#tabsHeader #admin a:hover {
   text-decoration: underline;
}

ul#tabsHeader #addpage {
   display: inline;
   background-color: transparent;
   margin-bottom: -3px;
   padding-top: 1px;
}

ul#tabsHeader #addpage a, #addpage a:hover {
   font-size: 11px;
   font-family: Arial;
   font-variant: normal;
   font-weight: bold;
   color: white;
   line-height: 22px;
   background-image: none;
   white-space: nowrap;
}

ul#tabsHeader #addpage a:hover {
   text-decoration: underline;
}

/* Tab background color for selected global nav item */
li.currentTabBackground {
   background: #fff;
}

/* backslash hack for IE5-Mac \*/
ul#tabsHeader a {
   float: none;
}

/* End Mac Hack */
html>body ul#tabsHeader a {
   width: auto;
}

/* fixes IE6 win hack */

/***************************
*  Utility Navigation  *
*****************************/

#dashboardnav {
   font-size: 12px;
   font-weight: bold;
   color: #333333;
   z-index: 20;
}

#dashboardnav a {
   color: #E6E6FA; 
   font-style: italic;
}

#dashboardnav .addcontent {
   background-image: url( images/ico_addcontent.gif );
   background-repeat: no-repeat;
   background-position: left;
   height: 20px;
   width: 20px;

}

/****************************
* Portlet Container Windows *
*****************************/

.portlet-container {
	width: auto;
	height: auto;
}

.portlet-titlebar-title {
   background-image: url( images/portlet-win-decoration.gif );
   background-repeat: no-repeat;
   background-position: right;
   float: right;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #575757;
   text-align: left;
   padding-right: 10px;
   margin: 0px;
   top: 0px;
}

.portlet-titlebar-decoration {

}

/* wrapper for floating portlet window modes */
.portlet-mode-container {
   float: right;
   height: 0px;
}

.portlet-titlebar-left {
}

.portlet-titlebar-center {
}

.portlet-titlebar-right {
}

.portlet-content-left {
}

.portlet-content-right {
}

.portlet-content-center {
   vertical-align: top;
   font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   font-size: 11px;
}

.portlet-body {
   /*filter:alpha(opacity=85);
   opacity: 0.85;
   -moz-opacity:0.85;*/
	/*	border: solid; */
	/*border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-color: red;*/
    	/*background-color:transparent;*/
	/*background-image:url(images/transpBlack10.png);*/
	/*color:white;*/
	padding-top: 0px;
  	padding-bottom: 15px;
	margin-bottom: 15px;
	height: 100%;
	
}

/*
.portlet-body {
   /*filter:alpha(opacity=85);
   opacity: 0.85;
   -moz-opacity:0.85;
	border: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-color: #ffffff;
    	background-color:transparent;
	background-image:url(images/transpBlack10.png);
	color:white;*/
	/*padding-top: 0px;
  	padding-bottom: 15px;
	margin-bottom: 15px;
	height: 100%;
	
}
*/

.portlet-footer-left {
}

.portlet-footer-center {
}

.portlet-footer-right {
}

/***********************
* Portlet Window Modes *
************************/
.portlet-mode-maximized {
	width: 0px;
}

.portlet-mode-minimized {
	width: 0px;
}

.portlet-mode-normal {
	width: 0px;
}

.portlet-mode-admin {
	width: 0px;
}

.portlet-mode-help {
	width: 0px;
}

.portlet-mode-edit {
	width: 0px;
}

.portlet-mode-remove {
	width: 0px;
}

.portlet-mode-view {
	width: 0px;
}

.portlet-mode-reload {
	width: 0px;
}

/**********************
* Copyright Selectors *
***********************/
.portal-copyright {
   font-weight: normal;
   text-align:center;
   font-family: "Monotype Corsiva", Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 15px;
   color: #003366;
}

a.portal-copyright {
   color: #E4EECC;
   text-decoration: none;
}

a.portal-copyright:hover {
   color: #9F625D;
   text-decoration: none;
}


/*************
*  Elements  *
**************/
a {
   color: #5f5f5f;
   text-decoration: none;
}

a:hover {
   color: #87868C;
   text-decoration: none;
}

INPUT {
   font-family: Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   color: #000;
}

SELECT {
   font-family: Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   color: #000;
}

FONT {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000;
}

FIELDSET {
   background-color: transparent;
   border: 1px solid #BABDB6;
   padding: 6px;
}

LEGEND {
   background-color: transparent;
   padding-left: 6px;
   padding-right: 6px;
   padding-bottom: 0px;
   font-size: 13px;
}

/* below 3 selectors overwrite inline styles for page menu portlet */
#foldheader {
   list-style-image: url( images/bullet.gif );
   vertical-align: middle;
   cursor: pointer;
   margin-left: -10px;
}

#foldinglist {
   margin-left: 10px;
   list-style-position: outside;
   margin-left: -10px;
}

#pagenosub {

   margin-left: -10px;
   vertical-align: middle;
}

/********
* FONTS *
*********/

/* Font attributes for the normal  fragment font.
Used for the display of non-accentuated information */
.portlet-font {
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

/* Font attributes similar to the portlet.font but the color is lighter */
.portlet-font-dim {
   color: #87868C;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

/********
* FORMS *
*********/
.portlet-form-label {
   color: #000;
   text-decoration: none;
   font-size: 12px;
   font-weight: bold;
}

/* Text of the user-input in an input field. not sure if we need this guy? */
.portlet-form-input-field {
   color: #000;
   font-size: 12px;
   border-color: #000000;
   border-style: solid;
   border-width: 1px;
   background-color: #D8E2C3;
}

/* Text on a form button */
.portlet-form-button {
   font-size: 12px;
   color: #000000;
}

/* Text that appears beside a context dependent action icon */
.portlet-icon-label {

}

/* Text that appears beside a "standard" icon (e.g Ok, or Cancel)
not sure if we need this one?.. */
.portlet-dlg-icon-label {

}

/* Text for form field labels */
.portlet-form-field-label {
   font-family: Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   color: #000;
   vertical-align: bottom;
}

/* Text for a form field */
.portlet-form-field {
   font-family: Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   color: #000;
}

/********
* LINKS *
*********/

.portal-links:link {
   font-family: Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #9F625D;
   text-decoration: none;
}

.portal-links:hover {
   font-family: Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #87868C;
   text-decoration: none;
}

.portal-links:active {
   font-family: Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #000;
   text-decoration: none;
}

.portal-links:visited {
   font-family: Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #B5C3A9;
   text-decoration: none;
}

/***********
* MESSAGES *
************/

/* Status of the current operation. */
.portlet-msg-status {
   font-family: Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   color: #95A490;
}

/* Help messages, general additional information, etc. */
.portlet-msg-info {
   font-family: Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-style: italic;
   color: #000;
}

/* Error messages. */
.portlet-msg-error {
   color: red;
   font-family: Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-weight: bold;
}

/* Warning messages. */
.portlet-msg-alert {
   font-family: Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #9F625D;
}

/* Verification of the successful completion of a task. */
.portlet-msg-success {
   font-family: Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #705130;
}

/********
* MENUS *
*********/

/*General menu settings such as background color, margins, etc. */
.portlet-menu {

}

/* Normal, unselected menu item. */
.portlet-menu-item {
   color: #9F625D;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.portlet-menu-item:hover {
   color: #87868C;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

/* Selected menu item. */
.portlet-menu-item-selected {

}

/* Selected menu item when the mouse hovers over it. */
.portlet-menu-item-selected:hover {

}

/* Normal, unselected menu item that has sub-menus. */
.portlet-menu-cascade-item {

}

/* Selected sub-menu item that has sub-menus */
.portlet-menu-cascade-item-selected {

}

/* Descriptive text for the menu (e.g. in a help context below the menu) */
.portlet-menu-description {

}

/* Menu caption */
.portlet-menu-caption {

}

/* ===== WSRP 2.0 - As of now proposed additions are:	===== */

/***********
* SECTIONS *
************/

/* Table or section header */
.portlet-section-header {
   font-weight: bold;
   font-size: 13px;
   border-bottom: dotted;
   border-bottom-width: 1px;
   border-bottom-color: #87868C;
   padding-top: 2px;
}

.portlet-section-body {
   font-size: 12px;
}

.portlet-section-alternate {
   font-size: 12px;
   background-color: #fff;
}

.portlet-section-selected {
   font-size: 12px;
   background-color: #D8E2C3;
}

.portlet-section-subheader {
   font-weight: bold;
   font-size: 12px;
}

.portlet-section-footer {
   font-size: 11px;
}

/* Text that belongs to the table but does not fall in one of the other categories
(e.g. explanatory or help text that is associated with the section. */
.portlet-section-text {
   font-size: 12px;
   color: #000;
   font-style: italic;
}

/*******************
* Table Selectors  *
********************/
/* Table header */
.portlet-table-header {
   font-weight: bold;
   color: #FFF;
   font-size: 13px;
   background-color: #95A490;
}

/* Normal text in a table cell */
.portlet-table-body {
   color: #000;
   font-size: 12px;
}

/* Text in every other row in the table */
.portlet-table-alternate {
   color: #000;
   font-size: 12px;
   background-color: #fff;
}

/* Text in a selected cell range */
.portlet-table-selected {
   color: #000;
   font-size: 12px;
   background-color: #D8E2C3;
}

/* Text of a subheading */
.portlet-table-subheader {
   font-weight: bold;
   color: #000;
   font-size: 12px;
}

/* Table footer */
.portlet-table-footer {
   font-size: 11px;
}

/* Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the table). */
.portlet-table-text {
   font-size: 12px;
   color: #000;
   font-style: italic;
}

/* A separator bar similar to a horizontal rule, but with styling matching the page */
.portlet-horizontal-separator {
   color: #9F625D;
   height: 1px;
}

/* Allows portlets to mimic the title bar when nesting something */
.portlet-nestedTitle-bar {

}

/* Allows portlets to match the textual character of the title on the title bar. */
.portlet-nestedTitle {

}

/* Support portlets having tabs in the same style as the page or other portlets */
.portlet-tab {

}

/* Highlight the tab currently being shown */
.portlet-tab-active {

}

/* Highlight the selected tab (not yet active) */
.portlet-tab-selected {

}

/* A tab which can not be currently activated */
.portlet-tab-disabled {

}

/* Top level style for the content of a tab. */
.portlet-tab-area {

}

