/*!
* Bootstrap v2.3.1
*
* Copyright 2012 Twitter,Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
.clearfix{
*zoom:1;
}
.clearfix:before,
.clearfix:after{
display:table;
content:"";
line-height:0;
}
.clearfix:after{
clear:both;
}
.hide-text{
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0;
}
.input-block-level{
display:block;
width:100%;
min-height:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section{
display:block;
}
audio,
canvas,
video{
display:inline-block;
*display:inline;
*zoom:1;
}
audio:not([controls]){
display:none;
}
html{
font-size:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
a:focus{
outline:thin dotted #333;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
}
a:hover,
a:active{
outline:0;
}
sub,
sup{
position:relative;
font-size:75%;
line-height:0;
vertical-align:baseline;
}
sup{
top:-0.5em;
}
sub{
bottom:-0.25em;
}
img{
/* Responsive images (ensure images don't scale beyond their parents) */
max-width:100%;
/* Part 1:Set a maxium relative to the parent */
width:auto\9;
/* IE7-8 need help adjusting responsive images */
height:auto;
/* Part 2:Scale the height according to the width,otherwise you get stretching */
vertical-align:middle;
border:0;
-ms-interpolation-mode:bicubic;
}
#map_canvas img,
.google-maps img{
max-width:none;
}
button,
input,
select,
textarea{
margin:0;
font-size:100%;
vertical-align:middle;
}
button,
input{
*overflow:visible;
line-height:normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
padding:0;
border:0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
-webkit-appearance:button;
cursor:pointer;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"]{
cursor:pointer;
}
input[type="search"]{
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
-webkit-appearance:textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button{
-webkit-appearance:none;
}
textarea{
overflow:auto;
vertical-align:top;
}
@media print{
*{
text-shadow:none !important;
color:#000 !important;
background:transparent !important;
box-shadow:none !important;
}
a,
a:visited{
text-decoration:underline;
}
a[href]:after{
content:" (" attr(href) ")";
}
abbr[title]:after{
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after{
content:"";
}
pre,
blockquote{
border:1px solid #999;
page-break-inside:avoid;
}
thead{
display:table-header-group;
}
tr,
img{
page-break-inside:avoid;
}
img{
max-width:100% !important;
}
@page{
margin:0.5cm;
}
p,
h2,
h3{
orphans:3;
widows:3;
}
h2,
h3{
page-break-after:avoid;
}
}
body{
margin:0;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:14px;
line-height:20px;
color:#333333;
background-color:#ffffff;
}
a{
color:#0088cc;
text-decoration:none;
}
a:hover,
a:focus{
color:#005580;
text-decoration:underline;
}
.img-rounded{
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.img-polaroid{
padding:4px;
background-color:#fff;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.img-circle{
-webkit-border-radius:500px;
-moz-border-radius:500px;
border-radius:500px;
}
.row{
margin-left:-20px;
*zoom:1;
}
.row:before,
.row:after{
display:table;
content:"";
line-height:0;
}
.row:after{
clear:both;
}
[class*="span"]{
float:left;
min-height:1px;
margin-left:20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container{
width:940px;
}
.span12{
width:940px;
}
.span11{
width:860px;
}
.span10{
width:780px;
}
.span9{
width:700px;
}
.span8{
width:620px;
}
.span7{
width:540px;
}
.span6{
width:460px;
}
.span5{
width:380px;
}
.span4{
width:300px;
}
.span3{
width:220px;
}
.span2{
width:140px;
}
.span1{
width:60px;
}
.offset12{
margin-left:980px;
}
.offset11{
margin-left:900px;
}
.offset10{
margin-left:820px;
}
.offset9{
margin-left:740px;
}
.offset8{
margin-left:660px;
}
.offset7{
margin-left:580px;
}
.offset6{
margin-left:500px;
}
.offset5{
margin-left:420px;
}
.offset4{
margin-left:340px;
}
.offset3{
margin-left:260px;
}
.offset2{
margin-left:180px;
}
.offset1{
margin-left:100px;
}
.row-fluid{
width:100%;
*zoom:1;
}
.row-fluid:before,
.row-fluid:after{
display:table;
content:"";
line-height:0;
}
.row-fluid:after{
clear:both;
}
.row-fluid [class*="span"]{
display:block;
width:100%;
min-height:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
float:left;
margin-left:2.127659574468085%;
*margin-left:2.074468085106383%;
}
.row-fluid [class*="span"]:first-child{
margin-left:0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"]{
margin-left:2.127659574468085%;
}
.row-fluid .span12{
width:100%;
*width:99.94680851063829%;
}
.row-fluid .span11{
width:91.48936170212765%;
*width:91.43617021276594%;
}
.row-fluid .span10{
width:82.97872340425532%;
*width:82.92553191489361%;
}
.row-fluid .span9{
width:74.46808510638297%;
*width:74.41489361702126%;
}
.row-fluid .span8{
width:65.95744680851064%;
*width:65.90425531914893%;
}
.row-fluid .span7{
width:57.44680851063829%;
*width:57.39361702127659%;
}
.row-fluid .span6{
width:48.93617021276595%;
*width:48.88297872340425%;
}
.row-fluid .span5{
width:40.42553191489362%;
*width:40.37234042553192%;
}
.row-fluid .span4{
width:31.914893617021278%;
*width:31.861702127659576%;
}
.row-fluid .span3{
width:23.404255319148934%;
*width:23.351063829787233%;
}
.row-fluid .span2{
width:14.893617021276595%;
*width:14.840425531914894%;
}
.row-fluid .span1{
width:6.382978723404255%;
*width:6.329787234042553%;
}
.row-fluid .offset12{
margin-left:104.25531914893617%;
*margin-left:104.14893617021275%;
}
.row-fluid .offset12:first-child{
margin-left:102.12765957446808%;
*margin-left:102.02127659574467%;
}
.row-fluid .offset11{
margin-left:95.74468085106382%;
*margin-left:95.6382978723404%;
}
.row-fluid .offset11:first-child{
margin-left:93.61702127659574%;
*margin-left:93.51063829787232%;
}
.row-fluid .offset10{
margin-left:87.23404255319149%;
*margin-left:87.12765957446807%;
}
.row-fluid .offset10:first-child{
margin-left:85.1063829787234%;
*margin-left:84.99999999999999%;
}
.row-fluid .offset9{
margin-left:78.72340425531914%;
*margin-left:78.61702127659572%;
}
.row-fluid .offset9:first-child{
margin-left:76.59574468085106%;
*margin-left:76.48936170212764%;
}
.row-fluid .offset8{
margin-left:70.2127659574468%;
*margin-left:70.10638297872339%;
}
.row-fluid .offset8:first-child{
margin-left:68.08510638297872%;
*margin-left:67.9787234042553%;
}
.row-fluid .offset7{
margin-left:61.70212765957446%;
*margin-left:61.59574468085106%;
}
.row-fluid .offset7:first-child{
margin-left:59.574468085106375%;
*margin-left:59.46808510638297%;
}
.row-fluid .offset6{
margin-left:53.191489361702125%;
*margin-left:53.085106382978715%;
}
.row-fluid .offset6:first-child{
margin-left:51.063829787234035%;
*margin-left:50.95744680851063%;
}
.row-fluid .offset5{
margin-left:44.68085106382979%;
*margin-left:44.57446808510638%;
}
.row-fluid .offset5:first-child{
margin-left:42.5531914893617%;
*margin-left:42.4468085106383%;
}
.row-fluid .offset4{
margin-left:36.170212765957444%;
*margin-left:36.06382978723405%;
}
.row-fluid .offset4:first-child{
margin-left:34.04255319148936%;
*margin-left:33.93617021276596%;
}
.row-fluid .offset3{
margin-left:27.659574468085104%;
*margin-left:27.5531914893617%;
}
.row-fluid .offset3:first-child{
margin-left:25.53191489361702%;
*margin-left:25.425531914893618%;
}
.row-fluid .offset2{
margin-left:19.148936170212764%;
*margin-left:19.04255319148936%;
}
.row-fluid .offset2:first-child{
margin-left:17.02127659574468%;
*margin-left:16.914893617021278%;
}
.row-fluid .offset1{
margin-left:10.638297872340425%;
*margin-left:10.53191489361702%;
}
.row-fluid .offset1:first-child{
margin-left:8.51063829787234%;
*margin-left:8.404255319148938%;
}
[class*="span"].hide,
.row-fluid [class*="span"].hide{
display:none;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right{
float:right;
}
.container{
margin-right:auto;
margin-left:auto;
*zoom:1;
}
.container:before,
.container:after{
display:table;
content:"";
line-height:0;
}
.container:after{
clear:both;
}
.container-fluid{
padding-right:20px;
padding-left:20px;
*zoom:1;
}
.container-fluid:before,
.container-fluid:after{
display:table;
content:"";
line-height:0;
}
.container-fluid:after{
clear:both;
}
p{
margin:0 0 10px;
}
.lead{
margin-bottom:20px;
font-size:21px;
font-weight:200;
line-height:30px;
}
small{
font-size:85%;
}
strong{
font-weight:bold;
}
em{
font-style:italic;
}
cite{
font-style:normal;
}
.muted{
color:#999999;
}
a.muted:hover,
a.muted:focus{
color:#808080;
}
.text-warning{
color:#c09853;
}
a.text-warning:hover,
a.text-warning:focus{
color:#a47e3c;
}
.text-error{
color:#b94a48;
}
a.text-error:hover,
a.text-error:focus{
color:#953b39;
}
.text-info{
color:#3a87ad;
}
a.text-info:hover,
a.text-info:focus{
color:#2d6987;
}
.text-success{
color:#468847;
}
a.text-success:hover,
a.text-success:focus{
color:#356635;
}
.text-left{
text-align:left;
}
.text-right{
text-align:right;
}
.text-center{
text-align:center;
}
h1,
h2,
h3,
h4,
h5,
h6{
margin:10px 0;
font-family:inherit;
font-weight:bold;
line-height:20px;
color:inherit;
text-rendering:optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small{
font-weight:normal;
line-height:1;
color:#999999;
}
h1,
h2,
h3{
line-height:40px;
}
h1{
font-size:38.5px;
}
h2{
font-size:31.5px;
}
h3{
font-size:24.5px;
}
h4{
font-size:17.5px;
}
h5{
font-size:14px;
}
h6{
font-size:11.9px;
}
h1 small{
font-size:24.5px;
}
h2 small{
font-size:17.5px;
}
h3 small{
font-size:14px;
}
h4 small{
font-size:14px;
}
.page-header{
padding-bottom:9px;
margin:20px 0 30px;
border-bottom:1px solid #eeeeee;
}
ul,
ol{
padding:0;
margin:0 0 10px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul{
margin-bottom:0;
}
li{
line-height:20px;
}
ul.unstyled,
ol.unstyled{
margin-left:0;
list-style:none;
}
ul.inline,
ol.inline{
margin-left:0;
list-style:none;
}
ul.inline > li,
ol.inline > li{
display:inline-block;
*display:inline;
/* IE7 inline-block hack */
*zoom:1;
padding-left:5px;
padding-right:5px;
}
dl{
margin-bottom:20px;
}
dt,
dd{
line-height:20px;
}
dt{
font-weight:bold;
}
dd{
margin-left:10px;
}
.dl-horizontal{
*zoom:1;
}
.dl-horizontal:before,
.dl-horizontal:after{
display:table;
content:"";
line-height:0;
}
.dl-horizontal:after{
clear:both;
}
.dl-horizontal dt{
float:left;
width:160px;
clear:left;
text-align:right;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.dl-horizontal dd{
margin-left:180px;
}
hr{
margin:20px 0;
border:0;
border-top:1px solid #eeeeee;
border-bottom:1px solid #ffffff;
}
abbr[title],
abbr[data-original-title]{
cursor:help;
border-bottom:1px dotted #999999;
}
abbr.initialism{
font-size:90%;
text-transform:uppercase;
}
blockquote{
padding:0 0 0 15px;
margin:0 0 20px;
border-left:5px solid #eeeeee;
}
blockquote p{
margin-bottom:0;
font-size:17.5px;
font-weight:300;
line-height:1.25;
}
blockquote small{
display:block;
line-height:20px;
color:#999999;
}
blockquote small:before{
content:'\2014 \00A0';
}
blockquote.pull-right{
float:right;
padding-right:15px;
padding-left:0;
border-right:5px solid #eeeeee;
border-left:0;
}
blockquote.pull-right p,
blockquote.pull-right small{
text-align:right;
}
blockquote.pull-right small:before{
content:'';
}
blockquote.pull-right small:after{
content:'\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after{
content:"";
}
address{
display:block;
margin-bottom:20px;
font-style:normal;
line-height:20px;
}
code,
pre{
padding:0 3px 2px;
font-family:Monaco,Menlo,Consolas,"Courier New",monospace;
font-size:12px;
color:#333333;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
code{
padding:2px 4px;
color:#d14;
background-color:#f7f7f9;
border:1px solid #e1e1e8;
white-space:nowrap;
}
pre{
display:block;
padding:9.5px;
margin:0 0 10px;
font-size:13px;
line-height:20px;
word-break:break-all;
word-wrap:break-word;
white-space:pre;
white-space:pre-wrap;
background-color:#f5f5f5;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,0.15);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
pre.prettyprint{
margin-bottom:20px;
}
pre code{
padding:0;
color:inherit;
white-space:pre;
white-space:pre-wrap;
background-color:transparent;
border:0;
}
.pre-scrollable{
max-height:340px;
overflow-y:scroll;
}
.label,
.badge{
display:inline-block;
padding:2px 4px;
font-size:11.844px;
font-weight:bold;
line-height:14px;
color:#ffffff;
vertical-align:baseline;
white-space:nowrap;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#999999;
}
.label{
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.badge{
padding-left:9px;
padding-right:9px;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
}
.label:empty,
.badge:empty{
display:none;
}
a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus{
color:#ffffff;
text-decoration:none;
cursor:pointer;
}
.label-important,
.badge-important{
background-color:#b94a48;
}
.label-important[href],
.badge-important[href]{
background-color:#953b39;
}
.label-warning,
.badge-warning{
background-color:#f89406;
}
.label-warning[href],
.badge-warning[href]{
background-color:#c67605;
}
.label-success,
.badge-success{
background-color:#468847;
}
.label-success[href],
.badge-success[href]{
background-color:#356635;
}
.label-info,
.badge-info{
background-color:#3a87ad;
}
.label-info[href],
.badge-info[href]{
background-color:#2d6987;
}
.label-inverse,
.badge-inverse{
background-color:#333333;
}
.label-inverse[href],
.badge-inverse[href]{
background-color:#1a1a1a;
}
.btn .label,
.btn .badge{
position:relative;
top:-1px;
}
.btn-mini .label,
.btn-mini .badge{
top:0;
}
table{
max-width:100%;
background-color:transparent;
border-collapse:collapse;
border-spacing:0;
}
.table{
width:100%;
margin-bottom:20px;
}
.table th,
.table td{
padding:8px;
line-height:20px;
text-align:left;
vertical-align:top;
border-top:1px solid #dddddd;
}
.table th{
font-weight:bold;
}
.table thead th{
vertical-align:bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td{
border-top:0;
}
.table tbody + tbody{
border-top:2px solid #dddddd;
}
.table .table{
background-color:#ffffff;
}
.table-condensed th,
.table-condensed td{
padding:4px 5px;
}
.table-bordered{
border:1px solid #dddddd;
border-collapse:separate;
*border-collapse:collapse;
border-left:0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.table-bordered th,
.table-bordered td{
border-left:1px solid #dddddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td{
border-top:0;
}
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child{
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
border-top-left-radius:4px;
}
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child{
-webkit-border-top-right-radius:4px;
-moz-border-radius-topright:4px;
border-top-right-radius:4px;
}
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child{
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-bottomleft:4px;
border-bottom-left-radius:4px;
}
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child{
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-bottomright:4px;
border-bottom-right-radius:4px;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child{
-webkit-border-bottom-left-radius:0;
-moz-border-radius-bottomleft:0;
border-bottom-left-radius:0;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child{
-webkit-border-bottom-right-radius:0;
-moz-border-radius-bottomright:0;
border-bottom-right-radius:0;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child{
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
border-top-left-radius:4px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child{
-webkit-border-top-right-radius:4px;
-moz-border-radius-topright:4px;
border-top-right-radius:4px;
}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th{
background-color:#f9f9f9;
}
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th{
background-color:#f5f5f5;
}
table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"]{
display:table-cell;
float:none;
margin-left:0;
}
.table td.span1,
.table th.span1{
float:none;
width:44px;
margin-left:0;
}
.table td.span2,
.table th.span2{
float:none;
width:124px;
margin-left:0;
}
.table td.span3,
.table th.span3{
float:none;
width:204px;
margin-left:0;
}
.table td.span4,
.table th.span4{
float:none;
width:284px;
margin-left:0;
}
.table td.span5,
.table th.span5{
float:none;
width:364px;
margin-left:0;
}
.table td.span6,
.table th.span6{
float:none;
width:444px;
margin-left:0;
}
.table td.span7,
.table th.span7{
float:none;
width:524px;
margin-left:0;
}
.table td.span8,
.table th.span8{
float:none;
width:604px;
margin-left:0;
}
.table td.span9,
.table th.span9{
float:none;
width:684px;
margin-left:0;
}
.table td.span10,
.table th.span10{
float:none;
width:764px;
margin-left:0;
}
.table td.span11,
.table th.span11{
float:none;
width:844px;
margin-left:0;
}
.table td.span12,
.table th.span12{
float:none;
width:924px;
margin-left:0;
}
.table tbody tr.success > td{
background-color:#dff0d8;
}
.table tbody tr.error > td{
background-color:#f2dede;
}
.table tbody tr.warning > td{
background-color:#fcf8e3;
}
.table tbody tr.info > td{
background-color:#d9edf7;
}
.table-hover tbody tr.success:hover > td{
background-color:#d0e9c6;
}
.table-hover tbody tr.error:hover > td{
background-color:#ebcccc;
}
.table-hover tbody tr.warning:hover > td{
background-color:#faf2cc;
}
.table-hover tbody tr.info:hover > td{
background-color:#c4e3f3;
}
form{
margin:0 0 20px;
}
fieldset{
padding:0;
margin:0;
border:0;
}
legend{
display:block;
width:100%;
padding:0;
margin-bottom:20px;
font-size:21px;
line-height:40px;
color:#333333;
border:0;
border-bottom:1px solid #e5e5e5;
}
legend small{
font-size:15px;
color:#999999;
}
label,
input,
button,
select,
textarea{
font-size:14px;
font-weight:normal;
line-height:20px;
}
input,
button,
select,
textarea{
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
label{
display:block;
margin-bottom:5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input{
display:inline-block;
height:20px;
padding:4px 6px;
margin-bottom:10px;
font-size:14px;
line-height:20px;
color:#555555;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
vertical-align:middle;
}
input,
textarea,
.uneditable-input{
width:206px;
}
textarea{
height:auto;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input{
background-color:#ffffff;
border:1px solid #cccccc;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:border linear .2s,box-shadow linear .2s;
-moz-transition:border linear .2s,box-shadow linear .2s;
-o-transition:border linear .2s,box-shadow linear .2s;
transition:border linear .2s,box-shadow linear .2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus{
border-color:rgba(82,168,236,0.8);
outline:0;
outline:thin dotted \9;
/* IE6-9 */
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
}
input[type="radio"],
input[type="checkbox"]{
margin:4px 0 0;
*margin-top:0;
/* IE7 */
margin-top:1px \9;
/* IE8-9 */
line-height:normal;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"]{
width:auto;
}
select,
input[type="file"]{
height:30px;
/* In IE7,the height of the select element cannot be changed by height,only font-size */
*margin-top:4px;
/* For IE7,add top margin to align select with labels */
line-height:30px;
}
select{
width:220px;
border:1px solid #cccccc;
background-color:#ffffff;
}
select[multiple],
select[size]{
height:auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus{
outline:thin dotted #333;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
}
.uneditable-input,
.uneditable-textarea{
color:#999999;
background-color:#fcfcfc;
border-color:#cccccc;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);
cursor:not-allowed;
}
.uneditable-input{
overflow:hidden;
white-space:nowrap;
}
.uneditable-textarea{
width:auto;
height:auto;
}
input:-moz-placeholder,
textarea:-moz-placeholder{
color:#999999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{
color:#999999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
color:#999999;
}
.radio,
.checkbox{
min-height:20px;
padding-left:20px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"]{
float:left;
margin-left:-20px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child{
padding-top:5px;
}
.radio.inline,
.checkbox.inline{
display:inline-block;
padding-top:5px;
margin-bottom:0;
vertical-align:middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline{
margin-left:10px;
}
.input-mini{
width:60px;
}
.input-small{
width:90px;
}
.input-medium{
width:150px;
}
.input-large{
width:210px;
}
.input-xlarge{
width:270px;
}
.input-xxlarge{
width:530px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"]{
float:none;
margin-left:0;
}
.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"]{
display:inline-block;
}
input,
textarea,
.uneditable-input{
margin-left:0;
}
.controls-row [class*="span"] + [class*="span"]{
margin-left:20px;
}
input.span12,
textarea.span12,
.uneditable-input.span12{
width:926px;
}
input.span11,
textarea.span11,
.uneditable-input.span11{
width:846px;
}
input.span10,
textarea.span10,
.uneditable-input.span10{
width:766px;
}
input.span9,
textarea.span9,
.uneditable-input.span9{
width:686px;
}
input.span8,
textarea.span8,
.uneditable-input.span8{
width:606px;
}
input.span7,
textarea.span7,
.uneditable-input.span7{
width:526px;
}
input.span6,
textarea.span6,
.uneditable-input.span6{
width:446px;
}
input.span5,
textarea.span5,
.uneditable-input.span5{
width:366px;
}
input.span4,
textarea.span4,
.uneditable-input.span4{
width:286px;
}
input.span3,
textarea.span3,
.uneditable-input.span3{
width:206px;
}
input.span2,
textarea.span2,
.uneditable-input.span2{
width:126px;
}
input.span1,
textarea.span1,
.uneditable-input.span1{
width:46px;
}
.controls-row{
*zoom:1;
}
.controls-row:before,
.controls-row:after{
display:table;
content:"";
line-height:0;
}
.controls-row:after{
clear:both;
}
.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"]{
float:left;
}
.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"]{
padding-top:5px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly]{
cursor:not-allowed;
background-color:#eeeeee;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly]{
background-color:transparent;
}
.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline{
color:#c09853;
}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea{
color:#c09853;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea{
border-color:#c09853;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus{
border-color:#a47e3c;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on{
color:#c09853;
background-color:#fcf8e3;
border-color:#c09853;
}
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline{
color:#b94a48;
}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea{
color:#b94a48;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea{
border-color:#b94a48;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus{
border-color:#953b39;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on{
color:#b94a48;
background-color:#f2dede;
border-color:#b94a48;
}
.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline{
color:#468847;
}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea{
color:#468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea{
border-color:#468847;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus{
border-color:#356635;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on{
color:#468847;
background-color:#dff0d8;
border-color:#468847;
}
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline{
color:#3a87ad;
}
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea{
color:#3a87ad;
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea{
border-color:#3a87ad;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus{
border-color:#2d6987;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;
}
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on{
color:#3a87ad;
background-color:#d9edf7;
border-color:#3a87ad;
}
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid{
color:#b94a48;
border-color:#ee5f5b;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus{
border-color:#e9322d;
-webkit-box-shadow:0 0 6px #f8b9b7;
-moz-box-shadow:0 0 6px #f8b9b7;
box-shadow:0 0 6px #f8b9b7;
}
.form-actions{
padding:19px 20px 20px;
margin-top:20px;
margin-bottom:20px;
background-color:#f5f5f5;
border-top:1px solid #e5e5e5;
*zoom:1;
}
.form-actions:before,
.form-actions:after{
display:table;
content:"";
line-height:0;
}
.form-actions:after{
clear:both;
}
.help-block,
.help-inline{
color:#595959;
}
.help-block{
display:block;
margin-bottom:10px;
}
.help-inline{
display:inline-block;
*display:inline;
/* IE7 inline-block hack */
*zoom:1;
vertical-align:middle;
padding-left:5px;
}
.input-append,
.input-prepend{
display:inline-block;
margin-bottom:10px;
vertical-align:middle;
font-size:0;
white-space:nowrap;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover{
font-size:14px;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input{
position:relative;
margin-bottom:0;
*margin-left:0;
vertical-align:top;
-webkit-border-radius:0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0;
}
.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus{
z-index:2;
}
.input-append .add-on,
.input-prepend .add-on{
display:inline-block;
width:auto;
height:20px;
min-width:16px;
padding:4px 5px;
font-size:14px;
font-weight:normal;
line-height:20px;
text-align:center;
text-shadow:0 1px 0 #ffffff;
background-color:#eeeeee;
border:1px solid #ccc;
}
.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle{
vertical-align:top;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.input-append .active,
.input-prepend .active{
background-color:#a9dba9;
border-color:#46a546;
}
.input-prepend .add-on,
.input-prepend .btn{
margin-right:-1px;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child{
-webkit-border-radius:4px 0 0 4px;
-moz-border-radius:4px 0 0 4px;
border-radius:4px 0 0 4px;
}
.input-append input,
.input-append select,
.input-append .uneditable-input{
-webkit-border-radius:4px 0 0 4px;
-moz-border-radius:4px 0 0 4px;
border-radius:4px 0 0 4px;
}
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child{
-webkit-border-radius:0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0;
}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group{
margin-left:-1px;
}
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle{
-webkit-border-radius:0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input{
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn{
-webkit-border-radius:0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child{
margin-right:-1px;
-webkit-border-radius:4px 0 0 4px;
-moz-border-radius:4px 0 0 4px;
border-radius:4px 0 0 4px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child{
margin-left:-1px;
-webkit-border-radius:0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0;
}
.input-prepend.input-append .btn-group:first-child{
margin-left:0;
}
input.search-query{
padding-right:14px;
padding-right:4px \9;
padding-left:14px;
padding-left:4px \9;
/* IE7-8 doesn't have border-radius,so don't indent the padding */
margin-bottom:0;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
}
/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query{
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.form-search .input-append .search-query{
-webkit-border-radius:14px 0 0 14px;
-moz-border-radius:14px 0 0 14px;
border-radius:14px 0 0 14px;
}
.form-search .input-append .btn{
-webkit-border-radius:0 14px 14px 0;
-moz-border-radius:0 14px 14px 0;
border-radius:0 14px 14px 0;
}
.form-search .input-prepend .search-query{
-webkit-border-radius:0 14px 14px 0;
-moz-border-radius:0 14px 14px 0;
border-radius:0 14px 14px 0;
}
.form-search .input-prepend .btn{
-webkit-border-radius:14px 0 0 14px;
-moz-border-radius:14px 0 0 14px;
border-radius:14px 0 0 14px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append{
display:inline-block;
*display:inline;
/* IE7 inline-block hack */
*zoom:1;
margin-bottom:0;
vertical-align:middle;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide{
display:none;
}
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group{
display:inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend{
margin-bottom:0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox{
padding-left:0;
margin-bottom:0;
vertical-align:middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"]{
float:left;
margin-right:3px;
margin-left:0;
}
.control-group{
margin-bottom:10px;
}
legend + .control-group{
margin-top:20px;
-webkit-margin-top-collapse:separate;
}
.form-horizontal .control-group{
margin-bottom:20px;
*zoom:1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after{
display:table;
content:"";
line-height:0;
}
.form-horizontal .control-group:after{
clear:both;
}
.form-horizontal .control-label{
float:left;
width:160px;
padding-top:5px;
text-align:right;
}
.form-horizontal .controls{
*display:inline-block;
*padding-left:20px;
margin-left:180px;
*margin-left:0;
}
.form-horizontal .controls:first-child{
*padding-left:180px;
}
.form-horizontal .help-block{
margin-bottom:0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block{
margin-top:10px;
}
.form-horizontal .form-actions{
padding-left:180px;
}
.btn{
display:inline-block;
*display:inline;
/* IE7 inline-block hack */
*zoom:1;
padding:4px 12px;
margin-bottom:0;
font-size:14px;
line-height:20px;
text-align:center;
vertical-align:middle;
cursor:pointer;
color:#333333;
text-shadow:0 1px 1px rgba(255,255,255,0.75);
background-color:#f5f5f5;
background-image:-moz-linear-gradient(top,#ffffff,#e6e6e6);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6));
background-image:-webkit-linear-gradient(top,#ffffff,#e6e6e6);
background-image:-o-linear-gradient(top,#ffffff,#e6e6e6);
background-image:linear-gradient(to bottom,#ffffff,#e6e6e6);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
border:1px solid #cccccc;
*border:0;
border-bottom-color:#b3b3b3;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
*margin-left:.3em;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled]{
color:#333333;
background-color:#e6e6e6;
*background-color:#d9d9d9;
}
.btn:active,
.btn.active{
background-color:#cccccc \9;
}
.btn:first-child{
*margin-left:0;
}
.btn:hover,
.btn:focus{
color:#333333;
text-decoration:none;
background-position:0 -15px;
-webkit-transition:background-position 0.1s linear;
-moz-transition:background-position 0.1s linear;
-o-transition:background-position 0.1s linear;
transition:background-position 0.1s linear;
}
.btn:focus{
outline:thin dotted #333;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
}
.btn.active,
.btn:active{
background-image:none;
outline:0;
-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled]{
cursor:default;
background-image:none;
opacity:0.65;
filter:alpha(opacity=65);
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.btn-large{
padding:11px 19px;
font-size:17.5px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"]{
margin-top:4px;
}
.btn-small{
padding:2px 10px;
font-size:11.9px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"]{
margin-top:0;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"]{
margin-top:-1px;
}
.btn-mini{
padding:0 6px;
font-size:10.5px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.btn-block{
display:block;
width:100%;
padding-left:0;
padding-right:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.btn-block + .btn-block{
margin-top:5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block{
width:100%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active{
color:rgba(255,255,255,0.75);
}
.btn-primary{
color:#ffffff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#006dcc;
background-image:-moz-linear-gradient(top,#0088cc,#0044cc);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0044cc));
background-image:-webkit-linear-gradient(top,#0088cc,#0044cc);
background-image:-o-linear-gradient(top,#0088cc,#0044cc);
background-image:linear-gradient(to bottom,#0088cc,#0044cc);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
border-color:#0044cc #0044cc #002a80;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#0044cc;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled]{
color:#ffffff;
background-color:#0044cc;
*background-color:#003bb3;
}
.btn-primary:active,
.btn-primary.active{
background-color:#003399 \9;
}
.btn-warning{
color:#ffffff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#faa732;
background-image:-moz-linear-gradient(top,#fbb450,#f89406);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
background-image:-webkit-linear-gradient(top,#fbb450,#f89406);
background-image:-o-linear-gradient(top,#fbb450,#f89406);
background-image:linear-gradient(to bottom,#fbb450,#f89406);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0);
border-color:#f89406 #f89406 #ad6704;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#f89406;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled]{
color:#ffffff;
background-color:#f89406;
*background-color:#df8505;
}
.btn-warning:active,
.btn-warning.active{
background-color:#c67605 \9;
}
.btn-danger{
color:#ffffff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#da4f49;
background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);
background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);
background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0);
border-color:#bd362f #bd362f #802420;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#bd362f;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled]{
color:#ffffff;
background-color:#bd362f;
*background-color:#a9302a;
}
.btn-danger:active,
.btn-danger.active{
background-color:#942a25 \9;
}
.btn-success{
color:#ffffff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#5bb75b;
background-image:-moz-linear-gradient(top,#62c462,#51a351);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
background-image:-webkit-linear-gradient(top,#62c462,#51a351);
background-image:-o-linear-gradient(top,#62c462,#51a351);
background-image:linear-gradient(to bottom,#62c462,#51a351);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
border-color:#51a351 #51a351 #387038;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#51a351;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled]{
color:#ffffff;
background-color:#51a351;
*background-color:#499249;
}
.btn-success:active,
.btn-success.active{
background-color:#408140 \9;
}
.btn-info{
color:#ffffff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#49afcd;
background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);
background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);
background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0);
border-color:#2f96b4 #2f96b4 #1f6377;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#2f96b4;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled]{
color:#ffffff;
background-color:#2f96b4;
*background-color:#2a85a0;
}
.btn-info:active,
.btn-info.active{
background-color:#24748c \9;
}
.btn-inverse{
color:#ffffff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#363636;
background-image:-moz-linear-gradient(top,#444444,#222222);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#444444),to(#222222));
background-image:-webkit-linear-gradient(top,#444444,#222222);
background-image:-o-linear-gradient(top,#444444,#222222);
background-image:linear-gradient(to bottom,#444444,#222222);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0);
border-color:#222222 #222222 #000000;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#222222;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled]{
color:#ffffff;
background-color:#222222;
*background-color:#151515;
}
.btn-inverse:active,
.btn-inverse.active{
background-color:#080808 \9;
}
button.btn,
input[type="submit"].btn{
*padding-top:3px;
*padding-bottom:3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner{
padding:0;
border:0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large{
*padding-top:7px;
*padding-bottom:7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small{
*padding-top:3px;
*padding-bottom:3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini{
*padding-top:1px;
*padding-bottom:1px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled]{
background-color:transparent;
background-image:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.btn-link{
border-color:transparent;
cursor:pointer;
color:#0088cc;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.btn-link:hover,
.btn-link:focus{
color:#005580;
text-decoration:underline;
background-color:transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus{
color:#333333;
text-decoration:none;
}
[class^="icon-"],
[class*=" icon-"]{
display:inline-block;
width:14px;
height:14px;
*margin-right:.3em;
line-height:14px;
vertical-align:text-top;
background-image:url(../img/glyphicons-halflings.png);
background-position:14px 14px;
background-repeat:no-repeat;
margin-top:1px;
}
/* White icons with optional class,or on hover/focus/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"]{
background-image:url(../img/glyphicons-halflings-white.png);
}
.icon-glass{
background-position:0 0;
}
.icon-music{
background-position:-24px 0;
}
.icon-search{
background-position:-48px 0;
}
.icon-envelope{
background-position:-72px 0;
}
.icon-heart{
background-position:-96px 0;
}
.icon-star{
background-position:-120px 0;
}
.icon-star-empty{
background-position:-144px 0;
}
.icon-user{
background-position:-168px 0;
}
.icon-film{
background-position:-192px 0;
}
.icon-th-large{
background-position:-216px 0;
}
.icon-th{
background-position:-240px 0;
}
.icon-th-list{
background-position:-264px 0;
}
.icon-ok{
background-position:-288px 0;
}
.icon-remove{
background-position:-312px 0;
}
.icon-zoom-in{
background-position:-336px 0;
}
.icon-zoom-out{
background-position:-360px 0;
}
.icon-off{
background-position:-384px 0;
}
.icon-signal{
background-position:-408px 0;
}
.icon-cog{
background-position:-432px 0;
}
.icon-trash{
background-position:-456px 0;
}
.icon-home{
background-position:0 -24px;
}
.icon-file{
background-position:-24px -24px;
}
.icon-time{
background-position:-48px -24px;
}
.icon-road{
background-position:-72px -24px;
}
.icon-download-alt{
background-position:-96px -24px;
}
.icon-download{
background-position:-120px -24px;
}
.icon-upload{
background-position:-144px -24px;
}
.icon-inbox{
background-position:-168px -24px;
}
.icon-play-circle{
background-position:-192px -24px;
}
.icon-repeat{
background-position:-216px -24px;
}
.icon-refresh{
background-position:-240px -24px;
}
.icon-list-alt{
background-position:-264px -24px;
}
.icon-lock{
background-position:-287px -24px;
}
.icon-flag{
background-position:-312px -24px;
}
.icon-headphones{
background-position:-336px -24px;
}
.icon-volume-off{
background-position:-360px -24px;
}
.icon-volume-down{
background-position:-384px -24px;
}
.icon-volume-up{
background-position:-408px -24px;
}
.icon-qrcode{
background-position:-432px -24px;
}
.icon-barcode{
background-position:-456px -24px;
}
.icon-tag{
background-position:0 -48px;
}
.icon-tags{
background-position:-25px -48px;
}
.icon-book{
background-position:-48px -48px;
}
.icon-bookmark{
background-position:-72px -48px;
}
.icon-print{
background-position:-96px -48px;
}
.icon-camera{
background-position:-120px -48px;
}
.icon-font{
background-position:-144px -48px;
}
.icon-bold{
background-position:-167px -48px;
}
.icon-italic{
background-position:-192px -48px;
}
.icon-text-height{
background-position:-216px -48px;
}
.icon-text-width{
background-position:-240px -48px;
}
.icon-align-left{
background-position:-264px -48px;
}
.icon-align-center{
background-position:-288px -48px;
}
.icon-align-right{
background-position:-312px -48px;
}
.icon-align-justify{
background-position:-336px -48px;
}
.icon-list{
background-position:-360px -48px;
}
.icon-indent-left{
background-position:-384px -48px;
}
.icon-indent-right{
background-position:-408px -48px;
}
.icon-facetime-video{
background-position:-432px -48px;
}
.icon-picture{
background-position:-456px -48px;
}
.icon-pencil{
background-position:0 -72px;
}
.icon-map-marker{
background-position:-24px -72px;
}
.icon-adjust{
background-position:-48px -72px;
}
.icon-tint{
background-position:-72px -72px;
}
.icon-edit{
background-position:-96px -72px;
}
.icon-share{
background-position:-120px -72px;
}
.icon-check{
background-position:-144px -72px;
}
.icon-move{
background-position:-168px -72px;
}
.icon-step-backward{
background-position:-192px -72px;
}
.icon-fast-backward{
background-position:-216px -72px;
}
.icon-backward{
background-position:-240px -72px;
}
.icon-play{
background-position:-264px -72px;
}
.icon-pause{
background-position:-288px -72px;
}
.icon-stop{
background-position:-312px -72px;
}
.icon-forward{
background-position:-336px -72px;
}
.icon-fast-forward{
background-position:-360px -72px;
}
.icon-step-forward{
background-position:-384px -72px;
}
.icon-eject{
background-position:-408px -72px;
}
.icon-chevron-left{
background-position:-432px -72px;
}
.icon-chevron-right{
background-position:-456px -72px;
}
.icon-plus-sign{
background-position:0 -96px;
}
.icon-minus-sign{
background-position:-24px -96px;
}
.icon-remove-sign{
background-position:-48px -96px;
}
.icon-ok-sign{
background-position:-72px -96px;
}
.icon-question-sign{
background-position:-96px -96px;
}
.icon-info-sign{
background-position:-120px -96px;
}
.icon-screenshot{
background-position:-144px -96px;
}
.icon-remove-circle{
background-position:-168px -96px;
}
.icon-ok-circle{
background-position:-192px -96px;
}
.icon-ban-circle{
background-position:-216px -96px;
}
.icon-arrow-left{
background-position:-240px -96px;
}
.icon-arrow-right{
background-position:-264px -96px;
}
.icon-arrow-up{
background-position:-289px -96px;
}
.icon-arrow-down{
background-position:-312px -96px;
}
.icon-share-alt{
background-position:-336px -96px;
}
.icon-resize-full{
background-position:-360px -96px;
}
.icon-resize-small{
background-position:-384px -96px;
}
.icon-plus{
background-position:-408px -96px;
}
.icon-minus{
background-position:-433px -96px;
}
.icon-asterisk{
background-position:-456px -96px;
}
.icon-exclamation-sign{
background-position:0 -120px;
}
.icon-gift{
background-position:-24px -120px;
}
.icon-leaf{
background-position:-48px -120px;
}
.icon-fire{
background-position:-72px -120px;
}
.icon-eye-open{
background-position:-96px -120px;
}
.icon-eye-close{
background-position:-120px -120px;
}
.icon-warning-sign{
background-position:-144px -120px;
}
.icon-plane{
background-position:-168px -120px;
}
.icon-calendar{
background-position:-192px -120px;
}
.icon-random{
background-position:-216px -120px;
width:16px;
}
.icon-comment{
background-position:-240px -120px;
}
.icon-magnet{
background-position:-264px -120px;
}
.icon-chevron-up{
background-position:-288px -120px;
}
.icon-chevron-down{
background-position:-313px -119px;
}
.icon-retweet{
background-position:-336px -120px;
}
.icon-shopping-cart{
background-position:-360px -120px;
}
.icon-folder-close{
background-position:-384px -120px;
width:16px;
}
.icon-folder-open{
background-position:-408px -120px;
width:16px;
}
.icon-resize-vertical{
background-position:-432px -119px;
}
.icon-resize-horizontal{
background-position:-456px -118px;
}
.icon-hdd{
background-position:0 -144px;
}
.icon-bullhorn{
background-position:-24px -144px;
}
.icon-bell{
background-position:-48px -144px;
}
.icon-certificate{
background-position:-72px -144px;
}
.icon-thumbs-up{
background-position:-96px -144px;
}
.icon-thumbs-down{
background-position:-120px -144px;
}
.icon-hand-right{
background-position:-144px -144px;
}
.icon-hand-left{
background-position:-168px -144px;
}
.icon-hand-up{
background-position:-192px -144px;
}
.icon-hand-down{
background-position:-216px -144px;
}
.icon-circle-arrow-right{
background-position:-240px -144px;
}
.icon-circle-arrow-left{
background-position:-264px -144px;
}
.icon-circle-arrow-up{
background-position:-288px -144px;
}
.icon-circle-arrow-down{
background-position:-312px -144px;
}
.icon-globe{
background-position:-336px -144px;
}
.icon-wrench{
background-position:-360px -144px;
}
.icon-tasks{
background-position:-384px -144px;
}
.icon-filter{
background-position:-408px -144px;
}
.icon-briefcase{
background-position:-432px -144px;
}
.icon-fullscreen{
background-position:-456px -144px;
}
.btn-group{
position:relative;
display:inline-block;
*display:inline;
/* IE7 inline-block hack */
*zoom:1;
font-size:0;
vertical-align:middle;
white-space:nowrap;
*margin-left:.3em;
}
.btn-group:first-child{
*margin-left:0;
}
.btn-group + .btn-group{
margin-left:5px;
}
.btn-toolbar{
font-size:0;
margin-top:10px;
margin-bottom:10px;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group{
margin-left:5px;
}
.btn-group > .btn{
position:relative;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.btn-group > .btn + .btn{
margin-left:-1px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover{
font-size:14px;
}
.btn-group > .btn-mini{
font-size:10.5px;
}
.btn-group > .btn-small{
font-size:11.9px;
}
.btn-group > .btn-large{
font-size:17.5px;
}
.btn-group > .btn:first-child{
margin-left:0;
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
border-top-left-radius:4px;
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-bottomleft:4px;
border-bottom-left-radius:4px;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle{
-webkit-border-top-right-radius:4px;
-moz-border-radius-topright:4px;
border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-bottomright:4px;
border-bottom-right-radius:4px;
}
.btn-group > .btn.large:first-child{
margin-left:0;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle{
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active{
z-index:2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle{
outline:0;
}
.btn-group > .btn + .dropdown-toggle{
padding-left:8px;
padding-right:8px;
-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
box-shadow:inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
*padding-top:5px;
*padding-bottom:5px;
}
.btn-group > .btn-mini + .dropdown-toggle{
padding-left:5px;
padding-right:5px;
*padding-top:2px;
*padding-bottom:2px;
}
.btn-group > .btn-small + .dropdown-toggle{
*padding-top:5px;
*padding-bottom:4px;
}
.btn-group > .btn-large + .dropdown-toggle{
padding-left:12px;
padding-right:12px;
*padding-top:7px;
*padding-bottom:7px;
}
.btn-group.open .dropdown-toggle{
background-image:none;
-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
}
.btn-group.open .btn.dropdown-toggle{
background-color:#e6e6e6;
}
.btn-group.open .btn-primary.dropdown-toggle{
background-color:#0044cc;
}
.btn-group.open .btn-warning.dropdown-toggle{
background-color:#f89406;
}
.btn-group.open .btn-danger.dropdown-toggle{
background-color:#bd362f;
}
.btn-group.open .btn-success.dropdown-toggle{
background-color:#51a351;
}
.btn-group.open .btn-info.dropdown-toggle{
background-color:#2f96b4;
}
.btn-group.open .btn-inverse.dropdown-toggle{
background-color:#222222;
}
.btn .caret{
margin-top:8px;
margin-left:0;
}
.btn-large .caret{
margin-top:6px;
}
.btn-large .caret{
border-left-width:5px;
border-right-width:5px;
border-top-width:5px;
}
.btn-mini .caret,
.btn-small .caret{
margin-top:8px;
}
.dropup .btn-large .caret{
border-bottom-width:5px;
}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret{
border-top-color:#ffffff;
border-bottom-color:#ffffff;
}
.btn-group-vertical{
display:inline-block;
*display:inline;
/* IE7 inline-block hack */
*zoom:1;
}
.btn-group-vertical > .btn{
display:block;
float:none;
max-width:100%;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.btn-group-vertical > .btn + .btn{
margin-left:0;
margin-top:-1px;
}
.btn-group-vertical > .btn:first-child{
-webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
}
.btn-group-vertical > .btn:last-child{
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
}
.btn-group-vertical > .btn-large:first-child{
-webkit-border-radius:6px 6px 0 0;
-moz-border-radius:6px 6px 0 0;
border-radius:6px 6px 0 0;
}
.btn-group-vertical > .btn-large:last-child{
-webkit-border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
}
.nav{
margin-left:0;
margin-bottom:20px;
list-style:none;
}
.nav > li > a{
display:block;
}
.nav > li > a:hover,
.nav > li > a:focus{
text-decoration:none;
background-color:#eeeeee;
}
.nav > li > a > img{
max-width:none;
}
.nav > .pull-right{
float:right;
}
.nav-header{
display:block;
padding:3px 15px;
font-size:11px;
font-weight:bold;
line-height:20px;
color:#999999;
text-shadow:0 1px 0 rgba(255,255,255,0.5);
text-transform:uppercase;
}
.nav li + .nav-header{
margin-top:9px;
}
.nav-list{
padding-left:15px;
padding-right:15px;
margin-bottom:0;
}
.nav-list > li > a,
.nav-list .nav-header{
margin-left:-15px;
margin-right:-15px;
text-shadow:0 1px 0 rgba(255,255,255,0.5);
}
.nav-list > li > a{
padding:3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus{
color:#ffffff;
text-shadow:0 -1px 0 rgba(0,0,0,0.2);
background-color:#0088cc;
}
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"]{
margin-right:2px;
}
.nav-list .divider{
*width:100%;
height:1px;
margin:9px 1px;
*margin:-5px 0 5px;
overflow:hidden;
background-color:#e5e5e5;
border-bottom:1px solid #ffffff;
}
.nav-tabs,
.nav-pills{
*zoom:1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after{
display:table;
content:"";
line-height:0;
}
.nav-tabs:after,
.nav-pills:after{
clear:both;
}
.nav-tabs > li,
.nav-pills > li{
float:left;
}
.nav-tabs > li > a,
.nav-pills > li > a{
padding-right:12px;
padding-left:12px;
margin-right:2px;
line-height:14px;
}
.nav-tabs{
border-bottom:1px solid #ddd;
}
.nav-tabs > li{
margin-bottom:-1px;
}
.nav-tabs > li > a{
padding-top:8px;
padding-bottom:8px;
line-height:20px;
border:1px solid transparent;
-webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus{
border-color:#eeeeee #eeeeee #dddddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus{
color:#555555;
background-color:#ffffff;
border:1px solid #ddd;
border-bottom-color:transparent;
cursor:default;
}
.nav-pills > li > a{
padding-top:8px;
padding-bottom:8px;
margin-top:2px;
margin-bottom:2px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus{
color:#ffffff;
background-color:#0088cc;
}
.nav-stacked > li{
float:none;
}
.nav-stacked > li > a{
margin-right:0;
}
.nav-tabs.nav-stacked{
border-bottom:0;
}
.nav-tabs.nav-stacked > li > a{
border:1px solid #ddd;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.nav-tabs.nav-stacked > li:first-child > a{
-webkit-border-top-right-radius:4px;
-moz-border-radius-topright:4px;
border-top-right-radius:4px;
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
border-top-left-radius:4px;
}
.nav-tabs.nav-stacked > li:last-child > a{
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-bottomright:4px;
border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-bottomleft:4px;
border-bottom-left-radius:4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus{
border-color:#ddd;
z-index:2;
}
.nav-pills.nav-stacked > li > a{
margin-bottom:3px;
}
.nav-pills.nav-stacked > li:last-child > a{
margin-bottom:1px;
}
.nav-tabs .dropdown-menu{
-webkit-border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
}
.nav-pills .dropdown-menu{
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.nav .dropdown-toggle .caret{
border-top-color:#0088cc;
border-bottom-color:#0088cc;
margin-top:6px;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret{
border-top-color:#005580;
border-bottom-color:#005580;
}
/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret{
margin-top:8px;
}
.nav .active .dropdown-toggle .caret{
border-top-color:#fff;
border-bottom-color:#fff;
}
.nav-tabs .active .dropdown-toggle .caret{
border-top-color:#555555;
border-bottom-color:#555555;
}
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus{
cursor:pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus{
color:#ffffff;
background-color:#999999;
border-color:#999999;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret{
border-top-color:#ffffff;
border-bottom-color:#ffffff;
opacity:1;
filter:alpha(opacity=100);
}
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus{
border-color:#999999;
}
.tabbable{
*zoom:1;
}
.tabbable:before,
.tabbable:after{
display:table;
content:"";
line-height:0;
}
.tabbable:after{
clear:both;
}
.tab-content{
overflow:auto;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs{
border-bottom:0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane{
display:none;
}
.tab-content > .active,
.pill-content > .active{
display:block;
}
.tabs-below > .nav-tabs{
border-top:1px solid #ddd;
}
.tabs-below > .nav-tabs > li{
margin-top:-1px;
margin-bottom:0;
}
.tabs-below > .nav-tabs > li > a{
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus{
border-bottom-color:transparent;
border-top-color:#ddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus{
border-color:transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li{
float:none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a{
min-width:74px;
margin-right:0;
margin-bottom:3px;
}
.tabs-left > .nav-tabs{
float:left;
margin-right:19px;
border-right:1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a{
margin-right:-1px;
-webkit-border-radius:4px 0 0 4px;
-moz-border-radius:4px 0 0 4px;
border-radius:4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus{
border-color:#eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus{
border-color:#ddd transparent #ddd #ddd;
*border-right-color:#ffffff;
}
.tabs-right > .nav-tabs{
float:right;
margin-left:19px;
border-left:1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a{
margin-left:-1px;
-webkit-border-radius:0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus{
border-color:#eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus{
border-color:#ddd #ddd #ddd transparent;
*border-left-color:#ffffff;
}
.nav > .disabled > a{
color:#999999;
}
.nav > .disabled > a:hover,
.nav > .disabled > a:focus{
text-decoration:none;
background-color:transparent;
cursor:default;
}
.navbar{
overflow:visible;
margin-bottom:20px;
*position:relative;
*z-index:2;
}
.navbar-inner{
min-height:40px;
padding-left:20px;
padding-right:20px;
background-color:#fafafa;
background-image:-moz-linear-gradient(top,#ffffff,#f2f2f2);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f2f2f2));
background-image:-webkit-linear-gradient(top,#ffffff,#f2f2f2);
background-image:-o-linear-gradient(top,#ffffff,#f2f2f2);
background-image:linear-gradient(to bottom,#ffffff,#f2f2f2);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
border:1px solid #d4d4d4;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);
-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);
box-shadow:0 1px 4px rgba(0,0,0,0.065);
*zoom:1;
}
.navbar-inner:before,
.navbar-inner:after{
display:table;
content:"";
line-height:0;
}
.navbar-inner:after{
clear:both;
}
.navbar .container{
width:auto;
}
.nav-collapse.collapse{
height:auto;
overflow:visible;
}
.navbar .brand{
float:left;
display:block;
padding:10px 20px 10px;
margin-left:-20px;
font-size:20px;
font-weight:200;
color:#777777;
text-shadow:0 1px 0 #ffffff;
}
.navbar .brand:hover,
.navbar .brand:focus{
text-decoration:none;
}
.navbar-text{
margin-bottom:0;
line-height:40px;
color:#777777;
}
.navbar-link{
color:#777777;
}
.navbar-link:hover,
.navbar-link:focus{
color:#333333;
}
.navbar .divider-vertical{
height:40px;
margin:0 9px;
border-left:1px solid #f2f2f2;
border-right:1px solid #ffffff;
}
.navbar .btn,
.navbar .btn-group{
margin-top:5px;
}
.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn,
.navbar .input-prepend .btn-group,
.navbar .input-append .btn-group{
margin-top:0;
}
.navbar-form{
margin-bottom:0;
*zoom:1;
}
.navbar-form:before,
.navbar-form:after{
display:table;
content:"";
line-height:0;
}
.navbar-form:after{
clear:both;
}
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox{
margin-top:5px;
}
.navbar-form input,
.navbar-form select,
.navbar-form .btn{
display:inline-block;
margin-bottom:0;
}
.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"]{
margin-top:3px;
}
.navbar-form .input-append,
.navbar-form .input-prepend{
margin-top:5px;
white-space:nowrap;
}
.navbar-form .input-append input,
.navbar-form .input-prepend input{
margin-top:0;
}
.navbar-search{
position:relative;
float:left;
margin-top:5px;
margin-bottom:0;
}
.navbar-search .search-query{
margin-bottom:0;
padding:4px 14px;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:13px;
font-weight:normal;
line-height:1;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
}
.navbar-static-top{
position:static;
margin-bottom:0;
}
.navbar-static-top .navbar-inner{
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.navbar-fixed-top,
.navbar-fixed-bottom{
position:fixed;
right:0;
left:0;
z-index:1030;
margin-bottom:0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner{
border-width:0 0 1px;
}
.navbar-fixed-bottom .navbar-inner{
border-width:1px 0 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner{
padding-left:0;
padding-right:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container{
width:940px;
}
.navbar-fixed-top{
top:0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner{
-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1);
}
.navbar-fixed-bottom{
bottom:0;
}
.navbar-fixed-bottom .navbar-inner{
-webkit-box-shadow:0 -1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 -1px 10px rgba(0,0,0,.1);
box-shadow:0 -1px 10px rgba(0,0,0,.1);
}
.navbar .nav{
position:relative;
left:0;
display:block;
float:left;
margin:0 10px 0 0;
}
.navbar .nav.pull-right{
float:right;
margin-right:0;
}
.navbar .nav > li{
float:left;
}
.navbar .nav > li > a{
float:none;
padding:10px 15px 10px;
color:#777777;
text-decoration:none;
text-shadow:0 1px 0 #ffffff;
}
.navbar .nav .dropdown-toggle .caret{
margin-top:8px;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover{
background-color:transparent;
color:#333333;
text-decoration:none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus{
color:#555555;
text-decoration:none;
background-color:#e5e5e5;
-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);
-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);
box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);
}
.navbar .btn-navbar{
display:none;
float:right;
padding:7px 10px;
margin-left:5px;
margin-right:5px;
color:#ffffff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#ededed;
background-image:-moz-linear-gradient(top,#f2f2f2,#e5e5e5);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e5e5e5));
background-image:-webkit-linear-gradient(top,#f2f2f2,#e5e5e5);
background-image:-o-linear-gradient(top,#f2f2f2,#e5e5e5);
background-image:linear-gradient(to bottom,#f2f2f2,#e5e5e5);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2',endColorstr='#ffe5e5e5',GradientType=0);
border-color:#e5e5e5 #e5e5e5 #bfbfbf;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#e5e5e5;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);
box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled]{
color:#ffffff;
background-color:#e5e5e5;
*background-color:#d9d9d9;
}
.navbar .btn-navbar:active,
.navbar .btn-navbar.active{
background-color:#cccccc \9;
}
.navbar .btn-navbar .icon-bar{
display:block;
width:18px;
height:2px;
background-color:#f5f5f5;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);
box-shadow:0 1px 0 rgba(0,0,0,0.25);
}
.btn-navbar .icon-bar + .icon-bar{
margin-top:3px;
}
.navbar .nav > li > .dropdown-menu:before{
content:'';
display:inline-block;
border-left:7px solid transparent;
border-right:7px solid transparent;
border-bottom:7px solid #ccc;
border-bottom-color:rgba(0,0,0,0.2);
position:absolute;
top:-7px;
left:9px;
}
.navbar .nav > li > .dropdown-menu:after{
content:'';
display:inline-block;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:6px solid #ffffff;
position:absolute;
top:-6px;
left:10px;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu:before{
border-top:7px solid #ccc;
border-top-color:rgba(0,0,0,0.2);
border-bottom:0;
bottom:-7px;
top:auto;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu:after{
border-top:6px solid #ffffff;
border-bottom:0;
bottom:-6px;
top:auto;
}
.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret{
border-top-color:#333333;
border-bottom-color:#333333;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle{
background-color:#e5e5e5;
color:#555555;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret{
border-top-color:#777777;
border-bottom-color:#777777;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret{
border-top-color:#555555;
border-bottom-color:#555555;
}
.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right{
left:auto;
right:0;
}
.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before{
left:auto;
right:12px;
}
.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after{
left:auto;
right:13px;
}
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu{
left:auto;
right:100%;
margin-left:0;
margin-right:-1px;
-webkit-border-radius:6px 0 6px 6px;
-moz-border-radius:6px 0 6px 6px;
border-radius:6px 0 6px 6px;
}
.navbar-inverse .navbar-inner{
background-color:#1b1b1b;
background-image:-moz-linear-gradient(top,#222222,#111111);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#222222),to(#111111));
background-image:-webkit-linear-gradient(top,#222222,#111111);
background-image:-o-linear-gradient(top,#222222,#111111);
background-image:linear-gradient(to bottom,#222222,#111111);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff111111',GradientType=0);
border-color:#252525;
}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a{
color:#999999;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
}
.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .brand:focus,
.navbar-inverse .nav > li > a:focus{
color:#ffffff;
}
.navbar-inverse .brand{
color:#999999;
}
.navbar-inverse .navbar-text{
color:#999999;
}
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover{
background-color:transparent;
color:#ffffff;
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus{
color:#ffffff;
background-color:#111111;
}
.navbar-inverse .navbar-link{
color:#999999;
}
.navbar-inverse .navbar-link:hover,
.navbar-inverse .navbar-link:focus{
color:#ffffff;
}
.navbar-inverse .divider-vertical{
border-left-color:#111111;
border-right-color:#222222;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle{
background-color:#111111;
color:#ffffff;
}
.navbar-inverse .nav li.dropdown > a:hover .caret,
.navbar-inverse .nav li.dropdown > a:focus .caret{
border-top-color:#ffffff;
border-bottom-color:#ffffff;
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret{
border-top-color:#999999;
border-bottom-color:#999999;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret{
border-top-color:#ffffff;
border-bottom-color:#ffffff;
}
.navbar-inverse .navbar-search .search-query{
color:#ffffff;
background-color:#515151;
border-color:#111111;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15);
box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15);
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;
}
.navbar-inverse .navbar-search .search-query:-moz-placeholder{
color:#cccccc;
}
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder{
color:#cccccc;
}
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder{
color:#cccccc;
}
.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused{
padding:5px 15px;
color:#333333;
text-shadow:0 1px 0 #ffffff;
background-color:#ffffff;
border:0;
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.15);
-moz-box-shadow:0 0 3px rgba(0,0,0,0.15);
box-shadow:0 0 3px rgba(0,0,0,0.15);
outline:0;
}
.navbar-inverse .btn-navbar{
color:#ffffff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#0e0e0e;
background-image:-moz-linear-gradient(top,#151515,#040404);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#151515),to(#040404));
background-image:-webkit-linear-gradient(top,#151515,#040404);
background-image:-o-linear-gradient(top,#151515,#040404);
background-image:linear-gradient(to bottom,#151515,#040404);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515',endColorstr='#ff040404',GradientType=0);
border-color:#040404 #040404 #000000;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#040404;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled]{
color:#ffffff;
background-color:#040404;
*background-color:#000000;
}
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active{
background-color:#000000 \9;
}
.breadcrumb{
padding:8px 15px;
margin:0 0 20px;
list-style:none;
background-color:#f5f5f5;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.breadcrumb > li{
display:inline-block;
*display:inline;
/* IE7 inline-block hack */
*zoom:1;
text-shadow:0 1px 0 #ffffff;
}
.breadcrumb > li > .divider{
padding:0 5px;
color:#ccc;
}
.breadcrumb > .active{
color:#999999;
}
.pagination{
margin:20px 0;
}
.pagination ul{
display:inline-block;
*display:inline;
/* IE7 inline-block hack */
*zoom:1;
margin-left:0;
margin-bottom:0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);
box-shadow:0 1px 2px rgba(0,0,0,0.05);
}
.pagination ul > li{
display:inline;
}
.pagination ul > li > a,
.pagination ul > li > span{
float:left;
padding:4px 12px;
line-height:20px;
text-decoration:none;
background-color:#ffffff;
border:1px solid #dddddd;
border-left-width:0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span{
background-color:#f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span{
color:#999999;
cursor:default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus{
color:#999999;
background-color:transparent;
cursor:default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span{
border-left-width:1px;
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
border-top-left-radius:4px;
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-bottomleft:4px;
border-bottom-left-radius:4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span{
-webkit-border-top-right-radius:4px;
-moz-border-radius-topright:4px;
border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-bottomright:4px;
border-bottom-right-radius:4px;
}
.pagination-centered{
text-align:center;
}
.pagination-right{
text-align:right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span{
padding:11px 19px;
font-size:17.5px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span{
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span{
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span{
-webkit-border-top-left-radius:3px;
-moz-border-radius-topleft:3px;
border-top-left-radius:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-bottomleft:3px;
border-bottom-left-radius:3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span{
-webkit-border-top-right-radius:3px;
-moz-border-radius-topright:3px;
border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-radius-bottomright:3px;
border-bottom-right-radius:3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span{
padding:2px 10px;
font-size:11.9px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span{
padding:0 6px;
font-size:10.5px;
}
.pager{
margin:20px 0;
list-style:none;
text-align:center;
*zoom:1;
}
.pager:before,
.pager:after{
display:table;
content:"";
line-height:0;
}
.pager:after{
clear:both;
}
.pager li{
display:inline;
}
.pager li > a,
.pager li > span{
display:inline-block;
padding:5px 14px;
background-color:#fff;
border:1px solid #ddd;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
}
.pager li > a:hover,
.pager li > a:focus{
text-decoration:none;
background-color:#f5f5f5;
}
.pager .next > a,
.pager .next > span{
float:right;
}
.pager .previous > a,
.pager .previous > span{
float:left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span{
color:#999999;
background-color:#fff;
cursor:default;
}
.thumbnails{
margin-left:-20px;
list-style:none;
*zoom:1;
}
.thumbnails:before,
.thumbnails:after{
display:table;
content:"";
line-height:0;
}
.thumbnails:after{
clear:both;
}
.row-fluid .thumbnails{
margin-left:0;
}
.thumbnails > li{
float:left;
margin-bottom:20px;
margin-left:20px;
}
.thumbnail{
display:block;
padding:4px;
line-height:20px;
border:1px solid #ddd;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.055);
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.055);
box-shadow:0 1px 3px rgba(0,0,0,0.055);
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}
a.thumbnail:hover,
a.thumbnail:focus{
border-color:#0088cc;
-webkit-box-shadow:0 1px 4px rgba(0,105,214,0.25);
-moz-box-shadow:0 1px 4px rgba(0,105,214,0.25);
box-shadow:0 1px 4px rgba(0,105,214,0.25);
}
.thumbnail > img{
display:block;
max-width:100%;
margin-left:auto;
margin-right:auto;
}
.thumbnail .caption{
padding:9px;
color:#555555;
}
.alert{
padding:8px 35px 8px 14px;
margin-bottom:20px;
text-shadow:0 1px 0 rgba(255,255,255,0.5);
background-color:#fcf8e3;
border:1px solid #fbeed5;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.alert,
.alert h4{
color:#c09853;
}
.alert h4{
margin:0;
}
.alert .close{
position:relative;
top:-2px;
right:-21px;
line-height:20px;
}
.alert-success{
background-color:#dff0d8;
border-color:#d6e9c6;
color:#468847;
}
.alert-success h4{
color:#468847;
}
.alert-danger,
.alert-error{
background-color:#f2dede;
border-color:#eed3d7;
color:#b94a48;
}
.alert-danger h4,
.alert-error h4{
color:#b94a48;
}
.alert-info{
background-color:#d9edf7;
border-color:#bce8f1;
color:#3a87ad;
}
.alert-info h4{
color:#3a87ad;
}
.alert-block{
padding-top:14px;
padding-bottom:14px;
}
.alert-block > p,
.alert-block > ul{
margin-bottom:0;
}
.alert-block p + p{
margin-top:5px;
}
@-webkit-keyframes progress-bar-stripes{
from{
background-position:40px 0;
}
to{
background-position:0 0;
}
}
@-moz-keyframes progress-bar-stripes{
from{
background-position:40px 0;
}
to{
background-position:0 0;
}
}
@-ms-keyframes progress-bar-stripes{
from{
background-position:40px 0;
}
to{
background-position:0 0;
}
}
@-o-keyframes progress-bar-stripes{
from{
background-position:0 0;
}
to{
background-position:40px 0;
}
}
@keyframes progress-bar-stripes{
from{
background-position:40px 0;
}
to{
background-position:0 0;
}
}
.progress{
overflow:hidden;
height:20px;
margin-bottom:20px;
background-color:#f7f7f7;
background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);
background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.progress .bar{
width:0%;
height:100%;
color:#ffffff;
float:left;
font-size:12px;
text-align:center;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#0e90d2;
background-image:-moz-linear-gradient(top,#149bdf,#0480be);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));
background-image:-webkit-linear-gradient(top,#149bdf,#0480be);
background-image:-o-linear-gradient(top,#149bdf,#0480be);
background-image:linear-gradient(to bottom,#149bdf,#0480be);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);
-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);
-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);
box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:width 0.6s ease;
-moz-transition:width 0.6s ease;
-o-transition:width 0.6s ease;
transition:width 0.6s ease;
}
.progress .bar + .bar{
-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);
-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);
}
.progress-striped .bar{
background-color:#149bdf;
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
-webkit-background-size:40px 40px;
-moz-background-size:40px 40px;
-o-background-size:40px 40px;
background-size:40px 40px;
}
.progress.active .bar{
-webkit-animation:progress-bar-stripes 2s linear infinite;
-moz-animation:progress-bar-stripes 2s linear infinite;
-ms-animation:progress-bar-stripes 2s linear infinite;
-o-animation:progress-bar-stripes 2s linear infinite;
animation:progress-bar-stripes 2s linear infinite;
}
.progress-danger .bar,
.progress .bar-danger{
background-color:#dd514c;
background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));
background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);
background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);
background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0);
}
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger{
background-color:#ee5f5b;
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-success .bar,
.progress .bar-success{
background-color:#5eb95e;
background-image:-moz-linear-gradient(top,#62c462,#57a957);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));
background-image:-webkit-linear-gradient(top,#62c462,#57a957);
background-image:-o-linear-gradient(top,#62c462,#57a957);
background-image:linear-gradient(to bottom,#62c462,#57a957);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0);
}
.progress-success.progress-striped .bar,
.progress-striped .bar-success{
background-color:#62c462;
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-info .bar,
.progress .bar-info{
background-color:#4bb1cf;
background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));
background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);
background-image:-o-linear-gradient(top,#5bc0de,#339bb9);
background-image:linear-gradient(to bottom,#5bc0de,#339bb9);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0);
}
.progress-info.progress-striped .bar,
.progress-striped .bar-info{
background-color:#5bc0de;
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-warning .bar,
.progress .bar-warning{
background-color:#faa732;
background-image:-moz-linear-gradient(top,#fbb450,#f89406);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
background-image:-webkit-linear-gradient(top,#fbb450,#f89406);
background-image:-o-linear-gradient(top,#fbb450,#f89406);
background-image:linear-gradient(to bottom,#fbb450,#f89406);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0);
}
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning{
background-color:#fbb450;
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.hero-unit{
padding:60px;
margin-bottom:30px;
font-size:18px;
font-weight:200;
line-height:30px;
color:inherit;
background-color:#eeeeee;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.hero-unit h1{
margin-bottom:0;
font-size:60px;
line-height:1;
color:inherit;
letter-spacing:-1px;
}
.hero-unit li{
line-height:30px;
}
.media,
.media-body{
overflow:hidden;
*overflow:visible;
zoom:1;
}
.media,
.media .media{
margin-top:15px;
}
.media:first-child{
margin-top:0;
}
.media-object{
display:block;
}
.media-heading{
margin:0 0 5px;
}
.media > .pull-left{
margin-right:10px;
}
.media > .pull-right{
margin-left:10px;
}
.media-list{
margin-left:0;
list-style:none;
}
.tooltip{
position:absolute;
z-index:998;
display:block;
visibility:visible;
font-size:11px;
line-height:1.4;
opacity:0;
filter:alpha(opacity=0);
}
.tooltip.in{
opacity:0.8;
filter:alpha(opacity=80);
}
.tooltip.top{
margin-top:-3px;
padding:5px 0;
}
.tooltip.right{
margin-left:3px;
padding:0 5px;
}
.tooltip.bottom{
margin-top:3px;
padding:5px 0;
}
.tooltip.left{
margin-left:-3px;
padding:0 5px;
}
.tooltip-inner{
max-width:200px;
padding:8px;
color:#ffffff;
text-align:center;
text-decoration:none;
background-color:#000000;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.tooltip-arrow{
position:absolute;
width:0;
height:0;
border-color:transparent;
border-style:solid;
}
.tooltip.top .tooltip-arrow{
bottom:0;
left:50%;
margin-left:-5px;
border-width:5px 5px 0;
border-top-color:#000000;
}
.tooltip.right .tooltip-arrow{
top:50%;
left:0;
margin-top:-5px;
border-width:5px 5px 5px 0;
border-right-color:#000000;
}
.tooltip.left .tooltip-arrow{
top:50%;
right:0;
margin-top:-5px;
border-width:5px 0 5px 5px;
border-left-color:#000000;
}
.tooltip.bottom .tooltip-arrow{
top:0;
left:50%;
margin-left:-5px;
border-width:0 5px 5px;
border-bottom-color:#000000;
}
.popover{
position:absolute;
top:0;
left:0;
z-index:1010;
display:none;
max-width:276px;
padding:1px;
text-align:left;
background-color:#ffffff;
-webkit-background-clip:padding-box;
-moz-background-clip:padding;
background-clip:padding-box;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,0.2);
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
box-shadow:0 5px 10px rgba(0,0,0,0.2);
white-space:normal;
}
.popover.top{
margin-top:-10px;
}
.popover.right{
margin-left:10px;
}
.popover.bottom{
margin-top:10px;
}
.popover.left{
margin-left:-10px;
}
.popover-title{
margin:0;
padding:8px 14px;
font-size:14px;
font-weight:normal;
line-height:18px;
background-color:#f7f7f7;
border-bottom:1px solid #ebebeb;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}
.popover-title:empty{
display:none;
}
.popover-content{
padding:9px 14px;
}
.popover .arrow,
.popover .arrow:after{
position:absolute;
display:block;
width:0;
height:0;
border-color:transparent;
border-style:solid;
}
.popover .arrow{
border-width:11px;
}
.popover .arrow:after{
border-width:10px;
content:"";
}
.popover.top .arrow{
left:50%;
margin-left:-11px;
border-bottom-width:0;
border-top-color:#999;
border-top-color:rgba(0,0,0,0.25);
bottom:-11px;
}
.popover.top .arrow:after{
bottom:1px;
margin-left:-10px;
border-bottom-width:0;
border-top-color:#ffffff;
}
.popover.right .arrow{
top:50%;
left:-11px;
margin-top:-11px;
border-left-width:0;
border-right-color:#999;
border-right-color:rgba(0,0,0,0.25);
}
.popover.right .arrow:after{
left:1px;
bottom:-10px;
border-left-width:0;
border-right-color:#ffffff;
}
.popover.bottom .arrow{
left:50%;
margin-left:-11px;
border-top-width:0;
border-bottom-color:#999;
border-bottom-color:rgba(0,0,0,0.25);
top:-11px;
}
.popover.bottom .arrow:after{
top:1px;
margin-left:-10px;
border-top-width:0;
border-bottom-color:#ffffff;
}
.popover.left .arrow{
top:50%;
right:-11px;
margin-top:-11px;
border-right-width:0;
border-left-color:#999;
border-left-color:rgba(0,0,0,0.25);
}
.popover.left .arrow:after{
right:1px;
border-right-width:0;
border-left-color:#ffffff;
bottom:-10px;
}
.modal-backdrop{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1040;
background-color:#000000;
}
.modal-backdrop.fade{
opacity:0;
}
.modal-backdrop,
.modal-backdrop.fade.in{
opacity:0.8;
filter:alpha(opacity=80);
}
.modal{
position:fixed;
top:10%;
left:50%;
z-index:1050;
width:560px;
margin-left:-280px;
background-color:#ffffff;
border:1px solid #999;
border:1px solid rgba(0,0,0,0.3);
*border:1px solid #999;
/* IE6-7 */
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);
-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);
box-shadow:0 3px 7px rgba(0,0,0,0.3);
-webkit-background-clip:padding-box;
-moz-background-clip:padding-box;
background-clip:padding-box;
outline:none;
}
.modal.fade{
-webkit-transition:opacity .3s linear,top .3s ease-out;
-moz-transition:opacity .3s linear,top .3s ease-out;
-o-transition:opacity .3s linear,top .3s ease-out;
transition:opacity .3s linear,top .3s ease-out;
top:-25%;
}
.modal.fade.in{
top:10%;
}
.modal-header{
padding:9px 15px;
border-bottom:1px solid #eee;
}
.modal-header .close{
margin-top:2px;
}
.modal-header h3{
margin:0;
line-height:30px;
}
.modal-body{
position:relative;
overflow-y:auto;
max-height:400px;
padding:15px;
}
.modal-form{
margin-bottom:0;
}
.modal-footer{
padding:14px 15px 15px;
margin-bottom:0;
text-align:right;
background-color:#f5f5f5;
border-top:1px solid #ddd;
-webkit-border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
-webkit-box-shadow:inset 0 1px 0 #ffffff;
-moz-box-shadow:inset 0 1px 0 #ffffff;
box-shadow:inset 0 1px 0 #ffffff;
*zoom:1;
}
.modal-footer:before,
.modal-footer:after{
display:table;
content:"";
line-height:0;
}
.modal-footer:after{
clear:both;
}
.modal-footer .btn + .btn{
margin-left:5px;
margin-bottom:0;
}
.modal-footer .btn-group .btn + .btn{
margin-left:-1px;
}
.modal-footer .btn-block + .btn-block{
margin-left:0;
}
.dropup,
.dropdown{
position:relative;
}
.dropdown-toggle{
*margin-bottom:-3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle{
outline:0;
}
.caret{
display:inline-block;
width:0;
height:0;
vertical-align:top;
border-top:4px solid #000000;
border-right:4px solid transparent;
border-left:4px solid transparent;
content:"";
}
.dropdown .caret{
margin-top:8px;
margin-left:2px;
}
.dropdown-menu{
position:absolute;
top:100%;
left:0;
z-index:1000;
display:none;
float:left;
min-width:160px;
padding:5px 0;
margin:2px 0 0;
list-style:none;
background-color:#ffffff;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,0.2);
*border-right-width:2px;
*border-bottom-width:2px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
box-shadow:0 5px 10px rgba(0,0,0,0.2);
-webkit-background-clip:padding-box;
-moz-background-clip:padding;
background-clip:padding-box;
}
.dropdown-menu.pull-right{
right:0;
left:auto;
}
.dropdown-menu .divider{
*width:100%;
height:1px;
margin:9px 1px;
*margin:-5px 0 5px;
overflow:hidden;
background-color:#e5e5e5;
border-bottom:1px solid #ffffff;
}
.dropdown-menu > li > a{
display:block;
padding:3px 20px;
clear:both;
font-weight:normal;
line-height:20px;
color:#333333;
white-space:nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a{
text-decoration:none;
color:#ffffff;
background-color:#0081c2;
background-image:-moz-linear-gradient(top,#0088cc,#0077b3);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0077b3));
background-image:-webkit-linear-gradient(top,#0088cc,#0077b3);
background-image:-o-linear-gradient(top,#0088cc,#0077b3);
background-image:linear-gradient(to bottom,#0088cc,#0077b3);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
color:#ffffff;
text-decoration:none;
outline:0;
background-color:#0081c2;
background-image:-moz-linear-gradient(top,#0088cc,#0077b3);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0077b3));
background-image:-webkit-linear-gradient(top,#0088cc,#0077b3);
background-image:-o-linear-gradient(top,#0088cc,#0077b3);
background-image:linear-gradient(to bottom,#0088cc,#0077b3);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus{
color:#999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus{
text-decoration:none;
background-color:transparent;
background-image:none;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor:default;
}
.open{
*z-index:1000;
}
.open > .dropdown-menu{
display:block;
}
.pull-right > .dropdown-menu{
right:0;
left:auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret{
border-top:0;
border-bottom:4px solid #000000;
content:"";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu{
top:auto;
bottom:100%;
margin-bottom:1px;
}
.dropdown-submenu{
position:relative;
}
.dropdown-submenu > .dropdown-menu{
top:0;
left:100%;
margin-top:-6px;
margin-left:-1px;
-webkit-border-radius:0 6px 6px 6px;
-moz-border-radius:0 6px 6px 6px;
border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu{
display:block;
}
.dropup .dropdown-submenu > .dropdown-menu{
top:auto;
bottom:0;
margin-top:0;
margin-bottom:-2px;
-webkit-border-radius:5px 5px 5px 0;
-moz-border-radius:5px 5px 5px 0;
border-radius:5px 5px 5px 0;
}
.dropdown-submenu > a:after{
display:block;
content:" ";
float:right;
width:0;
height:0;
border-color:transparent;
border-style:solid;
border-width:5px 0 5px 5px;
border-left-color:#cccccc;
margin-top:5px;
margin-right:-10px;
}
.dropdown-submenu:hover > a:after{
border-left-color:#ffffff;
}
.dropdown-submenu.pull-left{
float:none;
}
.dropdown-submenu.pull-left > .dropdown-menu{
left:-100%;
margin-left:10px;
-webkit-border-radius:6px 0 6px 6px;
-moz-border-radius:6px 0 6px 6px;
border-radius:6px 0 6px 6px;
}
.dropdown .dropdown-menu .nav-header{
padding-left:20px;
padding-right:20px;
}
.typeahead{
z-index:1051;
margin-top:2px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.accordion{
margin-bottom:20px;
}
.accordion-group{
margin-bottom:2px;
border:1px solid #e5e5e5;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.accordion-heading{
border-bottom:0;
}
.accordion-heading .accordion-toggle{
display:block;
padding:8px 15px;
}
.accordion-toggle{
cursor:pointer;
}
.accordion-inner{
padding:9px 15px;
border-top:1px solid #e5e5e5;
}
.carousel{
position:relative;
margin-bottom:20px;
line-height:1;
}
.carousel-inner{
overflow:hidden;
width:100%;
position:relative;
}
.carousel-inner > .item{
display:none;
position:relative;
-webkit-transition:0.6s ease-in-out left;
-moz-transition:0.6s ease-in-out left;
-o-transition:0.6s ease-in-out left;
transition:0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img{
display:block;
line-height:1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev{
display:block;
}
.carousel-inner > .active{
left:0;
}
.carousel-inner > .next,
.carousel-inner > .prev{
position:absolute;
top:0;
width:100%;
}
.carousel-inner > .next{
left:100%;
}
.carousel-inner > .prev{
left:-100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right{
left:0;
}
.carousel-inner > .active.left{
left:-100%;
}
.carousel-inner > .active.right{
left:100%;
}
.carousel-control{
position:absolute;
top:40%;
left:15px;
width:40px;
height:40px;
margin-top:-20px;
font-size:60px;
font-weight:100;
line-height:30px;
color:#ffffff;
text-align:center;
background:#222222;
border:3px solid #ffffff;
-webkit-border-radius:23px;
-moz-border-radius:23px;
border-radius:23px;
opacity:0.5;
filter:alpha(opacity=50);
}
.carousel-control.right{
left:auto;
right:15px;
}
.carousel-control:hover,
.carousel-control:focus{
color:#ffffff;
text-decoration:none;
opacity:0.9;
filter:alpha(opacity=90);
}
.carousel-indicators{
position:absolute;
top:15px;
right:15px;
z-index:5;
margin:0;
list-style:none;
}
.carousel-indicators li{
display:block;
float:left;
width:10px;
height:10px;
margin-left:5px;
text-indent:-999px;
background-color:#ccc;
background-color:rgba(255,255,255,0.25);
border-radius:5px;
}
.carousel-indicators .active{
background-color:#fff;
}
.carousel-caption{
position:absolute;
left:0;
right:0;
bottom:0;
padding:15px;
background:#333333;
background:rgba(0,0,0,0.75);
}
.carousel-caption h4,
.carousel-caption p{
color:#ffffff;
line-height:20px;
}
.carousel-caption h4{
margin:0 0 5px;
}
.carousel-caption p{
margin-bottom:0;
}
.well{
min-height:20px;
padding:19px;
margin-bottom:20px;
background-color:#f5f5f5;
border:1px solid #e3e3e3;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
}
.well blockquote{
border-color:#ddd;
border-color:rgba(0,0,0,0.15);
}
.well-large{
padding:24px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.well-small{
padding:9px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.close{
float:right;
font-size:20px;
font-weight:bold;
line-height:20px;
color:#000000;
text-shadow:0 1px 0 #ffffff;
opacity:0.2;
filter:alpha(opacity=20);
}
.close:hover,
.close:focus{
color:#000000;
text-decoration:none;
cursor:pointer;
opacity:0.4;
filter:alpha(opacity=40);
}
button.close{
padding:0;
cursor:pointer;
background:transparent;
border:0;
-webkit-appearance:none;
}
.pull-right{
float:right;
}
.pull-left{
float:left;
}
.hide{
display:none;
}
.show{
display:block;
}
.invisible{
visibility:hidden;
}
.affix{
position:fixed;
}
.fade{
opacity:0;
-webkit-transition:opacity 0.15s linear;
-moz-transition:opacity 0.15s linear;
-o-transition:opacity 0.15s linear;
transition:opacity 0.15s linear;
}
.fade.in{
opacity:1;
}
.collapse{
position:relative;
height:0;
overflow:hidden;
-webkit-transition:height 0.35s ease;
-moz-transition:height 0.35s ease;
-o-transition:height 0.35s ease;
transition:height 0.35s ease;
}
.collapse.in{
height:auto;
}
@-ms-viewport{
width:device-width;
}
.hidden{
display:none;
visibility:hidden;
}
.visible-phone{
display:none !important;
}
.visible-tablet{
display:none !important;
}
.hidden-desktop{
display:none !important;
}
.visible-desktop{
display:inherit !important;
}
@media (min-width:768px) and (max-width:979px){
.hidden-desktop{
display:inherit !important;
}
.visible-desktop{
display:none !important ;
}
.visible-tablet{
display:inherit !important;
}
.hidden-tablet{
display:none !important;
}
}
@media (max-width:767px){
.hidden-desktop{
display:inherit !important;
}
.visible-desktop{
display:none !important;
}
.visible-phone{
display:inherit !important;
}
.hidden-phone{
display:none !important;
}
}
.visible-print{
display:none !important;
}
@media print{
.visible-print{
display:inherit !important;
}
.hidden-print{
display:none !important;
}
}
@media (min-width:1200px){
.row{
margin-left:-30px;
*zoom:1;
}
.row:before,
.row:after{
display:table;
content:"";
line-height:0;
}
.row:after{
clear:both;
}
[class*="span"]{
float:left;
min-height:1px;
margin-left:30px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container{
width:1170px;
}
.span12{
width:1170px;
}
.span11{
width:1070px;
}
.span10{
width:970px;
}
.span9{
width:870px;
}
.span8{
width:770px;
}
.span7{
width:670px;
}
.span6{
width:570px;
}
.span5{
width:470px;
}
.span4{
width:370px;
}
.span3{
width:270px;
}
.span2{
width:170px;
}
.span1{
width:70px;
}
.offset12{
margin-left:1230px;
}
.offset11{
margin-left:1130px;
}
.offset10{
margin-left:1030px;
}
.offset9{
margin-left:930px;
}
.offset8{
margin-left:830px;
}
.offset7{
margin-left:730px;
}
.offset6{
margin-left:630px;
}
.offset5{
margin-left:530px;
}
.offset4{
margin-left:430px;
}
.offset3{
margin-left:330px;
}
.offset2{
margin-left:230px;
}
.offset1{
margin-left:130px;
}
.row-fluid{
width:100%;
*zoom:1;
}
.row-fluid:before,
.row-fluid:after{
display:table;
content:"";
line-height:0;
}
.row-fluid:after{
clear:both;
}
.row-fluid [class*="span"]{
display:block;
width:100%;
min-height:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
float:left;
margin-left:2.564102564102564%;
*margin-left:2.5109110747408616%;
}
.row-fluid [class*="span"]:first-child{
margin-left:0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"]{
margin-left:2.564102564102564%;
}
.row-fluid .span12{
width:100%;
*width:99.94680851063829%;
}
.row-fluid .span11{
width:91.45299145299145%;
*width:91.39979996362975%;
}
.row-fluid .span10{
width:82.90598290598291%;
*width:82.8527914166212%;
}
.row-fluid .span9{
width:74.35897435897436%;
*width:74.30578286961266%;
}
.row-fluid .span8{
width:65.81196581196582%;
*width:65.75877432260411%;
}
.row-fluid .span7{
width:57.26495726495726%;
*width:57.21176577559556%;
}
.row-fluid .span6{
width:48.717948717948715%;
*width:48.664757228587014%;
}
.row-fluid .span5{
width:40.17094017094017%;
*width:40.11774868157847%;
}
.row-fluid .span4{
width:31.623931623931625%;
*width:31.570740134569924%;
}
.row-fluid .span3{
width:23.076923076923077%;
*width:23.023731587561375%;
}
.row-fluid .span2{
width:14.52991452991453%;
*width:14.476723040552828%;
}
.row-fluid .span1{
width:5.982905982905983%;
*width:5.929714493544281%;
}
.row-fluid .offset12{
margin-left:105.12820512820512%;
*margin-left:105.02182214948171%;
}
.row-fluid .offset12:first-child{
margin-left:102.56410256410257%;
*margin-left:102.45771958537915%;
}
.row-fluid .offset11{
margin-left:96.58119658119658%;
*margin-left:96.47481360247316%;
}
.row-fluid .offset11:first-child{
margin-left:94.01709401709402%;
*margin-left:93.91071103837061%;
}
.row-fluid .offset10{
margin-left:88.03418803418803%;
*margin-left:87.92780505546462%;
}
.row-fluid .offset10:first-child{
margin-left:85.47008547008548%;
*margin-left:85.36370249136206%;
}
.row-fluid .offset9{
margin-left:79.48717948717949%;
*margin-left:79.38079650845607%;
}
.row-fluid .offset9:first-child{
margin-left:76.92307692307693%;
*margin-left:76.81669394435352%;
}
.row-fluid .offset8{
margin-left:70.94017094017094%;
*margin-left:70.83378796144753%;
}
.row-fluid .offset8:first-child{
margin-left:68.37606837606839%;
*margin-left:68.26968539734497%;
}
.row-fluid .offset7{
margin-left:62.393162393162385%;
*margin-left:62.28677941443899%;
}
.row-fluid .offset7:first-child{
margin-left:59.82905982905982%;
*margin-left:59.72267685033642%;
}
.row-fluid .offset6{
margin-left:53.84615384615384%;
*margin-left:53.739770867430444%;
}
.row-fluid .offset6:first-child{
margin-left:51.28205128205128%;
*margin-left:51.175668303327875%;
}
.row-fluid .offset5{
margin-left:45.299145299145295%;
*margin-left:45.1927623204219%;
}
.row-fluid .offset5:first-child{
margin-left:42.73504273504273%;
*margin-left:42.62865975631933%;
}
.row-fluid .offset4{
margin-left:36.75213675213675%;
*margin-left:36.645753773413354%;
}
.row-fluid .offset4:first-child{
margin-left:34.18803418803419%;
*margin-left:34.081651209310785%;
}
.row-fluid .offset3{
margin-left:28.205128205128204%;
*margin-left:28.0987452264048%;
}
.row-fluid .offset3:first-child{
margin-left:25.641025641025642%;
*margin-left:25.53464266230224%;
}
.row-fluid .offset2{
margin-left:19.65811965811966%;
*margin-left:19.551736679396257%;
}
.row-fluid .offset2:first-child{
margin-left:17.094017094017094%;
*margin-left:16.98763411529369%;
}
.row-fluid .offset1{
margin-left:11.11111111111111%;
*margin-left:11.004728132387708%;
}
.row-fluid .offset1:first-child{
margin-left:8.547008547008547%;
*margin-left:8.440625568285142%;
}
input,
textarea,
.uneditable-input{
margin-left:0;
}
.controls-row [class*="span"] + [class*="span"]{
margin-left:30px;
}
input.span12,
textarea.span12,
.uneditable-input.span12{
width:1156px;
}
input.span11,
textarea.span11,
.uneditable-input.span11{
width:1056px;
}
input.span10,
textarea.span10,
.uneditable-input.span10{
width:956px;
}
input.span9,
textarea.span9,
.uneditable-input.span9{
width:856px;
}
input.span8,
textarea.span8,
.uneditable-input.span8{
width:756px;
}
input.span7,
textarea.span7,
.uneditable-input.span7{
width:656px;
}
input.span6,
textarea.span6,
.uneditable-input.span6{
width:556px;
}
input.span5,
textarea.span5,
.uneditable-input.span5{
width:456px;
}
input.span4,
textarea.span4,
.uneditable-input.span4{
width:356px;
}
input.span3,
textarea.span3,
.uneditable-input.span3{
width:256px;
}
input.span2,
textarea.span2,
.uneditable-input.span2{
width:156px;
}
input.span1,
textarea.span1,
.uneditable-input.span1{
width:56px;
}
.thumbnails{
margin-left:-30px;
}
.thumbnails > li{
margin-left:30px;
}
.row-fluid .thumbnails{
margin-left:0;
}
}
@media (max-width:979px){
body{
padding-top:0;
}
.navbar-fixed-top,
.navbar-fixed-bottom{
position:static;
}
.navbar-fixed-top{
margin-bottom:20px;
}
.navbar-fixed-bottom{
margin-top:20px;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner{
padding:5px;
}
.navbar .container{
width:auto;
padding:0;
}
.navbar .brand{
padding-left:10px;
padding-right:10px;
margin:0 0 0 -5px;
}
.nav-collapse{
clear:both;
}
.nav-collapse .nav{
float:none;
margin:0 0 10px;
}
.nav-collapse .nav > li{
float:none;
}
.nav-collapse .nav > li > a{
margin-bottom:2px;
}
.nav-collapse .nav > .divider-vertical{
display:none;
}
.nav-collapse .nav .nav-header{
color:#777777;
text-shadow:none;
}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a{
padding:9px 15px;
font-weight:bold;
color:#777777;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.nav-collapse .btn{
padding:4px 10px 4px;
font-weight:normal;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.nav-collapse .dropdown-menu li + li a{
margin-bottom:2px;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus{
background-color:#f2f2f2;
}
.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a{
color:#999999;
}
.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .nav > li > a:focus,
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:focus{
background-color:#111111;
}
.nav-collapse.in .btn-group{
margin-top:5px;
padding:0;
}
.nav-collapse .dropdown-menu{
position:static;
top:auto;
left:auto;
float:none;
display:none;
max-width:none;
margin:0 15px;
padding:0;
background-color:transparent;
border:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.nav-collapse .open > .dropdown-menu{
display:block;
}
.nav-collapse .dropdown-menu:before,
.nav-collapse .dropdown-menu:after{
display:none;
}
.nav-collapse .dropdown-menu .divider{
display:none;
}
.nav-collapse .nav > li > .dropdown-menu:before,
.nav-collapse .nav > li > .dropdown-menu:after{
display:none;
}
.nav-collapse .navbar-form,
.nav-collapse .navbar-search{
float:none;
padding:10px 15px;
margin:10px 0;
border-top:1px solid #f2f2f2;
border-bottom:1px solid #f2f2f2;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
}
.navbar-inverse .nav-collapse .navbar-form,
.navbar-inverse .nav-collapse .navbar-search{
border-top-color:#111111;
border-bottom-color:#111111;
}
.navbar .nav-collapse .nav.pull-right{
float:none;
margin-left:0;
}
.nav-collapse,
.nav-collapse.collapse{
overflow:hidden;
height:0;
}
.navbar .btn-navbar{
display:block;
}
.navbar-static .navbar-inner{
padding-left:10px;
padding-right:10px;
}
}
@media (min-width:980px){
.nav-collapse.collapse{
height:auto !important;
overflow:visible !important;
}
}
.cpe-v-s-sf-button{
  background-image: url('../images/sprite1.png');
  background-position: left -0px;
background-repeat:no-repeat;
cursor:pointer;
position:relative;
}
.cpe-v-p-sf-button{
position:relative;
}
.cpe-v-s-sf-button:hover{
-moz-box-shadow:0 0 5px #ccc;
-webkit-box-shadow:0 0 5px #ccc;
box-shadow:0 0 5px #ccc;
cursor:pointer;
}
.cpe-v-s-sf-button .cpe-v-s-icon{
background-repeat:no-repeat;
}
.cpe-v-s-sf-button .cpe-v-p-icon{
width:24px;
height:24px;
float:left;
margin-top:10px;
margin-left:8px;
}
.cpe-v-s-sf-button.cpe-v-s-purchase .cpe-v-s-icon{
background-image:url(../images/template/icon_lock.png);/** sprite-ref:sprite1;*/
}
.cpe-v-s-sf-button.cpe-v-s-playagain .cpe-v-s-icon{
background-image:url(../images/template/icon_play.png);/** sprite-ref:sprite1;*/
}
.cpe-v-s-sf-button.cpe-v-s-playagain .cpe-v-p-icon{
height:22px;
}
.cpe-v-s-sf-button.cpe-v-s-playnow .cpe-v-s-icon{
background-image:url(../images/template/icon_play.png);/** sprite-ref:sprite1;*/
}
.cpe-v-s-sf-button.cpe-v-s-playnow .cpe-v-p-icon{
height:22px;
}
.cpe-v-s-sf-button.cpe-v-s-wishlist .cpe-v-s-icon{
background-image:url(../images/template/icon_add_to_wishlist.png);/** sprite-ref:sprite1;*/
}
.cpe-v-s-sf-button.cpe-v-s-wishlist .cpe-v-p-icon{
height:22px;
}
.cpe-v-s-sf-button.cpe-v-s-wishlist-remove .cpe-v-s-icon{
background-image:url(../images/template/icon_remove_to_wishlist.png);/** sprite-ref:sprite1;*/
height:22px;
}
.cpe-v-s-sf-button.cpe-v-s-download .cpe-v-s-icon{
background-image:url(../images/template/icon_download.png);
}
.cpe-v-s-sf-button.cpe-v-s-download-cancel .cpe-v-s-icon{
background-image:url(../images/template/canceldownload_icon.png);
}
.cpe-v-s-sf-button .cpe-v-s-text{
font-size:18px;
color:white;
font-weight:bold;
}
.cpe-v-p-sf-button .cpe-v-p-text{
width:82%;
position:absolute;
margin:10px auto;
left:11%;
}
.cpe-v-p-sf-button.cpe-v-p-preview-btn .cpe-v-p-text{
width:97%;
left:0px;
}
.cpe-v-s-sf-button .cpe-v-s-extras-purchase-text{
font-size:11px;
line-height:15px;
}
.cpe-v-p-sf-button .cpe-v-p-extras-purchase-text{
/* width:100%;*/
margin:10px auto;
/* min-width:109px;*/
}
.cpe-v-s-content-search .cpe-v-s-sf-button .cpe-v-s-extras-purchase-text{
font-size:11px;
line-height:15px;
}
.cpe-v-p-content-search .cpe-v-p-sf-button .cpe-v-p-extras-purchase-text{
width:63%;
margin:6px auto;
left:35px;
min-width:105px;
}
/*@media only screen and (device-width:768px){
}*/
@media only screen and (device-width:768px){
.cpe-v-s-sf-button:link{}
.cpe-v-s-sf-button:visited{}
.cpe-v-s-sf-button:hover{
  background-image: url('../images/sprite1.png');
  background-position: left -0px;
}
.cpe-v-s-sf-button:active{
-moz-box-shadow:0 0 5px #ccc;
-webkit-box-shadow:0 0 5px #ccc;
box-shadow:0 0 5px #ccc;
cursor:pointer;
}
}
.cpe-v-s-disabled-button{
opacity:0.5;
pointer-events:none;
filter:alpha(opacity=40);
cursor:default;
}
/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-loading .slick-list{background:white center center no-repeat;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;left:0;top:0;display:block;zoom:1;}
.slick-track:before,.slick-track:after{content:"";display:table;}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{float:left;height:100%;min-height:1px;display:none;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
/* Arrows */
.slick-prev,.slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top:45%;margin-top:-10px;padding:0;border:none;outline:none;}
.slick-prev:focus,.slick-next:focus{outline:none;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:0.25;}
.slick-prev:before,.slick-next:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-prev{left:-25px;}
.slick-prev:before{content:"\2190";}
.slick-next{right:-25px;}
.slick-next:before{content:"\2192";}
/* Dots */
.slick-slider{margin-bottom:30px;}
.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0px;width:100%;}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0px 5px;padding:0px;cursor:pointer;}
.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer;}
.slick-dots li button:focus{outline:none;}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"\2022";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;color:black;opacity:0.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before{opacity:0.75;}
.cpe-v-s-image-bg
{
background-repeat:no-repeat;
background-position:center;
}
#header
{
height:237px;
position:relative;
background-color:rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8000000,endColorstr=#D8000000);
}
#header.cpe-v-s-expanded > #logo{
cursor :default;
}
#header > #logo{
/*cursor :pointer;*/
}
.cpe-v-s-retailer-header{
background-image:url(../images/header/header-background.png);
background-repeat:repeat-x;
}
.cpe-v-p-retailer-header{
width:100%;
position:fixed;
top:0;
z-index:995;
}
.cpe-v-p-retailer-header-content{
position:relative;
height:47px;
margin:0px 10px;
}
ul.cpe-v-p-retailer-header-items,ul.cpe-v-p-retailer-header-items li,ul.cpe-v-p-retailer-header-items ul{
margin:0;
padding:0;
float :left;
}
ul.cpe-v-s-retailer-header-items,ul.cpe-v-s-retailer-header-items li,ul.cpe-v-s-retailer-header-items ul{
list-style:none;
}
ul.cpe-v-p-retailer-header-items{
float:left;
margin:0 auto;
}
.cpe-v-p-retailer-header-logo{
width:75px;
/*	background-position:0 -112px;*/
height:48px;
position:absolute;
z-index:100;
}
.cpe-v-s-retailer-header-logo{
background-image:url(../images/header/retailer_logo.png);
background-repeat:no-repeat;
cursor:pointer;
}
#header.cpe-v-s-expanded
{
background-color:rgba(0,0,0,0);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000);
}
#header.cpe-v-p-expanded
{
height:100%;
}
#loader
{
background-image:url(../images/loading_spin.gif);
background-size:40px 40px;
background-position:50% 50%;
background-repeat:no-repeat;
width :40px;
height:40px;
margin:0px auto;
}
/*#photo.expanded
{
background-position:0% 100%;
}*/
#logo
{
background-image:url(../images/template/cpe_feature_logo.png);
background-size:#@get_home_background_size@#;
background-origin:content-box;
background-position:50% 42%;
position:absolute;
width:100%;
margin:auto;
}
.cpe-v-p-ie8 #logo
{
height:225px;
width:1024px;
position:absolute;
bottom:0px;
}
.cpe-v-s-ie8 #logo
{
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/cpe_feature_logo.png',sizingMethod='scale');
}
.cpe-v-s-quick-play-text:not(.cpe-v-s-expanded),.cpe-v-s-help-text:not(.cpe-v-s-expanded)
{
visibility:hidden;
}
.cpe-v-p-quick-play-text{
text-align:center;
}
#help-wrapper
{
width:30px;
}
#help
{
background-image:url(../images/template/help_n.png);/** sprite-ref:sprite1;*/
width:26px;
height:26px;
position:absolute;
right:-3px;
z-index:0;
}
#help:hover
{
background-image:url(../images/template/help_s.png);/** sprite-ref:sprite1;*/
width:26px;
height:26px;
}
#icons
{
position:absolute;
bottom:90px;
right:20px;
height:50px
}
#tabs
{
height:66px;
position:absolute;
bottom:0px;
left:124px;
right:0px;
}
.cpe-v-p-tab
{
width:52%;
position:absolute;
}
#exploretab
{
background-image:url(../images/template/explore_tab.png);
background-repeat:no-repeat;
left:-15px;
}
/*.tab:before
{
width:0;
height:0;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-right:10px solid blue;
}
*/.cpe-v-s-exploretab-color{
}
.cpe-v-s-searchtab-color{
background-image:url(../images/template/cpe_feature_search_bg.jpg);
}
.cpe-v-p-tab-text
{
height:22px;
margin-top:18px;
padding-left:40px;
}
.cpe-v-s-tab-text
{
background-repeat:no-repeat;
background-position:50% 50%;
background-size:contain;
color:white;
}
.cpe-v-f-tab-text
{
font-family:CaptureIt;
font-size:31px;
letter-spacing:3px;
}
.cpe-v-p-search-outline
{
position:absolute;
min-width:210px;
width:75%;
height:40px;
margin:auto;
bottom:0px;
right:0px;
left:40px;
top:0px;
}
input#search-box::-webkit-input-placeholder{
color:#777777;
font-size:13px;
line-height:20px;
font-weight:500;
}
input#search-box:-moz-placeholder{/* Firefox 18- */
color:#777777;
font-size:13px;
font-weight:500;
}
input#search-box::-moz-placeholder{/* Firefox 19+ */
color:#777777;
font-size:13px;
font-weight:500;
}
input#search-box:-ms-input-placeholder{
color:#777777;
font-size:13px;
font-weight:500;
}
#search-box
{
margin-bottom:0;
margin-top:0px;
background-color:rgb(50,50,50);
width:100%;
padding:5px;
font-size:18px;
color:white;
height:34px;
border:1px solid;
border-color:rgb(128,128,128);
border-radius:2px;
padding-right:35px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
#search-box:focus
{
background-color:#333;
outline:0;
box-shadow:inset 0 0px 0px rgba(0,0,0,.075);
border-color:rgb(110,110,110);
}
#playback-buttons{
margin:2px;
float:left;
}
#search-box-wrapper
{
width:250px;
}
#search-icon-wrapper{
background-color:rgb(227,232,233);
height:100%;
width:44px;
float:left;
position:relative;
}
#search-box::-webkit-input-placeholder
{
color:grey;
color:rgba(0,0,0,.3);
}
#search-box:-moz-placeholder
{
color:grey;
color:rgba(0,0,0,.3);
}
#search-box::-moz-placeholder
{
color:grey;
color:rgba(0,0,0,.3);
}
#search-box:-ms-input-placeholder
{
color:grey;
color:rgba(0,0,0,.3);
}
#outer-container
{
width:100%;
min-height:430px;
position:absolute;
margin:0px auto;
bottom:0px;
right:0px;
left:0px;
top:237px;
}
#outer-container.cpe-v-p-expanded
{
top:100%;
}
#inner-container
{
position:absolute;
left:20px;
top:20px;
bottom:0px;
right:20px;
}
#group-selector
{
position:absolute;
width:50px;
top:70px;
left:0px;
}
.cpe-v-p-group-filter-btn
{
padding-top:2px;
padding-bottom:2px;
z-index:99;
width:53px;
}
.cpe-v-s-group-filter-btn
{
color:rgb(204,204,204);
color:rgba(204,204,204,0.7);
cursor:pointer;
}
.cpe-v-f-group-filter-btn
{
font-size:16px;
letter-spacing:3px;
font-family:CaptureIt;
}
.cpe-v-s-group-filter-btn.active,.cpe-v-s-group-filter-btn.cpe-v-s-active
{
color:white;
}
.cpe-v-s-explore-btn
{
color:rgb(227,232,233);
border-top-left-radius:10px;
border-bottom-left-radius:10px;
}
.cpe-v-p-explore-btn
{
height:33px;
padding-top:14px;
}
.cpe-v-s-explore-btn
{
font-size:18px;
}
.cpe-v-s-explore-btn.active,.cpe-v-s-explore-btn.cpe-v-s-active
{
color:black;
background-color:rgb(227,232,233);
}
#inner-header
{
height:30px;
width:100%;
}
#selected-group-lbl
{
float:left;
width:15%;
min-width:145px;
margin-left:3%;
font-size:30px;
position:relative;
font-weight:200;
}
.cpe-v-s-filter-btn
{
color:rgb(204,204,204);
color:rgba(204,204,204,0.7);
text-rendering:optimizeLegibility;
}
.cpe-v-f-filter-btn
{
font-family:CaptureIt;
font-size:120%;
letter-spacing:3px;
}
.cpe-v-p-filter-btn
{
float:left;
padding-left:3%;
padding-right:3%;
padding-top:2px;
padding-bottom:2px;
z-index:99;
}
.cpe-v-s-filter-btn.cpe-v-s-disabled{
cursor:default;
color:#777 !important;
}
.cpe-v-s-group-filter-btn.cpe-v-s-disabled{
cursor:default;
color:#777 !important;
}
.cpe-v-s-filter-btn.cpe-v-s-active,.cpe-v-s-filter-btn.active
{
color:white;
}
#content-scroll-view{
width:100%;
position:absolute;
overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
margin-bottom:0px;
/* padding-right:30px;*/
}
.cpe-v-s-content-bg
{
bottom:0px;
top:0px;
position:absolute;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
opacity:1;
left:0;
right:0;
opacity:0.1;
}
#content-scroll-view::-webkit-scrollbar{
width:6px;
height:17px;
}
#content-scroll-view::-webkit-scrollbar-track-piece{
background-color:rgba(128,128,128,.5);
-webkit-box-shadow:inset 0 0 15px rgba(0,0,0,.3);
-moz-box-shadow:inset 0 0 15px rgba(0,0,0,.3);
box-shadow:inset 0 0 15px rgba(0,0,0,.3);
}
#content-scroll-view::-webkit-scrollbar-track{
/*scroll track background color*/
background-color:rgb(216,216,216);
}
#content-scroll-view::-webkit-scrollbar-thumb{
background-color:rgb(66,65,65);
webkit-box-shadow:1px 1px 0 1px rgba(0,0,0,.15),inset 1px 1px #fff;
-moz-box-shadow:1px 1px 0 1px rgba(0,0,0,.15),inset 1px 1px #fff;
box-shadow:1px 1px 0 1px rgba(0,0,0,.15),inset 1px 1px #fff;
}
#content-scroll-view{
scrollbar-face-color:rgb(66,65,65);
scrollbar-shadow-color:#2D2C4D;
scrollbar-highlight-color:#7D7E94;
scrollbar-3dlight-color:#7D7E94;
scrollbar-darkshadow-color:#2D2C4D;
scrollbar-track-color:rgba(128,128,128,.5);
scrollbar-arrow-color:#C1C1D1;
}
.content-view-loader{
background-image:url(../images/loading_spin.gif);
background-size:40px 40px;
background-position:50% 50%;
background-repeat:no-repeat;
width:40px;
height:40px;
margin:0px auto;
}
#content-view{
/*margin-left:3%;*/
/*margin-right:1%;*/
/*background-color:green;*/
}
#footer-content-types{
position:absolute;
top:49px;
right:0;
left:0;
bottom:0;
box-shadow:0px -15px 100px black;
height:97px;
}
#footer-content-types-thin{
position:absolute;
top:auto;
right:0;
left:0;
bottom:0px;
text-align:center;
background-color:#222;
z-index:9;
box-shadow:0px -40px 70px black;
}
.cpe-v-s-content-type-button{
color:white;
padding:2px;
margin:2px;
margin-left:5px;
margin-right:5px;
background-image:url(../images/template/content-button.png);
background-size:100% 100%;
border-radius:3px;
text-align:center;
font-size:12px;
font-weight:500;
line-height:33px;
}
.cpe-v-s-content-type-button.cpe-v-s-active{
background-image:url(../images/template/content-button-active.png);
}
.cpe-v-s-content-type-button.cpe-v-s-disabled{
cursor:default !important;
color:#5e5e5e;
}
.cpe-v-s-content-type-button.cpe-v-s-disabled:hover{
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.cpe-v-s-content-type-button:hover{
-moz-box-shadow:0 0 5px #ccc;
-webkit-box-shadow:0 0 5px #ccc;
box-shadow:0 0 5px #ccc;
cursor:pointer;
}
.cpe-v-s-content-type-button-home{
color:white;
/*margin-left:0.075%;*/
/*margin-right:0.075%;*/
/*margin-top:2px;*/
/*	margin-bottom:1px;*/
float:left;
text-align:center;
width:auto;
/*padding:0 25px 0 25px;*/
height:101%;
/* background-size:cover;*/
/* outline:3px solid black;*/
opacity:0.8;
filter:alpha(opacity=80);
/* background-position:center;*/
font-size:36px;
line-height:97px;
text-transform:uppercase;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.cpe-v-s-filter-label{
text-align:center;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
padding-right:17px;
padding-left:17px;
}
.cpe-v-s-content-type-button-home-large{
height :178px !important;
}
.cpe-v-s-content-type-button-home:hover{
/* box-shadow:3px 3px 15px #666;*/
border-color:#3D6399;
/* background:#3D6399;*/
/* color:#fff;*/
cursor:pointer;
/*Opacity*/
filter:alpha(opacity=100);
opacity:1.8;
background:rgba(0,0,0,1);
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0%,rgba(61,99,153,1) 50%,rgba(0,0,0,1) 100%);
background:-webkit-gradient(left top,right top,color-stop(0%,rgba(0,0,0,1)),color-stop(50%,rgba(61,99,153,1)),color-stop(100%,rgba(0,0,0,1)));
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0%,rgba(61,99,153,1) 50%,rgba(0,0,0,1) 100%);
background:-o-linear-gradient(left,rgba(0,0,0,1) 0%,rgba(61,99,153,1) 50%,rgba(0,0,0,1) 100%);
background:-ms-linear-gradient(left,rgba(0,0,0,1) 0%,rgba(61,99,153,1) 50%,rgba(0,0,0,1) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(61,99,153,1) 50%,rgba(0,0,0,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#000000',GradientType=1 );
}
#footer-content-types-thin .cpe-v-s-content-type-button{
min-width:150px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
#footer-content-types-thin .cpe-v-p-content-buttons-container{
display:inline-block;
}
.cpe-v-p-menu-dropdown{
top:9px;
height:100%;
float:right;
margin-left:10px;
margin-right:10px;
z-index:999;
}
.cpe-v-s-menu-dropdown-btn{
background-image:url(../images/template/menu-nav-icon.png);
background-size:100% 100%;
color:white;
border-radius:8px;
}
.cpe-v-p-menu-dropdown-btn:hover{
-moz-box-shadow:0 0 10px #ccc;
-webkit-box-shadow:0 0 10px #ccc;
box-shadow:0 0 10px #ccc;
}
.cpe-v-p-menu-dropdown-btn{
height:35px;
width:35px;
}
.cpe-v-p-menu-dropdown ul{
top:35px;
width:300px;
left:-251px;
}
.cpe-v-p-menu-dropdown li{
height:32px;
margin-top:20px;
}
.cpe-v-p-menu-dropdown .divider{
border-bottom:none;
background-color:rgba(229,229,229,0.55);
}
.cpe-v-p-menu-elements{
padding-left:24px;padding-bottom:3px;
}
.cpe-v-p-menu-lower-elements{
padding-top:3px;float:left;
}
.cpe-v-s-menu-lower-elements{
text-transform:capitalize;
}
.cpe-v-p-switch-btn-menu{
float:right !important;
padding-right:9px;
}
.cpe-v-s-dropdown-menu{
background-color:rgba(0,4,10,0.92);
color:white;
border-radius:0;
}
.cpe-v-p-dropdown-menu{
margin-left:-17px;
}
.cpe-v-s-home-conent-label{
width:99.9%;
background-color:rgba(53,90,140,0.80);
margin-top:69px;
height:20px;
text-align:left;
padding-left:10px;
text-shadow:1px 1px black;
float:left;
position:absolute;
}
.cpe-v-s-home-conent-label-large{
margin-top:158px !important;
text-shadow:1px 1px black;
}
#homepage-controls{
right:20px;
position:absolute;
}
.cpe-v-s-homepage-controls-segment{
background-color:rgba(0,0,0,0.85);
box-shadow:0px 0px 0px 3px rgba(248,248,248,0.24);
border-radius:5px;
float:right;
padding:5px;
margin-right:10px;
margin-bottom:4px;
}
.cpe-v-s-homepage-controls-segment-sm{
}
.cpe-v-p-menu-icon{
width:17px;
height:17px;
margin-left:20px;
}
.cpe-v-s-home-icon{
background-image:url(../images/template/home-icon.png);
background-size:contain;
background-repeat:no-repeat;
}
.cpe-v-s-help-icon{
background-image:url(../images/template/help-icon.png);
background-size:contain;
background-repeat:no-repeat;
}
.cpe-v-s-home-button{
background-image:url(../images/template/home-button.png);
background-size:100% 100%;
border:none;
color:white;
height:34px;
float:left;
text-align:center;
vertical-align:middle;
line-height:34px;
padding-left:8px;
padding-right:8px;
margin-right:4px;
margin-left:4px;
}
.cpe-v-s-home-button:hover{
-moz-box-shadow:0 0 5px #ccc;
-webkit-box-shadow:0 0 5px #ccc;
box-shadow:0 0 5px #ccc;
cursor:pointer;
}
.cpe-v-s-home-button-share{
background-image:url(../images/template/home-button.png);
background-size:100% 100%;
border:none;
color:white;
height:34px;
float:left;
text-align:center;
padding-left:10px;
vertical-align:middle;
line-height:34px;
padding-right:10px;
margin-right:4px;
margin-left:4px;
margin-top:1px;
width:40px;
}
.cpe-v-s-home-button-share:hover{
-moz-box-shadow:0 0 5px #ccc;
-webkit-box-shadow:0 0 5px #ccc;
box-shadow:0 0 5px #ccc;
cursor:pointer;
}
.cpe-v-s-home-tb-separator{
width:1px;
background-color:#5A5A5A;
height:36px;
padding:0;
float:left;
margin-right:6px;
margin-left:5px;
}
#trailer-btn{
}
#play-btn-icon{
background-image:url(../images/template/play-icon.png);
width:24px;
height:96%;
float:left;
background-repeat:no-repeat;
background-position:center;
margin-right:4px;
}
#share-btn-icon{
background-image:url(../images/template/share-icon.png);
width:100%;
height:90%;
float:left;
margin-right:11px;
background-repeat:no-repeat;
background-position:center;
padding-left:3px;
}
#search-btn-icon{
background-image:url(../images/template/search-icon-.png);
width:100%;
height:90%;
float:left;
margin-right:11px;
background-repeat:no-repeat;
background-position:center;
padding-left:3px;
}
.add-wishlist-btn-icon{
background-image:url(../images/template/add-wishlist.png);
width:100%;
height:90%;
float:left;
margin-right:11px;
background-repeat:no-repeat;
background-position:center;
margin-top:2px;
}
.remove-wishlist-btn-icon{
background-image:url(../images/template/remove-wishlist.png);
width:100%;
height:90%;
float:left;
margin-right:11px;
background-repeat:no-repeat;
background-position:center;
margin-top:2px;
}
.cpe-v-s-search-icon{
background-image:url(../images/template/search-icon.png);
width:26px;
height:21px;
background-repeat:no-repeat;
background-position:center;
position:absolute;
right:1px;
top:50%;
margin-top:-9px;
}
#search-box-wrapper .cpe-v-s-search-icon{
right:4px;
margin-top:-10px;
}
#content-title{
color:white;
font-size:27px;
position:absolute;
text-align:center;
top:62px;
width:100%;
font-weight:500;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
height:30px;
padding-top:4px;
}
/*#sf-popup-details .cpe-v-s-modal-container
{
max-width:800px;
max-height:100%;
}
*/
#sf-popup-details .cpe-v-s-modal-view{
background-image:none;
background-color:black;
}
#sf-popup-details .cpe-v-p-modal-view{
width :100%;
height:550px;
/*	max-height:100%;
max-width:650px;*/
border:1px solid white;
border-radius:5px;
}
#sf-popup-details
{
max-width:100%;
max-height:100%;
}
#dialog-img
{
background-size:cover;
height:100%;
max-height:100%
}
.cpe-v-s-resume-img
{
background-image:url(../images/template/resume-back-btn.png);
background-repeat:no-repeat;
background-size:contain;
height:18px;
width:7px;
float:left;
margin-right:10px;
}
#tooltip-popup .cpe-v-p-modal-view
{
width:400px;
height:300px;
}
#tooltip-popup .cpe-v-p-modal-container
{
width:400px;
height:300px;
max-width:400px;
min-width:400px;
}
#tooltip-popup .cpe-v-p-modal-view
{
border:1px solid white;
border-radius:5px;
}
.cpe-s-v-tooltip-header
{
float:left;
height:10px;
padding:10px 10px 10px 10px;
width:100%;
background-color:black;
}
#tooltip-popup-content
{
color:white;
padding:10px 10px 10px 10px;
float:left;
}
.cpe-v-p-resume-movie
{
float:left;
color:white;
}
#popup-details-content
{
float:left;
height:500px;
width:100%;
}
#sf-video #popup-details-content{
height:100%;
}
.cpe-s-v-popup-header
{
float:left;
height:20px;
padding:10px 10px 10px 10px;
width:100%;
background-color:black;
}
.cpe-s-v-close
{
background-image:url(../images/player/player_modal_close.png);
background-size:initial;
background-repeat:no-repeat;
}
.cpe-s-v-car-popup
{
background-size:contain;
background-repeat:no-repeat;
background-position:top center;
}
.cpe-s-v-carousel-img-dimention
{
width:100%;
height:450px;
margin-top:10px;
}
.cpe-s-v-carousel-cast-dimention
{
width:65%;
height:450px;
margin-top:10px;
}
.cpe-s-v-carousel-cast-description-dimention
{
width:35%;
height:460px;
color:white;
}
.cpe-s-v-carousel-cast-desc
{
width:90%;
padding-left:5%;
padding-right:5%;
font-size:12px;
}
.cpe-s-v-carousel-cast-name
{
width:90%;
font-weight:bold;
padding-left:5%;
padding-right:5%;
float:left;
margin-top:20%;
}
.cpe-s-p-close
{
position:absolute;
top:10px;
right:10px;
height:12px;
width:12px;
}
.cpe-s-p-full-height
{
height:100%;
}
.cpe-s-p-carousel
{
height:90%;
padding-right:10px;
padding-left:10px;
}
.cpe-s-p-popup-carousel-wrapper .slick-prev
{
bottom:-50px;
top:auto;
left:25%;
background-image:url(../images/template/popup-previous-arrow.png);
background-repeat:no-repeat;
background-size:contain;
height:30px;
width:30px;
}
.cpe-s-v-lock-image
{
position:absolute;
top:45%;
right:45%;
background-image:url(../images/template/big-lock-icon.png);
background-repeat:no-repeat;
background-size:contain;
height:77px;
width:78px;
}
.cpe-s-v-lock-overlay
{
background-color:black;
position:absolute;
top:0;
left:0;
opacity:0.8;
}
.cpe-s-p-popup-carousel-wrapper .slick-next
{
bottom:-50px;
top:auto;
right:25%;
background-image:url(../images/template/popup-next-arrow.png);
background-repeat:no-repeat;
background-size:contain;
height:30px;
width:30px;
}
.cpe-s-p-popup-carousel-wrapper .slick-next:active
{
background-image:url(../images/template/popup-next-arrow-active.png);
}
.cpe-s-p-popup-carousel-wrapper .slick-prev:active
{
background-image:url(../images/template/popup-previous-arrow-active.png);
}
.cpe-s-p-popup-carousel-wrapper .slick-prev:before
{
content:none;
}
.cpe-s-p-popup-carousel-wrapper .slick-next:before
{
content:none;
}
.cpe-v-s-all-feature{
background-image:url(../images/template/all_feature_bg.png) !important;
}
div#all-feature-off{
float:left;
margin-top:4px;
font-size:13px;
font-weight:500;
width:50%;
text-align:center;
}
div#all-feature-on{
float:left;
margin-top:4px;
font-size:13px;
font-weight:500;
width:50%;
text-align:center;
}
.cpe-s-p-popup-carousel-wrapper-prev-active{
background-image:url(../images/template/popup-previous-arrow-active.png) !important;
}
.cpe-s-p-popup-carousel-wrapper-next-active
{
background-image:url(../images/template/popup-next-arrow-active.png) !important;
}
.cpe-v-s-clippopup{
height:100%;
}
.cpe-v-s-bg-transition{
transition:background 1s ease-in-out;
-webkit-transition:background 1s ease-in-out;
-moz-transition:background 1s ease-in-out;
-o-transition:background 1s ease-in-out;
-ms-transition:background 1s ease-in-out;
}
.cpe-v-s-content-buttons-container-home{
width:90%;
height:110px;
margin:0px auto !important;
}
#home-media-buttons{
height:50px;
text-align:center;
}
.media-btn-container{
margin-left:auto;
margin-right:auto;
display:inline-block;
}
.cpe-v-media-btn{
float:left;
color:#ddd;
background-color:rgba(0,0,0,0.9);
height:30px;
text-align:center;
line-height:30px;
width:135px;
margin-left:5px;
margin-right:5px;
font-weight:bold;
border-radius:9px;
border:2px #ddd solid;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
-o-user-select:none;
}
.cpe-v-media-btn:hover{
color:white;
cursor:pointer;
border:2px white solid;
}
#wishlist-wrapper{
float:left;
}
#wishlist-status{
font-size:21px;
line-height:28px;
}
#bg-image{
width:100%;
height:100%;
background-size:cover;
position:absolute;
background-position:top;
}
.cpe-v-s-home-btn-tooltip{
float:right;
width:49px;
height:32px;
/* margin-left:-37px;*/
margin-top:-64px;
position:absolute;
right:0;
}
.cpe-v-s-noellipsis{
text-overflow:clip !important;
}
/*Player-Full Screen CSS - Start*/
#player-div:-webkit-full-screen .cpe-v-s-cns-switch-panel
{
width:400px;
top:45px;
left:30px;
}
#player-div:-moz-full-screen .cpe-v-s-cns-switch-panel
{
width:400px;
top:45px;
left:30px;
}
#player-div:-webkit-full-screen .cpe-v-s-cns-switch-txt
{
border-radius:6px;
line-height:38px;
font-size:18px;
}
#player-div:-webkit-full-screen .cpe-v-p-cns-switch-txt
{
height:38px;
width:193px;
}
#player-div:-moz-full-screen .cpe-v-s-cns-switch-txt
{
border-radius:6px;
line-height:38px;
font-size:18px;
}
#player-div:-moz-full-screen .cpe-v-p-cns-switch-txt
{
height:38px;
width:193px;
}
#player-div:-webkit-full-screen .cpe-v-p-cns-switch-bg
{
height:40px;
}
#player-div:-moz-full-screen .cpe-v-p-cns-switch-bg
{
height:40px;
}
#player-div:-webkit-full-screen .cpe-v-s-cns-switch-state
{
font-size:15px;
line-height:30px;
}
#player-div:-moz-full-screen .cpe-v-s-cns-switch-state
{
font-size:15px;
line-height:30px;
}
#player-div:-webkit-full-screen .cpe-v-s-cns-switch-btn
{
border-radius:10px;
}
#player-div:-webkit-full-screen .cpe-v-p-cns-switch-btn
{
width:82px;
height:35px;
left:110px;
}
#player-div:-moz-full-screen .cpe-v-s-cns-switch-btn
{
border-radius:10px;
}
#player-div:-moz-full-screen .cpe-v-p-cns-switch-btn
{
width:82px;
height:35px;
left:110px;
}
#player-div:-webkit-full-screen .cpe-v-s-cns-float-panel
{
border-top-left-radius:7px;
border-bottom-left-radius:7px;
}
#player-div:-webkit-full-screen .cpe-v-p-cns-float-panel
{
width:194px;
height:73px;
bottom:220px;
}
#player-div:-moz-full-screen .cpe-v-s-cns-float-panel
{
border-top-left-radius:7px;
border-bottom-left-radius:7px;
}
#player-div:-moz-full-screen .cpe-v-p-cns-float-panel
{
width:194px;
height:73px;
bottom:220px;
}
#player-div:-webkit-full-screen .cpe-v-p-cns-share-panel
{
width:660px;
margin-top:-167px;
margin-left:-330px;
}
#player-div:-moz-full-screen .cpe-v-p-cns-share-panel
{
width:660px;
margin-top:-167px;
margin-left:-330px;
}
#player-div:-webkit-full-screen #dialog-view .cpe-v-s-dark
{
border-radius:6px;
}
#player-div:-webkit-full-screen #dialog-view .cpe-v-p-dark
{
/*height:334px;*/
}
#player-div:-webkit-full-screen .cpe-v-p-dark #dialog-share-container
{
bottom:40px;
}
#player-div:-webkit-full-screen #dialog-share-lbl.cpe-v-s-dark{
font-size:15px;
}
#player-div:-moz-full-screen #dialog-share-lbl.cpe-v-s-dark{
font-size:15px;
}
#player-div:-webkit-full-screen #dialog-share-btns{
margin-left:40px;
min-width:180px;
}
#player-div:-moz-full-screen #dialog-share-btns{
margin-left:40px;
min-width:180px;
}
#player-div:-webkit-full-screen .cpe-v-p-share-icon{
width:30px;
height:30px;
padding:0px 6px 0px 6px;
}
#player-div:-moz-full-screen .cpe-v-p-share-icon{
width:30px;
height:30px;
padding:0px 6px 0px 6px;
}
#player-div:-webkit-full-screen .cpe-v-p-switch-btn{
padding-left:13px;
width:78px;
height:26px;
}
#player-div:-moz-full-screen .cpe-v-p-switch-btn{
padding-left:13px;
width:78px;
height:26px;
}
#player-div:-webkit-full-screen #dialog-social-thumb-mask{
width:79%;
}
#player-div:-moz-full-screen #dialog-social-thumb-mask{
width:79%;
}
#player-div:-webkit-full-screen #share-txt.cpe-v-p-dark{
height:92px;
}
#player-div:-webkit-full-screen #share-txt.cpe-v-s-dark{
font-size:18px;
}
#player-div:-moz-full-screen #share-txt.cpe-v-p-dark{
height:118px;
}
#player-div:-moz-full-screen #share-txt.cpe-v-s-dark{
font-size:18px;
}
#player-div:-webkit-full-screen #share-url-pnl{
margin-top:25px;
}
#player-div:-moz-full-screen #share-url-pnl{
margin-top:0px;
}
#player-div:-webkit-full-screen #share-url-pnl .cpe-v-s-share-icon{
  background-image: url('../images/sprite1.png');
  background-position: left -44px;
}
#player-div:-webkit-full-screen #share-url-pnl .cpe-v-p-share-icon{
width:48px;
height:48px;
padding:0px;
}
#player-div:-moz-full-screen #share-url-pnl .cpe-v-s-share-icon{
  background-image: url('../images/sprite1.png');
  background-position: left -44px;
}
#player-div:-moz-full-screen #share-url-pnl .cpe-v-p-share-icon{
width:48px;
height:48px;
padding:0px;
}
#player-div:-webkit-full-screen #share-url-div{
font-size:13px;
line-height:15px;
}
#player-div:-moz-full-screen #share-url-div{
font-size:13px;
line-height:15px;
}
#player-div:-webkit-full-screen .cpe-v-s-dialog-btn.cpe-v-s-dark{
border-radius:8px;
}
#player-div:-webkit-full-screen .cpe-v-p-dialog-btn.cpe-v-p-dark{
width:90px;
height:35px;
}
#player-div:-webkit-full-screen .cpe-v-s-dialog-btn.cpe-v-s-dark{
font-size:17px;
line-height:26px;
}
#player-div:-moz-full-screen .cpe-v-s-dialog-btn.cpe-v-s-dark{
border-radius:8px;
}
#player-div:-moz-full-screen .cpe-v-p-dialog-btn.cpe-v-p-dark{
width:90px;
height:35px;
}
#player-div:-moz-full-screen .cpe-v-s-dialog-btn.cpe-v-s-dark{
font-size:17px;
line-height:30px;
}
#player-div:-webkit-full-screen .cpe-v-p-cns-shared-dialog{
width:512px;
height:300px;
margin-top:-150px;
margin-left:-256px;
}
#player-div:-moz-full-screen .cpe-v-p-cns-shared-dialog{
width:512px;
height:300px;
margin-top:-150px;
margin-left:-256px;
}
#player-div:-webkit-full-screen .cpe-v-p-cns-shared-dialog-header{
top:20px;
left:50%;
margin-left:-95px;
width:200px;
}
#player-div:-webkit-full-screen .cpe-v-s-cns-shared-dialog-header{
line-height:46px;
font-size:25px;
}
#player-div:-moz-full-screen .cpe-v-p-cns-shared-dialog-header{
top:20px;
left:50%;
margin-left:-95px;
width:200px;
}
#player-div:-moz-full-screen .cpe-v-s-cns-shared-dialog-header{
line-height:46px;
font-size:25px;
}
#player-div:-webkit-full-screen .cpe-v-s-cns-shared-dialog-header .cpe-v-s-cns-logo
{
  background-image: url('../images/sprite1.png');
  background-position: left -92px;
}
#player-div:-webkit-full-screen .cpe-v-p-cns-shared-dialog-header .cpe-v-p-cns-logo
{
margin-right:7px;
width:44px;
height:46px;
}
#player-div:-moz-full-screen .cpe-v-s-cns-shared-dialog-header .cpe-v-s-cns-logo
{
  background-image: url('../images/sprite1.png');
  background-position: left -92px;
}
#player-div:-moz-full-screen .cpe-v-s-cns-shared-dialog-header .cpe-v-s-cns-logo
{
margin-right:7px;
width:44px;
height:46px;
}
#player-div:-webkit-full-screen .cpe-v-p-cns-shared-btns-pnl{
width:350px;
left:50%;
margin-left:-175px;
top:128px;
}
#player-div:-moz-full-screen .cpe-v-p-cns-shared-btns-pnl{
width:350px;
left:50%;
margin-left:-175px;
top:128px;
}
#player-div:-webkit-full-screen .cpe-v-p-cns-continue-playback-btns-pnl{
top:87px !important;
}
#player-div:-moz-full-screen .cpe-v-p-cns-continue-playback-btns-pnl{
top:87px !important;
}
#player-div:-webkit-full-screen .cpe-v-p-cns-shared-btns-pnl .cpe-v-p-dialog-btn{
width:100%;
height:55px;
margin-bottom:20px;
}
#player-div:-webkit-full-screen .cpe-v-s-cns-shared-btns-pnl .cpe-v-s-dialog-btn{
line-height:55px;
font-size:23px;
}
#player-div:-moz-full-screen .cpe-v-p-cns-shared-btns-pnl .cpe-v-p-dialog-btn{
width:100%;
height:55px;
margin-bottom:20px;
}
#player-div:-moz-full-screen .cpe-v-s-cns-shared-btns-pnl .cpe-v-s-dialog-btn{
line-height:55px;
font-size:23px;
}
/*Player-Full Screen CSS - End*/
.cpe-v-p-cns-share-panel
{
z-index:14;
position:absolute;
top:50%;
margin-top:-122px;
margin-left:-250px;
width:500px;
left:50%;
}
.cpe-v-s-player-without-ribbon .cpe-v-p-cns-share-panel-ie
{
width:99.7%;
margin-top:0px;
/*margin-bottom:-7px;*/
position:relative;
top:100%;
}
.cpe-v-p-cns-share-panel-ie
{
width:99.7%;
top:8px;
position:relative;
}
.cpe-v-s-cns-shared-dialog
{
color:#ffffff;
font-weight:bold;
border:1px #636363 solid;
background-color:rgb(15,15,15);
background-color:rgba(15,15,15,.9);
}
.cpe-v-p-cns-shared-dialog
{
top:50%;
left:50%;
width:364px;
height:213px;
margin-top:-106px;
margin-left:-182px;
position:absolute;
z-index:2;
}
.cpe-v-s-player-without-ribbon .cpe-v-p-cns-shared-panel-ie{
width:99.7%;
margin-top:0px;
margin-bottom:-7px;
position:relative;
top:100%;
}
.cpe-v-p-cns-shared-panel-ie{
z-index:2;
width:100%;
}
.cpe-v-p-cns-shared-dialog-ie
{
}
.cpe-v-s-cns-shared-dialog-ie
{
}
.cpe-v-p-cns-shared-dialog-header
{
position:absolute;
top:20px;
left:50%;
margin-left:-65px;
width:130px;
}
.cpe-v-s-cns-shared-dialog-header
{
line-height:35px;
}
.cpe-v-s-cns-shared-dialog-header-ie
{
color:#FFF;
}
.cpe-v-p-cns-shared-dialog-header-ie
{
float:left;
position:static;
width:130px;
margin-top:20px;
}
.cpe-v-s-cns-shared-dialog-header .cpe-v-s-cns-logo
{
  background-image: url('../images/sprite1.png');
  background-position: left -138px;
}
.cpe-v-p-cns-shared-dialog-header .cpe-v-p-cns-logo
{
margin-right:7px;
width:34px;
height:35px;
}
.cpe-v-p-cns-shared-dialog-header img
{
margin-right:7px;
}
#cns-shared-dialog-more-button
{
}
.cpe-v-p-cns-continue-playback-btns-pnl{
height:48% !important;
}
.cpe-v-p-cns-shared-btns-pnl
{
width:65%;
height:43%;
position:absolute;
margin:0 auto;
left:0px;
right:0px;
bottom:34px;
}
.cpe-v-p-cns-shared-content-container{
width:67%;
margin:40px auto;
}
.cpe-v-p-cns-shared-btns-pnl-ie
{
float:left;
width:55%;
margin-left:100px;
}
#cns-shared-dialog-return-button
{
margin-top:5px;
}
#dialog-share-container{
position:absolute;
bottom:10px;
}
.cpe-v-p-cns-share-panel-ie #dialog-share-container{
float:left;
position:relative;
margin-top:8px;
margin-left:10px;
}
.cpe-v-p-dark #dialog-share-container{
left:35px;
bottom:20px;
}
#dialog-share-btns
{
margin-left:10px;
min-width:110px;
max-width:30%;
}
#dialog-view.cpe-v-s-dark
{
border:1px #636363 solid;
background-color:rgb(15,15,15);
background-color:rgba(15,15,15,.9);
border-radius:3px;
}
#dialog-view.cpe-v-p-dark
{
height:244px;
}
#dialog-view.cpe-v-s-light
{
background-color:transparent;
background-color:rgba(227,232,233,0);
}
.cpe-v-s-dialog-btn.cpe-v-s-dark
{
color:white;
border-radius:6px;
border:1px solid rgb(71,71,71);
background:rgb(52,52,52);
background:-moz-linear-gradient(top,rgba(52,52,52,1) 0%,rgba(52,52,52,1) 14%,rgba(51,51,51,1) 34%,rgba(54,54,54,1) 38%,rgba(49,49,49,1) 42%,rgba(42,42,42,1) 44%,rgba(3,3,3,1) 50%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%);/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(52,52,52,1)),color-stop(14%,rgba(52,52,52,1)),color-stop(34%,rgba(51,51,51,1)),color-stop(38%,rgba(54,54,54,1)),color-stop(42%,rgba(49,49,49,1)),color-stop(44%,rgba(42,42,42,1)),color-stop(50%,rgba(3,3,3,1)),color-stop(52%,rgba(0,0,0,1)),color-stop(100%,rgba(0,0,0,1)));/* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,rgba(52,52,52,1) 0%,rgba(52,52,52,1) 14%,rgba(51,51,51,1) 34%,rgba(54,54,54,1) 38%,rgba(49,49,49,1) 42%,rgba(42,42,42,1) 44%,rgba(3,3,3,1) 50%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%);/* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,rgba(52,52,52,1) 0%,rgba(52,52,52,1) 14%,rgba(51,51,51,1) 34%,rgba(54,54,54,1) 38%,rgba(49,49,49,1) 42%,rgba(42,42,42,1) 44%,rgba(3,3,3,1) 50%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%);/* Opera 11.10+ */
background:-ms-linear-gradient(top,rgba(52,52,52,1) 0%,rgba(52,52,52,1) 14%,rgba(51,51,51,1) 34%,rgba(54,54,54,1) 38%,rgba(49,49,49,1) 42%,rgba(42,42,42,1) 44%,rgba(3,3,3,1) 50%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%);/* IE10+ */
background:linear-gradient(to bottom,rgba(52,52,52,1) 0%,rgba(52,52,52,1) 14%,rgba(51,51,51,1) 34%,rgba(54,54,54,1) 38%,rgba(49,49,49,1) 42%,rgba(42,42,42,1) 44%,rgba(3,3,3,1) 50%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%);/* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00343434',endColorstr='#00161616',GradientType=0 );/* IE6-9 */
}
.cpe-v-p-dialog-btn.cpe-v-p-dark
{
font-weight:800;
font-size:14px;
width:70px;
}
.cpe-v-s-dialog-btn.cpe-v-s-dark:hover
{
color:orange;
}
.cpe-v-s-dialog-btn.cpe-v-s-dark.cpe-v-s-disabled-button:hover
{
color:white;
}
.cpe-v-p-dialog-btn.cpe-v-p-large.cpe-v-p-dark
{
height:30px;
width:100%;
bottom:initial;
right:initial;
}
.cpe-v-s-dialog-btn.cpe-v-s-large.cpe-v-s-dark
{
font-size:16px;
}
#dialog-social-thumb
{
background-clip:padding-box;
position:relative;
width:49%;
height:100%;
}
#dialog-social-thumb.cpe-v-p-dark
{
width:90%;
height:50%;
margin-left:5%;
margin-top:5%;
}
#dialog-social-thumb.cpe-v-s-dark
{
background-color:transparent;
}
#dialog-social-thumb-mask
{
overflow:hidden;
height:96%;
width:99%;
position:absolute;
top:2%;
left:0px;
}
#dialog-social-thumb-mask img
{
width:100%;
margin-top:-10%;
}
.cpe-v-s-dialog-cns-wrapper #dialog-share-btns{
max-width:none;
}
.cpe-v-p-cns-share-panel #dialog-share-btns{
max-width:none;
}
.cpe-v-s-dialog-cns-wrapper #dialog-share-lbl.cpe-v-s-dark #dialog-share-btns{
max-width:none;
}
#dialog-share-lbl
{
color:white;
font-weight:600;
}
#dialog-share-lbl.cpe-v-s-dark
{
color:white;
}
#dialog-share-lbl.cpe-v-s-dark
{
font-size:11px;
font-weight:600;
float:left;
max-width:10%;
}
.cpe-v-p-dialog-btn.cpe-v-p-share-menu-btn-ie
{
width:70px;
margin-top:6px;
}
.cpe-v-s-dialog-share-lbl-ie
{
font-size:12px;
}
.cpe-v-p-dialog-panel-ie
{
width:30%;
height:100%;
}
.cpe-v-p-dialog-right-panel
{
width:55%;
height:100%;
}
.cpe-v-p-dialog-right-panel-ie
{
width:70%;
height:100%;
}
.cpe-v-p-share-icon
{
width:30px;
height:30px;
padding:0px 3px 0px 3px;
}
.cpe-v-p-share-icon-ie
{
width:18px;
height:18px;
padding:0px 3px 0px 3px;
}
.cpe-v-p-switch-btn
{
width:80px;
height:26px;
float:left;
padding-top:1px;
padding-left:7px;
}
.cpe-v-s-switch-btn
{
cursor:pointer;
background-repeat:no-repeat;
background-origin:content-box;
background-image:url(../images/template/off.png);
}
.cpe-v-p-switch-btn-ie
{
padding-top:0px;
}
.cpe-v-s-switch-btn-ie
{
background-size:80% 80%;
}
.cpe-v-p-share-group
{
height:34px;
}
.cpe-v-p-btns-group
{
position:absolute;
bottom:10px;
right:4px;
}
.cpe-v-p-dark .cpe-v-p-btns-group{
bottom:20px;
right:10px;
}
.cpe-v-p-btns-group-ie{
float:right;
margin-top:11.5%;
}
.cpe-v-p-share-txt
{
height:100%;
width:45%;
margin:0px;
padding:0px;
margin-left:15px;
padding-left:5px;
}
.cpe-v-s-share-txt
{
border-radius:0px;
box-shadow:none;
border:none;
color:black;
background:transparent;
font-weight:400;
font-size:15px;
}
.cpe-v-p-share-txt.cpe-v-p-dark
{
height:81px;
width:95%;
margin-top:12px;
margin-left:0px;
}
.cpe-v-p-share-txt-ie
{
margin-left:1.5%;
margin-top:3%;
height:34px;
width:94%;
}
.cpe-v-s-share-txt-ie
{
font-weight:400;
font-size:15px;
}
.cpe-v-s-share-txt-ie
{
border-radius:0px;
box-shadow:none;
border:none;
background-color:rgb(180,180,180);
background-color:rgba(255,255,255,.75);
}
#share-txt.cpe-v-s-dark
{
background-color:rgb(30,30,30);
background-color:rgba(10,10,10,.8);
color:gray;
}
#share-txt.cpe-v-s-dark
{
font-size:14px;
}
#share-url-pnl
{
height:60px;
margin-top:15px;
}
#share-url-pnl .cpe-v-p-url{
margin-bottom:10px;
}
#share-url-pnl .cpe-v-p-share-icon{
width:46px;
height:46px;
padding:0px;
}
#share-url-pnl .cpe-v-s-share-icon{
background-image:url(../images/share/clipnshare.png);
}
#share-url-div
{
word-wrap:break-word;
width:75%;
font-size:11px;
line-height:12px;
color:gray;
padding-left:5%;
}
.cpe-v-s-switch-btn.cpe-v-s-on
{
background-image:url(../images/template/on.png);
}
.cpe-v-p-cns-float-panel
{
position:absolute;
width:150px;
height:50px;
/*top:75%;*/
bottom:76px;
right:0px;
}
.cpe-v-s-cns-float-panel
{
border-top-left-radius:5px;
border-bottom-left-radius:5px;
overflow:hidden;
background-color:rgb(15,15,15);
background-color:rgba(15,15,15,.9);
}
.cpe-v-p-cns-logo-player
{
position:absolute;
width:100%;
height:60%;
top:20%;
bottom:20%;
left:5%;
min-width:40px;
}
.cpe-v-s-cns-logo-player
{
background-image:url(../images/share/clipnshare.png);
background-repeat:no-repeat;
background-size:contain;
}
.cpe-v-p-cns-switch-panel
{
position:absolute;
width:270px;
height:70px;
top:5%;
left:10%;
}
.cpe-v-p-cns-switch-panel-ie-firefox
{
/*position:static;*/
height:59px;
top:-70px;
left:0px;
}
.cpe-v-p-cns-switch-bg
{
position:relative;
height:25px;
}
.cpe-v-p-cns-switch-txt
{
height:30px;
width:130px;
}
.cpe-v-s-cns-switch-txt
{
background:rgb(53,53,53);
background:-moz-linear-gradient(top,rgba(51,51,51,0.55) 0%,rgba(51,51,51,1) 3%,rgba(51,51,51,1) 46%,rgba(53,53,53,1) 49%,rgba(36,36,36,1) 51%,rgba(0,0,0,1) 54%,rgba(0,0,0,1) 100%);/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(51,51,51,0.55)),color-stop(3%,rgba(51,51,51,1)),color-stop(46%,rgba(51,51,51,1)),color-stop(49%,rgba(53,53,53,1)),color-stop(51%,rgba(36,36,36,1)),color-stop(54%,rgba(0,0,0,1)),color-stop(100%,rgba(0,0,0,1)));/* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,rgba(51,51,51,0.55) 0%,rgba(51,51,51,1) 3%,rgba(51,51,51,1) 46%,rgba(53,53,53,1) 49%,rgba(36,36,36,1) 51%,rgba(0,0,0,1) 54%,rgba(0,0,0,1) 100%);/* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,rgba(51,51,51,0.55) 0%,rgba(51,51,51,1) 3%,rgba(51,51,51,1) 46%,rgba(53,53,53,1) 49%,rgba(36,36,36,1) 51%,rgba(0,0,0,1) 54%,rgba(0,0,0,1) 100%);/* Opera 11.10+ */
background:-ms-linear-gradient(top,rgba(51,51,51,0.55) 0%,rgba(51,51,51,1) 3%,rgba(51,51,51,1) 46%,rgba(53,53,53,1) 49%,rgba(36,36,36,1) 51%,rgba(0,0,0,1) 54%,rgba(0,0,0,1) 100%);/* IE10+ */
background:linear-gradient(to bottom,rgba(51,51,51,0.55) 0%,rgba(51,51,51,1) 3%,rgba(51,51,51,1) 46%,rgba(53,53,53,1) 49%,rgba(36,36,36,1) 51%,rgba(0,0,0,1) 54%,rgba(0,0,0,1) 100%);/* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c333333',endColorstr='#000000',GradientType=0 );/* IE6-9 */
border-radius:4px;
color:white;
font-size:13px;
line-height:30px;
}
#cns-switch-txt-logo
{
background-image:url(../images/share/cns-logo.png);
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:50% 50%;
}
.cpe-v-p-cns-switch-btn
{
position:absolute;
height:23px;
width:57px;
left:73px;
top:-2px;
}
.cpe-v-s-cns-switch-btn
{
background:rgb(0,0,0);
background:-moz-linear-gradient(top,rgba(20,20,20,0) 0%,rgba(14,15,15,0.64) 3%,rgba(46,46,47,1) 7%,rgba(95,93,96,1) 10%,rgba(97,97,97,1) 14%,rgba(83,83,84,1) 24%,rgba(81,81,83,1) 28%,rgba(78,77,78,1) 41%,rgba(77,77,77,1) 69%,rgba(70,70,70,1) 79%,rgba(58,58,58,1) 90%,rgba(58,58,58,1) 93%,rgba(33,33,33,1) 97%,rgba(20,20,20,1) 100%);/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(20,20,20,0)),color-stop(3%,rgba(14,15,15,0.64)),color-stop(7%,rgba(46,46,47,1)),color-stop(10%,rgba(95,93,96,1)),color-stop(14%,rgba(97,97,97,1)),color-stop(24%,rgba(83,83,84,1)),color-stop(28%,rgba(81,81,83,1)),color-stop(41%,rgba(78,77,78,1)),color-stop(69%,rgba(77,77,77,1)),color-stop(79%,rgba(70,70,70,1)),color-stop(90%,rgba(58,58,58,1)),color-stop(93%,rgba(58,58,58,1)),color-stop(97%,rgba(33,33,33,1)),color-stop(100%,rgba(20,20,20,1)));/* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,rgba(20,20,20,0) 0%,rgba(14,15,15,0.64) 3%,rgba(46,46,47,1) 7%,rgba(95,93,96,1) 10%,rgba(97,97,97,1) 14%,rgba(83,83,84,1) 24%,rgba(81,81,83,1) 28%,rgba(78,77,78,1) 41%,rgba(77,77,77,1) 69%,rgba(70,70,70,1) 79%,rgba(58,58,58,1) 90%,rgba(58,58,58,1) 93%,rgba(33,33,33,1) 97%,rgba(20,20,20,1) 100%);/* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,rgba(20,20,20,0) 0%,rgba(14,15,15,0.64) 3%,rgba(46,46,47,1) 7%,rgba(95,93,96,1) 10%,rgba(97,97,97,1) 14%,rgba(83,83,84,1) 24%,rgba(81,81,83,1) 28%,rgba(78,77,78,1) 41%,rgba(77,77,77,1) 69%,rgba(70,70,70,1) 79%,rgba(58,58,58,1) 90%,rgba(58,58,58,1) 93%,rgba(33,33,33,1) 97%,rgba(20,20,20,1) 100%);/* Opera 11.10+ */
background:-ms-linear-gradient(top,rgba(20,20,20,0) 0%,rgba(14,15,15,0.64) 3%,rgba(46,46,47,1) 7%,rgba(95,93,96,1) 10%,rgba(97,97,97,1) 14%,rgba(83,83,84,1) 24%,rgba(81,81,83,1) 28%,rgba(78,77,78,1) 41%,rgba(77,77,77,1) 69%,rgba(70,70,70,1) 79%,rgba(58,58,58,1) 90%,rgba(58,58,58,1) 93%,rgba(33,33,33,1) 97%,rgba(20,20,20,1) 100%);/* IE10+ */
background:linear-gradient(to bottom,rgba(20,20,20,0) 0%,rgba(14,15,15,0.64) 3%,rgba(46,46,47,1) 7%,rgba(95,93,96,1) 10%,rgba(97,97,97,1) 14%,rgba(83,83,84,1) 24%,rgba(81,81,83,1) 28%,rgba(78,77,78,1) 41%,rgba(77,77,77,1) 69%,rgba(70,70,70,1) 79%,rgba(58,58,58,1) 90%,rgba(58,58,58,1) 93%,rgba(33,33,33,1) 97%,rgba(20,20,20,1) 100%);/* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00141414',endColorstr='#141414',GradientType=0 );/* IE6-9 */
border-radius:5px;
}
.cpe-v-p-cns-switch-btn.cpe-v-p-switch-on
{
left:0px;
}
#player-div:-webkit-full-screen .cpe-v-p-cns-switch-btn.cpe-v-p-switch-on{
left:0px;
}
.cpe-v-s-cns-switch-state
{
/*background:rgb(55,55,55);*/
background:-moz-linear-gradient(top,rgba(55,55,55,0.96) 0%,rgba(55,55,55,0.97) 3%,rgba(55,55,55,0.9) 7%,rgba(55,55,55,0.9) 24%,rgba(55,55,55,0.97) 31%,rgba(55,55,55,0.98) 34%,rgba(55,55,55,0.92) 38%,rgba(55,55,55,0.92) 41%,rgba(55,55,55,0.98) 45%,rgba(55,55,55,0.99) 48%,rgba(55,55,55,0.91) 52%,rgba(55,55,55,0.9) 55%,rgba(55,55,55,0.91) 59%,rgba(55,55,55,0.94) 62%,rgba(55,55,55,0.91) 66%,rgba(55,55,55,0.91) 76%,rgba(55,55,55,0.88) 79%,rgba(55,55,55,0.58) 83%,rgba(55,55,55,0.2) 86%,rgba(55,55,55,0) 90%,rgba(55,55,55,0) 100%);/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(55,55,55,0.96)),color-stop(3%,rgba(55,55,55,0.97)),color-stop(7%,rgba(55,55,55,0.9)),color-stop(24%,rgba(55,55,55,0.9)),color-stop(31%,rgba(55,55,55,0.97)),color-stop(34%,rgba(55,55,55,0.98)),color-stop(38%,rgba(55,55,55,0.92)),color-stop(41%,rgba(55,55,55,0.92)),color-stop(45%,rgba(55,55,55,0.98)),color-stop(48%,rgba(55,55,55,0.99)),color-stop(52%,rgba(55,55,55,0.91)),color-stop(55%,rgba(55,55,55,0.9)),color-stop(59%,rgba(55,55,55,0.91)),color-stop(62%,rgba(55,55,55,0.94)),color-stop(66%,rgba(55,55,55,0.91)),color-stop(76%,rgba(55,55,55,0.91)),color-stop(79%,rgba(55,55,55,0.88)),color-stop(83%,rgba(55,55,55,0.58)),color-stop(86%,rgba(55,55,55,0.2)),color-stop(90%,rgba(55,55,55,0)),color-stop(100%,rgba(55,55,55,0)));/* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,rgba(55,55,55,0.96) 0%,rgba(55,55,55,0.97) 3%,rgba(55,55,55,0.9) 7%,rgba(55,55,55,0.9) 24%,rgba(55,55,55,0.97) 31%,rgba(55,55,55,0.98) 34%,rgba(55,55,55,0.92) 38%,rgba(55,55,55,0.92) 41%,rgba(55,55,55,0.98) 45%,rgba(55,55,55,0.99) 48%,rgba(55,55,55,0.91) 52%,rgba(55,55,55,0.9) 55%,rgba(55,55,55,0.91) 59%,rgba(55,55,55,0.94) 62%,rgba(55,55,55,0.91) 66%,rgba(55,55,55,0.91) 76%,rgba(55,55,55,0.88) 79%,rgba(55,55,55,0.58) 83%,rgba(55,55,55,0.2) 86%,rgba(55,55,55,0) 90%,rgba(55,55,55,0) 100%);/* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,rgba(55,55,55,0.96) 0%,rgba(55,55,55,0.97) 3%,rgba(55,55,55,0.9) 7%,rgba(55,55,55,0.9) 24%,rgba(55,55,55,0.97) 31%,rgba(55,55,55,0.98) 34%,rgba(55,55,55,0.92) 38%,rgba(55,55,55,0.92) 41%,rgba(55,55,55,0.98) 45%,rgba(55,55,55,0.99) 48%,rgba(55,55,55,0.91) 52%,rgba(55,55,55,0.9) 55%,rgba(55,55,55,0.91) 59%,rgba(55,55,55,0.94) 62%,rgba(55,55,55,0.91) 66%,rgba(55,55,55,0.91) 76%,rgba(55,55,55,0.88) 79%,rgba(55,55,55,0.58) 83%,rgba(55,55,55,0.2) 86%,rgba(55,55,55,0) 90%,rgba(55,55,55,0) 100%);/* Opera 11.10+ */
background:-ms-linear-gradient(top,rgba(55,55,55,0.96) 0%,rgba(55,55,55,0.97) 3%,rgba(55,55,55,0.9) 7%,rgba(55,55,55,0.9) 24%,rgba(55,55,55,0.97) 31%,rgba(55,55,55,0.98) 34%,rgba(55,55,55,0.92) 38%,rgba(55,55,55,0.92) 41%,rgba(55,55,55,0.98) 45%,rgba(55,55,55,0.99) 48%,rgba(55,55,55,0.91) 52%,rgba(55,55,55,0.9) 55%,rgba(55,55,55,0.91) 59%,rgba(55,55,55,0.94) 62%,rgba(55,55,55,0.91) 66%,rgba(55,55,55,0.91) 76%,rgba(55,55,55,0.88) 79%,rgba(55,55,55,0.58) 83%,rgba(55,55,55,0.2) 86%,rgba(55,55,55,0) 90%,rgba(55,55,55,0) 100%);/* IE10+ */
background:linear-gradient(to bottom,rgba(55,55,55,0.96) 0%,rgba(55,55,55,0.97) 3%,rgba(55,55,55,0.9) 7%,rgba(55,55,55,0.9) 24%,rgba(55,55,55,0.97) 31%,rgba(55,55,55,0.98) 34%,rgba(55,55,55,0.92) 38%,rgba(55,55,55,0.92) 41%,rgba(55,55,55,0.98) 45%,rgba(55,55,55,0.99) 48%,rgba(55,55,55,0.91) 52%,rgba(55,55,55,0.9) 55%,rgba(55,55,55,0.91) 59%,rgba(55,55,55,0.94) 62%,rgba(55,55,55,0.91) 66%,rgba(55,55,55,0.91) 76%,rgba(55,55,55,0.88) 79%,rgba(55,55,55,0.58) 83%,rgba(55,55,55,0.2) 86%,rgba(55,55,55,0) 90%,rgba(55,55,55,0) 100%);/* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000',endColorstr='#cc333333',GradientType=0 );/* IE6-9 */
color:white;
font-size:10px;
}
.cpe-v-p-cns-switch-state
{
width:50%;
}
.cpe-v-s-cns-switch-state.cpe-v-s-on
{
border-bottom-left-radius:10px;
border-top-left-radius:4px;
}
.cpe-v-s-cns-switch-state.cpe-v-s-off
{
border-bottom-right-radius:10px;
border-top-right-radius:4px;
color:grey;
}
.cpe-v-p-cns-logo
{
width:50px;
height:50px;
}
.cpe-v-p-clipnhsare-bottom-text-div
{
margin-top:18px;
}
.cpe-v-p-cns-logo-ie
{
width:30px;
height:30px;
}
.cpe-v-p-clipnshare-url-top-text
{
vertical-align:top;
}
.cpe-v-p-clipnshare-url-bottom-text
{
vertical-align:bottom;
}
.cpe-v-s-dialog-clipnshare-container
{
font-size:9px;
}
.cpe-v-s-dialog-clipnshare-container
{
color:#FFF;
}
.cpe-v-p-cns-share-panel-ie .cpe-v-p-dialog-clipnshare-container
{
float:left;
max-width:60%;
max-height:200px;
width:60%;
}
.cpe-v-p-dialog-clipnshare-container-text
{
margin-top:-4px;
margin-left:10px;
width:85%;
}
.cpe-v-p-cns-share-panel-ie .cpe-v-p-dialog-clipnshare-container-text
{
max-width:83%;
overflow:hidden;
height:58px;
}
.cpe-v-p-cns-share-panel-ie #dialog-social-thumb.cpe-v-p-dark
{
height:64%;
top:2%;
}
.cpe-v-s-ie-bg-color
{
background :url(../images/trivia_bg.png) repeat;
background :rgb(39,39,39);
background :rgba(39,39,39,1);
}
.cpe-v-s-ie-panel-color
{
border:1px #636363 solid;
}
.cpe-v-p-ie-panel-color
{
height:164px;
margin-bottom:-7px;
}
.cpe-v-p-shareclip-panel
{
height:80px;
}
.cpe-v-p-cns-panel-logo
{
margin-top:10px;
margin-left:10px;
width:50px;
height:50px;
}
.cpe-v-p-modalview #dialog-pnl-top
{
padding:1%;
height:60%;
}
.cpe-v-s-modalview #dialog-pnl-top
{
background-color:rgb(180,180,180);
background-color:rgba(255,255,255,.75);
}
.cpe-v-p-modalview #dialog-pnl-bottom
{
height:40%;
}
.cpe-v-s-content-row{
-webkit-transform:translate3d(0,0,0);
color:rgb(114,114,114);
}
.cpe-v-p-content-row{
width:100% ;
height:60px;/* TODO :replace with percentage */;
float:left;
clear :both;
position:relative;
z-index:1;
}
.cpe-v-p-exploreitem{
width:99%;
float:left;
/*padding:7px;*/
}
.cpe-v-p-content-view-with-sub-category .cpe-v-p-exploreitem{
width:25.0%;
}
.cpe-v-p-content-row-search
{
width:48%;
}
.cpe-v-p-img-fixed-size{
/*height:122px;*/
width:213px;
margin-top:-4px;
}
.cpe-v-p-content-label{
width:3%;
height:100%;
position:absolute;
top:0;
left:0;
bottom:0;
}
.cpe-v-s-content-label{
background-color:black;
}
.cpe-v-p-content-label-child{
height:100%;
position:absolute;
top:0;
left:0;
bottom:0;
width:18px;
}
.cpe-v-s-content-label-child{
background-color:white;
}
.cpe-v-s-content-label-child .cpe-v-s-text{
background-position:center;
background-repeat:no-repeat;
text-transform:uppercase;
font-family:Helvetica,Arial,sans-serif;;
letter-spacing:2px;
font-size:14px;
line-height:28px;
font-weight:100;
clip:auto;
}
.cpe-v-p-content-label-child .cpe-v-p-text{
margin:0px auto;
text-align:center;
vertical-align:middle;
}
.cpe-v-p-content-details{
width:97%;
position:relative;
height:100%;
left :0px;
}
.cpe-v-p-content-details.cpe-v-p-expanded{
/*height:auto;*/
}
.cpe-v-p-season-details{
width:93.5%;
float:left;
margin-left:2.6%;
margin-top:10px;
}
.cpe-v-s-season-details{
display:none;
font-size:12px;
}
.cpe-v-s-horizontal-scrolling{
white-space:nowrap;
overflow-x:scroll;
}
.cpe-v-p-horizontal-scrolling{
height:133px;
margin-bottom:12px;
}
.cpe-v-s-content-details.cpe-v-s-expanded .cpe-v-s-season-details{
display:block;
}
.cpe-v-p-season-details td{
padding:1px 6px;
vertical-align:top;
min-width:100px;
}
.cpe-v-p-season-details td.cpe-v-p-numeric{
padding:1px 8px;
vertical-align:top;
text-align:right;
width:10px;
min-width :auto;
}
.cpe-v-p-content-label .cpe-v-p-text{
margin:0px auto;
/*width:14px;*/
height:100%;
}
.cpe-v-s-content-label .cpe-v-s-text{
background-position:center;
background-repeat:no-repeat;
}
.cpe-v-p-content-left-section{
width:126px;
float:left;
overflow:hidden;
height:100%;
}
.cpe-v-p-content-thumbnail{
position:relative;
overflow:hidden;
/*min-height:121px;*/
max-height:142px;
}
.cpe-v-p-type-clip .cpe-v-p-content-thumbnail{
max-width:160px;
}
.cpe-v-p-content-search .cpe-v-p-type-clip .cpe-v-p-content-thumbnail{
max-width:200px;
min-height:116px;
}
.cpe-v-p-type-clip .cpe-v-p-content-thumbnail-crop
{
overflow:hidden;
height:100%;
width:99%;
position:absolute;
top:0%;
}
.cpe-v-p-type-clip .cpe-v-p-content-thumbnail-crop img{
width:100%;
margin-top:0%;
}
.cpe-v-p-type-clip-aligntop{
padding-top:3px;
}
.cpe-v-s-content-writer-director{
line-height:11px;
font-size:11px;
}
.cpe-v-p-content-writer-director{
height:100%;
}
.cpe-v-p-content-middle-section{
width:75%;
height:100%;
float:left;
position:relative;
margin-left:1%;
margin-top:26px;
}
.cpe-v-s-content-middle-section{
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.cpe-v-p-content-share-btn{
/* width:4.24%;*/
height:100%;
float:left;
/* right:5%;*/
position:relative;
margin-top:9px;
/*margin-top:27px;*/
/* margin-left:22px;*/
/* margin-right:-10px;*
}
.cpe-v-s-content-share-btn{
/*width:4.24%;*/
cursor :pointer;
}
.cpe-v-s-content-share-btn-img{
  background-image: url('../images/sprite1.png');
  background-position: left -173px;
background-repeat:no-repeat;
}
.cpe-v-p-content-share-btn-img{
width:53px;
height:34px;
margin-top:-18px;
}
.cpe-v-p-content-share-btn-img-movie{
top:112px;
}
.cpe-v-s-content-share-btn-img:hover{
-moz-box-shadow:0 0 5px #ccc;
-webkit-box-shadow:0 0 5px #ccc;
box-shadow:0 0 5px #ccc;
cursor:pointer;
}
.cpe-v-s-content-action-btns-placeholder{
background-image:url(../images/loading_spin.gif);
background-size:40px 40px;
background-position:50% 50%;
background-repeat:no-repeat;
}
.cpe-v-p-content-action-btns-placeholder{
min-height:50px !important;
}
.cpe-v-p-content-action-btns,.cpe-v-p-content-action-btns-placeholder{
height:100%;
min-height:10px;
float:left;
width:85px;
/* margin-right:1.3%;*/
position:relative;
margin-top:-42px;
/* margin-left:1%;*/
/* padding-right:35px;*/
}
.cpe-v-p-content-ms-top{
width:100%;
}
.cpe-v-p-content-btn{
margin-top:7px;
height:34px;
width:85px;
margin-left:7px;
}
.cpe-v-p-content-ms-bottom{
width:100%;
/*	position:relative;*/
}
.cpe-v-p-content-title{
float:left;
width :73%;
}
.cpe-v-s-content-title{
/*font-weight:bold;*/
overflow:hidden;
white-space:nowrap;
text-overflow :ellipsis;
font-size:24px;
line-height:40px;
/*width:auto;*/
}
.cpe-v-s-content-info{
/*	height:15px;*/
clear:both;
font-size:11px;
color:white;
line-height:9px;
}
.cpe-v-p-content-star{
float:left;
width:9.65%;
height:16px;
margin-left:8px;
}
.cpe-v-s-content-star{
background-image:url(../images/star.png);
background-repeat:no-repeat;
}
.cpe-v-s-content-star.cpe-v-s-active{
background-image:url(../images/star_a.png);
background-repeat:no-repeat;
}
.cpe-v-p-content-header{
width:100%;
height:100%;
}
.cpe-v-s-content-header{
-webkit-touch-callout:auto;
-webkit-user-select:auto;
-khtml-user-select:auto;
-moz-user-select:auto;
-ms-user-select:auto;
user-select:auto;
}
.cpe-v-p-content-expand{
/*float:left;*/
background-image:url(../images/template/expand_n.png);
background-repeat:no-repeat;
width:25px;
height:20px;
position:absolute;
/*right:-7px;*/
left:42px;
/*margin-left:-17px;*/
top:3px;
/*margin-top:-12px;*/
z-index:12;
}
.cpe-v-p-expand-btn-vids{
width:25px;
height:20px;
position:relative;
/*right:-7px;*/
left:100%;
margin-left:-20px;
top:100%;
margin-top:-12px;
z-index:10;
}
.cpe-v-s-expand-btn-vids
{
background-image:url(../images/template/expand_n.png);
background-repeat:no-repeat;
display:none;
}
.cpe-v-s-expand-btn-vids:hover{
background-image:url(../images/template/expand_s.png);
background-repeat:no-repeat;
}
.cpe-v-s-content-expand{
background-image:url(../images/template/expand_n.png);
background-repeat:no-repeat;
}
.cpe-v-p-content-expand.cpe-v-p-content-expand-theme
{
right:-7px;
left:auto;
top:5px;
}
.cpe-v-p-content-less.cpe-v-p-content-less-theme
{
top:5px;
right:-7px;
left:auto;
position:absolute;
margin-top:auto;
}
.cpe-v-s-content-expand:hover{
background-image:url(../images/template/expand_s.png);
background-repeat:no-repeat;
}
.cpe-v-s-content-less{
background-image:url(../images/template/unexpand_n.png);
background-repeat:no-repeat;
}
.cpe-v-p-content-less{
width:25px;
height:20px;
position:relative;
left:100%;
margin-left:-20px;
top:100%;
margin-top:-12px;
z-index:10;
}
.cpe-v-p-content-less-theme
{
top:5px;
}
.cpe-v-s-content-less:hover{
background-image:url(../images/template/unexpand_s.png);
background-repeat:no-repeat;
}
.cpe-v-p-content-description{
width:92%;
float:left;
/*	text-align:justify;*/
/*	height:45px;
overflow:hidden;*/
}
.cpe-v-s-content-description{
font-size:11px;
line-height:15px;
-webkit-touch-callout:auto;
-webkit-user-select:auto;
-khtml-user-select:auto;
-moz-user-select:auto;
-ms-user-select:auto;
user-select:auto;
/*	height:45px;
overflow:hidden;*/
}
.cpe-v-p-content-season-info{
float:left;
width:18%;
}
.cpe-v-p-content-episode-info{
float:left;
width:19%;
}
.cpe-v-p-content-airdate-info{
}
.cpe-v-s-content-airdate-info{
}
.cpe-v-p-spacing-0120{
width:1.2%;
height:1px;
float:left;
}
.cpe-v-p-spacing-0180{
width:0.8%;
height:1px;
float:left;
}
.cpe-v-p-spacing-0263{
height:1px;
float:left;
}
.cpe-v-p-chapter-element{
float:left;
width:23%;
margin-left:10px;
margin-bottom:10px;
position:relative;
height:109px;
}
.cpe-v-p-chapter-element-image{
height:100%;
background-size:cover;
background-position:center;
}
.cpe-v-p-chapter-element-horizontal{
width:23%;
margin-left:14px;
margin-bottom:10px;
position:relative;
height:auto;
}
.cpe-v-s-chapter-element-horizontal{
display:inline-block;
}
.cpe-v-s-chapter-icon{
background-color:rgb(251,251,251);
background-color:rgba(251,251,251,0.9);
}
.cpe-v-p-chapter-icon{
width:10%;
height:101%;
position:absolute;
top:0;
left:0;
}
.cpe-v-p-chapter-text{
height:100%;
width:10%;
position:absolute;
top:0;
left:0;
}
.cpe-v-s-chapter-text{
background-size:54% 74%;
background-repeat:no-repeat;
background-position:center center;
}
.cpe-v-f-content-label.cpe-v-f-search-empty .cpe-v-f-text{
/*background-image:url(../images/label_0search.png);
height:inherit;*/
font-weight:bold;
font-size:17px;
}
.cpe-v-p-content-label.cpe-v-p-search-empty .cpe-v-p-text{
margin-top:0px;
}
.cpe-v-p-content-explore .cpe-v-p-category-feature > .cpe-v-p-content-item{
height:160px;
}
.cpe-v-p-content-item-theme{
height:40px
}
.cpe-v-p-content-explore .cpe-v-p-category-feature .cpe-v-p-content-middle-section{
width :42.1%;
}
.cpe-v-p-content-explore .cpe-v-p-category-feature .cpe-v-p-content-left-section{
width:27.75%;
}
.cpe-v-p-content-explore .cpe-v-p-category-feature .cpe-v-p-content-thumbnail{
height:140px;
}
.cpe-v-p-content-explore .cpe-v-p-category-feature .cpe-v-p-content-expand{
/*top:100%;*/
}
.cpe-v-p-content-explore .cpe-v-p-category-feature .cpe-v-p-content-less{
/*top:100%;*/
}
.cpe-v-p-content-explore .cpe-v-p-category-feature .cpe-v-p-content-action-btns{
margin-top:-2px;
}
.cpe-v-p-content-explore .cpe-v-p-category-feature .cpe-v-p-content-action-btns.cpe-v-p-loggedout{
margin-top:42px;
}
.cpe-v-p-content-label .cpe-v-p-text{
height:auto;
text-align:center;
vertical-align:middle;
}
.cpe-v-s-content-label .cpe-v-s-text{
color:white;
text-transform:uppercase;
font-family:Helvetica,Arial,sans-serif;;
letter-spacing:2px;
font-size:14px;
line-height:14px;
font-weight:100;
clip:auto;
width:115px;
height:auto;
margin-left:-45px;
top:45%;
position:relative;
}
.cpe-v-s-type-clip .cpe-v-s-thumb-frame,#dialog-social-thumb-frame.cpe-v-s-thumb-frame
{
background-image:url(../images/template/clips_frame.png);
background-size:contain;
background-repeat:no-repeat;
background-position:0% 0%;
}
.cpe-v-p-type-clip .cpe-v-p-thumb-frame,#dialog-social-thumb-frame.cpe-v-p-thumb-frame
{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
}
.cpe-v-s-ie8 .cpe-v-s-type-clip .cpe-v-s-thumb-frame,.cpe-v-s-ie8 #dialog-social-thumb-frame.cpe-v-s-thumb-frame
{
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/clips_frame.png',sizingMethod='scale');
}
.cpe-v-p-type-clip .cpe-v-p-menu-share-btn ,.cpe-v-p-type-clips .cpe-v-p-menu-share-btn:hover{
width:38px;
height:38px;
}
.cpe-v-s-type-clip .cpe-v-s-menu-share-btn ,.cpe-v-s-type-clips .cpe-v-s-menu-share-btn:hover{
background-image:url(../images/share/clipnshare_small.png);
background-repeat:no-repeat;
background-size:contain;
background-position:0% 0%;
}
.cpe-v-s-content-explore .cpe-v-s-type-clip .cpe-v-s-menu-share-btn ,.cpe-v-s-content-explore .cpe-v-s-type-clips .cpe-v-s-menu-share-btn:hover{
background-position:0% 0%;
margin-right:8px
}
.cpe-v-p-content-explore .cpe-v-p-type-clip .cpe-v-p-menu-share-btn ,.cpe-v-p-content-explore .cpe-v-p-type-clips .cpe-v-p-menu-share-btn:hover{
/*	right:-28px;
top:53px;*/
}
.cpe-v-p-content-explore .cpe-v-p-category-feature > .cpe-v-p-content-row-fullheight,.cpe-v-p-content-row-fullheight{
height:auto ;
padding-bottom :20px ;
}
.cpe-v-p-content-explore > .cpe-v-p-category-feature > .cpe-v-p-content-row-fullheight,.cpe-v-p-content-row-fullheight .cpe-v-p-fast-ellipsis{
height:auto !important;
}
.cpe-v-p-staticfullheight{
min-height:90px !important;
}
.cpe-v-p-content-explore .cpe-v-p-category-feature .cpe-v-p-content-share-btn-img{
top:110px;
}
.cpe-v-p-preview-btn > .cpe-v-p-fill-width{
width:100%;
}
.cpe-v-p-facebook-share-btn{
width:57px;
height:57px;
}
.cpe-v-s-facebook-share-btn{
  background-image: url('../images/sprite1.png');
  background-position: left -207px;
}
.cpe-v-s-twitter-share-btn{
  background-image: url('../images/sprite1.png');
  background-position: left -253px;
}
.cpe-v-p-twitter-share-btn{
width:57px;
height:57px;
}
.cpe-v-p-clipandshare-share-btn{
width:57px;
height:57px;
}
.cpe-v-s-clipandshare-share-btn{
  background-image: url('../images/sprite1.png');
  background-position: left -299px;
}
.cpe-v-p-like-share-btn{
width:57px;
height:57px;
}
.cpe-v-s-like-share-btn{
  background-image: url('../images/sprite1.png');
  background-position: left -345px;
}
@media only screen and (device-width:768px){
.cpe-v-s-content-less:link{}
.cpe-v-s-content-less:visited{}
.cpe-v-s-content-less:hover{
background-image:url(../images/template/unexpand_n.png);
}
.cpe-v-s-content-less:active{
background-image:url(../images/template/unexpand_s.png);
}
.cpe-v-s-content-expand:link{}
.cpe-v-s-content-expand:visited{}
.cpe-v-s-content-expand:hover{
background-image:url(../images/template/expand_n.png);
}
.cpe-v-s-content-expand:active{
background-image:url(../images/template/expand_s.png);
}
.cpe-v-s-content-share-btn-img:link{}
.cpe-v-s-content-share-btn-img:visited{}
.cpe-v-s-content-share-btn-img:hover{
  background-image: url('../images/sprite1.png');
  background-position: left -173px;
}
.cpe-v-s-content-share-btn-img:active{
  background-image: url('../images/sprite1.png');
  background-position: left -385px;
}
.cpe-v-p-type-clip .cpe-v-p-menu-share-btn ,.cpe-v-p-type-clips .cpe-v-p-menu-share-btn:hover{
width:38px;
height:38px;
}
.cpe-v-s-type-clip .cpe-v-s-menu-share-btn ,.cpe-v-s-type-clips .cpe-v-s-menu-share-btn:hover{
background-image:url(../images/share/clipnshare_small.png);
background-repeat:no-repeat;
background-size:contain;
background-position:0% 0%;
}
}
.cpe-v-s-vertical-text{
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.cpe-v-s-fast-ellipsis{
overflow:hidden;
}
.cpe-v-p-fast-ellipsis{
height:62px;
line-height:15px;
width:92%;
/*margin:20px;*/
/*border:5px solid #AAA;}*/
}
.cpe-v-p-fast-ellipsis:before{
content:"";
float:left;
width:5px;height:100%;
}
.cpe-v-p-fast-ellipsis > *:first-child{
float:right;
width:100%;
margin-left:-5px;
}
.cpe-v-p-fast-ellipsis .cpe-v-p-after-txt{
/*content:"\02026";*/
height:15px;
float:right;position:relative;
top:-16px;left:100%;
width:4em;margin-left:-4em;
padding-right:5px;
text-align:center;
}
.cpe-v-s-fast-ellipsis .cpe-v-s-after-txt{
/*content:"\02026";*/
line-height:15px;
box-sizing:content-box;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
background-color:black;
font-size:12px;
background:-webkit-gradient(linear,left top,right top,
from(rgba(0,0,0,0)),to(rgba(0,0,0,1)),color-stop(35%,rgba(0,0,0,1)));
background:-moz-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-o-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-ms-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
z-index:1;
cursor:pointer;
}
.cpe-v-p-dummy-text{
width:auto !important;
height:auto !important;
}
.cpe-v-s-vertical-text-child{
color:black !important;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.cpe-v-p-vertical-text-child{
width:64px !important;
height:inherit !important;
position:relative !important;
top:-5.5px !important;
left:-62.546875px !important;
}
.cpe-v-p-horizontal-scrolling{
top:54px;
overflow-y:hidden;
overflow-x:auto;
bottom:0px;
-webkit-overflow-scrolling:touch;
}
.cpe-v-p-horizontal-scrolling::-webkit-scrollbar{
width:17px;
height:10px;
}
.cpe-v-s-horizontal-scrolling::-webkit-scrollbar-track-piece{
background-color:rgba(128,128,128,.5);
-webkit-box-shadow:inset 0 0 15px rgba(0,0,0,.3);
-moz-box-shadow:inset 0 0 15px rgba(0,0,0,.3);
box-shadow:inset 0 0 15px rgba(0,0,0,.3);
}
.cpe-v-s-horizontal-scrolling::-webkit-scrollbar-track{
/*scroll track background color*/
background-image:url(../images/content/Backgroundhorizontalscroll.png);
}
.cpe-v-s-horizontal-scrolling::-webkit-scrollbar-thumb{
/*scroll thumb background color*/
background-image:url(../images/content/HorizontalScroll.png);
background-color:#aeafb0;
-webkit-box-shadow:1px 1px 0 1px rgba(0,0,0,.15),inset 1px 1px #fff;
-moz-box-shadow:1px 1px 0 1px rgba(0,0,0,.15),inset 1px 1px #fff;
box-shadow:1px 1px 0 1px rgba(0,0,0,.15),inset 1px 1px #fff;
/*background-image:-webkit-linear-gradient(bottom,rgba(77,77,77,.15),rgba(208,208,208,.15) 49%,rgba(217,217,217,.15) 50%,rgba(89,89,89,.15));
background-image:-moz-linear-gradient(bottom,rgba(77,77,77,.15),rgba(208,208,208,.15) 49%,rgba(217,217,217,.15) 50%,rgba(89,89,89,.15));
background-image:-o-linear-gradient(bottom,rgba(77,77,77,.15),rgba(208,208,208,.15) 49%,rgba(217,217,217,.15) 50%,rgba(89,89,89,.15));
background-image:-ms-linear-gradient(bottom,rgba(77,77,77,.15),rgba(208,208,208,.15) 49%,rgba(217,217,217,.15) 50%,rgba(89,89,89,.15));
background-image:linear-gradient(to top,rgba(77,77,77,.15),rgba(208,208,208,.15) 49%,rgba(217,217,217,.15) 50%,rgba(89,89,89,.15));*/
}
.cpe-v-s-horizontal-scrolling{
scrollbar-face-color:#CA4141;
scrollbar-shadow-color:#2D2C4D;
scrollbar-highlight-color:#7D7E94;
scrollbar-3dlight-color:#7D7E94;
scrollbar-darkshadow-color:#2D2C4D;
scrollbar-track-color:#7D7E94;
scrollbar-arrow-color:#C1C1D1;
}
.cpe-v-p-tag{
width:31px;
height:31px;
position:absolute;
top:8px;
right:5px;
}
.cpe-v-s-lock-tag{
background-image:url(../images/template/item_lock.png);
background-size:contain;
}
.cpe-v-s-play-tag{
background-image:url(../images/template/item_play.png);
background-size:contain;
}
.cpe-v-s-fullscreen-tag{
background-image:url(../images/template/photos-fullscreen-btn.png);
background-size:contain;
background-repeat:no-repeat;
}
.cpe-v-p-fullscreen-tag{
width:19px;
height:18px;
position:absolute;
margin-left:83%;
margin-bottom:-30px;
margin-top:4px;
left:10px;
top:-1px;
}
body .tooltip{
border:none;
background-color:rgba(0,0,0,0);
}
.cpe-v-p-sub-category-menu{
width:186px;
height:90%;
float:left;
text-align:end;
margin-top:31px;
position:fixed;
top:65px;
left:30px;
padding-right:9px;
}
.cpe-v-s-sub-category-menu{
color:white;
border-right:1px solid rgb(109,109,109);
font-size:17px;
line-height:45px;
z-index:2;
}
.cpe-v-p-content-view-with-sub-category{
margin-left:226px;
}
/*div.cpe-v-s-content-explore div:nth-child(n+7) .cpe-v-s-content-row{background-color:black;}*/
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+1) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+2) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+3) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt{
/*content:"\02026";*/
line-height:15px;
box-sizing:content-box;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
background-color:#B0B0B0;
font-size:12px;
background:-webkit-gradient(linear,left top,right top,
from(rgba(0,0,0,0)),to(rgba(0,0,0,1)),color-stop(35%,rgba(0,0,0,1)));
background:-moz-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-o-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-ms-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
z-index:1;
}
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+4) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+5) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+6) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt{
/*content:"\02026";*/
line-height:15px;
box-sizing:content-box;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
background-color:rgba(25,25,25,1);
font-size:12px;
background:-webkit-gradient(linear,left top,right top,
from(rgba(25,25,25,0)),to(rgba(25,25,25,1)),color-stop(35%,rgba(25,25,25,1)));
background:-moz-linear-gradient(to right,rgba(25,25,25,0),rgba(25,25,25,1) 35%,rgba(25,25,25,1));
background:-o-linear-gradient(to right,rgba(25,25,25,0),rgba(25,25,25,1) 35%,rgba(25,25,25,1));
background:-ms-linear-gradient(to right,rgba(25,25,25,0),rgba(25,25,25,1) 35%,rgba(25,25,25,1));
background:linear-gradient(to right,rgba(25,25,25,0),rgba(25,25,25,1) 35%,rgba(25,25,25,1));
z-index:1;
}
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+1) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+2) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+3) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+4) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt
{line-height:15px;
box-sizing:content-box;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
background-color:black;
font-size:12px;
background:-webkit-gradient(linear,left top,right top,
from(rgba(0,0,0,0)),to(rgba(0,0,0,1)),color-stop(35%,rgba(0,0,0,1)));
background:-moz-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-o-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-ms-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
}
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+5) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+6) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+7) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+8) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt
{line-height:15px;
box-sizing:content-box;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
background-color:rgb(11,11,11);
font-size:12px;
background:-webkit-gradient(linear,left top,right top,
from(rgba(11,11,11,0)),to(rgba(11,11,11,1)),color-stop(35%,rgba(11,11,11,1)));
background:-moz-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:-o-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:-ms-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
}
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+1) .cpe-v-s-content-row,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+2) .cpe-v-s-content-row,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+3) .cpe-v-s-content-row
{background-color:rgba(0,0,0,0.4) !important}
/*div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+4) .cpe-v-s-content-row,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+5) .cpe-v-s-content-row,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+6) .cpe-v-s-content-row
{background-color:rgba(25,25,25,0.4) !important}*/
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+1) .cpe-v-s-content-row,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+2) .cpe-v-s-content-row,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+3) .cpe-v-s-content-row,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+4) .cpe-v-s-content-row
{background-color:rgba(20,20,20,1) !important}
/*div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+5) .cpe-v-s-content-row,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+6) .cpe-v-s-content-row,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+7) .cpe-v-s-content-row,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(8n+8) .cpe-v-s-content-row
{background-color:rgba(25,25,25,0.4) !important}*/
#all-button-wrapper{
float:left;
margin-left:1%;
}
#selected-sub-title{
color:white;
margin-left:244px;
font-size:26px;
margin-top:21px;
margin-bottom:15px;
font-weight:200;
}
.cpe-v-s-sub-selected{
font-weight:bold;
}
.cpe-v-p-sub-selected-arrow{
float:right;
margin-right:-20px;
width:11px;
height:23px;
margin-top:11px;
}
.cpe-v-s-sub-selected-arrow{
background-image:url(../images/template/sub-category-arrow.png);
background-repeat:no-repeat;
}
.cpe-v-p-tree-element{
width:100% !important;
float:left;
}
.cpe-v-p-tree-element .cpe-v-p-content-details{
left:0px;
width:100%;
}
.cpe-v-p-tree-element .cpe-v-p-content-middle-section{
width:85%;
border:solid 1px rgb(45,45,45);
padding:12px;
background-color:rgb(32,32,32);
}
.cpe-v-p-tree-element .cpe-v-s-content-title{
color:white;
}
.cpe-v-p-tree-element .cpe-v-p-content-title{
margin-top:1px;
width:auto;
}
.cpe-v-p-tree-element .cpe-v-p-content-duration{
float:right;
font-size:12px;
font-weight:bold;
}
.cpe-v-s-tree-element .cpe-v-s-content-duration{
color:rgb(88,88,88);
}
.cpe-v-p-tree-element .cpe-v-s-item-description{
color:rgb(189,189,189);
margin-top:7px;
font-weight:bold;
}
.cpe-v-p-tree-element .cpe-v-p-content-row{
height:125px;
}
.cpe-v-p-tree-element .cpe-v-p-content-header{
width:100%;
}
.cpe-v-p-tree-element .cpe-v-p-fast-ellipsis{
width:100%;
}
#left-container{
width:49.5%;height:100%;float:left;padding-top:50px;border-right:5px solid rgb(23,23,23);padding-bottom:74px;
}
#right-container{
width:49.5%;height:100%;float:left;
}
#left-container .cpe-v-p-content-middle-section{
float:right;
}
#left-container .cpe-v-s-trivia-arrow{
float:right;
margin-top:13px;
background-image:url(../images/template/right-arrow.png);
height:14px;
width:9px;
margin-right:9px;
}
#right-container .cpe-v-s-trivia-arrow{
float:left;
margin-top:13px;
background-image:url(../images/template/left-arrow.png);
height:14px;
width:9px;
margin-left:9px;
}
#right-container .cpe-v-p-content-middle-section{
float:left;
margin-left:0px;
}
#left-container .cpe-v-s-trivia-pointer{
float:right;
margin-top:15px;
background-image:url(../images/template/trivia-indicator.png);
height:7px;
width:7px;
margin-right:-6px;
}
#left-container .cpe-v-s-content-row{
background-color:transparent !important;
}
#right-container .cpe-v-s-trivia-pointer{
float:left;
margin-top:13px;
background-image:url(../images/template/trivia-indicator.png);
height:7px;
width:7px;
margin-left:-5px;
}
#right-container .cpe-v-s-content-row{
background-color:transparent !important;
}
#center-container{
width:96%;
height:100%;
float:left;
padding-top:10px;
border-right:5px solid rgb(23,23,23);
display:none;
}
#center-container .cpe-v-s-trivia-arrow{
float:right;
margin-top:13px;
background-image:url(../images/template/right-arrow.png);
height:14px;
width:9px;
margin-right:9px;
margin-left:0px;
}
#center-container .cpe-v-p-content-middle-section{
float:right;
}
#center-container .cpe-v-s-trivia-pointer{
float:right;
margin-top:13px;
background-image:url(../images/template/trivia-indicator.png);
height:7px;
width:7px;
margin-right:-6px;
}
#center-container .cpe-v-s-content-row{
background-color:transparent !important;
}
.cpe-v-p-tree-element .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt{
background:-webkit-gradient(linear,left top,right top,
from(rgba(32,32,32,0)),to(rgba(32,32,32,1)),color-stop(35%,rgba(32,32,32,1))) !important;
background:-moz-linear-gradient(to right,rgba(32,32,32,0),rgba(32,32,32,1) 35%,rgba(32,32,32,1)) !important;
background:-o-linear-gradient(to right,rgba(32,32,32,0),rgba(32,32,32,1) 35%,rgba(32,32,32,1)) !important;
background:-ms-linear-gradient(to right,rgba(32,32,32,0),rgba(32,32,32,1) 35%,rgba(32,32,32,1)) !important;
background:linear-gradient(to right,rgba(32,32,32,0),rgba(32,32,32,1) 35%,rgba(32,32,32,1)) !important;
}
.cpe-v-s-trivia-hide{
display:none;
}
#not-purchased .cpe-v-p-item-description{
margin-top:-5px;
}
.cpe-v-s-buy-movie-link{
text-decoration:underline;
}
.cpe-v-s-buy-movie-link-icon{
background-repeat:no-repeat;
background-size:contain;
width:22px;
height:22px;
position:relative;
display:inline-block;
top:7px;
background-image:url(../images/template/small-lock-icon.png);
margin-right:5px;
}
.cpe-v-s-cns-switch-panel-show{
display:block !important;
}
.cpe-v-p-share-clip-template{
padding-left:0px !important;
padding-right:0px !important;
}
.cpe-v-s-add-box-shadow{
box-shadow :0px -40px 70px black !important;
}
.cpe-v-s-clear-box-shadow{
box-shadow :none !important;
}
.cpe-v-s-transparent-bg-color{
background-color:transparent !important;
}
#selected-header{
margin-top:3%;
font-size:27px;
padding-bottom:1%;
line-height:28px;
min-height:23px;
width:80%;
border-bottom:2px solid rgb(44,44,44);
float:left;
}
#selected-image{
width:80%;
height:50%;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}
#selected-item-view{
width:56%;
height:86%;
position:absolute;
}
.cpe-v-p-list-on-left-selected-item{
left:44%;
top:20%;
width:30%;
position:absolute;
bottom:0px;
margin-bottom:0px;
/* padding-right:30px;*/
height:300px;
}
#selected-description{
margin-top:1%;
font-size:22px;
line-height:32px;
width:80%;
height:14.5%;
overflow:overlay;
}
.cpe-v-p-list-on-left-scroll-list{
left:6% !important;
top:25% !important;
width:30% !important;
position:absolute !important;
bottom:40px !important;
margin-bottom:0px !important;
}
#inner-label{
font-size:42px;
margin-bottom:85px;
top:15% !important;
width:35% !important;
position:absolute !important;
left:0%;
text-align:center;
text-transform:uppercase;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
line-height:43px;
}
.cpe-v-p-link{
width:77% ;
height:50px;/* TODO :replace with percentage */;
float:left;
clear :both;
position:relative;
z-index:1;
margin-top:10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.cpe-v-s-link{
background-color:rgba(0,0,0,0.8);
-webkit-transform:translate3d(0,0,0);
color:rgb(114,114,114);
font-size:24px;
}
.cpe-v-s-link-arrow{
background-repeat:no-repeat;
width:22px;
height:50px;
position:relative;
margin-top:10px;
display:inline-block;
background-image:url(../images/template/subcategory-arrow.png);
}
.cpe-v-s-selected-font-color{
color:white !important;
}
.cpe-v-photo-grid{
overflow:hidden;
text-align:center;
padding-left:8%;
padding-right:8%;
}
.cpe-v-photo-grid li{
display:inline-block;
width:220px;
height:120px;
list-style-type:none;
padding:15px;
}
.cpe-v-photo-grid-item{
height:100%;
width:100%;
background-size:cover;
opacity:0.8;
border:solid 3px black;
}
.cpe-v-photo-grid-item:hover{
cursor:pointer;
opacity:1.0;
}
.cpe-v-photo-grid-item-selected{
-webkit-box-shadow:0px 0px 5px 2px rgba(255,255,255,1);
-moz-box-shadow:0px 0px 5px 2px rgba(255,255,255,1);
box-shadow:0px 0px 5px 2px rgba(255,255,255,1);
}
.cpe-s-v-photo-locked-overlay{
width:100%;
height:100%;
background-color:#444;
opacity:0.5;
}
.cpe-s-v-photo-locked-overlay-lock{
width:100%;
height:100%;
background-image:url(../images/template/item_lock.png);
background-repeat:no-repeat;
background-position:center;
}
#photo-grid-container{
position:absolute;
bottom:0;
top:37%;
width:100%;
}
#photo-grid-container:focus{
outline:none;
}
.cpe-p-photo-list{
overflow-x:hidden;
overflow-y:auto;
position:absolute;
bottom:0;
top:55px;
width:100%;
}
#photo-grid-header{
color:white;
margin-left:70px;
text-transform:uppercase;
}
#photo-grid-header > span{
font-size:22px;
margin-top:25px;
position:absolute;
margin-left:6px;
color:#999999;
}
#photo-grid-header > h2{
max-width:92%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
float:left;
}
.cpe-s-v-photo-grid-index{
color:white;
font-size:13px;
font-weight:600;
visibility:hidden;
}
#slideshow-container{
display:none;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background-color:#222;
max-height:100%;
max-width:100%;
}
#slideshow-placeholder{
position:absolute;
left:0px;
right:0px;
top:50px;
bottom:0px;
background-color:none;
text-align:center;
font:0/0 a;
}
#slideshow-placeholder.cpe-fullscreen{
top:0;
}
#slideshow-image{
max-width:100%;
max-height:100%;
vertical-align:middle;
}
#slideshow-image:hover{
cursor:pointer;
}
#slideshow-image-container{
position:relative;
display:inline-block;
max-width:100%;
max-height:100%;
}
.slideshow-image-valign-helper{
display:inline-block;
height:100%;
vertical-align:middle;
}
#slideshow-previous{
width:57px;
height:95px;
background-image:url(../images/template/slideshow-left-arrow.png);
background-size:contain;
background-repeat:no-repeat;
margin:0;
display:block;
position:absolute;
top:50%;
margin-top:-47px;
left:10px;
opacity:0.9;
}
#slideshow-previous:hover{
cursor:pointer;
opacity:1.0;
}
#slideshow-next{
width:57px;
height:95px;
background-image:url(../images/template/slideshow-right-arrow.png);
background-size:contain;
background-repeat:no-repeat;
margin:0;
display:block;
position:absolute;
top:50%;
margin-top:-47px;
right:10px;
opacity:0.9;
}
#slideshow-next:hover{
cursor:pointer;
opacity:1.0;
}
#slideshow-close{
width:40px;
height:40px;
background-image:url(../images/template/slideshow-close.png);
background-size:contain;
background-repeat:no-repeat;
margin:0;
display:block;
position:absolute;
top:15px;
right:15px;
opacity:0.9;
}
#slideshow-close:hover{
cursor:pointer;
opacity:1.0;
}
.cpe-v-p-carousel-item{
width:100%;
height:100%;
position:absolute
}
.cpe-v-s-lol-bg{
height:68%;
width:68%;
top:48px;
right:0px;
position:absolute;
}
.cpe-v-p-lol-bg{
background-repeat:no-repeat;
background-size:cover;
}
.cpe-v-p-selecteditem{
width:100%;
height:100%;
}
#selected-image-icon{
width:15%;
height:15%;
min-height:30px;
min-width:30px;
position:relative;
top:32%;
left:33%;
background-size:contain;
background-position:center;
background-repeat:no-repeat;
}
.cpe-v-s-icon-locked{
background-image:url(../images/template/big-lock-icon.png)
}
.cpe-v-s-icon-play{
background-image:url(../images/template/player-play-icon.png)
}
.cpe-v-s-duration{
font-size:24px;
line-height:40px;
}
.cpe-v-p-duration{
float:right;
}
#photo-grid-artwork{
background-size:cover;
width:100%;
height:37%;
top:49px;
position:absolute;
background-position:top center;
}
#selected-description::-webkit-scrollbar{
width:6px;
height:17px;
}
#selected-description::-webkit-scrollbar-track-piece{
background-color:rgba(128,128,128,.5);
-webkit-box-shadow:inset 0 0 15px rgba(0,0,0,.3);
-moz-box-shadow:inset 0 0 15px rgba(0,0,0,.3);
box-shadow:inset 0 0 15px rgba(0,0,0,.3);
}
#selected-description::-webkit-scrollbar-track{
background-color:rgb(216,216,216);
}
#selected-description::-webkit-scrollbar-thumb{
background-color:rgb(66,65,65);
webkit-box-shadow:1px 1px 0 1px rgba(0,0,0,.15),inset 1px 1px #fff;
-moz-box-shadow:1px 1px 0 1px rgba(0,0,0,.15),inset 1px 1px #fff;
box-shadow:1px 1px 0 1px rgba(0,0,0,.15),inset 1px 1px #fff;
}
#selected-description{
scrollbar-face-color:rgb(66,65,65);
scrollbar-shadow-color:#2D2C4D;
scrollbar-highlight-color:#7D7E94;
scrollbar-3dlight-color:#7D7E94;
scrollbar-darkshadow-color:#2D2C4D;
scrollbar-track-color:rgba(128,128,128,.5);
scrollbar-arrow-color:#C1C1D1;
}
#back-btn{
display:none;
position:absolute;
top:60px;
left:10px;
width:70px;
height:17px;
background-image:url(../images/template/back_butt.png);
background-size:contain;
background-repeat:no-repeat;
opacity:0.9;
}
#back-btn:hover{
cursor:pointer;
opacity:1.0;
}
.cpe-v-s-locked-shadow{
box-shadow:inset 0px 600px 0px rgba(0,0,0,0.7);
}
#slideshow-image-loader{
width:70px;
height:70px;
}
.cpe-v-p-content-title-tooltip{
float:left;
width:37px;
height:32px;
margin-left:-37px;
}
.cpe-v-p-list-on-left-title-tooltip{
float:left;
width:37px;
height:55px;
margin-left:-37px;
}
.cpe-v-p-inner-label-tooltip{
left:32%;
width:46px;
height:42px;
/* margin-left:-46px;*/
position:absolute;
top:15%;
}
.cpe-v-f-content-separator-middle{
font-family:CaptureIt;
letter-spacing:3px;
font-size:16px;
}
.cpe-v-p-content-search-left-row{
float:left;
width:100%;
}
.cpe-v-p-content-search-right-row{
float:left;
width:49%;
margin-left:2%;
}
.cpe-v-p-content-search .cpe-v-p-content-row{
height:130px;/* TODO :replace with percentage */;
}
.cpe-v-p-content-search .cpe-v-p-content-row-fullheight{
height:auto;
padding-bottom:10px;
}
.cpe-v-p-content-search .cpe-v-p-content-label{
width:6%;
}
.cpe-v-p-content-search .cpe-v-p-content-details{
width:93%;
left:6%;
top:7px;
height:90%;
}
.cpe-v-p-content-search .cpe-v-p-content-left-section{
width:48%;
}
.cpe-v-p-content-search .cpe-v-p-content-middle-section{
width:49%;
}
.cpe-v-p-content-search .cpe-v-p-content-share-btn{
right:28px;
}
.cpe-v-p-content-search .cpe-v-p-content-share-btn-img{
top:17px;
}
.cpe-v-p-content-search .cpe-v-p-content-action-btns{
width:79%;
max-width:170px;
min-width:117px;
float:left;
top:-3px;
/*overflow:hidden;*/
}
.cpe-v-s-content-action-btns.cpe-v-s-overflow-visible{
overflow:visible;
}
.cpe-v-p-content-search .cpe-v-p-content-ms-top{
height:54px;
}
.cpe-v-p-content-search .cpe-v-p-content-btn{
margin-bottom:0px;
margin-top:1px;
}
.cpe-v-p-content-search .cpe-v-p-content-ms-bottom{
margin-top:20px;
}
.cpe-v-p-content-search .cpe-v-p-content-title{
height:auto;/* important */
max-width:84%;
overflow:hidden;
}
.cpe-v-s-content-search .cpe-v-s-content-title{
overflow:hidden;
}
.cpe-v-p-content-search .cpe-v-p-content-info{
width:100%;
}
.cpe-v-s-content-search .cpe-v-s-content-info{
display:none;
}
.cpe-v-p-content-search .cpe-v-p-content-air-info{
height:15px;
clear:both;
float:left;
margin-bottom:4px;
}
.cpe-v-s-content-search .cpe-v-s-content-air-info{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.cpe-v-s-content-search-info{
color:#222222;
font-size:11px;
line-height:10px;
}
.cpe-v-p-content-search .cpe-v-p-content-writer-director{
margin-top:4px;
}
.cpe-v-p-content-search .cpe-v-p-content-star{
width:20px;
}
.cpe-v-p-content-search .cpe-v-p-content-header{
width:100%;
}
.cpe-v-p-content-search-expand{
clear:left;
width:25px;
height:20px;
}
.cpe-v-s-content-search-expand{
background-image:url(../images/template/expand_n.png);
background-repeat:no-repeat;
}
.cpe-v-s-content-search-expand:hover{
background-image:url(../images/template/expand_s.png);
background-repeat:no-repeat;
}
.cpe-v-s-content-search-less{
background-image:url(../images/template/unexpand_n.png);
background-repeat:no-repeat;
}
.cpe-v-p-content-search-less{
float:left;
width:25px;
height:20px;
position:absolute;
right:-8px;
bottom:-4px;
}
.cpe-v-s-content-search-less:hover{
background-image:url(../images/template/unexpand_s.png);
background-repeat:no-repeat;
}
.cpe-v-p-content-search .content-writer{
margin-top:2px;
}
.cpe-v-p-search-season-details{
width:90%;
float:left;
margin-left:2.5%;
margin-right:2.5%;
margin-top:5px;
}
.cpe-v-s-search-season-details{
display:none;
font-size:12px;
}
.cpe-v-s-content-details.cpe-v-s-expanded .cpe-v-s-season-details{
display:block;
}
.cpe-v-p-search-season-details td{
padding:1px 6px;
vertical-align:top;
min-width:100px;
}
.cpe-v-p-search-table{
width:47%;
float:left;
margin-left:1%;
}
.cpe-v-p-search-noresults-container{
width:90%;
}
.cpe-v-s-search-noresults-container{
background-color:transparent;
/*background-color:rgba(255,255,255,.75);*/
color:white;
}
.cpe-v-s-search-noresults-text{
color:white;
font-size:24px;
/*font-weight:800;*/
}
.cpe-v-p-search-noresults-text{
padding-top:30px;
padding-right:10px;
margin-left:28px;
}
.cpe-v-s-search-noresults-bottom-text{
font-size:18px;
/*font-weight:800;*/
color:white;
}
span#no-result-keyword
{
font-style:italic;
}
.cpe-c-search-noresults-text > span{
line-height:40px;
display:inline-block;
}
.cpe-v-s-search-term{
color:rgb(212,45,13);
}
.cpe-v-p-content-search .cpe-v-p-type-clip .cpe-v-p-menu-share-btn{
right:-28px;
top :2px;
}
.cpe-v-s-content-search .cpe-v-s-category-feature .cpe-v-s-content-info{
display:block;
}
@media only screen and (device-width:768px){
.cpe-v-s-content-search-less:link{}
.cpe-v-s-content-search-less:visited{}
.cpe-v-s-content-search-less:hover{
background-image:url(../images/template/unexpand_n.png);
}
.cpe-v-s-content-search-less:active{
background-image:url(../images/template/unexpand_s.png);
}
.cpe-v-s-content-search-expand:link{}
.cpe-v-s-content-search-expand:visited{}
.cpe-v-s-content-search-expand:hover{
background-image:url(../images/template/expand_n.png);
}
.cpe-v-s-content-expand:active{
background-image:url(../images/template/expand_s.png);
}
}
.cpe-v-s-noresults-link{
color:white !important;
text-decoration:underline !important;
background:none !important;
border:none !important;
padding:0 !important;
opacity:0.8;
}
.cpe-v-s-noresults-link:hover{
opacity:1.0;
}
.cpe-s-v-noresult-content-label-image{
height:15px;
border-bottom:1px solid;
border-color:white;
vertical-align:text-bottom;
}
.cpe-s-v-noresult-content-label-image:hover{
}
.cpe-s-v-noresult-content-label-span{
}
.cpe-v-s-search-title-content-label-image{
height:22px;
vertical-align:top;
padding-top:2px;
}
.cpe-v-s-popover.cpe-v-s-bottom .cpe-v-s-arrow:after,.popover.bottom .arrow:after{
border-bottom-color:rgb(77,77,77);
}
.cpe-v-s-popover,.popover
{
background-image:url(../images/template/window.png);
border-radius:0px;
background-repeat:round;
background-color:transparent;
background-size:100% 100%;
}
.cpe-v-p-popover,.popover
{
width:126px;
height:68px;
}
#downloadmovieButton-spinner
{
background-image:url(../images/loading_spin.gif);
width:158px;
height:50%;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
position:absolute;
top:30px;
}
.cpe-v-p-retailer-popover-wrapper
{
width:158px;
height:90px;
}
.cpe-v-p-popover.cpe-v-p-bottom,.popover.bottom
{
padding-top:0px;
}
.popover.vudu
{
background-color:transparent;
background-image:none;
width:168px;
height:100px;
margin-left:-18px !important;
}
.popover.vudu .popover-content
{
background-image:url(../images/template/window.png);
padding:5px;
background-size:cover;
background-position:100% 100%;
padding-bottom:10px;
padding-right:13px;
padding-left:3px;
}
.vudu-popover-wrapper
{
width:158px;
height:90px;
}
.popover.bottom.vudu .arrow
{
top:-11px;
}
.cpe-v-s-popover.cpe-v-s-bottom,.popover.bottom
{
border:none;
}
.cpe-v-s-popover .cpe-v-s-arrow,.cpe-v-s-popover .cpe-v-s-arrow:after,.popover .arrow,.popover .arrow:after
{
border-style:none !important;
}
.cpe-v-s-popover.cpe-v-s-bottom .cpe-v-s-arrow,.popover.bottom .arrow
{
display:block;
  background-image: url('../images/sprite1.png');
  background-position: left -409px;
background-repeat:no-repeat;
border-style:hidden !important;
}
.cpe-v-p-popover.cpe-v-p-bottom .cpe-v-p-arrow,.popover.bottom .arrow
{
width:20px;
height:11px;
top:-9px;;
}
.cpe-v-s-popover.cpe-v-s-top .cpe-v-s-arrow,.popover.top .arrow
{
display:block;
  background-image: url('../images/sprite1.png');
  background-position: left -420px;
background-repeat:no-repeat;
border-style:hidden !important;
}
.cpe-v-p-popover.cpe-v-p-top .cpe-v-p-arrow,.popover.top .arrow
{
width:20px;
height:11px;
}
.cpe-v-p-popover-content,.popover-content
{
padding:3px 0px;
}
.cpe-v-p-share-btn
{
width:46px;
height:46px;
float:left;
}
.cpe-v-s-share-btn
{
border-radius:3px;
background-repeat:no-repeat;
}
.cpe-v-p-content-share-btn .cpe-v-p-popover-title,.cpe-v-p-content-share-btn .popover-title
{
padding-top:0px;
padding-bottom:0px;
}
.cpe-v-p-content-search .cpe-v-p-content-share-btn .cpe-v-p-popover.cpe-v-p-bottom .cpe-v-p-arrow,.cpe-v-p-content-search .cpe-v-p-content-share-btn .popover.bottom .arrow{
left:86.8%;
}
.cpe-v-p-content-search .cpe-v-p-content-share-btn .cpe-v-p-popover.cpe-v-p-bottom,.cpe-v-p-content-search .cpe-v-p-content-share-btn .popover.bottom{
margin-left:-46px;
}
.cpe-v-p-share-popover-wrapper{
width:232px;
height:52px;
margin:0px 5px;
}
.cpe-v-p-share-popover-btn-wrapper{
width:46px;
height:46px;
padding:6px;
float:left;
margin-left:0px;
}
.cpe-v-s-share-popover-btn-wrapper{
border-radius:3px;
}
.cpe-v-s-share-popover-btn-wrapper:hover{
background-color:rgb(107,107,107);
}
.cpe-v-s-ui-menu .cpe-v-s-ui-menu-item a{
line-height:1 !important;
}
.cpe-v-p-ui-menu .cpe-v-p-ui-menu-item{
margin-bottom:9px !important;
}
.cpe-v-search-popover{
width:auto;
height:auto;
background:none;
max-width:none;
padding:0;
}
.cpe-v-search-popover .popover-content{
padding:0px;
}
body,html{
height:100%;
background:#000;
font-size:15px;
font-family:'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif;
}
html{
-webkit-font-smoothing:antialiased
}
.cpe-v-s-ie8 div.cpe-v-s-resize{
background:transparent !important;
}
.cpe-v-p-max-width{
max-width:1024px;
}
.cpe-v-s-overflow-visible{
overflow:visible;
}
.cpe-v-p-margin-left{
margin-left:9px;
}
#sf-body{
margin:0px auto;
height:100%;
width:100%;
position:absolute;
right:0px;
left:0px;
overflow:hidden;
min-height:600px;
background-color:black;
}
.cpe-v-s-global-min-width-initial{
min-width:400px;
}
.cpe-v-s-global-min-width{
min-width :630px;
}
.cpe-v-s-home-backgroud{
/*	background-image:url(../images/content/cpe_feature_bg.jpg);*/
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.cpe-v-p-zindex-2{
z-index:2;
}
#sf-body.cpe-v-p-expanded{
/*min-height:500px;*/
}
#sf-body>div
{
height:100%;
width:100%;
}
#sf-dialog
{
}
.cpe-v-s-mainpage-wrapper
{
overflow:hidden;
/*	background-image:url(../images/content/cpe_feature_bg.jpg);*/
background-color:black;
/*background-size:contain;*/
background-position:center;
background-repeat:no-repeat;
}
.cpe-v-p-mainpage-wrapper
{
height:100%;
}
.cpe-v-s-ie8 .cpe-v-s-mainpage-wrapper
{
background:transparent;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content/cpe_feature_bg.jpg',sizingMethod='scale');*/
}
.cpe-v-p-fill-height
{
height:100%;
}
.cpe-v-s-fill-height-footer
{
border-bottom:25px solid black;
}
.cpe-v-p-fill-width
{
width:100%;
}
#sf-popover .popover{
width:500px;
z-index:9999;
top:100px !important;
}
#sf-popover .popover.bottom .arrow:after{
border-bottom-color:red
}
.cpe-v-p-no-space{
margin-left:0px;
}
.cpe-v-p-no-space [class*="span"]{
margin-left:0px;
}
.cpe-v-s-clickable{
cursor:pointer;
}
.cpe-v-s-no-resize
{
resize:none;
}
.cpe-v-p-left
{
float:left;
}
.cpe-v-p-right
{
float:right;
}
.cpe-v-p-panel
{
width:45%;
height:100%;
}
.cpe-v-p-relative
{
position:relative !important;
}
.cpe-v-s-opacity-zero
{
visibility:hidden;
}
.cpe-v-s-txt-small
{
font-size:11px;
line-height:14px;
}
.cpe-v-s-txt-bold
{
font-weight:800;
}
.cpe-v-p-txt-center
{
text-align:center;
}
.cpe-v-p-front
{
z-index:99;
}
.cpe-v-p-absolute
{
position:absolute;
}
.cpe-v-p-padding-2
{
margin:2%;
width:96%;
height:92%;
}
.cpe-v-p-padding-2-fixed
{
margin:10px;
width:96%;
height:92%;
}
.cpe-v-s-nodisplay{
display:none;
}
.cpe-v-s-dimmed{
opacity:0.3;
cursor:default;
pointer-events:none;
filter:alpha(opacity=30);
}
textarea:focus:invalid,
textarea,
textarea:focus{
border-color:transparent;
outline:0;
-webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,.075);
-moz-box-shadow:inset 0 0px 0px rgba(0,0,0,.075);
box-shadow:inset 0 0px 0px rgba(0,0,0,.075);
outline:none !important;
outline-width:0 !important;
}
#content-footer{
width:100%;
position:absolute;
height:150px;
top:auto;
bottom:50px;
opacity:0.9;
}
#content-footer-thin{
width:100%;
position:absolute;
height:100px;
top:auto;
bottom:0;
}
#explore-toolbar{
}
.cpe-v-s-header-border-line{
border-bottom:1px solid;
border-color:#676767;
min-width:400px;
}
#explore-search-box-wrapper{
width:300px;
top:8px;
position:absolute;
right:62px;
}
}
#explore-search-box-wrapper #search-box{
width:100%;
margin-top:8px;
}
.cpe-v-s-home-header-separator{
width:2px;
background-color:#5A5A5A;
height:35px;
padding:0;
position:absolute;
top:7px;
right:52px;
}
.cpe-v-s-content-icon{
background-repeat:no-repeat;
background-size:contain;
float:left;
width:25px;
height:25px;
margin-top:0px;
margin-left:10px;
}
.cpe-v-s-all-features-icon{
background-image:url(../images/template/all-features-icon.png);
}
.cpe-v-s-explore-button-icon{
background-repeat:no-repeat;
background-size:contain;
width:22px;
height:22px;
position:relative;
display:inline-block;
top:5px;
}
.cpe-v-s-explore-button-icon-home{
background-image:url(../images/template/home-icon.png);
top:4px;
}
.cpe-v-p-content-buttons-container{
max-width:90%;
padding:7px;
}
.slick-slider{
margin:0;
}
.sf-body-min-width{
min-width:458px;
}
.sf-body-min-height{
min-width:700px;
}
.cpe-v-s-button-label{
background-repeat:no-repeat;
background-size:contain;
width:80px;
height:18px;
position:relative;
display:inline-block;
top:5px;
}
.cpe-v-s-disabled .cpe-v-s-explore-button-icon{
opacity:0.3;
}
.cpe-v-s-disabled .cpe-v-s-button-label{
opacity:0.3;
}
.ui-autocomplete{
max-height:200px;
overflow-x:hidden;
overflow-y:visible;
}
.ui-menu-item{
border:1px solid;
border-color:rgba(0,0,0,0);
}
.cpe-s-v-header-label-image{
height:25px;
}
#page-sub-title{
color:white;
font-size:23px;
text-align:center;
margin:10px;
}
.cpe-v-s-min-width{
min-width:768px;
}
#general-play-btn{
top:65px;
position:absolute;
left:17px;
height:23px;
font-size:13px;
line-height:23px;
display:none;
}
#general-play-btn #play-btn-icon{
height:19px;
width:19px;
background-size:contain;
margin-top:1px;
}
.cpe-v-p-clear-float{
clear:both;
}
.cpe-v-s-text-non-selectable{
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
-o-user-select:none;
}
/*Player-Full Screen CSS - Start*/
#player-div:-webkit-full-screen{
width:100% !important;
height:100% !important;
}
#player-div:-webkit-full-screen{background-color:black;}
#player-div:-moz-full-screen{background-color:black;}
#player-div:-ms-full-screen{background-color:black;}
#player-div:-o-full-screen{background-color:black;}
#player-div:full-screen{background-color:black;}
.cpe-v-s-hide-preview-end{
display:none !important;
}
#player-div:-webkit-full-screen #video-title{
top:0px !important;
}
#player-div:-moz-full-screen #video-title{
top:0px !important;
}
.cpe-v-s-player-without-ribbon #video{
margin-top:0px;
height:95%;
position:absolute;
top:20px;
left:0;
right:0;
}
#video{
margin-top:0px;
height:98%;
}
#player-div:-webkit-full-screen .cpe-v-p-player-trivia-view{
width:70%;
bottom:210px;
}
#player-div:-webkit-full-screen .cpe-v-s-player-trivia-view{
font-size:20px;
line-height:26px;
}
#player-div:-moz-full-screen .cpe-v-s-player-trivia-view{
font-size:20px;
line-height:26px;
}
#player-div:-moz-full-screen .cpe-v-p-player-trivia-view{
width:70%;
bottom:210px;
}
#player-div:-webkit-full-screen .cpe-v-p-player-preview-end-view{
width:485px;
height:125px;
bottom:30%;
}
#player-div:-moz-full-screen .cpe-v-p-player-preview-end-view{
width:485px;
height:125px;
bottom:30%;
}
#player-div:-webkit-full-screen #preview-end-icon{
width:37px;
height:37px;
background-image:url(../images/purchase_icon_fls.png);
/** sprite-ref:sprite1;
*/
}
#player-div:-moz-full-screen #preview-end-icon{
width:37px;
height:37px;
background-image:url(../images/purchase_icon_fls.png);
/** sprite-ref:sprite1;
*/
}
#player-div:-webkit-full-screen #preview-end-txt-pnl{
margin-top:27px;
margin-bottom:20px;
height:20px;
}
#player-div:-moz-full-screen #preview-end-txt-pnl{
margin-top:27px;
margin-bottom:20px;
height:20px;
}
#player-div:-webkit-full-screen #preview-end-txt-pnl .cpe-v-s-txt-small{
font-size:17px;
line-height:20px;
}
#player-div:-moz-full-screen #preview-end-txt-pnl .cpe-v-s-txt-small{
font-size:17px;
line-height:20px;
}
#player-div:-webkit-full-screen .cpe-v-p-player-preview-end-view .cpe-v-p-dialog-btn.cpe-v-p-dark{
width:250px;
height:40px;
}
#player-div:-webkit-full-screen .cpe-v-s-player-preview-end-view .cpe-v-s-dialog-btn.cpe-v-s-dark{
font-size:16px;
line-height:40px;
}
#player-div:-moz-full-screen .cpe-v-p-player-preview-end-view .cpe-v-p-dialog-btn.cpe-v-p-dark{
width:250px;
height:40px;
}
#player-div:-moz-full-screen .cpe-v-s-player-preview-end-view .cpe-v-s-dialog-btn.cpe-v-s-dark{
font-size:16px;
line-height:40px;
}
/*Player-Full Screen CSS - End*/
#sf-video{
width:auto;
height :auto;
}
.cpe-v-s-sf-video-ie-firefox .cpe-v-s-modal-view{
overflow:visible;
}
#sf-video .cpe-v-s-modal-view{
background-image:none;
background-color:black;
padding:17px 0px 2px 0px;
}
#sf-video .cpe-v-p-modal-view{
/*width :650px;
*/
height :100%;
border:1px solid white;
border-radius:5px;
overflow:visible;
}
#sf-video .cpe-v-s-modal-close-button
{
background-image:url(../images/player/player_modal_close.png);
cursor:pointer;
text-decoration:none;
}
#sf-video .cpe-v-p-modal-close-button
{
height:12px;
position:absolute;
right:4px;
top:3px;
width:12px;
}
#player-div{
margin:auto;
display:block;
position:relative;
height:100%;
overflow:visible;
}
#player-div #video-title{
color:white;
position:absolute;
left:15px;
text-decoration:none;
top:-14px;
margin-top:1px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:96%;
}
#player-control-panel{
position:absolute;
top:25px;
margin:auto;
width:750px;
}
#player-buttons-bar{
min-height:100px;
margin:auto;
width:400px;
margin-top:28px;
}
.cpe-v-s-infeature-background{
background-image:url(../images/trivia_bg.png);
background-repeat:repeat;
border :1px #474646 solid;
border-radius:5px;
}
#shareclip-panel-container
{
position:relative;
top:100%;
width:100%;
}
.cpe-v-p-player-trivia-panel-ie-firefox
{
position:relative;
top:100%;
width:100%;
}
.cpe-v-p-player-card-panel-ie-firefox
{
position:relative;
top:8px;
width:100%;
}
.cpe-v-p-player-trivia-view
{
padding:15px;
width:30%;
position:absolute;
bottom:76px;
right:-5px;
color:#ffffff;
}
.cpe-v-s-player-trivia-view
{
color:#ffffff;
}
.cpe-v-s-player-trivia-view-ie
{
color:#FFF;
}
.cpe-v-p-player-trivia-view-ie
{
height:auto;
}
.cpe-v-p-player-trivia-text-ie
{
width:90%;
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
}
.cpe-v-p-player-preview-end-view
{
width:350px;
height:90px;
position:absolute;
bottom:115px;
right:-5px;
padding-right:5px;
}
.cpe-v-s-player-preview-end-view
{
color:white;
}
.cpe-v-p-player-preview-end-panel-ie
{
position:absolute;
top:453px;
width:100%;
}
.cpe-v-s-player-preview-end-panel-ie
{
color:#FFF;
position:relative;
top:0%;
}
.cpe-v-p-player-preview-end-view-ie
{
width:100%;
}
#preview-end-txt-pnl
{
margin-top:12px;
margin-bottom:12px;
height:24px;
width :97% ;
}
.cpe-v-p-preview-end-btn-pnl
{
height:50%;
width:65%;
margin:auto;
}
.cpe-v-p-preview-end-btn-pnl-ie
{
height:50%;
width:34%;
margin:auto;
}
#preview-end-btn-buy
{
width:171px;
margin-left:4px;
font-size:12px;
}
#preview-end-icon
{
width:23px;
height:23px;
background-image:url(../images/purchase_icon.png);
/** sprite-ref:sprite1;
*/
margin-top:4px;
}
#continue-playback-button{
margin-left :0px;
}
#return-to-search-button{
margin-left:0px;
margin-top:10px;
}
.cpe-v-s-card-interactive{
background-image:url(../images/template/in-feature-bg.png);
color:white;
background-repeat:no-repeat;
background-size:cover;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
.cpe-v-p-card-interactive{
height:18%;
width:40%;
position:absolute;
bottom:88px;
z-index:1;
right:11px;
max-width:437px;
max-height:120px;
}
.cpe-v-p-card-interactive-ie{
height:100px;
width:70%;
position:absolute;
z-index:10000;
right:4px;
padding-top:2px;
}
.cpe-v-p-navigation-left{
height:100%;
float:left;
width:7%;
background-image:url(../images/template/arrow-over-layer-left.png);
background-size:cover;
}
.cpe-v-p-player-card-view-ie{
height:103px;
}
.cpe-v-s-navigation-left{
}
.cpe-v-p-navigation-right{
height:100%;
float:left;
width:7%;
background-image:url(../images/template/arrow-over-layer-right.png);
background-size:cover;
}
.cpe-v-s-navigation-right{
}
.cpe-v-p-left-arrow{
top:40%;
position:relative;
/* padding-left:0%;
*/
background-image:url(../images/template/nav-left-arrow.png);
width:12px;
height:19px;
background-size:contain;
/* right:3px;
*/
background-repeat:no-repeat;
/* margin-right:-36px;
*/
margin-left:20%;
}
.cpe-v-p-right-arrow{
top:40%;
position:relative;
/* padding-left:0%;
*/
background-image:url(../images/template/nav-right-arrow.png);
width:12px;
height:19px;
background-size:contain;
/* right:3px;
*/
background-repeat:no-repeat;
/* margin-right:-36px;
*/
margin-left:20%;
}
.cpe-v-s-no-bg{
background-image:none;
}
.cpe-v-p-card-interactive-content{
float:left;
width:85%;
height:97%;
margin-top:2%;
margin-left:1%;
}
.cpe-v-p-card-interactive-image-container{
float:left;
width:52%;
height:90%;
margin-top:0px;
}
.cpe-v-p-card-interactive-image-container-ie{
float:left;
width:36%;
height:90px;
cursor:pointer;
}
.cpe-v-p-card-interactive-content-ie{
float:left;
width:85%;
height:97%;
margin-top:5px;
margin-left:1%;
}
.cpe-v-p-card-interactive-middle-area{
float:left;
height:81%;
width:46%;
margin-left:4px;
}
.cpe-v-p-card-interactive-middle-area-ie{
float:left;
height:81%;
width:58%;
margin-left:4px;
}
.cpe-v-p-card-interactive-top-options{
float:right;
margin-top:-7px;
margin-right:5px;
}
.cpe-v-p-card-interactive-resync{
float:left;
margin-right:0px;
font-size:8px;
margin-top:2px;
background-image:url(../images/template/sync_icon.png);
width:18px;
height:18px;
background-size:cover;
}
.cpe-v-s-card-interactive-title{
font-weight:bold;
font-size:11px;
line-height:11px;
text-transform:uppercase;
margin-top:-2px;
}
.cpe-v-s-card-interactive-description{
font-size:10px;
line-height:1.07em;
white-space:none;
overflow:hidden;
}
.cpe-v-p-card-interactive-description{
clear:both;
float:left;
height:66%;
width:100%;
margin-top:1px;
}
.cpe-v-p-card-interactive-footer-options{
float:left;
width:51%;
bottom:2%;
position:absolute;
}
.cpe-v-p-card-interactive-footer-options-ie{
float:left;
width:67%;
bottom:2%;
position:absolute;
}
.cpe-v-s-card-interactive-unactive{
opacity:0.3;
}
.cpe-v-s-middle-content-hide{
visibility :collapse !important;
}
.cpe-v-s-middle-content-show{
visibility :visible;
}
.cpe-v-p-middle-loader{
position:absolute;
width:96% !important;
float:left;
margin-top:5% !important;
}
.cpe-v-s-middle-loader-hide{
display:none;
}
#close-card-interactive{
background-image:url(../images/template/cancel.png);
width:16px;
height:16px;
margin-top:2px;
}
.cpe-v-p-card-interactive-fullheight{
height:76% !important;
max-height:100% !important;
}
#tag-icon{
margin-left:6px;
/* bottom:19%;
*/
background-repeat:no-repeat;
float:left;
background-size:contain;
width:24px;
height:24px;
margin-top:38%;
}
#video-features-controls{
position:absolute;
right:25px;
color:white;
margin-top:-17px;
}
#player-div:-webkit-full-screen #video-features-controls{
margin-top:0px;
}
#player-div:-moz-full-screen #video-features-controls{
margin-top:0px;
}
.cpe-v-s-features-label{
float:left;
padding-top:6px;
}
.cpe-v-s-all-features-icon-player{
margin-top:3px;
margin-right:3px;
}
div#all-feature-off-player{
float:left;
width:50%;
text-align:center;
margin-top:4px;
font-size:13px;
font-weight:500;
}
div#all-feature-on-player{
float:left;
width:50%;
text-align:center;
margin-top:4px;
font-size:13px;
font-weight:500;
}
#player-div:-webkit-full-screen .cpe-v-p-switch-btn{
width:77px;
}
.cpe-v-p-clippopup #player-div{
height:100%
;
clear:both;
}
.cpe-v-p-clippopup #player-div #video-title{
top:0px;
}
.cpe-v-p-clippopup #video-features-controls{
margin-top:0px;
}
.cpe-v-s-interactive-image{
background-size:cover;
background-repeat:no-repeat;
/*background-position:center;*/
}
.cpe-v-p-interactive-image{
width:100%;
height:100%;
}
#player-play-icon{
background-image:url(../images/template/player-play-icon.png);
position:absolute;
height:100px;
width:100px;
top:36%;
left:44%;
opacity:0.5;
}
#player-div:-webkit-full-screen #player-play-icon{
top:42%;
left:48%;
}
#player-div:-moz-full-screen #player-play-icon{
top:42%;
left:48%;
}
.cpe-v-s-all-feature-player{
padding-top:5px;
}
.cpe-v-p-interactive-without-img{
height:100% !important;
width:98% !important;
}
.cpe-v-p-interactive-without-img-ie{
height:100% !important;
width:94% !important;
}
.cpe-v-s-video-title-ie{
top:-46px !important;
}
.cpe-v-p-video-features-controls-ie{
margin-top:-53px !important;
right:0px;
}
#player-div .cpe-v-s-chapters-container-fullscreen{
position:absolute;
right:3px;
top:100px !important;
margin-top:0px;
margin-right:0px;
opacity:0.4;
height:78% !important;
}
#player-div .cpe-v-s-chapters-container-fullscreen-fullopacity{
opacity:1;
}
.cpe-v-s-chapters-container-fullscreen#chapters-container .chapters{
height:94% !important;
}
#chapters-container{
background-color:black;
width:250px;
height:529px;
position:absolute;
top:-18px;
right:-255px;
border:1px solid white;
border-radius:5px;
}
#chapters-container .header{
text-align:center;
font-weight:bold;
color:white;
padding:5px;
background:linear-gradient(to bottom,rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
border-color:rgb(40,40,40);
margin-bottom:0px;
margin-top:0px;
padding-left:3px;
position:relative;
height:30px;
border-radius:5px;
}
#chapters-container .chapters{
height:487px;
overflow:hidden;
border-radius:5px;
border:1px solid transparent;
}
#chapters-container .chapters .chapter{
width:200px;
height:100px;
margin:25px 25px 0px 25px;
cursor:pointer;
}
#chapters-container .chapters::-webkit-scrollbar-track
{
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
background-color:#000000;
}
#chapters-container .chapters::-webkit-scrollbar
{
width:6px;
background-color:#000000;
}
#chapters-container .chapters::-webkit-scrollbar-thumb
{
background-color:#F5F5F5;
}
.cpe-v-chap-header{
color:white;
margin-left:25px;
line-height:30px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.cpe-v-chap-num{
width:20px;
text-align:right;
display:inline-block;
}
#dialog-view
{
width:100%;
}
#dialog-title-container
{
color:white;
font-size:20px;
background-color:rgb(40,40,40);
background-color:rgba(0,0,0,.5);
font-weight:500;
height:45px;
margin:1px;
}
#dialog-title-txt
{
position:absolute;
left:0px;
right:0px;
top:14px;
}
.cpe-v-f-dialog-title-txt
{
font-family:Captureit;
letter-spacing:3px;
}
#dialog-content
{
bottom:0;
top:45px;bottom:0;
top:45px;
position:absolute;
width:100%;
}
#dialog-text-wrapper{
position:absolute;
left:3%;
right:3%;
top:3%;
background-color:rgb(180,180,180);
background-color:rgba(255,255,255,.75);
bottom:20%;
}
#dialog-text
{
font-size:22px;
font-weight:500;
position:absolute;
top:25%;
left:80px;
right:80px;
color:black;
line-height:24px;
}
.cpe-v-s-dialog-btn
{
border-radius:0px;
background-image:url(../images/template/content-button.png);
font-size:16px;
font-weight:bold;
cursor:pointer;
background-size:cover;
}
.cpe-v-p-dialog-btn
{
right:3%;
bottom:5%;
width:100px;
height:26px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
z-index:99;
float:left;
margin-left:10px;
}
.cpe-v-s-dialog-btn.cpe-v-s-light:hover
{
-webkit-box-shadow:0 0 5px #ccc;
box-shadow:0 0 5px #ccc;
cursor:pointer;
}
.cpe-v-s-dialog-btn.cpe-v-s-light.cpe-v-s-disabled-button:hover
{
  background-image: url('../images/sprite1.png');
  background-position: left -0px;
cursor:default;
}
.cpe-v-s-dialog-btn.cpe-v-s-bg-grey{
background:grey;
background:rgba(255,255,255,0.5);
}
.cpe-v-s-dialog-btn.cpe-v-s-light
{
color:white;
}
.cpe-v-s-dialog-btn.cpe-v-s-grey.cpe-v-s-dark
{
color:grey;
}
.cpe-v-s-modal-header{
background-color:#e7f294;
-moz-box-shadow:inset 0 0 2px 1px #A1B41D;
-webkit-box-shadow:inset 0 0 2px 1px #A1B41D;
box-shadow:inset 0 0 2px 1px #A1B41D;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-top-left-radius:10px;
-moz-border-top-right-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
}
.cpe-v-p-modal-header{
text-align:left;
padding:10px 23px;
}
.cpe-v-p-modal-close-button{
position:absolute;
top:-13px;
right:-27px;
width:32px;
height:32px;
}
.cpe-v-s-modal-close-button{
background-color:transparent;
background-repeat:no-repeat;
/*background-image:url(../images/close-modal.png);*/
text-decoration:none;
cursor:pointer;
}
.cpe-v-s-modal-container{
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.cpe-v-p-modal-container{
z-index:10000;
position:relative;
width:90%;
height:auto;
max-width:800px;
min-width:620px;
}
.cpe-v-p-modal-overlay-class{
position:fixed;
top:0;
left:0;
width:100%;
z-index:998;
}
.cpe-v-s-modal-overlay-class{
opacity:0.8;
background-color:#000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=80);
cursor:pointer;
min-width:630px;
}
.cpe-v-p-modal-view.cpe-v-p-random
{
/*width:500px;*/
height:275px;
}
.cpe-v-p-modal-view.cpe-v-p-cns
{
width:500px;
height:240px;
}
.cpe-v-s-modal-view.cpe-v-s-cns
{
border:1px solid grey;
}
.cpe-v-p-modal-view.cpe-v-p-help
{
width:600px;
height:600px;
}
.cpe-v-p-modal-view{
/*width:500px;*/
/*height:275px;*/
position:relative;
/*	margin:0px auto;*/
}
.cpe-v-s-modal-view{
background-color:black;
-webkit-box-shadow:0px 0px 15px 4px rgba(0,0,0,0.5);
-moz-box-shadow:0px 0px 15px 4px rgba(0,0,0,0.5);
box-shadow:0px 0px 15px 4px rgba(0,0,0,0.5);
overflow:hidden;
border-radius:0px;
/*	margin:0px auto;*/
}
.cpe-v-s-modal-container-opened{
opacity:0;
}
.cpe-v-p-modal-container-opened{
z-index:999;
}
.cpe-v-s-modal-close-button :hover{
background-color:transparent;
background-image:url(../images/close-modal-hover.png);
background-repeat:no-repeat;
}
.cpe-v-f-dialog-button-text-color{
color:#000;
}
@media (max-width:888px){
#photo
{
max-height:175px;
margin-left:0px;
}
#photo.cpe-v-p-expanded
{
max-height:4000px;
}
.cpe-v-p-filter-btn
{
padding-left:2%;
padding-right:2%;
}
.cpe-v-s-filter-btn
{
font-size:17px;
}
#filter-selector
{
/*width:76%;
*/
}
#selected-group-lbl
{
margin-left:2%;
}
.cpe-v-f-content-separator-middle{
font-size:12px;
}
.cpe-v-p-content-separator-middle{
margin-top:1px;
}
.cpe-v-s-season-details{
font-size:11px;
}
.cpe-v-s-content-search-info{
font-size:10px;
}
.cpe-v-p-content-search .cpe-v-p-type-clip .cpe-v-p-menu-share-btn{
right:-30px;
top:2px;
width:31px;
}
.cpe-v-s-expanded #logo
{
background-size:#@get_media_logo_size@#;
}
.cpe-v-s-sf-button .cpe-v-s-text{
/*font-size:16px;
*/
}
.cpe-v-s-sf-button .cpe-v-s-extras-purchase-text{
/*font-size:13px;
*/
}
.cpe-v-p-sf-button .cpe-v-p-extras-purchase-text{
/*min-width:105px;
*/
}
.cpe-v-p-content-search	.cpe-v-p-sf-button .cpe-v-p-extras-purchase-text{
width:78px;
min-width:0px;
}
.cpe-v-s-content-search	.cpe-v-s-sf-button .cpe-v-s-extras-purchase-text{
font-size:11px;
line-height:11px;
}
.cpe-v-s-content-label .cpe-v-s-text{
width:110px;
}
}
@media (max-width:768px){
.cpe-v-p-home-block{
height:300px;
}
}
@media(max-width:900px){
.cpe-v-s-card-interactive-title{
font-size:7px;
}
.cpe-v-p-card-interactive-description{
font-size:10px;
}
}
@media(max-width:760px){
.cpe-v-p-card-interactive-description{
font-size:8px;
}
}
@media(max-width:700px){
#center-container{
display:block;
}
#left-container{
display:none;
}
#right-container{
display:none;
}
}
@media (max-width:940px){
/*
.cpe-v-s-homepage-controls-segment > .cpe-v-s-home-tb-separator{
display:none;
}
*/
#homepage-controls{
right:15px;
}
.cpe-v-s-home-button{
font-size:14px;
margin-right:2px;
margin-left:2px;
}
.cpe-v-s-search-icon{
bottom:0;
margin-top:auto;
margin-bottom:7px;
}
.cpe-v-s-home-conent-label{
font-size:13px;
}
}
@media (max-width:470px){
.cpe-v-s-home-button{
font-size:11px;
}
}
@media (max-width:540px){
#content-title{
font-size:13px;
}
}
@media (max-height:630px){
.cpe-v-p-menu-dropdown li{
margin-top:15px;
}
}
@media (max-height:550px){
.cpe-v-p-menu-dropdown li{
margin-top:5px;
}
}
@media (max-width:550px){
.cpe-v-s-home-conent-label{
font-size:9px;
}
.cpe-v-p-content-buttons-container{
width:80%;
}
#explore-search-box-wrapper{
width:200px;
}
}
/************************************/
@media (max-width:1565px){
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(6n+1) .cpe-v-s-content-row,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(6n+2) .cpe-v-s-content-row,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(6n+3) .cpe-v-s-content-row
{
background-color:rgba(0,0,0,0.4) !important
}
/*	div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(6n+4) .cpe-v-s-content-row,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(6n+5) .cpe-v-s-content-row,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(6n+6) .cpe-v-s-content-row
{
background-color:rgba(25,25,25,0.4) !important
}
*/
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(6n+1) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(6n+2) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(6n+3) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt
{
line-height:15px;
box-sizing:content-box;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
background-color:rgba(0,0,0,1);
font-size:12px;
background:-webkit-gradient(linear,left top,right top,
from(rgba(0,0,0,0)),to(rgba(0,0,0,1)),color-stop(35%,rgba(0,0,0,1)));
background:-moz-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-o-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-ms-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
}
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(6n+4) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(6n+5) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(6n+6) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt
{
line-height:15px;
box-sizing:content-box;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
background-color:rgba(11,11,11,1);
font-size:12px;
background:-webkit-gradient(linear,left top,right top,
from(rgba(11,11,11,0)),to(rgba(11,11,11,1)),color-stop(35%,rgba(11,11,11,1)));
background:-moz-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:-o-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:-ms-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
}
}
@media (max-width:1180px){
.cpe-v-p-content-middle-section{
width:38%
}
}
@media (max-width:1165px){
.cpe-v-p-content-middle-section{
width:38%
}
}
@media (max-width:1160px){
.cpe-v-p-content-middle-section{
width:37%
}
}
@media (max-width:1140px){
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(4n+1) .cpe-v-s-content-row,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(4n+2) .cpe-v-s-content-row
{
background-color:rgba(0,0,0,0.4) !important
}
/*	div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(4n+3) .cpe-v-s-content-row,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(4n+4) .cpe-v-s-content-row
{
background-color:rgba(25,25,25,0.4) !important
}
*/
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(4n+1) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(4n+2) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt
{
line-height:15px;
box-sizing:content-box;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
background-color:rgba(0,0,0,1);
font-size:12px;
background:-webkit-gradient(linear,left top,right top,
from(rgba(0,0,0,0)),to(rgba(0,0,0,1)),color-stop(35%,rgba(0,0,0,1)));
background:-moz-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-o-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-ms-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
}
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(4n+3) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(4n+4) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt
{
line-height:15px;
box-sizing:content-box;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
background-color:rgba(11,11,11,1);
font-size:12px;
background:-webkit-gradient(linear,left top,right top,
from(rgba(11,11,11,0)),to(rgba(11,11,11,1)),color-stop(35%,rgba(11,11,11,1)));
background:-moz-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:-o-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:-ms-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
}
.cpe-v-p-content-middle-section{
width:49%;
}
}
@media (max-width:955px){
.cpe-v-p-content-middle-section{
width:45%;
}
}
@media (max-width:905px){
.cpe-v-p-content-middle-section{
width:39%;
}
}
@media (max-width:795px){
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(2n+1) .cpe-v-s-content-row
{
background-color:rgba(0,0,0,0.4) !important
}
/*	div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(2n+2) .cpe-v-s-content-row
{
background-color:rgba(25,25,25,0.4) !important
}*/
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(2n+1) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt
{
line-height:15px;
box-sizing:content-box;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
background-color:rgba(0,0,0,1);
font-size:12px;
background:-webkit-gradient(linear,left top,right top,
from(rgba(0,0,0,0)),to(rgba(0,0,0,1)),color-stop(35%,rgba(0,0,0,1)));
background:-moz-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-o-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-ms-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
}
div.cpe-v-p-content-view-without-sub-category .cpe-v-s-content-explore div:nth-child(2n+2) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt
{
line-height:15px;
box-sizing:content-box;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
background:-webkit-gradient(linear,left top,right top,
from(rgba(11,11,11,0)),to(rgba(11,11,11,1)),color-stop(35%,rgba(11,11,11,1)));
background:-moz-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:-o-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:-ms-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
}
.cpe-v-p-content-middle-section{
width:57%;
}
}
@media (max-width:570px){
.cpe-v-p-content-middle-section{
width:48%;
}
}
@media (max-width:470px){
.cpe-v-p-content-middle-section{
width:42%;
}
}
@media (max-width:450px){
.cpe-v-p-content-middle-section{
width:38%;
}
.cpe-v-p-content-action-btns,.cpe-v-p-content-action-btns-placeholder{
padding-right:0px;
}
}
@media (max-width:408px){
.cpe-v-p-content-action-btns,.cpe-v-p-content-action-btns-placeholder{
width:78px;
}
}
/************************************/
@media (max-width:1900px){
.cpe-v-p-content-view-with-sub-category .cpe-v-p-exploreitem{
width:33.3%
}
}
@media (max-width:1465px){
.cpe-v-p-content-view-with-sub-category .cpe-v-p-exploreitem{
width:33.3%
}
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+1) .cpe-v-s-content-row,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+2) .cpe-v-s-content-row,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+3) .cpe-v-s-content-row
{
background-color:rgba(0,0,0,0.4) !important
}
/*	div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+4) .cpe-v-s-content-row,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+5) .cpe-v-s-content-row,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(6n+6) .cpe-v-s-content-row
{
background-color:rgba(25,25,25,0.4) !important
}*/
}
@media (max-width:1400px){
.cpe-v-p-content-view-with-sub-category .cpe-v-p-content-middle-section{
width:40%
}
.slick-next{
top:50%;
}
}
@media (max-width:1410px){
.cpe-v-p-content-view-with-sub-category .cpe-v-p-exploreitem{
width:50%
}
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(4n+1) .cpe-v-s-content-row,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(4n+2) .cpe-v-s-content-row
{
background-color:rgba(0,0,0,0.4) !important
}
/*	div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(4n+3) .cpe-v-s-content-row,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(4n+4) .cpe-v-s-content-row
{
background-color:rgba(25,25,25,0.4) !important
}*/
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(4n+1) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(4n+2) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt{
/*content:"\02026";
*/
line-height:15px;
box-sizing:content-box;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
background-color:rgba(0,0,0,1);
font-size:12px;
background:-webkit-gradient(linear,left top,right top,
from(rgba(0,0,0,0)),to(rgba(0,0,0,1)),color-stop(35%,rgba(0,0,0,1)));
background:-moz-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-o-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-ms-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
z-index:1;
}
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(4n+3) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt,
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(4n+4) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt{
/*content:"\02026";
*/
line-height:15px;
box-sizing:content-box;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
background-color:rgba(11,11,11,1);
font-size:12px;
background:-webkit-gradient(linear,left top,right top,
from(rgba(11,11,11,0)),to(rgba(11,11,11,1)),color-stop(35%,rgba(11,11,11,1)));
background:-moz-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:-o-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:-ms-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
z-index:1;
}
.cpe-v-p-content-view-with-sub-category .cpe-v-p-content-middle-section{
width:45%
}
}
@media (max-width:1200px){
.cpe-v-p-content-view-with-sub-category .cpe-v-p-content-middle-section{
width:40%
}
}
@media (max-width:1150px){
.cpe-v-p-content-view-with-sub-category .cpe-v-p-content-middle-section{
width:39%
}
}
@media (max-width:1023px){
.cpe-v-p-content-view-with-sub-category .cpe-v-p-exploreitem{
width:100%
}
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(2n+1) .cpe-v-s-content-row
{
background-color:rgba(0,0,0,0.4);
!important
}
/*	div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(2n+2) .cpe-v-s-content-row
{
background-color:rgba(25,25,25,0.4) !important
}*/
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(2n+1) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt{
/*content:"\02026";
*/
line-height:15px;
box-sizing:content-box;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
background-color:rgba(0,0,0,1);
font-size:12px;
background:-webkit-gradient(linear,left top,right top,
from(rgba(0,0,0,0)),to(rgba(0,0,0,1)),color-stop(35%,rgba(0,0,0,1)));
background:-moz-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-o-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:-ms-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 35%,rgba(0,0,0,1));
z-index:1;
}
div.cpe-v-p-content-view-with-sub-category .cpe-v-s-content-explore div:nth-child(2n+2) .cpe-v-s-content-row .cpe-v-s-fast-ellipsis .cpe-v-s-after-txt{
/*content:"\02026";
*/
line-height:15px;
box-sizing:content-box;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
background-color:rgba(11,11,11,1);
font-size:12px;
background:-webkit-gradient(linear,left top,right top,
from(rgba(11,11,11,0)),to(rgba(11,11,11,1)),color-stop(35%,rgba(11,11,11,1)));
background:-moz-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:-o-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:-ms-linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
background:linear-gradient(to right,rgba(11,11,11,0),rgba(11,11,11,1) 35%,rgba(11,11,11,1));
z-index:1;
}
.cpe-v-p-content-view-with-sub-category .cpe-v-p-content-middle-section{
width:57%;
}
}
@media (max-width:800px){
.cpe-v-p-sub-category-menu{
width:126px;
font-size:14px;
padding-right:3px;
}
.cpe-v-p-sub-selected-arrow{
margin-right:-14px;
}
#selected-sub-title{
margin-left:187px;
}
.cpe-v-p-content-view-with-sub-category{
margin-left:160px;
}
}
@media (max-width:727px){
.cpe-v-p-content-view-with-sub-category .cpe-v-p-content-middle-section{
width:40%
}
}
@media (max-width:645px){
.cpe-v-p-content-view-with-sub-category .cpe-v-p-content-action-btns,.cpe-v-p-content-action-btns-placeholder{
padding-right:53px;
}
}
@media (max-width:625px){
.cpe-v-p-content-view-with-sub-category .cpe-v-p-content-middle-section{
width:40%
}
}
@media (max-width:410px){
.cpe-v-p-content-view-with-sub-category .cpe-v-p-content-middle-section{
width:38%
}
}
@media (max-width:565px){
.cpe-v-p-sub-category-menu{
position:absolute;
top:0;
height:43px;
width:100%;
}
.cpe-v-s-sub-selected-arrow{
display:none;
}
#selected-sub-title{
color:white;
margin-left:0px;
font-size:26px;
margin-top:55px;
margin-bottom:3px;
font-weight:200;
text-align:center;
}
.cpe-v-p-sub-category-menu div{
margin-top:0px !important;
text-align:center;
float:left;
padding-left:10px;
padding-right:10px;
}
.cpe-v-p-content-view-with-sub-category{
margin-left:0px;
margin-top:45px;
}
}
@media(max-width:430px){
.cpe-s-v-header-label-image{
height:22px;
}
}
@media(max-width:1400px){
#selected-header{
font-size:21px;
}
#selected-description{
font-size:18px;
}
#inner-label{
font-size:30px;
}
.cpe-v-s-content-title{
font-size:18px;
}
.cpe-v-s-link{
font-size:18px;
}
.cpe-v-s-duration{
font-size:18px;
}
.cpe-v-s-content-type-button-home{
font-size:24px;
line-height:75px;
}
#footer-content-types{
height:75px;
}
.cpe-v-s-content-buttons-container-home{
height:75px;
}
}
.res-selection{
width :40px;
background:blue;
margin-left:5px;
float:left;
cursor:pointer;
font-size :15px;
font-weight:bold;
height :25px;
margin-top:10px;
text-align:center;
border-radius:6px;
}
.res-selection.active{
background:white;
color:blue;
}
#qc-toggle-button{
width :90px;
}
#playURLQC{
font-size:13px;
word-wrap:break-word;
width:34%;
color:white;
font-weight:bold;
}
.cpe-v-p-popup-all-content{
padding:0px 10px 0px 10px;
}
.cpe-v-p-popup-content{
padding:10px;
}
/* THEAM */
.cpe-v-p-gallery{
position:relative;
margin:0 auto 60px;
padding:0;
}
.cpe-v-s-gallery{
*zoom:1;
}
.cpe-v-p-gallery .slide{
height:100%;
}
.cpe-v-p-gallery .image{
width:100%;
height:100%;
max-width:100%;
margin:0px auto;
background-size:contain;
background-repeat:no-repeat;
}
.cpe-v-s-gallery .image{
display:block;
/* border:1px solid gray;*/
}
.cpe-v-p-gallery .bx-viewport{
-webkit-transform:translatez(0);
-moz-transform:translatez(0);
-ms-transform:translatez(0);
-o-transform:translatez(0);
transform:translatez(0);
}
.cpe-v-s-gallery .bx-viewport{
-moz-box-shadow:0 0 5px #ccc;
}
.cpe-v-p-gallery .bx-pager,
.cpe-v-p-gallery .bx-controls-auto{
position:absolute;
bottom:-30px;
width:100%;
}
.cpe-v-s-gallery .bx-pager,
.cpe-v-s-gallery .bx-controls-auto{}
/* LOADER */
.cpe-v-p-gallery .bx-loading{
min-height:50px;
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
z-index:2000;
}
.cpe-v-s-gallery .bx-loading{
background:url(../images/bx/bx_loader.gif) center center no-repeat #fff;
}
/* PAGER */
.cpe-v-p-gallery .bx-pager{
padding-top:0px;
height:10px;
}
.cpe-v-s-gallery .bx-pager{
text-align:center;
font-size:.85em;
font-family:Arial;
font-weight:bold;
color:#666;
}
.cpe-v-p-gallery .bx-pager .bx-pager-item,
.cpe-v-p-gallery .bx-controls-auto .bx-controls-auto-item{}
.cpe-v-s-gallery .bx-pager .bx-pager-item,
.cpe-v-s-gallery .bx-controls-auto .bx-controls-auto-item{
display:inline-block;
*zoom:1;
*display:inline;
}
.cpe-v-p-gallery .bx-pager.bx-default-pager a{
width:9px;
height:9px;
margin:0 5px;
}
.cpe-v-s-gallery .bx-pager.bx-default-pager a{
background:#393939;
text-indent:-9999px;
display:block;
outline:0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.cpe-v-p-gallery .bx-pager.bx-default-pager a:hover,
.cpe-v-p-gallery .bx-pager.bx-default-pager a.active{}
.cpe-v-s-gallery .bx-pager.bx-default-pager a:hover,
.cpe-v-s-gallery .bx-pager.bx-default-pager a.active{
background:#2E71AE;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.cpe-v-p-gallery .bx-prev{
left:0px;
}
.cpe-v-s-gallery .bx-prev{
opacity:0.6;
background-position:50% 50%;
background-repeat:no-repeat;
background-image:url(../images/bx/left.png);
}
.cpe-v-p-gallery .bx-next{
right:0px;
}
.cpe-v-s-gallery .bx-next{
opacity:0.6;
background-position:50% 50%;
background-repeat:no-repeat;
background-image:url(../images/bx/right.png);
}
.cpe-v-p-gallery .bx-prev:hover,
.cpe-v-p-gallery .bx-next:hover{}
.cpe-v-s-gallery .bx-prev:hover,
.cpe-v-s-gallery .bx-next:hover{
opacity:1;
}
.cpe-v-p-gallery .bx-controls-direction a{
position:absolute;
top:100%;
width:50px;
height:50px;
z-index:9999;
}
.cpe-v-s-gallery .bx-controls-direction a{
outline:0;
text-indent:-9999px;
}
.cpe-v-p-gallery .bx-pager .bx-next{
position:relative;
top:-20px;
width:50px;
height:50px;
z-index:9999;
}
.cpe-v-p-gallery .bx-pager .bx-prev{
position:relative;
top:-20px;
width:50px;
height:50px;
z-index:9999;
}
.cpe-v-s-gallery .bx-pager .bx-next{
outline:0;
text-indent:-9999px;
cursor:pointer;
display:inline-block;
}
.cpe-v-s-gallery .bx-pager .bx-prev{
outline:0;
text-indent:-9999px;
cursor:pointer;
display:inline-block;
}
.cpe-v-p-gallery .bx-controls-direction a.disabled{}
.cpe-v-s-gallery .bx-controls-direction a.disabled{
display:none;
}
/* AUTO CONTROLS (START / STOP) */
.cpe-v-p-gallery .bx-controls-auto{}
.cpe-v-s-gallery .bx-controls-auto{
text-align:center;
}
.cpe-v-p-gallery .bx-controls-auto .bx-start{
width:10px;
height:11px;
margin:0 3px;
}
.cpe-v-s-gallery .bx-controls-auto .bx-start{
display:block;
text-indent:-9999px;
outline:0;
background:url(../images/bx/controls.png) -86px -11px no-repeat;
}
.cpe-v-p-gallery .bx-controls-auto .bx-start:hover,
.cpe-v-p-gallery .bx-controls-auto .bx-start.active{}
.cpe-v-s-gallery .bx-controls-auto .bx-start:hover,
.cpe-v-s-gallery .bx-controls-auto .bx-start.active{
background-position:-86px 0;
}
.cpe-v-p-gallery .bx-controls-auto .bx-stop{
width:9px;
height:11px;
margin:0 3px;
}
.cpe-v-s-gallery .bx-controls-auto .bx-stop{
display:block;
text-indent:-9999px;
outline:0;
background:url(../images/bx/controls.png) -86px -44px no-repeat;
}
.cpe-v-p-gallery .bx-controls-auto .bx-stop:hover,
.cpe-v-p-gallery .bx-controls-auto .bx-stop.active{}
.cpe-v-s-gallery .bx-controls-auto .bx-stop:hover,
.cpe-v-s-gallery .bx-controls-auto .bx-stop.active{
background-position:-86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.cpe-v-p-gallery .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
width:80%;
}
.cpe-v-s-gallery .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
text-align:left;
}
.cpe-v-p-gallery .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
right:0;
width:35px;
}
.cpe-v-s-gallery .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{}
/* IMAGE CAPTIONS */
.cpe-v-p-gallery .bx-caption{
position:absolute;
bottom:0;
left:0;
width:100%;
}
.cpe-v-s-gallery .bx-caption{
background:#666\9;
background:rgba(80,80,80,0.75);
}
.cpe-v-p-gallery .bx-caption span{
padding:10px;
}
.cpe-v-s-gallery .bx-caption span{
color:#fff;
font-family:Arial;
display:block;
font-size:.85em;
}
/* THEAM */
.cpe-v-p-slider{
position:relative;
margin:0 auto 60px;
padding:0 50px 0 50px;
clear:both;
}
.cpe-v-s-slider{
*zoom:1;
}
.cpe-v-p-slider .slide{
height:103px;
}
.cpe-v-p-slider .image{
width:100%;
height:100%;
max-width:100%;
margin:0px auto;
background-size:cover;
}
.cpe-v-s-slider .image{
display:block;
}
.cpe-v-p-slider .bx-viewport{
-webkit-transform:translatez(0);
-moz-transform:translatez(0);
-ms-transform:translatez(0);
-o-transform:translatez(0);
transform:translatez(0);
}
.cpe-v-s-slider .bx-viewport{
-moz-box-shadow:0 0 5px #ccc;
}
.cpe-v-p-slider .bx-pager,
.cpe-v-p-slider .bx-controls-auto{
position:absolute;
bottom:-30px;
width:100%;
}
.cpe-v-s-slider .bx-pager,
.cpe-v-s-slider .bx-controls-auto{}
/* LOADER */
.cpe-v-p-slider .bx-loading{
min-height:50px;
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
z-index:2000;
}
.cpe-v-s-slider .bx-loading{
background:url(../images/bx/bx_loader.gif) center center no-repeat #fff;
}
/* PAGER */
.cpe-v-p-slider .bx-pager{
padding-top:20px;
}
.cpe-v-s-slider .bx-pager{
text-align:center;
font-size:.85em;
font-family:Arial;
font-weight:bold;
color:#666;
}
.cpe-v-p-slider .bx-pager .bx-pager-item,
.cpe-v-p-slider .bx-controls-auto .bx-controls-auto-item{}
.cpe-v-s-slider .bx-pager .bx-pager-item,
.cpe-v-s-slider .bx-controls-auto .bx-controls-auto-item{
display:inline-block;
*zoom:1;
*display:inline;
}
.cpe-v-p-slider .bx-pager.bx-default-pager a{
width:9px;
height:9px;
margin:0 5px;
}
.cpe-v-s-slider .bx-pager.bx-default-pager a{
background:#393939;
text-indent:-9999px;
display:block;
outline:0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.cpe-v-p-slider .bx-pager.bx-default-pager a:hover,
.cpe-v-p-slider .bx-pager.bx-default-pager a.active{}
.cpe-v-s-slider .bx-pager.bx-default-pager a:hover,
.cpe-v-s-slider .bx-pager.bx-default-pager a.active{
background:#2E71AE;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.cpe-v-p-slider .bx-prev{
left:0px;
}
.cpe-v-s-slider .bx-prev{
background-position:50% 50%;
background-repeat:no-repeat;
background-image:url(../images/bx/left-big.png);
}
.cpe-v-p-slider .bx-next{
right:0px;
}
.cpe-v-s-slider .bx-next{
background-position:50% 50%;
background-repeat:no-repeat;
background-image:url(../images/bx/right-big.png);
}
.cpe-v-p-slider .bx-controls-direction a{
position:absolute;
top:50%;
width:50px;
height:50px;
z-index:9999;
margin-top:-25px;
}
.cpe-v-s-slider .bx-controls-direction a{
outline:0;
text-indent:-9999px;
}
.cpe-v-p-slider .bx-controls-direction a.disabled{}
.cpe-v-s-slider .bx-controls-direction a.disabled{
opacity:0.3;
pointer-events:none;
}
/* AUTO CONTROLS (START / STOP) */
.cpe-v-p-slider .bx-controls-auto{}
.cpe-v-s-slider .bx-controls-auto{
text-align:center;
}
.cpe-v-p-slider .bx-controls-auto .bx-start{
width:10px;
height:11px;
margin:0 3px;
}
.cpe-v-s-slider .bx-controls-auto .bx-start{
display:block;
text-indent:-9999px;
outline:0;
background:url(../images/bx/controls.png) -86px -11px no-repeat;
}
.cpe-v-p-slider .bx-controls-auto .bx-start:hover,
.cpe-v-p-slider .bx-controls-auto .bx-start.active{}
.cpe-v-s-slider .bx-controls-auto .bx-start:hover,
.cpe-v-s-slider .bx-controls-auto .bx-start.active{
background-position:-86px 0;
}
.cpe-v-p-slider .bx-controls-auto .bx-stop{
width:9px;
height:11px;
margin:0 3px;
}
.cpe-v-s-slider .bx-controls-auto .bx-stop{
display:block;
text-indent:-9999px;
outline:0;
background:url(../images/bx/controls.png) -86px -44px no-repeat;
}
.cpe-v-p-slider .bx-controls-auto .bx-stop:hover,
.cpe-v-p-slider .bx-controls-auto .bx-stop.active{}
.cpe-v-s-slider .bx-controls-auto .bx-stop:hover,
.cpe-v-s-slider .bx-controls-auto .bx-stop.active{
background-position:-86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.cpe-v-p-slider .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
width:80%;
}
.cpe-v-s-slider .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
text-align:left;
}
.cpe-v-p-slider .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
right:0;
width:35px;
}
.cpe-v-s-slider .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{}
/* IMAGE CAPTIONS */
.cpe-v-p-slider .bx-caption{
position:absolute;
bottom:-45px;
height:50px;
left:0;
width:100%;
}
.cpe-v-s-slider .bx-caption{
/*background:#666;*/
overflow:hidden;
font-size:12px;
line-height:13px;
}
.cpe-v-p-slider .bx-caption span{
padding-top:10px;
}
.cpe-v-s-slider .bx-caption span{
color:#fff;
font-family:Arial;
display:block;
font-size:.85em;
height:50px;
color:gray;
}
.cpe-v-p-detailspage{
position:relative;
height:100%;
top:51px;
border-top:1px solid gray;
}
.cpe-v-s-detailspage{}
.cpe-v-p-detailspage .resume{
float:left;
width:99%;
margin-left:10px;
height:55px;
line-height:70px;
}
.cpe-v-s-detailspage .resume{
color:lightgray;
}
.cpe-v-p-detailspage .gallery{
float:right;
width:50%;
height:100%;
}
.cpe-v-s-detailspage .gallery{}
.cpe-v-p-detailspage .gallery #player-div{
max-width:800px;
border:1px solid gray;
}
.cpe-v-s-detailspage .gallery #player-div{
}
.cpe-v-p-detailspage .description{
float:left;
width:50%;
}
.cpe-v-s-detailspage .description{
color:lightgray;
}
.cpe-v-p-detailspage .slider{
width:100%;
float:left;
overflow:hidden;
}
.cpe-v-s-detailspage .slider{
background-color:#272727;
}
.cpe-v-p-slider-title{
width:100%;
float:left;
padding:5px 0 5px 10px;
background-color:black;
margin-bottom:20px;
}
.cpe-v-s-slider-title{
font-size:17px;
text-transform:uppercase;
color:#c0c0c0;
}
.cpe-v-s-details-content-wrapper
{
float:left;
width:100%;
overflow:hidden;
}
.cpe-v-p-detailspage .gallery{
width:50%;
padding-top:25px;
}
.cpe-v-s-detailspage .gallery{}
.cpe-v-p-detailspage .description{
width:50%;
}
.cpe-v-s-detailspage .description{
color:white;
}
.cpe-v-p-clips-gallery{
width:800px;
margin:0px auto;
}
.cpe-v-s-clips-gallery{}
.cpe-v-p-clips-gallery > video{
max-width:100%;
}
.cpe-v-s-clips-gallery > video{}
.cpe-v-p-clips-description{
margin:25px 0 25px 25px;
}
.cpe-v-s-clips-description{}
.cpe-v-p-clips-description .item-name{
margin:10px 0 25px 0;
}
.cpe-v-s-clips-description .item-name{
font-weight:bold;
font-size:24px;
}
.cpe-v-p-clips-description .item-details{
margin:0 0 25px 0;
width:90%;
}
.cpe-v-s-clips-description .item-details{
font-size:12px;
}
.cpe-v-p-clips-description .item-actions{}
.cpe-v-s-clips-description .item-actions{}
.cpe-v-p-clips-description .item-actions > div{
width:100px;
height:35px;
display:inline-block;
}
.cpe-v-s-clips-description .item-actions > div{
background-color:gray;
text-align:center;
line-height:35px;
border-radius:5px;
cursor:pointer;
text-transform:uppercase;
font-size:12px;
}
@media screen and (max-width:768px){
.cpe-v-p-detailspage .gallery{
width:100%;
}
.cpe-v-s-detailspage .gallery{}
.cpe-v-p-detailspage .description{
width:100%;
}
.cpe-v-s-detailspage .description{}
}
.cpe-v-p-detailspage .gallery{
width:60%;
}
.cpe-v-p-detailspage .description{
width:40%;
color:#c0c0c0;
}
.cpe-v-p-photos-gallery{
height:100%;
}
.cpe-v-s-photos-gallery{}
.cpe-v-p-photos-gallery > video{
max-width:100%;
}
.cpe-v-s-photos-gallery > video{}
.cpe-v-p-photos-description{
margin:25px 0 25px 10px;
}
.cpe-v-s-photos-description{}
.cpe-v-p-photos-description .item-name{
margin:28px 0 15px 0;
}
.cpe-v-s-photos-description .item-name{
font-weight:bold;
font-size:24px;
}
.cpe-v-p-photos-description .item-details{
margin:0 0 25px 0;
width:90%;
}
.cpe-v-s-photos-description .item-details{
font-size:12px;
}
.cpe-v-p-photos-description .item-actions{}
.cpe-v-s-photos-description .item-actions{}
.cpe-v-p-photos-description .item-actions .favorite{
width:100px;
height:35px;
}
.cpe-v-s-photos-description .item-actions .favorite{
background-color:gray;
text-align:center;
line-height:35px;
border-radius:5px;
cursor:pointer;
text-transform:uppercase;
font-size:12px;
}
@media screen and (max-width:768px){
.cpe-v-p-gallery .slide{
height:250px;
}
.cpe-v-p-detailspage .gallery{
width:100%;
height:auto;
padding:0px;
}
.cpe-v-s-detailspage .gallery{}
.cpe-v-p-detailspage .description{
width:100%;
height:auto;
margin-bottom:5px;
}
.cpe-v-s-detailspage .description{}
.cpe-v-p-photos-description .item-details{
max-height:60px;
}
.cpe-v-p-detailspage .resume{
height:35px;
line-height:35px;
}
.cpe-v-p-photos-description .item-name{
margin:-5px 0 15px 0;
}
.cpe-v-p-photos-description{
margin:25px 0 8px 10px;
}
.cpe-v-p-gallery .image{
background-size:cover;
}
}
.r60-carousel{
overflow:hidden;
}
.r60-carousel .slides .slide{
position:absolute;
float:left;
}
.r60-carousel .r60c-selector{
border:1px solid #4195fc;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0px 0px 4px #4195fc;
-moz-box-shadow:0px 0px 4px #4195fc;
box-shadow:0px 0px 25px #4195fc;
position:absolute;
z-index:3;
}
.r60-carousel .r60c-pager{
text-align:center;
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI:http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
1. BASIC STYLE - Plugin's basic/essential CSS properties (normally,should not be edited).
2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
5. TRANSITIONS - CSS3 transitions for hover events,auto-expanded and auto-hidden scrollbars.
6. SCROLLBAR COLORS,OPACITY AND BACKGROUNDS
6.1 THEMES - Scrollbar colors,opacity,dimensions,backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar{-ms-touch-action:none;touch-action:none;/* MSPointer events - direct all pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar{-ms-touch-action:auto;touch-action:auto;}
.mCustomScrollBox{/* contains plugin's markup */
position:relative;
overflow:hidden;
height:100%;
max-width:100%;
outline:none;
direction:ltr;
}
.mCSB_container{/* contains the original content */
overflow:hidden;
width:auto;
height:auto;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container{margin-right:30px;}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;}/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{/* RTL direction/left-side scrollbar */
margin-right:0;
margin-left:30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0;}/* RTL direction/left-side scrollbar */
.mCSB_scrollTools{/* contains scrollbar markup (draggable element,dragger rail,buttons etc.) */
position:absolute;
width:16px;
height:auto;
left:auto;
top:0;
right:0;
bottom:0;
}
.mCSB_outside + .mCSB_scrollTools{right:-26px;}/* scrollbar position:outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{/* RTL direction/left-side scrollbar */
right:auto;
left:0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left:-26px;}/* RTL direction/left-side scrollbar (scrollbar position:outside) */
.mCSB_scrollTools .mCSB_draggerContainer{/* contains the draggable element and dragger rail markup */
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
height:auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{margin:20px 0;}
.mCSB_scrollTools .mCSB_draggerRail{
width:2px;
height:100%;
margin:0 auto;
-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;
}
.mCSB_scrollTools .mCSB_dragger{/* the draggable element */
cursor:pointer;
width:100%;
height:30px;/* minimum dragger height */
z-index:1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{/* the dragger element */
position:relative;
width:4px;
height:100%;
margin:0 auto;
-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;
text-align:center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px;/* auto-expanded scrollbar */ }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px;/* auto-expanded scrollbar */ }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display:block;
position:absolute;
height:20px;
width:100%;
overflow:hidden;
margin:0 auto;
cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{bottom:0;}
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right:0;
margin-bottom:30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{min-height:100%;}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;}/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal{
width:auto;
height:16px;
top:auto;
right:0;
bottom:0;
left:0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px;}/* scrollbar position:outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin:0 20px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width:100%;
height:2px;
margin:7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width:30px;/* minimum dragger width */
height:100%;
left:0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height:12px;/* auto-expanded scrollbar */
margin:2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height:8px;/* auto-expanded scrollbar */
margin:4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display:block;
position:absolute;
width:20px;
height:100%;
overflow:hidden;
margin:0 auto;
cursor:pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0;}
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper{
position:absolute;
height:auto;
width:auto;
overflow:hidden;
top:0;
left:0;
right:0;
bottom:0;
margin-right:30px;
margin-bottom:30px;
}
.mCSB_container_wrapper > .mCSB_container{
padding-right:30px;
padding-bottom:30px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px;}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px;}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0;}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0;}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px;}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{/* RTL direction/left-side scrollbar */
margin-right:0;
margin-left:30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{
padding-right:0;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{
padding-bottom:0;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right:0;/* non-visible scrollbar */
margin-left:0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;}
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;
-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;
-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;
transition:opacity .2s ease-in-out,background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,/* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,
margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out,background-color .2s ease-in-out;
-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,
margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out,background-color .2s ease-in-out;
-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,
margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out,background-color .2s ease-in-out;
transition:width .2s ease-out .2s,height .2s ease-out .2s,
margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out,background-color .2s ease-in-out;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS,OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools{opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)";}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";}
.mCSB_scrollTools .mCSB_draggerRail{
background-color:#000;background-color:rgba(0,0,0,0.4);
filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color:#fff;background-color:rgba(255,255,255,0.75);
filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color:#fff;background-color:rgba(255,255,255,0.85);
filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color:#fff;background-color:rgba(255,255,255,0.9);
filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image:url(mCSB_buttons.png);/* css sprites */
background-repeat:no-repeat;
opacity:0.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position:0 0;
/*
sprites locations
light:0 0,-16px 0,-32px 0,-48px 0,0 -72px,-16px -72px,-32px -72px
dark:-80px 0,-96px 0,-112px 0,-128px 0,-80px -72px,-96px -72px,-112px -72px
*/
}
.mCSB_scrollTools .mCSB_buttonDown{
background-position:0 -20px;
/*
sprites locations
light:0 -20px,-16px -20px,-32px -20px,-48px -20px,0 -92px,-16px -92px,-32px -92px
dark:-80px -20px,-96px -20px,-112px -20px,-128px -20px,-80px -92px,-96px -92px,-112 -92px
*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
background-position:0 -40px;
/*
sprites locations
light:0 -40px,-20px -40px,-40px -40px,-60px -40px,0 -112px,-20px -112px,-40px -112px
dark:-80px -40px,-100px -40px,-120px -40px,-140px -40px,-80px -112px,-100px -112px,-120px -112px
*/
}
.mCSB_scrollTools .mCSB_buttonRight{
background-position:0 -56px;
/*
sprites locations
light:0 -56px,-20px -56px,-40px -56px,-60px -56px,0 -128px,-20px -128px,-40px -128px
dark:-80px -56px,-100px -56px,-120px -56px,-140px -56px,-80px -128px,-100px -128px,-120px -128px
*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{opacity:0.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)";}
/* theme:"dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,0.85);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:rgba(0,0,0,0.9);}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0;}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px;}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px;}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px;}
/* ---------------------------------------- */
/* theme:"light-2","dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background-color:#fff;background-color:rgba(255,255,255,0.1);
-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
background-color:#fff;background-color:rgba(255,255,255,0.75);
-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0;}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px;}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px;}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px;}
/* theme:"dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color:#000;background-color:rgba(0,0,0,0.1);
-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color:#000;background-color:rgba(0,0,0,0.75);
-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0;}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px;}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px;}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px;}
/* ---------------------------------------- */
/* theme:"light-thick","dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background-color:#fff;background-color:rgba(255,255,255,0.1);
-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:6px;
background-color:#fff;background-color:rgba(255,255,255,0.75);
-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:6px;
margin:5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0;}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px;}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px;}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px;}
/* theme:"dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color:#000;background-color:rgba(0,0,0,0.1);
-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color:#000;background-color:rgba(0,0,0,0.75);
-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px;}
/* ---------------------------------------- */
/* theme:"light-thin","dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.1);}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:2px;
margin:7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px;}
/* ---------------------------------------- */
/* theme "rounded","rounded-dark","rounded-dots","rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.15);}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{height:14px;}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:14px;
margin:0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px;}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height:14px;
margin:1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width:16px;/* auto-expanded scrollbar */
height:16px;
margin:-1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px;/* auto-expanded scrollbar */ }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height:16px;/* auto-expanded scrollbar */
width:16px;
margin:0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height:4px;/* auto-expanded scrollbar */
margin:6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px;}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px;}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px;}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px;}
/* theme "rounded-dark","rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px;}
/* theme "rounded-dots","rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
background-color:transparent;
background-position:center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
background-repeat:repeat-y;
opacity:0.3;
filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height:4px;
margin:6px 0;
background-repeat:repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px;}
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px;}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px;}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px;}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px;}
/* ---------------------------------------- */
/* theme "3d","3d-dark","3d-thick","3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-repeat:repeat-y;
background-image:-moz-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));
background-image:-webkit-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image:-o-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image:-ms-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image:linear-gradient(to right,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-repeat:repeat-x;
background-image:-moz-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));
background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image:-o-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image:-ms-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image:linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
/* theme "3d","3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:70px;}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px;}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools{
opacity:1;
filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
width:8px;
background-color:#000;background-color:rgba(0,0,0,0.2);
box-shadow:inset 1px 0 1px rgba(0,0,0,0.5),inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555;}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px;}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width:100%;
height:8px;
margin:4px 0;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.5),inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:8px;
margin:4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;}
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color:#000;background-color:rgba(0,0,0,0.1);
box-shadow:inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;}
/* ---------------------------------------- */
/* theme:"3d-thick","3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools{
opacity:1;
filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{right:1px;}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5);}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
bottom:1px;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
box-shadow:inset 1px 0 0 rgba(255,255,255,0.4);
width:12px;
margin:2px;
position:absolute;
height:auto;
top:0;
bottom:0;
left:0;
right:0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555;}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height:12px;
width:auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
background-color:#000;background-color:rgba(0,0,0,0.05);
box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;}
/* theme:"3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,0.4),inset -1px 0 0 rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#777;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
background-color:#fff;background-color:rgba(0,0,0,0.05);
box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;}
/* ---------------------------------------- */
/* theme:"minimal","minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
right:0;
margin:12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom:0;
margin:0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
left:0;
right:auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:50px;}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px;}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color:#fff;background-color:rgba(255,255,255,0.2);
filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color:#fff;background-color:rgba(255,255,255,0.5);
filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)";
}
/* theme:"minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color:#000;background-color:rgba(0,0,0,0.2);
filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color:#000;background-color:rgba(0,0,0,0.5);
filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3","dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
width:6px;
background-color:#000;background-color:rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width:100%;
height:6px;
margin:5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width:12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height:12px;
margin:2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;}
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;}
/* ---------------------------------------- */
/* theme "inset","inset-dark","inset-2","inset-2-dark","inset-3","inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
width:12px;
background-color:#000;background-color:rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:6px;
margin:3px 5px;
position:absolute;
height:auto;
top:0;
bottom:0;
left:0;
right:0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height:6px;
margin:5px 3px;
position:absolute;
width:auto;
top:0;
bottom:0;
left:0;
right:0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width:100%;
height:12px;
margin:2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;}
/* theme "inset-dark","inset-2-dark","inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;}
/* theme "inset-2","inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color:transparent;
border-width:1px;
border-style:solid;
border-color:#fff;
border-color:rgba(255,255,255,0.2);
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,0.2);}
/* theme "inset-3","inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.6);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.6);}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.75);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);}
/* ---------------------------------------- */
/* Media Buttons */
.cpe-v-s-media-buttons-bg-color{
background-color:black;
}
.cpe-v-s-media-buttons-text-color{
color:white;
}
.cpe-v-s-media-buttons-text-color:hover{
background-color:rgba(61,99,153,1);
background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(61,99,153,1) 50%,rgba(0,0,0,0) 100% );
background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(61,99,153,1) 50%,rgba(0,0,0,0) 100% );
}
/* Navigation Bar */
.cpe-v-s-nav-bar-bg-color{
background-color:black;
}
.cpe-v-s-nav-bar-item-text-color{
color:white;
}
/* ListOnTheLeft Template */
.cpe-v-s-list-on-left-title-text-color{
color:white;
}
.cpe-v-s-list-on-left-item-text-color{
color:rgb(150,150,150);
}
.cpe-v-s-list-on-left-category-text-color{
color:rgb(150,150,150);
}
.cpe-v-s-list-on-left-item-view-title-text-color{
color:white;
}
.cpe-v-s-list-on-left-item-view-description-text-color{
color:rgb(180,180,180);
}
@font-face{
font-family:CaptureIt;
src:url('../fonts/Capture_it.eot');
src:url('../fonts/Capture_it.eot?iefix') format('eot'),
url('../fonts/Capture_it.woff') format('woff'),
url('../fonts/Capture_it.ttf') format('truetype'),
url('../fonts/Capture_it.svg#webfont44PDl6Sr') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face{font-family:"slick";src:url('../fonts/slick.eot');src:url('../fonts/slick.eot?#iefix') format("embedded-opentype"),url('../fonts/slick.woff') format("woff"),url('../fonts/slick.ttf') format("truetype"),url('../fonts/slick.svg#slick') format("svg");font-weight:normal;font-style:normal;}