/* EXPRESATE */
#expresate {
	background:transparent url(../../images/includes/expresate/expresate-center.gif) repeat-y scroll right 0;
	width:284px;
}
#expresate-top { background:transparent url(../../images/includes/expresate/expresate-top.gif) no-repeat scroll 0 0; }
#expresate-content {
	background:transparent url(../../images/includes/expresate/expresate-bottom.gif) no-repeat scroll right bottom;
	height:auto !important; /* Para los browsers buenos */
	height:326px; /* Para IE6 */
	min-height:326px; /* Para los browsers buenos */
}
#expresate h1 {
	background:transparent url(../../images/includes/expresate/expresate-titulo.gif) no-repeat scroll right bottom;
	height:36px;
	margin:0 0 0 48px;
	text-indent:-9999px;
	width:186px;
}
#expresate-mensajes {
	height:206px;
	margin:0 0 0 18px;
	overflow:auto;
	/*padding:5px 0 9px 10px;*/
	width:283px;
}
#expresate-mensajes li {
	background:transparent url(../../images/includes/expresate/expresate-seperador.jpg) no-repeat center bottom;
	padding:4px 0;
}
.expresate-thumb {
	/*background:transparent url(../../images/includes/expresate/expresate-foto.gif) no-repeat scroll 0 0;*/
	display:inline;
	float:left;
	height:49px;
	width:60px;
}
.expresate-texto {
	color:#989796;
	display:inline;
	font:normal normal bold 10px Arial, Helvetica, sans-serif;
	float:left;
	padding:0 0 0 9px;
	width:160px;
}
.expresate-texto h3 {
	color:#fd9f00;
	font:normal normal bold 12px Arial, Helvetica, sans-serif;
}
#expresarse_txt {
	background:transparent url(../../images/includes/expresate/expresate-comentarios.gif) no-repeat scroll right 0;
	border:0;
	color:#c1bfbf;
	display:inline;
	font:italic normal bold 12px Arial, Helvetica, sans-serif;
	float:left;
	height:24px;
	margin:8px 0 0 12px;
	padding:10px 4px 0 4px;
	width:164px;
}
#expresate-enviar {
	background:transparent url(../../images/includes/expresate/expresate-enviar.gif) no-repeat scroll 0 0;
	display:inline;
	float:left;
	height:29px;
	margin:10px 0 0 14px;
	text-indent:-9999px;
	width:85px;
}
#expresate-enviar:hover {
	background-position:0 -29px;
}

#expresate_aviso {
	position: absolute;
	margin: 132px 0 0 -1px;
	background: transparent url(../../images/aviso_bg.png) no-repeat scroll 0 0;
	width: 295px;
	height: 150px;
	z-index: 100;
	visibility: hidden;
}
#expresate_aviso_titulo {
	position: absolute;
	margin: 23px 0 0 28px;
}
#expresate_aviso_titulo h2 {
	background: transparent url(../../images/aviso.png) no-repeat scroll 0 0;
	width: 85px;
	height: 22px;
	text-indent: -3000px;
}
#expresate_aviso_msg {
	width: 240px;
	height: 100px;
	color: #FFF;
	font-family: Verdana;
	font-size: 10px;
	position: absolute;
	margin: 60px 0 0 30px;
	text-align: center;
}
#expresate_aviso_cerrar {
	position: absolute;
	margin: 16px 0 0 256px;
}
#expresate_aviso_cerrar a:hover { background-position: 0 -26px; }
#expresate_aviso_cerrar a {
	background: transparent url(../../images/aviso_cerrar.png) no-repeat scroll 0 0;
	width: 26px;
	height: 26px;
	display: block;
	text-indent: -3000px;
}

/* scroll bar */
.expresarteScroll .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin:20px 0 0 0;
}

.expresarteScroll .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: transparent url(../../images/includes/expresate/expresate-scroll.gif) no-repeat scroll 0 0;
}
.expresarteScroll .jScrollPaneDrag {
	position: absolute;
	background: transparent url(../../images/includes/expresate/expresate-scrubit.png) no-repeat scroll 0 0;
	cursor: pointer;
	overflow: hidden;
	margin-left: -3px;
	height: 39px !important;
}
.expresarteScroll .jScrollPaneDrag:hover { background-position: 0 -39px; }
.expresarteScroll .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: none;
}
.expresarteScroll .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: none;
}
.expresarteScroll a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
.expresarteScroll a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

.expresarteScroll a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
.expresarteScroll a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
.expresarteScroll a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
