/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{
	position:absolute; 
	top:0; 
	left:0; 
	z-index:9999; 
	overflow:visible;
	background:url(../images/hotels_club.jpg) no-repeat top right;
	box-shadow: 0 7px 18px #333333;
	/*width:810px;
	height:414px;*/
	}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.3 !important;}
#colorbox{
	background-color:#333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	top:20% !important; 
	position:fixed;
        }

    #cboxTopLeft{width:14px; height:14px;}
    #cboxTopCenter{height:14px;}
    #cboxTopRight{width:14px; height:14px;}
    #cboxBottomLeft{width:14px; height:43px;}
    #cboxBottomCenter{height:43px;}
    #cboxBottomRight{width:14px; height:43px; }
    #cboxMiddleLeft{width:14px;}
    #cboxMiddleRight{width:14px;}
    #cboxContent{overflow:visible;}
        #cboxLoadedContent{margin-bottom:5px; overflow: inherit !important;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-35px; background:url(../images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px; font-size:100px; overflow:hidden;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
		
		
#subscribe_popup{
	text-align:right;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	}
	
form{
	padding:0;
	margin:0;
}
	
div.name , div.lastname , div.email_club{
	width:34%;
	height:auto;
	padding:0 0 0 15px;
	margin:0 0 0 0;
	float:right;
	position:relative;
	}
div.name input , div.lastname input , div.email_club input{
	width:78%;
	margin:0 0 0 0;
	border-radius:10px;
	border:none;
	}
div.name input{
	padding:10px 35px 10px 10px;
	background:url("../images/name.png") no-repeat scroll right center #FFFFFF;
	}
div.email_club input{
	padding:10px 35px 10px 10px;
	background:url("../images/email.png") no-repeat scroll right center #FFFFFF;
	}
.name label , .lastname label , .email_club label{
    float: right;
    font-size: 15px;
    font-weight: bold;
    width: 20%;
	}
	
#club_submit {
	float:right;
   padding: 1% 0;
   border: 1px solid #666666;
   background: -webkit-gradient(linear, left top, left bottom, from(#479AED), to(#1B62AA));
   background: -webkit-linear-gradient(top, #479AED, #1B62AA);
   background: -moz-linear-gradient(top, #479AED, #1B62AA);
   background: -ms-linear-gradient(top, #479AED, #1B62AA);
   background: -o-linear-gradient(top, #479AED, #1B62AA);
   background-color: #1B62AA;
   box-shadow: inset 0px 0px 3px #3C99F4;
   -webkit-box-shadow: inset 0px 0px 3px #3C99F4;
   -moz-box-shadow: inset 0px 0px 3px #3C99F4;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   text-shadow: #000000 1px 1px 0px;
   color: #FFFFFF;
   font-size: 18px;
   font-family: Arial;
   text-decoration: none;
   font-weight: bold;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -o-transition: 0.2s;
   cursor: pointer;
   width: 20%;
   }
/*#club_submit:hover {
   background: -webkit-gradient(linear, left top, left bottom, from(#1B62AA), to(#479AED));
   background: -webkit-linear-gradient(top, #1B62AA, #479AED);
   background: -moz-linear-gradient(top, #1B62AA, #479AED);
   background: -ms-linear-gradient(top, #1B62AA, #479AED);
   background: -o-linear-gradient(top, #1B62AA, #479AED);
   background-color: #1B62AA;
   box-shadow: 0px 0px 8px 0px #000;
   -webkit-box-shadow: 0px 0px 5px 0px #000;
   -moz-box-shadow: 0px 0px 5px 0px #000;
   border: 1px solid #000;
   color: #D5ED37;
   }
#club_submit:active {
   top: 1px;
   position: relative;
   }*/
label.error { 
	color: red;
    float: none;
    font-size: 12px;
    padding-right: 0.5em;
    position: absolute;
    right: 32px;
    top: 35px;
    vertical-align: top;
    width: 120px;
	}
	
	
.success {
    color: yellow;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 43px;
}	
	
.errorMessage {
    float: right;
    width: 100%;
	color:#FFF;
	padding: 1% 0 0;
	direction: rtl;
}