a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var{ background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; } ol, ul { list-style: none; } blockquote, q { quotes: none; } table, table td { padding:0; border:none; border-collapse:collapse; } img { vertical-align:top; } embed { vertical-align:top; } * { border:none} div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px} div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px} div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px} div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.dark_rounded .pp_description{color:#fff;margin-right:85px} div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;margin:2px 4px;white-space:nowrap} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0} .pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 20px; height: 100%; background: none; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: none; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } /* .jspTrack { background:url(../images/jspTrack.png) 0 0 no-repeat; position: relative; } .jspDrag { background: url(../images/jspDrag.png) 0 0 no-repeat; position: relative; top: 0; left: 0px; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } */ .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } div.jp-audio { color: #fff; position:relative; width:360px; height:340px; } /* @group playlist */ ul.jplayer-playlist { margin:0; padding: 0; display:block; } ul.jplayer-playlist > li{position:relative; height:30px; text-align:left;} ul.jplayer-playlist > li.jplayer-playlist-line{height:1px; background:#354249; margin:1px 0} ul.jplayer-playlist > li > a{display:block; font-size:12px; line-height:30px; padding-left:10px; color:#7debff; text-decoration:none; position: relative; overflow:hidden;} ul.jplayer-playlist > li > a > span{ display:block; position:absolute; top:10px; right:10px; width:11px; height:12px; background:url(../images/jplayer_listen_live.png) top left no-repeat;} ul.jplayer-playlist > li > a:hover { background:#000;} /* @end */ /* @group CONTROLS */ ul.jp-controls { margin:0; padding: 0; display:block; height:70px; } a.jp-play, a.jp-pause, a.jp-stop { width:41px; height:42px; display:block; float:left; } a.jp-play { background: url(../images/jplayer_play.png) top left no-repeat; } a.jp-play:hover { background: url(../images/jplayer_play.png) bottom left no-repeat; } a.jp-pause { background:url(../images/jplayer_pause.png) top left no-repeat; display: none; } a.jp-pause:hover { background: url(../images/jplayer_pause.png) bottom left no-repeat; } a.jp-stop { background: url(../images/jplayer_stop.png) top left no-repeat; margin-left:10px; } a.jp-stop:hover { background: url(../images/jplayer_stop.png) bottom left no-repeat; } /* @end */ /* @group volume controls */ a.jp-mute, a.jp-unmute, a.jp-volume-max { width:38px; height:38px; float:left; display:block; } a.jp-mute, a.jp-unmute { margin-left: 10px; } a.jp-volume-max { margin-left: 110px; } a.jp-mute { background: url(../images/jplayer_mute.png) top left no-repeat; } a.jp-mute:hover { background: url(../images/jplayer_mute.png) bottom left no-repeat; } a.jp-unmute { background: url(../images/jplayer_unmute.png) top left no-repeat; display: none; } a.jp-unmute:hover { background: url(../images/jplayer_unmute.png) bottom left no-repeat; } a.jp-volume-max { background: url(../images/jplayer_volume_max.png) top left no-repeat; } a.jp-volume-max:hover { background: url(../images/jplayer_volume_max.png) bottom left no-repeat; } div.jp-volume-bar { position: absolute; top:13px; left:150px; overflow:hidden; background: #152025; width:87px; height:7px; cursor: pointer; } div.jp-volume-bar-value { background: #8eccf3; width:0px; height:7px; } /* @end */ /* @group progress bar */ div.jp-progress { overflow:hidden; background-color: #152025; border:2px solid #000; position: absolute; top:50px; left:0px; height:6px; width:356px; } div.jp-seek-bar { background:#46606f; width:0px; height:100%; cursor: pointer; } div.jp-play-bar { background: #8eccf3; width:0px; height:100%; } /* The seeking class is added/removed inside jPlayer */ div.jp-seeking-bg { background: url(../images/jplayer.seeking.gif); } /* @end */ /* Getting the new tags to behave */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; } mark, rp, rt, ruby, summary, time{ display: inline } /* Left & Right alignment */ .left { float:left;} .right { float:right;} .clear {clear:both;} .table {display:table;} .wrapper {width:100%; overflow:hidden;} .relative {position:relative;} .absolute {position:absolute;} /* Global properties ======================================================== */ body, html {height:100%;} body{ background:#000; border:0; font: 12px Arial, Helvetica, sans-serif; color:#d4dde3; line-height:18px; min-width:1000px; position:relative; overflow:hidden;} .spinner{ position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #000; width:100%; height:100%; top:0; left:0} .extra {min-width:1000px;min-height:100%; height:auto !important; height:100%; margin: 0 auto -60px; overflow:hidden;background:url(../images/background1.jpg) center center no-repeat;} .main1 { width:1000px; margin:0 auto; position:relative;} .main2 { width:1000px; height:510px; position:relative;} .icons { height:40px; position:absolute; right:10px; top:80px; z-index:12;} .icons > li {float: left; padding:0 2px;position:relative;} .icons > li > a{display:block; width:100%; height:40px;} .logo {text-decoration:none; display: inline-block; text-align:left; position:absolute; left:10px; top:-160px; z-index:20} .logo .txt1 {} .logo .txt2 {font-family:'BoltBdBTRegular'; font-weight:normal; font-size:15px; line-height:15px; color:#fff; padding-top:10px; padding-left:20px; text-decoration:none; text-transform:uppercase; text-shadow:2px 2px 2px #000;} .mic2{ width:243px; height:317px; background:url(../images/mic2.png) 0 0 no-repeat; position:absolute; left:414px; top:-100px; z-index:10;} .block{ height:60px;} footer{ width:995px; height:60px; background:url(../images/footer.png) 0 0 no-repeat; margin:0 auto;} .copyright{color:#7d7d7d; line-height:45px;float:left; padding-left:20px;} .copyright span{ color:#7d7d7d;} .copyright a { color:#a3a3a3;} .live{ float:right; width:184px; height:31px; position:relative; text-align:center; margin-top:5px; text-decoration:none;} .live b{ display:block; width:100%; height:100%; background:url(../images/live.png) 0 0 no-repeat; position:absolute; left:0; top:0; z-index:1;} .live span{ position:relative; z-index:2; font-family:'BoltBdBTRegular';text-transform:uppercase; font-size:16px; line-height:31px; color:#c5dfee; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); text-align:center; text-decoration:none;} .live:hover span{ color:#fff;} /* ============================= main menu ====================== */ .menu { position:absolute; left:5px; top:75px; z-index:5;} #menu { } #menu > li {position:relative; float:left; padding-right:3px; text-align:center;} #menu > li > a{ display:block; height:319px; width:196px; text-decoration:none; position: relative; z-index:2; overflow:hidden; background:url(../images/nav.png) 0 0 no-repeat;} #menu > li > a img{ position: absolute; z-index:2; left: 9px; top:9px;} #menu > li > a span.txt1 { display:block; font-family:'BoltBdBTRegular';text-transform:uppercase; font-size:16px; line-height:16px; color:#c5dfee; padding-top:260px; padding-right:5px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); position:relative; z-index:3;} #menu > li > a span.txt2 { display:block; font-family: Arial, Helvetica, sans-serif;font-size:12px; line-height:10px; color:#59839d; padding-top:0px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); padding-right:5px; position:relative; z-index:3;} #menu > li > a b { display:block; width:184px; height:47px; background: url(../images/nav_over.png) 0 0 no-repeat; position: absolute; z-index:1;left:3px; top:250px;} #menu > li > a:hover span.txt1{ color:#fff;} #menu > li > a:hover span.txt2{ color:#c5dfee;} .submenu{ position:absolute; z-index:1; top:295px; left:1px; text-align: center; } .submenu ul{ position:relative; width:188px; background:url(../images/submenu_bg.png) 0 0 repeat; padding:25px 0 10px 0; } .submenu li{ background:url(../images/markers.png) top center no-repeat;height:30px; font-family:'BoltBdBTRegular'; white-space:nowrap; text-transform:uppercase; font-weight:normal; } .submenu a{ display:inline-block; height:30px; line-height:30px; font-size:14px; color:#7ca8c4; text-decoration:none; position: relative; overflow:hidden; } .submenu a:hover{ color:#fff; text-decoration:none; } .submenu li:first-child{ background:none;} /* ============================= main layout ====================== */ .close{ position:absolute; display:block; width:37px; height:37px;top:9px; right:22px;z-index:20;} .close span{ display:block; width:37px; height:36px; background:url(../images/close.png) center center no-repeat; position:absolute; left:0px; top:0px; } #content{position: absolute; z-index:9; top:50px; left:5px;} #content > ul{} #content > ul > li{ width:994px; height:500px; position:absolute;} .box{width:910px; height:390px; background:url(../images/content_bg.png) 0 0 no-repeat; padding:60px 30px 50px 54px; position:relative} .cols{ float:left; width:2px; height:453px; background:url(../images/cols.gif) 0 0 repeat-y; margin-top:-25px; margin-left:44px; margin-right:44px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);} #page_LIVE .cols{ margin-left:24px; margin-right:24px;} #page_DJPAGE .cols{ margin-left:24px; margin-right:24px;} .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float:left;} .col1{ width:410px;} .col2{ width:360px;} .col3{ width:500px;} .col4{ width:470px;} .col5{ width:350px;} .pad_left1{ padding-left:10px;} .pad_left2{ padding-left:20px;} .pad_left3{ padding-left:30px;} .pad_left4{ padding-left:40px;} .pad_left5{ padding-left:50px;} .pad_left6{ padding-left:60px;} .w1{ width:202px;} .line1 { height:1px; background:#354249; margin:10px 0;} a{ color:#7debff; text-decoration: underline; outline:none} a:hover{ text-decoration: none} h2{ font-family:'BoltBdBTRegular';font-weight:normal; font-size:24px; color:#9baeba; line-height:24px; padding:20px 0 20px 0; text-transform:uppercase; } h2 span{ color:#e0edf5;} h3{ font-family:'BoltBdBTRegular';font-weight:normal; font-size:16px; color:#9baeba; line-height:16px; padding:12px 0 12px 0; text-transform:uppercase; } h3 span{ color:#e0edf5;} .s18{ font-size:18px; line-height:25px;} .upper { text-transform:uppercase;} .color1{ color:#fff;} p.text { padding:5px 0;} .radius1{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .border1 { border:3px solid #fff;} .img1 { margin-bottom:10px; margin-right:20px;} .button1{ display:inline-block; width:108px; height:42px; background:url(../images/button1.png) 0 0 no-repeat; font-size:12px; text-transform:uppercase;line-height:33px; position:relative;text-decoration:none; margin-top:10px; margin-bottom:10px; font-family:'BoltBdBTRegular';letter-spacing:0px;} .button1 b{ background: url(../images/button1_over.png) left center no-repeat; position:absolute; top:8px; left:1px; width:100px; height:26px; z-index:1; } .button1 span{ display:inline-block; text-align:center; position:relative; width:100px; z-index:10; color:#b9cedc; font-weight:normal;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);} .button1:hover span{ color:#fff;} .button2{ display:inline-block; font-size:12px; height:20px; line-height:20px; padding-left:20px; position:relative;text-decoration:none; margin-top:7px; margin-bottom:7px; text-align:left; font-family: Arial, Helvetica, sans-serif;letter-spacing:0px;} .button2 b{ background: url(../images/button2.png) left center no-repeat; position:absolute; top:0; left:0; width:8px; height:20px; z-index:1; } .button2 span{ position:relative; z-index:10; color:#7debff; font-weight:normal; text-decoration:underline;} .button2:hover span{ color:#fff; text-decoration:none;} .dropdown1{ display:inline-block; width:90px; height:20px; font-size:14px; text-transform:uppercase;line-height:30px; position:relative;text-decoration:none; margin-top:10px; margin-bottom:8px; font-family:'BoltBdBTRegular';letter-spacing:0px;background-color:#59839d;} .ul1 > li { line-height:26px; background:url(../images/li_st1.png) 0px 10px no-repeat; padding-left:20px;} .ul1 > li a{text-decoration:underline; color:#7debff;} .ul1 > li a:hover{ text-decoration:none; color:#fff;} .vid1 { padding-bottom:15px; padding-top:5px; float:left; margin-right:50px; } .vid1.last { margin-right:0px; } .video1 {width:257px; height:133px; position:relative; } .video1 a img {position:relative; } .video1 a span{position:absolute;z-index:2;margin:3px 0 0 3px; top:0;left:0; background:url(../images/video_over.png) 50% 50% no-repeat #000; width:100%; height:100%;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} .gal1 { padding-bottom:10px; padding-top:5px; float:left; margin-right:40px; } .gal1.last { margin-right:0px; } .photo1 {width:187px; height:113px; position:relative; margin-bottom:10px; } .photo1 a img {position:relative; } .photo1 a span{position:absolute;z-index:2;margin:3px 0 0 3px; top:0;left:0; background:url(../images/photo_over.png) 50% 50% no-repeat #000; width:100%; height:100%;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} /*===================== jScrollPane =====================*/ .scroll-pane{width: 100%; height: 337px; overflow: auto;} #page_LIVE .scroll-pane{width: 100%; height: 257px; overflow: auto;} #page_LIVE .jspTrack{background:url(../images/jspTrack_live.png) 0 0 no-repeat;} /*===================== DJ PAGE ========================*/ .DJPAGE{width:865px;overflow:auto;height:400px;scrollbar-base-color:#000077;scrollbar-arrow-color:#000055;scrollbar-DarkShadow-Color:blue;} /*================= Contacts =========================*/ #note{ width:400px;} .notification_error{ color:#f00; margin-bottom:5px } .notification_ok{ text-align: center;} input{ width:300px; height:29px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #fff; background:#38454c; border: 1px solid #000; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } select{ float:left; width:300px; height:29px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #fff; background:#38454c; border: 1px solid #000; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } textarea{ float:left; width:300px; height:80px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #fff; background:#38454c; border: 1px solid #000; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} input.submit{ width:108px; height:42px; text-indent:-9999%; cursor:pointer; background:url(../images/submit.png) left top no-repeat; border:none; margin:5px 0 0 0px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;} input.submit:hover{ background-position:bottom;} /* Generated by Font Squirrel (http://www.fontsquirrel.com) */ @font-face { font-family: 'BoltBdBTRegular'; src: url('boltb-webfont.eot'); src: url('boltb-webfont.eot#iefix') format('embedded-opentype'), url('boltb-webfont.woff') format('woff'), url('boltb-webfont.ttf') format('truetype'), url('boltb-webfont.svg#BoltBdBTRegular') format('svg'); font-weight: normal; font-style: normal; } #loginbox { position:relative; top:60px; left:30px; z-index:1; } #clock { position:absolute; top:10px; left:910px; font-weight:bold; font-size:14px; } #songinfo { position:absolute; top:0px; left:730px; font-weight:bold; visibility:hidden; } #listenerbox { position:relative; top:50px; left:20px; font-weight:bold; visibility:visible; } #feedbackbox { position:relative; top:480px; left:15px; visibility:visible; width:970px; } #feedbackframe { overflow-x:hidden; overflow-y:hidden; width:970px; height:90px; border-width:0px; opacity: .4; } #feedbackbox:hover { opacity: 1; } #feedbackframe:hover { opacity: 1; } #displaybox { position: relative; top: -300px; left: 200px; height: 160px; width: 500px; background-color:#222222; z-index:1; visibility:hidden; } #displayboxframe { overflow-x:hidden; overflow-y:hidden; width:500px; height:160px; border-width:0px; } #messagescroller { position:absolute; top:200px; left:30px; font-weight:bold; } #albumpic { position:absolute; top:30px; left:380px; font-weight:bold; }