body { margin:0; }
.com-rockstar-photostream { width:638px; height:413px; background-color:#fff; position:relative; font-size:12px; font-family:Helvetica, Arial; border:1px solid #ccc; }
body.v2 .com-rockstar-photostream { height:438px; }

.com-rockstar-photostream .loader { background-color:#fff; color:#333; position:relative; z-index:100; padding:10px; }
.com-rockstar-photostream .loader img { margin-left:15px; width:10px; height:10px; }
.com-rockstar-photostream a { color:inherit; font-weight:bold; }
.com-rockstar-photostream .invisible { visibility:hidden; }
.com-rockstar-photostream .visible { visibility:visible; }
.com-rockstar-photostream .inline_block { display:inline-block !important; zoom: 1; *display: inline !important; } 
.com-rockstar-photostream .va_top { vertical-align:top; }
.com-rockstar-photostream .va_middle { vertical-align:middle; }
.com-rockstar-photostream * { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.com-rockstar-photostream ul, .com-rockstar-photostream ul li { list-style:none; }
.com-rockstar-photostream .sprite { display:block; width:100%; height:100%; } 
.com-rockstar-photostream .sprite.global { background:url(../../img/photostream/global.png) no-repeat; }
body.black .com-rockstar-photostream .sprite.global { background-image:url(../../../img/photostream/global_dark.png); }
.com-rockstar-photostream .sprite.en { background:url(../../img/photostream/en.png) no-repeat; }

.com-rockstar-photostream .main { position:absolute; top:0; left:0; background:#000; width:100%; height:360px;}
body.v2 .com-rockstar-photostream .main { position:relative; }

.com-rockstar-photostream .main .caption { position:absolute; bottom:0; left:0; width:100%; padding:5px;  }
.com-rockstar-photostream .main .caption .bg { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; }
.com-rockstar-photostream .main .caption .text { position:relative; z-index:15; color:#fff; text-align:center; }

.com-rockstar-photostream .main .progress { position:absolute; bottom:1px; left:0; height:1px; width:0%; background-color:#fff; z-index:4; }

.com-rockstar-photostream .main .play-button { width:214px; position:absolute; top:50%; left:50%; margin:-81px 0 0 -107px; cursor:pointer; color:#fff; font-weight:bold; text-align:center; }
.com-rockstar-photostream .main .play-button span { margin:0 auto; }
.com-rockstar-photostream .main .play-button span.global { width:116px; height:110px; background-position:-116px 0; }
.com-rockstar-photostream .main .play-button span.en { width:214px; height:28px; margin-top:10px; }
.com-rockstar-photostream .main .play-button:hover { color:#fff; }
.com-rockstar-photostream .main .play-button:hover span.global { background-position:0px 0; }
.com-rockstar-photostream .main .play-button:hover span.en { background-position:-214px 0px; }

.com-rockstar-photostream .main .screen { width:100%; height:100%; position:absolute; top:0; left:0; z-index:100; visibility:hidden;}
.com-rockstar-photostream .main .screen .bg { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:1; }
.com-rockstar-photostream .main .screen .content { position:relative; color:#fff; width:420px; margin: 0 auto 0 auto; z-index:2; }

.com-rockstar-photostream .main .screen .share { margin-top:70px; }
.com-rockstar-photostream .main .screen .share .section { margin-bottom:20px; }
.com-rockstar-photostream .main .screen .share .section > .text { width:100px; font-size:130%; text-transform:uppercase ; }
.com-rockstar-photostream .main .screen .share .section .copyable { width:300px; }
.com-rockstar-photostream .main .screen .share input, .com-rockstar-photostream .main .screen .share textarea { padding:0px; width:235px; color:#333; width:100%; }
.com-rockstar-photostream .main .screen .share textarea { height:100px; }
.com-rockstar-photostream .main .screen .share .section.places .place { width:80px; margin-right:30px; cursor:pointer; }
.com-rockstar-photostream .main .screen .share .section.places .place.last { margin-right:0; }
.com-rockstar-photostream .main .screen .share .section.places .place .text { font-size:100%; }
.com-rockstar-photostream .main .screen .share .section.places .place span { width:16px; height:16px; margin-right:5px; }
.com-rockstar-photostream .main .screen .share .section.places .place.facebook span { background-position:0 -234px; }
.com-rockstar-photostream .main .screen .share .section.places .place.twitter span { background-position:-16px -234px; }
.com-rockstar-photostream .main .screen .share .section.places .place.email span { background-position:-32px -234px; }
.com-rockstar-photostream .main .screen .share .section.link {}
.com-rockstar-photostream .main .screen .share .section.embed { margin-bottom:0; }
.com-rockstar-photostream .main .screen .share .seemore { margin: 10px auto 0 175px; }

.com-rockstar-photostream .main .screen .end { margin-top:150px; width:200px; }
.com-rockstar-photostream .main .screen .end .replay { width:45px; cursor:pointer; text-align:center; margin-right:80px;  }
.com-rockstar-photostream .main .screen .end .replay span { height:30px; background-position:-45px -199px; margin-bottom:25px; }
.com-rockstar-photostream .main .screen .end .replay:hover span { background-position:0px -199px; }
.com-rockstar-photostream .main .screen .seemore { width:74px; cursor:pointer; text-align:center; }
.com-rockstar-photostream .main .screen .seemore span.rockstar { width:42px; height:43px; background-position:-132px -192px; margin:0 auto 12px auto;  }
.com-rockstar-photostream .main .screen .seemore:hover span.rockstar { background-position:-90px -192px; }
.com-rockstar-photostream .main .screen .seemore span.text { width:74px; height:12px; background-position:-74px -28px; margin:0 auto;  }
.com-rockstar-photostream .main .screen .seemore:hover span.text { background-position:0px -28px; }



.com-rockstar-photostream .title { position:absolute; top:0; left:0; z-index:4; width:100%; padding:4px; }
body.v2 .com-rockstar-photostream .title { position:relative; }
.com-rockstar-photostream .title .rockstar-logo { width:15px; height:15px; position:absolute; top:4px; right:5px; z-index:2; cursor:pointer; }
.com-rockstar-photostream .title .rockstar-logo span { background-position:0 -177px; }
.com-rockstar-photostream .title .text { position:relative; z-index:2; color:#fff; }
.com-rockstar-photostream .title .bg { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:1; }

.com-rockstar-photostream .footer {position:absolute; bottom:4px; left:0; width:100%; height:45px;  }
.com-rockstar-photostream .footer .sprite { background-color:#fff; }
.com-rockstar-photostream .footer .play-pause { width:23px; height:27px; cursor:pointer; text-align:center; margin:9px 25px 0 20px; }
.com-rockstar-photostream .footer .play-pause.playing:hover span { background-position:-46px -120px; }
.com-rockstar-photostream .footer .play-pause.playing span { background-position:-69px -120px; }
.com-rockstar-photostream .footer .play-pause.paused:hover span { background-position:-1px -121px;}
.com-rockstar-photostream .footer .play-pause.paused span { background-position:-23px -121px;  }

.com-rockstar-photostream .footer .arrow {width:8px; height:100%; cursor:pointer; }
.com-rockstar-photostream .footer .arrow span { margin-top:15px; }
.com-rockstar-photostream .footer .prev { margin-right:5px;}
.com-rockstar-photostream .footer .prev:hover span { background-position:0px -273px; }
.com-rockstar-photostream .footer .prev span { background-position:-8px -273px; width:100%; height:13px; }
.com-rockstar-photostream .footer .next { margin:0 10px 0 5px; }
.com-rockstar-photostream .footer .next:hover span {background-position:-16px -273px; }
.com-rockstar-photostream .footer .next span { background-position:-24px -273px; width:100%; height:13px; }

.com-rockstar-photostream .footer .thumb-shell { position:relative; width:420px; height:100%; overflow:hidden; }
.com-rockstar-photostream .footer .thumb-shell ul { position:absolute; top:0; left:0; }
.com-rockstar-photostream .footer .thumb-shell ul li { width:80px; height:45px; margin-right:5px; cursor:pointer; visibility:hidden; }
.com-rockstar-photostream .footer .thumb-shell ul li img {  } 
.com-rockstar-photostream .footer .thumb-shell ul li.selected { }
.com-rockstar-photostream .footer .thumb-shell ul li.last { margin-right:0; }
.com-rockstar-photostream .footer .hd { width:52px; height:100%; cursor:pointer; text-align:center; margin:2px 5px 0 0; }
.com-rockstar-photostream .footer .hd .text { text-transform:uppercase; font-size:80%; color:#333; }
.com-rockstar-photostream .footer .hd:hover span { background-position:0px -148px; }
.com-rockstar-photostream .footer .hd:hover .text { color:#000; }
.com-rockstar-photostream .footer .hd span { background-position:-29px -148px; width:31px; height:23px; margin:0 auto 6px auto; }

.com-rockstar-photostream .footer .hd.disabled { opacity:.1; cursor:auto; }
.com-rockstar-photostream .footer .hd.disabled:hover span { background-position:-29px -148px; }

.com-rockstar-photostream .footer .share { width:52px; height:100%; cursor:pointer; text-align:center; margin-top:2px; }
.com-rockstar-photostream .footer .share .text { text-transform:uppercase; font-size:80%; color:#333; }
.com-rockstar-photostream .footer .share:hover span { background-position:-58px -148px; }
.com-rockstar-photostream .footer .share:hover .text { color:#000; }
.com-rockstar-photostream .footer .share span { background-position:-87px -148px; width:29px; height:29px; margin:0 auto 0px auto; }
.com-rockstar-photostream .footer .share.active span { background-position:-58px -148px; }