/**************** structure *************/
body {
  min-width: 980px;
}
.grid__item--minivideo {
    width: 25%;
}
.main{
z-index:3;/*for clickable banner*/
}

.content{
min-height:400px;
background:#aaa center top no-repeat;
padding:0 10px;
position:relative;
z-index:0;
}

.innercontent{
background:white;
overflow:hidden;
border-top:none;
min-height:600px;
padding-bottom:20px;
position:relative;
z-index:2;
}

.content--mydartfish .innercontent {
-webkit-border-radius: 2px;
border-radius: 2px;
}

.content--mydartfish,
.content--mydartfish.content--mydartfish--grey .innercontent,
.content--mydartfish .settings .innercontent{
background: #48474c;
}

.content--mydartfish.content--mydartfish--grey .innercontent{
color:#fff;
}

.innercontent .noitems{
float:left;
padding:20px 10px;
font-size:14px;
overflow:hidden;
position:relative;
}

.player .innercontent{
min-height:0;
}

.content .colleft{
float:left;
width: 700px;
margin:0 0 40px 0;
padding:0;
overflow:auto;
border: 1px solid #d6d6d6;
}

.content.content--personalchannel .colleft,
.content.content--mydartfish .colleft{
width: 100%;
border:none;
}

.content .colleft .activity{  
padding:15px;
}


.content .colleft .activity.large{
width:660px;
}


.content .colright{
float:right;
margin:0 0 40px 0;
padding:0;
width:255px;
}

.content .colright.hasoffset{
margin-top:175px;
}

.content .colright .box{
background:#fff;
border:1px solid #d6d6d6;
margin-bottom:5px;
padding: 14px 15px 19px;
overflow:auto;
min-height:22px;
overflow:hidden;
}

.content .colleft .box{
background:#eee;
border:1px solid #d2d2d2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin-bottom:15px;
padding:10px 15px 14px;
overflow:auto;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
background:-moz-linear-gradient(top,  #fff,  #eee);
}

.ie .content .colleft .box{
/* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');*/
background:#f2f2f2;
}

.center{
width: 100%;
margin:0 auto;
position:relative;
z-index:3;
max-width: 960px;
}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.ie .clearfix{
zoom:1; 
display:block;
}

/******************* general *******************/


h1,
.colright h3{
font-size:21px;
line-height:22px;
padding-bottom:12px;
word-wrap:break-word ;
}

h2,h3{
font-size: 32px;
line-height: 1.25em;
padding-left:1px;
padding-bottom:2px;
word-wrap:break-word ;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type="password"]{
border:1px solid #e4e4e4;
display:block;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:3px;
float:left;
width:155px;
height:17px;
}

.userform input[type=text],
.userform input[type=email],
.userform input[type=tel],
.userform input[type=number],
.userform input[type="password"],
.userform textarea,
.userform select{
border:1px solid #e4e4e4;
display:block;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:6px 7px;
float:left;
width:155px;
height:34px;
line-height:16px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}




.inplaceeditbutton{
border-radius: 50px;
vertical-align:top;
width: 24px;
height: 24px;
display:inline-block;
margin: 0px;
padding: 0px;
text-align: center;
line-height: 22px;
-webkit-font-smoothing: antialiased;
}

.inplaceeditbutton--save{
font-size: 16px;
color: #fff;
background:#2caed3;
}

.content--mydartfish.content--mydartfish--grey .inplaceeditbutton--save {
background-color:#898787;
}

.inplaceeditbutton--save:hover{
color: #fff;
background:#000;
}

.inplaceeditbutton--save::before{
content:"\2714";
color: #fff !important;
}

.inplaceeditbutton--cancel{
font-size: 18px;
color: #867f70;
background:#ddd;
border: 1px solid #ccc;
}

.content--mydartfish.content--mydartfish--grey .inplaceeditbutton--cancel {
background-color:#6b6a74;
border:none;
}

.inplaceeditbutton--cancel::before{
content: "\2716";
color: inherit;
}

.inplaceeditbutton--cancel:hover{
color:#867f70;
background:#bbb;
}

.content--mydartfish.content--mydartfish--grey .inplaceeditbutton--cancel:hover {
background:#000;
}

.submitbutton {
font-size:1em;
padding:7px 16px; 
border:none;
}

.beauton.cart{
background:#2caed3 url(../img/channel/cart.png) 5px 5px no-repeat;
padding:7px 16px 7px 40px;
}

.button:hover,
.button.cancel:hover,
.submitbutton:hover{
background:#000;
color:#fff;
}

.beauton.cart:hover{
background:#000 url(../img/channel/cart.png) 5px 5px no-repeat;
}

.editbutton{
background:transparent url(../img/channel/edit.png) 0px 0px no-repeat;
width:16px;
height:15px;
display:inline-block;
margin-left:5px;
}

.editbutton:hover{
background:transparent url(../img/channel/edit.png) 0px -16px no-repeat;
}

.colright .addtofav{
overflow:auto;
width:100%;
margin:-4px 0 7px;
position:relative;
}

.progress img{
vertical-align:middle;
padding-right:3px;
}

.tabsformobile {
display:none;
}

/******************* banner *******************/

.banner{
height:140px;
z-index:1;
}

.content--mydartfish .banner{
height:10px;
}

.banner .channel__logo{
border:5px solid #fff;
background-color:#fff;
}

.content--personalchannel .banner .channel__logo,
.content--mydartfish .banner .channel__logo{
background-size:cover;
border-radius:50%;
}

.banner h1{
font-size:28px;
line-height:1.1em;
color:#fff;
padding:1px 0 0 0;
}

.content--mydartfish .banner h1{
color:#48474c;
}

.banner table{
height:140px;
vertical-align:middle;
width:700px;
}

.banner table td.logo{
padding:0 20px 0 0;
width:70px;
}

.slswitchslogan{
display:block;
overflow:hidden;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
right:4px;
background:rgba(238,238,238,1);
position:absolute;
top:0;
height:0px;
top:0px;
font-family: ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
font-size:16px;
z-index:1;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}

.slswitchslogan.showtop{
height:32px;
top:-31px;
}

.slswitchslogan a{
display:block;
padding:8px 48px 0px 10px !important;
}

.slswitchslogan a:after{
display:block;
content:"V";
text-indent:-10000px;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
position:absolute;
right:12px;
top:2px;
color:#222; 
width:28px;
height:28px; 
}
.slswitchslogan.silverlight a:after{  
background:transparent url(../img/channel/arrow-slswitch.png) 0px 2px no-repeat;
}
.slswitchslogan.html5 a:after{  
background:transparent url(../img/channel/arrow-slswitch.png) 0px -28px no-repeat;
}

.slswitchslogan.html5 a,
.slswitchslogan.html5.showtop a{
color:#ed7047 !important;
}
.slswitchslogan.silverlight a,
.slswitchslogan.silverlight.showtop a{
color:#2caed3 !important;
}

.slswitchslogan.showcolor a{
color:#fff !important;
}

.slswitchslogan.showcolor.silverlight{
background-color:#2caed3 !important;
color:#fff;
}

.slswitchslogan.showcolor.html5{
background-color:#cc3300 !important;
color:#fff;
}

.slswitch {
display:block;
float:right;
width:47px;
height:53px;
border-left:1px solid white;
margin-left: 10px;
}

.slswitch.html5{
background:rgba(238,238,238,1) url(../img/channel/pictos/sleditswitch.png) 10px 14px no-repeat;
color:#cc3300;
}

.slswitch.silverlight {
background:rgba(238,238,238,1) url(../img/channel/pictos/sleditswitch.png) 10px -36px no-repeat;
}

.slswitch.edit {
background:rgba(238,238,238,1) url(../img/channel/pictos/sleditswitch.png) 10px -85px no-repeat;
}


/******************* content *******************/

.content .colleft h3{
font-size:24px;
padding:0 0 10px 0;
margin:0;
}

.content .colleft h3.card__header{
  padding: 15px;
}

/* head (mainmenu and search */
.content .channelheader{
background:#eee;
padding:0 10px 0 0;
overflow:auto;
margin-bottom:5px;
}

.content--mydartfish .channelheader{
border-bottom: none;
background-color: transparent;
overflow: hidden;
margin-bottom:0px;
}

.channelheader .relitems {
float: right;
font-size: 34px;
line-height: 34px;
padding: 8px 14px 0 0;
}

.channelheader .relitems .relitems--previous:before{
content:"\2039";
margin-right:3px;
}

.channelheader .relitems .relitems--next:before{
content:"\203A";
}

.channelheader .relitems .relitems--previous.disabled,
.channelheader .relitems .relitems--next.disabled{
color:#aaa;
cursor:default;
}

/* mainmenu */ 
.mainmenu{
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.channel .mainmenu{
}

.mainmenu ul li{
display:block;
float:left;
}


.mainmenu ul li a{
display:block;
float:left;
margin:0;
padding:28px 14px 10px 14px;
background:#eee;

font-family: ClearSans-Bold, sans-serif;
color: #444;
text-transform:uppercase;
font-size:15px;
line-height:15px;
position:relative;
text-align:center;
overflow: hidden;
}

.mainmenu ul li a:after{
content: "";
position: absolute;
left: 14px;
right: 14px;
bottom: 0;
height: 4px;
background-color: #2caed3;

-webkit-transition: transform 200ms ease, color 200ms ease;
   -moz-transition: transform 200ms ease, color 200ms ease;
    -ms-transition: transform 200ms ease, color 200ms ease;
        transition: transform 200ms ease, color 200ms ease;

  -webkit-transform-origin: 0 0;
     -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;  
          transform-origin: 0 0;

-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: translateY(10px) rotate(15deg);

}

.mainmenu ul li a:hover::after,
.mainmenu ul li.selected a::after {
-webkit-transform: translateY(0px) rotate(0deg);
-moz-transform: translateY(0px) rotate(0deg);
  -ms-transform: translateY(0px) rotate(0deg);
      transform: translateY(0px) rotate(0deg);
}

.mainmenu ul li.selected a{
color: #000;
border-color: #2caed3;
}


.de .mainmenu ul li a,
.es .mainmenu ul li a, 
.ja .mainmenu ul li a{
padding-left: 11px;
padding-right: 11px;
}
.de .mainmenu ul li a:after,
.es .mainmenu ul li a:after, 
.ja .mainmenu ul li a:after{
left: 11px;
right: 11px;
}

.ja .mainmenu ul li a,
.ko .mainmenu ul li a{
font-size:16px;
font-weight: bold;
}


/* searchbox */
.searchbox {
float:right;
}


.searchctrl{
overflow:hidden;
padding: 10px 0 0 0;
}

.search_block.channelCollections .searchctrl{
float:right;
position: relative;
margin-top: -29px;
margin-bottom: 9px;

}

.channelCollections [id$="CLinkUPane"] + div .searchctrl {
  margin-top:0;
  margin-bottom: 0;
}

.content--mydartfish .searchctrl{
padding-right:1px;
padding-top:13px;
}

.content--mydartfish .channelcollections .innercontent{
position:static;
}
.content--mydartfish .channelcollections .search_block.channelCollections .searchctrl {
position:absolute;
right:10px;
top:0px;
margin:0px;
}

.content--mydartfish .channelcollections .search_block.channelCollections .searchctrl .input--search {
width:163px;
}

.searchctrl .linky{
clear:both;
float:left;
padding-top:8px;
}

.searchctrl .targetpane{
float:left;
z-index:33;
border:1px solid #D6D6D6;
border-left:none;
float:left;
height: 34px;
width:83px;
font-size: 12px;
line-height:12px;
}
.content--mydartfish .searchctrl .targetpane{
background-color: #6b6a74;
border-color:#777;
color:#eee;
}

.searchctrl #currenttarget{
float:right;
font-size: 13px;
line-height: 13px;
color:#2CAED3;
border:none;
cursor:pointer;
width: 83px;
padding: 10px 0 9px 6px;
position: relative;
}

.searchctrl #currenttarget:hover{
background-color:#ddd;
color: #222;
}

.content--mydartfish #currenttarget{
background-color: #48474c;
border-color:#777;
color:#eee;
}
.content--mydartfish #currenttarget:hover{
background-color: #5c5b64;
color: #fff;
}

.searchctrl #currenttarget:after{
content:" ";
width: 0; 
height: 0; 
position: absolute;
right:4px;
top:14px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;	
border-top: 6px solid #2CAED3;
}
.searchctrl #currenttarget:hover:after{
border-top-color: #222;
}
.content--mydartfish .searchctrl #currenttarget:after{
border-top-color:#eee;
}

.searchctrl #alltarget{
position:absolute;
display:none;
overflow:hidden;
z-index:5001;
background:#EEEEEE;
top: 43px;
width: 84px;
margin-left: -1px;
}

.presenter .searchctrl #alltarget{
height:0;
display:block;
top:0px;
}

.slswitch_on .searchctrl #alltarget{
left:771px !important;
}

.searchctrl #alltarget .wraptarget{
border:1px solid #CCC;
}
.content--mydartfish .searchctrl #alltarget .wraptarget{
border-color:#6b6a74;
}

.searchctrl #alltarget .wraptarget a{
display:block;
font-size:12px;
padding: 10px 8px;
color:#2CAED3;
border-bottom:1px solid #D6D6D6;;
}
.content--mydartfish .searchctrl #alltarget .wraptarget a{
color:#eee;
border-bottom:1px solid #777;
background-color: #6b6a74
}

.searchctrl #alltarget .wraptarget a:last-of-type{
border-bottom:none !important;
}
.searchctrl #alltarget .wraptarget a:hover{
background:#ddd;
color:#222;
cursor:pointer;
}

.loader{
position:absolute;
width:100%;
height:100%;
background-color:#fff;
text-align:center;
font-size:15px;
padding:80px 0;
z-index:10;
color:#000;
overflow:hidden;
}

.content--mydartfish.content--mydartfish--grey .loader {
background-color:#48474c;
color:#ddd;
}

.lightgradient{
background-image:linear-gradient(bottom, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
background-image:-o-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
background-image:-moz-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
background-image:-webkit-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
background-image:-ms-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
background-image:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(240,240,240)),
color-stop(1, rgb(255,255,255))
);
border-bottom:#eee;
}

.mediumgradient{
background-image:linear-gradient(bottom, rgb(200,200,200) 0%, rgb(252,252,252) 100%);
background-image:-o-linear-gradient(bottom, rgb(200,200,200) 0%, rgb(252,252,252) 100%);
background-image:-moz-linear-gradient(bottom, rgb(200,200,200) 0%, rgb(252,252,252) 100%);
background-image:-webkit-linear-gradient(bottom, rgb(200,200,200) 0%, rgb(252,252,252) 100%);
background-image:-ms-linear-gradient(bottom, rgb(200,200,200) 0%, rgb(252,252,252) 100%);
   
background-image:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(200,200,200)),
color-stop(1, rgb(252,252,252))
);
border-bottom:#999;
}

.mediumbg{
background:#c8c8c8;
}

.darkbg{
background:#bbb;
}

.lightline{
border-top:#ddd ;
border-bottom:#fff;
}

.mediumline{
border-top:#aaa ;
border-bottom:#ddd;
}

.darkline{
border-top:#9f9f9f ;
border-bottom:#ccc;
}

/************** chanel header  *****************/

.colright .description,
.colright .website,
.colright .social{
padding:10px 0;
border-top:1px solid #ddd;
clear:both;
word-wrap: break-word;
font-size: 13px;
line-height:18px;
}

.colright .description{
margin-top: 15px; 
}

.colright .nodescription{
clear:both;
}

.colright .description a.more{
font-size:1.1em;
padding:4px 0 0 ;
display:block;
}

.colright .chMore{
width:450px;
min-height:250px;
margin-left:-466px;
}

.chMore .chMoreContent{
padding:10px 20px 20px 20px;
}

.chMore .chMoreContent ol{
padding-left:20px;
}

.chMore .chMoreContent ul{
padding-left:20px;
}

.popup{
position:absolute;
-moz-box-shadow:0 0 20px #000;
-webkit-box-shadow:0 0 20px #000;
box-shadow:0 0 20px #000;
background:#eee;
border:2px solid #ddd;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
margin-bottom:15px;
padding:10px 15px 14px;
overflow:auto;
z-index:99999;
}

.popup .close{
float:right;
margin:-4px -10px 0 0;
background:url(../img/channel/pictos/closebutton.png) no-repeat 0 0 ;
width:28px;
height:28px;
}

.popup a.close:hover{
cursor:pointer;
background:url(../img/channel/pictos/closebutton.png) no-repeat 0 -28px;
}

.popup h3{
padding:25px 35px 20px 20px;
}

.social{
overflow:auto;
}



.social .sociallabel{
float:left;
padding-right:8px;
}

.social .facebookurl{
background:url(../img/channel/pictos/facebook-logo.png) left -17px no-repeat;
display:block;
width:16px;
height:16px;
float:left;
margin-right:8px;
}

.social .facebookurl:hover{
background:url(../img/channel/pictos/facebook-logo.png) no-repeat;
}

.social .twitterurl{
background:url(../img/channel/pictos/twitter-logo.png) left -17px no-repeat;
display:block;
width:16px;
height:16px;
float:left;
margin-right:8px;
}

.social .twitterurl:hover{
background:url(../img/channel/pictos/twitter-logo.png) no-repeat;
}

.channel .exploremenu{
width:100%;
float: left;
padding:15px;
border-bottom: 1px solid #ddd;
}

.related_channels--title{
background: #eee;
width: 115%;
float: left;
margin-left: -15px;
padding-left: 15px;
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
}

.colright ul{
padding-bottom:10px;
list-style:none;
}

.colright .explorePortal,
.colright ul.explorenav{
padding-top:10px;
border-top:1px solid #DDDDDD;
}

.colright ul li a.highlight{
padding:0 0 3px 15px;
display:block;
background:url(../img/channel/discbullet.png) -2px 6px no-repeat;
word-break:break-all;
font-size: 16px;
}

.colright ul li a.highlight:hover{
background:url(../img/channel/discbullet.png) -303px 6px no-repeat;
}

.colright .subscription{
border-top:1px solid #ddd;
padding:10px 8px 10px 38px;
display:block;
background:url(../img/channel/pictos/highlight-subscription.png) left 9px  no-repeat;
min-height:30px;
}

.mobile{
border-top:1px solid #ddd;
padding:12px 0 0 0;
float:left;
}

.mobileapp{
float:left;
} 

.mobilelogo{
max-height:108px;
max-width:216px;
vertical-align:middle;
padding-right:8px;
float:left;
}

.mobiledesc{
float:left;
padding:9px 1px;
font-size:13px;
}

/**************** sponsor banner ***************/

.sponsors{
position:relative;
margin:0 auto;
width:960px;
z-index:2;/*between banner and main*/
}

.sponsors .clickablezone{
position:absolute;
background-color:transparent;
/*border:1px solid red;*/
}

/**************** activities *******************/

.channel__subscriptions {
float:right;
margin-top: -35px;
}



.activity .metainfos a{
/*font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;*/
font-size:1.1em;
}

/******************* headlines *****************/

.headlines-wrapper {
  padding: 15px;
  clear: both;
  overflow: auto;
  border-bottom: 1px solid #ddd;
}

.headlines {
  position: relative;
}

.headline{
position:relative;
background:#eee;
border-top:1px solid #fff;
border-bottom:1px solid #eee;
display:block;
color:#222;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
overflow:auto;
}


.headline:hover{
background:#ddd;
border-top:1px solid #fff;
border-bottom:1px solid #ddd;
}

.headline a{
display:block;
color:#222;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
}

.firstHeadlinePlaceholder{
border-top:none !important;
position: relative;
width:50%;
float:left;
height: 240px;
}

.secondAndAfterHeadlinePlaceholder{
border-top:none !important;
position: relative;
width:50%;
float:right;
height: 240px;
overflow-x: hidden;
overflow-y: auto;
border-left: 2px solid white;
background:#eee;
}

.headline .wrap{
position:relative;
display:block;
width:100%;
}

.headline .wrap .video__thumb {
  height: 0;
  padding-top: 56.7%;
  top:0;
}

.headline .wrap img{
position:relative;
display:block;
width:300px;
top:-1000px;
}

.headline .desc{
display:block;
padding:10px 9px 12px 40px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}


/* override global : */
.headline .desc .picto{
bottom: 0.4em;
}
.headline a.howto {
background-color:#5c5b64;
color:#fff;
}

.headline a.howto .picto{
background:transparent url(../img/channel/pictos/headlines/howto.png) 177px center no-repeat;
}



/* edit buttons */
.headlines .shadow{
-moz-box-shadow:0 2px 2px #5c5b64;
-webkit-box-shadow:0 2px 2px #5c5b64;
box-shadow:0 2px 2px #5c5b64;
}

.headlines a.edit{
background:#8A8A8A;
display:none;

height:15px;
text-align:center;
position:absolute;
z-index:2;
margin-top: 1px;
right: 45px;
padding-left:4px;
padding-right: 4px;
font-size:10px;
color:#fff;
border:none;
z-index:16;
}



.headlines a.up{
background:#8A8A8A url(../img/channel/pictos/headlines/edit-top.png) left top no-repeat;
display:none;
width:14px;
height:15px;
position:absolute;
z-index:2;
margin-top: 1px;
right: 30px;
border:none;
z-index:16;
}

.headlines a.down{
background:#8A8A8A url(../img/channel/pictos/headlines/edit-down.png) left top no-repeat;
display:none;
width:14px;
height:15px;
position:absolute;
z-index:2;
margin-top: 1px;
right: 15px;
border:none;
z-index:16;
}

.headlines a.delete{
background:#8A8A8A url(../img/channel/pictos/headlines/edit-delete.png) left top no-repeat;
display:block;
width:14px;
height:15px;
position:absolute;
z-index:2;
margin-top: 1px;
right: 0;
border:none;
display:none;
z-index:16;
}

.headlines a.show{
display:block;
}

.headlines a.action:hover{
background-color:#000;
}

.headlines a.down.disabled,
.headlines a.up.disabled,
.headlines a.down.disabled:hover,
.headlines a.up.disabled:hover{
background-color:#ccc;
}

.headlines span.overlay{
z-index: 15;
display: block;
height: 0;
left: 30%;
position: absolute;
top: 0px;
width: 40%;
padding-top: 58%;
}

.headlines .headline:hover span.overlay{
cursor:pointer;
background: url(../img/channel/play.png) transparent no-repeat center center;
background-size:contain;
}

/* edition */
.headlines .editor{
padding: 0;
overflow:auto;
}

.headlines .editor img{
padding:0;
margin:0;
width:200px;
}

.headlines .editor input{
border: 1px solid #ddd;
padding: 2px 6px;
margin: 0px 8px 0 -7px;
min-height: 25px;
font-size: 11px;
}

.ie7 .headlines .editor input,
.ie8 .headlines .editor input{
width:150px;
}

.headlines .editor a.cancel{
float:left;
background:#999;
margin:2px 6px 0 0;
font-size:11px;
font-weight:normal;
padding:2px 8px 3px;
color:#fff;
}
.headlines .editor a.save{
float:left;
margin-right:12px;
background:#2caed3;
margin:2px 6px 0 0;
font-size:11px;
font-weight:normal;
padding:2px 8px 3px;
color:#fff;
}

.headlines .editor a.cancel:hover,
.headlines .editor a.save:hover{
background:#000;
}

/***********  nav bar **************************/

.pageheader{
position:relative;
color:#999;
margin:0;
overflow:auto;
padding:10px;
}

.pageheader h2{
  margin-top:3px;
max-width:780px;
}

.content--mydartfish .pageheader h2{
max-width:620px;
}

.pageheader h2 .span {
word-wrap: break-word;
}

.content--mydartfish .pageheader{
display:block; 
float:left; 
border-bottom:none; 
width:690px; 
padding: 0 0 10px;
overflow: hidden;
border: none;
}

.content--mydartfish .settings .pageheader {
padding-left:94px;
width: 100%;
}

.content--mydartfish .settings .pageheader h2{
float:none;
max-width: none;
}

.embedplaylisteditor .pageheader{
border: none;
}

.pageheader h2{
color:#333;
float:left;
font-size: 30px;
}

.content--mydartfish .pageheader h2{
color:#fff;
padding-top:12px;
}

.content--mydartfish .pageheader .icon--backlink {
padding-top:12px;
margin-right:10px;
}

.pageheader .inplaceeditpane{
max-width:570px;
display:inline-block;
min-height: 32px;
}

.pageheader .inplaceeditpane .inplaceedittextbox{
font-size:22px;
margin-top:5px;
max-width:490px;
}

.pageheader .inplaceeditsavepane {
float: left;
margin:5px 8px 0;
display:inline;
}

.pageheader a.inplaceeditbutton{
margin:5px 0 0;
}

.embedplaylisteditor .pageheader h2{
padding:20px 15px 0px 15px;
}

.pageheader a.backlink {
/* padding:0 0  16px 25px; */
line-height: 1.2em;
display: block;
float:left;
position: relative;
width: 53px;
height: 56px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABSCAIAAAC68kFpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAPRSURBVGhD7ZdJT1NRGIYb2MmwQmlt3dsJMC40cScE6JK4ddrCxgTxZ6gx/gEUN2wwISIWAkVaBhcapHNvERWQtgKBSG1LB/wu/Wx7b890m5ho5MlZ0Hu/vM857ymL6o7/MH+rIJcvTHzaww9MahFkc4VBz2fbmPfpx218REez4ChXuOdeh/TierLyrYBvyGgTQDP3F+S9V66H77fwNQkNAkgfWvyiSi+uxx+oDlFBNl8YrNp75XpEOYeQAPY+uMhKt495X0R3cFoJXyA3s0RuprSeS+R0gCOAZtjpsPdn0necJsESyN8ZXjqtmRJUgdzMMqeZEXozJciCXKHwYPmrKk61hsOsZkoQBJA+xEyHZkYiQumAWpCHvb/jpTNvVYVCIDfDTIcl2EyJskBuhrf34VACp4UpC0I7ycsvfarQytU1ETxMZ3FaGEVF0xv7bUzHzWnph0aH+pInN/fbmY7bM1Iyk8NpAdQCwMl3RMUdBAEwKXelzq1ct2aih2IOsgAQ6UrEQRUAU1sHbMddVzR5xHGwBMCbTc736s4s5z44AoDbleygn4MvALhdMc4hJACcmwfsrgY86ziqRFQAwH3QznFl3L+yk8Q5JRoEwPTWQUeVA9JXd8npgDYBMKU8x9XxACMd0CwATv7PZcdJ+k98SqEWAeDc2L/2KuDb46QDNQqAw2we/2JSu0CQUwGXUwGXUwGX/1aw6gte7+yNJ2r9CcVm1Rs812rQ6XT2tkvxxC4+paBZ4POHWvXnIb2Izd4Ri7POoU0A6QaDEbN/c9Fs345Rf/ZoEHh9gVa93Ew1Fls7zSEq8AdC+opmqunqduCoEiGBnG5gpZtMpogk4bQSvsDnC+gpzRQxGo20dIAjCMjN8NIjEZwmwRJAuqHWZkpQBYzvTBGj0STx0gGyQKwZfjpAEARDYX4zYumAWuD3B/QG1t5NpguSFMVpARQCOZ3ZzHmjKSy89yJlwdraOruZlpaz4bC2dKAsiMXiFosFw0jU19ePjo7itDCKimKxGNtRV1c38dqJ02KoLxkcZrMZ80g0NjbPe5ZxWgC1AIjHOV2BwzW3gNM8CAIAHFarFfNInGlomnV5cJoJWQBw76OhsUmkK6oA4HfV1PzWvYjTFFgCgNsVnMM1x+qKIwBEHPPuJZyugi8ARLpye8gOIQGQSCRsNhvmkejru4GjSkQFAJyD5uju7kmnMzinRIMAgHNU30dnZ1cqlcKJKrQJgHg8Ya04R09PbyqVxnckNAsAcNhsdkh3OByZDLmZErUIAHD09w+k06y9F6lRIM6/Ljg+/gWfrLnL9CO+YgAAAABJRU5ErkJggg==');
background-position:center 11px;
background-repeat:no-repeat;
}



/****************** listHeader *****************/

.pages_nav{
float:left;
display:block;
overflow:auto;
padding:25px 20px 10px 0;
font-size:14px;
text-align:center;
width:100%;
color:#333;
}

.navlist .pages_nav,
.mlist .pages_nav{
border-top:1px solid #dedede;
padding:25px 20px 10px 0;
}

.content--mydartfish.content--mydartfish--grey .pages_nav{
color:#aaa;
border-top: 1px solid #5c5b64;
}

.filterButtonPane{
float:right;
}

.navbar .filterButtonPane{
height: 45px;
}

.collectionheader .filterButtonPane{
margin-top:-45px;
padding:0;
}

.filterPane{
float:left;
text-align:left;
font-size:0.9em;
}

.filterPane .filterby{
float: left;
display: block;
padding:5px 11px 0 0;
color:#999999;
}

.filterPane .clearfilter{
float: left;
display: block;
padding-top:5px;
font-size: 12px;
}

.filterPane .strFilter{
padding:5px 10px 0 0;
float: left;
display: block;
margin-left:-6px;
}

.filterPane .kwFilter{
float: left;
display: block;
padding:1px 14px 3px 3px;
margin:3px 9px 0px -6px;
border:solid transparent;
border-width:1px 1px 1px 12px;
-webkit-border-image: url('../img/channel/keyword.png') 1 1 1 12;
-o-border-image: url('../img/channel/keyword.png') 1 1 1 12;
border-image: url('../img/channel/keyword.png') 1 1 1 12;
background:#e7e7e7 url('../img/channel/keywordRemove.png') right 4px no-repeat;
color:#2d2d2d;
font-size: 12px;
line-height:16px;
border-color:white;
}

.filterPane .kwFilter:hover{
background:#e7e7e7 url('../img/channel/keywordRemove.png') right -20px no-repeat;
color:#2d2d2d;
}

.embedplaylisteditor .filterPane .kwFilter{
-webkit-border-image: url('../img/channel/keywordTransparent.png') 1 1 1 12;
-o-border-image: url('../img/channel/keywordTransparent.png') 1 1 1 12;
border-image: url('../img/channel/keywordTransparent.png') 1 1 1 12;
}

/******************  videos pop ups  ***************/

#cover{
position:fixed; 
top:0; 
left:0; 
background:rgba(0,0,0,0.7); 
z-index:5; 
width:100%;
height:100%;
display:none;
}

.videos__popup .loader{
margin-left:-20px;
margin-top:4px;
}

.videos__popup{
position:absolute;
z-index: 10;
border: 2px solid #2caed3;
border-radius:6px;
padding:22px 20px 10px;
background:white;
display:none;
overflow: hidden;
top:-5px;
height:98%;
width:500px;
left: 0;
right: 0;
margin:8px auto;
}

.sharePopupPane.videos__popup{
width:100%;
height:auto;
}

.content--mydartfish.content--mydartfish--grey .videos__popup{
background:#48474c;
border:none;
}

.videos__popup .closepp {
float:right;
padding:0;
margin:-20px -18px 0 0;
}

/******************  tags  ***************/

#tagsPane.kwseg{
width:904px;
}

#tagsPane{
height:640px;
max-height:800px;
}

#tagsPane h3{
float:left;
margin-top:2px;
font-size: 24px;
}

#tagsPane .kwOptionsCheck{
float:left;
margin: 8px 15px 0;
}

#tagsPane .kwOptionsCheck label{
line-height: 20px;
vertical-align: top;
}

#tagsPane .kwTreePane{
width: 100%;
height:485px;
float:left;
position: relative;
}

#tagsPane .kwTreePane .noKwPane{
position:absolute;
height:100%;
width:460px;
padding:20px 0px 10px;
background:white;
font-style:italic;
}

#tagsPane .kwTreePane .kwTitle{
padding: 5px 0;
}

#tagsPane .kwList{
overflow:auto;
border:1px solid #DEDEDE;
float:left;
height: 100%;
width: 100%;
font-size: 12px;
}

#tagsPane.kwseg  .kwList{
padding-right:20px;
}

#tagsPane a.icon_collapse,
#tagsPane a.icon_expand{
float: left;
margin:6px 10px 0px 10px;
}

#tagsPane ul.kwList li{
width:auto;
padding-bottom:2px;
overflow:hidden;

}

#tagsPane ul.kwList li .kwr{
background:#eee;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
min-height:24px;
line-height:24px;
}

#tagsPane ul.kwList li .kwr:hover {
cursor:pointer;
}

#tagsPane ul.kwList li a.kwt{
float:left;
display:block;
font-size:12px;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
text-decoration:none;
-moz-outline:none;
padding:0px 0px 0px 39px;
min-height:24px;
}

#tagsPane ul.kwList li a.open{
background:url(../img/channel/tags_root_down.png) no-repeat 5px 5px;
}
#tagsPane ul.kwList li a.open:hover{
background:url(../img/channel/tags_root_down.png) no-repeat 5px -25px;
cursor:pointer;
}
#tagsPane ul.kwList li a.closed{
background:url(../img/channel/tags_root_right.png) no-repeat 5px 5px;
}
#tagsPane ul.kwList li a.closed:hover{
background:url(../img/channel/tags_root_right.png) no-repeat 5px -25px;
cursor:pointer;
}

#tagsPane ul.kwList a.tag{
display:block !important;
background:url(../img/channel/tag.png) left 3px no-repeat;
cursor:pointer;
padding:1px 4px 2px 20px !important;
margin-left:17px;
overflow:hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
#tagsPane ul.kwList a.tag:hover{
background:url(../img/channel/tag.png) left -27px no-repeat;
}
#tagsPane ul.kwList a.tag.multi{
background:url(../img/channel/tags.png) left 3px no-repeat;
}
#tagsPane ul.kwList a.tag.multi:hover{
background:url(../img/channel/tags.png) left -27px no-repeat;
}
#tagsPane ul.kwList a.tag.l1{
margin-left:40px;
}
#tagsPane ul.kwList a.tag.l2{
margin-left:62px;
}
#tagsPane ul.kwList a.tag.l3{
margin-left:84px;
}
#tagsPane ul.kwList a.tag.l4{
margin-left:96px;
}
#tagsPane ul.kwList a.tag.l5{
margin-left:118px;
}

#tagsPane .kwOptions{
float:left;
width: 100%;
min-height:34px;
font-size: 12px;
}

#tagsPane .kwList .loader{
position:relative;
height:auto;
}

#tagsPane .kwOptions .button{
margin:0;
font-size:12px;
padding:10px;
width:125px;
text-align:center;
float:right;
margin-bottom:10px;
padding:5px 3px;
}

#tagsPane .selKwLabel{
display:inline;
color:#999999;
float:left;
margin-top:4px
}

#tagsPane .kwOptions .filterPane{
border:none;
width:auto;
padding:2px 5px 5px;
width:320px;
}

#tagsPane .kwheader{
float:left;
width:100%;
background:#eee;
border:1px solid #DEDEDE;
border-bottom:none;
height:44px;
padding-top:7px;
}

#tagsPane .kwheader input[type=search]{
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:0 0 0 3px;
height:28px;
float:left;
width:247px;
margin-top:0px;
-webkit-appearance: none;
border: 1px solid #d6d6d6;
min-height:20px;
}

#tagsPane #searchkwresults{
background:#eee;
border:1px solid #bbb;
position:absolute;
z-index:3;
width:247px;
max-height:300px;
overflow-y:auto;
overflow-x:hidden;
display:none;
margin-left:38px;
margin-top:28px;
font-size:12px;
}

#tagsPane #searchkwresults a{
float: left;
display: block;
width: 100%;
border-bottom:1px solid #dedede;
height:24px;
padding:1px 5px 0px;
overflow:hidden;
text-overflow: ellipsis;
white-space:nowrap;
}

#tagsPane #searchkwresults a:hover {
cursor:pointer;
}

#tagsPane #searchkwresults a.selected {
background:#ccc;
color:#000;
}

/******************  move collections  ***************/

#moveCollPane{
height:630px;
max-height:800px;
}

#moveCollPane h3{
float:left;
margin-top:2px;
font-size: 24px;
width:100%;
line-height: 0.9em;
}

#moveCollPane h3 span {
font-size:14px;
}

#moveCollPane .videotitle{
font-size:12px;
padding: 5px 0;
float: left;
max-width:325px;
word-wrap:break-word;
text-overflow: ellipsis;
overflow: hidden;
min-height: 50px;
}

#moveCollPane .collheader {
float: left;
width: 100%;
background: #eee;
border: 1px solid #DEDEDE;
border-bottom: none;
height:43px;
padding:6px  5px 0;
}

.content--mydartfish.content--mydartfish--grey #moveCollPane .collheader{
background:#5c5b64;
border: 1px solid #6b6a74;
}

#moveCollPane .collheader  input[type=search] {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 0 0 0 3px;
height: 28px;
float: left;
width: 247px;
margin-top: 0px;
-webkit-appearance: none;
border: 1px solid #d6d6d6;
min-height: 20px;
}

.content--mydartfish.content--mydartfish--grey #moveCollPane .collheader input[type=search] {
background-color: #6b6a74;
border-color: #777;
color: #eee;
}

#moveCollPane .collList {
overflow: auto;
border: 1px solid #DEDEDE;
border-top: none;
float: left;
height:455px;
width: 100%;
}

.content--mydartfish.content--mydartfish--grey #moveCollPane .collList {
border: 1px solid #5c5b64;
border-top: none;
}

#moveCollPane .cl{
width: auto;
padding: 0 10px 2px;
overflow: hidden;
border-bottom: 1px solid #EDEDED;
}

#moveCollPane .cl label{
display:block;
}

.content--mydartfish.content--mydartfish--grey #moveCollPane .cl {
border-bottom: 1px solid #5c5b64;
}

#moveCollPane .cl.source{
background:#ddd;
}

.content--mydartfish.content--mydartfish--grey #moveCollPane .cl.source{
background:#6b6a74;
}

#moveCollPane .cl span{
width:90%;
}

#moveCollPane .cl input{
float:right;
min-height:20px;
}

/******************  presenter  ***************/

.presenter .colleft{
width:960px;
border:none;
}

.presenter .innercontent{
background:#333;
width:960px;
min-height:600px;
border:none;
border-top:none;
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:0;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
border-top-bottom-radius:0;
border-top-bottom-radius:0;
padding-bottom:0px;
}

.presenter .presenterApp{
float:left;
background-color:#5e6161;
margin:0;
overflow:hidden;
}

.presenter .getSilverlight {
float:left;
}



/******************  player ***************/

.player .colleft{
width:960px;
border:none;
}

.player .innercontent{
width:960px;
min-height:600px;
border:0px;
padding-bottom:0;
background-color:transparent;
}

.player .videoPlayer{
background-color:#000;
overflow:hidden;
width:960px;
height:540px;
display:block;
}

.player .videoElement{
position:relative;
height:100%;
width:100%;
}

.player .videoPlayer .playerLoading{
color:#aaa;
text-align: center;
top: 50%;
position:relative;
font-size:2em;
}

.player .videoTag{
-ms-object-fit:contain;
-moz-object-fit:contain;
-o-object-fit:contain;
-webkit-object-fit:contain;
object-fit:contain;
}

.player .favPane .favContentPane .button{
margin:15px 0 10px;
}

.player .favPane.status{
border-bottom:1px solid #bacf66;
}

.player .favPane .formSuccess{
border: none;
padding: 8px 0 10px 60px;
background-position: 0 center;
background-color: transparent;
}

.player .favPane .allFav{
float:right;
padding:0 75px 0 0;
}

.player .downPane .downContentPane{
padding:0px 20px 10px;
min-height:26px;
}

.player .downPane .downContentPane span{
float:left;
width:100%;
}

.player .downPane .downContentPane .button{
margin:15px 0 10px;
}

.sharePane .shareMenu{
color:#3d3d3d;
font-size:16px;
padding-left:20px;
}

.sharePane .shareMenu a{
font-size:16px;
margin-right:30px;
}

.sharePane .shareMenu a.selected{
color:#3d3d3d;
border-bottom:2px solid #3d3d3d;
}

.content--mydartfish.content--mydartfish--grey .sharePane .shareMenu a.selected,
.content--mydartfish.content--mydartfish--grey .sharePane .shareMenu a.selected:hover{
color:#fff;
border-bottom:2px solid #fff;
}

.content--mydartfish.content--mydartfish--grey .sharePane .shareMenu a:hover{
color:#ffba00;
border-bottom:none;
}

.sharePane .shareSocial,
.sharePane .shareEmbed,
.sharePane .shareEmail{
float:left;
padding:25px 20px 20px;
}

.sharePane .shareSocial{
padding:30px 20px 20px;
}

.sharePane .shareSocial{
display:block;
}

.sharePane .shareEmbed,
.sharePane .shareEmail{
display:none;
min-height:30px;
}

.sharePane .shareSocial a{
width:32px;
height:32px;
float:left;
display: block;
margin-right: 10px;
}

.sharePane .shareSocial a.shareReset{
width:auto;
height:auto;
font-size:14px;
margin:3px 0 0 20px;
}

.sharePane .shareSocial a.shareWhatsapp{
background:url(../img/services/whatsapp.png) left top no-repeat;
cursor:pointer;
}

.sharePane .shareSocial a.shareFacebook{
background:url(../img/services/facebook.png) left top no-repeat;
cursor:pointer;
}

.sharePane .shareSocial a.shareTwitter{
background:url(../img/services/twitter.png) left top no-repeat;
cursor:pointer;
}

.sharePane .shareSocial a.shareGooglePlus{
background:url(../img/services/googleplus.png) left top no-repeat;
cursor:pointer;
margin-right: 22px;
}

.sharePane .shareTextBox{
font-size:18px;
color:#727272;
border:1px solid #D7D7D7;
height:25px;
width:600px;
}

.sharePane .sharePos{
font-size:14px;
color:#3d3d3d;
margin:4px 0 0px 20px;
float:left;
display:block;
}

.sharePane .sharePos input[type="checkbox"]{
border:1px solid #D7D7D7;
}

.sharePane .sharePosTextBox{
font-size:14px;
color:#727272;
margin-left:27px;
border:1px solid #D7D7D7;
height:20px;
width:60px;
margin-left:1px;
}

.sharePane .shareEmbed .embedBox{
font-size:11px;
color:#727272;
margin-left:27px;
height: 50px;
width: 400px;
max-width: 400px;
margin-left:1px;
line-height:16px;
border:1px solid #D7D7D7;
}

.sharePane .shareEmbed .embedSize {
padding:8px 0;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
}

.sharePane .shareEmbed .embedSize select{
margin-left:15px;
}

.sharePane .shareEmail .emailFormLabel,
.sharePane .shareEmail .emailFormField{
float:left;
display:block;
width:100%;
margin-bottom:3px;
}

.sharePane .shareEmail .emailFormField input[type="text"],
.sharePane .shareEmail .emailFormField input[type="email"],
.sharePane .shareEmail .emailFormField textarea{
font-size:12px;
color:#3d3d3d;
margin-bottom:10px;
width:250px;
border:1px solid #D7D7D7;
}

.sharePane .shareEmail .emailFormField input[type="text"],
.sharePane .shareEmail .emailFormField input[type="email"]{
border:1px solid #867f70;
}

.sharePane .shareEmail .emailFormField .emailNote{
width:450px !important;
height:50px;
}

.sharePane .shareEmail .emailFormField a{
margin-top:10px;
}

.sharePane .shareEmail .emailFormField .button{
margin:13px 8px -3px 0;
}

.sharePane .shareEmail .emailPreview{
float:left;
display:block;
background:#D7D7D7;
border:1px solid #867f70;
padding:10px;
width:450px;
margin-bottom:10px;
word-wrap: break-word;
color:#333;
}

.sharePane .shareEmail .emailPreview a{
color:#2caed3;
}

.sharePane .shareEmail .formError,
.sharePane .shareEmail .formSuccess{
float:left;
display:block;
}

.player .sharingLoader{
font-size:15px;
line-height:20px;
color:#3d3d3d;
overflow:hidden;
vertical-align:top;
padding-bottom:15px;
}

.fileLinkBox{
float:left;
width:100%;
display:inline-block;
}

a.fileLink{
float:left;
padding:0 0 2px 32px;
line-height:24px;
height:24px;
background:transparent url(../img/iconfile/blank.png) left top no-repeat;
}

a.fileLink.pdf/*,a.fileLink[href$='.pdf']*/{
background:transparent url(../img/iconfile/pdf.png) left top no-repeat;
}

a.fileLink.mp4{
background:transparent url(../img/iconfile/mp4.png) left top no-repeat;
}
a.fileLink.avi{
background:transparent url(../img/iconfile/avi.png) left top no-repeat;
}
a.fileLink.wmv{
background:transparent url(../img/iconfile/wmv.png) left top no-repeat;
}
a.fileLink.mpg,a.fileLink.mpeg,a.fileLink.mod,a.fileLink.tod,a.fileLink.3gp,a.fileLink.asf,
a.fileLink.mxf,a.fileLink.ts,a.fileLink.mts,a.fileLink.m2t,a.fileLink.m2ts{
background:transparent url(../img/iconfile/video.png) left top no-repeat;
}
a.fileLink.mov,a.fileLink.m4v{
background:transparent url(../img/iconfile/mov.png) left top no-repeat;
}
a.fileLink.swf,a.fileLink.flv{
background:transparent url(../img/iconfile/swf.png) left top no-repeat;
}

a.fileLink.mp3,a.fileLink.wav,a.fileLink.m4a,a.fileLink.wma{
background:transparent url(../img/iconfile/audio.png) left top no-repeat;
}

a.fileLink.jpg,a.fileLink.jpeg,a.fileLink.png,a.fileLink.bmp,a.fileLink.tif,a.fileLink.tga,a.fileLink.gif{
background:transparent url(../img/iconfile/image.png) left top no-repeat;
}

a.fileLink.odt{
background:transparent url(../img/iconfile/document.png) left top no-repeat;
}
a.fileLink.doc,a.fileLink.docx,a.fileLink.wps{
background:transparent url(../img/iconfile/doc.png) left top no-repeat;
}
a.fileLink.xls,a.fileLink.xlsx,a.fileLink.csv,a.fileLink.ods{
background:transparent url(../img/iconfile/xls.png) left top no-repeat;
}
a.fileLink.ppt,a.fileLink.pptx,a.fileLink.pps,a.fileLink.ppsx{
background:transparent url(../img/iconfile/ppt.png) left top no-repeat;
}

a.fileLink.txt,a.fileLink.rtf{
background:transparent url(../img/iconfile/txt.png) left top no-repeat;
}
a.fileLink.htm,a.fileLink.html{
background:transparent url(../img/iconfile/html.png) left top no-repeat;
}
a.fileLink.xml,a.fileLink.xps{
background:transparent url(../img/iconfile/xml.png) left top no-repeat;
}
a.fileLink.zip,a.fileLink.rar{
background:transparent url(../img/iconfile/zip.png) left top no-repeat;
}
a.fileLink.config,a.fileLink.settings{
background:transparent url(../img/iconfile/config.png) left top no-repeat;
}

a.fileLink.analyzerproject,a.fileLink.storyboard{
background:transparent url(../img/iconfile/storyboard.png?v2) left top no-repeat;

}
a.fileLink.dartclip{
background:transparent url(../img/iconfile/dartclip.png?v2) left top no-repeat;
background-size:24px 24px;
}
a.fileLink.playlistproject,a.fileLink.playerproject{
background:transparent url(../img/iconfile/playlistproject.png?v2) left top no-repeat;
background-size:24px 24px;
}
a.fileLink.simulcamproject,a.fileLink.simulcamfixedproject{
background:transparent url(../img/iconfile/simulcamproject.png?v2) left top no-repeat;
background-size:24px 24px;
}
a.fileLink.stromoproject,a.fileLink.stromofixedproject{
background:transparent url(../img/iconfile/stromoproject.png?v2) left top no-repeat;
background-size:24px 24px;
}
a.fileLink.taggingdb{
background:transparent url(../img/iconfile/taggingdb.png?v2) left top no-repeat;
background-size:24px 24px;
}
a.fileLink.taggingproject{
background:transparent url(../img/iconfile/taggingproject.png?v2) left top no-repeat;
background-size:24px 24px;
}

/***********  organizer ***************/

.organizer .colleft,
.trash .colleft{
width:960px;
}

/***********  channel  ***************/


.pageheader .headertools{
display: block;
float: right;
padding: 0;
}

.content--mydartfish .pageheader .headertools {
padding:6px 0 0 0;
height: 50px;
}



.channelcollections .newcollpane{
float:left;
padding:10px 0 5px;
display:none;
border-top:none;
width: 100%;
}

.channelcollections .newcollpane .inplaceedittextbox{
font-size:16px;
}

.channelcollections .newcollpane input{
min-width:300px;
}

.channelcollections .newcollpane .inplaceeditsavepane{
padding:3px 10px;
float:left;
}

.collection{
border-bottom:1px solid #dedede;
padding:12px 10px;
overflow:auto;
}
.content--mydartfish.content--mydartfish--grey .collection{
border-bottom-color:#5c5b64;
}


.collection.collection--add{
min-height: 63px;
padding: 11px 10px 8px 13px;
}

.subscriptions .collection{
cursor:auto;
}

.collection .icon_channels{
position:absolute;
}

.collection .infos{
float:left;
margin-left:80px;
float:left;
}

.collection .infos h4{
margin:0;
display:block;
font-size:20px;
line-height:1em;
padding-bottom:5px;
width:100%;
float:left;
}

.collection .inplaceeditsavepane{
float:left;
margin-top:3px;
padding:0 5px;
height: 25px;
}

.collection .infos p,
.collection .infos .details{
padding-bottom:1px;
padding-right:5px;
margin:0;
float:left;
clear:left;
font-size:0.9em;
color:#333;
}
.content--mydartfish.content--mydartfish--grey .collection .infos p,
.content--mydartfish.content--mydartfish--grey .collection .infos .details{
color:#aaa;
}
.content--mydartfish.content--mydartfish--grey .collection .infos a{
color:#fff;
}

.collection .infos .details,
.collection .infos .description{
width:100%;
}

.collection .infos .description{
margin-top:10px;
}

.collection .infos .subsval{
color:#6b6a74;
padding-top:3px;
}

p.subsval, p.subsstat{
display:block !important;
padding:0;
}

.collection .colltype{
width:22px;
height:22px;
position:absolute;
margin:35px 0 0px 35px;
overflow:hidden;
}

.collection .colltype.private{
background:transparent url(../img/channel/collectionprivate.png) no-repeat 2px 0;
}

.collection .colltype.limited{
background:transparent url(../img/channel/collectionlimited.png) no-repeat 0 0;
}

.collection .colltype.public{
background:transparent url(../img/channel/collectionpublic.png) no-repeat 1px 0;
}

.collection .colltype.business{
background:transparent url(../img/channel/collectionbusiness.png) no-repeat -1px 0;
}

.collection:hover{
background:#eee;
cursor:pointer;
}

.content--mydartfish.content--mydartfish--grey .collection:hover{
background:#5c5b64;
}

.collection.collection--add:hover{
background:transparent;
cursor:default;
}

.c{
background:#e7e8ea !important;
background-image:none !important;
}

/********* subscription  ********/

.colldetails{
padding-right:20px;
overflow:auto;
}

.colldetails h3{
width:100%;
padding:2px 0 26px;
}

.colldetails .description{
float:left;
max-width:65%;
padding:3px 15px 3px 0px;
overflow: hidden;
}

.colldetails ul{
margin:0;
padding:0  0 8px 13px;
}

.colldetails ol{
margin:0;
padding:0 0 8px 18px;
}

.colldetails .subsinfos span{
font-weight:700;
}

.colldetails .subsinfos{
max-width:30%;
float:left;
color:#000;
clear:right;
background: #eee;
border: 1px solid #d2d2d2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin:10px 20px 10px 0;
padding:5px 15px 5px 15px;
overflow: auto;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}

.colldetails .subsinfos .nvideos{
overflow:auto;
font-weight:700;
padding:10px 0 5px;
float:left;
width:100%;
}

.colldetails .subsinfos p{
display:inline-block;
width:100%;
font-size: 12px;
line-height: 14px;
color:rgb(51, 51, 51);
}

.colldetails .subsinfos p.fee{
line-height:18px;
color:#000;
margin:5px 0;
float:left;
}

.colldetails .subsinfos p.fee b{
font-size:14px;
}

.colldetails .subsinfos p .beauton {
margin:8px 0;
}

.colldetails .subsinfos .subscribe_signin{
font-size:11px;
color:#5c5b64;
}

.colldetails .subsinfos .title{
font-weight:700;
display:block;
margin-bottom:6px;
}

.subsinfos .submitbutton{
margin:5px 0 0;
}

.colright .recheader{
height:112px;
}

.viewgrid__admin-links {
  min-width: 65px;
}

/******* featured subscription (rightcol)  ******/

h4.featured{
font-size:20px;
line-height:1em;
margin:0;
padding:0 0 10px 0;
}

.collEdito{
overflow:auto;
color:#333;
margin-top:5px;
font-size:13px;
}

.collEdito h1,.chMoreContent h1,
.collEdito h2,.chMoreContent h2,
.collEdito h3,.chMoreContent h3{
padding:0 0 6px 0;
margin:0;
font-family:Helvetica neue, Helvetica, Arial,Verdana,sans-serif;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
}

.collEdito h1,.chMoreContent h1{
font-size:16px;
}

.collEdito h2,.chMoreContent h2{
font-size:14px;
}

.collEdito h3,.chMoreContent h3{
font-size:12px;
}

.collEdito p,.chMoreContent p{
margin:0;
padding:0 0 2px 0;
}

.collEdito ul,.chMoreContent ul{
margin:0;
padding:0 0 6px 16px;
list-style-type:disc;
border-top:none;
}

.collEdito ol,.chMoreContent ol{
margin:0;
padding:0 0 6px 20px;
list-style-type:decimal;
}

.collEdito strong,.chMoreContent strong{
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
}

.collEdito em,.chMoreContent em{
font-style:italic;
}

/*******  embedplaylisteditor rightcol  **************/

.filterby_block{
margin-bottom:0;
overflow: hidden;
}

.filterby_block .closed{
display:none;
}

.filterby_block .open{
display:block;
}

.filterby_block ul li{
overflow:auto;
margin:0;
}

.filterby_block ul li div.filter_text a,.filterby_block ul li div.ftl a{
text-decoration:none;
}

.filterby_block ul li div.filter_text a:hover,.filterby_block ul li div.ftl a:hover{
text-decoration:none;
}

.filterby_block ul{
list-style-type:none;
margin:0;
padding:0;
}

.filterby_block ul li div{
float:left;
width:100%;
}

.filterby_block ul li div.ftl{
height:18px;
overflow:hidden;
}
.filtercollection .filterby_block ul li div.ftl{
height:21px;
}

.filterby_block #showall{
padding:0 0 12px 0;
position:relative;
margin-top:-8px;
font-size:0.9em;
width:185px;
}

.embedplaylisteditor ul.kwList a,
.filtercollection ul.kwList a{
line-height:14px;
font-size:12px;
display:block; 
text-overflow: ellipsis;
overflow:hidden;
max-height: 25px;
}

.embedplaylisteditor ul.kwList a.off,
.filtercollection ul.kwList a.off{
display:block !important;
background:url(../img/channel/checkbox_on_off.png) 1px -28px no-repeat;
cursor:pointer;
padding:3px 0px 2px 18px !important;
margin-left:5px;
}
.embedplaylisteditor ul.kwList a.off:hover,
.filtercollection ul.kwList a.off:hover{
background:url(../img/channel/checkbox_on_off.png) 1px -88px no-repeat;
}
.embedplaylisteditor ul.kwList a.on,
.filtercollection ul.kwList a.on{
background:url(../img/channel/checkbox_on_off.png) 1px 2px no-repeat;
padding:3px 0px 2px 18px !important;
margin-left:5px;
}
.embedplaylisteditor ul.kwList a.on:hover,
.filtercollection  ul.kwList a.on:hover{
background:url(../img/channel/checkbox_on_off.png) 1px -58px no-repeat;
}

.embedplaylisteditor ul.kwList,
.filtercollection  ul.kwList{
list-style-type:none;
margin:0;
padding:0;
clear:both;
border-top:none;
}

.filtercollection ul.kwList a.on, 
.filtercollection ul.kwList a.off{
margin-left:0px;
}

.embedplaylisteditor ul.kwList li{
padding-bottom:2px;
overflow:hidden;
}

.embedplaylisteditor ul.kwList li a.kwt{
display:block;
font-size:12px;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
text-decoration:none;
-moz-outline:none;
padding:5px 5px 5px 25px;
color:#333;
margin-bottom:1px;
}

.embedplaylisteditor ul.kwList li a.open{
background:#eee url(../img/channel/expandkw.png) no-repeat 5px -25px;
}
.embedplaylisteditor ul.kwList li a.open:hover{
background:#eee url(../img/channel/expandkw.png) no-repeat 5px 5px;
}
.embedplaylisteditor ul.kwList li a.closed{
background:#eee url(../img/channel/collapsekw.png) no-repeat 5px -25px;
}
.embedplaylisteditor ul.kwList li a.closed:hover{
background:#eee url(../img/channel/collapsekw.png) no-repeat 5px 5px;
}

.collSelBox.selected,.collSelBox.s,.filterby_block ul li div.filter_text,.filterby_block ul li div.ftl{
background-color:#fff;
}

/********** icons ***********/

a.icon_expand, a.icon_collapse{
display:block;
width:18px;
height:18px;
float:right;
text-indent:-9999px;
}

a.icon_expand{
background:url(../img/channel/expandall.png) transparent no-repeat top left;
height:18px;
margin-top:-11px;
}

a.icon_expand:hover{
background:url(../img/channel/expandall.png) transparent no-repeat left -22px;
cursor:pointer;
}

a.icon_collapse{
background:url(../img/channel/collapseall.png) transparent no-repeat top left;
height:18px;
margin-top:-11px;
}
a.icon_collapse:hover{
background:url(../img/channel/collapseall.png) transparent no-repeat left -22px;
cursor:pointer;
}

/**********  thumblists  **********/


/* viewlist */
.viewlist{
padding:0;
clear:left;
}

/* channel lists */
.viewlist .channels_block{
border-bottom:none;
width:auto;
overflow:auto;
height:auto;
float:none;
margin-bottom:0;
padding:20px 20px 15px;
border-bottom:1px solid #dedede;
}

.viewlist .channels_block_detail{
margin-left:90px;
}

.viewlist .channels_block h4{
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
font-size:22px;
line-height:1em;
padding-bottom:3px;
float:left;
}

.viewlist .channels_block a.icon_expand,
.viewlist .channels_block a.icon_collapse{
float:left;
}

.viewlist .channels_block h4{
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
font-size:22px;
line-height:1em;
padding-bottom:6px;
}

.viewlist .channels_block .favorite{
padding:8px 0 0 0;
float:left;
display:block;
}

.viewlist .channels_block .favorite .txt{
padding:1px 0 0 5px;
}

.viewlist .channels_block .channels_block_detail p{
width:100%;
float:left;
display:block;
}

.viewgrid{
float:left;
margin:20px 0 0;
width: 100%;
}

.viewgrid tr{
border:1px solid #DEDEDE;
height:50px;
}

.viewgrid th{
padding:10px;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
background:#EEEEEE;
text-align:left;
color:#999999;
font-size:15px;
white-space:nowrap;
}

.viewgrid th a{
font-size:12px;
color:#2caed3;
padding-right:20px;
padding-top:2px;
font-size:15px;
white-space:nowrap;
}

.viewgrid th.selectedup a{
background:transparent url(../img/channel/arrow_up.gif) no-repeat right center;
}

.viewgrid th.selecteddown a{
background:transparent url(../img/channel/arrow_down.gif) no-repeat right center;
}

.viewgrid td{
padding:5px 15px;
text-align:left;
}

.viewgrid .colname{
width:40%;
max-width:475px;
overflow:hidden;
padding-right:10px;
}

.vatInfo{
font-size: 12px;
text-align: right;
display: block;
float: right;
padding-right: 30px;
margin-top: 15px;
color: #999999;
}

.subsCmdLink{
float:left;
}

.subsCmdLink--small{
font-size:0.9em;
white-space:nowrap;
word-wrap:normal;
}

.subsCmdLink--admin {
background:transparent url(../img/channel/channelAdmin.png) no-repeat 0px 0px;
width:24px;
height:24px;
padding-left:30px;
white-space: nowrap;
}

.subsCmdLink--admin:hover {
background:transparent url(../img/channel/channelAdmin.png) no-repeat -44px 0px;
}

.subscriptions .viewgrid span {
font-size:0.9em;
}

/***************  staticplaylist ***************************/

/* viewlist */
.playlist .viewlist .staticPlaylist{
float:left;
display:block;
width:95%;
padding: 12px 20px;
overflow:auto;
border-bottom: 1px solid #dedede;
}

.playlist .staticPlaylist .minivideo{
height:70px;
margin:0;
padding:0;
}

.playlist .staticPlaylist .minivideo span.overlay{
left:0px;
}

.playlist .staticPlaylist .description{
margin-top:10px;
}

.playlist .staticPlaylist .tools{
float:right;
width:17px;
}

.playlist .staticPlaylist .tools a{
padding-bottom:8px;
}

.playlist .staticPlaylist .editfield{
width:450px;
}

.playlist .infos{
padding-left:5px;
float:left;
max-width:450px;
}

.playlist .infos h4 {
overflow: hidden;
line-height: 150%;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
word-wrap: break-word;
}

.playlist .playlistItem{
float: left;
display: block;
width: 100%;
}

.playlist .playlistItem.highlighted{
background-color:#c6c6c6;
}

.playlist .playlistItem .minivideo{
height:51px !important;
width:86px !important;
padding:0 !important;
margin-bottom:1px !important;
}

.playlist .playlistItem .minivideo span.overlay{
height:51px !important;
width:86px !important;
left:0px !important;
}

.playlist .playlistItem .minivideo a:hover span.overlay{
background: url(../img/channel/play.png) transparent no-repeat center center;
background-size:contain;
cursor:pointer !important;
display:block !important;
}

.playlist .playlistItem .minivideo .minivideo_options{
height:47px !important;
width:82px !important;
}

.playlist .playlistItem .tools a {
padding-bottom:1px !important;
}

.playlist .playlistItem .tools{
float:right !important;
width:68px !important;
}

/***************  channel admin ***************************/

.channels_block .chsubsinfo{
float:left;
display:block;
width: 100%;
}

.channels_block .chadmin{
float:right;
display:block;
}

.channels_block .chadmin .button{
float:right;
display:block;
margin:0;
}

.channels_block .chtype{
font-style:italic;
padding: 10px 1px 0 10px;
float:left;
}

.channels_block .quotapane{
float:left;
display:block;
padding:12px 0;
}

.channels_block .validitypane{
float:left;
display:block;
padding:8px 0;
width:100%;
line-height:20px;
}

.channels_block .extendpane{
float:left;
width:100%;
padding:6px 0 0 0;
}

.channels_block .deletepane{
float:left;
width:100%;
padding:10px 0 0 0;
font-size:11px;
}

.quotapane span{
float:left;
display:block;
}

.quotapane .quotaholder{
width:100px;
height:12px;
border: 1px solid #ACACAC;
float:left;
display:block;
margin:0px 8px 0 3px;
}

.quotapane .quotaholder .quotavalue{
height:100%;
display: block;
/*color and width set by code*/
}


.icon_channels_admin{
position:relative;
}

.icon_channels_admin .editlogo{
position:absolute;
top:0px;
left:0px;
padding-top:20px;
width:70px;
height:70px;
text-align:center;
font-size:10px;
}

/*************** embded playlists editor **************/

.plPane{
background-color:#eee;
display:block;
padding:20px;
overflow:auto;
margin-top:20px;
}

.plPaneLeft{
display:block;
float:left;
width:350px;
padding-left:3px;
padding-right:34px;
border-right:1px solid #AAAAAA;
}

.plPaneRight{
display:block;
float:right;
width:300px;
padding-left:3px;
padding-right:3px;
}

.plHelp, .plHelpShort, .plHelpLeft{
font-size:11px;
padding-bottom:3px;
color:#787A7A;
display:block;
margin-top:8px;
float:left;
}

.plHelp{
width:100%;
}

.plHelpLeft{
margin-top:1px;
float:left;
padding-right:5px;
}

.plDom{
width:100%;
float:left;
margin-bottom:7px;
}

.plDomSel{
margin-top:6px;
float:left;
}

.plHelpShort{
width:162px;
float:left;
}

.plIntro{
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
font-size:12px;
display:block;
color:#787A7A;
padding-bottom:5px;
}

.plTitle{
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
font-size:12px;
display:block;
}

.plEditPane{
float:left;
display:block;
width:100%;
}

.plEditPane.selKwPane{
margin:10px 0 5px;
}

.plEditPane .filterPane{
border:none;
width:auto;
padding:0;
}

.plField, .plFieldDesc{
font-size:11px;
padding-bottom:3px;
color:#787A7A;
display:block;
margin-top:8px;
}

.plFieldDesc{
margin-top:0px;
}

.plFieldHalf{
width:140px;
float:left;
}

.plFieldHalf .plField{
width:100%;
}

.plBtn{
width:125px;
min-height:22px;
}

.okPane{
float:right;
display:block;
margin-top:20px;
}

.btnPane{
float:right;
display:block;
margin-bottom:4px;
}

.plDrop{
font-size:10px;
float:left;
display:block;
margin-right:6px;
}

.plEmbed{
font-size:10px;
margin-top:6px;
margin-bottom:5px;
}

.plListPane{
width:100%;
}

.plListContainer{
display:block;
float:left;
width:100%;
padding-top:8px;
padding-bottom:1px;
margin-bottom:15px;
border-bottom:1px solid #ccc;
}

.plEmpty{
font-style:italic;
display:block;
float:left;
font-size:1em;
}

.plItemPane{
display:block;
width:100%;
padding:3px 0;
border-top:1px solid #ccc;
}

.plItemPane .selected{
color:#F36F0C;
text-decoration:none;
}

.plItemPane a{
color:#2caed3;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
font-size:12px;
margin-top:2px;
}

.embedPane{
width:100%;
}

.plPane input[type=text],
.plPane input[type=email],
.plPane input[type=tel],
.plPane input[type=number]{
width:265px;
max-height:22px;
}

/**********************************************/

.okLink{
padding:1px 0 0 2px;
}

a.titlelink{
text-decoration:none;
color:#2caed3;
font-weight:700;
font-size:12px;
border-bottom:1px dashed #2caed3;
}

a.titlelink:hover{
border-bottom:1px dashed #F36F0C;
color:#F36F0C;
}

.thumbnail_video{
width:120px;
}

.channels{
padding:6px 0;
overflow:hidden;
}

.box .promo{
padding:8px 0;
min-height:100px;
margin: 0 -10px 0 0;
position:relative;
}

.promo .descr{
margin:3px 4px 3px 115px;
position:relative;
}

.promo .clickablezone{
position:absolute;
background-color:transparent;
/*border:1px solid red;*/
}


.channels .descr{
margin:0 0 5px 40px;
}

.promo h4{
padding:3px 0 0;
margin:0;
font-size:16px;
}

.promo h4,
.channels h4{
margin:0;
margin-top:-3px;
}

.promo h4{
font-size:14px;
padding:0;
}

.promo .descr p,
.channels .descr p{
font-size:11px;
line-height:13px;
color:#5c5b64;
margin-top:2px;
}
.promo .descr p{
padding-top:1px;
}

.disabledSubs{
color:#EF8607;
}

.expiredSubs{
color:#FF2222;
padding:0 5px;
vertical-align: baseline;
}

.linky{
display:block;
padding:2px 0 0 0;
font-size:11px;
}

.search_block {
  padding: 0 10px;
  overflow: visible;
  margin-top: -25px;
}
.content--mydartfish .search_block {
  margin-top: 0;
  padding: 0;
  border-color: #5c5b64;
}
.search_block .collsearchlink{
float: left;
padding-top: 20px;
margin-left: -10px;
}

.search_block .collsearchlink a{
float:left;
display:block;
margin:0 10px;
padding: 5px 2px 0 2px;
}

.search_block .collsearchlink a.selected {
color:#000;
border-bottom: 4px solid #2caed3;
}

.mb{
padding-bottom:12px;
}

.nopaddingtop{
padding-top:0;
margin-top:-2px;
}
.search_block .nopaddingtop{
margin-top:-15px;
}

.search_block p{
margin:0;
padding:0 0 8px;
}

.nofilter{
position:relative;
color:#999;
}

.pageheader .linkmanage{
float:right;
text-align:center;
min-width: 98px;
margin-right: 2px;
}

.featuredVid{
padding:20px 0 0px 0;
}

.nav_coll{
border:1px solid #000;
font-family:arial,sans-serif;
font-size:10px;
margin-top:2px;
width:236px;
padding:2px;
}

.formInfo{
background:#ffffff url(../img/channel/pictos/modal/info.png) no-repeat 10px center;
border:1px solid #1589bf;
font-size:14px;
line-height:1.2em;
margin-bottom:20px;
padding:20px 20px 20px 60px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
color:rgb(51, 51, 51);
word-wrap:break-word;
}

.formSuccess{
background:#eeffee url(../img/channel/pictos/modal/success.png) no-repeat 10px center;
border:1px solid #bacf66;
margin-bottom:20px;
padding:20px 20px 20px 60px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
color:rgb(51, 51, 51);
word-wrap:break-word;
} 

.formError{
background:#ffeeee url(../img/channel/pictos/modal/error.png) no-repeat 10px center;
border:1px solid Red;
font-size:14px;
line-height:1.2em;
margin-bottom:20px;
padding:20px 20px 20px 60px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
color:Red;
word-wrap:break-word;
}

.organizer .formSuccess,
.organizer .formError,
.organizer .formInfo {
margin:20px 0 10px;
float:left;
width:100%;
}

.channelcollections .formSuccess,
.channelcollections .formError,
.channelcollections .formInfo {
margin: 20px 0 10px;
float: left;
width: 100%;
}

/**********************************************/

*html .minivideo__infos h4,*+html .minivideo__infos h4{
line-height:110%;
}

#logo ul li a:link,#logo ul li a:visited,#bottom a:hover{
text-decoration:underline;
}

#logo ul li.lng,#logo ul li.lng a{
color:#747474;
}

.imgLogo70{
max-width:70px;
max-height:70px;
}

*html .imgLogo70{
height:expression(this.height>=this.width && this.height>69?70:true);
width:expression(this.width>=this.height && this.width>69?70:true);
}

.imgLogo40{
max-width:40px;
max-height:40px;
}

*html .imgLogo40{
height:expression(this.height>=this.width && this.height>39?40:true);
width:expression(this.width>=this.height && this.width>39?40:true);
}

.imgLogo25{
max-width:25px;
max-height:25px;
}

*html .imgLogo25{
height:expression(this.height>=this.width && this.height>24?25:true);
width:expression(this.width>=this.height && this.width>24?25:true);
}

/*Style for edito :to be synchronized with editor*/
.edito h1{
font-size:16px;
margin:8px 0;
padding:0;
}

.edito h2{
font-size:14px;
margin:8px 0;
padding:0;
}

.edito ul{
margin:0;
padding:0  0 8px 13px;
}

.edito ol{
margin:0;
padding:0 0 8px 18px;
}

.takenFrom,.takenFrom:visited{
text-decoration:none;
/*border-bottom:1px dashed #2caed3;*/
}

.takenFrom:hover{
text-decoration:none;
/*border-bottom:1px dashed #F36F0C;*/
}

/**********************************************/

.userform{
padding: 30px 0 50px;
}

.userform:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.ie .userform{
zoom:1; 
display:block;
}

.userform{
padding-left:20px;
padding-right:20px;
}

.userform .formfield{
float:left;
padding:10px 0 0 0;
width:100%;
}

.userform .formlabel{
float:left;
width:33.33%;
text-align:right;
padding:4px 30px 0 0;
color:#222;
}

.userform .forminput{
float:left;
}

.userform .forminputcustom{
float:left;
padding-top:3px;
width:400px;
}

.userform .forminputcustom.mtop{
padding-top:6px;
padding-bottom:10px;
}

.userform .forminput.inputcheckbox{
padding:3px 0 13px 0;
width:400px;
}

.userform .forminput label{
font-size:12px;
float:left;
padding-left:3px;
max-width:350px;
}

.userform input[type="checkbox"]{
float:left;
margin-top:7px;
min-height:10px;
}

.userform input[type="radio"]{
min-height:10px;
}

.userform input[type=text],
.userform input[type=email],
.userform input[type=tel],
.userform input[type=number],
.userform input[type=password],
.userform textarea,
.userform select{
border:1px solid #D6D6D6;
width:240px;
margin-right:10px;
}

.userform input[type=submit]{
}

.userform .beauton{
margin-top:10px;
}

.userform .forminput.ohelper{
padding-top:5px;
font-size:14px;
}

.userform .forminput.ohelper a{
float:none;
}

.userform .formhint{
font-size:0.7em;
line-height:normal;
padding-top:8px;
}

.userform .formvalidator{
float:left;
}

.userform .formvalidator .pwstrengthholder{
border:1px solid #D6D6D6;
width:215px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font-size:16px;
margin:5px 0 6px 0;
}

.userform .formvalidator .pwstrength{
width:25%;
height:10px;
background-color:#FF2222;
}

.userform .formvalidator .pwstrengthlabel{
font-size:13px;
font-family:ClearSans-Bold,Helvetica neue,Helvetica,Arial,Verdana,sans-serif;
}

.userform .formvalidator .pwmatch{
border:1px solid #D6D6D6;
border-radius:3px 3px 3px 3px;
display:none;
padding:5px;
text-align:center;
width:110px;
font-size:16px;
}

.userform .formdesc{
padding:6px 0 10px 0;
height:27px;
}

.userform .userformintro{
padding:0px 20px 10px 20px;
line-height:1.5em;
}

.userform .longcomment {
width: 100%;
font-size: 0.9em;
padding: 15px 10px 15px 0;
}

.userform .longcomment input[type="checkbox"]{
margin-top:3px;
}

.userform .longcomment label{
min-height: 22px;
display: inline-block;
width: 90%;
}

.userform .longcomment textarea{
width:100%;
min-height:75px;
margin-top:5px;
}

.userform .pageheader{
float:left;
border-bottom:1px solid #DEDEDE;
width:663px;
padding-bottom:10px;
margin:0 0 20px -20px;
background:#fff;
}

.userform .subpaneinfo{
float:left;
width:660px;
}

.hinttip{
display:none;
float:left;
font-size:12px;
position:absolute;
border:1px solid #cccccc;
box-shadow:1px 1px 5px 2px #CCCCCC;
background:#ffffff;
padding:5px 5px 10px 10px;
margin:2px 0 0 0;
width:240px;
z-index:999;
}

.hinttip .arrow{
position:absolute;
left:-10px;
top:4px;
}

.hinttip.div{
font-size:16px;
margin:1px 0;
}

.progressIndicator{
float:left;
padding:10px 0 0 6px;
}

/***********  contact form ************/

.contact .formlabel{
float:left;
width:155px;
text-align:right;
padding:6px 10px 0 0;
}

.contact .forminput{
float:left;
width:462px;
}

.contact select{
width:272px;
padding:6px 6px 7px;
height:33px;
}

.contact .messageField{
height:200px;
width:100%;
resize:none;
}

.contact .formconfirmation{
padding:40px 20px;
}

/************ general-perso ***************/

#addvideo{
position:relative;
padding: 30px 16px;
overflow:hidden;
float:left;
font-size: 16px;
}

#addvideo strong{
color:#2caed3;
}

#browse_collections,#browse_channels{
position:relative;
margin:0px 0 10px 0;
}

#browse_collections a,#browse_channels a{
display:block;
margin:10px 0;
padding:1px 0 3px 0;
font-size:11px;
}

.chperso .viewlist .channels_block h4{
font-size: 26px;
}

.chperso .minivideo{
height:70px;
margin-left:-20px;
margin-bottom:5px;
}

/************** RETINA **************/

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

.activity .moreComment a,
.uploaded a.maxNextItem{
background:transparent url(../img/channel/see@2x.png) left 10px  no-repeat;
background-size: 16px 76px;
}

.activity .moreComment a:hover,
.uploaded a.maxNextItem:hover{
background:transparent url(../img/channel/see@2x.png) left -57px  no-repeat;
background-size: 16px 76px;
}

.popup .close{
background:url(../img/channel/pictos/closebutton@2x.png) no-repeat 0 0 ;
background-size: 26px 54px;
}

.popup a.close:hover{
background:url(../img/channel/pictos/closebutton@2x.png) no-repeat 0 -28px;
background-size: 26px 54px;
}

.header .center .top a.dartfish {
background:transparent url(../img/platform/logoMobile@2x.png) center center no-repeat;
background-size:144px 12px;
height: 22px;
width:144px;
}
.header .center .top a.dartfish img{
display:none;
}

.collection .colltype.private{
background:transparent url(../img/channel/private@2x.png) no-repeat 2px 0;
background-size:22px 22px;
}

.collection .colltype.limited{
background:transparent url(../img/channel/collectionlimited@2x.png) no-repeat 0 0;
background-size:22px 22px;
}

.collection .colltype.public{
background:transparent url(../img/channel/public@2x.png) no-repeat 1px 0;
background-size:22px 22px;
}

.collection .colltype.business{
background:transparent url(../img/channel/business@2x.png) no-repeat -1px 0;
background-size:22px 22px;
}

} /* end retina */





/* NEW CSS */




.mainmenu .icon::before {
  display: none;
}