@charset "utf-8";
/* CSS Document 
* Hoja de estilos para elementos Expose
*
* @autor: Analee González
* @modificado: Omar Pellon
* @modificado: Jesús Antonio García Valadez
* @sitio: México Desconocido
* 
* Ingenia Group 2010
*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::Comenta, responde, reseña y log in:::::::::::::::::::::::::::::::::::::::::::::::*/
.wrapper-expose {
	width:276px;
	height:auto;
	display:inline-block;
	background: #f0f0f0 url(../images/para_expose/corte_expose_sombra_inferior.png) center 273px no-repeat;
	padding:12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index:1000;
}

.expose-title-close, .user-type {
	width:inherit;
	height: 34px;
	background: url(../images/para_expose/corte_expose_sombra_superior.png) center bottom no-repeat;
	padding: 0 0 10px;
	*padding: 0;
}
.expose-title-close span {
	float:left;
	width:255px;
}

.close-expose, .close-expose img {
	width: 15px;
	height:15px;
	float:right;
	cursor:pointer;
	border:none;
}

#loginForm-user .close-expose, 
#olvido-pass-user .close-expose, 
#loginForm-user .close-expose img, 
#form-advertiser .close-expose, 
#olvido-pass .close-expose, 
#form-advertiser .close-expose img{
	width: 15px;
	height:15px;
	cursor:pointer;
	border:none;
	bottom: 2px;
	right: 5px;
	position: absolute;
	z-index: 1100;
}

.expose-form {
	width: inherit;
	height:auto;
	padding: 0 0 10px;
	text-align:center;
	z-index: 10000;
}

.expose-form textarea {
	width:274px;
	height:155px;
	border:1px solid #b6b6b6;
	background:#e1e1e1;
	margin:10px 0 8px;
}
.expose-form-but {
	width:inherit;
	height:32px;
	z-index: 10000;
}
.expose-form-but button {
	min-width:30px;
	height:32px;
	border:none;
	background: transparent url(../images/para_expose/corte_expose_btn_accionar_off.png) no-repeat right center;
	padding: 10px 35px 10px 0;
	cursor:pointer;
	*min-width:70px;
} 
.expose-form-but button:hover {	
	color:#f60;
	background:url(../images/para_expose/corte_expose_btn_accionar_on.png) no-repeat right center;
}
.expose-mensajes {
	width:inherit;
	height:auto;
	display:inline-block;
	padding: 5px 0;
	text-align:left;
	z-index: 10000;
}
#expose-comenta {
	display:none;
	z-index: 10000;
}
#responder-preg {
	display:none;
	z-index: 10000;
}
/*---------------------------------------login--------------------------------*/
#header #loginForm-Advertiser, #header #user-forms {
	display: block;
}
.wrapper-expose-login {
	width:276px;
	height:288px;
	display:none;
	background: #f0f0f0 url('../images/para_expose/corte_expose_sombra_inferior.png') center 224px no-repeat;
	padding:12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index:1000;
	position: relative;
}
.user-type-option {
	width:50%
	height:inherit;
	margin: 0 auto;
	display:inline-block;
	text-align:center;
}
.user-type-option label {
	width:100%;
	height:11px;
	padding: 0 0 5px;
	text-transform:uppercase;
	display:inline-block;
}
.fields-label {
	width:inherit;
	height:12px;
	padding: 10px 0 6px;
	text-align:left;
	text-transform:uppercase;
	display:inline-block;
}
.expose-text-fields {
	width:inherit;
	height:23px;
	border:1px solid #b6b6b6;
	background:#e1e1e1;
}
.olvido-pass {
	width:inherit;
	height:12px;
	text-align:right;
	display:inline-block;
	padding: 3px 0 0;
}
.olvido-pass a {
	color:#959595;
	text-decoration:none;
}
.olvido-pass a:hover {
	color:#f60;
	text-decoration:underline;
}
.resgiter-info-close {
	width:inherit;
	height:55px;
	text-align:center;
	margin:20px 0 0;
	float: left;
}
.resgiter-info-close a {
	width:247px;
	text-decoration:none;
	display:inline;
	float:left;
	padding: 0 15px;
}
.resgiter-info-close a span.text-expose-title {
	color:#f60;
	text-decoration:none;
}
.resgiter-info-close a span.text-reg-info {
	color:#9595;
	text-decoration:none;
	float:left;
	padding: 10px 0 0;
}
.resgiter-info-close a:hover span {
	color:#f60;
}
.resgiter-info-close div.close-expose {
	margin:40px 0 0;
	display:inline;
}
/*--------------------------------------------Olvido de password-------------------------------------------*/
.wrapper-expose-olvido {
	width:276px;
	height:auto;
	background: #f0f0f0 url(../images/para_expose/corte_expose_sombra_inferior.png) center 160px no-repeat;
	padding:12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index:1000;
}
.wrapper-expose-olvido div.expose-form-but {
	margin:10px 0;
}
.text-return-login{
	font-family:Arial;
	font-size:10px;
}
/* -------------------------------------- Estilos formularios login ---------------------------------- */
#user-forms{

}
div.contentWrap {
	height: auto;
	width: 300px;
	top: 25%;
	left: 37%;
	position: absolute;
	display: inline-block;
}
#wrapper-loginForm-user{
	display: none;
	left: 38% !important;
	z-index: 10000;
}
#olvido-pass{
	display: none;
}
#olvido-pass-user{
	display: none;
}
#loginForm-Advertiser{
	display: none;
	left: 38% !important;
	z-index: 10000;
}
/*--------------------------------------------Envía la nota por mail-------------------------------------------*/
#formulario {
	height:auto;
	background-color: #f0f0f0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index:1000;
}
#formulario fieldset{
	border:none;
	margin:0;
}
#formulario legend {
	background:url("../images/para_expose/corte_expose_sombra_superior.png") no-repeat scroll 50% 100% #F0F0F0;
	color:#FF6600;
	font:bold 24px Arial,Helvetica,sans-serif;
	height:39px;
	text-align:left;
	width:100%;
}
#formulario label{
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#f60;
}
#formulario .error {
	color:#959595;
	font:bold 13px Arial,Helvetica,sans-serif;
	width:240px;
}
#formulario .fields{
	background-color:#e1e1e1;
	border:1px solid #b6b6b6;
	width:240px;
}
.wrapper-fields {
	-moz-border-radius:10px 10px 10px 10px;
	background:url("../images/para_expose/corte_expose_sombra_inferior.png") no-repeat scroll 50% 100% #F0F0F0;
	display:inline-block;
	height:150px;
	padding:5px 0;
	width:100%;
	text-align:left;
}
.wrapper-submit {
	width:inherit;
	height:32px;
	text-align:center;
}
.wrapper-submit .submit-mail-form {
	min-width:30px;
	height:32px;
	border:none;
	background: transparent url(../images/para_expose/corte_expose_btn_accionar_off.png) no-repeat right center;
	padding: 10px 35px 10px 0;
	cursor:pointer;
	*min-width:70px;
	color:#959595;
	font-weight:bold;
	font-size:11px;
} 
.wrapper-submit input:hover {	
	color:#f60;
	background:url(../images/para_expose/corte_expose_btn_accionar_on.png) no-repeat right center;
}
#cargando, #respuesta {
	bottom:30px;
	left:220px;
	position:absolute;
	width:20px;
}
/*--------------------------------------------Versión para Imprimir-------------------------------------------*/
#printbody{
	width:700px;
	height:auto;
	display:block;
}
#toolbar {
	float:left;
	margin:5px 0 5px 0;
	width:100%;
	background:url("../images/para_expose/corte_expose_sombra_superior_impresion.png") no-repeat scroll 50% 100% transparent;
}
#toolbar img{
	width:100px;
	height:38px;
	padding:10px;
	float:left;
	margin:0;
}
#toolbar a {
	min-width:30px;
	height:32px;
	border:none;
	background: transparent url("../images/para_expose/corte_expose_btn_accionar_off.png") no-repeat right center;
	padding: 10px 35px 10px 0;
	cursor:pointer;
	*min-width:70px;
	color:#959595;
	font-weight:bold;
	font-size:11px;
	float:right;
} 
#toolbar a:hover {	
	color:#f60;
	background:url(../images/para_expose/corte_expose_btn_accionar_on.png) no-repeat right center;
}

#nota{
	margin:5px 10px;
}

#bodycontent{
	height:520px;
	overflow:hidden;
	width:100%;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	float:left;
	margin:0 10px;
	background:url("../images/para_expose/corte_expose_sombra_inferior_impresion.png") no-repeat scroll 50% 102% transparent;
}
#bodycontent h2 {
	font:bold 25px Arial,Helvetica,sans-serif;
	margin:10px 0;
	width:100%;
}
#bodycontent .summary {
	font:17px Georgia, "Times New Roman", Times, serif;
	margin:10px 0;
	width:100%;
}
#bodycontent h3 {
	font:bold 14px Arial,Helvetica,sans-serif;
	margin:10px 0;
	width:100%;
}
#bodycontent p {
	font:14px Arial,Helvetica,sans-serif;
	margin:20px 0;
	width:100%;
}
#bodycontent p span {
	font:bold 11px Georgia, "Times New Roman", Times, serif;
}
.jScrollPaneTrack {
        position: absolute;
        cursor: pointer;
        right: 0;
        top: 0;
        height: 100%;
        background: #E2E2E2;
        width:13px !important;
}
.jScrollPaneDrag {
        position: absolute;
        background: #333;
        cursor: pointer;
        overflow: hidden;
        width:13px !important;
        height:13px !important;
        background:url(../images/para_expose/scroll_ima.png) no-repeat;
        
}
.jScrollPaneDragTop {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
}
.jScrollPaneDragBottom {
        position: absolute;
        bottom: 0;
        left: 0;
        overflow: hidden;
}
a.jScrollArrowUp {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        text-indent: -2000px;
        overflow: hidden;
        /*background-color: #666;*/
        height: 9px;
}
a.jScrollArrowUp:hover {
        /*background-color: #f60;*/
}

a.jScrollArrowDown {
        display: block;
        position: absolute;
        z-index: 1;
        bottom: 0;
        right: 0;
        text-indent: -2000px;
        overflow: hidden;
        /*background-color: #666;*/
        height: 9px;
}
a.jScrollArrowDown:hover {
        /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
        /*background-color: #f00;*/
}
/*------------------------------------------Albums y galerias---------------------------------------------*/
.wrapper-album-functions {
	width:187px;
	height:146px;
	display:inline-block;
	background:url(../images/para_expose/corte_expose_nuevoalbum_base_blanca.png) no-repeat center;
	padding:32px 35px 32px 38px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index:1000;
}
#album-title {
	width:inherit;
	height:24px;
	padding:5px 0 10px;
	background:url(../images/para_expose/corte_expose_sombra_superior.png) no-repeat center bottom;
	display:inline-block;
	text-align:left;
}
.album-functions-message {
	text-align:center;
	width:inherit;
}
.wrapper-album-options {
	width:inherit;
	display:inline-block;
	margin: 10px 0;
	text-align:center;
}
.album-func-options {
	width:50px;
	height:11px;
	margin:	0 5px;
	background:#959595;
	text-align:center;
	padding:5px;
	display:inline-block;
	*display:inline;
	cursor:pointer;
}
.album-func-options:hover {
	background:#f60;
}
/*-------------------------------------Editar archivo-------------------------------*/
.wrapper-edit-file {
	width:280px;
	height:279px;
	background:url(../images/para_expose/corte_expose_base_blanca_editarfotovideo.png) no-repeat center;
	padding:39px 35px 32px;
	display:none;
}
.wrapper-edit-file div#album-title {
	width:250px !important;
}
.file-thumb {
	width: 88px;
	height:45px;
	border:1px solid #c2c2c2;
	background:#fff;
	margin: 10px 10px 8px 0;
	float:left;	
	display:inline;
}
.wrapper-edit-file label {
	width:176px !important;
	float:left;
}
.wrapper-edit-file input {
	width:176px;
	float:right;
}
.wrapper-edit-file textarea {
	height:67px !important;
	margin: 0 0 8px !important;
}
.clear {
	clear:both;
}
.wrapper-edit-file div.expose-mensajes {
	width:250px;
	float:left;
}
/*----------------------------------------Ajustar Avatar--------------------------*/
.wrapper-edit-avatar {
	width:190px;
	height:229px;
	background:url(../images/para_expose/corte_expose_base_blanca_agregara.png) no-repeat center;
	padding:29px 35px 32px;
	display:none;
	z-index:1000;
}
.edit-avatar {
	width:inherit;
	height:82px;
	padding:10px 0;
}
#draggable {
	width:82px;
	height:82px;
	border: 1px solid #c2c2c2;
	overflow:hidden;
	float:left;
	z-index:1220;
	position:relative;
}
#draggable img {
	width:auto !important;
	height:auto !important;
	z-index:1200;
}
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.edit-avatar span {
	width:90px;
	margin:0 0 0 10px;
	text-align:left;
	padding:15px 0 0;
	float:right;
}
.wrapper-edit-avatar p {
	margin:0px;
}
/*-------------------------------------------------Opciones cargar fotos--------------------------------*/
.wrapper-load-options {
	width:190px;
	height:229px;
	background:url(../images/para_expose/corte_expose_base_blanca_agregara.png) no-repeat center;
	padding:29px 35px 32px;
	display:none;
	z-index:1000;
}
.crear-nuevo-album {
	width:100%;
	height:auto;
	padding: 10px 0;
	border-bottom: 1px solid #959595;
	text-align:center !important;
}
.crear-nuevo-album a {
	width:140px;
	height:15px;
	padding:5px;
	display:block;
	background:#959595;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	margin:0 auto;
}
.crear-nuevo-album a:hover {
	background:#f60;
}
.choose-album {
	width:100%;
	background:url(../images/para_expose/corte_expose_sombra_inferior.png) no-repeat center bottom;
	padding:0 0 10px; 	
}
#select-album {
	width:100%;
	background:#e1e1e1;
	border:1px solid #959595;
	margin:5px 0 10px 0;
}
.wrapper-load-options div.expose-mensajes {
	width:160px!important;
}
.wrapper-load-options div.close-expose {
	margin:3px!important;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Textos:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.text-olvido-pass {
	font:10px Arial, Helvetica, sans-serif;
	color:#959595;
}
.text-expose-but {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#959595;
}
.text-album-funcs{
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
}
.text-reg-info {
	font:12px Arial, Helvetica, sans-serif;
	color:#959595;
}
.text-user-type {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#959595;
}
.text-login-labels {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#f60;
}
.text-new-album-but {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
}
.text-expose-title {
	font: bold 22px Arial, Helvetica, sans-serif;
	color:#f60;
}