/* RESET */ * {margin:0; padding:0; border:0;} table {border-collapse:collapse; border-spacing:0;} q:before, q:after, blockquote:before, blockquote:after {content:"";} ol, ul {list-style:none;} /* GLOBAL TOOLS */ .lir {display:block; height:0 !important; overflow:hidden;} .hide {display:none;} .block {display:block;} .relative {position:relative;} .absolute {position:absolute; top:0;} .float-left {float:left;} .float-right {float:right !important;} .clear-left {clear:left; float:left;} .clear-right {clear:right; float:right;} /* CLEAR FIX */ .clear-fix:after {display:block; clear:both; content:" "; height:0; overflow:hidden;} .clear-fix {display:inline-block;} /* Hides from IE-mac \*/ * html .clear-fix {height:1%;} .clear-fix {display:block;} /* End hide from IE-mac */ /* LOG styling */ #log { margin: 0 50px; margin-top: 20px; color: #000; } #log pre { display: none; overflow: scroll; } /** * Content.css * * This contains the all styles for the content on the website. * Only styles the parts of the website that are not dynamically filled by the various modules. */ .module-title{border-bottom:4px solid #C8161D; padding:0 0 5px 0; margin:0;} .module-title h1{font:36px; margin:0;} .module-title h2 {color: #c8161d} .module-title p{font:11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform:uppercase; color:#938068;} .heading{position:relative;} h2.heading{font-size:18px; font-weight:bold; border-bottom:5px solid #c8161d; padding:0 0 5px;} .heading a.read-more{position:absolute; top:5px; right:0; font-size:11px !important;} /* FORM LAYOUT */ .col-one{margin:0 20px 0 0; float:left;} .col-two{float:right;} .col-one, .col-two{width:460px;} ul.form-list{overflow:hidden; margin-top: 5px;} ul.form-list li{margin:0 0 5px 0; text-indent: 10px; float: left; width: 50%} fieldset h2{border-bottom:1px solid #EADCCB; font-size:16px; margin:20px 0 10px 0 !important; padding:0 0 5px;} .button-wrap{overflow:hidden; clear:both; border-top:1px solid #EADCCB; padding:10px 0 0 0; margin:10px 0 0 0;} .button-wrap ul li{float:right; margin:0 10px 0 0;} fieldset{background:#f1e7d9; border:1px solid #EADCCB; padding:10px; margin:0 0 10px 0;} fieldset h4 {font-size: 14px; text-transform: uppercase; color: #3b3b3b; text-indent: 10px; border-bottom: solid 1px #EADCCB; line-height: 30px;} fieldset p {padding-left: 10px; margin-top: 10px} .subs_bold {text-transform: uppercase; color: #C8161D; font-weight: bold;} legend{font-size:14px; font-weight:bold; margin:0 !important; padding:0 !important;} /* FORM ACTIONS */ .form-response{display:none; min-height:24px; padding:6px 0 6px 36px; margin:0 0 10px; background:#ffe47f; border:1px solid #f8d00d; font-weight:bold; vertical-align:middle;} .form-response.form-success{background:#FFE47F url('/public/img/form-ok.gif') no-repeat 6px 6px; color:#2A6EBD;} .form-response.form-error{background:#FFE47F url('/public/img/form-error.gif') no-repeat 6px 6px; color:#C10000;} .form-saving{display:none; height:20px; background:url('/public/img/indicator.gif') no-repeat; padding-left:20px;} /* Labels and input fields */ input.radio, input.checkbox, .checkbox_left{width:18px; height:18px;} .checkbox_left{margin:0 10px 0 0;} textarea.small{width:573px; height:100px; font:12px Arial;} .form-item input, .form-item textarea, .form-item select{background:#FFF; color: #000; border:1px solid #EADCCB; padding:5px; color:inherit !important;} /* TYPES OF FORM CONTENT */ .form-item{position:relative; padding:5px 0px 5px 145px; border-bottom:1px solid #EADCCB; min-height:20px;} .form-item label{position:absolute; top: 11px; left:10px; font-weight: bold; color: inherit !important;} /* BUTTON CONFIG */ .form-buttons{position:relative; padding:3px 0; margin-bottom:5px; height:18px; height:auto !important; min-height:18px;} .form-buttons a.btn-right{position:absolute; right:11px; top:4px;} .form-button{margin-left:11px;} /* Global Styles */ .left{float:left !important;} .right{float:right !important;} .last{margin:0 !important;} .section-image{float:right; display:block; margin:0 0 20px 0;} .border-overlay{width:220px; height:120px; display:block; background:url(/public/img/core/small-border.png) no-repeat; position:absolute; top:0; left:0; z-index:10;} .clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix{display:inline-block;} * html .clearfix{height:1%;} .clearfix{display:block;} /* Fancy Popup Window */ .pp_content{height:auto !important; padding:20px !important; position:relative; border:5px solid #2885c2;} .pp_content .top-left{width:18px; height:18px; position:absolute; top:-5px; left:-5px; background:url(/public/img/core/popup-borders.png) no-repeat left top;} .pp_content .top-right{width:18px; height:18px; position:absolute; top:-5px; right:-5px; background:url(/public/img/core/popup-borders.png) no-repeat right top;} .pp_content .bottom-left{width:18px; height:18px; position:absolute; bottom:-5px; left:-5px; background:url(/public/img/core/popup-borders.png) no-repeat left bottom;} .pp_content .bottom-right{width:18px; height:18px; position:absolute; bottom:-5px; right:-5px; background:url(/public/img/core/popup-borders.png) no-repeat right bottom;} .pp_content h2{margin:0 0 10px 0; text-transform:uppercase; font:bold 20px/24px "Droid Serif",Times New Roman,Times,serif; color:#0073CF;} .pp_details{display:none !important;} .pp_overlay{opacity:0.5 !important;} .ppt{display:none !important;} /* Typography */ body{color:#666666; font:12px/22px "Lucida Grande", Lucida, Verdana, sans-serif;} a{color:#0073cf; text-decoration: underline} body a:hover{color:#6fb0e3 !important;} .generic_button {background: #0073cf; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px; padding: 3px; color: #fff; font-weight: bold;} .no-mar{margin:0 !important;} p{margin:0 0 10px 0; line-height: 18px ;} #logo{background: url(/public/img/core/logo.gif) no-repeat; text-indent: -9999px; float: left;} #logo a{height: 77px; width: 172px; display: block;} h1, #logo{color:#0073cf; text-transform:uppercase; font:bold 36px/40px "Droid Serif", Times New Roman, Times,serif ;} h1 a, #logo a{color:#0073cf;} h1 a:hover{} h2{color:#717171; font:20px/28px "Droid Serif", Times New Roman, Times,serif;} h2 a{text-decoration: none;} h3{text-transform:uppercase; font-weight:bold;} h3 a{text-decoration: none;} h4{color:#0073cf; text-transform:uppercase; font:bold 18px/24px "Droid Serif", Times New Roman, Times,serif;} h4 a{text-decoration: none;} .line {background: url(/public/img/core/line.gif) no-repeat; height: 4px; width: 940px; clear: both; display: block} /* Page Structure */ #wrapper{width:940px; margin:35px auto;} #header{overflow: hidden; margin-bottom:35px; position:relative;} #menu{position:absolute; right:0; bottom:0; font:15px/35px "Droid Serif", Times; } #menu li{float: left; margin-left:20px;} #menu li a{height:35px; display:block; position:relative; text-decoration:none; text-transform:uppercase; letter-spacing:0.5px; line-height:40px;} #menu li.active a{display:block; font-size:14px; line-height:30px; background:url(/public/img/core/menu-sprite.png) no-repeat left top; padding:0 0 0 10px; color:#FFF;} #menu li.active a:hover{color:#FFF !important;} #menu li.active a span{float:left; display:block; line-height:35px; padding:0 10px 0 0; font-weight:bold; font-size:14px; background:url(/public/img/core/menu-sprite.png) no-repeat bottom right; cursor:pointer;} #breadcrumb {overflow: hidden} #breadcrumb li {float: left; margin-right: 5px} #breadcrumb li em {font-weight: bold;} #breadcrumb li a {margin-right: 5px;} #banner{float:left; clear:both; position:relative; margin-bottom:35px; padding-bottom: 20px;} /* Changed by Michal for new transition effect */ #banners-container {width: 940px; height: 350px; overflow: hidden; position: relative;} #banners-container ul {position: relative; display: block; height: 350px;} #banners-container ul li.banner-content {width: 940px; height: 350px; float: left; position: relative; overflow: hidden;} #banners-container .banner-slide{position: relative; width:610px; height:340px; float: left; margin-right: 20px; background:url("/public/img/core/banner-bg.png") no-repeat; padding:5px;} #banners-container .banner-slide object{width:610px !important; height:340px !important;} #banners-container .banner-slide .left{width: 4px; height:347px; background:url("/public/img/video/vid-left.png") no-repeat scroll 0 0 transparent; display: block; position: absolute; left: 0; top:0; z-index:100;} #banners-container .banner-slide .top{width:622px; height:5px; background:url("/public/img/video/vid-top.png") no-repeat scroll 0 0 transparent; display: block; position: absolute; left:0; top:-2px; z-index:100;} #banners-container .banner-slide .right{width:4px; height:350px; background:url("/public/img/video/vid-left.png") no-repeat scroll left bottom transparent; display: block; position: absolute; right:-3px; top: 0; z-index:100;} #banners-container .banner-slide .bottom{width:620px; height:5px; background:url("/public/img/video/vid-bottom.png") no-repeat scroll right top transparent; display: block; position: absolute; left: 0; bottom: -2px; z-index:100;} #banners-container .banner-slide img {width:610px; height:340px;} #banners-container .banner-copy {float: right; width:300px;} #banners-container .banner-copy h2 {font:18px/28px "Droid Serif", Times New Roman, Times,serif; margin-bottom:5px; text-transform:uppercase; font-weight:bold;} #banners-container .banner-copy p {line-height:24px; font-size:13px; font-variant:normal;} /* #id-spotlight-media-clip object{width:618px !important; height:346px !important;} #banner-slide {position: relative; width:616px; height:346px; padding:2px; float: left; margin-right: 20px; background:#0073cf;} #banner-slide ul li {padding: 2px;} #banner-slide .left{width: 4px; height:347px; background:url("/public/img/video/vid-left.png") no-repeat scroll 0 0 transparent; display: block; position: absolute; left: 0; top:0; z-index:100;} #banner-slide .top{width:622px; height:5px; background:url("/public/img/video/vid-top.png") no-repeat scroll 0 0 transparent; display: block; position: absolute; left:0; top:-2px; z-index:100;} #banner-slide .right{width:4px; height:350px; background:url("/public/img/video/vid-left.png") no-repeat scroll left bottom transparent; display: block; position: absolute; right:-3px; top: 0; z-index:100;} #banner-slide .bottom{width:620px; height:5px; background:url("/public/img/video/vid-bottom.png") no-repeat scroll right top transparent; display: block; position: absolute; left: 0; bottom: -2px; z-index:100;} #banner-copy {float: right; width:300px;} #banner-copy h2 {font:18px/28px "Droid Serif", Times New Roman, Times,serif; margin-bottom:5px; text-transform:uppercase; font-weight:bold;} #banner-copy p {line-height:24px; font-size:13px; font-variant:normal;} #id-spotlight-media img{width:618px; height:346px;} */ #banner-select {position:absolute; bottom:0; right:0;} #banner-select li {cursor: pointer; float: left; margin-right: 5px; width: 12px; height: 12px; text-indent: -9999px; background: url(/public/img/carousel/select.png) top no-repeat} #banner-select li.active {background: url(/public/img/carousel/select.png) bottom no-repeat} #traffic-driver-wrap {clear: both; width: 940px; overflow: hidden;} #traffic-driver-wrap li {float: left; width: 225px; margin-right: 20px; height: 75px;} #traffic-driver-wrap li.directors {padding-left: 75px; background: url(/public/img/characters/home-sprite.png) no-repeat 0 7px;} #traffic-driver-wrap li.contact {padding-left: 60px; width: 240px; background: url(/public/img/characters/home-sprite.png) no-repeat 0 -157px ;} #traffic-driver-wrap li.newsletter {margin: 0; padding-left: 90px; width: 210px; background: url(/public/img/characters/home-sprite.png) no-repeat 0 -66px;} #traffic-driver-wrap li a {text-decoration: none;} #traffic-driver-wrap li a:hover span, #traffic-driver-wrap li a:hover strong{color:#6FB0E3 !important;} #traffic-driver-wrap strong, #traffic-driver-wrap h3{font:bold 14px "Droid Serif", Times; margin-bottom: 2px; color:#0073CF; text-transform:uppercase;} #traffic-driver-wrap li.newsletter h3 { margin-bottom: 5px;} #traffic-driver-wrap span{color: #666; display:block; font:normal normal 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;} #traffic-driver-wrap .newsletter-field {border: solid 1px #0073cf; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; color: #666; width: 170px;} #social-wrap {margin-top:35px; padding:12px 0 12px 0; position:relative; overflow:hidden;} #social-wrap .line.top{position:absolute; top:0; left:0;} #social-wrap .line.bottom{position:absolute; bottom:0 !important; left:0;} #social-wrap h3 {font:bold 12px "Droid Serif", Times; color: #0073cf; text-transform:uppercase;} .col{float: left; width: 300px; margin:0 20px 0 0;} .col.blog{width:250px; height:65px; padding:0 0 0 50px; background:url("/public/img/characters/blog.png") no-repeat;} .col.twitter{width:255px; height:65px; padding:0 0 0 85px; background:url("/public/img/characters/social.png") no-repeat;} .col.twitter p a{text-decoration:none;} .col.social{width:260px;} .col.twitter p{font: 13px/17px Droid Serif normal; color: #0073cf; margin:0;} .col.twitter .when {color: #666; font-size:10px; font-family:Arial; display: block;} .blogs-links{padding-left: 10px;} .blogs-links li {background: url(/public/img/core/bullet.gif) no-repeat 0 8px; text-indent: 15px; font-size:11px;} .blogs-links li a {text-decoration: none; color: #666} .social-icons{overflow:hidden;} .social-icons li.first{margin-top:0 !important;} .social-icons li{float:left; margin:10px 20px 0 0;} .social-icons li.no-mar{margin-top:10px !important;} .social-icons li a, .social-icons li a img{display:block;} .twitter-links{width:315px; margin: 0 0 0 0; float:right;} .twitter-links p {font: 13px/17px Droid Serif normal; color: #0073cf;} .twitter-links .when {color: #666; font-size: 11px; font-family: Arial; display: block} .social-links {float:left; margin:10px 0 0 0;} .social-links li {float: left; text-indent: -9999px; margin-right:35px;} .social-links .twitter{margin:0;} .social-links .twitter a {background: url(/public/img/social/twitter.png) no-repeat; display: block; width: 47px; height: 46px; overflow:hidden;} .social-links .facebook a {background: url(/public/img/social/facebook.png) no-repeat; display: block; width: 47px; height: 46px; overflow:hidden;} .social-links .youtube a {background: url(/public/img/social/youtube.png) no-repeat; display: block; width: 95px; height: 51px; overflow:hidden;} #content-wrap{overflow:hidden;} #content-wrap h1{margin:0 0 10px 0;} #content-wrap h2{margin:0 0 20px 0;} #download-clips-container div strong{ color:#0073CF; font-size:15px; display:block; margin-bottom:5px; } #download-clips-container div{ background:url(/public/img/core/downloads-icon.png) no-repeat left top; padding:0 0 0 70px ; } #content-wrap h2 small{margin:10px 0 0 0; display:block;} .work-wrap{overflow:hidden; clear:both;} /* work sub menu */ .sub-menu{width:220px; overflow:hidden; float:left;} .sub-menu li{margin:0 0 20px 0; height:120px;} .sub-menu li.awards a{padding:7px 110px 7px 0; background:url(/public/img/characters/sub-menu-two.png) no-repeat 140px center;} .what-they-say a{padding:7px 90px 7px 0px; background:url(/public/img/characters/sub-menu-one.png) no-repeat 150px center;} .sub-menu li a, .what-they-say a{display:block; text-decoration:none;} .sub-menu li a strong, .what-they-say a strong{text-transform:uppercase; font:bold 14px/24px "Droid Serif", Times New Roman, Times,serif;} .sub-menu li a em, .what-they-say a em{color:#717171; font:12px/18px "Lucida Grande",Lucida,Verdana,sans-serif; display:block;} /* Image Grid */ .image-grid.work{width:700px; overflow:hidden; clear:none; float:right;} .image-grid{overflow:hidden; clear:both;} .image-grid li{overflow:hidden; float:left; margin:0 20px 20px 0; position:relative;} .image-grid li.last{margin:0 0 20px 0 !important;} .image-grid li a{width:220px; height:120px; display:block; position:relative; text-decoration:none;} .image-grid li a span{} .image-grid li a img{width:220px !important; height:120px !important; display:block; top:0 !important; right:0 !important;} .image-grid li .overlay{width:190px; height:90px; background:#0073cf; position:absolute; padding:15px; top:0; left:0; z-index:1;} .image-grid li .overlay strong.title{color:#FFF; font:bold 16px/24px "Droid Serif", Times New Roman, Times,serif; display:block; margin-bottom: 5px;} .image-grid li .overlay em{color:#FFF; font:14px/18px "Droid Serif", Times New Roman, Times,serif;} .image-grid li .overlay span.info{overflow:hidden; display:block; color:#FFF; font:12px/18px "Droid Serif", Times New Roman, Times,serif;} .image-grid li .overlay img{position:absolute; top:0; left:0; z-index:-1; opacity:0.6;} /* Sidebar */ .sidebar{width:220px; float:right;} .sidebar ul{margin:0 0 20px 0;} .sidebar ul li.title{background:none; text-indent:0; margin:0 0 2px 0;} .sidebar ul li{background: url(/public/img/core/bullet.gif) no-repeat 0 8px; text-indent: 15px;} .sidebar ul li a{text-decoration:none;} .sidebar .what-they-say{ margin:0 0 20px 0; } #footer{overflow:hidden; margin-top:5px;} #footer ul li{float:left; margin:0 20px 0 0; color:#0073cf; font-family:"Droid Serif", Times New Roman, Times, serif;} #footer ul li.col-left{} #footer ul li.col-mid{width:300px; color:#717171;} #footer ul li.col-right{width:300px; margin:0 !important; text-align:right;} /* Video */ .video-wrap{width:700px; overflow:hidden; float:left;} .video-wrap .scrollable, .blog-wrap .scrollable{height:80px !important; padding:5px 35px 5px 0;} .video-wrap .clip-thumbnails ul li a img, .blog-wrap .clip-thumbnails ul li a img{width:158px !important; height:80px !important;} .video-wrap .scrollable .items ul li, .blog-wrap .scrollable .items ul li{margin:0 !important;} .video-wrap .scrollable .items ul li .overlay, .blog-wrap .scrollable .items ul li .overlay{width:138px; height:60px; padding:10px; text-decoration:none;} .video-wrap .scrollable .items ul li .overlay strong.title, .blog-wrap .scrollable .items ul li .overlay strong.title{font-size:14px; line-height:18px;} .video-wrap .scrollable .items ul li .overlay span, .blog-wrap .scrollable .items ul li .overlay span{font-size:12px; line-height:18px; font-weight: bold; color:#FFF !important; display: block;} .video-wrap .scrollable-button{} .video-wrap .description, .blog-wrap .description{overflow:hidden; clear:both;} .video-wrap .clip-thumbnails, .blog-wrap .clip-thumbnails{margin:20px 0 !important;} .scrollable .items{ display: block; margin: 0px 35px; position: absolute; width: 20000em; } .video{width:690px; height:385px; padding:5px; position:relative; float:left; background:url(/public/img/core/video-bg.png) no-repeat;} .video object{width:690px !important; height:385px !important;} .video .top, .video .right, .video .bottom, .video .left{position:absolute;} .video .top{width:700px; height:6px; top:-2px; left:0; background:url(/public/img/video/vid-top.png) no-repeat;} .video .right{width:2px; height:383px; top:0; right:0; background:url(/public/img/video/vid-right.png) no-repeat;} .video .bottom{width:700px; height:6px; bottom:-3px; left:0; background:url(/public/img/video/vid-bottom.png) no-repeat;} .video .left{width:3px; height:390px; top:3px; left:0; background:url(/public/img/video/vid-left.png) repeat;} .director-info{margin:0 0 20px 0;} .director-info ul{margin:10px 0 0 0 !important; color:#717171;} .director-info ul li{background:none !important; text-indent:0; margin:0 0 5px 0; font:16px "Droid Serif", Times New Roman, Times, serif;} .director-info ul li em{color:#0073cf; font:16px "Droid Serif", Times New Roman, Times, serif;} .director-info a{position:relative; display:block;} .director-info a img{display:block;} /* Clips */ .clip-thumbnails{width:665px; overflow:hidden; position:relative; float:left; margin:20px 0 0 0; background:url(/public/img/core/video-preview-bg.png) no-repeat;} .clip-thumbnails .top, .clip-thumbnails .right, .clip-thumbnails .bottom, .clip-thumbnails .left{position:absolute; z-index:10;} .clip-thumbnails .top{width:700px; height:4px; top:-1px; left:0; background:url(/public/img/video/clips/clips-top.png) no-repeat;} .clip-thumbnails .right{width:2px; height:115px; top:0; right:0; background:url(/public/img/video/clips/clips-right.png) no-repeat;} .clip-thumbnails .bottom{width:700px; height:4px; bottom:-2px; left:0; background:url("/public/img/video/clips/clips-top.png") no-repeat;} .clip-thumbnails .left{width:3px; height:116px; top:1px; left:-1px; background:url(/public/img/video/clips/clips-left.png) repeat;} .clip-thumbnails ul{height:80px; overflow:hidden;} .clip-thumbnails ul li{float:left;} .clip-thumbnails ul li a{width:157px; height:80px; display:block;} .clip-thumbnails ul li a img{width:157px; height:80px; display:block;} .scrollable-button{width:30px; height:80px; position:absolute; z-index:10; text-indent:-9999px; cursor:pointer;} .scrollable-button.disabled{opacity:0.4;} .scrollable-button.next{top:5px; right:5px; background:url(/public/img/video/arrow-sprite.png) no-repeat left top;} .scrollable-button.prev{top:5px; left:5px; background:url(/public/img/video/arrow-sprite.png) no-repeat left bottom;} .items > li.js-first{width:645px !important;} /*Team Page*/ body.pages h2{margin:0 0 20px 0;} .pages-wrap{overflow:hidden; clear:both; margin:20px 0 0 0;} .pages-wrap .sub-menu{} .pages-wrap .sub-menu li{height:auto !important;} .pages-wrap .sub-menu li.bare-team a{padding:0px 110px 0px 0; background:url("/public/img/characters/home-sprite.png") no-repeat scroll right 9px transparent;} .pages-wrap .sub-menu li.bare-team a.contact{padding:0 110px 30px 0;} .pages-wrap .sub-menu li.contact a{padding:0px 110px 0px 0; background:url("/public/img/characters/home-sprite.png") no-repeat scroll right -157px transparent;} .page-content{width:680px; float:left; margin:0 20px 0 0;} .image-grid.team{width:700px; overflow:hidden; clear:none; float:right;} ul.page.image-grid{} ul.page.image-grid li{} ul.page.image-grid li a{background:#FFF;} ul.page.image-grid li a .title{position:absolute; top:45px; left:15px; z-index:12; font:bold 16px/24px "Droid Serif",Times New Roman,Times,serif;} ul.page.image-grid li a.no-hover{padding:15px;} ul.page.image-grid li a.no-hover .title{color:#000;} ul.page.image-grid li a img{height:100px; top:10px; right:10px; position:absolute;} ul.page.image-grid li a.overlay .title{position:absolute; z-index:12;} ul.page.image-grid li a.overlay .border-overlay{background-color:#0073CF;} ul.page.image-grid li a.overlay img{width:220px; height:120px; opacity:0.7; z-index:1;} .pp_content .characture{float:right; margin:0 20px 0 0;} /*Contact Page Specific Styles*/ #google-map{} #google-map iframe{width:680px !important;} .css-menu-left { float: left; overflow: hidden; width: 220px; } .css-menu-left li { background: none repeat scroll 0 0 transparent; margin: 0 0 2px; background: url(/public/img/core/bullet.gif) no-repeat scroll 0 8px transparent; text-indent: 15px; } .css-menu-left li a { text-decoration: none; } .css-menu-left li.title { background: transparent none; text-indent: 0; } .paging .right li{ display: inline; } .evisua-window{ position:fixed; width:200px; z-index:99; top:20px; left:20px; background: rgba(0,0,0,0.6); padding:5px !important; -moz-border-radius:5px; -webkit-border-radius:5px; } .evisua-window .window-title{ background:transparent url() repeat scroll 0 0; margin:5px; letter-spacing:-1px; color:#FFF !important; font-size:20px; padding:10px; } .evisua-window .window-top-left, .evisua-window .window-top-right{ width:6px; height:29px; } .evisua-window .window-top-left{ display:none; } .evisua-window .window-top-right{ display:none; } .evisua-window .window-middle-left{ padding-left:5px; background: #fff; } .evisua-window .window-middle-right{ padding-right:5px; } .evisua-window .window-body{ position:relative; width:92%; } html>body .evisua-window .window-body{ width:auto; } /* this is for the disappearing caret bug in input fields above overflow: elements */ body.mozilla .evisua-window .window-body{ overflow:auto; color:#000 !important; } /* +1 px to make up for the overflow: auto in ff */ body.mozilla .evisua-window .window-middle-right{ padding-right:7px; } .evisua-window .window-buttons{ overflow:hidden; padding:0; margin:5px 0; background:transparent url() repeat scroll 0 0; } .evisua-window .window-button{ float:right; clear:none; margin:6px 6px 0 0; } .evisua-window .window-button.left{ float:left; clear:none; margin:6px 0 0 6px; } .evisua-window .align-left{ float:left; margin-left:6px; } .evisua-window .align-right{ float:right; } .evisua-window .window-bottom{ display:none; } .evisua-window .window-bottom-left, .evisua-window .window-bottom-right{ width:8px; height:8px; } .evisua-window .window-bottom-left{ left:-1px; background:url('/public/img/plugins/messagebox/mb-bottom-sprite.gif') no-repeat 0 0; } .evisua-window .window-bottom-right{ right:-1px; background:url('/public/img/plugins/messagebox/mb-bottom-sprite.gif') no-repeat 0 -8px; } .evisua-window{ color:#000; } .window-content-wrap{background:#FFF; border-left:1px solid #333333; border-right:1px solid #333333; border-bottom:1px solid #333333; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; padding:10px;} 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_middle{background:#fff;}div.light_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_content .ppt{color:#000;}div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}div.light_rounded .pp_content{background-color:#fff;}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{width:75px;height:22px;background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_rounded #pp_full_res .pp_inline{color:#000;}div.light_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next{background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}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_middle{background:#fff;}div.light_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}div.light_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/light_rounded/loader.gif) center center 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_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left 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_content{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}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{width:75px;height:22px;background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_rounded .currentTextHolder{color:#c4c4c4;}div.dark_rounded .pp_description{color:#fff;}div.dark_rounded #pp_full_res .pp_inline{color:#fff;}div.dark_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_rounded .pp_arrow_next{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}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_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left 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: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat;}div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_square .pp_description{color:#fff;}div.dark_square .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_content_container .pp_left{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_square .pp_content_container .pp_right{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}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{width:75px;height:22px;background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_square #pp_full_res .pp_inline{color:#fff;}div.dark_square .pp_arrow_previous{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;}div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_square .pp_arrow_next{background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;}div.dark_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}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_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}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{width:75px;height:22px;background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_arrow_previous{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}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 .ppt{color:#000;}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_content{background:#fff;}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{width:22px;height:22px;background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.facebook #pp_full_res .pp_inline{color:#000;}div.facebook .pp_loaderIcon{background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;}div.facebook .pp_nav .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_nav .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_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_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_content .ppt{left:auto;margin-bottom:5px;position: relative;top:auto;}.pp_fade{display: none;}.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{margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav a.pp_arrow_previous,.pp_nav 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;}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;float: right;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.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 0;}div.ppt{color:#fff;display: none;font-size:17px;left:0;position:absolute;top:0;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}