@import url("css/variations/stylesheetwidget.css");

/* Change ContentPane behavior when is Interna Skin */
.ContentPane {overflow:inherit; background:#DADDDE; padding-right:5px; padding-top:0;}
.c_left_bottom {margin-left:4px;}

/* Set special Interna's boxes' position */
.c_box .c_title_left {margin-left:-18px;margin-bottom:-20px;top:-24px;}
.c_box .c_title_right {margin-right:-18px;}

.c_footer {margin-bottom:21px;}

#thumbnailContainer {overflow:hidden;}
.UVG_VideoPlayerContent .ItemGroup {border:none;margin:0;padding:0;width:auto;} /* Override some crappy styles */
.VideoGalleryBackground {background-color:#DADDDE;}
.VideoGallery {margin:0 auto;overflow:hidden;max-width:660px;display:none;}
.VideoViewerContainer {overflow:hidden;background-color:#B8BCC2;}
.VideoGallery .c_innerbox .c_title_left {margin-left:-9px;}
.DescriptionPane {padding-top: 22px;}

/* -------- Video Description -------- */
.photoDescription {text-align:justify;}
.photoDescription > h1 {color:#BB6016;border-bottom:1px solid #BB6016;font-weight:normal;margin:10px 0 0 0;padding-bottom:5px;}
.photoDescription > p {min-height:3.7em;max-height:3.7em;overflow:auto;margin:0;}

/* --------- Categories (white) Box ---------*/
.albums_left_top {background: transparent url(images/whitebox/top_iz.png) no-repeat left top;padding-left:10px;}
.albums_right_top {background: transparent url(images/whitebox/top_der.png) no-repeat right top;padding-right:12px;}
.albums_mid_top {background:transparent url(images/whitebox/top_medio.png) repeat-x center top;padding-top:13px;}
.albums_left_bottom {background: transparent url(images/whitebox/fin_iz.png) no-repeat left bottom;padding-left:10px;margin-left:-10px;}
.albums_right_bottom {background: transparent url(images/whitebox/fin_der.png) no-repeat right bottom;padding-right:12px;margin-right:-12px;}
.albums_mid_bottom {background:transparent url(images/whitebox/fin_medio.png) repeat-x center bottom;padding-bottom:11px;}
.albums_left_mid {background:#fff url(images/whitebox/medio_iz.png) repeat-y left;padding-left:10px;margin-left:-10px;height:243px}
.albums_right_mid {background:transparent url(images/whitebox/medio_der.png) repeat-y right;padding-right:12px;margin-right:-12px;}

/* --------- Scrollable Thumnails ----------- */
/* define background image for the expose mask */
.mask {background:#123 url(images/scrollable/mask_gradient_1800.png) no-repeat;background-position:50% -200px;}
/* general settings for both scrollables */
div.items {width:20000em;position:absolute;clear:both;height:100%;}
div.items img {border:0;}
/* next/prev buttons */
div.navi {background-image:url(images/scrollable/anterior_galeria.png);height:55px;width:55px;float:left;margin-top:45px;}
div.navi:hover {background-image:url(images/scrollable/anterior_galeria_hover.png);}
div.navi:active {background-image:url(images/scrollable/anterior_galeria_active.png);}
div.nextPage {background-image:url(images/scrollable/siguiente_galeria.png);clear: right;}
div.nextPage:hover {background-image:url(images/scrollable/siguiente_galeria_hover.png);}
div.nextPage:active {background-image:url(images/scrollable/siguiente_galeria_active.png);}
div.navi.disabled {visibility:hidden;}
/* the thumbnail scrollable */
.thumbnails div.items div {padding:5px;float:left;}
.thumbnails-small {position:relative;overflow:hidden;width:498px;height:110px;margin:15px;float:left;display:inline-block;}
.thumbnails-small div.items div {float:left;margin-right:10px;}
.thumbnail-pic {cursor:pointer;vertical-align:middle;}