div.kolorBoxContainer { position: relative; } div.kolorBox { position: absolute; z-index: 1; background-color: #1c94c4; background-clip: padding-box; min-width: 100px; cursor: auto; } div.kolorBoxHeader { height: 75px; overflow: hidden; min-width: 100px; } div.kolorBoxBody { min-width: 100px; } div.kolorBoxBodyLeft { float: left; width: 200px; text-align: justify; overflow: hidden; } div.kolorBoxBodyCenter { position: relative; float: left; text-align: center; overflow: hidden; } div.kolorBoxBodyCenter.loading { background: url(images/sablier.png) no-repeat center center; } div.kolorBoxBodyCenter p.kolorBoxBodyCenterLeftArrow { position: absolute; left: 0; display: none; background: url(images/btn_previous.png) no-repeat; width: 32px; height: 32px; } div.kolorBoxBodyCenter p.kolorBoxBodyCenterRightArrow { position: absolute; right: 0; display: none; background: url(images/btn_next.png) no-repeat; width: 32px; height: 32px; } div.kolorBoxBodyRight { float: left; width: 200px; text-align: justify; overflow: hidden; } div.kolorBoxFooter { clear: both; height: 75px; overflow: hidden; min-width: 100px; } p.kolorBoxTitle { margin: auto; padding: 0; text-align: center; text-overflow: ellipsis; white-space: nowrap; display: inline-block; pointer-events: none; overflow: hidden; } p.kolorBoxCaption { margin: 0; padding: 0; overflow: auto; height: 100%; } /* ---------------------------------- Overlay ----------------------------------- */ div.kolorBoxOverlay { position: absolute; z-index: 0; opacity: 1; background-color: #000; width: 0px; height: 0px; } /* ---------------------------------- Navigation ----------------------------------- */ div.kolorBoxTopUIBar, div.kolorBoxBottomUIBar { position: relative; clear: both; width: 100%; height: 32px; overflow: hidden; min-width: 100px; vertical-align: top; } div.leftUIPlaceHolder { display: inline-block; text-align: left; width: 100%; overflow: hidden; height: 32px; vertical-align: top; } div.centerUIPlaceHolder { display: inline-block; width: 100%; text-align: center; overflow: hidden; height: 32px; vertical-align: top; } div.rightUIPlaceHolder { display: inline-block; text-align: right; width: 100%; overflow: hidden; float: right; height: 32px; vertical-align: top; } div.kolorBoxNavigation { height: 32px; width: 124px; display: inline-block; } span.counterSpan { display: inline-block; width: 60px; height: 32px; line-height: 32px; color: #666; font-family: Verdana, Geneva, sans-serif; text-align: center; vertical-align: top; } a.playPauseBtn, a.previousBtn, a.nextBtn, a.closeBtn, a.fullscreenBtn { display: inline-block; width: 32px; height: 32px; overflow: hidden; text-indent: -9999px; cursor: pointer; background-position: top; } a.playPauseBtn:hover, a.previousBtn:hover, a.nextBtn:hover, a.closeBtn:hover, a.fullscreenBtn:hover { background-position: bottom; } a.previousBtn { background: url(images/btn_previous.png) no-repeat; } a.nextBtn { background: url(images/btn_next.png) no-repeat; } a.playBtn { background: url(images/btn_play.png) no-repeat; } a.pauseBtn { background: url(images/btn_pause.png) no-repeat; } a.closeBtn { background: url(images/btn_close.png) no-repeat; } a.enterFullscreenBtn { background: url(images/btn_fullscreen.png) no-repeat; } a.exitFullscreenBtn { background: url(images/btn_fullscreen_exit.png) no-repeat; } /* ---------------------------------- Social buttons ----------------------------------- */ a.socialButton { display:block; float:left; text-indent: -99999px; width:64px; height:64px; overflow: hidden; margin:5px; cursor: pointer; } a.socialButton.iconset0:hover, a.socialButton.iconset1:hover, a.socialButton.iconset2:hover, a.socialButton.iconset3:hover, a.socialButton.iconset4:hover { background-position: bottom; } a.socialButton.iconset0 { background-size: 100% 200%; } a.socialFacebook.iconset0 { background: url("images/iconset0/social_facebook.png") top; } a.socialTwitter.iconset0 { background: url("images/iconset0/social_twitter.png") top; } a.socialGoogle.iconset0 { background: url("images/iconset0/social_google.png") top; } a.socialLinkedin.iconset0 { background: url("images/iconset0/social_linkedin.png") top; } a.socialDigg.iconset0 { background: url("images/iconset0/social_digg.png") top; } a.socialTumblr.iconset0 { background: url("images/iconset0/social_tumblr.png") top; } a.socialReddit.iconset0 { background: url("images/iconset0/social_reddit.png") top; } a.socialStumbleUpon.iconset0 { background: url("images/iconset0/social_stumbleupon.png") top; } a.socialDelicious.iconset0 { background: url("images/iconset0/social_delicious.png") top; } a.socialPinterest.iconset0 { background: url("images/iconset0/social_pinterest.png") top; } a.socialVkontakte.iconset0 { background: url("images/iconset0/social_vkontakte.png") top; } a.socialLine.iconset0 { background: url("images/iconset0/social_line.png") top; } a.socialMail.iconset0 { background: url("images/iconset0/social_mail.png") top; } a.socialButton.iconset1 { background-size: 100%; } a.socialFacebook.iconset1 { background: url("images/iconset1/social_facebook.png") top; } a.socialTwitter.iconset1 { background: url("images/iconset1/social_twitter.png") top; } a.socialGoogle.iconset1 { background: url("images/iconset1/social_google.png") top; } a.socialLinkedin.iconset1 { background: url("images/iconset1/social_linkedin.png") top; } a.socialDigg.iconset1 { background: url("images/iconset1/social_digg.png") top; } a.socialTumblr.iconset1 { background: url("images/iconset1/social_tumblr.png") top; } a.socialReddit.iconset1 { background: url("images/iconset1/social_reddit.png") top; } a.socialStumbleUpon.iconset1 { background: url("images/iconset1/social_stumbleupon.png") top; } a.socialDelicious.iconset1 { background: url("images/iconset1/social_delicious.png") top; } a.socialPinterest.iconset1 { background: url("images/iconset1/social_pinterest.png") top; } a.socialVkontakte.iconset1 { background: url("images/iconset1/social_vkontakte.png") top; } a.socialLine.iconset1 { background: url("images/iconset1/social_line.png") top; } a.socialMail.iconset1 { background: url("images/iconset1/social_mail.png") top; } a.socialButton.iconset2 { background-size: 100%; } a.socialFacebook.iconset2 { background: url("images/iconset2/social_facebook.png") top; } a.socialTwitter.iconset2 { background: url("images/iconset2/social_twitter.png") top; } a.socialGoogle.iconset2 { background: url("images/iconset2/social_google.png") top; } a.socialLinkedin.iconset2 { background: url("images/iconset2/social_linkedin.png") top; } a.socialDigg.iconset2 { background: url("images/iconset2/social_digg.png") top; } a.socialTumblr.iconset2 { background: url("images/iconset2/social_tumblr.png") top; } a.socialReddit.iconset2 { background: url("images/iconset2/social_reddit.png") top; } a.socialStumbleUpon.iconset2 { background: url("images/iconset2/social_stumbleupon.png") top; } a.socialDelicious.iconset2 { background: url("images/iconset2/social_delicious.png") top; } a.socialPinterest.iconset2 { background: url("images/iconset2/social_pinterest.png") top; } a.socialVkontakte.iconset2 { background: url("images/iconset2/social_vkontakte.png") top; } a.socialLine.iconset2 { background: url("images/iconset2/social_line.png") top; } a.socialMail.iconset2 { background: url("images/iconset2/social_mail.png") top; } a.socialButton.iconset3 { background-size: 100%; } a.socialFacebook.iconset3 { background: url("images/iconset3/social_facebook.png") top; } a.socialTwitter.iconset3 { background: url("images/iconset3/social_twitter.png") top; } a.socialGoogle.iconset3 { background: url("images/iconset3/social_google.png") top; } a.socialLinkedin.iconset3 { background: url("images/iconset3/social_linkedin.png") top; } a.socialDigg.iconset3 { background: url("images/iconset3/social_digg.png") top; } a.socialTumblr.iconset3 { background: url("images/iconset3/social_tumblr.png") top; } a.socialReddit.iconset3 { background: url("images/iconset3/social_reddit.png") top; } a.socialStumbleUpon.iconset3 { background: url("images/iconset3/social_stumbleupon.png") top; } a.socialDelicious.iconset3 { background: url("images/iconset3/social_delicious.png") top; } a.socialPinterest.iconset3 { background: url("images/iconset3/social_pinterest.png") top; } a.socialVkontakte.iconset3 { background: url("images/iconset3/social_vkontakte.png") top; } a.socialLine.iconset3 { background: url("images/iconset3/social_line.png") top; } a.socialMail.iconset3 { background: url("images/iconset3/social_mail.png") top; } a.socialButton.iconset4 { background-size: 100%; } a.socialFacebook.iconset4 { background: url("images/iconset4/social_facebook.png") top; } a.socialTwitter.iconset4 { background: url("images/iconset4/social_twitter.png") top; } a.socialGoogle.iconset4 { background: url("images/iconset4/social_google.png") top; } a.socialLinkedin.iconset4 { background: url("images/iconset4/social_linkedin.png") top; } a.socialDigg.iconset4 { background: url("images/iconset4/social_digg.png") top; } a.socialTumblr.iconset4 { background: url("images/iconset4/social_tumblr.png") top; } a.socialReddit.iconset4 { background: url("images/iconset4/social_reddit.png") top; } a.socialStumbleUpon.iconset4 { background: url("images/iconset4/social_stumbleupon.png") top; } a.socialDelicious.iconset4 { background: url("images/iconset4/social_delicious.png") top; } a.socialPinterest.iconset4 { background: url("images/iconset4/social_pinterest.png") top; } a.socialVkontakte.iconset4 { background: url("images/iconset4/social_vkontakte.png") top; } a.socialLine.iconset4 { background: url("images/iconset4/social_line.png") top; } a.socialMail.iconset4 { background: url("images/iconset4/social_mail.png") top; } div.socialEmbed { display: inline-block; text-align: left; } div.socialEmbed .socialEmbedText { display: inline-block; vertical-align: middle; margin: 0 0 5px; } div.socialEmbed input { display: inline-block; vertical-align: middle; appearance: none; border-radius: none; border: solid 1px #dcdcdc; } div.socialEmbed input.socialEmbedInput { margin: 0 0 5px; padding: 4px; font-family: sans-serif; font-size: 13px; } div.socialEmbed input.socialEmbedInputWidth, div.socialEmbed input.socialEmbedInputHeight { margin: 0 5px 0 0; width: 25px; padding: 2px; font-family: sans-serif; font-size: 11px; } div.socialEmbed label { margin: 0 5px 0 0; }