/*
    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:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    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;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;display:none !important;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

br { clear:left;}

label, input {
     display: block;
     float: left;
     margin-bottom: 10px;
}

form select {
     display: block;
     float: left;
     margin-bottom: 10px;
     border:1px solid #888;
     height: 30px;
     font-size:16px;
}

label {
    text-align: right;
    width: 75px;
    padding-right: 20px;
    width: 150px;
    text-align: right;
    font-size: 13px;
    padding-top: 10px;
}

.captcha {
    padding-top: 0px;
}

input {
     border:1px solid #888;
     height: 30px;
     font-size:16px;
     width: 250px;
}

.no-wysiwyg {
     display: block;
     float: left;
     margin-bottom: 10px;
     border:1px solid #888;
     width: 250px;
     font-size:16px;
     height: 160px;
}

/* vTips */

p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

.vtip { vertical-align:middle; }
label.error { float: left; color: #ff0000; width:120px;font-size:80%;text-align:left;padding-top:10px;margin-left:20px;}
.captcha .vtip { vertical-align: top; padding-top:10px; }

/* Botones de opcion */
.option {
	display: block;
	float: left;
	padding: 5px;
	border: 1px solid #444444;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold;
    margin: 5px 10px 5px 0;
    color: #EEEEEE;
    background-color: #222222;
    width: auto;
	background: -moz-linear-gradient(top, #888888 0%, #222222 100%);
    background-image:linear-gradient(top, #888888 0%, #222222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#222222));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#222222',GradientType=0 );
	text-decoration: none;
}

.option:hover {
	border: 1px solid #888888;
    color: #FFFFFF;
    background-color: #444444;
	background: -moz-linear-gradient(top, #CCCCCC 0%, #222222 100%);
    background-image:linear-gradient(top, #CCCCCC 0%, #222222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCCCCC), color-stop(100%,#222222));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#222222',GradientType=0 );
	text-decoration: none;
}

#options {
	padding: 10px 0;
}

#advisor {
	color:#FFFFFF;
	background-color:#000000;
	display:none;
	padding-bottom:5px;
	z-index:2;
	position:absolute;
	margin:0;
	width:100%;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

#close_advisor {
	background: url(/core/data/images/cross.png) center right no-repeat;
	float:right;
	margin-top:10px;
	margin-right:10px;
	padding-right: 20px;
}