/*
-----------------------------------------------------------------------------
version:   1.0
date:      11/03/2008
author:    [Oscar Javier Varila - diseñador senior - Axesnet]
email:     [ovarila@axesnet.com]
website:   [www.incancerologia.gov.co]
project:	Incancerologico
-----------------------------------------------------------------------------


Estilos globales 
-----------------------------------------------------------------------------
*/

body{ margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../images/backGen.gif) repeat-x; }
img{border:none;}
ul{list-style:none;}
a {color:#000000; text-decoration:underline;}
a:hover, .link a:hover, .link:hover, .link1 a:hover, .link1:hover {text-decoration:underline; color:#f24100;}
*{ font-size: 13px; color:#2d2c2c; margin:0; padding:0;}
.whiteSpace{ font-size:10px; height:10px; }
.whiteSpace1{ font-size:6px; height:6px; }

/* Header o cabezote
-----------------------------------------------------------------------------*/

/*cabezote -------------------------------------------------*/
#cabezote{ width:944px; margin:0 auto; padding-top:23px;}
#pautaSup { background:url(../images/backPautaSup.gif) repeat-y; }
#pautaSupBot { width:944px; height:4px; font-size:4px; background:url(../images/back2PautaSup.gif) no-repeat;}



/*herramientas web*/
#iconHerra{ width:938px; margin:0 auto; padding:2px 0 !important; padding:5px 0; color:#6f807d; font-size:9px; }
#iconHerra a.inicio{ color:#f24100; font-size:9px; text-decoration:none; padding-right:13px;}
#iconHerra a.inicio:hover{ color:#18a058; font-size:9px; text-decoration:none;}
#iconHerra a{ color:#068e44; font-size:9px; text-decoration:none; line-height:22px;}
#iconHerra a:hover{ color:#f24100; font-size:9px; text-decoration:none;}


/* Menu superior
-----------------------------------------------------------------------------*/

#menuSup{width:936px; height:30px; margin:0px auto; padding:0px; border:#3ebb79 1px solid; background:url(../images/backMenuSup.gif) repeat-x; }
#menuSup .ïtemSelec{ color:#fff; font-size:20px; text-decoration:none;}
#menuSup ul{ margin: 0px; padding: 0px; }
#menuSup ul li{display: inline; float: left; list-style-type: none; margin: 0; padding: 4px 0; font-size:20px; color:#FFFFFF;}
#menuSup ul li a{font-size:20px; text-decoration:none; color:#fff; padding:0 40px;}
#menuSup ul li span.line{border-right:1px solid #fff; font-size:20px;}
#menuSup ul li:hover{ background:#0c964d; }
#menuSup ul li a:hover{color:#fff;}
.lihover{ background:#0c964d; color:#fff;
}


/* Footer o pie de pagina
-----------------------------------------------------------------------------*/

#creditos { width:938px; margin:0 auto; padding:10px 0px; border-top:#dbe1e3 1px solid;}
.creditos, .creditos span { color:#328072; font-size:12px;}
.logosCreditos {text-align:right; color:#ffffff;}
.logosCreditos img { vertical-align: middle;}


/* container
-----------------------------------------------------------------------------*/

#container{width:940px; margin:0px auto; padding:0px; }
#container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*columnas izquierda*/

#colIzq{width:211px; float:left; margin-right:8px; }

/*columnas centro*/

#colCen{width:500px; float:left; }
#colCen1{width:719px; float:left; }

/*columnas derecha*/

#colDer{width:211px; float:right; margin-left:8px; }
#colDerCont{float:right; margin-left:8px;}


/* Menu botones
-----------------------------------------------------------------------------*/

.boton{ width:211px; margin-bottom:5px; background:url('../images/fndBoton.gif') no-repeat; height:34px; }
.boton a{ font-size:11px; font-weight:bold; text-decoration:none; line-height:34px; color:#fff; padding-left:18px; background:url('../images/bulletBtn.gif') no-repeat 10px 5px; }
.boton a:hover{ text-decoration:underline; color:#fff; }


/* Menu izquierdo
-----------------------------------------------------------------------------*/

.menu{ width:207px; }
.menu ul{  margin: 0px; padding: 0px; width:207px; background:url('../images/fndMenu1Niv.gif') repeat-x #0c964d; }
.menu ul li{ margin: 0px; padding: 0px; line-height:16px; }
.menu ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.menu ul li .flechaMenu { width:13px; margin:0px; float:left;}
.menu ul li .item { width:185px; float:left; margin-top:3px;}
.menu ul li .esqui { width:6px; margin:0px; float:right; background:url('../images/izqMenu1Niv.gif') no-repeat;}
.menu ul li a{ text-decoration:none; font-size:13px; color:#fff; }
.menu ul li a:hover{ text-decoration:none; font-size:13px; color:#000;}
.imgMenuInf1Niv{ background:url('../images/infMenu1Niv.gif') no-repeat; width:207px; height:5px; font-size:4px; margin-bottom:2px; }
.submenu1{ width:207px; background-color:#f4fbe7; }
.submenu1 ul{ margin:0px; padding:0px; width:207px; }
.submenu1 ul li{ margin:0px; padding:7px 4px; width:199px; border-bottom:1px #fff solid;  }
.submenu1 ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.submenu1 ul li .flechaMenu { width:10px;  margin:4px 4px 0px 4px; float:left;}
.submenu1 ul li .item { width:180px; float:left;}
.submenu1 ul li a{ text-decoration:none; font-size:12px; color:#068e44; }
.submenu1 ul li a:hover{ text-decoration:none; font-size:12px; color:#000; }
.submenu2{ width:207px; background-color:#fbfef4; }
.submenu2 ul{ margin:0px; padding:0px; width:207px; }
.submenu2 ul li{ margin:0px; padding:7px 4px 7px 10px; width:193px; border-bottom:1px #fff solid;  }
.submenu2 ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.submenu2 ul li .flechaMenu { width:10px;  margin:4px 4px 0px 4px; float:left;}
.submenu2 ul li .item { width:174px; float:left;}
.submenu2 ul li a{ text-decoration:none; font-size:12px; color:#068e44; }
.submenu2 ul li a:hover{ text-decoration:none; font-size:12px; color:#000; }
.submenu3{	width:207px; background-color:#fff;}
.submenu3 ul{ margin:0px; padding:0px; width:207px;}
.submenu3 ul li{ margin:0px; padding:7px 4px 7px 15px; width:188px; border-bottom:1px #04c75d solid; }
.submenu3 ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.submenu3 ul li .flechaMenu { width:10px;  margin:4px 4px 0px 4px; float:left;}
.submenu3 ul li .item { width:169px; float:left;}
.submenu3 ul li a{ text-decoration:none; font-size:12px; color:#068e44;}
.submenu3 ul li a:hover{ text-decoration:none; font-size:12px; color:#000;}
.display { display: inherit;}

/* Cajas
-----------------------------------------------------------------------------*/

.cajaSup{background-image:url('../images/imgCajaSup.jpg'); background-repeat:no-repeat; width:184px; height:4px; font-size:3px;}
.cajaInf{background-image:url('../images/imgCajaInf.jpg'); background-repeat:no-repeat; width:184px; height:4px; font-size:4px; margin-bottom:4px;}
.caja{	background-image:url('../images/imgCajaFnd.jpg'); background-repeat:repeat-x; width:174px; padding:4px; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; background-color:#e7e7e7;}
.caja:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.caja2{	background-image:url('../images/imgCajaFnd.jpg'); background-repeat:repeat-x; width:166px; padding:8px; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; background-color:#e7e7e7;}


/* Buscador
-----------------------------------------------------------------------------*/
.buscador{ background:url(../images/fndBuscar.jpg) no-repeat; height:32px; padding:9px 6px 0px 9px;}
#div_sel_buscador_habitat{ width:124px; float:left;}
#div_sel_buscador_habitat input{ background:#fbfdf7; width:120px; border:1px solid #8fa29e; font-family:Verdana, Arial, Helvetica, sans-serif; color:#717171; font-size:10px; padding-left:3px;}
#buscar{width:70px; float:left;}
#buscar a{ font-size:12px; color:#01813b; text-decoration:none; line-height:17px;}
/*
#carga{ margin-top:-20px;}
#lista{margin-top:22px !important; margin-top:-7px;}
*/

/* Formas
-----------------------------------------------------------------------------*/

.combo{ border:1px solid #889c98; color:#333; font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#f5f5f5; width:174px;}
.comboPre{ border:1px solid #889c98; color:#333; font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#f5f5f5; width:300px;}
.cajaInput{ border:1px solid #889c98; color:#333; font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#f8f8f8; padding:2px; width:110px;}
.cajaInput2{ border:1px solid #889c98; color:#333; font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#fcfbfb; padding:2px;}


/* Zonas
-----------------------------------------------------------------------------*/
.titulos_zona { font-size: 14px; font-weight: bold; color: #666;}
.links_zonas, .vinculos li a {	font-size: 13px; text-decoration: none; color: #333;}
.vinculos{ padding:5px; background-color:#fff;}
.vinculos ul{ margin:0px; padding:0px;}
.vinculos li{margin:0px; padding-left:12px; background-image:url(../images/bullet2.gif); background-repeat:no-repeat;
background-position: 2px 10px; padding-top:3px; padding-bottom:3px;}
.verResultado{background-image:url('../images/cuadro_fondo2.gif'); text-align:right; margin-top:8px;}
.cajaZona {background-image:url('../images/fndZona.jpg'); background-repeat:repeat-y; width:174px; padding:0 18px;}
ul.zona{ margin:0; padding:0;}
ul.zona li{ background:url('../images/bullet.gif') no-repeat 0px 5px; line-height:16px; padding-left:10px;}
ul.zona li a{ font-size:13px; color:#000; text-decoration:none;}
.titZona{ background:url('../images/titZona.jpg') no-repeat; width:154px; height:32px; color:#227640; font-size:13px; font-weight:bold; padding:5px 5px 0 52px; }
.titZona span, .titDocu span{ color:#227640; }
.titDocu{ background:url('../images/titDocumento.gif') no-repeat; width:154px; height:27px; color:#227640; font-size:13px; font-weight:bold; padding:5px 5px 0 52px; }
.imgZonas {margin:0px; padding:0px; font-size:0px;}

/* Registro
-----------------------------------------------------------------------------*/
.tituloReg{ font-size: 18px; font-weight: bold; color: #f24100;}
.labelPos { font-size: 13px; color: #336699;}
.labelNeg { font-size: 13px; color: #d12f19;}
.labelReq{ font-size: 13px; color: #d12f19; text-align:center;}
.contentModal{ padding:10px;}
ul.registro{ margin:0; padding:0;}
ul.registro li{ background:url('../images/bullet.gif') no-repeat 0px 5px; line-height:16px; padding-left:10px;}

/* contenido
-----------------------------------------------------------------------------*/
.contentS{ background-color:#fff; padding:8px; border-left:1px solid #efefef; }
.shadow{ background-color:#e3e3e3;}
.blur{ background-color:#efefef; margin:2px 2px 0 2px; }
.contentS, .shadow{ position:relative; bottom:2px; right:2px; }
.texto { font-size:13px; color:#000000;}
.textoEnc { font-size:13px; color:#666;}
.titulo-noticia{ font-size: 17px; color: #f24100; text-decoration: none; font-weight:normal;}
#colCen1 h1 span, h1.titulo, h1.titulo span{ font-size: 15px; color: #f24100; text-decoration: none; padding:0px; margin:0px;}
h3{font-size: 16px; color: #000B1C; text-decoration: none; font-weight:normal; padding:2px; background-color:#f0f0f0; margin:4px 0px;}
h3 a{text-decoration: none; font-weight:normal; font-size: 15px; color: #000B1C;}
.content h1, #colCen1 h1{font-size: 15px; color:#f24100; text-decoration: none; padding:0px; margin-bottom:0px;}
.content h2{font-size: 16px; color: #00486f; text-decoration: none; font-weight:normal; margin:0px; padding:0px;}
.content h3, .content h3 p{font-size: 13px; color: #2d2c2c; text-decoration: none; font-weight:normal; }
.content h3 p strong {font-size: 13px; color: #2d2c2c; text-decoration: none; font-weight:bold; }
.content h3 p em {font-size: 13px; color: #2d2c2c; text-decoration: none; }
.content h3 ul {font-size: 13px; color: #2d2c2c; text-decoration: none;  padding-left:20px;}
.content h3 ul li {font-size: 13px; color: #2d2c2c; text-decoration: none; list-style-image:url(../images/icoBullet.gif);}
.content h3 ul li a {color:#000000; text-decoration:underline; font-size:13px;}
.content h3 ul li a:hover {color:#f24100; text-decoration:underline; font-size:13px;}
.content h3 a {color:#000000; text-decoration:underline; font-size:13px;}
.content h3 a:hover {color:#f24100; text-decoration:underline; font-size:13px;}
.texto-pequeno{font-weight: normal; font-size: 13px; color: #808080; text-decoration: none;}
.bordeTabla{ border-bottom:#e9f5d5 1px solid; margin-bottom:10px;}
h1.subTit{ font-weight:normal; margin-bottom:10px; font-size:14px; }
#modulo h1{ border-bottom:#e9f5d5 1px solid; margin-bottom:10px; font-size:17px;}
#modulo h3, #modulo h3 span{ font-size:15px; color: #000; background:none; font-weight:bold;}
.content h3{ background:none; padding:5px;}

/* principal
-----------------------------------------------------------------------------*/

.cajaPrincipal{ padding:10px; clear: both; background-color:#f1f1f1; }
.cajaPrincipal:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cajaPrincipal h1, .cajaPrincipal h1 a{font-size: 14px; color: #ab1a22; text-decoration: none; font-weight:bold; margin:0px; padding:0px; margin-bottom:15px;}
.cajaPrincipal h2, .cajaPrincipal h2 a{font-size: 14px; color: #f24100; text-decoration: none; font-weight:bold; margin:0px; padding:0px;}
.cajaPrincipal h2 a:hover, .cajaPrincipal h1 a:hover{font-size: 14px; color: #f24100; text-decoration: underline; font-weight:bold; margin:0px; padding:0px;}
.cajaPrincipal h3{font-size: 12px; color: #2d2c2c; font-weight:normal; margin:0px; padding:0px; line-height:16px;}
.fotoPrin{ float:left; margin-right:15px;}
.imagenPrincipal{border:1px solid #068e44; padding:1px;}


/* destacado
-----------------------------------------------------------------------------*/
.destacado{padding:12px;}
.destacado h1, .destacado h1 a{font-size: 13px; color: #f24100; text-decoration: none; font-weight:bold; margin:0px; padding:0px; margin-bottom:14px;}
.destacado h1 a:hover{font-size: 13px; color: #f24100; text-decoration: underline; font-weight:bold; margin:0px; padding:0px;}
.destacado h2{font-size: 16px; color: #02327a; text-decoration: none; font-weight:normal; margin:0px; padding:0px;}
.destacado h3, .destacado h3 p{font-size: 12px; color: #2d2c2c; font-weight:normal; line-height:16px; margin:0px; padding:0px; background:none;}
.imagenDestacado{border:1px solid #068e44; padding:1px;}
.fotoDes{margin:5px;}

/*calendario*/
.fondoEventoDia {/*background-color: #cedefe;*/ color:#068e44; text-decoration:none; font-size: 12px; font-weight:bold;}
#calendario a{ text-decoration:none; color:#999; font-size: 13px;}
#calendario a .links_zonas { font-size: 14px; text-decoration: none; color: #CB181F;}
.cajaCalendario{background-image:url('../images/imgCajaCal.jpg'); background-repeat:repeat-y; width:175px; padding:0 18px;}
.mes span{ font-size:13px; color:#37985a; text-align:center;}
.mes{ text-align:center; margin-bottom:4px; }
.mes a{ font-size:14px; color:#37985a; font-weight:bold; text-decoration:none;}
.texto-calendario-off{ font-size:12px; color:#dddddd;}
.dia {font-size:12px; color:#333; font-weight:bold; text-align:center;}
.textoanteriores { color:#717171;}
.tdBlanco { background-color:#ffffff;}
.tdLeft { text-align:left;}
.tdLeft span { visibility:visible;}
.tdRight { text-align:right;}
.divalignCenter { margin:0 auto;}
.numerocalendario { padding:2px 4px;}

/*Ingreso*/
.cajaIngreso{background-image:url('../images/fndIngreso.jpg'); background-repeat:repeat-y; width:175px; padding:0 18px;}

/* Ruta
-----------------------------------------------------------------------------*/
.ruta{font-size: 12px; font-weight: normal; color: #02b14d; text-decoration: none;}
.ruta_inicio{font-size: 12px; font-weight: normal; color: #000000; text-decoration: none;}

/* tabla
------------------------------------------------------------------*/
.cellAlternativo{ font-size:13px; background:#f7fbef;}
.headerTable{ font-size:14px; font-weight:bold; background:#f0f0f0; padding:3px; }
.btnForm{ background:url('../images/fndBotonForm.jpg') repeat-x #048e45; border:1px solid #048e45; 
          font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#fff; padding:2px; text-decoration:none;}
.btnForm:hover{color:#fff; text-decoration:none;}

/*otros*/
.titTitulares{ color:#f24100; font-size:14px; font-weight:bold; border-bottom:1px solid #227640; margin-bottom:8px; }
.link a, .link{ color:#37985a; font-size:13px; text-decoration:none; font-weight:bold; }
.link1 a, .link1{ color:#37985a; font-size:12px; text-decoration:none;  }
.pie-foto {	font-size: 12px; font-weight: bold; color: #000000;	}
.titulos_califique {font-size: 15px; font-weight: normal; color: #FFFFFF;}
.titulos_menu {	font-size: 18px; font-weight: normal; color: #fffdf9; text-decoration: none;}
.links_menu1 {font-size: 14px; font-weight: normal; color: #02327a; text-decoration: none;}
.linkPeq{font-size: 13px; font-weight: normal; color: #000; text-decoration: none; line-height:16px;}
.link{font-size: 14px; font-weight: normal; color: #000; text-decoration: none;}
.subtitulo {font-size: 14px; font-weight: bold; color: #02327a; text-decoration: none;}
.titulo-noticia {font-size: 22px; font-weight: normal; color: #CB181F; text-decoration: none;}
.titulos_noticias {font-size: 14px; font-weight: normal; color: #CB181F; text-decoration: none;}
.links_ruta {font-size: 14px; font-weight: normal; color: #56514c; text-decoration: none;}
.titulos_noticias2 {font-size: 18px; font-weight: normal; color: #CB181F; text-decoration: none;}
.lineDestacado{border-bottom:1px solid #e9f5d5; margin:6px 0;}
.botones{ color:#328072; background:#f4f2f2; border:1px solid #9caca9; padding:5px; text-decoration:none; margin-bottom:10px;}
.menuMapa{ color:#328072; font-size:13px; line-height:19px;}
.fecha{ font-size:12px; color:#02b14d; }
.cajaEnviar {background-image:url('../images/fndEnviar.gif'); background-repeat:repeat-y; width:174px; padding:0 18px;}
.cajaCali {background-image:url('../images/fndCalifique.gif'); background-repeat:repeat-y; width:174px; padding:0 18px;}
.cajaDocu {background-image:url('../images/fndDocumento.gif'); background-repeat:repeat-y; width:174px; padding:0 18px;}
.cajaEncuesta {background-image:url('../images/fndOpine.gif'); background-repeat:repeat-y; width:174px; padding:0 18px;}
.linkOpine{ color:#328072; font-size:12px; text-decoration:none; }
.display2 { display:none;}
.titPadding { padding-bottom:10px;}

/*Tablas 
--------------------------------------------------------------------------*/
.celdaGris{ font-size:13px; background-color:#f2f2f2; }
.celdaBlanc{ font-size:13px; background-color:#fff; }
.tit_tabla{ font-size:13px; color:#fff; font-weight:bold; background-color:#219a4c; }

/*calendario

.listados { font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size: 12px; color: #666666; text-decoration: none; background-color: #F5F5F5; border: 1px solid #999999;}
.calendario_mes {font-size: 13px; font-weight:bold; text-decoration: none;color: #e41b23; background-color: #d7d7d7;}
.calendario_dias {font-size: 13px; font-weight:bold; color: #13367a; text-decoration: none;}
.calendario_numeros_blancos {font-size: 13px; color: #666666; background-color: #FFFFFF;}
.calendario_numero_gris {font-size: 13px; color: #666666; text-decoration: none;}
.calendario_hoy {font-size: 13px; color: #FFFFFF; background-color: #e41b23;}
.calendario_evento {font-size: 13px; color: #000000; text-decoration: none; background-color: #e6ad24;}
.calendario_fondo {background-color: #F5F5F5;}*/


/* Estilos Califique */
.star-rating .current-rating{ background-image: url(star.gif); background-position:left -1000px; background-repeat:repeat-x;}
.star-rating a:focus{ background-image: url(star.gif); background-position:left -1000px; background-repeat:repeat-x;}
.star-rating a:active{ background-image: url(star.gif); background-position:left -1000px; background-repeat:repeat-x;}
.star-rating a:hover{ background-image: url(star.gif); background-position:left -1000px; background-repeat:repeat-x;}
.star-rating{ background-image: url(star.gif); background-position:left -1000px; background-repeat:repeat-x;}
.star-rating{ position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; }
.star-rating li{ display: inline;} 
/*.star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; }*/
.star-rating a{ position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; }
/*.star-rating a:focus{ background-position: left bottom; } 
.star-rating a:active{ background-position: left bottom; }
.star-rating a:hover{ background-position: left bottom; }*/
.star-rating a.one-star{ width:20%; z-index:6; } 
.star-rating a.two-stars{ width:40%; z-index:5; }
.star-rating a.three-stars{ width:60%; z-index:4; }
.star-rating a.four-stars{ width:80%; z-index:3; }
.star-rating a.five-stars{ width:100%; z-index:2; }
.star-rating .current-rating{ z-index:1; background-position: left center; }	


/* for an inline rater */
.inline-rating{ vertical-align: middle; }

/* smaller star */
.small-star{ width:50px; height:10px; }
.small-star .current-rating{ background-image: url(star_small.gif); line-height: 10px; height: 10px; }
.small-star a:focus{ background-image: url(star_small.gif); line-height: 10px; height: 10px; }
.small-star a:active{ background-image: url(star_small.gif); line-height: 10px; height: 10px; }
.small-star a:hover{ background-image: url(star_small.gif); line-height: 10px; height: 10px; }
.small-star{ background-image: url(star_small.gif); line-height: 10px; height: 10px; }

/*  estilos Mensages modales */


modalDialog_transparentDivs{
	/*filter:alpha(opacity=40);	 Transparency */ 
	/*opacity:0.4;	 Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #000;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	/*filter:alpha(opacity=30);	 Transparency */
	/*opacity:0.3;	 Transparency */	
}
/* CSS for the demo. CSS needed for the scripts are loaded dynamically by the scripts */
	#mainContainer{
		margin:0 auto;
		margin-top:10px;
		border:1px double #000;
		padding:5px;
		}
	
	/* Alternative layout for the message box - used by one of the messages */
	
	.modalDialog_contentDiv_error{
		border:3px solid #FFF;	
		padding:2px;
		z-index:100;/* Always needed	*/
		position:absolute;	/* Always needed	*/
		background-color:#F00;	/* White background color for the message */
		color:#FFF;
	}
	.modalDialog_contentDiv_error a{
		color:#FFF;
	}