/* */ /* */ @font-face { font-family: 'Montserrat'; src: url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-regular.eot'); src: local('Montserrat Regular'), local('Montserrat-Regular'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-regular.woff2') format('woff2'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-regular.woff') format('woff'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-regular.ttf') format('truetype'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-500.eot'); src: local('Montserrat Medium'), local('Montserrat-Medium'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-500.eot?#iefix') format('embedded-opentype'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-500.woff2') format('woff2'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-500.woff') format('woff'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-500.ttf') format('truetype'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-500.svg#Montserrat') format('svg'); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-600.eot'); src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('https://www.thetimesofindia.onlinehttps://www.thetimesofindia.online/fonts/montserrat-v14-latin-600.eot?#iefix') format('embedded-opentype'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-600.woff2') format('woff2'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-600.woff') format('woff'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-600.ttf') format('truetype'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-600.svg#Montserrat') format('svg'); font-style: normal; font-weight: 600; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-700.eot'); src: local('Montserrat Bold'), local('Montserrat-Bold'), url('https://www.thetimesofindia.onlinehttps://www.thetimesofindia.online/fonts/montserrat-v14-latin-700.eot?#iefix') format('embedded-opentype'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-700.woff2') format('woff2'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-700.woff') format('woff'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-700.ttf') format('truetype'), url('https://www.thetimesofindia.online/fonts/montserrat-v14-latin-700.svg#Montserrat') format('svg'); font-style: normal; font-weight: 700; font-display: swap; } body { margin: 0; padding: 0; background-color: #f4f4f4; font: normal 14px/normal 'Montserrat', Arial, Helvetica, sans-serif !important; color: #000; letter-spacing: -.2px } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-text-size-adjust:none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /** * Minimal base styles. */ html { font-size: 100.01%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-size: 62.5%;} body.disable-scroll {overflow: hidden;margin-right: 17px;} a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; } a:link:hover, a:visited:hover { text-decoration: underline; } :focus { outline: 0; } a:visited{opacity:.8;} /* Remove margins for navigation lists */ nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } /* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .iem7 input[type="checkbox"] { vertical-align: baseline; } input, select { vertical-align: middle; } textarea { overflow:auto; } /* Hand cursor on clickable input elements */ label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ button { width: auto; overflow: visible; } /* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */ h1, h2, h3, h4, h5, h6 { font-weight: bold; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* blockquote , q and hr */ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* Images and Default Classes */ img { max-width:100%; vertical-align:bottom; } img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;} img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;} img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} /* Default List Styles */ ul, ol { list-style:none; } li { line-height:1.2em; } li ul, li ol { margin-bottom:0px; } /* * Clearing Methods */ .clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;} .clearfix { display: block; } .floatbox { overflow:hidden; } .clear { clear: both; height:1px; line-height:1px; } /* * Generic classes */ /*---- Floats ----*/ .flR { float: right; } .flL { float: left; } /*---- Horizontal Alignment ----*/ .alR { text-align: right; } .alC { text-align: center; } /*---- Hide ----*/ .hide { display: none; } /* Primary Styles for mobile*/ body{background:#fff; } .wrapper{max-width:1000px; margin:0 auto;} /*CSS scroll for Chrome*/ .custom-scroll::-webkit-scrollbar{ width: 8px; } .custom-scroll::-webkit-scrollbar-thumb{ background: #444; } .custom-scroll::-webkit-scrollbar-track{ background: #bbb; } /*/CSS scroll for Chrome*/ /*------ Header -----*/ #header{background:#222;} #header .wrapper{background:#222;} /*----- Navigation ---*/ #navigation{ height:28px; width:100%; background:#be2819; border-top:1px solid transparent; border-bottom:1px solid transparent;} #navigation .wrapper{position:relative; z-index:101; background:#be2819; height:27px;} #navigation.sticky{position:fixed; left:0; top:-1px; height:28px; z-index:9999;} /*CSS for non-sticky navigation in case of Magicbricks ad*/ .noStickyNav #navigation.sticky{position:static!important;} .navquery { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } /* .nav-cricket { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }*/ .bgImg #header, .bgImg #navigation {background:none; } .bgImg #navigation{border:0;} .bgImg #navigation .wrapper{border-top:1px solid transparent; border-bottom:1px solid transparent;} .bgImg #header .header_top{border:0;} .bgImg #header .header_top .wrapper{border-bottom:1px solid #444;} .bgImg .l2-menu { background:none; } .bgImg .l2-menu .wrapper { background:#666; } /*-------------------------- Page common Styles ----------------------------------------*/ #header .header_top{border-bottom:1px solid #444;} #header .header_top .wrapper{ padding-bottom:3px; padding-top:5px;} .header_top .date{display:block; font-size:100%; font-weight:bold; color:#fff; line-height:21px; float:left; text-transform:uppercase; margin-left:10px; min-width:230px; } #header .user_area{float:right; position: relative;z-index: 100000; margin-right:5px;} #header .social_1{float:left; position:relative; } #header .user_area .point{display:inline-block; float:left; margin-right:10px; height:17px; line-height:17px; color:#fff; padding:0 8px; font-size:110%; font-weight:bold; background:#969a9c; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:0 0 3px #adb0b1 inset; -moz-box-shadow:0 0 3px #adb0b1 inset; -webkit-box-shadow:0 0 3px #adb0b1 inset; margin-top:2px;} #header .user_area .user-controls{float:left; margin-right:10px; position:relative; padding-top:2px;} #header .user_area .user_name{float:left; display:inline-block; padding-right:15px; line-height:17px; color:#fff; font-size:110%; text-transform:uppercase; font-weight:bold; position:relative; text-decoration:none; } .icon_down {display:inline-block; width:14px; height:17px; background-position:-104px -3px;} .user-controls:hover .icon_down{background-position:-257px -53px;} #header .user_area .user_name .icon_down {position:absolute; z-index:10; right:0; top:0px;} #header .dropdown{position:absolute; background:#fff; width:61px; padding:7px 10px; right:0; top:19px; z-index:20; display:none;} #header .dropdown ul li{list-style:none; line-height:20px;} #header .dropdown ul li a{font-size:110%; color:#000; text-decoration:none;} #header .dropdown ul li span{cursor:pointer;} #header .dropdown ul li a:hover, .user-controls .dropdown ul li span:hover{color:#e44349;} #header .user-controls:hover .dropdown{display:block;} #header .user_area span.logout-window{line-height:21px; color:#fff; font-weight:bold; font-size:120%; margin-right:5px;} #header .user_area span.logout-window span{color:#fff; cursor:pointer; font-weight:bold; display:inline;} .htcls {font-size: 20px; line-height: 26px; text-transform: uppercase; color: #fff; text-align: center; font-weight: bold; display: block;} .top-area .row{position: relative;} .htcls a {color: #fff;text-decoration: none;} .htcls a:hover {text-decoration: none;} .htcls span{color:#fff; font-size:17px; line-height:18px; text-transform:uppercase; font-weight:normal; display:block; margin-top:3px;} /*------ Cityshow ----*/ #weathershow{display:block; line-height:25px; text-align:center; position:relative; height:25px;} #weathershow span.temp_h{display:inline-block; color:#fff; font-size:140%; font-weight:bold; margin-right:4px; } #weathershow span.icon{display:inline-block; width:25px; height:25px; margin-right:3px; position:relative; background-image:url(https://static.toiimg.com/photo/28467265.cms); background-repeat:no-repeat; vertical-align:middle; top:-2px; } #weathershow span.temp{display:inline-block; margin-right:3px;} #weathershow span.temp span{font-size:140%; color:#fff; font-weight:bold; margin-right:3px;} #weathershow .optionshome{display:inline-block; line-height:16px; background:#E7EBED; border:1px solid #CFCFCF; padding:0 3px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-right:3px; color:#000; font-size:110%; position:relative; top:-1px; } #weathershow .optionshome a{color:#000; text-decoration:none;} #weathershow a.img{display:inline-block; line-height:18px; margin-right:3px;} #weathershow img{display:inline; vertical-align:middle; position:relative; top:-3px;} #weathershow a.arrow{display:inline-block; color:#fff; font-size:200%; line-height:25px; font-weight:bold; text-decoration:none;} .wdF{display:none;} /*---- Header botttom ----*/ .header_bottom .wrapper{border-top:0px solid #ea5358; padding:10px 0;} .logo{width:510px; float:left; margin-left:25px;} #header .logo a.logo-img{display:block; width:509px; height:40px; background-position:0 -304px;} #header .adbox-left, #header .adbox-right{width:210px; min-height:40px; position:relative; z-index:110 !important;} #header .adbox-left{float:left; margin-left:10px;} #header .adbox-right{float:right; margin-right:10px;} .sub-header .top-ad{position:relative; z-index:100;} /*----- Navigation ---*/ #wap-login{display:none;}/*Sign in option added in navigation for mobile responsive site, Currently its display none*/ #navigation ul.level-one{float:left;}/*padding-left:5px;*/ #navigation ul.level-one > li{list-style:none; float:left; position:relative; background:#be2819; } #navigation ul.level-one > li > a{display:inline-block; padding:0 4px; line-height:28px; font-size:12px; color:#fff; font-weight:bold; float:left; border-left:1px solid transparent;} .ie8 #navigation ul.level-one>li>a{font-size:11px;} #navigation.navtree ul.level-one > li > a{display:inline-block; padding:0 3px 0 2px; line-height:28px; font-size:12px; color:#fff; font-weight:bold; float:left; border-left:1px solid transparent;} .ie8 #navigation ul.level-one>li>a{font-size:11px;} #navigation ul.level-one > li.nav-home:hover > a, #navigation ul.level-one > li.nav-home > a{ text-decoration:none; color:#fff;} #navigation ul.level-one > li:hover > a, #navigation ul.level-one > li.current > a{background:#fafafa; text-decoration:none; color:#000; border-top:0px;} #navigation ul.level-one li .icon_home{display:inline-block; width:13px; height:0; padding-top:13px; position:relative; overflow:hidden; background-position:-256px -133px; background-image:url(https://static.toiimg.com/photo/59561493.cms); background-repeat:no-repeat;} #navigation ul.level-one > li.service-tab{background:#be2819;} #navigation.sticky li.service-tab{background:#be2819;} #navigation ul.level-one li.more{background:#be2819; position:static;} #navigation.sticky ul.level-one li.more{background:#be2819} #navigation .wrapper{position:relative;} #navigation .all-sections{position:absolute; width:98%; border-bottom:4px solid #000; padding:20px 1%; left:0; top:28px; z-index:100; background:#fafafa; box-shadow:1px 0 2px rgba(0,0,0,.5); -moz-box-shadow:1px 0 2px rgba(0,0,0,.5); -webkit-box-shadow:1px 0 2px rgba(0,0,0,.5); display:none;} #navigation.sticky .all-sections{top:29px;} #navigation .all-sections .column{width:14%; padding:0 1%; float:left;} #navigation .all-sections .column h3{font-size:150%; color:#303030; padding:0 0 8px 8px; border-bottom:1px solid #494747; margin-bottom:10px;} #navigation .all-sections .column h3 a{color:#0270df;} #navigation .all-sections ul li{list-style:none; border-bottom:1px dashed #999999; padding:0 5px 8px 10px; margin-bottom:8px; font-size:120%; color:#414040; } #navigation .all-sections ul li a{color:#414040;} #navigation ul.level-one li.more:hover{background:#fafafa; } #navigation ul.level-one li.more:hover a{color:#000; background:#fafafa; } #navigation ul.level-one li.more.hover .all-sections{display:block;} #navigation li .dropdown, .nav_level2 li .dropdown{position:absolute; width:435px; padding:12px; background:#fff; z-index:200; top:28px; border-bottom:4px solid #DA0005; box-shadow:0 1px 1px rgba(0,0,0,.5); -moz-box-shadow:0 1px 1px rgba(0,0,0,.5); -webkit-box-shadow:0 1px 1px rgba(0,0,0,.5); display:none;} .ie8 #navigation li .dropdown, .ie8 .nav_level2 li .dropdown{border-left:1px solid #dadada; border-right:1px solid #dadada;} #navigation li .dropdown{background:#fafafa;} #navigation.sticky li .dropdown{top:28px;} #navigation li .dropdown.left, .nav_level2 li .dropdown.left{left:0;} #navigation li .dropdown.right, .nav_level2 li .dropdown.right{right:0 !important;} #navigation li .dropdown .two-column-layout, .nav_level2 li .dropdown .two-column-layout{background:url(https://static.toiimg.com/photo/45207334.cms) repeat-y 0 0; position:relative;} #navigation li .dropdown .left-column, .nav_level2 li .dropdown .left-column{width:110px; float:left; padding-bottom:55px; } #navigation li .dropdown .right-column, .nav_level2 li .dropdown .right-column{width:295px; float:right; position:relative;min-height:300px;} ul.list7 li{list-style:none; display:block; } ul.list7 li a{display:block; line-height:14px; font-size:120%; padding:2px 4px; color:#000; text-decoration:none;} ul.list7 li.active a{background:#DA0005; color:#fff; text-decoration:none;} #navigation li.hover .dropdown, .nav_level2 li.hover .dropdown{display:block;} #navigation ul.level-one li.nav-home.hover .dropdown{display:none !important;} #navigation li .dropdown .right-column .loader{display: none;position: absolute;z-index: 200; left: 50%;margin-left: -30px;top: 30%;} #navigation li .dropdown .single-column-layout .column{width:31%; margin:0 1%; float:left;} ul.list7 li.heading {font-size:120%; line-height:20px; font-weight:bold; color:#E8A401; } #nav-home ul.list7 li#timesaudio, #nav-home ul.list7 li a[title="Property"]{display:none;} #nav_autosuggest_result{display: none;} .search-form.hover #nav_autosuggest_result{width: 307px; right: 0px; position: absolute; background: #be2819; top: 30px; display: block;} /*--- Cyclical Dropdown ---*/ #navigation ul > li.cyclicnav > a { position:relative; display:inline-block; height:29px; width:50px; vertical-align:middle; } #navigation.sports ul.level-one > li.cyclicnav:hover { background:#fff !important; } #navigation ul > li.cyclicnav:hover a { background:none; } #navigation ul > li.cyclicnav:before, #navigation ul li.cyclicnav > a:before, #navigation ul li.cyclicnav > a:after { position:absolute; content:''; background:#fff; width:4px; height:4px; border-radius:50%; top:13px; } #navigation ul > li.cyclicnav:hover:before, #navigation ul li.cyclicnav:hover > a:before, #navigation ul li.cyclicnav:hover > a:after { background:#000; } #navigation ul > li.cyclicnav:before { left:16px; } #navigation ul li.cyclicnav > a:before { left:23px; } #navigation ul li.cyclicnav > a:after { left:30px; } #navigation ul li.cyclicnav a + ul { position:absolute; background:#fafafa; width:110px; padding:12px 12px 50px; display:none; top:29px; border-bottom:4px solid #da0005; transition:all .5s; -webkit-transition:all .5s; box-shadow:0 8px 20px rgba(0,0,0,.5); } #navigation ul li.cyclicnav:hover a + ul { display:block; } #navigation ul li.cyclicnav a + ul li a { display: block; line-height: 14px; font-size: 120%; padding: 2px 4px; color: #000; text-decoration: none; } #navigation ul li.cyclicnav a + ul li:hover a, #navigation ul li.cyclicnav a + ul li.current a { background:#da0005; color:#fff;} #navigation ul li.cyclicnav .dropdown { display:none; } .l2-menu ul li.cyclicnav { padding:0; } .l2-menu ul li.cyclicnav > a { position:relative; display:inline-block; height:28px; width:36px; vertical-align:middle; } .l2-menu ul li.cyclicnav:hover { background:#000; } .l2-menu ul li.cyclicnav:hover > a { background:none !important; } .l2-menu ul.nav_level2 > li.cyclicnav:before, .l2-menu ul li.cyclicnav > a:before, .l2-menu ul li.cyclicnav > a:after { position:absolute; content:''; background:#fff; width:4px; height:4px; border-radius:50%; top:12px; } .l2-menu ul.nav_level2 > li.cyclicnav:before { left:16px; } .l2-menu ul.nav_level2 li.cyclicnav > a:before { left:23px; } .l2-menu ul.nav_level2 li.cyclicnav > a:after { left:30px; } .l2-menu ul li.cyclicnav ul { position:absolute; background:#fff; width:200px; padding:12px; overflow:hidden; display:none; top:28px; box-shadow:0 8px 20px rgba(0,0,0,.5); z-index:101; } .l2-menu ul li.cyclicnav:hover ul { display:block; } .l2-menu .cyclicnav ul li { display:block; margin:0; padding:0; } .l2-menu .cyclicnav ul li a { padding:5px; display:block; font-size:11px; color:#000; } .l2-menu .cyclicnav ul li:hover a, .l2-menu .cyclicnav ul li.current a { background:#da0005; color:#fff; } .l2-menu ul li.cyclicnav .dropdown { display:none; } #navigation.viking .search-form.hover #nav_autosuggest_result{background: #3db4ae;} #navigation.travel-greene .search-form.hover #nav_autosuggest_result{background: #55b229;} #navigation.orange .search-form.hover #nav_autosuggest_result{background: #e8a401;} #navigation.rust .search-form.hover #nav_autosuggest_result{background: #9a130d;} #navigation.citrus .search-form.hover #nav_autosuggest_result{background: #7bb101;} #navigation.safty-orange .search-form.hover #nav_autosuggest_result{background: #f16407;} #navigation.blue .search-form.hover #nav_autosuggest_result{background: #0270df;} #navigation.ruby .search-form.hover #nav_autosuggest_result{background: #d61b60;} #navigation.pink .search-form.hover #nav_autosuggest_result{background: #cf5898;} #navigation.wild-willow .search-form.hover #nav_autosuggest_result{background: #b9ce59;} #navigation.eastern-blue .search-form.hover #nav_autosuggest_result{background: #089496;} #navigation.bazaar .search-form.hover #nav_autosuggest_result{background: #94737E;} #navigation.copper .search-form.hover #nav_autosuggest_result{background: #c98735;} #navigation.allports .search-form.hover #nav_autosuggest_result{background: #036dab;} #navigation.green .search-form.hover #nav_autosuggest_result{background: #2c6d00;} #nav_autosuggest_result li{display: block;} #nav_autosuggest_result li.selected{background: rgba(0,0,0,0.1);text-decoration: none;} #nav_autosuggest_result li a{color: #fff; font-size: 13px; line-height: 16px; display: block; padding: 4px 9px;} #nav_autosuggest_result li a:hover{background: rgba(0, 0, 0, 0.1); text-decoration: none;} #nav-coupons a, #nav-business-gst a.navquery, #nav-elections-2017 a, #nav-iday a, .service-tab a{color:#ffff00 !important;} #nav-coupons a:hover, #nav-business-gst a.navquery:hover, #nav-business-gst a:hover, #nav-elections-2017 a:hover, #nav-iday a:hover, .service-tab a:hover{color:#000 !important;} #nav-delhi-mcd-polls-2017 a{background: #bd0808 !important;} #nav-delhi-mcd-polls-2017 a:hover{background: #fff !important;} .search-form{float:right; position:relative; width:20px; height:28px; margin-right:5px; } .search-form .search-btn{width:20px; height:20px; display:block; background-position:-215px -51px; cursor:pointer; margin-top:6px; } .sbtn .search-btn{width:19px; height:19px; display:block; background-position:-215px -51px; cursor:pointer; position:absolute; right:0px; top:0px; margin-top:6px; } .sbtn{float: right; position: absolute; width: 20px; height: 28px; margin-right: 5px; right:1px;} .search-form form{display:none;} #navigation.sticky .search-btn{margin-top:7px;} .search-form.hover .search-btn{display:none;opacity:0; transition:opacity 0.5s linear; } .search-form.hover{position:absolute; right:-5px; top:28px; background:#be2819; padding:5px 8px; float:none; z-index:100; width:auto; height:auto; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;} .search-form.hover form{display:block;} .search-form input.textbox{border:1px solid #fff; height:16px; padding:2px 5px; background:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; float:left; margin-right:5px; width:274px; font-size:120%; color:#444;} .search-form input.submit{cursor:pointer; border:0; float:left; width:19px; height:19px; display:block; background-position:-483px -3px; cursor:pointer; margin-top:4px; background-image:url(https://static.toiimg.com/photo/59561493.cms); background-repeat:no-repeat; position:relative; top:-2px; background-color:transparent; display:none;} #navigation.sticky .search-form.hover{background:#be2819; top:28px;} #navigation li#nav-india .dropdown, #navigation li#nav-opinion .dropdown {width:295px;} #navigation li#nav-india .dropdown .two-column-layout, #navigation li#nav-opinion .dropdown .two-column-layout{background:none;} #navigation li#nav-india .dropdown .two-column-layout .right-column, #navigation li#nav-opinion .dropdown .two-column-layout .right-column{float:none;} #navigation li.hide-left .dropdown {width:295px;} #navigation li.hide-left .dropdown .two-column-layout{background:none;} #navigation li.hide-left .dropdown .two-column-layout .right-column{float:none;} /*------ radio button ---------*/ .radioimg{width: 10px;display: inline-block;vertical-align: middle;margin-left: 4px;} /*------ removed margine alwasy take space ---------*/ .adsdivlyr{width:1003px;margin:0px auto 0;} .adsdivlyr > div:first-of-type{margin:0px auto;} .fixtureOuter{width:300px; margin:0 auto;} .fixturerepeat{overflow:hidden; background:#edeef0; border-bottom:1px solid #babfc2; padding:10px; margin-bottom:10px;} .fixtueLeft{width:98px; float:left; text-align:center; font-weight:bold;} .flag{display:block; padding:1px; border:1px solid #b4b8bb; width:29px; text-align:center; background:#fff; line-height:13px;} .vsTxt{display:table; width:30px; text-align:center;} .vsTxt p{display:table-cell; height:50px; vertical-align:middle;} .lc{float:left;} .rc{float:right;} .fixtueRight{float:right; width:160px; font:11px Arial; color:#666; border-left:1px solid #babfc2; padding-left:10px;} .fixtueRight span{display:block; font-weight:bold; line-height:normal;} .txt15{font-size:15px; color:#000;} .txt12{font-size:12px; color:#555;} .resultrepeat{overflow:hidden; background:#edeef0; border-bottom:1px solid #babfc2; padding:7px; margin-bottom:10px;} .matchtop{text-align:center; text-transform:uppercase; padding-bottom:3px; color:#010101; font-size:10px; clear:both;} .resultLeft{width:100px; font-weight:bold;} .score{width:60px; font-size:11px; color:#58595a;} .midscore{margin:15px 0 0 3px; background:#000; padding:1px 5px; color:#fff; text-transform:uppercase; font-size:10px;} .midscore a{color:#FFF; text-decoration:none;} .matchbottom{text-align:center; color:#000; font:bold 11px Arial; clear:both;} /*------ Social Popup ----*/ .dropdown .left-column .follow{position:absolute; left:0; bottom:0; z-index:10; width:110px;} .dropdown .left-column .follow h4{font-size:100%; font-weight:normal; color:#7F7F80; line-height:12px; margin-bottom:3px;} .dropdown .left-column .follow .social-icons a{cursor:pointer; display:inline-block; width:16px; height:16px; margin-right:5px;} .dropdown .left-column .follow .social-icons a.fb{background-position:0 -166px;} .dropdown .left-column .follow .social-icons a.twitter{background-position:-17px -166px;} .dropdown .left-column .follow .social-icons a.gplus{background-position:-34px -166px;} .dropdown .left-column .follow .social-icons a.pinterest{background-position:-51px -166px;} /*.dropdown .right-column#rhsnavhindi-top-10, .dropdown .right-column#rhsnavhindi-theatre{padding-bottom:50px;}*/ .dropdown .right-column .follow{position:relative; left:0; bottom:0; z-index:10; width:auto;} .dropdown .right-column .follow h4{font-size:100%; font-weight:normal; color:#7F7F80; line-height:12px; margin-bottom:3px;} .dropdown .right-column .follow .social-icons a{cursor:pointer; display:inline-block; width:16px; height:16px; margin-right:5px;} .dropdown .right-column .follow .social-icons a.fb{background-position:0 -166px;} .dropdown .right-column .follow .social-icons a.twitter{background-position:-17px -166px;} .dropdown .right-column .follow .social-icons a.gplus{background-position:-34px -166px;} .dropdown .right-column .follow .social-icons a.pinterest{background-position:-51px -166px;} .dropdown .left-column .follow .social-icons a.youtube {background-position: -481px -114px;height: 15px;width: 15px;} .sprite_bg.linkedin{ background-image: url("https://static.toiimg.com/photo/54377228.cms");background-repeat: no-repeat;} /*----- Background call for sprite ----*/ .sprite_bg{background-image:url(https://static.toiimg.com/photo/59561493.cms)!important; background-repeat:no-repeat;} /*-------- Social Styles ----*/ .social_1 span{display:inline-block; width:23px; height:23px; margin-right:5px; cursor:pointer;} .social_1 span.fb{background-position:-372px -81px;} .social_1 span.fb:hover{background-position:-372px 0;} .social_1 span.twitter{background-position:-398px -81px;} .social_1 span.twitter:hover{background-position:-398px 0;} .social_1 span.google{background-position:-424px -81px;} .social_1 span.google:hover{background-position:-424px 0;} .social_1 span.rss{background-position:-451px -81px;} .social_1 span.rss:hover{background-position:-451px 0;} .social_1 span.youtube{background-position:-478px -81px} .social_1 span.youtube:hover{background-position:-478px -111px} /*---------------Section wise navigation color change -------------------------*/ body.bgImg #navigation{background:none!important;} #navigation.travel-greene, #navigation.travel-green .wrapper, #navigation.travel-green ul.level-one>li, #navigation.travel-greene .search-form.hover{background:#55b229!important;} #navigation.orange, #navigation.orange .wrapper, #navigation.orange ul.level-one>li, #navigation.orange .search-form.hover{background:#e8a401!important;} #navigation.rust, #navigation.rust .wrapper, #navigation.rust ul.level-one>li, #navigation.rust .search-form.hover{background:#9a130d!important;} #navigation.viking, #navigation.viking .wrapper, #navigation.viking ul.level-one>li, #navigation.viking .search-form.hover{background:#3db4ae!important;} #navigation.citrus, #navigation.citrus .wrapper, #navigation.citrus ul.level-one>li, #navigation.citrus .search-form.hover{background:#7bb101!important;} #navigation.safty-orange, #navigation.safty-orange .wrapper, #navigation.safty-orange ul.level-one>li, #navigation.safty-orange .search-form.hover{background:#f16407!important;} #navigation.blue, #navigation.blue .wrapper, #navigation.blue ul.level-one>li, #navigation.blue .search-form.hover{background:#0270df!important;} #navigation.ruby, #navigation.ruby .wrapper, #navigation.ruby ul.level-one>li, #navigation.ruby .search-form.hover{background:#d61b60!important;} #navigation.pink, #navigation.pink .wrapper, #navigation.pink ul.level-one>li, #navigation.pink .search-form.hover{background:#cf5898!important;} #navigation.wild-willow, #navigation.wild-willow .wrapper, #navigation.wild-willow ul.level-one>li, #navigation.wild-willow .search-form.hover{background:#b9ce59!important;} #navigation.eastern-blue, #navigation.eastern-blue .wrapper, #navigation.eastern-blue ul.level-one>li, #navigation.eastern-blue .search-form.hover{background:#089496!important;} #navigation.bazaar, #navigation.bazaar .wrapper, #navigation.bazaar ul.level-one>li, #navigation.bazaar .search-form.hover{background:#94737E!important;} #navigation.copper, #navigation.copper .wrapper, #navigation.copper ul.level-one>li, #navigation.copper .search-form.hover{background:#c98735!important;} #navigation.allports, #navigation.allports .wrapper, #navigation.allports ul.level-one>li, #navigation.allports .search-form.hover{background:#036dab!important;} #navigation.green, #navigation.green .wrapper, #navigation.green ul.level-one>li, #navigation.green .search-form.hover{background:#2c6d00!important;} /*----- Dropdown Styles ---*/ #navigation li .dropdown.travel-green{border-bottom-color:#55b229;} #navigation li .dropdown.cricket-lightblue{border-bottom-color:#30a7e4;} #navigation li .dropdown.orange{border-bottom-color:#e8a401;} #navigation li .dropdown.tv-orange{border-bottom-color:#ff7519;} #navigation li .dropdown.rust{border-bottom-color:#9a130d;} #navigation li .dropdown.viking{border-bottom-color:#3db4ae;} #navigation li .dropdown.citrus{border-bottom-color:#7bb101;} #navigation li .dropdown.safty-orange{border-bottom-color:#f16407;} #navigation li .dropdown.blue{border-bottom-color:#0270df;} #navigation li .dropdown.ruby{border-bottom-color:#d61b60;} #navigation li .dropdown.pink{border-bottom-color:#cf5898;} #navigation li .dropdown.wild-willow{border-bottom-color:#b9ce59;} #navigation li .dropdown.eastern-blue{border-bottom-color:#089496;} #navigation li .dropdown.bazaar{border-bottom-color:#94737E;} #navigation li .dropdown.copper{border-bottom-color:#c98735;} #navigation li .dropdown.allports{border-bottom-color:#036dab;} #navigation li .dropdown.green{border-bottom-color:#2c6d00;} #navigation li .dropdown.travel-green ul.list7 li.active a{background:#55b229;} #navigation li .dropdown.cricket-lightblue ul.list7 li.active a{background:#30a7e4;} #navigation li .dropdown.orange ul.list7 li.active a{background:#e8a401;} #navigation li .dropdown.tv-orange ul.list7 li.active a{background:#ff7519;} #navigation li .dropdown.rust ul.list7 li.active a{background:#9a130d;} #navigation li .dropdown.viking ul.list7 li.active a{background:#3db4ae;} #navigation li .dropdown.citrus ul.list7 li.active a{background:#7bb101;} #navigation li .dropdown.safty-orange ul.list7 li.active a{background:#f16407;} #navigation li .dropdown.blue ul.list7 li.active a{background:#0270df;} #navigation li .dropdown.ruby ul.list7 li.active a{background:#d61b60;} #navigation li .dropdown.pink ul.list7 li.active a{background:#cf5898;} #navigation li .dropdown.wild-willow ul.list7 li.active a{background:#b9ce59;} #navigation li .dropdown.eastern-blue ul.list7 li.active a{background:#089496;} #navigation li .dropdown.bazaar ul.list7 li.active a{background:#94737E;} #navigation li .dropdown.copper ul.list7 li.active a{background:#c98735;} #navigation li .dropdown.allports ul.list7 li.active a{background:#036dab;} #navigation li .dropdown.green ul.list7 li.active a{background:#2c6d00;} /*----- Navigation Spesific page styles ----*/ #navigation #nav-home span.navtxt{display:none; padding-left:3px;} #navigation #nav-home > a, #navigation #nav-home:hover > a{background:#be2819; height:28px;} #navigation #nav-home:hover > a{background:#fafafa;} #navigation.sticky #nav-home > a, #navigation.sticky #nav-home:hover > a{background:#be2819; height:28px;} #navigation.sticky #nav-home:hover > a{background:#fafafa;} #navigation #nav-home:hover > a .icon_home{background-position:-485px -52px;} .tv-orange .left-column ul li:nth-child(2){display:none} /*------ List6 ----*/ ul.list6{color:#ba010f; margin-left:12px;} ul.list6 li{list-style:square; line-height:15px; margin-bottom:5px;} ul.list6 li a{font-size:110%; color:#000; font-weight:bold;} ul.list6 li.main-story{list-style:none; border-bottom:1px solid #d5d9da; padding-bottom:10px; margin-bottom:10px; position:relative; margin-left:-12px; } ul.list6 li.main-story figure{float:left; width:100px; height:64px; border:1px solid #626365; margin:0 10px 5px 0;} ul.list6 li.main-story figure img{ width:100px; height:64px;} ul.list6 li.main-story a{font-size:130%; line-height:15px; color:#000; } ul.list6 li.thumbnail{list-style:none; float:left; position:relative; width:144px; height:92px; margin:0 2px 2px 0;} ul.list6 li.thumbnail span.caption{position:absolute; display:block; width:96%; padding:4px 2%; background:rgba(0,0,0,.5); color:#fff; left:0; bottom:0; font-size:110%; line-height:16px;} ul.list6.thumbnails{margin-left:0;} ul.list6 li.thumbnail figure img{width:144px; height:92px;} ul.list6 li.thumbnail .icon_player{position:absolute; right:5px; top:20px;} ul.list6.hide_thumb{margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:5px;} ul.list6.hide_thumb li.main-story{list-style:square; line-height:15px; margin-bottom:5px; border:0; padding-bottom:0; margin-left:0;} ul.list6.hide_thumb li.main-story figure{display:none;} #rnavcolumns.list6 li.thumbnail{height:130px;} #rnavcolumns.list6 li.thumbnail p{font-size:110%; line-height:12px; font-weight:bold; height:25px; overflow:hidden; color:#000;} #rnavcolumns.list6 li.thumbnail figure{margin-bottom:12px;} #rnavcolumns.list6 li.thumbnail span.caption{display:inline-block; width:auto; bottom:28px; background:#000;} #navigation .nav-tech .dropdown.allports{width: 475px;} #navigation .nav-tech .dropdown .right-column{width: 340px;} #rnavgadgets li{float: left; width: 160px;} #rnavgadgets li figure{display: none;} #rnavgadgets li.main-story{margin-bottom: 5px; padding-bottom: 0; margin-left: 0; border: 0; position: relative;} #rnavgadgets li.main-story:before{content: ""; background: #be2819; width: 3px; height: 3px; position: absolute; display: block; top: 7px; left: -13px;} #rnavgadgets li.main-story a{font-size: 11px;} /*-------------------- FOOTER STYLES -----------------------------*/ /*-------- Footer level1 ----*/ /*#footer .level1 {background:#e44349;}*/ /*#footer .level1 .wrapper{background:#e44349;}*/ /*#footer .level1 .column{float:left; border-right:1px solid #d0373c; padding:10px 2%; border-left:1px solid #ea5358; width:16%; min-height:90px;}*/ /*#footer .level1 .column.first{border-left:0; width:25%;}*/ /*#footer .level1 .column.last{border-right:0; width:25%;}*/ /*#footer .level1 ul li{list-style:none; margin-bottom:5px; font-size:110%; line-height:13px;}*/ /*#footer .level1 ul li a{color:#fff;}*/ /*-------- Footer level2 --------*/ /*#footer .level2{background:#363535; }*/ /*#footer .level2 .wrapper{background:#363535; padding:22px 0 14px;}*/ .sitemap{border-bottom:1px solid #000; padding-bottom:5px;} .sitemap .column1{width:46%; margin-left:1%; float:left;} .sitemap .column2{width:51%; margin-left:1%; float:right;} .sitemap h5{font-size:120%; color:#fff; line-height:14px; margin-bottom:5px;} .sitemap p{margin-bottom:10px; color:#d1d2d4; font-size:110%; line-height:16px;} .sitemap p a{color:#d1d2d4;} /*#footer .followus{text-align:center; border-top:1px solid #545252; padding-top:11px;}*/ /*#footer .followus h3{font-size:160%; color:#fff; line-height:17px; margin-bottom:11px; font-family:Arial, Helvetica, sans-serif;}*/ /*#footer .followus span{display:inline-block; width:44px; height:45px; margin:0 8px; cursor:pointer;}*/ /*#footer .followus span.fb{background-position:0 -26px; }*/ /*#footer .followus span.twitter{background-position:-60px -26px; }*/ /*#footer .followus span.google{background-position:-120px -26px; }*/ /*#footer .level3{background:#171515; border-bottom:2px solid #858383;}*/ /*#footer .level3 .wrapper{background:#171515; padding:18px 0 12px; }*/ .top-trends{padding-left:96px; position:relative;} .top-trends h2{position:absolute; text-align:center; width:90px; left:0; top:20px; font-size:180%; line-height:24px; color:#fff; font-family:Arial, Helvetica, sans-serif;} .top-trends .column{float:left; width:31%; padding:0 1%; border-left:1px solid #363535; min-height:86px; } .top-trends ul.list3{margin-bottom:-8px;} /*------ Tabstrip1 ------*/ .tabstrip1{border-bottom:3px solid #303030; background:#bababa; margin-bottom:8px;} .tabstrip1 li{float:left; border-right:1px solid #f5f5f5; } .tabstrip1 li a{display:inline-block; line-height:32px; padding:0 10px; font-size:130%; color:#fff; font-weight:600; /*font-family: "PT Sans Narrow";*/ } .ie8 .tabstrip1 li a{padding:0 7px;} .tabstrip1 li.last{border:0;} .tabstrip1 li a.active, .tabstrip1 li a:hover{text-decoration:none; background:#303030;} .tabcontent span.more{display:block; line-height:14px; font-size:110%; background: none repeat scroll 0 0 #FFFFFF; border-top: 1px solid #000000; padding-top: 2px; position: relative;} .tabcontent span.more a{color:#000; background:#FFFFFF; left: 75px; padding: 0 5px; position: absolute;text-transform: uppercase; top: -9px;} .tabcontent.mostcommented span.more a{left:60px;} /*------- List4 ----*/ ol.list4 li{list-style:none; border-bottom:1px solid #eceaea; padding:0 5px 8px 0px; position:relative; margin-bottom:10px; } ol.list4 li span.number{width:33px; height:33px; font-weight:bold; position:absolute; left:0; top:0; z-index:50; color:#c8c8c8; font-size:300%; text-align:center; line-height:33px; display:none !important;} ol.list4 li a{display:inline-block; font-size:14px; color:#000; line-height:16px; } ol.list4 li:last-child{border:0;} /*SB_1*/ .ctn_ads_SB_1_rhs{margin-top: 2px; clear: both;} .ctn_ads_SB_1_rhs .ctn_ads_twins{margin-bottom: 0px;} .ctn_ads_SB_1_rhs .ctn_ads_twins h2{background-color: #373737;color: #fff;font: bold 14px arial;padding: 6px 6px;margin: 10px 0px;text-transform: uppercase;} .ctn_ads_SB_1_rhs .ctn_ads_twins ul{margin: 0;padding: 0;} .ctn_ads_SB_1_rhs .ctn_ads_twins ul li{margin: 0 0 2% !important;max-width: 100%;padding: 0 0 2% !important;width: 100%;} .ctn_ads_SB_1_rhs .ctn_ads_twins .ad_img{text-decoration: none;} .ctn_ads_SB_1_rhs .ctn_ads_twins .ad_img img{width: 30%;float: left;} .ctn_ads_SB_1_rhs .ctn_ads_twins .ad_img .ad_heading{font-family: inherit;padding: 0px 0px 0px 4%; color: #333;text-align: left;line-height: 1.25;font-size: 13px;max-height: 49.0px;overflow: hidden;font-weight: bold;display: block;} .ctn_ads_SB_1_rhs .ctn_ads_twins .ad_img .ad_brand{margin-left: 34% !important;padding: 0px;font-family: inherit;color: #999;padding: 2px 0 0px;text-align: left;font-size: 12px;display: block;} /* From around the web widget and More from times of India*/ .show_wdgt{border-top:5px solid #363636; padding:10px 10px 0 10px; width:300px; margin:20px auto 10px auto;}/*border-bottom:1px solid #363636;*/ .show_wdgt h2 { font: 600 21px/28px 'Montserrat', Arial, Helvetica, sans-serif; color: #000; margin-bottom: 15px; } .show_wdgt h2 span{font-weight:300; color:#666;} .show_wdgt li{border-bottom:1px solid #e5e5e5; padding:0 0 15px; position:relative; margin-bottom:15px;} .show_wdgt li:last-child{border:0px; padding-bottom:0px;} .show_wdgt .w_img img, .show_wdgt .ad_img img{width:80px; height:60px; float:right; margin:0 0px 0 10px;} .show_wdgt .desc{height:32px; overflow:hidden; color:#555; font:normal 12px/16px 'Montserrat', Arial, Helvetica, sans-serif;} .show_wdgt .desc a, .show_wdgt a .desc, .show_wdgt a{color:#000; font:600 13px/14px 'Montserrat', Arial, Helvetica, sans-serif; margin-bottom:5px; display:block;} .show_wdgt .ad .desc{height:29px;} .show_wdgt a:hover{text-decoration:none;} .show_wdt_nobrd{border-top:0px; padding:10px 0; width:320px;} .show_wdt_nobrd h2 { border-top: 5px solid #363636; margin-top: 20px; padding: 10px 10px 0; } .show_wdt_nobrd ul{margin:0 10px;} .show_wdgt .ad_brand {font-family: inherit;color: #999;padding: 2px 0 0;text-align: left;display: block;font: 600 13px/14px 'Montserrat', Arial, Helvetica, sans-serif;} /* From around the web widget and More from times of India*/ /*----- List3 ----*/ .top-trends ul.list3 li{list-style:none; padding-left:11px; font-size:110%; line-height:14px; margin-bottom:8px; color:#b4b4b4;} .top-trends ul.list3 li a{color:#b4b4b4;} /*#footer .level4{background:#4b4a4a; }*/ /*#footer .level4 .wrapper{background:#4b4a4a; padding:12px 0;}*/ /*#footer .level4 p{text-align:center; font-size:110%; line-height:15px; color:#fff;}*/ /*#footer .level4 p a{color:#fff;}*/ /*.bgImg #footer .level1, .bgImg #footer .level2, .bgImg #footer .level3, .bgImg #footer .level4{background:none;}*/ /*.bgImg #footer .level3 .wrapper{border-bottom:2px solid #858383;}*/ /*.bgImg #footer .level3{border:0;}*/ /*----- Braking news ---*/ .breaking-news{padding-top:10px;} /*---------------------- Ticker Styling -----------------------------------------*/ .ticker-wrapper.has-js { margin:0; padding-bottom: 10px ; width: auto; height: 28px; display: block; /*background-color: #fff;*/ font-size: 16px; border-bottom: 1px solid #cd4f43; } .ticker-wrapper.has-js.left{float: none!important;} .ticker { width:calc(100% - 130px); height: 28px; display: block; position: relative; overflow: hidden; background-color: #fff; } .ticker-title { padding: 0px 18px; color: #fff; font-weight: bold; background-color: #cd4f43; text-transform: uppercase; font-size: 18px; line-height: 27px; height: 28px; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: skew(-22deg); -ms-transform: skew(-22deg); transform: skew(-22deg); } .ticker-content { margin: 0px; padding-top: 4px; color: #000; font-weight: bold; background-color: #fff; overflow: hidden; white-space: nowrap; line-height: 1.2em; position:absolute; left:209px !important; padding-left: 5px; } .ticker-content:focus { none; } .ticker-content a { text-decoration: none; color: #1F527B; } .ticker-content a:hover { text-decoration: underline; color: #0D3059; } .ticker-swipe { padding-top: 9px; position: absolute; top: 0px; background-color: #fff; display: block; width: 800px; height: 30px; } .ticker-swipe span { margin-left: 1px; background-color: #fff; border-bottom: 1px solid #1F527B; height: 16px; width: 7px; display: block; } .ticker-controls { padding: 3px 0px 0px 0px; list-style-type: none; float: left; } .ticker-controls li { padding: 0px; margin-left: 3px; float: left; cursor: pointer; height: 23px; width: 23px; display: block; transition: .5s ease; } .ticker-controls li:hover{opacity: .6;} .ticker-controls li.jnt-play-pause { background-image: url(https://static.toiimg.com/photo/59561493.cms); background-position: -304px -449px; } .ticker-controls li.jnt-play-pause.over { background-position: -304px -449px; } .ticker-controls li.jnt-play-pause.down { background-position: -304px -449px; } .ticker-controls li.jnt-play-pause.paused { background-position: -335px -450px; } .ticker-controls li.jnt-play-pause.paused.over { background-position: -335px -450px; } .ticker-controls li.jnt-play-pause.paused.down { background-position: -335px -450px; } .ticker-controls li.jnt-prev { background-image: url(https://static.toiimg.com/photo/59561493.cms); background-position: -243px -449px; } .ticker-controls li.jnt-prev.over { background-position: -243px -449px; } .ticker-controls li.jnt-prev.down { background-position: -243px -449px; } .ticker-controls li.jnt-next { background-image: url(https://static.toiimg.com/photo/59561493.cms); background-position: -274px -449px; } .ticker-controls li.jnt-next.over { background-position: -274px -449px; } .ticker-controls li.jnt-next.down { background-position: -274px -449px; } .js-hidden { display: none; } .no-js-news { padding: 10px 0px 0px 45px; color: #F8F0DB; } .left .ticker-swipe { /*left: 80px;*/ } .left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker { float: left; } .left .ticker-controls { padding: 2px 0 0 6px; } .right .ticker-swipe { /*right: 80px;*/ } .right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker { float: right; } .right .ticker-controls { padding-right: 6px; } .mailer_icon{background: url(https://static.toiimg.com/photo/59561493.cms) no-repeat -367px -449px; width: 25px; height: 23px; float: right; margin: 2px 0 0 16px; position: relative; transition: .5s ease;} .mailer_icon:before{content: ""; width: 1px; height: 28px; display: block; position: absolute; background: #bcbcbc; left: -8px; top: -2px; } .mailer_icon:hover{opacity: .6;} /*------- L2 menustyles -------------*/ .nav_level2 li .dropdown{top:28px;} .l2-menu{background:#666; height:28px; clear:both; position:relative; top:0;} .l2-menu ul.nav_level2 > li{float:left; position:relative;} .l2-menu ul.nav_level2 > li > a{display:inline-block; line-height:28px; color:#fff; padding:0 7px; font-size:11px;} .l2-menu ul.nav_level2 > li:hover > a{background:#fff; color:#333;} .l2-menu ul.nav_level2 > li.current a{background:#fff; color:#000;} .droparw { background: url("https://static.toiimg.com/photo/27589586.cms") no-repeat scroll 0 bottom ; display: inline-block; height: 5px; margin: 0px 0 0 5px; width: 8px; vertical-align:middle; } #navigation li.hover .droparw, #navigation li:hover .droparw{background-position:0 bottom;} /*-------- dropdown2 --------------*/ #navigation li .dropdown.hide-right, #navigation li.hide-right .dropdown{ width:110px; left:0;} #navigation li .dropdown.hide-right .left-column, #navigation li.hide-right .dropdown .left-column{float:none;} #navigation li .dropdown.hide-right .right-column, #navigation li.hide-right .dropdown .right-column{display:none;} #navigation li .dropdown header{color:#b0251e; font-size:12px; margin-bottom:10px; font-weight:bold; } #navigation li .dropdown header a{color:#b0251e;} /*------------------ ibeat UI ---------------------*/ div.ibcss{padding-left:10px;background-image:url(https://static.toiimg.com/photo/6440203.cms);background-repeat:no-repeat;z-index:100;border:0px solid #AAAAAA;height:10px;position:absolute;width:0px;display:inline;margin:4px 0 0 3px;} div.ibcss a{font-size:10px;font-weight:normal;font-family:georgia;color:#024D99;line-height:0;font-weight:normal;list-style-image:none} div.ibcss div{padding-right:0px;} div.ibcss ul{padding:0 0 0 15px;} div.ibcss li{line-height:15px;margin:0;font-weight:normal;} /*------------------ End ibeat UI ---------------------*/ #navigation ul.level-one > li#nav-budget > a{background:#d42922;} #navigation ul.level-one > li#nav-budget.hover > a{background:#d42922; color:#fff;} #navigation ul.level-one > li.category > a, #navigation ul.level-one > li.category.hover > a{background:#666; margin-right:14px; color:#fff;} #navigation ul.level-one > li.category > a:after{content:" "; position:absolute; z-index:100; top:0; right:0; border-bottom: 14px solid transparent; border-left: 14px solid #666; border-top: 14px solid transparent;} #navigation.sticky ul.level-one > li.category > a{margin-right:14px; background:#fff; color:#000; } #navigation.sticky ul.level-one > li.category > a:after{border-bottom: 14px solid transparent; border-left: 14px solid #fff; border-top: 14px solid transparent; } #navigation ul.level-one > li.category.hover > a, #navigation ul.level-one > li.category:hover > a{background:#fff; color:#000;} #navigation ul.level-one > li.category1 {margin-left:-14px; } #navigation ul.level-one > li.category1 > a, #navigation ul.level-one > li.category1.hover > a{background:#999; margin-right:14px; color:#fff; padding-left:20px;} #navigation ul.level-one > li.category1 > a:after{content:" "; position:absolute; z-index:100; top:0; right:0; border-bottom: 14px solid transparent; border-left: 14px solid #999; border-top: 14px solid transparent;} #navigation.sticky ul.level-one > li.category1 > a{margin-right:18px; background:#fff; margin-right:14px; color:#000; } #navigation.sticky ul.level-one > li.category1 > a:after{border-bottom: 14px solid transparent; border-left: 14px solid #fff; border-top: 14px solid transparent; } #navigation ul.level-one > li.category2 > a, #navigation ul.level-one > li.category2.hover > a{background:#fff; margin-right:14px; color:#000; } /*for TV guide search*/ #mobilesearch{display:none;} /*Styles for content placeholder*/ .content_placeholder{width:300px} .content_placeholder ul{list-style:none;padding:0;margin:0} .content_placeholder li{overflow:hidden;padding:15px 0;margin:0;border-bottom:1px solid #eee} .content_placeholder .content_slot{float:left;margin-top:2px} .content_placeholder .line{height:8px;background-color:#eee} .content_placeholder .first_line{width:200px;animation:first_line_animation 1s infinite linear} .content_placeholder .second_line{margin-top:8px;width:150px;animation:sec_line_animation 1s infinite linear} .content_placeholder .thumb_slot{width:80px;height:60px;float:right;background-color:#eee;animation:thumb_animation 1s infinite linear} @-webkit-keyframes first_line_animation{from{box-shadow:inset 0 0 0 rgba(255,255,255,.3)}to{box-shadow:inset 200px 0 0 rgba(255,255,255,.3)}} @keyframes first_line_animation{from{box-shadow:inset 0 0 0 rgba(255,255,255,.3)}to{box-shadow:inset 200px 0 0 rgba(255,255,255,.3)}} @-webkit-keyframes sec_line_animation{from{box-shadow:inset 0 0 0 rgba(255,255,255,.3)}to{box-shadow:inset 150px 0 0 rgba(255,255,255,.3)}} @keyframes sec_line_animation{from{box-shadow:inset 0 0 0 rgba(255,255,255,.3)}to{box-shadow:inset 150px 0 0 rgba(255,255,255,.3)}} @-webkit-keyframes thumb_animation{from{box-shadow:inset 0 0 0 rgba(255,255,255,.3)}to{box-shadow:inset 80px 0 0 rgba(255,255,255,.3)}} @keyframes thumb_animation{from{box-shadow:inset 0 0 0 rgba(255,255,255,.3)}to{box-shadow:inset 80px 0 0 rgba(255,255,255,.3)}} /*------------------------------------------*/ /*youtube subscribe btn*/ #___ytsubscribe_0{float:right!important;} /*top add handle*/ .fwads .top-ad div, .fwads .ad_inner div, .fwads .top-ad .ad_inner div{height:100% !important; min-height:90px!important; float:none!important;} /**BreadCrumb**/ .navbdcrumb{font-size: 11px; padding: 10px 0 0; margin: 0px auto; max-width: 1000px;} .navbdcrumb a{color:#003365;display:inline-block;} .navbdcrumb ol li{display:inline-block; margin:0 1px 0 0;} /**Top Movie Review Liveblog entertainment**/ .nav_topreview{border-bottom:1px solid #d6d6d6; padding-bottom:8px; margin-bottom:12px;} .nav_topreview ul.list6{margin-left:0px;} .nav_topreview ul.list6 li.main-story{background-position: left 2px; list-style: none; padding-left: 14px !important; margin-bottom: 0; padding-top: 8px; font-size:100%; margin-left:0px; border-bottom:0px; padding-bottom:0px;} .nav_topreview ul.list6 li.main-story a{font-size:110%;} .nav_topreview ul.list6 li.main-story figure{display:none;} .nav_topreview ul.list6 li{background:url(https://static.toiimg.com/photo/26032098.cms) no-repeat left -3px; list-style:none; padding-left:14px!important; margin-bottom:0px; padding-top:3px;} .nav_topreview header{margin-bottom:0px!important;} .bottomreviews header{margin-bottom:6px!important;} .nav_topreview ul.list6 li{padding-left:0px;} ul.list6 li .bottomreviews ul li, .bottomreviews ul li{float:left; border-right:1px solid rgb(119, 119, 119); list-style:none; font-weight:normal!important; padding:0 6px;} ul.list6 li .bottomreviews ul li:first-child, .bottomreviews ul li:first-child{padding-left:0px;} /**MF Simplified Special CSS**/ li a[href="/mfsimplified.cms"]{color:#da0005!important; font-weight:bold;} li.active a[href="/mfsimplified.cms"]{color:#fff!important; font-weight:bold; background:#da0005!important;} /*CSS for Amazon include in Navigation */ .nav-amazon .dropdown.right{left:inherit!important;} .nav-amazon .dropdown{width:495px!important;} .nav-amazon .dropdown .left-column{width:170px!important;} .nav-amazon .two-column-layout{background-position:60px 0!important;} /*CSS for new header: will be moved to toicommoncss later*/ .sub-header .wrapper{padding:10px 0;} .sub-header .top-ad{float: right; padding-right: 2px !important;} .sub-header .logo {float: left; padding-top: 18px; width: 257px; margin-left: 10px;} .sub-header .logo .toi-logo{float:left;} .sub-header .logo img {display: block; margin-bottom: 10px; width:230px; height:18px;} .sub-header .logo h1 {font-size: 20px; line-height: 26px; text-transform: uppercase; color: #fff; text-align: center;} .headerlinks { color: #fff; font-size: 11px; margin: 0 5px;} .wrapper > .headerlinks{margin-left: 0;} .headerlinks a {color: #fff; margin: 0 5px ;} .headerlinks div.link-dropdown:first-of-type{margin-left: 0;} .headerlinks span { color: #fff; } #div-gpt-ad-toi-ros-head{float:right; padding-right:2px; position:relative; z-index:99999;} .fwads #div-gpt-ad-toi-ros-head{float:none; text-align:center;} .link-dropdown{position: relative; padding-right: 10px; display: inline-block; margin: 0 5px; z-index: 999;} .link-dropdown:after{content: ""; display: inline-block; position: absolute; border-right: 4px solid transparent; border-left: 4px solid transparent; right: 3px; top: 3px; border-top: 4px solid #fff;} .link-dropdown:hover:after{border-top: 4px solid #000; transform: rotate(180deg); transition: .3s ease; z-index: 2;} .link-dropdown:hover:before{background: #fff; content: ""; width: 12px; height: 12px; display: block; position: absolute; right: 1px; transition: .3s ease; z-index: 1;} .link-dropdown ul{display: none; background: #fff; position: absolute; left: 6px; top: 11px; padding: 5px; min-width: 80px; border: 1px solid #bbb;} .link-dropdown ul li{margin: 0; border-bottom: 1px solid #ddd; padding: 0 3px; transition: .6s ease padding} .link-dropdown ul li:hover{background: #e6eef9;} .link-dropdown ul li:last-child{margin: 0; border: 0;} .link-dropdown ul li a{color: #000; margin: 0; display: block;} .link-dropdown:hover ul{display: block;} .link-dropdown:hover ul li{padding: 6px 3px; transition: .6s ease padding;} .gaana_icon{background-position:-348px -234px; width:85px; height:18px; display:block; margin-top:3px;} /*Native Ad Icon color*/ .clmcup{background:url(https://static.toiimg.com/photo/48374813.cms) no-repeat 0 0; width: 14px; height: 14px; float: right; margin: -5px 0 0 0; display:block;} [data-native-tmpl-temp]:hover .clmcup, [data-native-tmpl]:hover .clmcup, .ctn_ads_twins:hover .clmcup, .ctn_toi_search_ads:hover .clmcup{background:url(https://static.toiimg.com/photo/48374813.cms) no-repeat -16px 0; width: 14px; height: 14px; float: right; margin: -5px 0 0 0; display:block;} .webonly{display:block;} .ipadonly, .mobileonly{display:none;} .dashvideoplayer .close_toi{background:#000; border:2px solid #fff; width:11px; height:11px; padding:2px; text-align:center; position:absolute; right:-6px; top:-2px; cursor:pointer; border-radius:100%;} .dashvideoplayer .close_toi:before{content:'x'; color:#fff; font-size:14px; display:block; line-height:9px;} /*wdt_list with header*/ .box13{font-size: 13px;border-top: 5px solid #333;clear: both;padding: 15px 20px 10px;overflow: hidden;} .box13 .cvs_wdt {padding: 10px 0 0;overflow: hidden;clear: both;float: none !important;width: auto !important;border: 0 none !important;} .box13 .cvs_wdt li {border-bottom: 1px solid #ddd;padding: 8px 0;font-size: 14px;font-family: 'Roboto';} .box13 .cvs_wdt li span a {color: #000;text-decoration: none;} .box13 .sechead{color: #444;font: 700 20px/22px roboto,arial,sans-serif;margin: 0;padding: 0;position: relative;} /*for Ent. by Hem*/ #navigation.entertainment, #navigation.entertainment .wrapper, #navigation.entertainment ul.level-one>li, #navigation.entertainment #nav-home>a, #navigation.entertainment #nav-home:hover>a{background:#000; height:29px;} #navigation.entertainment.nol2nav, #navigation.entertainment.nol2nav .wrapper, #navigation.entertainment.nol2nav ul.level-one>li, #navigation.entertainment.nol2nav #nav-home>a, #navigation.entertainment.nol2nav #nav-home:hover>a{background:#be2819;} #navigation.entertainment ul li .droparw{background:url(https://static.toiimg.com/photo/27589586.cms) no-repeat scroll 0 top;} .l2-menu.entertainment, .l2-menu.entertainment .wrapper, .bgImg .l2-menu.entertainment .wrapper {background:#be2819;} .bgImg .l2-menu.entertainment{background:0;} /*for disclaimer*/ .pagedicclaimer{background-color:#f0f0f0; height:30px; line-height:30px; color:#333; font-size:12.4px; clear:both; margin:0 0 10px 0; padding-left:5px;} .pagedicclaimer strong{font-weight:bold;} /*for disclaimer*/ @media only screen and (max-width: 1024px) { .search-form.hover{right:-17px;} #navigation{margin-right:-1px;} .gallery-widget .next-btn, .gallery-widget .previous-btn{display: block; height: 37px; margin-left: 6px; width: 20px; top:-38px; right:5px; cursor:pointer;} .gallery-widget .next-btn { background-position: -314px -27px; right:0;} .gallery-widget .previous-btn{left:-6px; background-position: -296px -27px;} .gallery-widget .title-bar{padding:0 25px 0 25px;} } /********************************************************************************************** PURPOSE : CSS FOR DIFFERENT BROWSERS ***********************************************************************************************/ /*------------------------------------------ // IE - All Versions - Windows //------------------------------------------*/ /* Clearfix Method for containing floats in IE */ .ie .clearfix { display: inline-block; } /* ... especialy for IE7 */ .ie .clearfix { display: block; } /* ... for IE5,IE6,IE7 */ * html.ie .clearfix { height: 1%; } /* ... for IE5 + IE6/Win */ /* Adjustment of .floatbox class for IE */ .ie .floatbox { width:100%; } /*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */ .ie .css3 { behavior: url("js/PIE.htc"); } /*------------------------------------------ // IE - IE6.0 - Windows //------------------------------------------*/ .ie7 .entertainmet-widget figure span.caption, .ie8 .entertainmet-widget figure span.caption{background:#DA0005;} .ie7 .videos-widget .thumbnail .caption, .ie7 .gallery-widget .slider .thumbnail .caption, .ie8 .videos-widget .thumbnail .caption, /*.ie8 .gallery-widget .slider .thumbnail .caption{background:#111;}*/ .ie7 .citrus span.caption, .ie8 .citrus span.caption{background:#7BB101;} .ie7 .blue span.caption, .ie8 .blue span.caption{background:#0270DF;} .ie7 .orange span.caption, .ie8 .orange span.caption{background:#E8A401;} .ie8 .featured-news span.caption{background:#fff;} .ie8 #navigation ul.level-one > li > a{padding:0 1px 0 2px;} .ie8 .trending .wrapper{height:20px;} .ie8 #navigation UL.level-one LI .icon_home{margin-top:6px;} .chrome ul.list2 li > a, .chrome ul.list1 li > a{display:inline !important; position:relative; left:-4px;} .safari ul.list2 li > a{display:inline !important; } .safari ul.list2 li.video > a{display:block !important;} .ff ul.list2 li.video a{margin-left:0;} .webkit .two-column-layout1 .column1 ul.list2{margin-left:12px;} .webkit .two-column-layout1 .column1 ul.list2 li.video{margin-left:-15px;} .safari .two-column-layout1 .column1 ul.list2 li.video{margin-left:-16px;} .webkit ul.list2{margin-left:15px;} .webkit ul.list2 li.main-story{margin-left:-13px;} .ipad .gallery-widget ul.sub-navigation li{padding:0 4px;} .webkit .specials-widget ul{margin-left:0;} .webkit .specials-widget ul li{list-style-position:inside;} /* Adds near-native PNG support with alpha opacity in IE6 */ /* ie6 img { behavior: url("js/iepngfix.htc"); } */ /* Adds ability to user :hover selector on any tag in IE6 */ .ie6 body { behavior: url("js/csshover.htc"); } /********************************************************************************************** /CSS FOR DIFFERENT BROWSERS ***********************************************************************************************/ @media screen and (min-width:768px) { #navigation.tv-orange, #navigation.tv-orange .wrapper, #navigation.tv-orange ul.level-one>li, #navigation.tv-orange .search-form.hover{background:#ff7519!important;} #navigation.tv-orange #nav-home>a, #navigation #nav-home:hover>a {background:#e56916!important;} } @media screen and (min-width: 768px) and (max-width: 1024px) { .bgImg { background:none !important; } #closeDiv { display:none; } /*CSS for election 2017*/ .electiontheme + #navigation .nav-multimedia{display: none!important;} } @media screen and (min-width: 768px) and (max-width: 999px) { .webonly, .mobileonly{display:none} .ipadonly{display:block;} .bgImg #header{background:#d0373c;} .bgImg #navigation{background:#303030;} #navigation ul.level-one > li > a{padding:0 5px;} #navigation .wrapper, .l2-menu .wrapper{width:748px; margin:0 auto;} .trending .wrapper, .breaking-news .wrapper{width:655px;} .ticker-title span{font-size: 80%!important;} #content .wrapper, .navbdcrumb{width:655px; margin:0 auto;} #header, #content, .trending {padding-left:10px; padding-right:10px;} #navigation{ width:100%;margin-right:-1px;} #content{overflow-x:hidden; padding:0; width:100%;} #header .adbox-left, #header .adbox-right{display:none; } .logo{float:none; margin:0 auto 10px;} #closeDiv{display:none;} .TPBottomPopCont{width:768px !important; } .TPPointsBox{width:118px !important;} .TPPointsBG{width:118px !important; background-position:14px -427px;} .TPMidCrsl{width:342px !important;} .TPMidCrsl .TPMidCrslMidCont{width:262px !important;} /**--Liveblog css--**/ div.liveblog-coverage .img-div{width:286px;} div.liveblog-coverage .center-div{width:336px; float:right;} div.liveblog-coverage .right-div{width:286px; padding:10px 0; float:left;} .twitter-div{width:286px!important; float:left;} div.liveblog-coverage {width:655px} .liveblogScroll {height:440px;} .search-form.hover{right:-15px;} .search-form{margin-right:3px;} #navigation li#nav-sports .dropdown.left, #navigation li#nav-entertainment .dropdown.left{left:-62px;} #navigation li#nav-life .dropdown.left{left:-153px;} /*#nav-opinion, #nav-life, #nav-tv, .nav-sports-awards-2015, .nav-art-culture, .nav-about-this-section, .nav-community{display:none;}*/ #navigation li.service-tab{display:none;} .bgImg #navigation{background:#e44349;} .sbtn .search-btn{right:-2px;} #navigation ul.level-one{height:27px; width:704px; overflow:hidden;} #navigation ul.level-one.nooverflow{overflow:inherit; height:inherit; width:auto;} /*CSS for good governance and television-highlightswidget widget to be in one line*/ .toi-widgets #television-highlightswidget, .toi-widgets #good-newswidget{width:48%; float:left; margin-right:2%;} /*CSS for Navigation : ipad*/ .nav-allsections{display:none;} .nav-ipad .drpdwn-nav-ipad{ position:absolute; top:29px; right:0; width:auto; white-space:nowrap; background:#be2819; display:none;} .nav-ipad:hover .drpdwn-nav-ipad{display:block;} .nav-ipad:hover .drpdwn-nav-ipad li{border-bottom:1px solid #dadada;} .nav-ipad:hover .drpdwn-nav-ipad li a{font:bold 12px/13px roboto, calibri, arial, sans-serif; color:#fff; padding:7px 10px; display:block;} /*#navigation ul.level-one li:nth-child(n+11){ display: none;}*/ .nav-ipad, li.nav-amazon{display:block!important;} #navigation ul.level-one>li:nth-child(4).nav-ipad, #navigation ul.level-one>li:nth-child(5).nav-ipad, #navigation ul.level-one>li:nth-child(6).nav-ipad, #navigation ul.level-one>li:nth-child(7).nav-ipad, #navigation ul.level-one>li:nth-child(8).nav-ipad, #navigation ul.level-one>li:nth-child(9).nav-ipad, #navigation ul.level-one>li:nth-child(10).nav-ipad, #navigation ul.level-one>li:nth-child(11).nav-ipad, #navigation ul.level-one>li:nth-child(12).nav-ipad{display:none!important;} /*CSS for election 2017*/ .electiontheme + #navigation .nav-exit-polls > a, .electiontheme + #navigation .nav-news > a, .electiontheme + #navigation .nav-multimedia, .electiontheme + #navigation .nav-ipad{display: none!important;} .electiontheme + #navigation .nav-exit-polls a[href="/elections/exit-polls"], .electiontheme + #navigation .nav-news a[href="/elections/news"]{display: block!important;} /*/CSS for Navigation : ipad*/ .ticker-content{left: 140px;} .ticker{width:510px;} .ticker-title{transform: skew(0); padding: 0 8px!important; text-align: center;} } @media screen and (max-width: 767px) { #container, #header, #navigation, /*#footer*/{width:1000px; margin:0 auto;} .wrapper{width:100% !important; max-width:inherit;} #navigation.sticky{position:static !important;} .webonly, .ipadonly{display:none} .mobileonly{display:block;} } #navigation ul.level-one > li > a{font-family: roboto, 'Roboto', calibri, 'arial narrow', sans-serif !important;} .mac.safari #navigation ul.level-one > li > a{font-size: 11px;} #content .wrapper {padding-top: 8px;} .l2-menu .wrapper{padding-top:0px!important;} .points_silver{background: #969a9c!important;} .points_bronze{background: #e3cc05!important;} .points_gold{background: #e08c13!important;} .points_platinum{background: #7690d3!important;} /** Navigation CSS for amazon */ #amzn_domain {display:none;} /*****custom header css*****/ header#header.rio-2016-olympics{ background: #222 url(https://static.toiimg.com/photo/53073754.cms) no-repeat 0 0; background-size: cover; } header#header.rio-2016-olympics .wrapper{background:none;} .rio-2016-olympics#header .header_top { border-bottom:0; } .rio-2016-olympics#header .toi-logo .htcls{font-size: 0; line-height: 0;} .rio-2016-olympics#header .toi-logo .htcls:after{content: "Sports | RIO Olympics - 2016"; font-size: 17px; line-height: 26px;} body.bgImg .rio-2016-olympics + #navigation { background: #111!important; border: 0; height: 41px; } .rio-2016-olympics + #navigation .wrapper{ background: 0; } .rio-2016-olympics + #navigation ul.level-one>li{border-right: 1px solid #333;} .rio-2016-olympics + #navigation ul.level-one>li, .rio-2016-olympics + #navigation ul.level-one>li>a{background: 0; line-height: 40px;} .rio-2016-olympics+#navigation ul.level-one>li.current>a{background: #f43f24; color: #fff;} .rio-2016-olympics + #navigation.sticky, .rio-2016-olympics + #navigation.sticky #nav-home>a, .rio-2016-olympics + #navigation.sticky #nav-home:hover>a{height: 40px;} .rio-2016-olympics + #navigation ul.level-one>li.category>a:after{content: none;} .rio-2016-olympics + #navigation.navtree ul.level-one>li>a{line-height: 40px; padding: 0 14px; height:40px; } .rio-2016-olympics + #navigation ul.level-one>li.category>a, .rio-2016-olympics + #navigation.sticky ul.level-one>li.category>a{margin-right: 0; background: 0!important; color: #fff!important;} .rio-2016-olympics + #navigation #nav-home:hover>a, .rio-2016-olympics + #navigation ul.level-one>li:hover>a, .rio-2016-olympics + #navigation ul.level-one>li.category.hover>a, .rio-2016-olympics + #navigation ul.level-one>li.category:hover>a{height: 40px; background: #f43f24!important; color: #fff;} .rio-2016-olympics + #navigation #nav-home > a .icon_home { margin-right:2px; } .rio-2016-olympics + #navigation #nav-home:hover>a .icon_home{background-position: -256px -133px;} .rio-2016-olympics + #navigation #nav-home .dropdown { display:none !important; } .rio-2016-olympics + #navigation #nav-home>a { padding:0 35px 0 15px; height: 40px;} .rio-2016-olympics + #navigation ul.level-one li.nav-home a { position:relative; } .rio-2016-olympics + #navigation ul.level-one li.nav-home a:after { position:absolute; content:'TOI'; color:#fff; width:auto; top:-1px; } .rio-2016-olympics + #navigation .droparw { height:4px; background-position:left top !important; margin-top:-2px; } .rio-2016-olympics + #navigation li.hover .droparw, .rio-2016-olympics + #navigation li:hover .droparw { background-position:left bottom; } .rio-2016-olympics + #navigation .mob_subNav_val { width:210px; background:#1d1d1d; padding:0; height:0; overflow:hidden; position:absolute; left:0; top:40px; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; display:block !important; opacity:0; } .rio-2016-olympics + #navigation ul.level-one>li:hover .mob_subNav_val { height:auto; overflow:visible; opacity:1; } .rio-2016-olympics + #navigation .mob_subNav_val li { border-bottom:1px solid #333; padding: 0 10px; transition: .25s all;} .rio-2016-olympics + #navigation .mob_subNav_val li:hover{background: #444;} .rio-2016-olympics + #navigation .mob_subNav_val li:last-child { border-bottom:0; } .rio-2016-olympics + #navigation .mob_subNav_val li a { font-size:14px; text-transform:uppercase; color:#fff; text-decoration:none; display:block; padding:12px 0; } .rio-2016-olympics + #navigation .mob_subNav_val .dropdown { display:none !important; } /*****custom header css*****/ /*us election 2016 header styling*/ .us-elections-2016 .sub-header,.us-elections-2016 .header_top,.us-elections-2016 .header_bottom{display:none!important;} .us-elections-2016{ background: #000 url(https://static.toiimg.com/photo/55292176.cms) no-repeat center !important; height: 213px; } .us-elections-2016 + #navigation, .us-elections-2016 + #navigation .wrapper{background: #111!important; border: 0; height: 40px;} .us-elections-2016 + #navigation ul.level-one>li{border-right: 1px solid #333;} .us-elections-2016 + #navigation ul.level-one>li, .us-elections-2016 + #navigation ul.level-one>li>a{background: 0; line-height: 40px;} .us-elections-2016 + #navigation #nav-home>a, .us-elections-2016 + #navigation.sticky #nav-home>a{background: #111; height: 40px;} .us-elections-2016 + #navigation #nav-home:hover>a{background: #252525!important;} .us-elections-2016 + #navigation.sticky, .us-elections-2016 + #navigation.sticky #nav-home>a, .us-elections-2016 + #navigation.sticky #nav-home:hover>a{height: 40px;} .us-elections-2016 + #navigation ul.level-one>li.category>a { background-color:#111!important; } .us-elections-2016 + #navigation.sticky ul.level-one>li.category>a { background-color:#111!important; color:#fff; } .us-elections-2016 + #navigation ul.level-one>li.category>a:after{content: none;} .us-elections-2016 + #navigation #nav-home:hover>a .icon_home { background-position:-256px -133px; } .us-elections-2016 + #navigation #nav-home>a, .us-elections-2016 + #navigation #nav-home:hover>a { height:auto; } .us-elections-2016 + #navigation.navtree ul.level-one>li>a{ line-height: 40px; padding: 0px 12px; text-transform: uppercase; font-weight: 400; font-size: 12px;} .us-elections-2016 + #navigation.navtree ul.level-one>li:hover > a, .us-elections-2016 + #navigation.navtree ul.level-one>li.current > a { background:#252525!important; color:#fff; } .nav-rio-results{border-right: 0!important; display:none;} .us-elections-2016 + #navigation ul.level-one>li.category>a, .us-elections-2016 + #navigation ul.level-one>li.category.hover>a, .us-elections-2016 + #navigation.sticky ul.level-one>li.category>a{margin-right: 0; } .us-elections-2016 + #navigation #nav-home > a .icon_home { margin-right:2px; } .us-elections-2016 + #navigation #nav-home .dropdown { display:none !important; } .us-elections-2016 + #navigation #nav-home>a { padding:0 35px 0 15px; } .us-elections-2016 + #navigation ul.level-one li.nav-home a { position:relative; } .us-elections-2016 + #navigation ul.level-one li.nav-home a:after { position:absolute; content:'TOI'; color:#fff; width:auto; top:-1px; } .us-elections-2016 + #navigation .droparw { height:4px; background-position:left top !important; margin-top:-2px; } .us-elections-2016 + #navigation li.hover .droparw, #navigation li:hover .droparw { background-position:left bottom; } .us-elections-2016 + #navigation .mob_subNav_val { width:210px; background:#1d1d1d; padding:0; height:0; overflow:hidden; position:absolute; left:0; top:40px; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; display:block !important; opacity:0; } .us-elections-2016 + #navigation ul.level-one>li:hover .mob_subNav_val { height:auto; overflow:visible; opacity:1; } .us-elections-2016 + #navigation .mob_subNav_val li { border-bottom:1px solid #333; padding: 0 10px; transition: .25s all;} .us-elections-2016 + #navigation .mob_subNav_val li:hover{background: #252525!important;} .us-elections-2016 + #navigation .mob_subNav_val li:last-child { border-bottom:0; } .us-elections-2016 + #navigation .mob_subNav_val li a { font-size:12px; text-transform:uppercase; color:#fff; text-decoration:none; display:block; padding:12px 0; } .us-elections-2016 + #navigation .mob_subNav_val .dropdown { display:none !important; } .us-elections-2016 + #navigation, .us-elections-2016 + #navigation .wrapper,.us-elections-2016 + #navigation ul.level-one>li{ background-color:#111!important; } .us-elections-2016 + #navigation + .l2-menu, .us-elections-2016 + #navigation .sbtn,.us-elections-2016 + #navigation .search-btn{display:none!important;} .us-elections-2016 + #navigation #nav-interactive ul.mob_subNav_val,.us-elections-2016 + #navigation #nav-primaries-debates ul.mob_subNav_val { border-bottom: 2px solid #111; } .us-elections-2016 + #navigation #nav-interactive:hover ul.mob_subNav_val, .us-elections-2016 + #navigation #nav-primaries-debates:hover ul.mob_subNav_val { display: block !important; } .us-elections-2016 + #navigation #nav-interactive a.navquery.lnavdata:hover,.us-elections-2016 + #navigation #nav-primaries-debates a.navquery.lnavdata:hover { background: none; color: #fff; } .us-elections-2016 .uselection_bar{height: 12px; position: relative; top: 201px; z-index: 1; overflow:hidden; } .us-elections-2016 .uselection_bar .candidate-bar { height: 12px; width: 0; } .us-elections-2016 .lightbg-blue{background:#42c2f5; height: 15px; width: 0; float:left;} .us-elections-2016 .lightbg-red{background:#ff5253; height: 15px; width: 0; float:right;} .uselection_votecnt{position:relative;} .us-elections-2016 .uselection_bar{overflow: inherit;} .uselection_votecnt .light-blue{color: #42c2f5;} .uselection_votecnt .light-red{color: #ff5253;} .uselection_votecnt #hillary_vote, .uselection_votecnt #trump_vote{position: absolute; left: 0; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 50px; bottom: 0; font-weight: 900;} .electwon{position: relative; line-height: 40px; display: block;} .electwon:after{content:"Electoral Votes"; text-transform: uppercase; position: absolute; bottom: -20px; left: 0; font-size: 16px; line-height: 1;width: 180px; text-align: left; font-weight: 600;} #trump_vote .electwon{text-align: right;} #trump_vote .electwon:after{right: 0; left: inherit; text-align: right;} .statewon{ font-size: 16px; text-transform: uppercase; display: block; color: #fff; font-size: 22px; line-height: 1; margin-top: 30px; font-weight: 600;} .uselection_votecnt #trump_vote{left: inherit; right: 0;} .uselection_bar{background: #666!important;} .uselection_bar:before{content: "270"; color: #666; position: absolute; left: 0; right: 0; margin: 0 auto; font-size: 20px; line-height: 1; top: -30px; display: block; height: 12px; width: 34px;} .uselection_bar:after{content:""; width: 1px; height: 10px; background: #666; display: block; left: 0; right: 0; margin: 0 auto; position: absolute; top: -10px;} .uselection_bar.wrapper, .uselection_votecnt.wrapper{padding: 0!important;} .us-elections-2016.popular-vote-cnt{border-bottom: 10px solid #666;} .popular-vote-cnt .uselection_bar::before, .popular-vote-cnt .uselection_bar::after {display: none;} .popular-vote-cnt .uselection_bar {height:0;} .popular-vote-cnt .electwon:after{content:'Popular Votes';} /*New Design*/ .uselection_votecnt #hillary_vote, .uselection_votecnt #trump_vote{bottom: 0} .uselection_votecnt #hillary_vote{width: 109px; height: 107px; left: 0} .uselection_votecnt #trump_vote{width: 117px; height: 107px; right: 0} .statewon{color: #999; font-size: 13px;} .uselection_votecnt #hillary_vote .electwon, .uselection_votecnt #trump_vote .electwon{position: absolute; line-height: 40px; display: block; left: 20px; font-weight: 900;} .uselection_votecnt #hillary_vote .statewon, .uselection_votecnt #trump_vote .statewon{position: absolute; left: 20px; min-width: 140px; top: 50px;} .uselection_votecnt #trump_vote .statewon, .uselection_votecnt #trump_vote .popularvote, .uselection_votecnt #trump_vote .electwon{left: inherit; right: 20px; text-align: right} .popular-vote-cnt .electwon{bottom: 30px} .popularvote{color: #999; font-size: 14px; text-transform: uppercase; min-width: 200px; line-height: 20px; position: absolute; bottom: 5px; left: 20px; text-align: left;} .popularvote:after{content: "Popular Votes"; display: block} @media screen and (max-width:999px) { header.us-elections-2016.vote-calc{max-width: 1000px; width: inherit!important; background-size: cover!important;} } /********TOISA 2016 Theme********/ .toisa2016#header{background:#000 url(https://static.toiimg.com/photo/62507649.cms?v=2) no-repeat center top;height:200px;} .toisa2016 .header_top, .toisa2016 .wrapper{display:none;} .toisa2016 .header_bottom{background:#00a7cc;} .toisa2016 + #navigation {background: #000;height: 40px;border:0;} .toisa2016 + #navigation .wrapper {background: #000;height: 40px;} .toisa2016 + #navigation .wrapper .sbtn, .toisa2016 + #navigation .wrapper .search-form{display:none;} .toisa2016 + #navigation #nav-home>a {padding: 0 35px 0 15px;background: #000;height:40px;} .toisa2016 + #navigation ul.level-one li .icon_home{top:7px;left:-5px;} .toisa2016 + #navigation #nav-home:hover>a{background:#000!important;color:#fff;} .toisa2016 + #navigation #nav-home:hover>a .icon_home {background-position: -256px -133px !important;} .toisa2016 + #navigation #nav-home .dropdown{display:none!important;} .toisa2016 + #navigation ul.level-one>li{background:#000; border-right: 1px solid #333;} .toisa2016 + #navigation ul.level-one>li>a{ font-size:14px; line-height: 30px; padding: 5px 15px; text-transform: uppercase; margin-right: 0; font-weight: 300;} .toisa2016 + #navigation ul.level-one>li.category>a,.toisa2016 + #navigation ul.level-one>li.category.hover>a{background:#000;color:#fff; margin-right: 0;} .toisa2016 + #navigation ul.level-one>li.category.hover>a,.toisa2016 + #navigation ul.level-one>li.category:hover>a,.toisa2016 + #navigation ul.level-one>li:hover>a,.toisa2016 + #navigation ul.level-one>li.current>a{background:#00a7cc;color:#fff;} .toisa2016 + #navigation.navtree ul.level-one>li>a:after{display:none;} .toisa2016 + #navigation ul.level-one li.nav-home a:after{position: absolute;content: 'TOI';color: #fff;width: auto;display:block!important;top: 5px;left: 30px;} .toisa2016 + #navigation + .navbdcrumb{max-width:100%;background:#fff;text-transform:uppercase;padding:5px 0;} .toisa2016 + #navigation + .navbdcrumb ol li{color:#999;} .toisa2016 + #navigation + .navbdcrumb li::after {content: '/'; position: absolute; background: #fff; width: 5px; padding-left: 5px;} .toisa2016 + #navigation + .navbdcrumb li:last-child::after{display:none;} @media screen and (max-width: 1024px) { .toisa2016#header { background-size:contain; height:170px; } } @media screen and (max-width: 768px) { .toisa2016#header { height:128px; } } /********************************/ /********IPL Theme********/ .ipltheme#header{background:#000 url(https://static.toiimg.com/photo/58222641.cms?v=1) no-repeat center top;height:200px;} .ipltheme .header_top, .ipltheme .wrapper{display:none;} .ipltheme + #navigation {background: #000;height: 40px;border:0;} .ipltheme + #navigation .wrapper {background: #000;height: 40px;} .ipltheme + #navigation .wrapper .sbtn, .ipltheme + #navigation .wrapper .search-form{display:none;} .ipltheme + #navigation #nav-home>a {padding: 0 35px 0 15px;background: #000;height:40px;} .ipltheme + #navigation ul.level-one li .icon_home{top:7px;left:-5px;} .ipltheme + #navigation #nav-home:hover>a{background:#000!important;color:#fff;} .ipltheme + #navigation #nav-home:hover>a .icon_home {background-position: -256px -133px !important;} .ipltheme + #navigation #nav-home .dropdown{display:none!important;} .ipltheme + #navigation ul.level-one>li{background:#000; border-right: 1px solid #333;} .ipltheme + #navigation ul.level-one>li>a{ font-size:13px; line-height: 30px; padding: 5px 15px; text-transform: uppercase; margin-right: 0; font-weight: 3000;} .ipltheme + #navigation ul.level-one>li.category>a,.ipltheme + #navigation ul.level-one>li.category.hover>a{background:#000;color:#fff; margin-right: 0;} .ipltheme + #navigation ul.level-one>li.category.hover>a,.ipltheme + #navigation ul.level-one>li.category:hover>a,.ipltheme + #navigation ul.level-one>li:hover>a,.ipltheme + #navigation ul.level-one>li.current>a{background:#030825;color:#fff;} .ipltheme + #navigation.navtree ul.level-one>li>a:after{display:none;} .ipltheme + #navigation ul.level-one li.nav-home a:after{position: absolute;content: 'TOI';color: #fff;width: auto;display:block!important;top: 5px;left: 30px;} .ipltheme + #navigation + .navbdcrumb{max-width:100%;background:#fff;text-transform:uppercase;padding:5px 0;} .ipltheme + #navigation + .navbdcrumb ol li{color:#999;} .ipltheme + #navigation + .navbdcrumb li::after {content: '/'; position: absolute; background: #fff; width: 5px; padding-left: 5px;} .ipltheme + #navigation + .navbdcrumb li:last-child::after{display:none;} /********************************/ /********Champions Trophy Theme********/ .championstrophytheme#header{background:#000 url(https://static.toiimg.com/photo/58859819.cms) no-repeat center top;height:200px;} .championstrophytheme .header_top, .championstrophytheme .wrapper{display:none;} .championstrophytheme + #navigation {background: #000;height: 40px;border:0;} .championstrophytheme + #navigation .wrapper {background: #000;height: 40px;} .championstrophytheme + #navigation .wrapper .sbtn, .championstrophytheme + #navigation .wrapper .search-form{display:none;} .championstrophytheme + #navigation #nav-home>a {padding: 0 35px 0 15px;background: #000;height:40px;} .championstrophytheme + #navigation ul.level-one li .icon_home{top:7px;left:-5px;} .championstrophytheme + #navigation #nav-home:hover>a{background:#000!important;color:#fff;} .championstrophytheme + #navigation #nav-home:hover>a .icon_home {background-position: -256px -133px !important;} .championstrophytheme + #navigation #nav-home .dropdown{display:none!important;} .championstrophytheme + #navigation ul.level-one>li{background:#000; border-right: 1px solid #333;} .championstrophytheme + #navigation ul.level-one>li>a{ font-size:13px; line-height: 30px; padding: 5px 15px; text-transform: uppercase; margin-right: 0; font-weight: 3000;} .championstrophytheme + #navigation ul.level-one>li.category>a,.championstrophytheme + #navigation ul.level-one>li.category.hover>a{background:#000;color:#fff; margin-right: 0;} .championstrophytheme + #navigation ul.level-one>li.category.hover>a,.championstrophytheme + #navigation ul.level-one>li.category:hover>a,.championstrophytheme + #navigation ul.level-one>li:hover>a,.championstrophytheme + #navigation ul.level-one>li.current>a{background:#030825;color:#fff;} .championstrophytheme + #navigation.navtree ul.level-one>li>a:after{display:none;} .championstrophytheme + #navigation ul.level-one li.nav-home a:after{position: absolute;content: 'TOI';color: #fff;width: auto;display:block!important;top: 5px;left: 30px;} .championstrophytheme + #navigation + .navbdcrumb{max-width:100%;background:#fff;text-transform:uppercase;padding:5px 0;} .championstrophytheme + #navigation + .navbdcrumb ol li{color:#999;} .championstrophytheme + #navigation + .navbdcrumb li::after {content: '/'; position: absolute; background: #fff; width: 5px; padding-left: 5px;} .championstrophytheme + #navigation + .navbdcrumb li:last-child::after{display:none;} /********************************/ /********Assembly Election 2017 Theme********/ .electiontheme#header{background:#000 url(https://static.toiimg.com/photo/61933977.cms) no-repeat center top;height:200px;position:relative;} .electiontheme#header .header_top .wrapper {display:none; } .electiontheme .header_top, .electiontheme .wrapper{display:none;} .electiontheme .header_bottom{background:#000;} .electiontheme + #navigation {background: #000;height: 40px;border:0;} .electiontheme + #navigation .wrapper {background: #000;height: 40px;} .electiontheme + #navigation .wrapper .sbtn, .electiontheme + #navigation .wrapper .search-form{display:none;} .electiontheme + #navigation #nav-home>a {padding: 0 35px 0 15px;background: #000;height:40px;} .electiontheme + #navigation ul.level-one li .icon_home{top:7px;left:-5px;} .electiontheme + #navigation #nav-home:hover>a{background:#000!important;color:#fff;} .electiontheme + #navigation #nav-home:hover>a .icon_home {background-position: -256px -133px !important;} .electiontheme + #navigation #nav-home .dropdown{display:none!important;} .electiontheme + #navigation ul.level-one>li{background:#000; border-right: 1px solid #333;} .electiontheme + #navigation ul.level-one>li>a{ font-size:14px; line-height: 30px; padding: 5px 15px; text-transform: uppercase; margin-right: 0; font-weight: 300;} .electiontheme + #navigation ul.level-one>li.category>a,.electiontheme + #navigation ul.level-one>li.category.hover>a{background:#000;color:#fff; margin-right: 0;} .electiontheme + #navigation ul.level-one>li.category.hover>a,.electiontheme + #navigation ul.level-one>li.category:hover>a,.electiontheme + #navigation ul.level-one>li:hover>a,.electiontheme + #navigation ul.level-one>li.current>a{background:#252525;color:#fff;} .electiontheme + #navigation.navtree ul.level-one>li>a:after{display:none;} .electiontheme + #navigation ul.level-one li.nav-home a:after{position: absolute;content: 'TOI';color: #fff;width: auto;display:block!important;top: 5px;left: 30px;} .electiontheme + #navigation + .navbdcrumb, .electiontheme + #navigation + .l2-menu + .navbdcrumb{max-width:100%;background:#fff;text-transform:uppercase;padding:5px 0;} .electiontheme + #navigation + .navbdcrumb ol li, .electiontheme + #navigation + .l2-menu + .navbdcrumb ol li{color:#999;} .electiontheme + #navigation + .navbdcrumb li::after, .electiontheme + #navigation+ .l2-menu + .navbdcrumb li::after {content: '/'; position: absolute; background: #fff; width: 5px; padding-left: 5px;} .electiontheme + #navigation + .navbdcrumb li:last-child::after, .electiontheme + #navigation + .l2-menu + .navbdcrumb li:last-child::after{display:none;} .electiontheme + #navigation+ .l2-menu{top:0;text-transform: uppercase;} .electiontheme + #navigation li .dropdown ul.list7 li#lnavmultimedia,.electiontheme + #navigation li .dropdown ul.list7 li#lnavdata-center{display:none;} .electiontheme + #navigation li .dropdown.hide-right, .electiontheme + #navigation li.hide-right .dropdown { width: 151px; top: 40px; background: #000; border-color: #252525; box-sizing: border-box; padding: 0; } .electiontheme + #navigation li .dropdown .two-column-layout, .nav_level2 li .dropdown .two-column-layout { background:none; } .electiontheme + #navigation li .dropdown .two-column-layout .left-column { margin: 0; width: 100%; padding-bottom:0px; } .electiontheme + #navigation li .dropdown ul.list7 li { border-bottom: 1px solid #252525; } .electiontheme + #navigation li .dropdown ul.list7 li a { display: block; line-height: 14px; font-size: 13px; padding: 10px; color: #fff; text-decoration: none; text-transform: uppercase; } .electiontheme + #navigation li .dropdown ul.list7 li:hover a, .electiontheme + #navigation li .dropdown ul.list7 li.active a { background:#252525; } .electiontheme + #navigation ul.level-one > li > a .droparw { background:none; position:relative; } .electiontheme + #navigation ul.level-one > li > a .droparw:after { position:absolute; content:''; border:4px solid transparent; border-top-color:#fff; } .electiontheme + #navigation ul.level-one>li.category1 { margin-left: 0; background: #000;} .electiontheme + #navigation ul.level-one>li.category1:hover{background: #252525;} .electiontheme + #navigation ul.level-one>li.category1>a, #navigation ul.level-one>li.category1.hover>a {background: #000;} .electiontheme + #navigation ul.level-one>li.category1 .nav_arrow_sprite {background: #000; position: relative; display: inline-block; height: 5px; margin: 0 0 0 5px; width: 8px; vertical-align: middle;} .electiontheme + #navigation ul.level-one>li.category1:hover .nav_arrow_sprite{background: #252525;} .electiontheme + #navigation ul.level-one>li.category1 .nav_arrow_sprite::after {position: absolute; content: ''; border: 4px solid rgba(0, 0, 0, 0); border-top-color: #fff; top: 14px; left: -16px;} /*Header video include CSS*/ .mhv #header .header_bottom{min-height: 91px;} #nav-election-home, #lnavexit-polls, #lnavresults{display:none!important;} @media screen and (max-width: 999px) and (min-width: 768px){ .electiontheme+#navigation ul.level-one>li>a{padding:4px;} } /********************************/ /********Delhi MCD Election 2017 Theme********/ .delhimcdelectiontheme#header{background:#000 url(https://static.toiimg.com/photo/95743761.cms) no-repeat center top;height:200px;position:relative;} .delhimcdelectiontheme .header_top, .delhimcdelectiontheme .wrapper{display:none;} .delhimcdelectiontheme .header_bottom{background:#000;} .delhimcdelectiontheme + #navigation {background: #000;height: 40px;border:0;} .delhimcdelectiontheme + #navigation .wrapper {background: #000;height: 40px;} .delhimcdelectiontheme + #navigation .wrapper .sbtn, .delhimcdelectiontheme + #navigation .wrapper .search-form{display:none;} .delhimcdelectiontheme + #navigation #nav-home>a {padding: 0 35px 0 15px;background: #000;height:40px;} .delhimcdelectiontheme + #navigation ul.level-one li .icon_home{top:7px;left:-5px;} .delhimcdelectiontheme + #navigation #nav-home:hover>a{background:#000!important;color:#fff;} .delhimcdelectiontheme + #navigation #nav-home:hover>a .icon_home {background-position: -256px -133px !important;} .delhimcdelectiontheme + #navigation #nav-home .dropdown{display:none!important;} .delhimcdelectiontheme + #navigation ul.level-one>li{background:#000; border-right: 1px solid #333;} .delhimcdelectiontheme + #navigation ul.level-one>li>a{ font-size:14px; line-height: 30px; padding: 5px 15px; text-transform: uppercase; margin-right: 0; font-weight: 300;} .delhimcdelectiontheme + #navigation ul.level-one>li.category>a,.delhimcdelectiontheme + #navigation ul.level-one>li.category.hover>a{background:#000;color:#fff; margin-right: 0;} .delhimcdelectiontheme + #navigation ul.level-one>li.category.hover>a,.delhimcdelectiontheme + #navigation ul.level-one>li.category:hover>a,.delhimcdelectiontheme + #navigation ul.level-one>li:hover>a,.delhimcdelectiontheme + #navigation ul.level-one>li.current>a{background:#252525;color:#fff;} .delhimcdelectiontheme + #navigation.navtree ul.level-one>li>a:after{display:none;} .delhimcdelectiontheme + #navigation ul.level-one li.nav-home a:after{position: absolute;content: 'TOI';color: #fff;width: auto;display:block!important;top: 5px;left: 30px;} .delhimcdelectiontheme + #navigation + .navbdcrumb, .delhimcdelectiontheme + #navigation + .l2-menu + .navbdcrumb{max-width:100%;background:#fff;text-transform:uppercase;padding:5px 0;} .delhimcdelectiontheme + #navigation + .navbdcrumb ol li, .delhimcdelectiontheme + #navigation + .l2-menu + .navbdcrumb ol li{color:#999;} .delhimcdelectiontheme + #navigation + .navbdcrumb li::after, .delhimcdelectiontheme + #navigation+ .l2-menu + .navbdcrumb li::after {content: '/'; position: absolute; background: #fff; width: 5px; padding-left: 5px;} .delhimcdelectiontheme + #navigation + .navbdcrumb li:last-child::after, .delhimcdelectiontheme + #navigation + .l2-menu + .navbdcrumb li:last-child::after{display:none;} .delhimcdelectiontheme + #navigation+ .l2-menu{top:0;text-transform: uppercase;} .delhimcdelectiontheme + #navigation li .dropdown ul.list7 li#lnavmultimedia,.delhimcdelectiontheme + #navigation li .dropdown ul.list7 li#lnavdata-center{display:none;} .delhimcdelectiontheme + #navigation li .dropdown.hide-right, .delhimcdelectiontheme + #navigation li.hide-right .dropdown { width: 151px; top: 40px; background: #000; border-color: #252525; box-sizing: border-box; padding: 0; } .delhimcdelectiontheme + #navigation li .dropdown .two-column-layout, .nav_level2 li .dropdown .two-column-layout { background:none; } .delhimcdelectiontheme + #navigation li .dropdown .two-column-layout .left-column { margin: 0; width: 100%; padding-bottom:0px; } .delhimcdelectiontheme + #navigation li .dropdown ul.list7 li { border-bottom: 1px solid #252525; } .delhimcdelectiontheme + #navigation li .dropdown ul.list7 li a { display: block; line-height: 14px; font-size: 13px; padding: 10px; color: #fff; text-decoration: none; text-transform: uppercase; } .delhimcdelectiontheme + #navigation li .dropdown ul.list7 li:hover a, .delhimcdelectiontheme + #navigation li .dropdown ul.list7 li.active a { background:#252525; } .delhimcdelectiontheme + #navigation ul.level-one > li > a .droparw { background:none; position:relative; } .delhimcdelectiontheme + #navigation ul.level-one > li > a .droparw:after { position:absolute; content:''; border:4px solid transparent; border-top-color:#fff; } .delhimcdelectiontheme + #navigation ul.level-one>li.category1 { margin-left: 0; background: #000;} .delhimcdelectiontheme + #navigation ul.level-one>li.category1:hover{background: #252525;} .delhimcdelectiontheme + #navigation ul.level-one>li.category1>a, #navigation ul.level-one>li.category1.hover>a {background: #000;} .delhimcdelectiontheme + #navigation ul.level-one>li.category1 .nav_arrow_sprite {background: #000; position: relative; display: inline-block; height: 5px; margin: 0 0 0 5px; width: 8px; vertical-align: middle;} .delhimcdelectiontheme + #navigation ul.level-one>li.category1:hover .nav_arrow_sprite{background: #252525;} .delhimcdelectiontheme + #navigation ul.level-one>li.category1 .nav_arrow_sprite::after {position: absolute; content: ''; border: 4px solid rgba(0, 0, 0, 0); border-top-color: #fff; top: 14px; left: -16px;} /*Header video include CSS*/ .mhv #header .header_bottom{min-height: 91px;} #nav-election-home, #lnavexit-polls, #lnavresults{display:none!important;} @media screen and (max-width: 999px) and (min-width: 768px){ .delhimcdelectiontheme+#navigation ul.level-one>li>a{padding:4px;} } /*CSS for Modi 3 years header and nav*/ header#header.modi3years{background: #000 url(https://static.toiimg.com/photo/58680810.cms) no-repeat center top; height: 200px; position: relative;} header#header.modi3years .header_top, header.modi3years .header_bottom, header.modi3years .sub-header{display: none;} .modi3years .header_bottom{background:#000;} .modi3years + #navigation {background: #000;height: 40px;border:0;} .modi3years + #navigation .wrapper {background: #000;height: 40px;} .modi3years + #navigation .wrapper .sbtn, .modi3years + #navigation .wrapper .search-form{display:none;} .modi3years + #navigation #nav-home>a {padding: 0 35px 0 15px;background: #000;height:40px;} .modi3years + #navigation ul.level-one li .icon_home{top:7px;left:-5px;} .modi3years + #navigation #nav-home:hover>a{background:#000!important;color:#fff;} .modi3years + #navigation #nav-home:hover>a .icon_home {background-position: -256px -133px !important;} .modi3years + #navigation #nav-home .dropdown{display:none!important;} .modi3years + #navigation ul.level-one>li{background:#000; border-right: 1px solid #333;} .modi3years + #navigation ul.level-one>li>a{ font-size:14px; line-height: 30px; padding: 5px 15px; text-transform: uppercase; margin-right: 0; font-weight: 300;} .modi3years + #navigation ul.level-one>li.category>a,.modi3years + #navigation ul.level-one>li.category.hover>a{background:#000;color:#fff; margin-right: 0;} .modi3years + #navigation ul.level-one>li.category.hover>a,.modi3years + #navigation ul.level-one>li.category:hover>a,.modi3years + #navigation ul.level-one>li:hover>a,.modi3years + #navigation ul.level-one>li.current>a{background:#252525;color:#fff;} .modi3years + #navigation.navtree ul.level-one>li>a:after{display:none;} .modi3years + #navigation ul.level-one li.nav-home a:after{position: absolute;content: 'TOI';color: #fff;width: auto;display:block!important;top: 5px;left: 30px;} .modi3years + #navigation + .navbdcrumb, .modi3years + #navigation + .l2-menu + .navbdcrumb{max-width:100%;background:#fff;text-transform:uppercase;padding:5px 0;} .modi3years + #navigation + .navbdcrumb ol li, .modi3years + #navigation + .l2-menu + .navbdcrumb ol li{color:#999;} .modi3years + #navigation + .navbdcrumb li::after, .modi3years + #navigation+ .l2-menu + .navbdcrumb li::after {content: '/'; position: absolute; background: #fff; width: 5px; padding-left: 5px;} .modi3years + #navigation + .navbdcrumb li:last-child::after, .modi3years + #navigation + .l2-menu + .navbdcrumb li:last-child::after{display:none;} .modi3years + #navigation+ .l2-menu{top:0;text-transform: uppercase;} .modi3years + #navigation li .dropdown ul.list7 li#lnavmultimedia,.modi3years + #navigation li .dropdown ul.list7 li#lnavdata-center{display:none;} .bgImg .modi3years + #navigation + .navbdcrumb{max-width: 1000px; padding-left: 5px;} .modi3years + #navigation li .dropdown.hide-right, .modi3years + #navigation li.hide-right .dropdown { width: 151px; top: 40px; background: #000; border-color: #252525; box-sizing: border-box; padding: 0; } .modi3years + #navigation li .dropdown .two-column-layout, .nav_level2 li .dropdown .two-column-layout { background:none; } .modi3years + #navigation li .dropdown .two-column-layout .left-column { margin: 0; width: 100%; padding-bottom:0px; } .modi3years + #navigation li .dropdown ul.list7 li { border-bottom: 1px solid #252525; } .modi3years + #navigation li .dropdown ul.list7 li a { display: block; line-height: 14px; font-size: 13px; padding: 10px; color: #fff; text-decoration: none; text-transform: uppercase; } .modi3years + #navigation li .dropdown ul.list7 li:hover a, .modi3years + #navigation li .dropdown ul.list7 li.active a { background:#252525; } .modi3years + #navigation ul.level-one > li > a .droparw { background:none; position:relative; } .modi3years + #navigation ul.level-one > li > a .droparw:after { position:absolute; content:''; border:4px solid transparent; border-top-color:#fff; } .modi3years + #navigation ul.level-one>li.category1 { margin-left: 0; background: #000;} .modi3years + #navigation ul.level-one>li.category1:hover{background: #252525;} .modi3years + #navigation ul.level-one>li.category1>a, #navigation ul.level-one>li.category1.hover>a {background: #000;} .modi3years + #navigation ul.level-one>li.category1 .nav_arrow_sprite {background: #000; position: relative; display: inline-block; height: 5px; margin: 0 0 0 5px; width: 8px; vertical-align: middle;} .modi3years + #navigation ul.level-one>li.category1:hover .nav_arrow_sprite{background: #252525;} .modi3years + #navigation ul.level-one>li.category1 .nav_arrow_sprite::after {position: absolute; content: ''; border: 4px solid rgba(0, 0, 0, 0); border-top-color: #fff; top: 14px; left: -16px;} .bgImg header#header.modi3years{max-width: 1000px; margin: auto;} @media screen and (max-width: 999px) and (min-width: 768px){ .modi3years + #navigation ul.level-one>li>a{padding:4px;} header#header.modi3years{background-position: -240px top;} } /*/CSS for Modi 3 years header and nav*/ /*CSS for Big B 75 years bday header and nav*/ header#header.bigb75years{background: #000 url(https://static.toiimg.com/photo/61024319.cms) no-repeat center top; height: 200px; position: relative;} header#header.bigb75years .header_top, header.bigb75years .header_bottom, header.bigb75years .sub-header{display: none;} .bigb75years .header_bottom{background:#000;} .bigb75years + #navigation {background: #000;height: 40px;border:0;} .bigb75years + #navigation .wrapper {background: #000;height: 40px;} .bigb75years + #navigation .wrapper .sbtn, .bigb75years + #navigation .wrapper .search-form{display:none;} .bigb75years + #navigation #nav-home>a {padding: 0 35px 0 15px;background: #000;height:40px;} .bigb75years + #navigation ul.level-one li .icon_home{top:7px;left:-5px;} .bigb75years + #navigation #nav-home:hover>a{background:#000!important;color:#fff;} .bigb75years + #navigation #nav-home:hover>a .icon_home {background-position: -256px -133px !important;} .bigb75years + #navigation #nav-home .dropdown{display:none!important;} .bigb75years + #navigation ul.level-one>li{background:#000; border-right: 1px solid #333;} .bigb75years + #navigation ul.level-one>li>a{ font-size:14px; line-height: 30px; padding: 5px 15px; text-transform: uppercase; margin-right: 0; font-weight: 300;} .bigb75years + #navigation ul.level-one>li.category>a,.bigb75years + #navigation ul.level-one>li.category.hover>a{background:#000;color:#fff; margin-right: 0;} .bigb75years + #navigation ul.level-one>li.category.hover>a,.bigb75years + #navigation ul.level-one>li.category:hover>a,.bigb75years + #navigation ul.level-one>li:hover>a,.bigb75years + #navigation ul.level-one>li.current>a{background:#252525;color:#fff;} .bigb75years + #navigation.navtree ul.level-one>li>a:after{display:none;} .bigb75years + #navigation ul.level-one li.nav-home a:after{position: absolute;content: 'TOI';color: #fff;width: auto;display:block!important;top: 5px;left: 30px;} .bigb75years + #navigation + .navbdcrumb, .bigb75years + #navigation + .l2-menu + .navbdcrumb{max-width:100%;background:#fff;text-transform:uppercase;padding:5px 0;} .bigb75years + #navigation + .navbdcrumb ol li, .bigb75years + #navigation + .l2-menu + .navbdcrumb ol li{color:#999;} .bigb75years + #navigation + .navbdcrumb li::after, .bigb75years + #navigation+ .l2-menu + .navbdcrumb li::after {content: '/'; position: absolute; background: #fff; width: 5px; padding-left: 5px;} .bigb75years + #navigation + .navbdcrumb li:last-child::after, .bigb75years + #navigation + .l2-menu + .navbdcrumb li:last-child::after{display:none;} .bigb75years + #navigation+ .l2-menu{top:0;text-transform: uppercase;} .bigb75years + #navigation li .dropdown ul.list7 li#lnavmultimedia,.bigb75years + #navigation li .dropdown ul.list7 li#lnavdata-center{display:none;} .bgImg .bigb75years + #navigation + .navbdcrumb{max-width: 1000px; padding-left: 5px;} .bigb75years + #navigation li .dropdown.hide-right, .bigb75years + #navigation li.hide-right .dropdown { width: 151px; top: 40px; background: #000; border-color: #252525; box-sizing: border-box; padding: 0; } .bigb75years + #navigation li .dropdown .two-column-layout, .nav_level2 li .dropdown .two-column-layout { background:none; } .bigb75years + #navigation li .dropdown .two-column-layout .left-column { margin: 0; width: 100%; padding-bottom:0px; } .bigb75years + #navigation li .dropdown ul.list7 li { border-bottom: 1px solid #252525; } .bigb75years + #navigation li .dropdown ul.list7 li a { display: block; line-height: 14px; font-size: 13px; padding: 10px; color: #fff; text-decoration: none; text-transform: uppercase; } .bigb75years + #navigation li .dropdown ul.list7 li:hover a, .bigb75years + #navigation li .dropdown ul.list7 li.active a { background:#252525; } .bigb75years + #navigation ul.level-one > li > a .droparw { background:none; position:relative; } .bigb75years + #navigation ul.level-one > li > a .droparw:after { position:absolute; content:''; border:4px solid transparent; border-top-color:#fff; } .bigb75years + #navigation ul.level-one>li.category1 { margin-left: 0; background: #000;} .bigb75years + #navigation ul.level-one>li.category1:hover{background: #252525;} .bigb75years + #navigation ul.level-one>li.category1>a, #navigation ul.level-one>li.category1.hover>a {background: #000;} .bigb75years + #navigation ul.level-one>li.category1 .nav_arrow_sprite {background: #000; position: relative; display: inline-block; height: 5px; margin: 0 0 0 5px; width: 8px; vertical-align: middle;} .bigb75years + #navigation ul.level-one>li.category1:hover .nav_arrow_sprite{background: #252525;} .bigb75years + #navigation ul.level-one>li.category1 .nav_arrow_sprite::after {position: absolute; content: ''; border: 4px solid rgba(0, 0, 0, 0); border-top-color: #fff; top: 14px; left: -16px;} .bgImg header#header.bigb75years{max-width: 1000px; margin: auto;} @media screen and (max-width: 999px) and (min-width: 768px){ .bigb75years + #navigation ul.level-one>li>a{padding:4px;} header#header.bigb75years{background-position: -240px top;} } /*/CSS for Big B 75 years bday header and nav*/ /*CSS for Common Events header and nav*/ header#header.events-theme.yogaday{background: #1f2020 url(https://static.toiimg.com/photo/59236962.cms) no-repeat center top; height: 200px; position: relative;} header#header.events-theme .header_top, header.events-theme .header_bottom, header.events-theme .sub-header{display: none;} .events-theme .header_bottom{background:#000;} .events-theme + #navigation {background: #000;height: 40px;border:0;} .events-theme + #navigation .wrapper {background: #000;height: 40px;} .events-theme + #navigation .wrapper .sbtn, .events-theme + #navigation .wrapper .search-form{display:none;} .events-theme + #navigation #nav-home>a {padding: 0 35px 0 15px;background: #000;height:40px;} .events-theme + #navigation ul.level-one li .icon_home{top:7px;left:-5px;} .events-theme + #navigation #nav-home:hover>a{background:#000!important;color:#fff;} .events-theme + #navigation #nav-home:hover>a .icon_home {background-position: -256px -133px !important;} .events-theme + #navigation #nav-home .dropdown{display:none!important;} .events-theme + #navigation ul.level-one>li{background:#000; border-right: 1px solid #333;} .events-theme + #navigation ul.level-one>li>a{ font-size:14px; line-height: 30px; padding: 5px 15px; text-transform: uppercase; margin-right: 0; font-weight: 300;} .events-theme + #navigation ul.level-one>li.category>a,.events-theme + #navigation ul.level-one>li.category.hover>a{background:#000;color:#fff; margin-right: 0;} .events-theme + #navigation ul.level-one>li.category.hover>a,.events-theme + #navigation ul.level-one>li.category:hover>a,.events-theme + #navigation ul.level-one>li:hover>a,.events-theme + #navigation ul.level-one>li.current>a{background:#252525;color:#fff;} .events-theme + #navigation.navtree ul.level-one>li>a:after{display:none;} .events-theme + #navigation ul.level-one li.nav-home a:after{position: absolute;content: 'TOI';color: #fff;width: auto;display:block!important;top: 5px;left: 30px;} .events-theme + #navigation + .navbdcrumb, .events-theme + #navigation + .l2-menu + .navbdcrumb{max-width:100%;background:#fff;text-transform:uppercase;padding:5px 0 5px 5px; box-shadow: 0 1px 2px #bbb; box-sizing: border-box;} .events-theme + #navigation + .navbdcrumb ol li, .events-theme + #navigation + .l2-menu + .navbdcrumb ol li{color:#999;} .events-theme + #navigation + .navbdcrumb li::after, .events-theme + #navigation+ .l2-menu + .navbdcrumb li::after {content: '/'; position: absolute; background: #fff; width: 5px; padding-left: 5px;} .events-theme + #navigation + .navbdcrumb li:last-child::after, .events-theme + #navigation + .l2-menu + .navbdcrumb li:last-child::after{display:none;} .events-theme + #navigation+ .l2-menu{top:0;text-transform: uppercase;} .events-theme + #navigation li .dropdown ul.list7 li#lnavmultimedia,.events-theme + #navigation li .dropdown ul.list7 li#lnavdata-center{display:none;} .bgImg .events-theme + #navigation + .navbdcrumb{max-width: 1000px; padding-left: 5px;} .events-theme + #navigation li .dropdown.hide-right, .events-theme + #navigation li.hide-right .dropdown { width: 151px; top: 40px; background: #000; border-color: #252525; box-sizing: border-box; padding: 0; } .events-theme + #navigation li .dropdown .two-column-layout, .nav_level2 li .dropdown .two-column-layout { background:none; } .events-theme + #navigation li .dropdown .two-column-layout .left-column { margin: 0; width: 100%; padding-bottom:0px; } .events-theme + #navigation li .dropdown ul.list7 li { border-bottom: 1px solid #252525; } .events-theme + #navigation li .dropdown ul.list7 li a { display: block; line-height: 14px; font-size: 13px; padding: 10px; color: #fff; text-decoration: none; text-transform: uppercase; } .events-theme + #navigation li .dropdown ul.list7 li:hover a, .events-theme + #navigation li .dropdown ul.list7 li.active a { background:#252525; } .events-theme + #navigation ul.level-one > li > a .droparw { background:none; position:relative; } .events-theme + #navigation ul.level-one > li > a .droparw:after { position:absolute; content:''; border:4px solid transparent; border-top-color:#fff; } .events-theme + #navigation ul.level-one>li.category1 { margin-left: 0; background: #000;} .events-theme + #navigation ul.level-one>li.category1:hover{background: #252525;} .events-theme + #navigation ul.level-one>li.category1>a, #navigation ul.level-one>li.category1.hover>a {background: #000;} .events-theme + #navigation ul.level-one>li.category1 .nav_arrow_sprite {background: #000; position: relative; display: inline-block; height: 5px; margin: 0 0 0 5px; width: 8px; vertical-align: middle;} .events-theme + #navigation ul.level-one>li.category1:hover .nav_arrow_sprite{background: #252525;} .events-theme + #navigation ul.level-one>li.category1 .nav_arrow_sprite::after {position: absolute; content: ''; border: 4px solid rgba(0, 0, 0, 0); border-top-color: #fff; top: 14px; left: -16px;} .bgImg header#header.events-theme{max-width: 1000px; margin: auto;} @media screen and (max-width: 999px) and (min-width: 768px){ .events-theme + #navigation ul.level-one>li>a{padding:4px;} header#header.events-theme{background-position: -240px top;} } /*CSS for GST Header*/ header#header.gst{background: #1f2020 url(https://static.toiimg.com/photo/59371167.cms) no-repeat center top; height: 200px; position: relative;} @media screen and (max-width: 999px) and (min-width: 768px){ header#header.gst{background-position: -210px top;} } /*/CSS for GST Header*/ /*CSS for Common Events header and nav*/ /********************************/ /*/New Design*/ /**/ /************************** mWeb CSS **************************/ .mweb .main-content{float: left;} .mweb .sidebar{float: right;} .mweb #footer_m, #footer_m{display:none; font-size: 11px;} @media screen and (max-width: 999px){ .mweb #content{margin: 0 10px;width:auto;} .mweb .main-content, .mweb .sidebar {float: none;width: 100%!important;} .mweb .tabcontent span.more a{left:50% !important;transform:translateX(-50%);} .us-elections-2016 + #navigation.navtree ul.level-one>li>a{padding: 0 7px;} .us-elections-2016 + #navigation.navtree .search-form{display: none;} } @media screen and (max-width:767px){ /*CSS for Login label in mobile case*/ .mweb #footer_m .level1 {background:#e44349;} .mweb #footer_m .level1 .wrapper{background:#e44349; width:91%!important;} .mweb #footer_m .level1 .column{float:left; border-right:1px solid #d0373c; padding:10px 2%; border-left:1px solid #ea5358; width:28%; min-height:70px;} .mweb #footer_m .level1 .column.first{border-left:0; width:100%; text-align:center; float:none;} .mweb #footer_m .level1 .column.last{border-right:0;} .mweb #footer_m .level1 ul li{list-style:none; margin-bottom:5px; font-size:11px; line-height:13px;} .mweb #footer_m .level1 ul li a{color:#fff;} .mweb #footer_m .level4{background:#4b4a4a; } .mweb #footer_m .level4 .wrapper{background:#4b4a4a; padding:12px 0;} .mweb #footer_m .level4 p{text-align:center; font-size:11px; line-height:15px; color:#fff;} .mweb #footer_m .level4 p a{color:#fff;} .mweb #header .logo a.logo-img img{height:auto !important; width:230px!important;} /*.mweb #footer .level2 .sitemap, .mweb #footer .level3, .mweb #footer{display:none;}*/ /*.mweb #footer .level2 .wrapper{padding-top:0px;}*/ .mweb #nav-home{display:none!important;} .mweb #header .logo{width:250px; text-align:center; float:none; margin:0 auto} .mweb #header .logo a.logo-img{width:auto; height:22px} .mweb #header .header_top, .mweb #header .adbox-left, .mweb #header .adbox-right, .mweb #weathershow, .mweb .breaking-news,.mweb #weathershow{display:none!important} .mweb #footer_m{display:block;} .mweb #container, .mweb #header,.mweb #navigation,/*.mweb #footer*/{width:auto !important;} .mweb #navigation ul.level-one{display:none;} .mweb #navigation .wrapper li > a{color:#fff !important;line-height:12px !important;padding:0 !important;background:none !important;} .mweb #navigation li .dropdown,.mweb .nav_level2 li .dropdown{display:none !important;} .mweb li.g, body.mweb, .mweb .std,.mweb h1{font-size:small;} .mweb #navigation ul.level-one > li.category > a:after, .mweb #navigation ul.level-one > li.nav-tv-schedules > a:after, .mweb #navigation ul.level-one > li.nav-movie-finder > a:after{border:0 !important;} .mweb #navigation ul.level-one > li.nav-movie-finder.current, .mweb #navigation ul.level-one > li.nav-tv-schedules.current{background-image:none!important;} .mweb #navigation ul.level-one > li.category > a:hover:after{border-bottom:14px solid transparent!important; border-left:14px solid #FFF!important; border-top:14px solid transparent!important; content: " "!important; position: absolute!important; right:0px!important; top: 0!important; z-index: 100!important;} .mweb #navigation .wrapper > ul{background:#484747;width:100%;} .mweb #navigation .wrapper ul > li{background:#484747;border-bottom:1px solid #353535;box-sizing:border-box;display:block;float:left;outline:medium none;padding:10px 15px;text-decoration:none;width:46%;position:static; margin:0 2%;} .mweb #navigation ul.level-one>li.service-tab, .mweb #navigation ul.level-one li.more{background:#484747!important;} .mweb #navigation ul.level-one>li.service-tab.hover,.mweb #navigation ul.level-one li.more.hover{background:#be2819;} .mweb #navigation ul.level-one li.more.hover .all-sections{display:none;} .mweb #navigation .wrapper li > a{color:#fff !important;line-height:12px !important;padding:0 !important;background:none !important;} .mweb #navigation ul.level-one > li.category > a:after{border:0 !important;} .mweb #navigation .wrapper li > ul{background:#ff7519;width:145px;position:absolute;left:175px;top:0;z-index:0;display:none;} .mweb #navigation .wrapper li > ul li{border-bottom:1px solid #e76764;} .mweb #navigation .wrapper li > ul a{border-color:#e76764; display:block; padding:5px 0!important;} .mweb #navigation .wrapper li.mob_subNav{background:url(https://static.toiimg.com/photo/42531372.cms) no-repeat 165px center;} .mweb #navigation .wrapper li.current:hover{background-color:#ff9a56;} .mweb #navigation .wrapper li.current{background:#b51000 url(https://static.toiimg.com/photo/42531372.cms) no-repeat 165px center!important;margin-top:-1px;padding:11px 15px 11px 15px;border-bottom:none;} .mweb #navigation .wrapper li.current ul li.current{background:#ff7519; border-bottom:1px solid #e76764; margin-top:0; padding:10px 15px;} .mweb #navigation .wrapper li:last-child a{border-bottom:none;} .mweb #navigation ul.level-one li.nav-home.hover .dropdown{display:none !important; background:none; border:0 none;} .mweb #navigation #nav-home > a{background:none !important;} .mweb #navigation #nav-home span.navtxt{display:block!important; padding-left:0!important;} .mweb #navigation #nav-home > a, .mweb #navigation #nav-home:hover > a{height:auto!important;} .mweb #navigation ul.level-one > li > a {border:none !important; display:block!important; font-size:13px!important; float:none!important; text-transform:uppercase; width:85%; margin-right:0!important;padding:5px 0!important; font-weight:normal;} .mweb #navigation .wrapper ul > li:hover{background-color:#be2819;} .mweb #navigation .wrapper li > a{padding:5px 0 !important;} .mweb #navigation ul.level-one{padding-left:0px!important;} .mweb .top-most .column1,.mweb .top-most .column2{width:300px; float:none; margin:10px auto;} .mweb .top-most{float:none;} .mweb .imgsec{display:none;} .mweb .headerlinks, .mweb .sub-header .user_area {display:none;} .mweb #navigation ul.level-one > li.category1{margin-left:0px!Important;} .mweb #navigation ul.level-one > li.category1 > a,.mweb #navigation ul.level-one > li.category1.hover > a{background:none!important;} .mweb #navigation ul.level-one > li.category1 > a:after{border-left:none!important;} .mweb #navigation.sticky ul.level-one > li.category > a{background:none!important;} .mweb #navigation .nav-epaper, .mweb #navigation .nav-timesnow, .mweb #navigation .nav-livetv, .mweb #navigation .nav-allsections{display:none;} .mweb .header_bottom .wrapper{padding:14px 0;} .mweb #navigation, .mweb #navigation .wrapper{height:0px; border:0px;} .mweb #navigation .wrapper .mobilenavimg{text-indent:-9999px;background:#be2819 url(https://static.toiimg.com/photo/42531377.cms) no-repeat 50% 18px;display:inline-block !important;width:55px;height:50px;float:left;padding:0px;margin:0px;border:none; position:absolute; top:-50px; left:0; background-size:20px;} .mweb#navigation .wrapper .mobilenavimg.act{background:#484747 url(https://static.toiimg.com/photo/42531377.cms) no-repeat 50% 18px} .mweb #navigation .wrapper ul{position:absolute;display:none;top:0px;z-index:99; padding:0;margin:0;list-style:none;} .mweb #wap-login .logout-window:before{background:url(https://static.toiimg.com/photo/45229550.cms) no-repeat -168px -1px; width: 28px; height: 20px; display: inline-block; background-size: 200px; margin-right: 4px; content:'';} .mweb .search-form{position: absolute; top: -40px; right: 12px;} .mweb .sbtn{top:-40px!important; right:13px!important;} .mweb .search-form.hover{right:-5px; top:0px; background:#222;} .mweb .widget.latestmostwdt{font-size:12px;} .mweb .widget.latestmostwdt .tabstrip1 li a{font-size:100%;} .mweb .tabcontent span.more a{font-size:10px;} } @media screen and (max-width:400px){ .mweb #header .logo a.logo-img img{height:auto !important; width:190px!important;} } /************************** /mWeb CSS **************************/ /************************** ad-loading CSS **************************/ @keyframes adPlaceHolderShimmer{ 100%{background-position: -200% 0;} 0%{background-position: 100% 0;} } @-webkit-keyframes adPlaceHolderShimmer{ 100%{background-position: -200% 0;} 0%{background-position: 100% 0;} } .atfAdsLoading, .rosAdsLoading { -webkit-animation: adPlaceHolderShimmer 1s linear infinite forwards; animation: adPlaceHolderShimmer 1.2s linear infinite forwards; background: #f2f2f2; /*background: linear-gradient(to right, #f2f2f2, #fafafa, #f2f2f2);*/ background-size: 200% 100%; display: block ; } .rosAdsLoading { min-height: 70px; } .atfAdsLoading { min-height: 250px; } /************************** /ad-loading CSS **************************/ /******************** notification popup css *********************************/ .ntfc_overlay{position: fixed; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; left: 0; top: 0; z-index: 9999;} .ntfc_popup{position: fixed; background: #fff; border-radius: 0 0 4px 4px; box-shadow: 0 10px 50px #000; left: 0; right: 0; bottom: 0; top: 0; margin: 0 auto; width: 382px; height: 135px; padding: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 100001;} .ntfc_logo{float: left; width: 48px; height: 48px; margin-right: 16px;} .ntfc_content h4{color: #000; font-weight: bold; font-size: 16px; line-height: 1; margin: 5px 0; text-transform: uppercase;} .ntfc_content p{color: #777; font-size: 14px; line-height: 14px;} .ntfc_buttongroup{text-align: right; display: block; margin: 15px 0 10px 0;} .ntfc_buttongroup .ntfc_dactive, .ntfc_buttongroup .ntfc_active{display: inline-block; font-size: 12px; line-height: 10px; padding: 8px 0; border-radius: 2px; text-decoration: none; width: 85px; text-align: center; text-transform: uppercase;} .ntfc_buttongroup .ntfc_dactive{background: #e1e1e1; color: #808080; margin-right: 10px} .ntfc_buttongroup .ntfc_active{background: #c0260b; color: #fff;} .ntfc_popup .tnc{color: #a1a1a1; text-align: right; margin: 0; font-size: 12px; line-height: 1;} @media screen and (max-width:500px) and (min-width: 360px){ .ntfc_popup{max-width: 350px; height: 125px; padding: 10px;} .ntfc_content h4{font-size: 14px;} } @media screen and (max-width:358px) { .ntfc_popup{max-width: 300px; height: 210px;} .ntfc_content h4{font-size: 15px;} } /************************** /notification popup css **************************/ /*--- New Footer CSS ---*/ #footer, #footer_m { background:#111 url(https://static.toiimg.com/photo/57270035.cms) repeat; padding:20px 0; border-top:3px solid #be2819; position:relative; z-index:10000; } #footer, #footer *, #footer_m, #footer_m * { box-sizing:border-box; -webkit-box-sizing:border-box; } .bgImg #footer { max-width:1000px; margin:0 auto; } #footer.new_footer, #footer.new_footer * { font-family: roboto,sans-serif; } #footer * { font-family: 'Montserrat', Arial, Helvetica, sans-serif; } #footer.sports {border-color:#20aa4d; } #footer .container, #footer .wrapper { max-width:1295px; width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; } #footer .row { margin:0 -15px; display:block; } #footer .level1{color:#666 !important; background:none !important; } #footer .level1 .column, #footer .column { float:left; width:50%; padding:0 15px; border:0; box-sizing:border-box; -webkit-box-sizing:border-box; } #footer .level1 ul { padding-left:17px; } #footer .level1 ul li a {color: #fff;} #footer h2 { font-size:12px; line-height:1; color:#ccc; text-transform:uppercase; margin-bottom:12px; padding-left:17px; position:relative; overflow:hidden; font-weight:600; } #footer h2 span { display:inline-block; padding-right:10px; } #footer h2:before, #footer h2:after { position:absolute; content:""; background:#333; height:1px; top:50%; } #footer h2:before { width:10px; left:0; } #footer h2:after { width:100%; } #footer .section { margin-bottom:20px; } #footer ul { margin:0; padding:0; } #footer ul li { list-style:none; display:inline-block; width:33.33%; margin:0 -2px; padding-right:10px; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; } #footer ul li a { font-size:12px; line-height:1.6; color:#fff; display:block; text-decoration:none; transition:all .5s; -webkit-transition:all .5s; } #footer ul li a:hover { color:#666; } /*--- Newsletter Form ---*/ #footer .newsletter-form { margin-bottom:20px; padding-left:17px; box-sizing:border-box; -webkit-box-sizing:border-box; } #footer .newsletter-form input[type=email] { font-size:12px; height:30px; line-height:30px; border:1px solid #333; background:#222; border-radius:2px; padding:0 10px; color:#666; margin-right:10px; width:265px; } #footer .newsletter-form input[type=submit] { background:#ccc; border:0; border-radius:2px; font-size:12px; height:30px; line-height:30px; color:#000; text-transform:uppercase; width:105px; } /*--- Level 2 ---*/ #footer .level2 { border-top:1px solid #333; padding:20px 0; background:none; } #footer .level2 ul li { width:auto !important; margin:0 10px; padding-right:0; } #footer .level2 ul li a { font-size:10px; line-height:1; text-transform:uppercase; } #footer .level2 ul li a i { background:#333 url(https://static.toiimg.com/photo/57270049.cms) no-repeat; display:block; width:40px; height:28px; border-radius:1000px; margin:0 auto 7px; } /*--- Sociable and Download Apps ---*/ #footer .sociable, #footer .download-apps { display:inline-block; text-align:center; } #footer .sociable h2, #footer .download-apps h2 { padding-left:0; } #footer .sociable h2:before, #footer .download-apps h2:before, #footer .sociable h2:after, #footer .download-apps h2:after { display:none; } /*#footer .sociable ul, #footer .download-apps ul { margin-bottom:0; }*/ #footer .sociable { float:right; position:relative; } #footer .sociable:after { position:absolute; content:''; width:1px; height:100%; right:-15px; top:0; background:#333; } #footer .sociable .fb i { background-color:#3a589b; background-position:15px 5px; } #footer .sociable .twitter i { background-color:#55acee; background-position:-14px 7px; } #footer .sociable .gplus i { background-color:#dd4b39; background-position:-45px 6px; } #footer .sociable .rss i { background-color:#ff9625; background-position:-81px 6px; } #footer .sociable .youtube i { background-color:#e52c27; background-position:-119px 7px; } #footer .download-apps .android i { background-position:13px -25px; } #footer .download-apps .iphone i { background-position:-17px -25px; } #footer .download-apps .blackberry i { background-position:-49px -25px; } #footer .download-apps .ipad i { background-position:-85px -25px; } #footer .download-apps .windows i { background-position:-120px -25px; } /*--- Level 3 ---*/ #footer .logo { background:url(https://static.toiimg.com/photo/57270049.cms) no-repeat 0 -62px; width:200px; height:62px; margin-left:15px; display:inline-block; } #footer .level3 { background:rgba(32, 32, 32, 0.7) !important; padding:20px 0; margin-bottom:20px; border:0; } #footer .level3 .links { display:inline-block; max-width:570px; margin-left:40px; } /*#footer .level3 .links ul { margin-bottom:0; }*/ #footer .level3 li { width:auto; } #footer .level3 li a { color:#fff; } #footer .level3 li:nth-child(1), #footer .level3 li:nth-child(4), #footer .level3 li:nth-child(7), #footer .level3 li:nth-child(10) { min-width:140px; } #footer .level3 li:nth-child(2), #footer .level3 li:nth-child(5), #footer .level3 li:nth-child(8), #footer .level3 li:nth-child(11) { min-width:170px; } #footer .level3 li:nth-child(3), #footer .level3 li:nth-child(6), #footer .level3 li:nth-child(9), #footer .level3 li:nth-child(12) { min-width:240px; } #footer p { font-size:12px; line-height:1.4; color:#ccc; text-align:center; } #footer p a { color:#666; text-decoration:none; } @media screen and (max-width:999px) { /*#footer .container { width:100%; padding:0 15px; }*/ #footer ul li { width:50%; } /*#footer .newsletter-form input[type=email] { width:180px; }*/ #footer .level2 ul li { margin:0 5px; } #footer .logo { margin-left:0; } #footer .level3 .links { max-width:510px; margin-left:20px; } #footer .level3 li:nth-child(1), #footer .level3 li:nth-child(4), #footer .level3 li:nth-child(7), #footer .level3 li:nth-child(10) { min-width:110px; } #footer .level3 li:nth-child(2), #footer .level3 li:nth-child(5), #footer .level3 li:nth-child(8), #footer .level3 li:nth-child(11) { min-width:140px; } } @media screen and (max-width:767px) { .mweb #footer { display:none !important; } .mweb #footer_m .level1, .mweb #footer_m .level1 .wrapper { background:#111; } .mweb #footer_m .level1 .column { border:0; width:33.33%; } .mweb #footer_m .level1 ul li a { color:#525252; } .mweb #footer_m .level1 .wrapper { width:100% !important; } .mweb #footer_m .level4 .wrapper { padding:10px; } } @media screen and (max-width:767px) { .mweb #footer_m { display:block; padding:10px; } #footer, #footer_m { width:100% !important; display:block; } #footer h2 { text-align:left; } #footer .container, #footer .wrapper { padding:0 10px; } #footer .row { margin: 0 -10px; } #footer .column, #footer .level1 .column { float:none; width:100%; padding:0 10px; } #footer .column ul li, #footer_m ul li { width:auto; border:1px solid #2f2f2f; border-radius:1000px; padding:0; margin:0 5px 10px; } #footer .level2 .column ul li { border:0; } #footer .column ul li a, #footer_m ul li a { padding:1px 13px; } #footer_m ul li a { color:#666; } #footer .level2 .column { text-align:center; } #footer .sociable { float:none; margin-bottom:30px; display:block; } #footer .download-apps { display:block; } /*#footer .sociable:after { width:100%; height:1px; right:0; top:auto; bottom:-10px; }*/ /*#footer .logo { float:none; display:block; margin:0 auto 15px; }*/ /*#footer .level3 .links { margin:0; max-width:100%; }*/ /*#footer .level3 li { width:50%; min-width:0 !important; }*/ } /*--- Mweb Footer ---*/ #footer_m { display:block; padding:20px 15px; } #footer_m h2 { font-size:12px; line-height:1; color:#ccc; text-transform:uppercase; margin-bottom:15px; padding-left:17px; position:relative; overflow:hidden; } #footer_m h2 span { display:inline-block; padding-right:10px; } #footer_m h2:before, #footer_m h2:after { position:absolute; content:""; background:#333; height:1px; top:50%; } #footer_m h2:before { width:10px; left:0; } #footer_m h2:after { width:100%; } #footer_m ul { text-align:center; margin-bottom:10px; } #footer_m ul li { width:auto; border:1px solid #2f2f2f; border-radius:1000px; padding:0; margin:0 5px 10px; display:inline-block; } #footer_m ul li a { padding:5px 15px; font-size:12px; line-height:1; color:#666; display:block; } #footer_m p { font-size: 13px; line-height: 1.4; color: #999; display: block; text-align:center; } #footer_m p a { color:#a8a7a7; } #footer_m hr { border-color:#333; margin-bottom:20px; } /*---/ New Footer CSS ---*/ /*Header times point CSS*/ #widget-head{ float: left; vertical-align:middle; margin-right: 5px; position: relative; height:25px;} .tpwidget .tp-btn{box-sizing: border-box; line-height: 19px !important; height: 20px !important; padding: 0px 12px!important;} .tpwidget .widget-postlogin, .tpwidget .widget-prelogin,.tpwidget .tpwidget-inline{height: 24px!important; box-sizing: border-box; background: #384e58!important; border-radius: 20px;} .tpwidget .widget-postlogin .widget-text, .tpwidget .widget-prelogin .widget-text{font-size: 12px!important; line-height: 14px!important;} .tpwidget .widget-prelogin .hover-state, .tpwidget .widget-postlogin .hover-state,.tpwidget .widget-postlogin .points-added{background-color: #376b83!important;} .tpwidget .widget-postlogin:hover .normal-state:after, .tpwidget .widget-prelogin:hover .normal-state:after{border-bottom: 35px solid #376b83!important;} .tpwidget .widget-postlogin .hover-state .widget-text{line-height: 19px;} #tpwidget-prelogin .tp-btn{display:none;} .text-right.tpwidget.tpwidget-postlogin{position: absolute; min-width: 598px; right: 5px;} .tpwidget .widget-postlogin .normal-state{min-width: 125px; box-sizing: border-box!important; padding-right: 10px!important;} .tpwidget .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .tpwidget .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{top: 1px!important;} /*#tpwidget-postlogin, #tpwidget-prelogin, .text-right.tpwidget.tpwidget-postlogin, .text-right.tpwidget.tpwidget-prelogin{display: none!Important;}*/ /*/Header times point CSS*/ /*One Tap Popup CSS*/ .ontap-background{width: 380px; background: #fff; position: absolute; right: 30px; top: 25px; z-index: 999999; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5); border-radius: 4px; padding: 10px; color: #000;} .ontap-background .tap-message{position: relative; padding: 5px 15px;} .ontap-background .tap-message .success{border-radius: 100%; background: url(https://static.toiimg.com/photo/63893773.cms); background-repeat: no-repeat; width: 45px; height: 40px; background-size: 500px; background-position: 0 -291px;} .ontap-background .tap-message .text{vertical-align: middle; padding-left: 10px; line-height: 18px; font-size: 14px; max-width: 80%; color: #000; text-transform: inherit; text-align: left;} .ontap-background .tap-message .close{position: absolute; right: 0; top: 0; color: rgba(177,177,177,1); height: 20px; width: 20px; cursor: pointer; } .ontap-background .tap-message .close:before{color: #757575; content: "\002573"; font-size: 12px; text-align: center; display: block; line-height: 1.5rem; margin: -5px -5px; font-weight: bold;} .ontap-background .tap-message span{float: left;} .ontap-background .tap-message .failed:after, .ontap-background .tap-message .success{font-size: 22px; line-height: 40px; color: #fff; text-align: center;} /*/One Tap Popup CSS*/ .overflowHidden{ overflow:hidden; } /*--- Video Slider ---*/ .video-overlay-wrapper .inner { opacity: 1; } /*.main-slider .iconvideo { background:rgba(0,0,0,1); width:auto; height:28px; font-size:14px; line-height:28px; color:#fff; padding:0 10px 0 35px; border-radius:1000px; display:inline-block; position:absolute; right:12px; bottom:12px; border:1px solid #fff; } .main-slider .icon_player { display:none; } .main-slider .iconvideo:before { position: absolute; content: ""; position: absolute; z-index: 1; border:7px solid transparent; border-left-color:#fff; z-index: 2; left:14px; top:7px; border-left-width: 12px; }*/ .video-black-bg.main-slider li:nth-child(2n) .w_img:after {left: 48%;} .video-black-bg.main-slider li:nth-child(2n) .w_img:before {left: 33%;} .video-black-bg {background:#1d2122;} .video-black-bg header h3 {color:#fff; text-transform:uppercase; text-align:center; font-size:18px; line-height:1; margin-bottom:0px; display:inline-block; vertical-align:middle; } /* .video-black-bg.main-slider li:nth-child(2n) { width:161px; } */ .video-black-bg.main-slider li:nth-child(2n) img {position:relative; width: 338px; height: 156px; max-width: none; top: 0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); } .video-black-bg header h3 span { color:#e53e43; } .main-slider { position:relative; clear:both; padding:15px 15px 20px; overflow:hidden; } /*.main-slider:before, .main-slider:after { position:absolute; content:''; width:15px; height:100%; top:0; }*/ /*.main-slider:before { left:0; }*/ /*.main-slider:after { right:0; }*/ /*.video-black-bg.main-slider:before, .video-black-bg.main-slider:after { background:#1d2122; }*/ /*.main-slider header { text-align:center; } .main-slider .inner { position:relative; height:220px; } .main-slider .inner:before, .main-slider .inner:after { position:absolute; content:''; height:191px; width:100%; left:0; bottom:0; background:url(photo/47958754.cms) repeat-x left 0; background-size:contain; display:none; } .main-slider .inner:before { transform:rotate(180deg); -webkit-transform:rotate(180deg); } .main-slider .inner:after { transform:rotate(-180deg); -webkit-transform:rotate(-180deg); }*/ .vidContainer .playlist{ display: none; } .expand-overlay{ overflow: auto; } .expand-overlay .playlist{ display : block; } /*.main-slider ul.cvs_wdt, */.video-overlay-wrapper .playlist ul.cvs_wdt, .expand-overlay .playlist{ width:auto; white-space:nowrap; font-size: 0; } /*.main-slider ul.cvs_wdt li, */.video-overlay-wrapper .playlist ul.cvs_wdt li, .expand-overlay .playlist li { position:relative; list-style:none; cursor:pointer; width:278px; height:210px; margin-right:10px; margin-bottom:0; display: inline-block; vertical-align:top; } /*.main-slider ul.cvs_wdt li:hover, */.video-overlay-wrapper .playlist ul.cvs_wdt li:hover, .video-overlay-wrapper .playlist ul.cvs_wdt li.active, .expand-overlay .playlist li:hover,.expand-overlay .playlist li.active { z-index:10; } /*.main-slider ul.cvs_wdt li:first-child:hover { margin-left:15px; }*/ /*.main-slider ul.cvs_wdt li:last-child:hover { margin-right:15px; }*/ .main-slider ul.cvs_wdt li:after, .video-overlay-wrapper .playlist ul.cvs_wdt li:after, .expand-overlay .playlist li:after{ position:absolute; content:''; background:#505d63; width:calc(100% + 30px); height:calc(100% + 30px); left:-15px; top:-15px; opacity:0; transition:all .5s; z-index:-1; box-shadow:0 5px 20px #000; } .main-slider ul.cvs_wdt li:hover:after, .video-overlay-wrapper .playlist ul.cvs_wdt li:hover:after, .video-overlay-wrapper .playlist ul.cvs_wdt li.active:after, .expand-overlay .playlist li:hover:after, .expand-overlay .playlist li.active:after { opacity:1; z-index:1; } .main-slider ul.cvs_wdt li:last-child, .video-overlay-wrapper .playlist ul.cvs_wdt li:last-child {margin-right: 0;} /*.main-slider ul.cvs_wdt li:after { display:none !important; }*/ /*.main-slider ul.cvs_wdt li .w_tle:after { display:none; }*/ /*.main-slider ul.cvs_wdt li .w_img, */ .video-overlay-wrapper .playlist ul.cvs_wdt li .w_img, .expand-overlay .playlist li .w_img { display:block; height:auto; width:100%; position:relative; z-index:2; overflow:hidden; } .video-overlay-wrapper .playlist ul.cvs_wdt li .w_img{height: 100px!important} /*.main-slider ul.cvs_wdt li img, */ .video-overlay-wrapper .playlist ul.cvs_wdt li img { width:100%; transition:all .5s; -webkit-transition:all .5s; backface-visibility:hidden; -webkit-backface-visibility:hidden; } /* .main-slider ul.cvs_wdt li:hover img { transform:scale(1); -webkit-transform:scale(1); } */ /*.main-slider ul.cvs_wdt li .w_tle, */ .video-overlay-wrapper .playlist ul.cvs_wdt li .w_tle, .expand-overlay .playlist ul li .w_tle{ display:block; padding:10px; width:100%; position:relative; z-index:2; max-height:66px; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; } /*.main-slider ul.cvs_wdt li .w_tle a, */ .video-overlay-wrapper .playlist ul.cvs_wdt li .w_tle a, .expand-overlay .playlist ul li a {font-weight:normal;font-size: 14px;line-height:18px; color:#fff; position:relative; z-index:1; white-space:normal; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;} /*.main-slider ul.cvs_wdt li .w_bylinec, */ .video-overlay-wrapper .playlist ul.cvs_wdt li .w_bylinec { position: absolute; left: 0; bottom: 0; padding:10px 15px; width: 100%; z-index: 12; } /*.main-slider ul.cvs_wdt li .w_bylinec span, */ .video-overlay-wrapper .playlist ul.cvs_wdt li .w_bylinec span { font-size:12px; display:block; line-height:1; text-transform:uppercase; color:#7f7f7f; } /*.main-slider ul.cvs_wdt li .w_bylinec .number, */ .video-overlay-wrapper .playlist ul.cvs_wdt li .w_bylinec .number { color:#00b56f; } .video-overlay-wrapper .playlist ul.cvs_wdt li .iconvideo { display:none; } /*.main-slider .button-grp { display:inline-block; position:relative; vertical-align:middle; margin-left:15px; } .main-slider .btn { width:24px; height:24px; cursor:pointer; background:#d2d3d3; border-radius:50%; margin:0 3px; border:0; padding:0; vertical-align:middle; transition:all .5s; } .main-slider .btn:before { position:absolute; content:''; border:solid #000; border-width:0 1px 1px 0; width:7px; height:7px; top:8px; left:12px; transform:rotate(135deg); -webkit-transform:rotate(135deg); } .main-slider .next { transform:rotate(180deg); -webkit-transform:rotate(180deg); } .main-slider .btn.next:before { left:10px; } .main-slider .btn.disabled { background-color:#3f4243; } .main-slider .btn:not(.disabled):hover { opacity:.6; } .main-slider .slideshowbox { padding-top:15px; }*/ /*Video Slider CSS ends*/ .video-overlay-wrapper {height: 100%;display:none; width: 100%; position: fixed; z-index: 100002; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-y: hidden;} .video-overlay-wrapper .inner { position:relative; max-width:700px; width:100%; height:100%; margin:0 auto; } .video-content { position: absolute; top: 50%; width: 100%; max-width: 700px; height:auto; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .video-content header { margin-bottom:15px; position:relative; text-align:center; } .video-content header h2 img { margin-right:10px; } .video-content header h2 { font-size:18px; color:#c6a055; line-height:1; text-transform:uppercase; } .video-overlay-wrapper .closebtn {position: absolute; top:0; right:0; border:0; background-color:#666; width:32px; height:32px; line-height:27px; text-align:center; border-radius:0 0 2px 2px; } .video-overlay-wrapper .closebtn:before { position: absolute; content: '+'; font-size: 40px; font-weight: 300; color: #000; left: 6px; top: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .video-overlay-wrapper.fullscreen .video-content iframe { background:#000; width: 700px; height: 395px; border:1px solid #000;} .video-content.loading:after { content: ""; width: 16px; height: 16px; display: block; background: url(https://static.toiimg.com/photo/20259450.cms) no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 1;} .dockedVideo .playlist{ display: none; } .video-overlay-wrapper .playlist{ display: block; } /*video overlay css Starts*/ .overflowHidden{overflow: hidden!important;} .hidden{ display: none !important; } .expand-overlay-box{background: rgba(0,0,0,0.9); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; display: none;} .vidContainer.expand-overlay{width: 100%; height: 100%; background: rgba(0,0,0,0.9); position: fixed; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%); z-index: 99999; text-align: center; transition: none;} /*.vidContainer.expand-overlay:before{content: ""; background: rgba(0,0,0,0.9); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; }}*/ .vidContainer iframe{width: inherit; height: inherit; opacity: 1;} .vidContainer.expand-overlay iframe{width: 924px !important; height: 520px !important; position: relative; z-index: 1000; margin: 20px auto 0;} .vidContainer.expand-overlay .title, .video-overlay-wrapper.fullscreen .title{position: relative; bottom: auto; margin: 0 auto 1px; width: 924px; float: none; color: #fff; font-style: normal; z-index: 100; font-size: 16px; text-align: center; padding: 0!important; background: 0; overflow: hidden; height: 20px; text-overflow: ellipsis; white-space: nowrap; line-height: 20px;} .vidContainer.dockedVideo iframe{opacity: 1;} .vidContainer{ width: inherit; height: inherit; left: auto; margin-left: 0; transition: margin-left .5s ease-out, opacity .3s ease-out, width .5s ease-out, height .5s ease-out; animation: pulse .5s; width: 665px; height: 374px; opacity: 1; } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .vidContainer .buttonContainer{color:white;} .dockedVideoSize{height: 235px !important; width: 300px; padding: 35px 10px 10px; z-index:1000; box-sizing: border-box;} .dockedVideo{position: fixed; background-color: black; border-top: 42px solid white; margin-top: 0px; opacity: 1;} .dockedVideo.vidContainer{ animation: pulse .5s;} .animateDock{transition: .5s ease-out;} .dockedVideo .title{background: black; width: 300px; height: 20px; position: static; box-sizing: border-box; margin: 0 0 0 -10px; font-style: normal; padding: 0px 5px 10px 5px!important; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .fixed{position: fixed;} /*.animationWrapper-up{width: 665px; height: 374px; left: 140px; top: -300px; position: fixed; background: transparent; transition: left .5s,width .5s ease-out,height .5s ease-out, opacity .5s ease-out, top .5s ease-out; z-index: -1; opacity: 0;}*/ /*.dockedVideoSize + .animationWrapper-up{width: 300px; height: 203px; left: 840px; top: 30px; position: fixed; background: black; transition: left .5s,width .5s ease-out,height .5s ease-out, opacity .5s ease-out, top .5s ease-out; opacity: .8; box-shadow: 0 5px 20px #333;}*/ /*.animationWrapper-down{position: absolute; width: 665px; height: 374px; background: #000; opacity: .8; right: 0; top: 0; transition: right .5s,width .5s ease-out,height .5s ease-out, opacity .5s ease-out; z-index: -1;}*/ .dockedVideoSize + .animationWrapper-up{width: 300px; height: 250px; right: -380px; top: 210px; background: rgba(0,0,0,.8); transition: right .5s,width .5s ease-out,height .5s ease-out, opacity .5s ease-out; z-index: 1; opacity: 0; position: fixed;} .expand-overlay .playlist{z-index:1000;} .video-overlay-wrapper .overlay-slider-container, .expand-overlay .overlay-slider-container{width: 98%; margin: 0 auto;} .video-overlay-wrapper .playlist, .expand-overlay .playlist{overflow-X: hidden; padding: 10px 0; background: rgba(0,0,0,.8); margin: 0 auto; position: relative;} .video-overlay-wrapper .playlist ul.cvs_wdt, .expand-overlay .playlist ul{padding: 0} .video-overlay-wrapper .playlist ul.cvs_wdt li, .expand-overlay .playlist ul li{width: 178px; vertical-align: top; height: 148px; margin-right: 10px; padding-bottom: 10px; text-align: left;} .video-overlay-wrapper .playlist ul.cvs_wdt li img, .expand-overlay .playlist ul img{ height: 100px !important;} .video-overlay-wrapper .playlist ul.cvs_wdt li:after, .expand-overlay .playlist ul li:after{width: calc(100% + 25px); height: calc(100% + 20px); left: -10px; top: -10px;} .video-overlay-wrapper .playlist ul.cvs_wdt li .w_tle, .expand-overlay .playlist ul li .w_tle{height: 44px; overflow: hidden;} .video-overlay-wrapper .playlist .icon_player, .expand-overlay .playlist .icon_player{ background: rgba(0,0,0,.8); width: auto; height: 17px; font-size: 12px; line-height: 17px; color: rgba(255,255,255,.8); padding: 0 7px 0 18px; border-radius: 11px; display: inline-block; position: absolute; right: 12px; top: 72px; border: 1px solid rgba(255,255,255,.8); z-index: 9; left: auto} .video-overlay-wrapper .playlist .icon_player:before, .expand-overlay .playlist .icon_player:before { content: ""; position: absolute; border: 4px solid transparent; border-left-color: rgba(255,255,255,.8); z-index: 2; left: 10px; top: 4px; border-left-width: 5px; } /*.video-overlay-wrapper .playlist li.active .icon_player{text-indent: -9000px;}*/ /*.video-overlay-wrapper .playlist li.active .icon_player:after, .video-overlay-wrapper .playlist li.active .icon_player:before{content: ""; height: 8px; width: 3px; background: #fff; position: absolute; left: 8px; top: 5px;}*/ /*.video-overlay-wrapper .playlist li.active .icon_player:before{left: 14px; top: 5px; border: 0;}*/ .buttonContainer .expand{background: url(https://static.toiimg.com/photo/60954650.cms) no-repeat 0 -610px ; width: 16px; height: 15px; position: absolute; top: 8px; right: 40px; cursor: pointer;} .buttonContainer .close, .buttonContainer .closebtn{background: url(https://static.toiimg.com/photo/60954650.cms) no-repeat -57px -609px ; width: 15px; height: 15px; position: absolute; top: 8px; right: 8px!important; cursor: pointer; z-index: 999; border: 0;} .video-overlay-wrapper .playlist ul.cvs_wdt li .w_tle a:hover, .expand-overlay .playlist ul li .w_tle a:hover{text-decoration: none;} .video-overlay-wrapper .playlist .btn, .expand-overlay .playlist .btn{position: absolute; width: 25px; height: 40px; top: 40px; background: rgba(255,255,255,.6); z-index: 11; cursor: pointer;} .video-overlay-wrapper .playlist .btn.disabled, .expand-overlay .playlist .btn.disabled{opacity: .2; cursor: default} .video-overlay-wrapper .playlist .disabled:hover{background: inherit} .video-overlay-wrapper .playlist .btn.prev, .expand-overlay .playlist .btn.prev{left: 10px;} .video-overlay-wrapper .playlist .btn.next, .expand-overlay .playlist .btn.next{right: 0;} .video-overlay-wrapper .playlist .btn.prev:before, .video-overlay-wrapper .playlist .btn.next:before, .expand-overlay .playlist .btn.prev:before, .expand-overlay .playlist .btn.next:before {background: none; transform: rotate(45deg); content: ""; width: 16px; height: 16px; position: absolute; left: -1px; border: 3px solid #333; border-left: 0; border-bottom: 0; top: 10px;} .video-overlay-wrapper .playlist .btn.prev:before, .expand-overlay .playlist .btn.prev:before{transform: rotate(225deg); left: 6px;} .video-overlay-wrapper .playlist .btn:hover, .expand-overlay .playlist .btn:hover {background: white;} .video-overlay-wrapper .playlist .btn:hover:before, .expand-overlay .playlist .btn:hover:before{border-color: #000;} .video-overlay-wrapper.fullscreen{overflow-X: auto;} .video-overlay-wrapper.fullscreen .inner{max-width: none; min-height: 580px; overflow-Y: auto;} .video-overlay-wrapper.fullscreen .video-content{margin-top: 20px; height: 100%; text-align: center; max-width: none; top: 0; left: 0; transform: none;} .video-overlay-wrapper.fullscreen .closebtn, .vidContainer.expand-overlay .buttonContainer .close{background-color: transparent; top: 29px; right: 20px!important; z-index: 1;} .vidContainer.expand-overlay .buttonContainer .expand, .video-overlay-wrapper .expand{right: 60px; top: 29px; z-index: 9999 !important; background-position: -118px -610px;} .win .video-overlay-wrapper.fullscreen .closebtn{right: 35px!Important;} .video-overlay-wrapper.fullscreen .closebtn:before, .vidContainer.expand-overlay .buttonContainer .close:before{content: none;} .video-overlay-wrapper.fullscreen .video-content iframe{width: 924px; height: 520px;} .animationEnd{opacity: 1;} .vidContainer{opacity: 1;} .scroll-up #ajaxcontent .vidContainer{top: 1200px;} .scroll-up #ajaxcontent .vidContainer.dockedVideo{top: 0;} .belowHeader{bottom: 0px; transition: top .3s ease-out, bottom .3s ease-out, border .3s ease; border-top: 0; margin-top: 42px} .belowHeader.adjust_nudge{bottom:60px;top:auto;} .dockedVideo .video-content{width: 280px; height: 180px; top: 50%;} .dockedVideo .video-content iframe{width: 100%; height: 100%;} .dockedVideo .video-content .title{font-size: 13px; line-height: 18px; } @media screen and (min-width:768px) and (max-width:1024px) { .dockedVideoSize{height: 374px !important; width: 665px !important; padding: 0; z-index: 500; box-sizing: border-box;} .dockedVideo{position: static!important; top: auto !important; left: auto !important; border-top: 30px solid white; margin-top: 0px; margin-left: 0;} .dockedVideo .title{display: none;} .video-overlay-wrapper.fullscreen .video-content iframe { max-width: 700px; width:100%; } .vidContainer.expand-overlay .title, .video-overlay-wrapper.fullscreen .title { max-width: 924px; width:100%; } } /*video overlay css Ends*/ /* css edited 08-11-2017 */ .electiontheme .dockedVideo { margin-left:980px } /*.vcw-wrapper{position: relative} .vcw-wrapper > div{position: absolute; right: 300px; }*/ /****************** Start GaanaTV Player CSS **********************/ #gaanaplayer{display:none;} .close_gaanaplayer{display: block; padding: 5px 10px; background: #444 url(/photo/53963664.cms) no-repeat -23px -400px; font-family: arial; color: white; font-size: 18px; cursor: pointer; position: absolute; top: -15px; right: -10px; line-height: 1; border-radius: 50%; width: 30px; height: 30px; box-sizing: border-box;} #gaanaplayer.shifttoleft{margin-left:380px} #gaanaplayer{width:300px; height:44px; position:fixed; bottom:0; margin-left:800px;z-index:99;background:#0f1419 url('/photo/48419834.cms') no-repeat center 70px; background-size:60px; transition:all .5s; overflow:hidden; } #gaanaplayer.active { height:354px; overflow:visible; } #gaanaplayer .box_head{border-bottom:none;cursor:default;padding:0px 20px; font-size:11px; background:#e72c30; color:#fff; position:relative; text-align:left; height:44px; line-height:44px; } #gaanaplayer .box_head .gaanaplayer_title{display: block; cursor:pointer; color: #fff; font-size: 14px; font-family: Roboto, sans-serif; font-weight:bold; position:relative; } #gaanaplayer .box_head .gaanaplayer_title img { width:44px; height:15px; vertical-align:middle; } #gaanaplayer .box_head .gaanaplayer_title:after { position:absolute; content:''; width:8px; height:8px; border:solid #fff; border-width: 0 2px 2px 0; right:0; top:50%; margin-top:-2px; transform:rotate(-135deg); transition:all .5s; -webkit-transition:all .5s; } #gaanaplayer.active .gaanaplayer_box .box_head .gaanaplayer_title:after { margin-top:-7px; transform:rotate(45deg); } .gaanaplayer_box_label{background: #000;width:285px; padding: 5px 15px; box-shadow: 0 0 10px #999; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; z-index: 99999; bottom: 0px; right: 20px; display:block;position:fixed; line-height: 1; vertical-align: middle; cursor: pointer;text-align:left;} .gaanaplayer_box_label span{color: #ffff33;} .gaanaplayer_box_label i.vid_icon{background: url(/photo/57814632.cms) no-repeat; width: 22px; height: 22px; display: inline-block; vertical-align: sub; margin: 0 8px 0 0;} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { #gaanaplayer { display:none!important } } /****************** End GaanaTV Player CSS **********************/ .mCSB_container{ width:auto; margin-right:30px; overflow:hidden; } .mCSB_container.mCS_no_scrollbar{ margin-right:0; } .mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{ margin-right:30px; } .mCustomScrollBox>.mCSB_scrollTools{ width:10px; height:100%; top:0; right:0; } .mCSB_scrollTools .mCSB_draggerContainer{ position:absolute; top:0; left:0; bottom:0; right:0; height:auto; } .mCSB_scrollTools a+.mCSB_draggerContainer{ margin:20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width:2px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .mCSB_scrollTools .mCSB_dragger{ cursor:pointer; width:100%; height:30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display:block; position:relative; height:6px; overflow:hidden; margin:0 auto; cursor:pointer; background-image:url(https://static.toiimg.com/photo/35468465.cms); background-repeat:no-repeat; width:10px; } .mCSB_scrollTools .mCSB_buttonDown{ top:100%; margin-top:-13px; } /* horizontal scrollbar */ .mCSB_horizontal>.mCSB_container{ height:auto; margin-right:0; margin-bottom:30px; overflow:hidden; } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ margin-bottom:0; } .mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ margin-right:0; margin-bottom:30px; } .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{ width:100%; height:16px; top:auto; right:auto; bottom:0; left:0; overflow:hidden; } .mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{ margin:0 20px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:2px; margin:7px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{ width:30px; height:100%; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{ display:block; position:relative; width:20px; height:100%; overflow:hidden; margin:0 auto; cursor:pointer; float:left; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{ margin-left:-40px; float:right; } .mCustomScrollBox{ -ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/ } /* default scrollbar colors and backgrounds (default theme) */ .mCustomScrollBox>.mCSB_scrollTools{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ } .mCustomScrollBox:hover>.mCSB_scrollTools{ opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */ } .mCSB_scrollTools .mCSB_draggerRail{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.75); filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ opacity:0.4; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp{ background-position:-346px 0; /* sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position:-346px -20px; /* sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position:0 -40px; /* sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position:0 -56px; /* sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity:0.9; filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ } /*scrollbar themes*/ /*dark (dark colored scrollbar)*/ .mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.15); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-80px 0; } .mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-80px -20px; } .mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-80px -40px; } .mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-80px -56px; } /*light-2*/ .mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-32px 0; } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-32px -20px; } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-40px -40px; } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-40px -56px; } /*dark-2*/ .mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-112px 0; } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-112px -20px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-120px -40px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-120px -56px; } /*light-thick*/ .mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:6px; margin:5px auto; } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-16px 0; } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-16px -20px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-20px -40px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-20px -56px; } /*dark-thick*/ .mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:6px; margin:5px auto; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-96px 0; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-96px -20px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-100px -40px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-100px -56px; } /*light-thin*/ .mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{ background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.1); } .mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:2px; } .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; } .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:2px; margin:7px auto; } /*dark-thin*/ .mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.15); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:2px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; } .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:2px; margin:7px auto; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-80px 0; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-80px -20px; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-80px -40px; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-80px -56px; } @media screen and (max-width:999px){ .ticker-content{left:140px !important;} .ticker-content span{font-size:70%;} .ticker-title span{font-size:60%;} .ticker-title{width:120px;} }/********************************************************************************************** PURPOSE This CSS file provide a clever way to add browser and OS specific css styles. http://rafael.adm.br/css_browser_selector ***********************************************************************************************/ /*------------------------------------------ // IE - All Versions - Windows //------------------------------------------*/ /* Clearfix Method for containing floats in IE */ .ie .clearfix { display: inline-block; } /* ... especialy for IE7 */ .ie .clearfix { display: block; } /* ... for IE5,IE6,IE7 */ * html.ie .clearfix { height: 1%; } /* ... for IE5 + IE6/Win */ /* Adjustment of .floatbox class for IE */ .ie .floatbox { width:100%; } /*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */ .ie .css3 { behavior: url("js/PIE.htc"); } /*------------------------------------------ // IE - IE6.0 - Windows //------------------------------------------*/ .ie7 .entertainmet-widget figure span.caption, .ie8 .entertainmet-widget figure span.caption{background:#DA0005;} .ie7 .videos-widget .thumbnail .caption, .ie7 .gallery-widget .slider .thumbnail .caption, .ie8 .videos-widget .thumbnail .caption, /*.ie8 .gallery-widget .slider .thumbnail .caption{background:#111;}*/ .ie7 .citrus span.caption, .ie8 .citrus span.caption{background:#7BB101;} .ie7 .blue span.caption, .ie8 .blue span.caption{background:#0270DF;} .ie7 .orange span.caption, .ie8 .orange span.caption{background:#E8A401;} .ie8 .featured-news span.caption{background:#fff;} .ie8 #navigation ul.level-one > li > a{padding:0 1px 0 2px;} .ie8 .trending .wrapper{height:20px;} .ie8 #navigation UL.level-one LI .icon_home{margin-top:6px;} .chrome ul.list2 li > a, .chrome ul.list1 li > a{display:inline !important; position:relative; left:-4px;} .safari ul.list2 li > a{display:inline !important; } .safari ul.list2 li.video > a{display:block !important;} .ff ul.list2 li.video a{margin-left:0;} .webkit .two-column-layout1 .column1 ul.list2{margin-left:12px;} .webkit .two-column-layout1 .column1 ul.list2 li.video{margin-left:-15px;} .safari .two-column-layout1 .column1 ul.list2 li.video{margin-left:-16px;} .webkit ul.list2{margin-left:15px;} .webkit ul.list2 li.main-story{margin-left:-13px;} .ipad .gallery-widget ul.sub-navigation li{padding:0 4px;} .webkit .specials-widget ul{margin-left:0;} .webkit .specials-widget ul li{list-style-position:inside;} /* Adds near-native PNG support with alpha opacity in IE6 */ /* ie6 img { behavior: url("js/iepngfix.htc"); } */ /* Adds ability to user :hover selector on any tag in IE6 */ .ie6 body { behavior: url("js/csshover.htc"); } /*------- CSS for unsw --------*/ body{background:#fff ; display:block;} .main-content{float:left; width:66.5%; } .sidebar{float:right; width:32%;} .breaking-news{display:none !important;} #wells_hdr .wrapper{padding:10px 0; background:#353535; margin-bottom:10px;} #wells_hdr .toi_logo{float:left; width:390px; padding:0 12px 0 10px; margin-right:12px; border-right:1px dashed #fff;} #wells_hdr h1, #wells_hdr span.hd1{float:left; line-height:30px; color:#fff; font-size:17px; font-weight:bold;} .ticker-wrapper.has-js{background:#fff;} #wells_nav{margin-bottom:10px;} #wells_nav .wrapper{height:30px; background:#ccc;} #wells_nav li {float:left; padding:0 10px; height:30px; border-right:1px solid #adadad; box-shadow:1px 0 0 #dbdbdb; -moz-box-shadow:1px 0 0 #dbdbdb; -webkit-box-shadow:1px 0 0 #dbdbdb; } #wells_nav li a{display:inline-block; line-height:30px; height:30px; color:#000; font-size:13px; font-weight:bold;} #wells_nav li a:hover, #wells_nav li.active a{text-decoration:none; color:#de030c;} #wells_nav li.home a:hover, #wells_nav li.home.active a:hover{ color:#de030c;} #wells_nav li.home a i{display:inline-block; width:24px; height:24px; background:url(/photo/46849850.cms) no-repeat 0 0; vertical-align:middle;} #wells_nav .nav-btn{display:none; background:url(/photo/47016390.cms) no-repeat 0 0; width:30px; height:30px; cursor:pointer;} #wells_banner{margin-bottom:10px; position:relative;} .wells_intro .wrapper{padding:10px 0; border:1px solid #cacaca; border-width:1px 0; margin-bottom:15px;} .wells_intro p{font-size:14px; color:#000; line-height:20px; margin-bottom:6px;} .wells_intro a{color:#000; font-size:14px; font-weight:bold;} #content .wrapper{background:#fff; padding-top:0;} .wdgt{margin-bottom:20px;} /*--------storylist1 ------*/ .lst1 ul{margin-right:-3%;} .lst1 li{float:left; width:30.3%; margin:0 3% 30px 0; height:435px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #f2f2f2; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border-bottom-color:#c5c5c5; box-shadow:0 1px #ececec; -moz-box-shadow:0 1px #ececec; -webkit-box-shadow:0 1px #ececec; position:relative; padding-bottom:38px;} .lst1 li img{border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; width:100%; margin-bottom:15px; height:204px;} .lst1 .w_cat{display:block; padding:0 15px; margin-bottom:8px; font-size:12px; line-height:14px; color:#666; text-transform:uppercase;} .lst1 .w_byline{display:block; padding:0 15px; font-size:16px; line-height:18px; color:#000; font-weight:bold;} .lst1 .desc {display:block; padding:0 15px; font-size:18px; line-height:22px; color:#333; margin-bottom:10px;} .lst1 .desc strong{display:block; font-weight:bold; margin-bottom:5px; width:100%; text-overflow:ellipsis; position:relative; overflow:hidden; max-height:66px;} .lst1 .desc a{color:#333;} .lst1 strsyn{ overflow:hidden; display:block; font-size:14px; line-height:22px; height:66px; overflow:hidden; } .lst1 .scl-wdgt{padding:0 15px; position:absolute; z-index:50; bottom:10px; left:0;} .celeb_lst.lst1 ul{margin-right:0;} .celeb_lst.lst1 li{height:auto; margin:0 0 30px 0; width:auto; padding-bottom:0; float:none; } .celeb_lst.lst1 li .scl-wdgt{display:none;} .celeb_lst.lst1 li img{width:200px; float:left; margin-bottom:0; margin-right:20px; } .celeb_lst.lst1 .desc{margin-bottom:0;} .celeb_lst.lst1 li .w_byline{margin-top:10px;} .celeb_lst.lst1 strsyn{display:block;} .main-story{margin-bottom:20px;} .main-story img{float:left; width:346px; margin-right:30px;} .main-story .w_cat{display:block; margin-bottom:10px; font-size:12px; line-height:14px; color:#333; overflow:hidden;} .main-story .w_byline{display:block; font-size:24px; line-height:28px; color:#000; font-weight:bold; overflow:hidden;} .main-story .desc strong { display: block; font-size: 24px; line-height: 26px; color: #333; overflow: hidden; margin-bottom: 6px; font-weight: bold;} .main-story .desc a{color:#333;} .main-story .desc strsyn{ overflow:hidden; display:block; font-size:16px; line-height:22px; height:66px; overflow:hidden; margin-bottom:10px; } /*---- share widget ---*/ .share-widget{margin-bottom:20px; background:#be2819 url(/photo/47428980.cms) no-repeat 15px 0; padding:15px 15px 25px 112px; font-size:16px; color:#fff; line-height:20px; font-weight:300; position:relative;} .share-widget h3{font-family: 'Roboto Slab', serif; font-size:20px; color:#fff; margin-bottom:5px; font-weight:400;} .share-widget h3 em{font-style:italic;} .share-widget .more{position:absolute; background:#ccc; color:#000; font-family:arial; line-height:10px; padding:5px; font-size:10px; right:0; bottom:0; cursor:pointer; z-index:10;} .sidebar .share-widget{font-size:16px; line-height:20px; padding:15px 15px 25px 15px; background:#be2819 ; } .sidebar .sticky {position:fixed; top:10px; width:320px;} .stickyb{position:absolute; right:0; bottom:0; width:320px;} /*----- About-widget ---*/ .about-widget{border:1px solid #eee; padding:10px;} .about-widget .inner{background:#f5f5f5; padding:10px; font-size:15px; line-height:22px; color:#333; font-style:italic;} .about-widget .inner strong{font-weight:bold;} /*------Box ----*/ .bdr_bx{border:1px solid #ddd; padding:0 10px 10px;} /*----- hstyle ------*/ .hstyle1{font-size:22px; margin-bottom:10px; color:#000; line-height:20px; } .hstyle1 a, .hstyle1 a:hover{color:#000; text-decoration:none;} .wells_list li{list-style:none; margin-bottom:20px; border:1px solid #f7f7f7; border-bottom-color:#c5c5c5; box-shadow:0 1px #ececec; -moz-box-shadow:0 1px #ececec; -webkit-box-shadow:0 1px #ececec;} .wells_list li img{width:200px; float:left; margin-right:20px;} .wells_list li strong a{display:block; overflow:hidden; font-size:22px; line-height:24px; padding-top:15px; margin-bottom:5px; font-weight:bold; color:#333; padding-right:20px; } .wells_list li strsyn{display:block; overflow:hidden; font-size:17px; line-height:20px; color:#333; padding-right:20px; max-height:60px;} .wells_list li .w_byline, .wells_list li .w_cat{ font-size:10px; text-transform:uppercase; color:#666;} .wells_list li .w_byline{margin-right:7px; color:#000;} .author-box{border:1px solid #f7f7f7; border-bottom-color:#c5c5c5; box-shadow:0 1px #ececec; -moz-box-shadow:0 1px #ececec; -webkit-box-shadow:0 1px #ececec;} .author-box img{float:left; width:100px; margin-right:15px;} .author-box h4{font-size:20px; color:#333; line-height:20px; padding-top:8px; margin-bottom:8px;} .author-box h4 a{color:#333;} .author-box span{display:block; font-size:10px; color:#666; line-height:12px; text-transform:uppercase;} .quote-widget{border:2px solid #333; padding:18px 0; border-width:2px 0; position:relative; margin-bottom:20px;} .quote-widget blockquote{margin-left:30px; padding-left:30px; border-left:2px solid #333; font-size:22px; font-weight:300; color:#333; text-transform:uppercase; line-height:30px;} .quote-widget i.quote{display:inline-block; position:absolute; z-index:10; width:44px; height:48px; background:url(/photo/47000617.cms) no-repeat 0 0; left:10px; top:0;} .author-intro {font-size:17px; line-height:30px; color:#333; margin-bottom:20px;} .slideshow-box{position:relative;} .slideshow-box .pagination{position:absolute; z-index:20; right:20px; bottom:-30px; font-size:15px; color:#fff;} .slideshow-box .slides-outer{width:100%; overflow:hidden;} .slideshow-box .slides{width:10000px; } .slideshow-box .slide{ float:left;} .slideshow-box .slide img{width:100%; } .slideshow-container .info-box{background:#222; padding:20px; overflow:hidden;} .slideshow-container .info-slides{width:10000px;} .slideshow-container .info-slide{ float:left;} .slideshow-container .info-slide h4{font-size:25px; color:#fff; line-height:28px; margin-bottom:10px;} .slideshow-container .info-slide .slidecaption{color:#999; font-size:17px; line-height:21px;} .mac_issue, .info-outer{overflow:hidden;} .thumb-box{display:none;} .slideshow-box .prev, .slideshow-box .next{width:40px; height:55px; position:absolute; top:45%; display:block; z-index:1; cursor:pointer; opacity:0.6; transition:all 0.25s ease 0s;} .slideshow-box .prev{background:url(/photo/42545583.cms) no-repeat -260px -45px; left:0px;} .slideshow-box .next{background:url(/photo/42545583.cms) no-repeat -300px -45px; right:0px;} .slideshow-box .prev.dctv, .slideshow-box .next.dctv, .slideshow-box .prev.dctv:hover, .slideshow-box .next.dctv:hover{opacity:0.3; cursor:default;} .slideshow-box .prev:hover, .slideshow-box .next:hover{opacity:1;} .scl-wdgt span{display:inline-block; width:37px; height:36px; margin-right:10px; background:url(/photo/47014099.cms) no-repeat 0 0; cursor:pointer;} .scl-wdgt span.fb{background-position:0 0;} .scl-wdgt span.twtr{background-position:-47px 0;} .scl-wdgt span.ggl{background-position:-93px 0; } .scl-wdgt span.fb:hover{background-position:0 -36px;} .scl-wdgt span.twtr:hover{background-position:-47px -36px;} .scl-wdgt span.ggl:hover{background-position:-93px -36px;} .page_faq .wells_list li{border:0; border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom:20px; font-size:12px; line-height:14px; } .page_faq .wells_list li strong{position:relative; padding-left:30px; margin-bottom:15px; font-size:18px; line-height:15px; color:#333; font-weight:normal; display:block;} .page_faq .wells_list li strong a{font-size:100%; color:#000; padding-top:0; } .page_faq .wells_list li strsyn{display:block; padding-left:30px; position:relative; line-height:23px;} .page_faq .wells_list li strsyn:before{position:absolute; content:" "; width:20px; height:20px; display:block; left:0; top:2px; z-index:1; background-position:-176px -71px; background-image:url(/photo/45912899.cms); background-repeat:no-repeat; } .page_faq .wells_list li strong:before{position:absolute; content:" "; width:20px; height:20px; display:block; left:0; top:-1px; z-index:1; background-position:-146px -71px; background-image:url(/photo/45912899.cms); background-repeat:no-repeat; } .Normal h1{font-size:50px; line-height:50px; margin-bottom:10px; color:#000; font-weight:normal;} .Normal h2{font-size:35px; line-height:40px; margin-bottom:10px; color:#000; font-weight:normal;} .Normal h3{font-size:25px; line-height:30px; margin-bottom:10px; color:#000; font-weight:normal;} .Normal {font-size:17px; line-height:30px; color:#333;} .sidebar .scl-wdgt{margin-bottom:15px; text-align:center;} strong{font-weight:bold;} em{font-style:italic;} #content h1{font-size:30px; color:#000; margin:10px 0; font-weight:bold; border-bottom:4px solid #000; padding:0 0 10px 0;} #footer{position:relative; z-index:50;} #content .wrapper{position:relative;} .more-pop{background:#fff; padding:10px; border:2px solid #ddd; margin-bottom:15px} .more-pop h3{font-size:32px; line-height:22px; margin-bottom:25px; color:#009966; text-transform:uppercase; text-align:center;} .more-pop .guideline_div h3{font-size:17px; line-height:22px; margin-bottom:25px; color:#009966; text-transform:uppercase; text-align:left;} .more-pop ul{margin:0; padding-left:20px;} .more-pop ul li{list-style:disc; margin-bottom:8px; font-size:15px; color:#444; line-height:20px;} .more-pop ul li a{text-decoration:underline; color:#444;} .related-inner{width:100% !important;} .navbdcrumb {padding-top:0; margin-bottom:10px;} #minitv{display:none !important;} .adh300{min-height:260px;} .ad-widget.wdgt{margin:10px 0; padding-top:10px;} .hdr_ad{min-height:90px;} .adh100{min-height:100px;} .popup_close{background:#df2411; color:#fff; font:normal 14px/14px roboto, arial, sans-serif; text-transform:uppercase; padding:5px 0px; display:block; width:70px; margin:10px auto; position:absolute; bottom:0px; left:48%; text-align:center; cursor:pointer;} .popup_close_button{display:none;} .guideline_div{float:left; width:56%; margin:0px 1%;} /*------ Query form -----*/ .form_frame{width:40%; float:left;} .query-form h3{padding:10px; color:#fff; font-size:18px; line-height:18px; background:#be2819;} .query-form .inner{background:#f5f5f5; padding:10px;} .query-form input.textbox, .query-form textarea{display:block; background:#fff; border:1px solid #ccc; padding:6px 2%; height:18px; width:95%; margin-bottom:10px; font-family:arial; color:#000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:14px;} .widget .query-form h4{font-size:18px; color:#d91f00; margin-bottom:10px;} .query-form textarea{height:90px; resize:none;} .query-form label{display:block; line-height:13px; margin-bottom:5px; color:#6b7b8a; font-size:11px; } .query-form label span{color:#ec160c;} .query-form input.submit { background: #be2819; border:1px solid #fff; color: #fff; cursor: pointer; display: block; font-size: 14px; height: 32px;text-align: center;width: 100px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-weight:bold; margin:0px auto;} .guide_link{color:#000; display:block; font:bold 16px/16px roboto, arial, sans-serif; padding:0 10px 10px 10px; display:none;} .sidebar .guide_link{display:block;} .sidebar .quform iframe{height:370px;} .quform{background:#f5f5f5; margin-bottom:15px;} .guide_link .apahm_popup{color:#0381d1; cursor:pointer;} /*CSS for Good Governance top part*/ .top_section{border-bottom:1px solid #ddd; margin-bottom:20px;} /**----Sections 1----**/ .section1{width:50%; max-width:332px; margin:0 2% 14px 0; float:left;} .section1 ul{margin:0;} .section1 ul li{width:100%; margin:0; position:relative;} .section1 ul li a.w_img{height:265px; overflow:hidden; position:relative; display:block;} .section1 ul li a.w_img img{width:100%; height:265px;} .section1 ul li .desc{background-color:#000; padding:10px 4%; font-size: 220%; font-weight: bold; display:block; line-height: 24px; position:absolute; width:92%; left:0px; bottom:0px; background:rgba(0, 0, 0, 0.6);} .section1 ul li .desc a{color: #fff; line-height: 24px;} .section1 ul li .desc .w_byline{color:#d0d0d0; font-size:85%; display:block; margin-bottom:5px; line-height:12px;} .section1 ul li .icon_player{background-position:-61px -219px; width:50px; height:50px; diplay:block; margin:10px 10px 0 0;} /**----Sections 2----**/ .section2{width:48%; overflow:hidden; max-width:316px; float:left;} .section2 ul li{padding:12px 10px 12px} .section2 ul li:first-child{padding-top:0px;} .section2 ul li:last-child{border-bottom:0px!important; padding-bottom:0px;} .section2 li .desc{font-size:150%!important; line-height:20px!important;} .section2 li a.w_img, .section2 li a.w_img img{width:98px!important; height:72px!important;} /**---RHS Listing---**/ .list_rhs{} .list_rhs h2{color:#333; font-weight:bold; border-bottom:1px solid #e5e5e5; padding:0 0 10px 10px; font-size:170%; text-transform:uppercase;} .list_rhs li{list-style: none; border-bottom: 1px solid #e0cbd0; padding: 10px 10px 10px; position: relative;} .list_rhs li a.w_img{float: left; width: 81px; margin-right: 10px; position: relative; display:block} .list_rhs li a.w_img img{width: 81px; height: 61px;} .list_rhs li .desc, .list_rhs li .w_desc{height: 54px; vertical-align: middle; font-size: 130%; color: #003368; line-height: 16px; font-weight: normal} .list_rhs li .desc a, .list_rhs li .w_desc a{color:#333333;} .list_rhs li .w_byline{display:block; color:#858585; font-size:85%; margin-bottom:4px;} .list_rhs li a.w_img .icon_player, .section3 ul li a.w_img .icon_player, .slideinner ul li a.w_img .icon_player{display: block; position: absolute; right: 5px; bottom: 5px; z-index: 50; width: 21px; height: 21px; background-position: -125px 0;} .sev_list{margin-top:0px;} .listing4{} .listing4 li{border-bottom:1px solid #e5e5e5; padding:18px 0; position:relative;} .listing4 li a.w_img {float: left; width: 141px; margin-right:20px;} .listing4 li a.w_img img {height:85px; width: 141px;} .listing4 li strong a, .listing4 li .desc a{font-size:180%; color:#000; font-weight:bold; line-height:20px; display:block; margin-bottom:10px;} .listing4 li .cbl, .w_byline{font: normal 13px/12px roboto, arial, sans-serif; color: #999; margin-bottom: 4px;} .listing4 li strsyn{font-size: 15px; color: #000; line-height: 20px; font-weight: normal;} .listing4 li .icon_player{left:110px; top:72px; right:inherit; bottom:inherit;} .listing4 li:first-child{padding-top:0px;} /*CSS for Good Governance top part ends*/ .main-content ul .section1{width: 100%; max-width: none; margin: 0; float: none;} @media screen and (min-width:1000px){ .related-strys ul{width:100% !important;} .related-strys.lst1 li{height:405px;} } @media screen and (max-width:999px){ #content .wrapper{overflow-x:hidden;} .main-content, .sidebar{float:none; width:auto;} .wells_intro .wrapper{padding-left:10px; padding-right:10px;} .hm_sidebar{margin-bottom:10px;} #wells_hdr .wrapper{margin-bottom:0;} .sidebar .sticky, .stickyb{position:static !important; width:auto;} .hdr_ad{display:none;} #minitv{display:none !important;} .ad-widget{width:300px; margin:0 auto 10px;} .related-strys {overflow:auto;} .related-strys.lst1 li{width:200px; margin-right:20px; height:350px; float:left !important;} .main-content{min-height:inherit;} #wells_banner{display:none;} .guideline_div{width:100%;} .form_frame{width:100%;} } @media screen and (min-width: 768px) { #wells_nav ul{display:block;} } @media screen and (max-width: 767px) { #container, #header, #navigation, #footer{width:auto !important;} #footer{display:none;} #wells_hdr .toi_logo{width:280px; margin:0 auto 5px; float:none; border:0; padding:0;} #wells_hdr h1, #wells_hdr span.hd1{float:none; text-align:center; display:block;} .lst1 li{width:47%;} #wells_nav .nav-btn{display:block; margin-left:10px;} #wells_nav ul{display:none; float:none;} #wells_nav ul li{float:none; padding:0 10px; border-bottom:1px solid #adadad; box-shadow:0 1px 0 #dbdbdb; -moz-box-shadow:0 1px 0 #dbdbdb; -webkit-box-shadow:0 1px 0 #dbdbdb;} #wells_nav ul li a{display:block; padding:0;} #wells_nav .wrapper{height:auto;} #content .wrapper{padding:0 10px; width:auto !important;} .share-widget h3{font-size:18px; margin-bottom:10px;} .share-widget, .sidebar .share-widget{padding:15px 15px 25px 60px; font-size:16px; line-height:20px; background-size:40px auto; background-position:10px 16px;} .sidebar .share-widget{padding:15px 15px 25px 15px; background:#be2819;} .main-story img{width:200px;} .wrapper{width:auto !important;} .navbdcrumb{padding-left:14px; } .more-pop h3{font-size:18px;} .popup_close{bottom:-212px;} .section1, .section2{width:100%; max-width:none;} .section1 ul li a.w_img, .section1 ul li a.w_img img{height:auto;} .section2{margin-bottom:15px;} .ad-widget{overflow:hidden;} } @media screen and (max-width: 479px) { .lst1 ul{margin-right:0;} .lst1 li{float:none; margin-right:0; width:auto; height:auto;} .celeb_lst.lst1 li, .wells_list li{padding-bottom:10px;} .wells_list li strsyn, .wells_list li strong a{padding:0 10px;} .celeb_lst.lst1 li img, .wells_list li img{width:100%; float:none; margin:0 0 10px; } .celeb_lst.lst1 li .w_byline{margin-top:0px;} .main-story img{width:100%; float:none; margin:0 0 10px; } .wells_list li .w_byline{margin-left:10px;} .related-strys ul{width:5000px;} .related-strys.lst1 li{width:200px; margin-right:20px; height:350px; float:left !important;} .tabstrip1 li a{padding:0 7px;} }