@charset "utf-8"; /* Design by Om Prakash Choudhary - omtonk@gmail.com */
/*body { background:#1e1e1e; font:14px Arial, Helvetica, sans-serif; color:#fff; text-align:justify; cursor:default; margin:0; padding:0;}*/
body { background:#1e1e1e; font:14px Arial, Helvetica, sans-serif; color:#fff; text-align:justify; cursor:default; margin:0; padding:0;}
a img { border:none; outline:none; display:block;}
a, img,input,textarea { outline:none;}
/*********************************************************************************************************************************/
.relv { position:relative;}
.lAlign { text-align:left;}
.cAlign { text-align:center;}
.rAlign { text-align:right;}
.lFloat { float:left;}
.rFloat { float:right;}
.Max { max-width:100%;}
.Clear { display:table; width:100%; clear:both;}
/*********************************************************************************************************************************/
.fieldBox .Block { border:1px solid #e5e5e5; border-bottom:none; background-color:#fbfbfb; padding:5px 0; width:100%; display:table;}
.fieldBox .Block:nth-child(odd) { background-color:#f7f7f7;}
.fieldBox .Block:last-child { border-bottom:1px solid #e5e5e5;}
.fieldBox.Blank .Block { border:none; background:none;}
.fieldBox p { font:600 13px/16px Arial, Helvetica, sans-serif; padding:10px 0; margin-top:0; margin-bottom:0;}
.fieldBox .Link { font:13px/32px Arial, Helvetica, sans-serif; color:#666; text-decoration:none;}to
.fieldBox .Link:hover { text-decoration:underline;}
.inputField { background:#777; color:#fff; border:none; border-radius:3px; 
              padding:4px; margin-top:0; margin-bottom:0; font:13px Arial, Helvetica, sans-serif;height:35px}
.textBoxBig{height:35px}
.inputField:hover { background:#aaa;}
.inputField:focus { background:#fff; color:#000;}
.inputField:disabled { border:1px solid #555; background:#555;}
#sideBar #advanceSetting{display: table}
#advanceSetting .inputField{padding:10px;}
.Button { background:#e85303; border:none; border-radius:5px; padding:7px 20px; margin-right:10px; color:#fff; font:bold 14px Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif; cursor:pointer; text-decoration:none;}
.Button:hover { background:#fff; color:#e85303;}
.inputFile { color:#444; padding:9px;}

p[help] { position:relative; padding:0;}
p[help] .inputField { width:100%;}
p[help]:before { position:absolute; top:100%; left:10px; margin-top:-8px; content:""; width:0; height:0; border:9px solid transparent; border-bottom-color:#e55302; z-index:55555; display:none;}
p[help]:after { position:absolute; top:100%; left:-5px; padding:10px; margin-top:8px; content:attr(help); width:auto; height:auto; display:none; background:#e55302; color:#fff; font:600 11px/15px Arial, Helvetica, sans-serif; text-align:center; z-index:55555; border-radius:2px; text-shadow:1px 1px 1px rgba(0,0,0,.4);}
p[help]:hover:before { display:block;}
p[help]:hover:after { display:block;}

.success,.error { width:350px; max-width:95%; padding:10px 15px; border-radius:5px; display:table; position:fixed; z-index:5000; top:2%; left:50%; margin-left:-250px; font:600 13px Arial, Helvetica, sans-serif; color:#fff;}
.success h3,.error h3 { margin:0; font:bold 18px Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif;}
.success p,.error p { margin:0;}
.success a,.error a { position:absolute; top:0; right:7px; cursor:pointer; font-weight:bold; font-size:18px;}
.success { background:#468847;z-index: 2147483647 !important;}
.error { background:#b94a48;z-index: 2147483647 !important;}
.mandatoryFields { color:#f00;}

.sarni { margin-top:10px; margin-bottom:20px;}
.sarni thead tr { background:#222;}
.sarni tbody tr { background:#666;}
.sarni tbody tr:nth-child(odd) { background:none;}
/*********************************************************************************************************************************/
header { width:100% !important; height:100px;}
#Logo { display:table; margin-top:10px; text-decoration:none;}
#Logo img { display:block;}
#User { width:80%; background:#555 url(../images/NewDesignImg/avtar.png) no-repeat; border:1px solid #666; padding-left:32px; margin-top:10px; position:relative;}
#User .Login { color:#fff; font:600 12px/32px Arial, Helvetica, sans-serif; text-decoration:none; cursor:pointer; border-left:1px solid #666; padding:9px 15px;}
#User .loginBox { background:#555 url(../images/NewDesignImg/texture.jpg); width:250px; position:absolute; z-index:10; right:0; top:100%; margin-top:16px; border-radius:3px; display:none;}
#User .loginBox:before { position:absolute; bottom:100%; left:0; content:""; width:100%; height:15px; display:inline;}
#User .loginBox:after { position:absolute; bottom:100%; right:10%; content:""; width:0; height:0; border:solid transparent; display:inline; border:15px solid transparent; border-bottom-color:#555;}
#User .loginBox .inputField { width:90%; margin:10px 0 0 5%;}
#User .loginBox .modrn { padding:7px 30px !important;}
#User .loginBox #forgetPassword { width:120px; padding-right:20px; text-align:center; display:inline-block; color:#fff; font:600 10px Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; cursor:pointer;}
#User .loginBox #forgetPassword:hover { color:#e55302;}
#User .loginBox .reg { margin-bottom:0; border-top:1px solid #222; padding:7px 15px; font:13px Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif; background:rgba(0,0,0,.2); box-shadow:0 -10px 20px rgba(0,0,0,.4) inset; border-radius:0 0 3px 3px;}
#User .loginBox .reg a { color:#e55302; text-decoration:none; font-weight:600; cursor:pointer;}
#User .loginBox .reg a:hover { text-decoration:underline;}
.open-profile { display:inline-block; margin:13px;}
#User #Opened { display:none;}
#User #Opened + div.loginBox { display:none;}
/*#User #Opened:checked + div.loginBox { display:block;}*/
/*#User:hover > .loginBox { display:block !important;}*/
/*********************************************************************************************************************************/
#for8Overlay,#keyOverlay,#globalOverlay { width:100%; height:100%; background:rgba(0,0,0,.87); position:absolute; top:0; right:0; display:none; z-index:55;}
.forGetBox,.changeKey,.globalPP { width:350px; height:150px; display:table; border-radius:4px; background:#555 url(../images/NewDesignImg/texture.jpg); position:relative; top:5%; z-index:60; margin:0 auto;}
.changeKey { width:400px; height:auto;}
.changeKey .Block { padding:5px 20px;}
.forGetBox .inputField { width:165px; margin-left:15px; margin-right:10px;}
.changeKey .inputField { width:220px; float:left;}
.changeKey .Button { float:right; margin:0 5px 10px 5px;}
.changeKey p { width:120px; margin-right:15px; float:left;}
.forGetBox .modrn { padding:8px 15px;}
/*********************************************************************************************************************************/
#registrationForm,#userProfile,#advanceSetting { background:#555 url(../images/NewDesignImg/texture.jpg); position:absolute; top:0; left:0; width:100%; height:auto; z-index:55550; transition:top ease-in-out .5s; display:none; overflow:hidden;}
#registrationForm a.close-menu-btn,#userProfile a.close-profile,#advanceSetting a.close,#globalOverlay .cstClose,#for8Overlay .Close,#keyOverlay .Close { position:absolute; top:20px; right:20px; color:#fff; font:600 13px Arial, Helvetica, sans-serif; cursor:pointer;}
#registrationForm a.close-menu-btn:hover,#userProfile a.close-profile:hover,#advanceSetting a.close:hover,#globalOverlay .cstClose:hover,#for8Overlay .Close:hover,#keyOverlay .Close:hover { color:#e55302;}
/*Include h1,h4... id To make heading text  a gold shadow look*/
#registrationForm h3,#userProfile h3,#advanceSetting h3,#for8Overlay h3, #helpPage h3{ color:#e85303; text-shadow:1px 1px 2px #000; font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase; text-align:left; border-bottom:2px solid #222; padding:0 20px 10px 20px;}
#registrationForm p.des { font-size:12px; padding:0 20px; margin-top:0; text-align:center;}
#userProfile h4 { font:bold 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:1px 1px 1px #000; position:relative; margin-top:0; margin-bottom:0;color: white}
#userProfile .fieldBox p{color: white}
#userProfile .fieldBox .Block{color: white}
#userProfile .desktop-9 .desktop-push-2 .tablet-4 .tablet-push-1 .mobile-3 .sarni a {
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: -moz-anchor-decoration;
    -moz-text-decoration-style: solid;
    color: white;
}
#userProfil .tableHead{ background: #1e1e1e;}

/*#userProfile h4:before { position:absolute; right:102%; content:"\21D2"; font-size:24px;}*/
/*********************************************************************************************************************************/
#search { width:80%; display:table; position:relative; float:left;}
#search .search-field { width:100%; background:#444; background:linear-gradient(to bottom,#222 0%,#333 50%,#222 100%); border:1px solid #000; box-shadow:0 0 0 1px #333; color:#eee; padding:8px 31px 8px 10px; margin:0; font:italic 11px Georgia, "Times New Roman", Times, serif; text-shadow:1px 1px 1px #000; border-radius:15px;}
#search .search-field:focus { box-shadow:0 0 0 1px #666; background:#fff; color:#000; text-shadow:none;}
#search .search-submit { background:url(../images/NewDesignImg/search.png) no-repeat left top; border:none; cursor:pointer; width:31px; height:31px; padding:0; box-shadow:none; position:absolute; top:0; right:0;}	
/*********************************************************************************************************************************/
#Never { width:auto; height:32px; padding:5px 7px; display:table; background:#555; cursor:pointer; float:right; position:relative;}
#Never:hover { background:#444;}
#Never:hover:before { position:absolute; bottom:100%; right:50%; margin-right:-10px; margin-bottom:-7px; content:""; width:0; height:0; border:9px solid transparent; border-top-color:#e55302; z-index:555;}
#Never:hover:after { position:absolute; bottom:100%; right:0; padding:0 10px; margin-bottom:9px; content:attr(bubble); width:auto; height:auto; display:inline-block; background:#e55302; color:#fff; font:600 12px/25px Arial, Helvetica, sans-serif; text-align:center; z-index:555; border-radius:2px; text-shadow:1px 1px 1px rgba(0,0,0,.4);}
#Never span { width:24px; height:4px; display:inline-block; position:relative; background:#fff;}
#Never span:before,#Never span:after { position:absolute; content:""; width:100%; height:100%; background:#fff;}
#Never span:before { bottom:200%;}
#Never span:after { top:200%;}

#Nav { background:#f5f5f5; background:linear-gradient(to bottom, #fff 0%, #f2f2f2 100%); box-shadow:0 2px 6px rgba(0,0,0,.2); margin-top:10px; margin-bottom:10px; border-radius:5px; text-align:center;}
#Nav ul { margin:0; padding:0; display:inline-block;}
#Nav ul li { margin:0; padding:0; list-style:none; display:inline-block; cursor:default; position:relative;}
#Nav ul li a { color:#777; font:14px Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif; padding:20px 6px; text-shadow:1px 1px 1px #fff; text-decoration:none; display:inline-block;}
#Nav ul li:hover > a { color:#f00;}
#Nav ul li a.selected { color:#000;}
#Nav ul ul { width:180px; display:none; background:#f5f5f5; background:linear-gradient(to bottom,#fff 0%,#f2f2f2 100%); box-shadow:0 2px 6px rgba(0,0,0,.2); position:absolute; z-index:555; text-align:left; left:-90%; top:80%; border-radius:3px;}
#Nav ul ul:after { bottom:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:8px; margin-left:-8px;}
#Nav li:hover > ul { display:block;}
#Nav ul ul ul { left:100%; top:0;}
#Nav ul ul li { float:left; display:block; width:100%;}
#Nav ul ul a { text-transform:none; padding:8px; display:block; font:13px Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif !important; color:#777; border-bottom:1px solid #eee;}
#Nav ul ul li:first-child a { border-radius:3px 3px 0 0;}
#Nav ul ul li:last-child a { border-bottom:none; border-radius:0 0 3px 3px;}
#Nav ul ul li:hover > a { background:#fff; color:#f00;}
/*********************************************************************************************************************************/
footer { width:100%; display:table; padding-bottom:20px; clear:both; background:#111; background:linear-gradient(to bottom,#222 0%,#000 100%);}
footer h3 { font:22px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 0; margin-bottom:10px; display:inline-block; width:90%; border-bottom:2px solid #444; color:#999;}
footer .col2 { position:relative; padding:0 70px;}
footer .col2 a { width:48%; display:inline-block; padding:7px 1%; color:#fff; font:600 12px Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; float:left;}
footer .col2 a:hover { color:#e55302;}
.linktext a { color:#fff;}
.linktext a:hover { color:#e55302;}
footer .col2:before { position:absolute; top:15%; right:30px; content:""; width:2px; height:90%; background:#333; border-right:1px solid #000;}
footer .col2:after { position:absolute; top:15%; left:30px; content:""; width:2px; height:90%; background:#333; border-right:1px solid #000;}
#cnt { border-top:1px solid #666; border-bottom:1px solid #666; padding-bottom:8px; margin-top:7px;}
#cnt p { font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#999; margin:7px;}
#cnt span { font:22px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:8px; display:block;}
/*********************************************************************************************************************************/
#Socials a { width:24px; height:24px; margin:5px; display:inline-block; background:url(../images/NewDesignImg/socials.png) no-repeat; cursor:pointer;}
#Socials a { width:24px; height:24px; margin:5px; display:inline-block; background:; cursor:pointer;}
#Socials a.fb { background-position:left top;}
#Socials a.fb:hover { background-position:left bottom;}
#Socials a.tweet { background-position:-24px top;}
#Socials a.tweet:hover { background-position:-24px bottom;}
#Socials a.rss { background-position:-48px top;}
#Socials a.rss:hover { background-position:-48px bottom;}
#Socials a.mail { background-position:-72px top;}
#Socials a.mail:hover { background-position:-72px bottom;}
/*********************************************************************************************************************************/
.socialSignup { width:90%; padding-top:10px; display:block; margin:13px auto 0 auto; border-top:1px solid #999; position:relative; text-decoration:none;}
.socialSignup:before { width:100%; height:1px; position:absolute; top:-1px; z-index:5; content:""; left:0; background:linear-gradient(to left,rgba(85,85,85,1) 0,rgba(85,85,85,0) 20%,rgba(85,85,85,0) 80%,rgba(85,85,85,1) 100%);}
.socialSignup:after { width:40px; background:#555 url(../images/NewDesignImg/texture.jpg); color:#999; position:absolute; top:-10px; left:50%; margin-left:-20px; content:"Or"; z-index:5; text-align:center; font:italic 600 13px Arial, Helvetica, sans-serif;}
.socialSignup img { width:100%;}
.socialSignup span { width:100%; height:40px; padding-left:40px; position:relative; display:block; font:15px/40px Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif; color:#fff; text-align:center; text-decoration:none; border-radius:2px; overflow:hidden;}
.socialSignup span:after { width:40px; height:40px; display:inline-block; position:absolute; content:""; top:0; left:0; background-color:rgba(0,0,0,.1); background-repeat:no-repeat;}
.socialSignup.FB span { background:#3b5998;}
.socialSignup.FB span:after { background-image:url(../images/NewDesignImg/signup.png); background-position:left top;}
.socialSignup.FB:hover > span:after { width:100%;}
.socialSignup.GP span { background:#de4c34;}
.socialSignup.GP span:after { background-image:url(../images/NewDesignImg/signup.png); background-position:left -40px;}
.socialSignup.GP:hover > span:after { width:100%;}
.socialSignup.TW span { background:#45b0e3;}
.socialSignup.TW span:after { background-image:url(../images/NewDesignImg/signup.png); background-position:left -80px;}
.socialSignup.TW:hover > span:after { width:100%;}
/*********************************************************************************************************************************/
#Player { width:100%; display:block; float:left; position:relative;}
#Player .roll { position:absolute;top:0; left:0; width:100%; height:100%; background:rgba(255,0,0,.3); z-index:999; content:"";}
#Player #nowPlaying { width:100%; height:40px; padding:0 20px; background:#000; background:rgba(0,0,0,.4);
                       border-bottom:1px solid rgba(0,0,0,.4); position:absolute; top:0; z-index:999; 
                      font:18px/40px Arial, Helvetica, sans-serif; display:none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#nowPlaying .channelName { width:40%; display:inline-block;overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
#nowPlaying .videoTitle { width:55%; display:inline-block;overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
#videoSetting { width:100%; height:100%; display:block;}

#spanVideo{ height: 100%;width: 100%;display:block; float:left; position:relative;}

#Player #Controls { width:100%; height:50px; text-align:center; background:#000; background:rgba(0,0,0,.4); position:absolute; bottom:0; z-index:999999 !important; display:none;}

#Controls ul { margin:0; padding:0; display:inline-block;}
#Controls ul li { margin:2px; padding:0; list-style:none; display:inline-block; cursor:default; position:relative;}
#Controls > ul > li:hover:before {
     position:absolute; top:100%; left:50%; margin-left:-5px; margin-top:-5px; content:""; width:0; height:0; border:5px solid transparent; border-bottom-color:#e55302;z-index: 5;display: none;
}

/********   ToolTip over video control buttons***************/
#Controls > ul > li:hover:after {
     position:absolute;  top: 100%;  left:-5px; padding:0 10px; margin-top:5px; content:attr(tooltip); width:auto; height:auto; 
     display:inline-block;
     background:#e55302; color:#fff; font:600 11px/25px Arial, Helvetica, sans-serif; text-shadow:1px 1px 1px rgba(0,0,0,.4);text-align:center; 
     z-index:9999999999 !important; border-radius:2px; 
}
#Controls > ul > li.topTip:hover:after {
    top: -100%;
}
#Controls > ul > li.topTip:hover:before { /*//this is for triangel */
    top: -1px;
    transform: rotate(180deg);
}
/*   Saurin : 20141017    
    Reefer why use for above property : http://stackoverflow.com/questions/26426601/set-css-property-using-javascript-jquery-function/26426818#26426818
    * in nutshell : use to show tooltip above btn icons instead below of buttons.
    */



.topTip{top:-100% !important; }
#Controls:hover > #hideMobile{
    visibility:visible;
}

#Controls > ul > li > a { width:32px; height:32px; border-radius:50%; display:inline-block; background:#fff url(../images/NewDesignImg/controls.png) no-repeat; box-shadow:0 0 2px rgba(0,0,0,.6); cursor:pointer;}
#Controls #btnLike { background-position:left top;}
#Controls #btnLike.liked { background-position:left bottom;}

#Controls #btnUnLike { background-position:-32px top;}
#Controls #btnUnLike.unliked { background-position:-32px bottom;}
#Controls #Crome { background-position:-64px top;}
#Controls #Crome.casting{ background-position: -64px bottom;}
#Controls #popoutVideo { background-position:-96px top;}
#Controls #popoutVideo.popout { background-position:-96px bottom;}
#Controls #tick_img_chkSubscribe { background-position:-128px top;}
#Controls #tick_img_chkSubscribe.rated { background-position:-128px bottom;}
#Controls #quickCopy { background-position:-160px top;}
#Controls #Prev { background-position:-192px top;}
#Controls #playPause { background-position:-224px top;}
#Controls #watzontvTextLogo{width:100px; height:22px;  display:inline-block;box-shadow:0 0 2px rgba(0,0,0,.6); border-radius:00%; cursor:pointer;background: url(../images/NewDesignImg/watzontv-logo-small.png) no-repeat;}
#Controls #ShowHideChannelGuide{width:32px; height:32px; border-radius:50%; display:inline-block;box-shadow:0 0 2px rgba(0,0,0,.6); cursor:pointer;}
 #Controls .ShowChannelGuide{ background: #fff url(../images/NewDesignImg/open_channel_guide.png);}
 #Controls .HideChannelGuide{ background: #fff url(../images/NewDesignImg/close_channel_guide.png);}
#Controls #playPause.playing { background-position:-224px bottom;}
#Controls #Next { background-position:-256px top;}
#Controls #Speaker { background-position:-288px top;}
#Controls #Speaker.mute { background-position:-288px bottom;}
#Controls #Setting { background-position:-320px top; transform:rotate(0deg); transition:transform 1s;}
#Controls #Setting:hover { transform:rotate(180deg);}
#Controls #Share { background-position:-352px top;}
#Controls #fullScreen { background-position:-384px top;}
#Controls #fullScreen.true { background-position:-384px bottom;}

#Controls ul ul { width:190px; background:#1a1a1a; border:2px solid #e55302; position:absolute; z-index:15; text-align:left; left:-55px; bottom:100%; margin-bottom:15px; border-radius:10px; display:none;}
#Controls ul ul:before { position:absolute; top:100%; left:76px; margin-left:-16px; content:""; width:0; height:0; border:solid transparent; display:inline; border:13px solid transparent; border-top-color:#e55302;}
#Controls li:hover > ul { display:block; }
#Controls ul ul li { float:left; display:block; width:100%; margin:0;}
#Controls ul ul a { font:600 12px/32px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:0 10px 0 32px; display:block; background:url(../images/NewDesignImg/submenu.png) no-repeat; border-top:1px solid #111; border-bottom:1px solid #222;}
#Controls #Multipart { background-position:left top;}
#Controls #Multipart:hover { background-position:left -32px;}
#Controls #liShuffle { background-position:left -64px;}
#Controls #liShuffle:hover { background-position:left -96px;}
#Controls #History { background-position:left -128px;}
#Controls #History:hover { background-position:left -160px;}
#Controls #Comments { background-position:left -192px;}
#Controls #Comments:hover { background-position:left -224px;}
#Controls #channelTune { background-position:left -256px;}
#Controls #channelTune:hover { background-position:left -288px;}

#Controls #linkedinShare {
    background-position: left -786px;
}
#Controls #gShare {
    background-position: left -707px;
}
#Controls #gShare:hover {
    background-position: left -744px;
}
#Controls #linkedinShare:hover {
    background-position: left -818px;
}

#Controls #fbShare { background-position:left -320px;}
#Controls #fbShare:hover { background-position:left -352px;}
#Controls #tShare { background-position:left -384px;}
#Controls #tShare:hover { background-position:left -416px;}
#Controls #eShare { background-position:left -448px;}
#Controls #eShare:hover { background-position:left -480px;}
#Controls #directURL { background-position:left -512px;}
#Controls #directURL:hover { background-position:left -544px;background-color: #fff; color:#e55302;}
#Controls #currentLink { background-position:left -576px;}
#Controls #currentLink:hover { background-position:left -608px;background-color: #fff; color:#e55302;}
#Controls #embedCode { background-position:left -640px;}
#Controls #embedCode:hover { background-position:left -672px;background-color: #fff; color:#e55302;}
#Controls ul ul li:hover > a { background-color:#fff; color:#e55302;}
#Controls ul ul li:first-child a { border-radius:7px 7px 0 0; border-top:none;}
#Controls ul ul li:last-child a { border-radius:0 0 7px 7px; border-bottom:none;}

/*Controls >> share >>> Direct Url , Current video link, embed code*/
#d_clip_container_2{ height: 34px; background:url(../images/NewDesignImg/submenu.png) no-repeat;background-position:left -576px;}
#d_clip_button_2{height: 0px;}
#d_clip_container{height: 34px;background:url(../images/NewDesignImg/submenu.png) no-repeat;background-position:left -512px;}
#d_clip_button{ height: 0px;}
#d_clip_container_3{ height: 34px; background:url(../images/NewDesignImg/submenu.png) no-repeat;background-position:left -640px;}
#d_clip_button_3{height: 0px;}
/*Clip buttons on Share menu*/
#d_clip_container_3:hover{background:url(../images/NewDesignImg/submenu.png) no-repeat;background-position:left -672px;background-color: #fff; color:#e55302;border-radius: 0 0 10px 10px;}
#d_clip_container_2:hover{background:url(../images/NewDesignImg/submenu.png) no-repeat;background-position:left -608px;background-color: #fff; color:#e55302;}
#d_clip_container:hover{background:url(../images/NewDesignImg/submenu.png) no-repeat;background-position:left -544px;background-color: #fff; color:#e55302;}

#playerSeekbar { width:100%; background:#b3b3b4; height:3px; margin-bottom:5px;}
#playerSeekbar .Range { background:#e55302; height:100%; float:left; position:relative;}
#playerSeekbar .Handle { width:4px; height:3px; display:inline-block; background:#fff; cursor:pointer; position:absolute; top:0; right:0;}
#playerSeekbar:hover { height:6px; cursor:pointer;}
#playerSeekbar:hover .Handle { width:10px; height:10px; border-radius:3px; top:-2px;}

#volumebar { width:40px; height:100px; background:#b3b3b4; border:15px solid #000; border-radius:5px; margin-bottom:15px; position:absolute; bottom:100%; left:-5px; display:none;}
#volumebar:before { position:absolute; top:100%; margin-top:15px; left:-5px; content:""; width:0; height:0; border:solid transparent; display:inline; border:10px solid transparent; border-top-color:#000;}
#volumebar .Range { background:white; width:100%; position:absolute; bottom:0; left:0}
#volumebar .Handle { width:10px; height:10px; display:inline-block; background:#fff; cursor:pointer; position:absolute; top:-5px; left:0;}
#volumebar:hover .Handle { width:14px; height:14px; border-radius:3px; left:-2px;}
#Controls li:hover > #volumebar { display:block;}

/*#Player:hover > #nowPlaying { display:block;}
#Player:hover > #Controls { display:block;}*/
/*********************************************************************************************************************************/
#sideBar { width:0; height:100%; float:right; background:#29282e; box-shadow:-10px 0 10px rgba(0,0,0,.1) inset; overflow:hidden; position:relative;}
#sideBar ul { margin:0; padding:0; position:relative;}
#sideBar ul li { margin:0; padding:0; list-style:none;}
#sideBar ul li a { display:block; padding-left:32px; font:600 13px/32px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; background:url(../images/NewDesignImg/option.png) no-repeat left -32px; border-top:1px solid #1a191f; border-bottom:1px solid #2d2c32; cursor:pointer; position:relative;}
#sideBar ul li > a:hover { background-color:#1a191f; border-bottom:1px solid #1a191f;}

#sideBar ul li a.Accordions { background:linear-gradient(to bottom,#505156 0%,#313237 100%); font:bold 14px/36px Tahoma, Geneva, sans-serif; color:#ccc; border-top:2px solid #1a191f; border-bottom:none; padding:0 7px;}
#sideBar ul li:first-child > a.Accordions { border:none;}
#sideBar ul li a.Accordions + ul { display:none;}

#sideBar #Option { overflow:hidden;}
#sideBar #Option:after { width:32px; height:32px; background:url(../images/NewDesignImg/option.png) no-repeat; content:""; position:absolute; top:50%; right:5px; margin-top:-16px; transform:rotate(0deg); transition:transform 300s;}
#sideBar #Option:hover:after { transform:rotate(36000deg);}
#sideBar ul.optionMenu li a { background-image:none; padding-left:10px;}

#sideBar ul li li a.Collapse { background-color:transparent; border-bottom:1px solid #2d2c32;}
#sideBar ul li li a.Expand:after { width:10px; height:10px; background:url(../images/NewDesignImg/arrow.png) no-repeat; content:""; position:absolute; top:50%; right:10px; margin-top:-5px; transform:rotate(0deg); transition:transform 1s;}
#sideBar ul li li a.Collapse:after { transform:rotate(90deg); -webkit-transform:rotate(90deg);}
#sideBar ul ul { padding:0; border:none;}
#sideBar ul ul ul { display:none;}

.y-scroll,#playList .channel,#searchResult .channel { overflow-y:auto;}
.y-scroll::-webkit-scrollbar,#playList .channel::-webkit-scrollbar,#searchResult .channel::-webkit-scrollbar,#addChannel::-webkit-scrollbar { width:16px; background-color:#444;}
.y-scroll::-webkit-scrollbar-thumb,#playList .channel::-webkit-scrollbar-thumb,#searchResult .channel::-webkit-scrollbar-thumb,#addChannel::-webkit-scrollbar-thumb { background:#111; border:1px solid #444; border-right-width:2px;}

#searchResult .channel { height:100%; margin:0; padding:0;}
#sideBar .channel li,#searchResult .channel li { margin:0; padding:0; list-style:none; position:relative;}
#sideBar .channel li a,#searchResult .channel li a { background:url(../images/NewDesignImg/option.png) no-repeat 10px -69px !important; border:none !important; padding-left:40px; max-width:236px; height:24px; overflow:hidden; font:600 12px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; display:inline-block;  text-decoration:none; text-align:left;}
#sideBar .channel li a:hover,#searchResult .channel li a:hover { background-position:10px -101px !important; color:#02afee;}


#sideBar .channel li span.star,#searchResult .channel li span.star { width:16px; height:16px; float:right; margin:4px; display:inline-block; background:url(../images/NewDesignImg/star.png) no-repeat left top; cursor:pointer;}
#sideBar .channel li span.star.favourite,#searchResult .channel li span.star.favourite { background-position:left bottom;}

/*EditMyChannel*/
.editChannelFromSearchList{float:right; margin-right: 4px; cursor:pointer;}
/*
#sideBar .channel li span.editChannelFromSearchList,#searchResult .channel li span.editChannelFromSearchList { width:16px; height:16px; float:right; margin-right: 32px; display:inline-block; cursor:pointer;}
#sideBar .channel li span.editChannelFromSearchList.favourite,#searchResult .channel li span.editChannelFromSearchList.favourite { background-position:left bottom;}
*/


#sideBar .channel ul,#searchResult .channel ul { position:absolute; top:100%; left:10px; padding:10px; margin-top:9px; content:attr(tooltip); width:auto; max-width:90%; height:auto; background:#fff; color:#444; font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; z-index:555; border-radius:4px; border:1px solid #d0d1d1; box-shadow:0 0 3px rgba(0,0,0,.2); display:none;}
      
#sideBar .channel ul:before,#searchResult .channel ul:before { position:absolute; bottom:100%; left:5px; content:""; width:20px; height:10px; background:url(../images/NewDesignImg/html5_tooltip.png) no-repeat; z-index:556;}
#sideBar .channel ul li:first-child,#searchResult .channel ul li:first-child { border-bottom:1px solid #333; padding-bottom:5px; margin-bottom:5px; color:#000;}
#sideBar .channel li a:hover + ul,#searchResult .channel li a:hover + ul { display:block;}

.sideBarHoverTriangleImge:before{transform: rotate(180deg);top: 100%}

/*#sideBar .channel li a[tooltip]:hover:before { position:absolute; top:100%; left:16px; content:""; width:20px; height:10px; background:url(../images/NewDesignImg/html5_tooltip.png) no-repeat; z-index:556;}
#sideBar .channel li a[tooltip]:hover:after { position:absolute; top:100%; left:10px; padding:14px 16px; margin-top:9px; content:attr(tooltip); width:auto; max-width:90%; height:auto; display:inline-block; background:#fff; color:#000; font:12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; z-index:555; border-radius:4px; border:1px solid #d0d1d1; box-shadow:0 0 3px rgba(0,0,0,.2);}*/
/*********************************************************************************************************************************/
#addChannel{overflow: auto;}
#addChannel,#addPlaylist { width:100%; height:100%; padding:0 10px; background:#222; background:rgba(33,33,33,.99); position:absolute; top:0; right:0; display:none; overflow-y:auto;}
#addChannel a.closeBtn { width:22px; height:22px; position:absolute; top:9px; right:11px; background:#000; border-radius:50%; color:#fff; 
                         font:bold 13px/20px Arial, Helvetica, sans-serif; text-align:center; cursor:pointer;}
#addChannel a.closeBtn:hover,#addChannel .colored { color:#e55302;}
#addChannel h4,#addPlaylist h4 { color:#e85303; font:bold 18px/18px Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif; border-bottom:2px solid #000; 
                                 padding:10px 0; margin:0;}
#newchannel p { margin:5px 0; color:#fff; font:600 12px Arial, Helvetica, sans-serif;}
#newchannel .inputField { padding:4px;}
#addChannel .Advance { font:600 13px/24px Arial, Helvetica, sans-serif; color:#999; margin:5px 0;
                        display:block; padding-left:25px; text-decoration:underline; position:relative; cursor:pointer;}
#addChannel .Advance:after { width:24px; height:24px; background:url(../images/NewDesignImg/advance.png) no-repeat; content:""; position:absolute; top:0; left:0; 
                             transform:rotate(0deg); transition:transform 1s;}
#addChannel .Advance:hover:after { transform:rotate(90deg);}
#cstPP { width:600px; height:300px; position:absolute; z-index:2222; bottom:11px; left:26%; background:#555 url(../images/NewDesignImg/texture.jpg); 
         box-shadow:0 0 100px 20px #333; display:none;}
.Remove { width:32px; height:32px; display:inline-block; background:#777 url(../images/NewDesignImg/cross.png) no-repeat center center; border:1px solid #999; cursor:pointer;}
.Remove:hover { background-color:#999;}
/*********************************************************************************************************************************/
#playList,#searchResult { width:100%; height:100%; background:#222; background:rgba(33,33,33,.99); position:absolute; top:0; right:0; display:none;}
#playList .bxHeading,#searchResult .bxHeading { background:linear-gradient(to bottom,#505156 0%,#313237 100%); font:bold 14px/36px Tahoma, Geneva, sans-serif; color:#ccc; border-bottom:none; padding:0 7px; position:relative; overflow:hidden;}
#playList .bxHeading:before,#searchResult .bxHeading:before { width:20px; height:20px; position:absolute; top:8px; right:8px; background:#000; border-radius:50%; color:#fff; font:bold 13px/18px Arial, Helvetica, sans-serif; text-align:center; content:"x"; cursor:pointer;}
#playList .bxHeading:hover:before,#searchResult .bxHeading:hover:before { color:#e55302;}
.closeBtn {width:22px; height:22px; position:absolute; top:9px; right:11px; background:#000; border-radius:50%; color:#fff; 
                         font:bold 13px/20px Arial, Helvetica, sans-serif; text-align:center; cursor:pointer;

}
.closeBtn:hover {
    color:#e55302;
}
.loadingImage
{
height:33px;
width:33px;
float:left;
margin-left:60px;
background:url('/images/loaderNew.gif') no-repeat;
display:none;
    margin-top: 0px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

/*#playList .bxHeading:before,#searchResult .bxHeading:before { width:18px; height:12px; background:#fff; content:""; position:absolute; top:50%; margin-top:-6px; right:20px; cursor:pointer;}
#playList .bxHeading:after,#searchResult .bxHeading:after { width:0; height:0; content:""; position:absolute; top:50%; margin-top:-11px; right:0; border:11px solid transparent; border-left-color:#fff; cursor:pointer;}*/
#playList .channel li a,#searchResult .channel li a { padding-left:32px; line-height:24px; background-position:left -68px !important;}
#playList .channel li a:hover,#searchResult .channel li a:hover { background-position:left -100px !important;}
/*********************************************************************************************************************************/
.searchTerms,.accountPlaylist { width:100%; min-height:70px;}
.searchTerms span,.accountPlaylist span { border:1px solid #fff; border-radius:3px; display:inline-block; float:left; padding:1px 5px; margin:2px 5px 2px 2px;}
.searchTerms span a,.accountPlaylist span a { font-size:10px; font-weight:bold; color:#000; margin-left:5px; cursor:pointer;}
.searchTerms input,.accountPlaylist input { background:none; border:none; outline:none; color:#fff !important;}
.searchTerms input:focus,.accountPlaylist input:focus { color:#333 !important;}

#cntSource2,#cntSource3 { display:none;}
#Provider span { width:100px; display:inline-block;}
#Provider select { width:150px; display:inline-block;}

#chList { width:100%; height:160px; margin-top:10px; background:#29282e; overflow-y:auto; margin:0; padding:0;}
#chList li { margin:0; padding:0 10px !important; list-style:none; position:relative; font:600 13px/32px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; border-top:1px solid #1a191f; border-bottom:1px solid #2d2c32;}
#chList li:first-child { border-top:none;}
#chList li a { font-size:14px !important; font-weight:bold; float:right; cursor:pointer; background:none !important; border:none !important;}
#chList li a:hover { color:#e55302;}
.addList { background:#29282e; border:1px solid #999; border-radius:5px; color:#999; display:inline-block; float:right; padding:1px 5px; margin-top:-10px; font:bold 13px/20px Arial,Helvetica,sans-serif; cursor:pointer;}
.addList:hover { border:1px solid #fff; color:#fff;}
#addPlaylist { z-index:5; overflow:hidden !important;}
#addPlaylist ul { overflow-y:auto; height:70%; margin:10px 0 !important; display:block;}
/*********************************************************************************************************************************/
/* Search Box Update */
#search { width:100%; float:none; margin-top:30px;}
#search .search-field { background:#fff; color:#000; text-shadow:none; padding:10px 31px 10px 10px; background-position:left 2px;}
#search .search-submit { background-position:center center; width:35px !important; height:35px !important;}
#User { margin-top:35px; float:left;}
#Never { margin-top:35px;}
/*********************************************************************************************************************************/
/*for Desktop View*/
@media screen and (min-width:979px)
{
.desktop-0 { display:none;}
}
@media screen and (min-width:1200px)
{
}
/*for Tablet View*/
@media screen and (min-width:740px) and (max-width:979px)
{
.tablet-0 { display:none;}
footer .col2 { padding:0 30px;}
footer .col2:before { right:10px;}
footer .col2:after { left:10px;}
footer .col2 a { width:98%;}
}
/*for Mobile View*/
@media screen and (min-width:0) and (max-width:739px)
{
.mobile-0 { display:none;}
.hideMobile { display:none !important;}
#nowPlaying .channelName { display:none; text-overflow:ellipsis}
#nowPlaying .videoTitle { width:100%;text-overflow:ellipsis }
.mlAlign { text-align:left;}
.mcAlign { text-align:center; display:table;}
.mcAlign .Button { display:inline-block; margin-bottom:10px;}
footer { text-align:center;}
footer p { text-align:center;}
footer .col2 { padding:0;}
footer .col2:before,footer .col2:after { display:none;}
footer .col2 h3 { padding-left:5%;}
footer .col2 a { width:98%; text-align:center;}
.fieldBox { padding:0 10px;}
.changeKey { width:280px;}
#userProfile h4 { margin-left:30px;}
.globalPP table { width:300px;}
.globalPP table tr td { width:30%;}
.globalPP table tr td:last-child { width:10%;}
.globalPP table tr td input,.globalPP table tr td select { width:100%;}
}
@media screen and (max-width: 500px)
{
}

 /*Saurin ;' 201400916 '     *copied css class-id from watzontvstyle.css*/

#copyright{float:left;margin:8px 0px 0 12%;padding:0;} /* saurin : update : margin:8px 0px to 8px 0px 0px 10px */
#copyright p{float:right;margin:0;padding:0;color:gray;}
.currentVideo {
    color: #EF703A;
}
/*New Intropage css*/
 #loadingDiv { font:14px Arial, Helvetica, sans-serif; color:#fff; text-align:center; cursor:default; margin:0; padding:0;}
            #loadingDiv a img { border:none; outline:none; display:block;}
            #loadingDiv a, img { outline:none;}
            #intro { width:500px; max-width:95%; font:20px Tahoma, Geneva, sans-serif; margin:0 auto;}
            #intro img { width:30%; margin:25px auto;}
            #intro .content { padding:10px; border:5px solid #cdcbcb; border-radius:10px; margin-bottom:10%;}

.currentChannel {color:#02afee;}
.loadingCentered {
    width: 380px;
    height: 245px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto; 
}
.logoCreateChannel {
    width: 100%;
    text-align: center;
}
.centeredText  
{
    font-size: 18px;
    text-align: center;
    top: 150px;
    width: 380px !important;
}
/*Volum bar color*/
#ss .ui-slider-range {
    background: #e55302;
}
#volumebar {
    /*border: 0.1px  ;
    border-style: initial;
    border-bottom-color: red;*/
    
}

/************************************ *histroy*  *****************************************************/

#qchannelList{width:100%; height:94%; position:absolute; top:0; right:0; }
#historyBox,#searchResult { width:100%; height:100%; background:#222; background:rgba(33,33,33,.99); position:absolute; top:0; right:0; display:none;}
#historyBox .bxHeading,#searchResult .bxHeading { background:linear-gradient(to bottom,#505156 0%,#313237 100%); font:bold 14px/36px Tahoma, Geneva, sans-serif; color:#ccc; border-bottom:none; padding:0 7px; position:relative; overflow:hidden;}
#historyBox .bxHeading:before,#searchResult .bxHeading:before { width:20px; height:20px; position:absolute; top:8px; right:8px; background:#000; border-radius:50%; color:#fff; font:bold 13px/18px Arial, Helvetica, sans-serif; text-align:center; content:"x"; cursor:pointer;}
#historyBox .bxHeading:hover:before,#searchResult .bxHeading:hover:before { color:#e55302;}

/*#historyBox .bxHeading:before,#searchResult .bxHeading:before { width:18px; height:12px; background:#fff; content:""; position:absolute; top:50%; margin-top:-6px; right:20px; cursor:pointer;}
#historyBox .bxHeading:after,#searchResult .bxHeading:after { width:0; height:0; content:""; position:absolute; top:50%; margin-top:-11px; right:0; border:11px solid transparent; border-left-color:#fff; cursor:pointer;}*/
#historyBox .channel li a,#searchResult .channel li a { padding-left:32px; line-height:24px; background-position:left -68px !important;}
#historyBox .channel li a:hover,#searchResult .channel li a:hover { background-position:left -100px !important;}
#historyBox,#searchResult { width:100%; height:100%; background:#222; background:rgba(33,33,33,.99); position:absolute; top:0; right:0; display:none;}
#historyBox .bxHeading,#searchResult .bxHeading { background:linear-gradient(to bottom,#505156 0%,#313237 100%); font:bold 14px/36px Tahoma, Geneva, sans-serif; color:#ccc; border-bottom:none; padding:0 7px; position:relative; overflow:hidden;}
#historyBox .bxHeading:before,#searchResult .bxHeading:before { width:20px; height:20px; position:absolute; top:8px; right:8px; background:#000; border-radius:50%; color:#fff; font:bold 13px/18px Arial, Helvetica, sans-serif; text-align:center; content:"x"; cursor:pointer;}
#historyBox .bxHeading:hover:before,#searchResult .bxHeading:hover:before { color:#e55302;}

/*#historyBox .bxHeading:before,#searchResult .bxHeading:before { width:18px; height:12px; background:#fff; content:""; position:absolute; top:50%; margin-top:-6px; right:20px; cursor:pointer;}
#historyBox .bxHeading:after,#searchResult .bxHeading:after { width:0; height:0; content:""; position:absolute; top:50%; margin-top:-11px; right:0; border:11px solid transparent; border-left-color:#fff; cursor:pointer;}*/
#historyBox .channel li a,#searchResult .channel li a { padding-left:32px; line-height:24px; background-position:left -68px !important;}
#historyBox .channel li a:hover,#searchResult .channel li a:hover { background-position:left -100px !important;}

.y-scroll,#historyBox .channel,#searchResult .channel { overflow-y:auto;}
.y-scroll::-webkit-scrollbar,#historyBox .channel::-webkit-scrollbar,#searchResult .channel::-webkit-scrollbar,#addChannel::-webkit-scrollbar { width:16px; background-color:#444;}
.y-scroll::-webkit-scrollbar-thumb,#historyBox .channel::-webkit-scrollbar-thumb,#searchResult .channel::-webkit-scrollbar-thumb,#addChannel::-webkit-scrollbar-thumb { background:#111; border:1px solid #444; border-right-width:2px;}
/*********************************************************************************************************************************/


/************************************ *EditChannel*  *****************************************************/

#editsearchlist {width: 100%;height: 94%;position:absolute; top:0; right:0;}
#editChannelBox,#searchResult { width:100%; height:100%; background:#222; background:rgba(33,33,33,.99); position:absolute; top:0; right:0; display:none;}
#editChannelBox .bxHeading,#searchResult .bxHeading { background:linear-gradient(to bottom,#505156 0%,#313237 100%); font:bold 14px/36px Tahoma, Geneva, sans-serif; color:#ccc; border-bottom:none; padding:0 7px; position:relative; overflow:hidden;}
#editChannelBox .bxHeading:before,#searchResult .bxHeading:before { width:20px; height:20px; position:absolute; top:8px; right:8px; background:#000; border-radius:50%; color:#fff; font:bold 13px/18px Arial, Helvetica, sans-serif; text-align:center; content:"x"; cursor:pointer;}
#editChannelBox .bxHeading:hover:before,#searchResult .bxHeading:hover:before { color:#e55302;}

/*#editChannelBox .bxHeading:before,#searchResult .bxHeading:before { width:18px; height:12px; background:#fff; content:""; position:absolute; top:50%; margin-top:-6px; right:20px; cursor:pointer;}
#editChannelBox .bxHeading:after,#searchResult .bxHeading:after { width:0; height:0; content:""; position:absolute; top:50%; margin-top:-11px; right:0; border:11px solid transparent; border-left-color:#fff; cursor:pointer;}*/
#editChannelBox .channel li a,#searchResult .channel li a { padding-left:32px; line-height:24px; background-position:left -68px !important;}
#editChannelBox .channel li a:hover,#searchResult .channel li a:hover { background-position:left -100px !important;}
#editChannelBox,#searchResult { width:100%; height:100%; background:#222; background:rgba(33,33,33,.99); position:absolute; top:0; right:0; display:none;}
#editChannelBox .bxHeading,#searchResult .bxHeading { background:linear-gradient(to bottom,#505156 0%,#313237 100%); font:bold 14px/36px Tahoma, Geneva, sans-serif; color:#ccc; border-bottom:none; padding:0 7px; position:relative; overflow:hidden;}
#editChannelBox .bxHeading:before,#searchResult .bxHeading:before { width:20px; height:20px; position:absolute; top:8px; right:8px; background:#000; border-radius:50%; color:#fff; font:bold 13px/18px Arial, Helvetica, sans-serif; text-align:center; content:"x"; cursor:pointer;}
#editChannelBox .bxHeading:hover:before,#searchResult .bxHeading:hover:before { color:#e55302;}

/*#editChannelBox .bxHeading:before,#searchResult .bxHeading:before { width:18px; height:12px; background:#fff; content:""; position:absolute; top:50%; margin-top:-6px; right:20px; cursor:pointer;}
#editChannelBox .bxHeading:after,#searchResult .bxHeading:after { width:0; height:0; content:""; position:absolute; top:50%; margin-top:-11px; right:0; border:11px solid transparent; border-left-color:#fff; cursor:pointer;}*/
#editChannelBox .channel li a,#searchResult .channel li a { padding-left:32px; line-height:24px; background-position:left -68px !important;}
#editChannelBox .channel li a:hover,#searchResult .channel li a:hover { background-position:left -100px !important;}

.y-scroll,#editChannelBox .channel,#searchResult .channel { overflow-y:auto;}
.y-scroll::-webkit-scrollbar,#editChannelBox .channel::-webkit-scrollbar,#searchResult .channel::-webkit-scrollbar,#addChannel::-webkit-scrollbar { width:16px; background-color:#444;}
.y-scroll::-webkit-scrollbar-thumb,#editChannelBox .channel::-webkit-scrollbar-thumb,#searchResult .channel::-webkit-scrollbar-thumb,#addChannel::-webkit-scrollbar-thumb { background:#111; border:1px solid #444; border-right-width:2px;}
/*********************************************************************************************************************************/


/*/************************************ *EditChannel*  ****************************************************!1!

#editsearchlist {width: 100%;height: 94%;position:absolute; top:0; right:0;}
#channelLoad,#searchResult { width:100%; height:100%; background:#222; background:rgba(33,33,33,.99); position:absolute; top:0; right:0; display:none;}
#channelLoad .bxHeading,#searchResult .bxHeading { background:linear-gradient(to bottom,#505156 0%,#313237 100%); font:bold 14px/36px Tahoma, Geneva, sans-serif; color:#ccc; border-bottom:none; padding:0 7px; position:relative; overflow:hidden;}
#channelLoad .bxHeading:before,#searchResult .bxHeading:before { width:20px; height:20px; position:absolute; top:8px; right:8px; background:#000; border-radius:50%; color:#fff; font:bold 13px/18px Arial, Helvetica, sans-serif; text-align:center; content:"x"; cursor:pointer;}
#channelLoad .bxHeading:hover:before,#searchResult .bxHeading:hover:before { color:#e55302;}

/*#channelLoad .bxHeading:before,#searchResult .bxHeading:before { width:18px; height:12px; background:#fff; content:""; position:absolute; top:50%; margin-top:-6px; right:20px; cursor:pointer;}
#channelLoad .bxHeading:after,#searchResult .bxHeading:after { width:0; height:0; content:""; position:absolute; top:50%; margin-top:-11px; right:0; border:11px solid transparent; border-left-color:#fff; cursor:pointer;}!1!
#channelLoad .channel li a,#searchResult .channel li a { padding-left:32px; line-height:24px; background-position:left -68px !important;}
#channelLoad .channel li a:hover,#searchResult .channel li a:hover { background-position:left -100px !important;}
#channelLoad,#searchResult { width:100%; height:100%; background:#222; background:rgba(33,33,33,.99); position:absolute; top:0; right:0; display:none;}
#channelLoad .bxHeading,#searchResult .bxHeading { background:linear-gradient(to bottom,#505156 0%,#313237 100%); font:bold 14px/36px Tahoma, Geneva, sans-serif; color:#ccc; border-bottom:none; padding:0 7px; position:relative; overflow:hidden;}
#channelLoad .bxHeading:before,#searchResult .bxHeading:before { width:20px; height:20px; position:absolute; top:8px; right:8px; background:#000; border-radius:50%; color:#fff; font:bold 13px/18px Arial, Helvetica, sans-serif; text-align:center; content:"x"; cursor:pointer;}
#channelLoad .bxHeading:hover:before,#searchResult .bxHeading:hover:before { color:#e55302;}

/*#channelLoad .bxHeading:before,#searchResult .bxHeading:before { width:18px; height:12px; background:#fff; content:""; position:absolute; top:50%; margin-top:-6px; right:20px; cursor:pointer;}
#channelLoad .bxHeading:after,#searchResult .bxHeading:after { width:0; height:0; content:""; position:absolute; top:50%; margin-top:-11px; right:0; border:11px solid transparent; border-left-color:#fff; cursor:pointer;}!1!
#channelLoad .channel li a,#searchResult .channel li a { padding-left:32px; line-height:24px; background-position:left -68px !important;}
#channelLoad .channel li a:hover,#searchResult .channel li a:hover { background-position:left -100px !important;}

.y-scroll,#channelLoad .channel,#searchResult .channel { overflow-y:auto;}
.y-scroll::-webkit-scrollbar,#channelLoad .channel::-webkit-scrollbar,#searchResult .channel::-webkit-scrollbar,#addChannel::-webkit-scrollbar { width:16px; background-color:#444;}
.y-scroll::-webkit-scrollbar-thumb,#channelLoad .channel::-webkit-scrollbar-thumb,#searchResult .channel::-webkit-scrollbar-thumb,#addChannel::-webkit-scrollbar-thumb { background:#111; border:1px solid #444; border-right-width:2px;}
/********************************************************************************************************************************!1!*/


.clsleft {float:left;}
.clscenter { text-align: center;}
.clsright {float:right;}

.histroyNum 
{
	margin: 3px;
    width: 20px;  /*added for videoPlaylist no. width , reason : without width, if History Number > 100 then History box UI is effected: saurin 20140326*/
}
div.histroyTitle {
  width: 212px;  
  text-align:left;  
  overflow:hidden;
  margin-top: 1px;
  position: relative;
	left: 2px;
}
div.histroyTitle div {  
  position: relative;  
  white-space:nowrap;  
  left: 0px;
}
.histroySubTitle{ margin-top: -2px;font-size: 10px;color: #FFFFFF}
.histroySubTitle .Left{float: left;height: 20px;white-space: pre-line;width:140px}
.histroySubTitle .Right{float: right; }

.histroyListMenu ul {  margin:0;padding:0;list-style:none;z-index:200;}
.histroyListMenu ul li
{
    display:list-item;
    float:none;
    height: 38px;
    background:#000000;
    color: #FFFFFF;
    border-bottom:1px dashed #FFFFFF;
    /*border-bottom:1px solid #EF703A;*/
}
.histroyListMenu ul li.last
{
	border-bottom:none;
	height: 10px;
	margin-top: 2px;
}
.histroyListMenu ul li a{ color: #EF703A;}
.histroyListMenu ul li a:hover{ color: #373737;}
div.shareImage {
  width: 22px;  
  text-align:left;    
  top:8px;
  left:15px;
  width:22px;
  float:left;
  position: relative;
}
/************************************ *History - END*  *****************************************************/


.tagsinputA {
    background: gray;

}

/************************************ *Tagsinput jquery : For New watzontv design*  *****************************************************/

div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px;height: 55px; /*height:100px;*/ overflow-y: auto;}
div.tagsinput span.tag {
	 border: 1px solid #CCCCCC;
	 border-radius:5px; 
	 -moz-border-radius:5px; 
	 -webkit-border-radius:5px; 
	 display: block; 
	 float: left; 
	 padding-left: 5px; 
	 padding-right: 5px; 
	 padding-bottom: 2px; 
	 text-decoration:none; 
	 /*background: #cde69c;*/ 
	 color: black; 
	 margin-right: 5px; 
	 margin-bottom:5px;
	 font-family: helvetica;
	 font-size:12px;
}
div.tagsinput span.tag a { font-weight: bold; color: #354175; text-decoration:none; font-size: 19px;  } 
div.tagsinput input { min-width:130px; margin:0px; font-family: helvetica; font-size: 12px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}
.tagsinput:hover {
    color: black; 
}
.tagsinput:focus {
    color: black; 
}

.mixChannelList ul li .channelTitleWrap {    
    max-width: 175px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mixChannelList ul li div{ margin-left: 5px; margin-top:3px}
.hidden
{
	display:none;
}

/*.popupOverlay { background:none !important;}*/
/*********************************************************************************************************************************/
.popupBox { width:360px; height:auto; padding-bottom:10px; display:table; border-radius:4px;
             background:#555 url(/images/texture.jpg); position:fixed; top:30%; left:50%; margin-left:-150px; z-index:99999999 !important; text-align:left; display:none;}
.popupBox h3 { color:#e85303; text-shadow:1px 1px 2px #000; font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; border-bottom:2px solid #222; padding:0 15px 10px 15px;}
.popupBox p { padding:0 10px;}
.popupBox .close { position:absolute; top:20px; right:15px; color:#fff; font:600 13px Arial, Helvetica, sans-serif; cursor:pointer;}
.popupBox .close:hover { color:#e55302;}
/*********************************************************************************************************************************/
.popupOverlay { width:100%; height:100%; background:rgba(0,0,0,.87); position:fixed; top:0; left:0; display:none; z-index: 8888888 !important;opacity: 0.1;}
.popupOverlay .popupBox { width:300px; height:auto; padding-bottom:10px; display:table; border-radius:4px; background:#555 url(/images/texture.jpg); position:relative; top:30%; z-index:6000; margin:0 auto; text-align:left;}
.popupOverlay .popupBox h3 { color:#e85303; text-shadow:1px 1px 2px #000; font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; border-bottom:2px solid #222; padding:0 15px 10px 15px;}
.popupOverlay .popupBox p { padding:0 10px;}
.popupOverlay .popupBox .close { position:absolute; top:20px; right:15px; color:#fff; font:600 13px Arial, Helvetica, sans-serif; cursor:pointer;}
.popupOverlay .popupBox .close:hover { color:#e55302;}
/*********************************************************************************************************************************/

div.chnname:hover
{
	color: #EF703A;
}
.cronThisChannel {
	/*color:#3e3d3e;*/
	color:red;
}

/*loadingbox is a box which apply when click on popOut player, and black curtain which comes over player*/
.loadingBox
{    
    /*margin-left: 25px; */
    /*min-height: 590px;*/
    width: 100%; 
    horiz-align: left;
    background: url(../../images/logo_player.png) no-repeat center;    
    background-color: #000000;
	z-index: 99999;
    position: absolute;
}

/**/

#popSearch { width:100%; float:none; margin-top:30px;}
#popSearch .search-field { background:#fff; color:#000; text-shadow:none; padding:10px 31px 10px 10px; background-position:left 2px;}
#popSearch .search-submit { background-position:center center; width:35px !important; height:35px !important;}


.clrblue{color:#354175}
.clrwhite{color:#FFFFFF}
.clrred{color:#FF0000}
.clrgray{color:#5A5655}
.clrinactive{color:#000000}
.clrBlackBold h4{ font-weight: bolder; font-size: 26px}
/*************************************************<<<<<<<<<<<<<<<< Help Page >>>>>>>>>>>*****************************************************************/
#helpPage .Button:hover { color:blanchedalmond; background: #e85303;}
.sitepopupPage{margin: 0 auto;background-attachment: scroll;background-clip: border-box;background: white;/*background-image: url("../images/NewDesignImg/texture.jpg");*/
    background-origin: padding-box;background-position: 0 0;background-repeat: repeat;background-size: auto auto;overflow-x: hidden;overflow-y: hidden;transition-delay: 0s;transition-duration: 0.5s;
    transition-property: top;transition-timing-function: ease-in-out;width: 100%;z-index: 55550;border-radius: 4px;color: black;
}
.spacer{margin-left:20px;}
.faq {min-height: 290px;overflow: auto;}
.container{margin:0 auto;padding:0;width:1000px;}
.help-main {margin-left: 20px;margin-bottom: 10px;}
.help-text {margin: 15px;}
.help-text p
{
    margin: 18px;
    text-align: justify;
    font-size:15px;
    color: black;
}

a { text-decoration:none; color:#373737;}
/*a:hover {text-decoration:none; color:#373737;}*/
.clrblue{color:#354175}
.clrwhite{color:#FFFFFF}
.clrred{color:#FF0000}
.clrgray{color:#5A5655}
.clrinactive{color:#000000}
.clrBlackBold h4{ font-weight: bolder; font-size: 26px}
#helpPage h4 {   font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:left;margin: auto;}
#helpPage h2 {   font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: auto;}

#header_18 {
    color:#e85303; text-shadow:1px 1px 2px #000; font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase; text-align:left; border-bottom:2px solid #222; padding:0 20px 10px 20px;
}
/*Saurin : 201321220 : help-bullet used in help page, */
.help-bullet
{text-align: justify;font-size: 15px;margin: 18px;color: black}
.spacer14
{
    margin-left:14px;
}
.spacer
{
    margin-left:20px;
}
.spacerleft27
{
    margin-left:27px;
}
.spacerleft23
{
    margin-left:23px;
}
.spacerRow
{
    margin-left:140px;
}
.spacerSmall
{
    margin-left:5px;
}
.spacertop5
{
    margin-top:5px;
}
.spacertop
{
    margin-top:10px;
}
.spacerrightsmall
{
    margin-right:10px;
}
.spacerright50
{
    margin-right:50px !important;
}
.spacerright51
{
    margin-right:51px !important;
}
.spacerright52
{
    margin-right:52px !important;
}
.spacerright53
{
    margin-right:53px !important;
}
.spacerright54
{
    margin-right:54px !important;
}
.spacerright55
{
    margin-right:55px !important;
}
.spacerright56
{
    margin-right:56px !important;
}
.spacerright{margin-right:20px;}
.spacerrightbig
{
    margin-right:30px;
}
/*************************************************<<<<<<<<<<<<<<<< Contact Us Page:  >>>>>>>>>>>*****************************************************************/
/*#contactUs{
    border-radius: 10px;
     margin: 0 auto;
   /*  background-attachment: scroll;
    background-clip: border-box;
    background-color: #555;
    background-image: url("../images/NewDesignImg/texture.jpg");!1!
    background: white;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
   
    overflow-x: hidden;
    overflow-y: hidden;
    
    
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: top;
    transition-timing-function: ease-in-out;
    width: 100%;
    z-index: 55550;


}*/

/*Partner Page*/
.partner {
	width: 150px;
	height: 80px;
	float: left;
	margin-right: 47px;
}
.chromecastLogo {
    float: left;
    margin-top: -45px;
}
.chromecastLogoImg{
    /*height: 50px;*/
    margin-top: -12px;
    /*width: 75px;*/
}
.partnerImage img {
	width: 150px;
}

.partnerName {
	text-align: center;
}

#sideBar ul li .ChangeChannelTitleColorToGold{
    color: #ffd700 !important;
}

#sideBar ul li .clrwhite{color: #fff;}

#errorPage h5{
    font: 600 12px/19px Arial, Helvetica, sans-serif;
    padding: 16px 0;
    margin-top: 0;
    margin-bottom: 0;
}


tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.tooltipster-clean-cut2 {
    background:#e55302; color:#fff; font:600 11px/25px Arial, Helvetica, sans-serif; text-shadow:1px 1px 1px rgba(0,0,0,.4);text-align:center; 
    
   
    color: white;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}
.tooltipster-clean-cut-videoinfo {
    background:#e55302; color:#fff; font:600 11px/25px Arial, Helvetica, sans-serif; text-shadow:1px 1px 1px rgba(0,0,0,.4);text-align:center; 
    
   
    color: white;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
    min-width: 350px;
    max-width: 350px;line-height: 16px;min-height: 184px !important;

}

.tooltipster-clean-cut-channelinfo {
    background:#e55302; color:#fff; font:600 11px/25px Arial, Helvetica, sans-serif; text-shadow:1px 1px 1px rgba(0,0,0,.4);text-align:center; 
    
   
    color: white;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
    min-width: 250px;
    max-width: 250px;
    line-height: 17px;
    min-height: 44px;

}
/*Manish*/
/*For Total User Count*/

#newTotalUserHeader,.newTotalUserHeader { width:auto; height:32px; padding:5px 7px; display:table;  cursor:pointer; float:right; position:relative;}
#newTotalUserHeader,.newTotalUserHeader { margin-top:35px;}