@charset "utf-8"; /*====================================================================== Site Name: Ministry of External Affairs, Government of India Theme URI: http://mea.gov.in/ Description: this site is developed by STTL Version: 1.0 Author: Web Team ------------------------------------------------------------------------ Base Color: #fff (White) Site Color: #195c9f (Dark Blue) Header Color: #ffffff (White) Text Color: #595656 (Dark Grey) Title Color: #195c9f (Dark Blue) Footer Color: #195c9f (Dark Blue) ------------------------------------------------------------------------ Layout Width: 100% Container Width: 1170px Responsive Layout: Yes =======================================================================*/ /********* Reset CSS *********/ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a { text-decoration: underline; color: #595656; } a:focus { outline: thin dotted } a:hover, a:active { outline: 0; } a:hover { text-decoration: none; color: #195c9f; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } b, strong, dt, th { font-weight: 600; } em, i { font-style: italic; } p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin: 0; padding: 0; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto; } figure { margin: 0; } legend { white-space: normal; } q { quotes: "\201C""\201D""\2018""\2019" } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } table { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells: show; border: none; } table table { margin: 0 } th, td { border: none; padding: 8px 10px } caption, th, td { font-weight: normal; } /****************fonts*****************/ /*********** open sans font***************/ /* BEGIN Light */ @font-face { font-family: 'Open Sans'; src: url("fonts/OpenSans-Regular.eot?v=1.1.0"); src: url("fonts/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("fonts/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("fonts/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg"); font-weight: normal; font-style: normal; } /* END Regular */ /* BEGIN Italic */ @font-face { font-family: 'Open Sans'; src: url("fonts/OpenSans-Italic.eot?v=1.1.0"); src: url("fonts/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("fonts/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("fonts/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg"); font-weight: normal; font-style: italic; } /* END Italic */ /* BEGIN Semibold */ @font-face { font-family: 'Open Sans'; src: url("fonts/OpenSans-Semibold.eot?v=1.1.0"); src: url("fonts/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("fonts/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("fonts/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg"); font-weight: bold; font-style: normal; } /* END Semibold */ /* BEGIN Semibold */ /*@font-face { font-family: 'Open Sans'; src: url("fonts/OpenSans-Bold.eot?v=1.1.0"); src: url("fonts/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("fonts/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("fonts/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("fonts/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg"); font-weight: bold; font-style: normal; } */ /* END Bold */ /********* Form fields *********/ button, input, select, textarea { color: #595656; /*font-family: 'Poppins', sans-serif;*/ font-family: 'PoppinsRegular'; font-size: 100%; line-height: 1.5; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { border: 1px solid #e5e5e5; width: 100px; height: 30px; padding: 0; font-size: 100%; line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; margin: 0 5px 0 0; } input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio } input[type="submit"], input[type="button"], input[type="reset"], button, .button { line-height: 20px; padding: 0 10px; display: inline-block; text-decoration: none; border: 0 none; margin: 0; outline: 0 none; } textarea { overflow: auto; vertical-align: top; resize: vertical; height: 100px; max-width: 100%; min-width: 100%; max-height: 500px; min-height: 90px; } fieldset { border: 0 none; margin: 0; padding: 0 } label { display: inline-block; padding-bottom: 5px; font-weight: normal; } /********* Clear floats *********/ .cf:before, .cf:after, .homeWMission:before, .homeWMission:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before { content: " "; display: table } .cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after, .homeWMission:after { clear: both } /********* Common Classes *********/ html, body { height: 100%; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 20px 0; padding: 0 } body, button, input, select, textarea { color: #595656; font-family: 'Open Sans'; font-size: 75%; line-height: 1.5; } body { background-color: #fff; } p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin: 0 0 25px; } h1 { font-size: 2.308em; } h2 { font-size: 1.833em; } h3 { font-size: 1.692em; color: #404348; } h4 { font-size: 1.385em; margin-bottom: 15px; } h5 { font-size: 1.231em; margin-bottom: 15px; } h6 { font-size: 1.231em; margin-bottom: 15px; } ul { padding: 0 0 0 0; } ol { padding: 0 0 0 0; } ul ul, ol ol { margin: 0 0 10px } li { list-style: outside none none; } input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { border: 1px solid #e5e5e5; width: 100%; height: 30px; padding: 5px 10px; } input[type="submit"], input[type="button"], input[type="reset"], button, .button { background-color: #d8d8d8; border: 0 none; } input[type="submit"].cancelBtn, input[type="button"].cancelBtn, input[type="reset"].cancelBtn { background-color: #888; } .fLeft { float: left } .fRight { float: right; } .alignRight { text-align: right } .alignLeft { text-align: left } .alignCenter { text-align: center } .sepratorNone { display: none } abbr { cursor: help } .displayNone, .hasJS noscript, .hideThis { display: none !important; visibility: hidden } .jsRequired { display: block; background-color: #C00; color: #fff; width: 100%; line-height: 30px; text-align: center; font-size: 0.800em; border: 0 none; } .mrgAuto { margin-right: auto; margin-left: auto; } .mrgT20 { margin-top: 20px; } .mrgL20 { margin-left: 20px; } .mrgR20 { margin-right: 20px; } .mrgB20 { margin-bottom: 20px; } .mrgT10 { margin-top: 10px; } .mrgL10 { margin-left: 10px; } .mrgR10 { margin-right: 10px; } .mrgB10 { margin-bottom: 10px; } .padL20 { padding-left: 20px; } .padR20 { padding-right: 20px; } .padB20 { padding-bottom: 20px; } .padT20 { padding-top: 20px; } .padL15 { padding-left: 15px; } .padR15 { padding-right: 15px; } .padB15 { padding-bottom: 15px; } .padT15 { padding-top: 15px; } .padL10 { padding-left: 10px; } .padR10 { padding-right: 10px; } .padB10 { padding-bottom: 10px; } .padT10 { padding-top: 10px; } .padTB10 { padding-top: 10px; padding-bottom: 10px; } .padTB15 { padding-top: 15px; padding-bottom: 15px; } .padTB20 { padding-top: 20px; padding-bottom: 20px; } .pad10 { padding: 10px; } .pad15 { padding: 15px; } .pad20 { padding: 20px; } .pad25 { padding: 25px; } .pad30 { padding: 30px; } .width100p { width: 100%; } .width90p { width: 90%; } .width80p { width: 80%; } .width70p { width: 70%; } .width60p { width: 60%; } .width50p { width: 50%; } .width40p { width: 40%; } .width30p { width: 30%; } .width20p { width: 20%; } .width10p { width: 10%; } .fileSize { font-size: 12px; display: inline-block; vertical-align: middle; margin-left: 3px; } .extIcon { vertical-align: middle; margin-left: 3px; } .rsIcon { display: inline-block; margin-right: 2px; height: 11px; text-indent: -999px; overflow: hidden; width: 11px; background: url(../images/rupee.png) left top no-repeat; } .bold { font-weight: bold; } .italic { font-style: italic; } .longWord, .wordBreak { word-wrap: break-word; } /********** Image Formating & Alignment **********/ .imgLeft { float: left; margin-right: 20px; margin-bottom: 20px; } .imgRight { float: right; margin-left: 20px; margin-bottom: 20px; } .imgCenter { float: none; margin-bottom: 20px; margin-left: auto; margin-right: auto; display: block; } .imgBorder { border: 1px solid #ccc; padding: 5px } .rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .shadow { -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); padding: 4px; } /********** Alignment **********/ .left { text-align: left !important } .right { text-align: right !important } .center { text-align: center !important } .justify { text-align: justify !important } /********** Error/Alert Messages **********/ .message { padding: 10px 38px 10px 10px; margin-bottom: 20px; border: 1px solid transparent; position: relative; } .message.success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .message.success a { color: #2b542c; } .message.error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .message.error a { color: #843534; } /* ******** Grid : 12 Coloum and Boxs ******** */ .example div div, .example .boxs li { border: 1px solid #eee; margin-bottom: 15px; padding-top: 15px; padding-bottom: 15px } .row { margin: 0 0 20px; } .cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 { float: left; padding-left: 15px; padding-right: 15px; } .cols12 { width: 100% } .cols11 { width: 91.66666667% } .cols10 { width: 83.33333333% } .cols9 { width: 75% } .cols8 { width: 66.66666667% } .cols7 { width: 58.33333333% } .cols6 { width: 50% } .cols5 { width: 41.66666667% } .cols4 { width: 33.33333333% } .cols3 { width: 25% } .cols2 { width: 16.66666667% } .cols1 { width: 8.33% } .boxs { list-style: none; padding: 0; margin: 0; } .boxs2 { margin-left: -2%; } .boxs3 { margin-left: -2%; } .boxs4 { margin-left: -2%; } .boxs5 { margin-left: -2%; } .boxs6 { margin-left: -2%; } .boxs>li, .boxs>div { float: left; min-height: 1px; margin-left: 30px; } .boxs2>li, .boxs2>div { width: 48%; margin-left: 2%; } .boxs3>li, .boxs3>div { width: 31%; margin-left: 2%; } .boxs4>li, .boxs4>div { width: 23%; margin-left: 2%; } .boxs5>li, .boxs5>div { width: 18%; margin-left: 2%; } .boxs6>li, .boxs6>div { width: 14.6%; margin-left: 2%; } .boxBorder { padding: 5px; border: 1px solid #ccc; } /********* Navigation *********/ .mainNavigation { margin: 0; position: relative; background: #162F6A; clear: both; z-index: 111; /* margin-top:15px; - 29 feb 2024 */ } .toggleMenu { display: none; padding: 15px; text-decoration: none } .toggleMenu .mobileMenu { font-size: 1.250em; color: #fff; } .toggleMenu .iconBar { float: right; width: 25px; height: 25px; background: url(../images/mobile-menu.png) no-repeat center center; } #nav, #nav ul { list-style: none; margin: 0; padding: 0; text-align:center; /*isb - 10 feb 2024*/ } #nav li { /*float: left; - 10 feb 2024 */ margin: 0; padding: 0; position: relative; display: inline; } #nav li a { padding: 0 10px; line-height: 56px; color: #fff; font-size: /*1.067em*/ 14px; display: inline-block; text-decoration: none; font-weight: normal; /* isb - 10 feb 2024 */ } #nav ul { width: 286px; /* top: 100%; isb - 10 feb 2024 */ padding: 0; left: 0; position: absolute; border-left: 1px solid #d1d1d1; } .hasJS #nav ul { opacity: 0; transition: opacity 400ms linear; -webkit-transition: opacity 400ms linear; } #nav ul li { float: left; height: auto; width: 100%; margin: 0; padding: 0; } #nav ul li a { display: block; background-color: #fff; /* background-color: #eef1f5;*/ font-size: 1.167em; line-height: 24px; color: #595656; border: none; border-top: 1px solid #e5e5e5; padding: 5px 15px 5px 15px; text-align: left; } #nav ul ul { top: 0; left: 285px; width: 200px; } #nav .MenuLi5 ul ul { width: 250px; } #nav ul ul li>ul { top: 0; left: 199px; width: 150px; } #nav ul ul li>ul li>ul { top: 0; left: 150px; width: 150px; } /*#nav a:hover, .noJS #nav a:focus, #nav ul .hover > a, #nav ul .focus > a { color:#fff } */ #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected { color: #7fb6e9 } #nav ul, #nav :hover ul ul, #nav .hover ul ul, #nav .focus ul ul { margin-left: -9999px } #nav li:hover>ul, #nav li.hover>ul, #nav li.focus>ul, #nav a:focus+ul, #nav ul ul, .noJS #nav .hover a:focus, .noJS #nav .focus a:focus { margin-left: 0 } #nav>li>a:hover, #nav>li.hover>a, #nav>li.focus>a, #nav>.highlight>a { background-color: #eef1f5; color: #162F6A; } #nav>li.MenuLiLast>a:hover, #nav>li.MenuLiLast .hover>a, #nav>li.MenuLiLast .focus>a, #nav>.highlight.MenuLiLast>a { background: #162F6A; color: #fff; } #nav li ul li a:hover, #nav li ul li>a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul>.highlight>a { background-color: #162F6A; color: #fff; } #nav ul li.focus>a { background-color: #e9e9e9; color: #060613; display: block; } #nav .rightArrowImg { display: none; position: absolute; right: 5px; top: 20px; width: 9px; height: 9px; text-indent: -9999px; overflow: hidden; } #nav li .rightArrowImg { background: url(../images/down-arrow.gif) no-repeat right center; z-index: 10; } #nav li li .rightArrowImg { display: block; background: url(../images/right-arrow.gif) no-repeat right center; top: 13px; right: 10px; z-index: 11 } #nav li li li .rightArrowImg { z-index: 12 } #nav li .rightArrowImg.active { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .noJS #nav ul a:focus { width: 200px; } .noJS #nav ul a:focus, .noJS #nav ul a:focus+ul { margin-left: 9999px } .noJS #nav ul a:active { margin-left: 0 } .hasJS .menuPart #nav a:focus+ul, .hasJS .menuPart #nav li.focus>ul, .hasJS .menuPart #nav li.hover>ul, .hasJS .menuPart #nav li:hover>ul, .hasJS .menuPart #nav ul ul { opacity: 1; } /* ******** Index Slider ******** */ .indexBanner { position: relative } .indexBanner .sliderBanner .item { height: 300px; } /*.noJS .indexBanner {height:302px; overflow:hidden} */ /********** Responsive Tab **********/ .resTab { position: relative; border: 1px solid #00c5ad; } .resTab .tabNav { margin: 0; padding: 0; list-style: none; } .resTab .tabNav li { display: inline-block; margin: 0; position: relative; background-color: #00c5ad; } .resTab .tabNav li a { display: inline-block; padding: 10px 12px; text-decoration: none; font-size: 0.933em; font-weight: bold; color: #fff; } .resTab .tabNav .r-tabs-state-active a { color: #00c5ad; text-shadow: none; background-color: white; } .resTab .tabContent { padding: 5% important; display: none; } .resTab .r-tabs-panel.r-tabs-state-active { display: block; } .resTab .r-tabs-accordion-title { display: none; } .resTab .tabNav .r-tabs-state-disabled { opacity: 0.5; } .resTab .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #00c5ad; color: #fff; font-weight: bold; text-decoration: none; position: relative; } .resTab .r-tabs-accordion-title .r-tabs-anchor:before { border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #fff; position: absolute; right: 20px; top: 50%; margin-top: -7px; content: ""; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:before { transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transform: rotate(90deg); -webkit-transform: rotate(90deg); } .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #fff; color: #00c5ad; text-shadow: none; } .resTab .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; } .noJS .resTab .tabContent { padding-top: 80px; } .noJS .resTab .tabNav { position: absolute; width: 100%; left: 0; top: 0; z-index: 1; } .noJS .resTab { border: 0 none; } .noJS .resTab .tabNav { border-bottom: 1px solid #dcdada; } .noJS .resTab .tabContainer { height: 150px; overflow: hidden; } .noJS .resTab .tabContent { display: block; height: 150px } /********* Back to Top **********/ #backToTop { background: #195c9f; cursor: pointer; display: none; height: 35px; width: 35px; overflow: hidden; position: fixed; right: 10px; bottom: 99px; text-indent: -99999px; z-index: 999; display: none; animation: bounce 4s ease infinite; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; } #backToTop:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -4px; content: ""; } #backToTop a { display: block; width: 35px; height: 35px; text-indent: -999px; overflow: hidden; position: relative; z-index: 11; border-radius: 50%; } /********* Accordion ******** */ .accordion { margin-bottom: 20px; } .accordion .accTrigger { background: url(../images/plus.png) left 5px no-repeat; padding-left: 20px; cursor: pointer; font-weight: bold } .noJS .accordion .accTrigger { background: none; padding-left: 0 } .accordion .accTrigger a { display: block; text-decoration: none; outline: 0 } .accordion .accTrigger.active { background: url(../images/minus.png) left 5px no-repeat !important; } .accordDetail { padding: 10px 20px; display: none } .noJS .accordDetail { display: block; padding: 10px 0 } /********* Marquee *********/ .marquee { overflow: hidden; } .marqueeScrolling li { float: left; margin-right: 25px; } .noJS .btnMPause { display: none; } .noJS .marqueeScrolling { overflow-y: hidden; overflow-x: auto } .noJS .marquee { width: 240% } /********** Ticker *********/ .noJS .ticker .stop { display: none } .noJS .ticker ul { margin: 0 } .noJS .ticker .tickerDivBlock { height: 150px; overflow-y: scroll; overflow-x: hidden } /********* gmap3 - Google Map API *********/ .gmap3 { border: 1px dashed #C0C0C0; width: 100%; height: 400px; } .gmap3 img { max-width: inherit } .noJS .gmap3 { background: url(../images/map_bg.jpg) no-repeat; } /******************Custom Select********************/ .customSelectOuter { position: relative; background: #fff url(../images/custom-select-arrow1.png) no-repeat right center; } .customSelect { font-size: 15px; padding: 10px 10px 12px; color: #565656; } .hasJS select.customSelect { position: absolute !important; width: 100% !important; cursor: pointer; height: 100% !important; left: 0 !important; top: 0 !important; border: 0; } span.customSelect { display: block; display: block !important; padding-right: 10px; border: 1px solid #e5e5e5; } .customSelectInner { display: block !important; width: auto !important; word-break: keep-all; overflow: hidden; margin-right: 20px; height: 22px; } .noJS .customSelectOuter { background-image: none; } /*==========================================================================================================================*/ /*================================================ Main CSS Theme Start ====================================================*/ /*==========================================================================================================================*/ /********** Layout **********/ .page { overflow: hidden; } .scrollHidden { overflow: hidden; transition: none; } #wrapper { background: url(../images/web-flag-strip-bg.jpg) center top no-repeat; padding-top: 10px; width: 100%; background-size: 100% 10px; } .container { margin: 0 auto; width: 100%; max-width: 1360px; padding: 0 15px; } .container_isb { /*margin: 0 12px 0 12px; - 10 feb 2024 */ width: 100%; } #content {} .content {} .sidebar {} .fullWidth {} .noJS .displayNoJSShow { background: #a20000 none repeat scroll 0 0; color: #ffffff; text-align: center; } .noJS noscript { background-color: #f2f2f2; color: #990000; display: block; margin: 0 auto; padding: 5px 0; text-align: center; width: 100%; } /********** Top Links and Font Resize **********/ .textResizeWrapper { margin-top: 0; } .topStrip { /* ISB background: #efefef; padding: 13px 20px; */ padding: 13px 20px; line-height: 13px; } .leftLink { float: left; } .rightLinks { float: right; } .topStrip ul { list-style: none; padding: 0; margin: 0 } .topStrip li { float: left; padding: 0 7px 0 8px; position: relative; font-size: 1.083em; } .topStrip .fontResize { padding-top: 0; } .topStrip a { color: #595656; text-decoration: none; } .topStrip a:hover { text-decoration: underline; color: #595656; } .topStrip li:first-child { padding-left: 0; } .topStrip li:last-child { padding-right: 0; } .topStrip li:before { content: " "; position: absolute; left: 0; top: 50%; z-index: auto; height: 14px; width: 1px; background: #adaeae; overflow: hidden; margin-top: -7px; } .topStrip li:first-child:before { display: none; } .topStrip li.changeTheme { height: 15px; } .topStrip li.changeTheme:before { display: none; } /********** Access Control **********/ #accessControl input { float: left; height: 15px; background: none; border: none; padding: 0; width: 22px; color: #595656; vertical-align: bottom; line-height: 15px !important; } #accessControl input:hover { color: #e65a15 } #accessControl .largest { font-size: 17px; margin-top: -2px; } #accessControl .normal { font-size: 13px; width: 25px; } #accessControl .large { font-size: 11px; width: 14px; } #accessControl .contrastChanger { width: 17px; width: 19px; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; text-transform: capitalize; } #accessControl .contrastChanger.normal { background-image: url(../images/a-light.gif); margin: 0 5px; } #accessControl .contrastChanger.wob { background-image: url(../images/a-dark.gif); } /*************Header********************/ .langSelectBox .goButton { display: none; } #header { /*box-shadow:0 2px 2px rgba(0,0,0,0.12); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.12);*/ position: relative; z-index: 1111; } .logoAndSearchRow { /*padding: 14px 20px 17px; */ /* padding: 8px 0; ISB */ padding: 0px 0; /* ISB */ /*box-shadow:0 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);*/ position: relative; z-index: 1111; } .logoWrap { float: left; width: 362px; } .logoWrap h1 { margin-bottom: 0; } .searchAndLangWrap { float: right; /*width: 412px;*/ width: 300px; padding-top: 10px; left: 0; } .noJS .searchAndLangWrap { width: 460px; } .noJS .langSelectBox { width: 150px; } .noJS .langSelectBoxIn { display: inline-block; vertical-align: middle; } .noJS .langSelectBox .goButton { display: inline-block; vertical-align: middle; float: right; } .noJS .langSelectBox input { background: #5f5f5f none repeat scroll 0 0; border: 0 none; color: #ffffff; font-size: 18px; height: 46px; width: 50px !important; } .noJS .langSelectBox input:hover { background: #195c9f none repeat scroll 0 0; } .searchBoxWrap { margin-right: 10px; width: 300px; position: relative; float: left; } .searchBoxWrap input[type="text"] { height: 47px; border: 1px solid #e5e5e5; padding-right: 45px; font-size: 1.167em; color: #888888; } .searchBoxWrap input[type="submit"] { height: 47px; width: 42px; border: 0 none; background: url(../images/serach-icon-btn.png) center no-repeat; position: absolute; right: 0; top: 0; text-indent: -9999px; overflow: hidden; opacity: 0.75; } .searchBoxWrap input[type="submit"] { opacity: 1; } .langSelectBox { width: 100px; float: left; } .langSelectBox select { height: 47px; border: 1px solid #e5e5e5; padding: 5px 5px; font-size: 1.167em; color: #888888; } /******************header shrink and grow css - 29 feb 2024*****************/ .headerFixedDecrease { margin-top: 124px; } #header.headerFixed .whatsNewButton.cf { padding-top: 5px; } #header.headerFixed { position: fixed; width: 100%; top: 0; box-shadow: 0 0 20px rgb(0 0 0 / 20%); background:#FFF; } #header.headerFixed .logoWrap { width: 300px; transition: all 0.5s ease; } #header.headerFixed .topStrip { display: none; } #header.headerFixed .socialIconBox { padding: 13px 10px 0 0; } #header.headerFixed .logoAndSearchRow { padding: 5px 0; } #header.headerFixed .searchAndLangWrap { padding-top: 5px; } #header.headerFixed .newlogoWrap h1.logo a .emblemWrap { width: 36px; color: #222; } #header.headerFixed .newlogoWrap h1.logo a .logoText { font-size: 18px; line-height: 18px; } #header.headerFixed .newlogoWrap h1.logo a .logoText .logoTextSubline { font-size: 14px; line-height: 14px; } /********************************************************/ /* added: 02 march 2024 */ .page-ttl { position: relative; color: #000; padding: 0 0 5px 0; text-align: center; font-size: 24px; font-weight: 500; line-height: 30px; margin-bottom: 30px; } .page-ttl:after { position: absolute; content: ""; width: 40%; height: 4px; background-color: #162e6a; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 100%; left: 50%; margin-top: 5px; max-width:100px; } /*******************************************/ /****** 11 march 2024 *****/ /* accordion */ ul.accordion-list li { position: relative; display: block; width: 100%; height: auto; padding: 8px 0; cursor: pointer; padding: 9px 0px; border-bottom: 1px solid #d4d4d4; } ul.accordion-list li.active h3:after { transform: rotate(180deg); } ul.accordion-list li h3 { position: relative; display: block; width: 100%; height: auto; padding: 0 0 0 0; margin: 0; font-size: 14px; letter-spacing: 0.01em; cursor: pointer; color: white; font-weight: 400; } ul.accordion-list li h3:after { font-family: FontAwesome; content: "\f107"; position: absolute; right: 0; top: 0; transition: all 0.3s ease-in-out; font-size: 18px; font-weight: 900; } ul.accordion-list li div.answer { position: relative; display: block; width: 100%; height: auto; margin: 0; padding: 0; cursor: pointer; } ul.accordion-list li div.answer p { position: relative; display: block; font-weight: 300; padding: 10px 0 0 0; cursor: pointer; line-height: 150%; margin: 0 0 15px 0; font-size: 13px; color: white; } .imp-bg { /*background: url("../images/important-bg.jpg");*/ background:#182c6c; padding: 50px 30px 30px 30px; background-position: center; background-size: cover; height: 295px; border-radius:10px; } .page-ttl { position: relative; color: #000; padding: 0 0 5px 0; text-align: center; font-size: 24px; font-weight: 500; line-height: 30px; margin-bottom: 30px; } .page-ttl:after { position: absolute; content: ""; width: 40%; height: 4px; background-color: #f8c83a; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 100%; left: 50%; margin-top: 5px; } .str-wrap-flex div { display: flex; align-items: center; justify-content: center; } .register-stay-bg { background: #fff; padding: 30px 0; } .register-stay-main img { border-right: 1px solid #c5c5c5; padding-right: 10px; } .register-stay-main p { padding-left: 10px; color: white; line-height: 22px; font-size: 16px; } .register-stay-main { align-items: center; display: flex; margin: 5px 0; } .pl-120 { padding-left: 120px; } .pd-0 { padding: 0 !important; } .recordBox { padding-bottom: 8px; } .recordBox a { color: #000; } .prevIconCustom { left: 7%; top: 55%; /* color: #000; */ font-size: 17px; width: 35px; height: 35px; background: #195c9f; /* box-shadow: 0px 3px 15px rgb(0 0 0 / 17%); */ border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #195c9f; cursor: pointer; } .nextIconCustom { /* color: #000; */ top: 55%; right: 7%; font-size: 17px; box-shadow: 0px 3px 96px rgb(215 208 208 / 7%); width: 35px; height: 35px; background: #195c9f; /* box-shadow: 0px 3px 15px rgb(0 0 0 / 17%); */ border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #195c9f; cursor: pointer; } /*******************************************/ /**************** round buttons and search box - added: 29 feb 2024 *************/ .btnBlue, .inputTxt, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { border: 1px solid #e5e5e5; height: 50px; padding: 5px 10px; border-radius: 6px; transition: all 0.3s; } /*********************************************************************************/ /*****************Banner******************/ .indexBanner { margin: 0; padding: 0; position: relative; color: #fff; min-height: 450px; } .indexBanner .sliderImg { width: 63%; float: left; background-size: cover; background-position: center top; background-repeat: no-repeat; } .indexBanner .sliderImg img { width: 100%; height: auto; opacity: 0; visibility: hidden; min-height: 450px; } .noJS .indexBanner .sliderImg img { opacity: 1; visibility: visible; } .noJS .sliderNavButtons { display: block; position: absolute; left: 40px; bottom: 37px; z-index: 111; } .noJS .bannerLinks { margin-left: 50px; float: right; } .noJS .sliderNavButtons .back_disable { background: url(../images/home-sprite-icon.png) left top no-repeat; height: 17px; width: 10px; display: inline-block; text-indent: -9999px; overflow: hidden; margin-right: 10px; vertical-align: middle; } .noJS .sliderNavButtons .next { background: url(../images/home-sprite-icon.png) -68px top no-repeat; height: 17px; width: 10px; display: inline-block; text-indent: -9999px; overflow: hidden; vertical-align: middle; } .noJS .indexBanner .item { position: relative; } .bannerCaption { position: absolute; left: 0; width: 100%; height: 100%; } .bannerCaption .container { position: relative; height: 100%; } .indexBanner .dataSlider { /* background-color: #195c9f; */ background-color: #011637 !important; /* isb 08 feb 2024*/ } .sliderText { position: relative; height: 100%; width: 35%; float: right; /* padding: 45px 0px 80px 40px; isb - 15 feb 24 */ min-height: 450px; } @media all and (min-width: 900px) { .sliderTextOuter { overflow: hidden; height: 100%; position: relative; /* padding-right: 220px; */ text-align:center !important; } } /*.sliderText:before{background:#195c9f; width:1000%; height:100%; left:100%; position:absolute; top:0; content:"";} */ .bannerCaption .title { font-size: 1.833em; font-weight: bold; line-height: 34px; margin-bottom: 0; font-weight: 600; } .bannerCaption .content { font-size: 1.167em; margin-bottom: 20px; } .bannerCaption .photoOf { display: block; margin-bottom: 0; font-size: 0.682em; margin-top: 15px; font-weight: 400; line-height: 1.5; font-style: italic; } .bannerCaption .date { color: #fff; margin-bottom: 30px; margin-top: 15px; font-size: 15px; } .sliderReadmore a.button { background: #2365a7; padding: 10px 15px; font-size: 1.167em; color: #fff; box-shadow: 0 0 5px rgba(14, 22, 71, 0.29); -webkit-box-shadow: 0 0 5px rgba(14, 22, 71, 0.29); text-decoration: none; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; border: 0 none; margin-top: 8px; } .sliderReadmore a.button:hover { background: #f26522; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } .sliderControlLinks { position: absolute; bottom: 25px; width: 100%; z-index: 11; } .noJS .sliderControlLinks { z-index: 1; } .sliderControlWrap { width: 35%; float: right; padding-left: 40px; } .sliderControlLinks .swiper-button-next, .sliderControlLinks .swiper-button-prev { display: inline-block; position: static; } .sliderControls a, .bannerLinks a span { display: inline-block; text-indent: -9999px; overflow: hidden; vertical-align: middle; margin-top: 0; } .bannerLinks a { padding-right: 10px; font-size: 14px; color: #fff; text-decoration: none; /*max-width:150px;*/ padding-left: 30px; position: relative; } .bannerLinks a span { position: absolute; left: 0; top: 2px; width: 25px; height: 30px; } .sliderControls a { margin: 0 3px; } .sliderControls { float: left; width: 50px; margin-right: 25px; margin-top: 4px; } .bannerLinks { float: right; width: 280px; } .bannerLinks a { position: relative; display: inline-block; } .bannerLinks a:first-child { margin-right: 10px; } .bannerLinks a:last-child { padding-right: 0; } .bannerLinks a:last-child:before { display: none; } .sliderControls a:hover { opacity: 0.75; } .bannerLinks a:hover { text-decoration: underline; } .sliderNavButtons { display: none; } .sliderBottomLinks { display: none; } /********** spriteCss **********/ .spriteHomeIcon { background: url(../images/home-sprite-icon.png) left top no-repeat; display: inline-block; } .spriteHomeIcon.prevIcon { background-position: left top; height: 17px; width: 10px; } .spriteHomeIcon.sliderPlay { background-position: -46px top; height: 17px; width: 12px; display: none; } .spriteHomeIcon.sliderPause { background-position: -24px top; height: 17px; width: 12px; } .spriteHomeIcon.nextIcon { background-position: -68px top; height: 17px; width: 10px; } .spriteHomeIcon.readAllNews { background-position: -88px top; height: 20px; width: 21px; margin-right: 8px; } .spriteHomeIcon.rssFeed { background-position: -128px top; height: 18px; width: 18px; margin-right: 5px; } .spriteHomeIcon.twitterIcon { background-position: -490px top; width: 22px; height: 18px; margin-right: 5px; } .spriteHomeIcon.youtubeIcon { background-position: -331px top; width: 46px; height: 19px; margin-left: 5px; } .spriteHomeIcon.rssIcon { background-position: -315px top; width: 14px; height: 14px; margin-right: 5px; text-indent: -9999px; overflow: hidden; } .spriteHomeIcon.palyIcon { background-position: left bottom; height: 15px; width: 12px; display: inline-block; text-indent: -9999px; overflow: hidden; } /**********commonTabs***************/ .commonTabs { border: 0 none; } .commonTabs .tabContent { /* border-top: 1px solid #dcdada;*/ border-bottom: 0px solid #dcdada; /* 29 feb 2024 */ } .noJS .commonTabs .tabContent { border-top: 0 none; } .commonTabs .tabContent.fullWidthImg { padding: 0; } .resTab.commonTabs .tabNav li { background: #fff; margin-bottom:10px; /* margin-right: 28px; - isb 24 feb 2024 */ } .noJS .resTab.commonTabs .tabNav li { margin-right: 30px; } .resTab.commonTabs .tabNav li:last-child { margin-right: 0; } .resTab.commonTabs .tabNav li a { color: #595656; font-size: 18px; font-weight: normal; padding: 5px 0 20px; } .resTab.commonTabs .tabNav li a:hover { color: #f26522; } .resTab.commonTabs .tabNav .r-tabs-state-active a { background: #fff; border: 0 none; /* color: #f26522;*/ color: #182c6c; margin-bottom: -1px; padding-bottom: 20px; position: relative; } .resTab.commonTabs .tabNav .r-tabs-tab a:before { /* background: #f26522;*/ background: #182c6c; height: 5px; width: 0; position: absolute; bottom: -1px; left: auto; right: auto; content: ""; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; z-index: 1; } .resTab.commonTabs .tabNav .r-tabs-state-active a:before { width: 100%; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } /******************meaInfoBlock***************/ .meaInfoBlock { overflow: hidden; position: relative; } .meaInfoBlock .resTab.commonTabs .tabNav li a { font-size: 18px; } .meaInfoBlock .resTab.commonTabs .tabNav li { *margin-right: 60px; */ margin-right: 42px; } .meaInfoBlock .resTab.commonTabs .tabNav li:last-child { margin-right: 0; } .meaInfoBlock .contentRightBlock { padding-right: 20px; float: right; } .contentleftBlock { float: left; /*width:65%;*/ width: 63%; padding: 8px 40px 40px 0; } .contentRightBlock { float: left; /*width:35%;*/ width: 37%; padding: 20px; /* background: #f0f0f0;*/ background: #fafafa; position: relative; margin-top: 0; } .contentRightBlock:before { background: #f0f0f0; /*width:1000%;*/ width: 15px; height: 100%; left: 100%; position: absolute; top: 0; content: ""; display: none; } .tabsAndImplinks .contentRightBlock:before { display: none; } .tabsAndImplinks .tabContent { min-height: 410px; height: 410px; } .cols2Block { margin: 0 -19px; } .cols2Block .colsBlock { float: left; width: 50%; padding: 0 19px; } .contentPart h2 { font-size: 1.667em; font-weight: bold; color: #195c9f; font-weight: 600; } .contentPart h2 span { display: inline-block; text-indent: -9999px; overflow: hidden; vertical-align: middle; } .contentPart h2 span.dateAsOn { text-indent: 0; } .contentPart h2 span[id] { text-indent: 0; } .meaInfoBlock .tabContent { padding: 50px 0 0; } .meaInfoBlock .tabContainer, .noJS .meaInfoBlock .tabContainer, .noJS .meaInfoBlock .tabContent { height: 443px; } .videoBlockRow { margin: 0 -15px; } .videoBlockRow .tabLeft { width: 50%; float: right; padding: 0 15px; } .videoBlockRow .tabRight { width: 50%; float: left; padding: 0 15px; } .videoBlockRow .fileSizeDet { display: none; } .videoBlockRow .tabList { margin: 0; padding: 0; list-style: none; } .tabListWrap { border: 0 none; } .videoBlockRow .tabList li { font-size: 1.167em; color: #595656; margin-bottom: 15px; padding-bottom: 15px; background: url(../images/bullet-list-icon.png) left 6px no-repeat; padding-left: 15px; border-bottom: 1px dashed #d1d1d1; } .videoBlockRow .tabList li.active a { color: #195c9f; } .videoBlockRow .tabList li.active { border-bottom: 1px solid #195c9f; } .videoBlockRow .tabList li a { color: #595656; text-decoration: none; display: block; } .videoBlockRow .tabList li a:first-child { font-weight: 600; } .videoBlockRow .tabList li a:hover { color: #195c9f; } .currentVideo #player_a { background: #ffffff url(../images/loader.gif) no-repeat scroll center center; min-height: 250px; width: 100%; } .ForMoreVideoLink { padding: 0 0; color: #595656; font-size: 1.250em; } .noJS .resTab .tabNav li.twitterTabs, .noJS .resTab .tabNav li.facebookTabs { display: none; } /**********videoFreifings***************/ .videoBriefingsWrap { min-height: 500px; position: relative; } .videoBrefingSlider { padding-right: 10px; } .currentVideo { width: 100%; } .currentVideo>#player_a { position: relative; width: 100%; padding-top: 60.4%; margin-bottom: 25px; } .currentVideo iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .videoTitle a, .videoTitle { font-size: 1.333em; color: #195c9f; font-weight: 600; text-decoration: none; } .videoTitle { margin-bottom: 30px; } .videoTitle a:hover { text-decoration: underline; } .streamDate { font-size: 14px; margin-bottom: 0; } .spriteHomeIcon.youtubeIcon { display: inline-block; vertical-align: middle; text-indent: -9999px; overflow: hidden; } /**********twitterTabs***************/ .twitterTabs { border: 0 none; } .twitterTabs .tabContent { border: 1px solid #dcdada; } .resTab.twitterTabs .tabNav li { background: #a3a3a3; } .resTab.twitterTabs .tabNav li a { color: #fff; font-size: 1.333em; font-weight: normal; padding: 10px 20px; } .resTab.twitterTabs .tabNav .r-tabs-state-active a { background: #fff; border: 1px solid #dcdada; border-bottom: 0 none; color: #192677; margin-bottom: -1px; position: relative; } .resTab.twitterTabs .tabNav .r-tabs-state-active a:before { background: #fff; height: 1px; width: 100%; position: absolute; bottom: -1px; left: 0; content: ""; } .twitterBlockWrap .twitterUpdate { margin-bottom: 20px; } .twitterBlock { border: 1px solid #e5e5e5; } #twitterUpdates { padding-top: 20px; } /*************facebookTab***********/ #facebookMea { padding: 30px 0 0; } .faceBookFeed { position: relative; } .faceBookFeed { overflow: hidden; position: relative; height: 400px; width: 100%; } .faceBookFeed iframe { left: 0; top: 0; height: 100% !important; width: 100% !important; position: absolute; } /*****************latestNews**************/ #lastestNews { padding-top: 25px; } .noJS #lastestNews { padding-top: 80px; } .leatestNewsWrap h2 { margin-bottom: 25px; } .leatestNewsWrap li:first-child { padding-top: 0; } .leatestNewsWrap li { border-bottom: 1px dashed #d1d1d1; padding-bottom: 20px; padding-top: 20px; } .allRecords { position: relative; } .allRecords .playPause { background: url(../images/play-pause-btn.png) left 4px no-repeat; padding-left: 15px; color: #ffffff !important; background: #162d6a !important; padding: 10px; border-radius: 5px; text-decoration: none !important; position: absolute; right: 0; bottom: 0; font-size: 1.167em; } .allRecords .playPause:hover { text-decoration: underline; } .allRecords .playPause.play { background-position: left -20px; } .leatestNewsWrap .tickerDivBlock { height: 340px !important; margin-bottom: 5px; } .tickerDivBlock ul { margin: 0; padding: 0; list-style: none; font-size: 1em; } .leatestNewsWrap ul { margin: 0; padding: 0; list-style: none; font-size: 1.250em; } .recordBox a { font-weight: 600; color: #595656; text-decoration: none; display: block; margin-bottom: 5px; } .recordBox a:hover { color: #195c9f; } .recordBox em { font-style: normal; } .tabMoreLinks { margin-bottom: 0; text-align: right; border-top: 1px solid #e5e5e5; padding-top: 20px; } .tabMoreLinks .readMore { float: left; } .tabMoreLinks .playPause { float: right; } .tabMoreLinks a { color: #ffffff !important; font-size: 1.167em; text-decoration: none; background: #162d6a !important; padding: 10px; border-radius: 5px; } .tabMoreLinks a:hover { text-decoration: none; } /**********ministerBox***************/ .ministerBox { margin-bottom: 0; padding-bottom: 2px; margin-top:20px; } .ministerPhoto { float: left; width: 124px; padding: 10px; border: 1px solid #d1d1d1; } .ministerDetails { width: 100%; padding-left: 145px; } .ministerDetails p.ministerName { margin-bottom: 10px; font-size: 1.583em; font-weight: 600; color: #195c9f; /* 29 feb 2024 */ } .ministerDetails p.ministerName span { display: block; font-size: 0.737em; font-weight: 400; } .ministerDetailList { margin: 0; padding: 0; list-style: none; } .ministerDetailList li { font-size: 1.167em; color: #595656; margin-bottom: 3px; } .ministerDetailList li:last-child { margin-bottom: 0; } .ministerDetailList li a { text-decoration: none; position: relative; padding-left: 28px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } .ministerDetailList li a:hover { color: #195c9f; } .ministerDetailList li a:before { content: ""; background: url(../images/home-sprite-icon.png) left top no-repeat; width: 16px; height: 13px; position: absolute; left: 0; top: 4px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } .ministerDetailList li a.profileLink:before { background-position: -386px top; } .ministerDetailList li a.profileLink:hover:before { background-position: -386px -31px; } .ministerDetailList li a.travel:before { background-position: -411px top; width: 18px; } .ministerDetailList li a.travel:hover:before { background-position: -411px -31px; } .ministerDetailList li a.speeches:before { background-position: -439px top; } .ministerDetailList li a.speeches:hover:before { background-position: -439px -31px; } .ministerDetailList li a.askyourMinister:before { background-position: -464px top; } .ministerDetailList li a.askyourMinister:hover:before { background-position: -464px -31px; } .otherMinister { width: 100%; font-size: 1.167em; /*padding-right:10px;*/ } .otherMinisterBlock { background: #fff; text-align: center; border: 1px solid #d1d1d1; padding: 22px 20px 30px; min-height: 273px; position: relative; } .otherMinisterBlock .ministerDetails { padding-left: 0; line-height: 1.3; } .otherMinister .cols2Block { margin: 0 -6px; } .otherMinister .colsBlock { padding: 0 6px; } .otherMinister .ministerImg { margin-bottom: 10px; } .otherMinister .ministername { color: #195c9f; margin-bottom: 8px; } .otherMinister .ministerDesignation { margin-bottom: 8px; } .viewProfile { color: #195c9f; position: absolute; bottom: 10px; left: 0; text-align: center; width: 100%; } /**********************whatsnewMissionTabs*************/ .whatsnewMissionTabs { width: 100%; overflow: hidden; } .whatsnewMissionTabs .cols2Block { margin: 0 -27px; } .whatsnewMissionTabs .cols2Block .colsBlock { padding: 0 27px; } .whatsNewWrap { /* background: #195c9f; */ background: #182c6c; padding: 25px 20px 25px 20px; position: relative; } .whatsNewWrap:before { background: #195c9f; /*width:1000%;*/ width: 100%; height: 100%; /*right:100%;*/ left: -15px; position: absolute; top: 0; content: ""; z-index: -1; display: none; } .whatsNewWrap h2 { color: #fff; } .whatsNewWrap .tickerDivBlock { height: 350px !important; margin-bottom: 12px; color: #fff; } .whatsNewWrap a { color: #fff; /*font-weight: 600;*/ font-weight: normal !important; /* 11 march 2024 */ text-decoration: none !important; font-size:14px !important; } .homeWMission img { width: 175px; float: left; max-height: 100px; } .homeWMission .block { padding-left: 200px; } .whatsNewSlider { height: 364px; overflow: hidden; font-size: 1.250em; } .noJS .whatsNewSlider { overflow: auto; } .noJS .whatsNewSlider .swiper-wrapper { height: 350px; overflow: auto; display: block; } .noJS .whatsNewSlider .swiper-slide { margin-bottom: 25px; height: auto; } .noJS .whatsNewWrap .sliderNavButtons { display: none; } .whatsnewMissionTabs a { text-decoration: none; } .whatsnewMissionTabs .date { display: block; color: #fff; padding-top: 5px; } .whatsNewWrap .ticker { position: relative; } .whatsNewWrap .playPause { display: inline-block; width: 9px; height: 13px; position: absolute; right: 0; top: -50px; z-index: 11; } .whatsNewWrap .playPause.stop { background: url(../images/home-sprite-icon.png) -272px 4px no-repeat; width: 20px; height: 20px; text-indent: -9999px; overflow: hidden; } .whatsNewWrap .playPause.play { background: url(../images/home-sprite-icon.png)-289px 4px no-repeat; width: 20px; height: 20px; text-indent: -9999px; overflow: hidden; } .whatsNewWrap .ticker li { padding-bottom: 25px; } .contrlerBlock { margin-bottom: 0; text-align: right; font-size: 1.167em; position: relative; z-index: 1; } .contrlerBlock a { text-decoration: underline; } .contrlerBlock a:hover { text-decoration: none; } .whatsnewMissionTabs .tabContent { padding: 40px 0; font-size: 1.167em; min-height: 409px; position: relative; } .noJS .whatsnewMissionTabs .tabContent { min-height: 490px; } .noJS .whatsnewMissionTabs .tabContent { padding: 100px 15px 40px; } .noJS .whatsnewMissionTabs .resTab .tabContainer { height: 490px; } #overseas.tabContent { padding-top: 15px; } #overseas p { margin-bottom: 20px; } #overseas ul { margin: 0; padding: 0; list-style: none; } #overseas li { width: 100%; float: left; padding: 0 15px; color: #595656; margin-bottom: 15px; background: url(../images/bullet-list-icon.png) left 6px no-repeat; text-align: left; } #overseas li a { color: #595656; } #overseas li a:hover { color: #195c9f; } #overseas .tabMoreLinks { padding-top: 10px; font-size: 14px; } #overseas .tabMoreLinks a { font-size: 14px; float: right; } .resTab .tabNav li.otherLangDisNone { display: none; } .englishDoc .resTab .tabNav li.otherLangDisNone { display: inline-block; } .overseasContactInfo { padding: 30px 0 20px; margin: 20px 0 0; width: 100%; position: absolute; bottom: 0; border-top: 1px solid #d1d1d1; } .tollFree { font-size: 1.333em; font-weight: 600; } .rightLinks span { display: block; } .overseasContactInfo .rightLinks { text-align: right; width: 48%; color: #195c9f; } .overseasContactInfo .leftLink { float: left; width: 48%; color: #195c9f; text-decoration: underline; } .overseasContactInfo .leftLink:hover { text-decoration: none; } .overseasContactInfo a:hover { text-decoration: underline; } .briefForeignSearchWrap { margin: 0; position: relative; } .briefForeignSearchWrap .selectInput { padding-right: 70px; margin-bottom: 20px; } .briefForeignSearchWrap .goBtnWrap { width: 60px; position: absolute; right: 0; top: 0; } .briefForeignSearchWrap .selectInput select { height: 46px; border: 1px solid #e5e5e5; } .whatsnewMissionTabs .brifsRelationT { color: #195c9f; margin-bottom: 10px; font-weight: 600; display: inline-block; font-size: 1.500em; } .briefForeignSearchWrap .brifsRelationT:hover { text-decoration: underline; } .breifSearchBox { position: relative; } .briefForeignSearchWrap .moreLinks p { font-size: 1.333em; } .breifSearchBox select { width: 100% !important; height: 46px !important; } .goBtnWrap input { height: 46px; background: #5f5f5f; border: 0 none; width: 100% !important; font-size: 18px; color: #fff; } .goBtnWrap input:hover { background: #195c9f; } .commonBtn { background: #195c9f; color: #fff; padding: 7px 15px; color: #fff; } .commonBtn:hover { background: #f26522; color: #fff; } .moreLinks { margin-top: 40px; } .moreLinks p { margin-bottom: 20px; } .mobileViewIndiaMission, .atozMissionL { display: none; } /**********************tabsAndImplinks*************/ .tabsAndImplinks { width: 100%; padding: 25px 0 0; } .noJS .tabsAndImplinks .resTab .tabContainer { min-height: 490px; } .noJS .tabsAndImplinks .resTab .tabContent { min-height: 490px; } .noJS .tabsAndImplinks .contentleftBlock { padding-bottom: 0; } .tabsAndImplinks .resTab.commonTabs .tabNav li a { font-size: 18px; } .tabsAndImplinks .resTab.commonTabs .tabNav li:last-child { padding-right: 0 !important; } .impHomeLinks { margin: 0; padding: 0; list-style: none; } .impHomeLinks .impLinksMove br { display: none; } .tabsAndImplinks h2 { margin-bottom: 15px; } .impHomeLinks li { color: #595656; font-size: 1.167em; margin-bottom: 12px; padding-left: 15px; position: relative; background: url(../images/bullet-list-icon.png) left 6px no-repeat; } .englishDoc .impHomeLinks li { margin-bottom: 7px; } .impHomeLinks li a { color: #595656; text-decoration: none; } .impHomeLinks li a:hover { color: #195c9f; } .impHomeLinks li:last-child { margin-bottom: 0; } .tabsAndImplinks .tabContent { padding: 40px 0 0 0; } .moreDetailsLink .rssLink { float: left; position: relative; padding-left: 20px; } .moreDetailsLink .rssLink:before { background: url(../images/home-sprite-icon.png) -315px top no-repeat; width: 14px; height: 14px; margin-right: 5px; text-indent: -9999px; overflow: hidden; position: absolute; left: 0; top: 50%; margin-top: -7px; content: ""; } .indiaPrespective .moreDetailsLink img { margin-left: 5px; } .moreDetailsLink .viewAll { float: right; position: static; width: auto; padding: 0; color: #ffffff !important; font-size: 1.167em; text-decoration: none; background: #162d6a !important; padding: 10px; border-radius: 5px; } .moreDetailsLink a { color: #195c9f !important; font-size: 14px; } .ebookWrap .moreDetailsLink { padding-left: 260px; } .ebookWrap { width: 100%; margin-bottom: 30px; } .ebookWrap:last-child { margin-bottom: 0; } .tabContLeftImg { width: 225px; float: left; overflow: hidden; } .ebookWrap .eBookImg { width: 230px; float: left; overflow: hidden; } .ebookWrap .eBookImg img, .tabContLeftImg img { width: 100%; height: auto; border: 1px solid #e5e5e5; } .tabContDetail { padding-left: 260px; font-size: 1.250em; line-height: 1.6; } .eBookDetail { padding-left: 260px; font-size: 1.250em; line-height: 1.6; } .eBookDetail h3, .tabContDetail h3, .documentariesWrap h3 { font-size: 1.200em; color: #195c9f; font-weight: 600; margin-bottom: 10px; } .eBookDetail h3 a, .tabContDetail h3 a, .documentariesWrap h3 a { color: #195c9f; text-decoration: none; } .eBookDetail h3 a:hover, .tabContDetail h3 a:hover, .documentariesWrap h3 a:hover { text-decoration: underline; } .moreVideoLink { margin-top: 10px; } .distinguishedWrap .moreDetailsLink { padding-left: 260px; } #documentaries { padding-top: 20px; font-size: 1.167em; } .noJS #documentaries { padding-top: 60px; } #documentaries h3 { margin-bottom: 0; } #documentaries .documentoryDate { margin-bottom: 10px; } .documentriesDetails { position: relative; padding-right: 140px; } .distinguishedWrap>p { font-size: 1.250em; } .distinguishedDetails p { line-height: 1.9; } .distinguishedDetails p span { display: block; } .distinguishedDetails p strong span { display: inline-block; } .documentoryImg { width: 100%; position: relative; margin-bottom: 10px; max-height: 355px; overflow: hidden; } .documentoryImg a, .documentoryImg img { width: 100%; display: block; position: relative; } .documentoryImg a:before { width: 45px; height: 45px; position: absolute; left: 50%; margin-top: -20px; margin-left: -20px; top: 50%; border-radius: 50%; -webkit-border-radius: 50%; background: rgba(0, 0, 0, 0.55); text-align: center; vertical-align: middle; line-height: 40px; border: 1px solid #ccc; box-shadow: 0 0 5px rgba(0, 0, 0, 0.55); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.55); transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; content: ""; z-index: 11; } .documentoryImg a:hover:before { background: rgba(0, 0, 0, 0.85); transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } .documentoryImg a:after { background: url(../images/home-sprite-icon.png) left bottom no-repeat; display: inline-block; position: absolute; left: 50%; top: 50%; margin-top: -4px; margin-left: -2px; content: ""; height: 14px; width: 17px; z-index: 11; } .documentriesDetails .moreVideoLink { position: absolute; right: 0; top: 0; } .changeTheme input:hover { background-color: transparent !important; } .atozMissionLMapLink { background: url(../images/india-flag.jpg) left center no-repeat; padding-left: 70px; font-size: 18px; font-weight: bold; position: absolute; left: 0; bottom: 0; color: #f26522; line-height: 1.3; } .atozMissionLMapLink:before { background: #f26522; width: 1px; height: 100%; position: absolute; left: 60px; top: 0; content: ''; } .atozMissionLMapLink a { color: #f26522; text-decoration: none; } .atozMissionLMapLink a span { font-size: 14px; display: block; font-weight: 400; } /**********************footer*************/ .footerLogos { width: 100%; padding: 25px 20px; } .footerLogos .owl-stage { min-width: 100%; } .noJS .footerLogos .item, .footerLogos .owl-item { width: auto; float: left; margin: 0; vertical-align: middle; line-height: 66px; /*height: 66px;*/ height: auto; /* 02 march 2024 */ text-align: center; } .noJS .footerLogos .item a, .footerLogos .owl-item a { display: inline-block; margin: 0 23px; } .noJS .footerLogos .item:first-child a, .footerLogos .owl-item:first-child a { margin-left: 0; } .noJS .footerLogos .item:last-child a, .footerLogos .owl-item:last-child a { margin-right: 0; } .footerLogosSlider { position: relative; } .footerLogos .owl-next { background: url(../images/home-sprite-icon.png) -48px bottom no-repeat; width: 9px; height: 17px; position: absolute; right: -30px; top: 50%; margin-top: -8px; text-indent: -9999px; display: inline-block; overflow: hidden; } .footerLogos .owl-prev { background: url(../images/home-sprite-icon.png) -23px bottom no-repeat; width: 9px; height: 17px; position: absolute; left: -30px; top: 50%; margin-top: -8px; text-indent: -9999px; display: inline-block; overflow: hidden; } .w3cIconAndLanguage { background: #f0f0f0; padding: 25px 20px; } .w3cIconWrap { float: left; width: 270px; } .w3cIconWrap div { display: inline-block; margin-right: 10px; } .impBanners .w3cChecker a { display: inline-block; margin-right: 10px; } .googleLangWrapper { padding-top: 5px; width: 367px; white-space: nowrap; padding-right: 5px; } .googleLangWrapper { float: right; } .googleLangWrapper { padding-top: 5px; width: 325px; white-space: nowrap } .googleImg { background: url(../images/google-translate-img.gif) left top no-repeat; width: 131px; height: 21px; margin-top: 2px; float: left } .googleLang { float: right; width: 157px } .noJS .googleLangWrapper { display: none; } .footerCont { background: #162F6A; /* padding: 10px 0; */ padding: 20px 0; /* ISB */ color: #B7C2DF; font-size: 1.175em; } .footerLeft { width: 65%; float: left; } .footerRight { width: 35%; float: left; text-align: right; } .footerCont p { margin-bottom: 10px; } .footerCont p:last-child { margin-bottom: 0; } .footerLinks { margin: 0 -10px; padding: 0; list-style: none; } .footerLinks li { position: relative; color: #B7C2DF; float: left; margin: 0 10px; } .footerLinks li a { color: #B7C2DF; text-decoration: none; transition: all 0.5s ease; } .footerLinks li a:hover { text-decoration: underline; } .footerLinks li:before { height: 13px; width: 1px; background: #B7C2DF; position: absolute; right: -10px; top: 50%; margin-top: -6px; content: ""; } .footerLinks li:last-child:before { display: none; } /**********************impBanners*************/ .cols4Block { margin: 0 -13px; } .cols4Block .colsBlock { width: 25%; padding: 0 13px; float: left; } .impBanners { width: 100%; padding: 25px 0; } .impBanners a { display: block; } .impBanners a:hover { text-decoration: none; } .mrgT14 { margin-top: 14px; } .halfHeightBanner { display: block; min-height: 77px; width: 100%; border: 1px solid #c5c2c1; padding: 15px 75px 15px 18px; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; background-size: cover; } .halfHeightBanner:hover { color: #ffffff; } .fullHeightBanner.pioBanner { background: #867772 url(../images/conversion-of-PIO-oci-card.jpg) right top no-repeat; } .halfHeightBanner.consularBanner { background: #336494 url(../images/consular-passport-visa-division.jpg) right top no-repeat; } .halfHeightBanner.yogaDayBanner { background: #b0933b url(../images/20-mission-driven-social.jpg) right top no-repeat; padding-right: 75px; } .halfHeightBanner.mansarovarBanner { background: #505ab3 url(../images/kailash-mansarovar-yatra-logo.jpg) right top no-repeat; } .fullHeightBanner { display: block; min-height: 168px; width: 100%; border: 1px solid #e3e3e3; padding: 46px 15px 15px 15px; font-size: 22px; font-weight: bold; color: #195c9f; text-decoration: none; background-size: 100% 100% !important; line-height: 1.3; position: relative; } .fullHeightBanner span { font-size: 14px; color: #195c9f; display: block; font-weight: 400; text-decoration: underline; position: absolute; left: 15px; bottom: 15px; display: none; } .fullHeightBanner.logoContestBanner { background: #fff url(../images/new-logo-content-img.jpg) right top no-repeat; padding-right: 75px; color: #195c9f; padding: 15px; text-align: center; } .fullHeightBanner.logoContest2 { background: #fff url(../images/mygov-new-banner.png) right top no-repeat; padding-right: 75px; color: #195c9f; padding: 15px; text-align: center; } .fullHeightBanner.glaceInidaBanner { background: #fff url(../images/glance-india.jpg) right top no-repeat; color: #f26522; } .fullHeightBanner.maeSocialIndiaBanner { background: #fff url(../images/mea-social-bg.jpg) center top no-repeat; color: #144c84; text-align: center; vertical-align: middle; font-size: 25px; font-weight: bold; text-decoration: none; padding: 0; background-size: cover; text-transform: uppercase; } .fullHeightBanner.maeSocialIndiaBanner span, .fullHeightBanner.logoContestBanner span, .pioBanner span { display: inline-block; position: static; text-decoration: none; } .fullHeightBanner.maeSocialIndiaBanner .socialText { display: none; color: #144c84; font-size: 25px; font-weight: bold; width: 100%; margin-top: 10%; } .fullHeightBanner.maeSocialIndiaBanner span.socialTitle { font-size: 37px; font-weight: bold; } .fullHeightBanner.logoContestBanner span { text-align: center; display: inline-block; margin-bottom: 2px; padding: 8px 10px; color: #fff; font-size: 18px; font-weight: bold; } .fullHeightBanner.logoContestBanner span.orgBgTitle { background: #f26522; } .fullHeightBanner.logoContestBanner span.blueBgTitle { background: #144c84; } .fullHeightBanner.logoContestBanner .logoContestText { margin-top: 10%; display: none; } .frenchDoc .fullHeightBanner.logoContestBanner span { padding: 8px 5px; } .pioBanner .poiText { font-size: 18px; font-weight: bold; color: #144c84; position: absolute; bottom: 20px; left: 0; width: 100%; padding: 0 15px; } /**********************tabsAndImplinks*************/ .tabsAndImplinks { padding: 25px 0 0; overflow: hidden; } .amb .innerBanner>img { width: 100%; visibility: hidden; opacity: 0; } .amb .innerBanner { background: url(../images/amb/ambedkar-banner.jpg) center top no-repeat; background-size: cover; } /********** High Contrast View **********/ body.wob { background-color: #000; color: #fff } .wob a { color: #ff0 } .wob a:hover { color: #80ff00 } /**********From Page**********/ #nav>.MenuLiLast a { -webkit-animation: blink1 1.5s linear infinite; -moz-animation: blink1 1.5s linear infinite; animation: blink1 1.5s linear infinite; } #nav>.MenuLiLast a:hover { -webkit-animation: blink1 1.5s linear infinite; -moz-animation: blink1 1.5s linear infinite; animation: blink1 1.5s linear infinite; } .innerContentPart .container, .innerBanner .container { position: relative; } /*.innerContentPart:after {content:''; position:absolute; left:50%; top:0; bottom:0; right:0; margin-left:200px; background-color:#f3f3f3;} */ .innerPage .footerLogos { box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13); position: relative; } .resTabIcons { display: none; margin: 0 -10px; } .resTabIcons .iconBox { width: 25%; padding: 0 10px; float: left; text-align: center; } .tabIconBoxLink { padding: 15px 10px 25px; text-align: center; min-height: 50px; border: 1px solid #d1d1d1; display: block; position: relative; background: -moz-linear-gradient(90deg, rgba(250, 250, 250, 1) 0%, rgba(240, 240, 240, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 1)), color-stop(100%, rgba(250, 250, 250, 1))); background: -webkit-linear-gradient(90deg, rgba(250, 250, 250, 1) 0%, rgba(240, 240, 240, 1) 100%); background: -o-linear-gradient(90deg, rgba(250, 250, 250, 1) 0%, rgba(240, 240, 240, 1) 100%); background: -ms-linear-gradient(90deg, rgba(250, 250, 250, 1) 0%, rgba(240, 240, 240, 1) 100%); background: linear-gradient(0deg, rgba(250, 250, 250, 1) 0%, rgba(240, 240, 240, 1) 100%); } .tabBoxIcon { background: url(../images/home-mobile-tab-icons.png) left top no-repeat; width: 52px; height: 52px; display: inline-block; text-indent: -9999px; overflow: hidden; margin: 0 0 15px; min-height: auto; border: 0 none !important; } .tabBoxIcon.videoIcon { background-position: left top; } .tabBoxIcon.eBooks { background-position: -241px top; } .tabBoxIcon.perspectivesIcon { background-position: -303px top; } .tabBoxIcon.distinguished { background-position: -363px top; } .tabBoxIcon.documentaries { background-position: -427px top; } .tabBoxIcon.pressReleasesIcon { background-position: -67px top; } .tabBoxIcon.twitterFeedIcon { background-position: -133px top; } .tabBoxIcon.facebookIcon { background-position: -186px top; } .tabIconBoxLink .tabBoxTitle { background: #195c9f; display: block; position: absolute; width: 100%; color: #fff; left: 0; bottom: 0; } .mobileLink { display: none !important; } .page_Pagging_control td, .page_Pagging_control th { padding: 0; } .albumPaginBorder select { font-size: 1em !important; padding: 0 !important; } .page_Pagging_control input[type="submit"], .page_Pagging_control input[type="button"], .page_Pagging_control input[type="reset"], .page_Pagging_control button, .page_Pagging_control .button { background: none !important; color: #5f5f5f !important; } .meaSocialLink { position: absolute; top: 50%; margin-top: -102px; left: 0; height: 204px; width: 34px; overflow: hidden; z-index: 1; } .meaSocialLink a { display: block; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); margin: 85px 0 0 -85px; color: #fff; width: 204px; height: 34px; padding: 2px 40px 3px 12px; background: #195c9f; font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: none; position: relative; } .meaSocialLink a:hover { background: #ee6421; } .meaSocialLink a:before { background: url(../images/flag-icon-media-btn.jpg) right top no-repeat; width: 34px; height: 34px; position: absolute; right: 0; top: 0; content: ''; transform: rotate(90deg); -webkit-transform: rotate(90deg); background-size: cover; } #innerContent h2+table td { padding: 8px 0; } /*****************newForm CSS*****************/ .userComment li.twoColsBlock { margin: 0 -15px; width: auto; display: block; float: none; } .twoColsBlock .fieldRowBlock { width: 50%; float: left; padding: 0 15px; } .twoColsBlock .fieldRowName { width: 100%; display: block; } .twoColsBlock .fieldRowInput { width: 100%; display: block; } .twoColsBlock .fieldRowInput input { width: 100%; float: none; } .userComment li.errorShowLi { padding-bottom: 0; } .checBoxImgWrap img, .checBoxImgWrap input { vertical-align: middle; } .treatyListSingleColsFeilds table { margin-bottom: 0; } .treatyListSingleColsFeilds td { padding-top: 0; vertical-align: top; } .treatyListSingleColsFeilds td:first-child { width: 250px; } .treatyListSingleColsFeilds td:nth-child(2) { width: 200px; padding-right: 10px; } /*****************Inner pages css*****************/ .goog-te-gadget-simple .goog-te-menu-value:hover { text-decoration: none; } .addThis { padding-bottom: 5px; line-height: 1.3em } .addThis a { color: #000 } .whatsNewLink { display: none; position: absolute; right: 22px; top: 10px; width: 102px; height: 25px; z-index: 999; background: #DD2F03; /* 11 march 2024 */ border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; color: #fff; text-align: center; font-size: 0.800em; line-height: 25px; color: #ffffff; font-weight: bold; text-decoration: none; } .whatsNewLink:hover { text-decoration: none; color: #fff; } .leftPartInner { padding: 0 40px 30px 0; width: 75%; float: left; } .innerContentPart { position: relative; } .innerContentPart .leftContOuter { padding: 15px 0; } .innerContentPart .rightPart { padding: 30px 0 30px 20px; font-size: 1.250em; } .rightPartShadow { float: left; width: 25%; } .rightPartShadow:after { background: url(../images/right-border-left.gif) repeat-y left top; content: ""; height: 100%; right: 25%; position: absolute; top: 0; width: 12px; } .innerBanner { background: #295887; margin: 0 auto; overflow: hidden; padding: 0 20px; } .innerRightShadow { background: url(../images/content-top-right-shadow.gif) 692px top no-repeat; height: 15px } #innerContent { font-size: 1.250em; } #innerContent h2 { font-size: 1.583em; font-weight: 600; color: #25578c; line-height: 1.35em; padding-bottom: 0; text-align: left; } #innerContent h2 img[src=""] { display: none; } #innerContent p { line-height: 1.567em; padding: 0 0 0 0; text-align: justify; clear: both; } #innerContent .yogaDay p { font-size: 1em; } #innerContent a { color: #25578c; text-decoration: none } #innerContent a:hover { color: #000; text-decoration: underline } .imgBdr { background-color: #fff; border: 5px solid #b9c1c8; margin: 5px 0 5px 20px; padding: 1px; float: right } .commonListing { width: 100% } .commonListing li { color: #515151; width: 100%; float: left; padding: 15px 0; border-bottom: 1px dotted #ccc; list-style: none } .commonListing li p { margin-bottom: 0; } .commonListing a { color: #25578c; text-decoration: none; font-size: 1em; } .commonListing a:hover { color: #000; text-decoration: none } .commonListing p { padding: 0 !important } .commonListing p.size14 { padding-bottom: 5px !important; font-weight: bold; font-size: 1.2em } .commonListing p.size11 { font-size: .9em } .commonListing p.username { background: url(../images/comment-icon.gif) left 4px no-repeat; height: 20px; padding-left: 25px !important; color: #25578c; font-weight: bold } .commonListing p.comment { padding-top: 5px !important } .submitButton { background: #195c9f !important; width: auto !important; height: 42px; border: 0 !important; color: #fff; font-size: 1.167em; padding: 3px 20px 3px 20px !important; cursor: pointer; display: inline-block !Important; text-indent: 0 !important; } .submitButton:hover { background: #f26522 !important; } .submitButton.resetButton { background: #5f5f5f !important; } .submitButton.resetButton:hover { background: #333 !important; } .goButton { /* width: 33px !important;*/ height: 24px; font-size: 13px; /*background: url(../images/go-bt.gif) left top no-repeat;*/ border: 0 !important; cursor: pointer } .searchAgain { border: 0; background: 0; color: #25578c; font-family: Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline } .commonBullets { background-color: #fff; float: left; clear: both } .commonBullets li { background: url(../images/bullet.gif) left .917em no-repeat; color: #515151; display: block; line-height: 1.583em; padding: 5px 0 5px 10px; list-style: none; } .commonBullets li a { color: #515151; text-decoration: none } .commonBullets li a:hover { color: #0558a6; text-decoration: none } .breadcrumb { font-size: 1.167em; font-weight: normal; line-height: 1.3em; padding: 0; text-decoration: none; margin-bottom: 1.167em } .breadcrumb li { display: inline; color: #0558a6 } .breadCrumbLink { padding-right: 15px } .breadCrumbCurrent { padding-left: 2px } .breadcrumb a { color: #313131; margin-right: 5px; text-decoration: none } .breadcrumb a:hover { color: #313131; text-decoration: underline } .last-brd { color: #444; font-size: .917em; font-weight: normal; padding-top: 1px } .last-brd a { background: 0; color: #999; margin: 0 3px 0 0; padding-right: 15px; text-decoration: none } #breadCrumbWrap { height: 19px; text-align: right } .globalLatestRow { background: #3c566f; } .globalIssueLatest { background: #3c566f; color: #fff; padding: 19px 20px 18px; vertical-align: top; width: 46%; float: left; } .globalIssueLatestImg img { width: 100%; } .globalIssueLatestImg { background: #3c566f; vertical-align: top; font-size: 0; float: left; width: 47%; } .globalIssueLatest h2 { font-size: 2em !important; font-weight: normal !important; padding-bottom: 10px; color: #fff !important; letter-spacing: 0 !important } .globalIssueLatest a { color: #fff !important; text-decoration: none } .globalIssueLatest a:hover { text-decoration: underline } .globalIssueListing li { margin-top: 30px; float: left } .globalIssueThumb { width: 120px; float: left } .globalIssueCnt { width: 176px; float: left; padding: 0 15px 20px } .globalIssueCnt h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 5px; color: #25578c; line-height: 1.167em } .globalIssueCnt p { line-height: 1.267em !important; padding: 0 !important } .globalIssueCnt a { color: #0558a6; text-decoration: none } .globalIssueCnt a:hover { color: #0558a6; text-decoration: underline } .inFocusLatest li { background: #25578c; color: #fff; width: 48%; margin-left: 2%; list-style: none; float: left; } .inFocusLatest li:first-child { margin-left: 0; } .inFocusLatest li:nth-child(2) { display: none; } .inFocusLatestImg { background: #3c566f; vertical-align: top; max-height: 430px; overflow: hidden; } .inFocusLatestCnt { padding: 15px } #innerContent .inFocusLatestCnt h2 { font-size: 1.8em; font-weight: normal; line-height: 1.25; padding-bottom: 0; margin-bottom: 10px; color: #fff; letter-spacing: 0 } .inFocusLatestCnt a { text-decoration: none; } .inFocusLatestCnt p a { text-decoration: none; color: #515151; } .inFocusLatestCnt p a:hover { text-decoration: none; } .inFocusLatestCnt a:hover { text-decoration: underline; } .inFocusListing { margin-bottom: 15px } .inFocusListing li { margin-top: 40px; float: left; width: 100%; } .inFocusListing h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; color: #25578c; line-height: 1.4em; border-bottom: 1px dotted #ccc; padding-bottom: 10px } .inFocusThumb { width: 120px; float: left } .inFocusCnt { width: 100%; padding: 0 15px 0 135px; margin-left: -120px; float: left; } .inFocusCnt p { padding: 0 0 5px !important } .inFocusCnt a { color: #0558a6; text-decoration: none } .inFocusCnt p a+img { margin-left: 5px; } .inFocusCnt a:hover { color: #0558a6; text-decoration: underline } .inFocusLatestListing { border: 1px solid #c9c9c9; float: left; padding: 10px; margin-top: 20px } .inFocusLatestListing li { width: 305px; list-style: none; float: left } .inFocusLatestListing h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; color: #25578c } .inFocusLatestListing a { color: #0558a6; text-decoration: none } .inFocusLatestListing a:hover { color: #0558a6; text-decoration: underline } .rightPart .heading, .rightPart .menuTitle { font-size: 1.583em; line-height: 1.228em; font-weight: bold; color: #25578c; display: block } #menuLeft, .seeAlsoNav { float: left; margin: 0 0 0 0; padding: 0; margin-top: 10px; clear: both; width: 100% } #menuLeft li, .seeAlsoNav li { display: block; width: 100%; border-bottom: 1px dotted #dbdbdb; } #menuLeft li .leftSubUl li, .seeAlsoNav li .leftSubUl li { border-bottom: 0 none; } #menuLeft li .leftSubUl a, .seeAlsoNav li .leftSubUl a, #menuLeft li .leftSubUl .subNoLink { padding-bottom: 0; } #menuLeft li .leftSubUl ul { margin-left: 10px; } #menuLeft li a, .seeAlsoNav li a, #menuLeft li .subNoLink { background: url(../images/bullet-list-icon.png) left 1em no-repeat; color: #515151; display: block; line-height: 1.583em; padding: 8px 0 8px 15px; text-decoration: none; } #menuLeft li a:hover, .seeAlsoNav li a:hover { color: #0558a6; text-decoration: underline; } .moduleSearch { background: url(../images/module-search-ico.gif) 10px 10px no-repeat #f3f3f3; border-bottom: 1px solid #ddd; padding: 10px 15px 10px 35px; margin: 10px 0 20px } .moduleSearch li { float: left; list-style: none; padding: 0 5px; margin-bottom: 0; display: inline-block; } .moduleSearch td { padding: 0; } .moduleSearch label { color: #474747; display: inline-block; line-height: 18px; padding: 3px 5px 3px 0; float: left; } .moduleSearch label.title { text-indent: -9999px; display: inline-block; } .moduleSearchBar .moduleSearch label.title { display: inline-block; } .moduleSearchBar .moduleSearch input[type="text"] { height: 24px; } .moduleSearch input[type='text'] { width: 200px; border: 1px solid #b6b6b6; padding: 3px 5px; height: 24px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -wekbit-box-sizing: border-box; background-color: #fff; color: #595656; font-size: 13px; line-height: 1px; } .moduleSearch input:hover { color: #595656; } .moduleSearch select { width: 130px; border: 1px solid #b6b6b6; background-color: #fff; padding: 2px 5px; height: 24px } .newsSearchBar .moduleSearch li { margin-bottom: 0; } .newsSearchBar .moduleSearch label { float: left; } .newsSearchBar .moduleSearch input[type="text"] { float: left; margin: 0 10px; } .newsSearchBar .moduleSearch select { float: left; margin: 0 0 0 10px; } .basictab { background: #f3f3f3; border-bottom: 1px solid #ddd; padding: 5px 0 0 10px; font-size: 1.11em; margin: 10px 0; text-align: left; display: inline-block; float: left; width: 643px } .basictab li { display: inline; float: left; margin-top: 5px } .basictab li input { padding: 8px 5px; margin-left: 0; border: 1px solid #f3f3f3; border-bottom: 1px solid #ddd; color: #474747; top: 1px; cursor: pointer; font-family: Arial, Helvetica, sans-serif; background-color: transparent; position: relative; width: auto; font-weight: bold; overflow: visible } .basictab li a:hover, .basictab li a:active { color: #25578c; text-decoration: none } .basictab li.selected input { background-color: #fff; color: #474747; border: 1px solid #ddd; border-bottom: 1px solid #fff } .commentCount { background: #f3f3f3; border-bottom: 1px solid #ddd; color: #333; font-size: 1.5em; font-weight: bold; padding: 10px } .Caption { font-size: 1.37em; font-weight: 600; clear: both; margin-bottom: 15px !important; color: #404348; } .userCommentWrapper { clear: both; } .userComment { padding-bottom: 15px; clear: both; } .userComment li { padding-bottom: 20px } .userComment .lnkButton { font-family: Arial, Helvetica, sans-serif; background: 0; color: #25578c; border: 0; padding: 0; width: auto; cursor: pointer; overflow: visible } .userComment input { background: url(../images/comment-input-bg.gif) left top repeat-x; border: 1px solid #c9c9c9; width: 280px; padding: 5px } .userComment textarea { background: url(../images/comment-input-bg.gif) left top repeat-x; border: 1px solid #c9c9c9; width: 603px; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 85px } .userComment input.captchaCode { width: 146px; float: left; margin-right: 10px } .userComment .captchaImg { width: 88px; height: 26px; float: left; border: 1px solid #d0d0d0 } .userComment .captchaRefresh { background: 0; width: 28px; height: 28px; border: 0; padding: 0; float: left } .userComment .postBt { background: url(../images/post-bt.gif) left top no-repeat; width: 80px; height: 28px; float: right; margin-right: 10px; border: 0; font-weight: bold; padding: 0; cursor: pointer; color: #434348; font-size: 1em; } .updateMe { border-bottom: 1px solid #ddd; float: left; clear: both; width: 100%; margin-bottom: 10px } .updateWrapper, .feedbackWrapper { float: left; clear: both; width: 100%; } .updateMeHeader { background: url(../images/update-me-icon.gif) left 5px no-repeat; width: 135px; font-size: 1.37em; font-weight: bold; padding-left: 22px !important; float: left } .pageFeedbackHeader { background: url(../images/page-feedback-icon.gif) left 11px no-repeat; width: 135px; font-size: 1.37em; font-weight: bold; padding-left: 22px !important; float: left } .showPlus[type="submit"] { background: url(../images/show-down.gif) left top no-repeat; width: 12px; height: 6px; float: left; margin-top: 15px !important; border: 0; cursor: pointer; text-indent: -999px; background-color: transparent !important; padding: 0 !important; } .showMinus[type="submit"] { background: url(../images/show-up.gif) left top no-repeat; width: 12px; height: 6px; float: left; margin-top: 15px !important; border: 0; cursor: pointer; text-indent: -999px; background-color: transparent !important; padding: 0 !important; } .page_text_link { background: url(../App_Themes/Admin/Images/cms-admin-ico-file.gif) left 3px no-repeat; padding: 0 0 0 18px } .spacer_5 { width: 2px } .page_Records_control { float: left; margin: 5px 0 5px 5px } .galleryControler { font-weight: normal } .page_Records_control div { padding: 0 !important; margin-right: 10px } .page_Go_To_control { float: right; margin: 5px 5px 5px 0 } .page_Go_To_control .input-text, .page_Go_To_control .input-text-hover { margin: 0 } .page_Pagging_control { float: none; display: inline-block; margin: 10px 0 10px } .page_Pagging_control .galleryControler td td { padding-top: 0 } .page_Records_control select, .page_Go_To_control select { border: 1px solid #aaa; width: 62px; background: #fff; } .Main_Menu_Search { float: left; margin-top: 10px } .Main_Menu_Search td { padding-right: 10px } .albumPaginBorder { font-weight: bold; background: #f3f3f3; margin: 10px 0 } .pagingTd { padding: 3px 5px; border-bottom: 1px solid #ddd; text-align: center; } .goToPageBut input, .PagingLink { border: 0; background-color: transparent; cursor: pointer } .ie7 .albumPagingNo input { position: relative !important; top: -4px } .albumPaginBorder { font-weight: bold; background: #f3f3f3; margin: 10px 0 } .pagingTd { padding: 3px 5px; border-bottom: 1px solid #ddd } .goToPageBut input, .PagingLink { border: 0; background-color: transparent; cursor: pointer } .page_Pagging_control input, .albumPagingNo, .textOf { float: left; padding: 0; margin: 0; border: 0 none } .albumPagingNo { position: relative; width: auto; } .albumPagingNo td { font-size: 0 } .albumPagingNo input, .lastPageNo, .textOf { color: #000; width: 20px; font-weight: normal; font-size: 12px; text-align: center; display: block; overflow: visible; padding: 0 } .textOf { height: 17px; line-height: 17px } .ie .textOf { height: 15px; line-height: 15px } .firstPbut, .previousPbut, .nextPbut { margin-top: 3px !important; height: 13px; width: 12px } .ie .firstPbut, .ie .previousPbut, .ie .nextPbut { margin-top: 0 !important } .firstPbut, .previousPbut { margin-right: 3px !important } .nextPbut { margin-left: 2px !important } .albumPagingNo .aspNetDisabled { border: 1px !important; background-color: #fff; color: #000 !important; overflow: hidden } .albumWrapper { float: left; margin-top: 20px; background: none !important } .albumWrapperRow .albumWrapper { float: none; width: auto; } .albumWrapperRow .albumContainerLeft { width: 47.5%; } .albumWrapperRow ul { margin-bottom: 0; } .albumWrapperRow .albumContainerRight { width: 47%; } .albumContainer { width: 304px; border: 1px solid #ddd; float: left; padding: 5px; margin-bottom: 15px; min-height: 110px; } .albumImage { width: 150px; height: 100px; margin-right: 10px; overflow: hidden; float: left } .albumImage input { min-height: 100px; height: auto !important; height: 100px } .albumCaption { width: 100%; float: left; padding-left: 170px; margin-left: -165px; } .albumCaption a { color: #515151; text-decoration: none } .albumCaption a.pFlickrIcon { padding: 0; line-height: 18px; } .albumCaption a:hover { color: #0558a6; text-decoration: underline } .photoFeatDescList { width: 100%; background: none; } .photoFeatureA .photoFeatDescList { background: none; } .photoFeatDescList>li { float: left; width: 100%; } .photoFeatDescList .galleryImgWrapper { position: relative; z-index: 1; padding: 0; } .photoFeatDescList .galleryImg { width: 100%; } .photoFeatDescList .galleryCaption { float: left; margin-left: -160px; padding-left: 170px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .photoFeatDescList .seeAllphotoRow { display: block; position: relative; z-index: 1; padding: 0; } .photoFeatDescList .galleryImg { width: 100%; } .seeAllphotoRow .galleryImgWrapper { border: 1px solid #dfdfdf; } .photoFeatDescList .galleryCaption { float: left; margin-left: -160px; padding-left: 170px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .galleryImgContainer { width: 640px; border-bottom: 1px solid #ddd; float: left; padding: 20px 0 } .galleryImgWrapper { position: relative; width: 158px; margin: auto; padding: 0 1px 1px 0; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; float: left } .galleryImg { overflow: hidden; height: 106px; margin: auto; width: 158px } .galleryImg img { border-left: 1px solid #DFDFDF !important; border-top: 1px solid #DFDFDF !important; padding: 1px 0 0 1px } /*.galleryImgZoom { position: absolute; right: 50%; top: 50%; margin-top: -14px; margin-right:-14px; } */ .galleryImgZoom { position: absolute; left: 1px; bottom: 0; margin-top: 0; margin-right: 0; } .galleryCaption { width: 142px; float: left; margin-left: 10px; text-align: left } .videoWrapper { float: left; margin-top: 20px } .videoWrapper li { float: left; width: 217px; text-align: center; height: 190px } .videoImg { overflow: hidden; height: 100px; width: 150px; margin: auto; margin-bottom: 5px; text-align: left !important } .videoPlay { width: 30px; height: 23px; background: url(../images/video-play.png) left top no-repeat; margin-left: 60px; margin-top: -80px; position: relative } .missionsAlphabet { background: #f3f3f3; border-bottom: 1px solid #ddd; color: #474747; margin: 10px 0; padding: 10px; font-size: 1.167em } .missionsAlphabet a, .missionsAlphabet span { display: inline-block; } .missionsAlphabet span { display: none !important; } .missionsAlphabet a { /* color: #095685 !important; text-decoration: none; padding: 0 2px*/ background: url(../images/alphabet-btn.gif) left top no-repeat; width: 22px; color: #515151; height: 22px; line-height: 21px; padding-top: 1px; border: 0; margin: 0 0px 3px 0; color: #515151; font-size: 12px; font-weight: bold; cursor: pointer; text-align: center; } #innerContent .missionsAlphabet a { color: #515151; } #innerContent .missionsAlphabet a:hover { color: #515151; text-decoration: none; } .missionsAlphabet a:hover { color: #999; text-decoration: underline } .countryAlphabet { color: #515151 !important; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin: 10px 0; display: block; clear: both } .missionsCountries, .frCountries { margin-bottom: 20px } .missionsCountries li { float: left; position: relative; padding: 3px 10px 3px 0; width: 31.8%; } .missionsCountries li .countryFlag { position: absolute; left: 0; top: 0; } .missionsCountries li .countryName { width: 90%; padding-left: 30px; min-height: 40px; } .frCountries>span { display: block; } .frCountries>span>span { float: left; width: 33.333%; } .frCountriesRow { position: relative; padding-right: 10px; } .frCountriesRow .countryFlag { position: absolute; left: 0; top: 0; } .frCountriesRow .frcountryName { width: 90%; padding-left: 30px; min-height: 40px; } .missionsCountries li a, .frCountries li a { font-size: 1.11em; font-weight: bold; color: #0558a6; line-height: 1.333em; text-decoration: none } .missionsCountries li a:hover, .frCountries li a:hover { color: #000; text-decoration: none } .frCountries li { float: left; padding: 10px 10px 10px 0; width: 316px; height: 2.5em } .countryFlag { float: left } .countryFlagBig { vertical-align: middle } .countryName { width: 178px; float: left; padding: 2px 0 0 5px; text-align: left } .frcountryName { width: 286px; float: left; padding: 2px 0 0 5px; text-align: left } .missionType { font-size: 1.37em; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 10px } .missionText { text-align: left !important } .cityName { background: url(../images/indian-mission-icon.gif) left 6px no-repeat; font-size: 1.37em; color: #25578c; font-weight: bold; height: 20px; padding: 5px 25px; display: block } .alphabetButton { background: url(../images/alphabet-bt.gif) left top no-repeat; width: 26px; height: 23px; line-height: 23px; border: 0; margin: 0 1px 2px 10px; color: #515151; font-size: .9em; font-weight: bold; cursor: pointer } .missionAlphSearch .alphabetButton { margin: 3px 2px; } .missionSearch { overflow: visible; border-bottom: 1px solid #ddd; padding-bottom: 10px } .missionSearch select { overflow: visible; width: 240px; border: 1px solid #b6b6b6; padding: 2px 5px; margin-bottom: 10px; height: 24px; font-size: 12px } .missionSearch select option { overflow: visible } .missionSearch .goButton { margin-bottom: 10px } .missionSearch a { color: #25578c; text-decoration: none } .missionSearch a:hover { color: #000; text-decoration: underline } .missionAlphSearch { padding-bottom: 30px; background: url(../images/widgetsep.png) center bottom no-repeat } .customPagerRow, .custPageChanged { clear: both; } .pagingWrapper { background: #f3f3f3; padding: 10px; margin-bottom: 15px; overflow: hidden; } .pagingCount { float: left; color: #333 } .pagingNo { float: right; color: #333 } .pagingNo ul { list-style: none; margin-bottom: 0; } .pagingNo ul li { float: left } .pagingNo ul li>input { margin-top: 4px } input[type="submit"].pageNo { margin-top: 0 !important; background: 0; border: 0; cursor: pointer; font-size: 1em; padding: 0; } .pagingNo ul li a { color: #333 !important; text-decoration: none } .pagingNo ul li a:hover { color: #000 !important; text-decoration: none } .userForm { width: 100%; margin-top: 10px } .userForm td { padding-bottom: 10px; clear: both } .userForm .fLabel { width: 150px; font-size: 1em } .userForm input { background: url(../images/comment-input-bg.gif) left top repeat-x; border: 1px solid #999; width: 290px; padding: 0 5px; clear: right } .userForm textarea { border: 1px solid #999; width: 290px; padding: 5px; clear: right; height: 80px } .userForm .error { color: #c00; padding-left: 5px } .userForm .captchaReImg { width: auto; height: auto; border: 0 none; padding: 0 } .userForm .captchaImg { width: auto; height: 35px; border: 0 none; padding: 0 } #sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message { font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; color: #fff } #sb-container { position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: left; visibility: hidden; display: none } #sb-overlay { position: relative; height: 100%; width: 100% } #sb-wrapper { position: absolute; visibility: hidden; width: 100px } #sb-wrapper-inner { position: relative; border: 2px solid #000; overflow: hidden; height: 100px } #sb-body { position: relative; height: 100% } #sb-body-inner { position: absolute; height: 100%; width: 100% } #sb-player.html { height: 100%; overflow: auto } #sb-body img { border: 0 } #sb-loading { position: relative; height: 100% } #sb-loading-inner { position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center } #sb-loading-inner span { background: url(../images/loading.gif) no-repeat; padding-left: 34px; display: inline-block } #sb-body, #sb-loading { background-color: #060606 } #sb-title, #sb-info { position: relative; margin: 0; padding: 0; overflow: hidden } #sb-title, #sb-title-inner { height: 26px; line-height: 26px } #sb-title-inner { font-size: 16px } #sb-info, #sb-info-inner { height: 20px; line-height: 20px } #sb-info-inner { font-size: 12px } #sb-nav { float: right; height: 16px; padding: 2px 0; width: 45% } #sb-nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat } #sb-nav-close { background-image: url(../images/photo-close.png) } #sb-nav-next { background-image: url(../images/photo-next.png) } #sb-nav-previous { background-image: url(../images/photo-previous.png) } #sb-nav-play { background-image: url(../images/photo-play.png) } #sb-nav-pause { background-image: url(../images/photo-pause.png) } #sb-counter { float: left; width: 45% } #sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff } #sb-counter a.sb-counter-current { text-decoration: underline } div.sb-message { font-size: 12px; padding: 10px; text-align: center } div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline } .seeAlso { background: url(../images/widgetsep.png) center top no-repeat; width: 100%; padding-top: 20px; float: left; clear: both } .sitemap { float: left; clear: both } .rssFeedListing { background: url(../images/rss-icon.jpg) left center no-repeat; padding-left: 18px } ul.langmenu { padding: 0; margin: 0; list-style: none; width: 85px; overflow: hidden; float: left; margin-right: 1px } ul.langmenu a { background: #f5f5f5; text-decoration: none; color: #515151; padding-left: 5px } ul.langmenu li.list { float: left; width: 235px; margin: -32767px -125px 0 0; } ul.langmenu li.list a.category { position: relative; z-index: 50; display: block; float: left; width: 105px; margin-top: 32767px; background: transparent } ul.langmenu li.list a.category:hover, ul.langmenu li.list a.category:focus, ul.langmenu li.list a.category:active { margin-right: 1px; background: #d3d3d3; color: #000 } ul.submenu { float: left; padding: 25px 0 0 0; margin: 0; list-style: none; background: #d3d3d3; color: #000; margin: -25px 0 0 0 } ul.submenu li a { float: left; width: 120px; background: #f5f5f5; clear: left; color: #515151 } ul.submenu a:hover, ul.submenu a:focus, ul.submenu a:active { background: #eff3fb; margin-right: 1px; color: #000 } .imgBdr { float: none; margin: 5px 20px 5px 20px } .imgLeft { float: left; margin: 5px 20px 5px 0 } .imgRight { float: right; margin: 5px 0 5px 20px; height: auto; } .tableOut { overflow-y: hidden; overflow-x: auto; } .tableData { border: 0; margin: 0 0 25px 0; empty-cells: show; clear: both; border: 1px solid #ddd; border-top: none 0 } .tableData th { font-weight: bold; line-height: 1.333em; font-size: 0.967em; border-top: 3px solid #116182; border-left: 1px solid #ddd; color: #09568b; background-color: #f5f5f5; padding: 8px 5px } .tableData td { padding: 10px 8px; border-top: 1px solid #ddd; background-color: #fff; word-wrap: break-word } .tableData .altRow td { background-color: #fffcef } .tableData .altRow td .altRow td { background-color: #fff } .tableData caption { text-align: left; font-weight: bold; padding: 5px 0 8px; color: #333; font-size: 1.25em } .mid-tab caption { text-align: left; font-weight: bold; padding: 0 8px 5px 3px } .tableData table { border: 0 } .tableData table tr td { border: 0; background-color: transparent; padding: 4px 5px 0 } .gujText .tableData th { font-size: 1.167em } .tableSubText { color: #666; font-size: .917em; text-align: right !important } .gallery { background: #e8edf9; margin-bottom: 10px } .albumPhotoWrapper .gallery { float: none; } .albumPhotoWrapper .albumWrapper {} .albumPhotoWrapper .albumWrapper>li { display: inline-block; margin-bottom: 10px; width: 49%; } /*.albumPhotoWrapper .tdAlbum .albumWrapper > li { width:47.4%; } */ .albumPhotoWrapper .albumWrapper>li .galleryCaption { width: 100%; margin-left: -160px; padding-left: 170px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 100px; } ul.bulletText { margin-bottom: 20px; list-style: none } ul.bulletText li { background: url(../images/bullet-list-icon.png) left 12px no-repeat; padding: 5px 5px 5px 18px; text-align: justify; list-style: none; list-style-position: outside } ul.bulletText ul { padding-bottom: 0 } ul.bulletText ul li { padding-bottom: 0 !important } .followTwitter { margin-bottom: 15px } .followTwitter th, .followTwitter td { vertical-align: top; } .followTwitter td:first-child { width: 140px; } .followLink { margin-top: 10px } .tdBdrRight { border-right: 1px solid #ddd } .contactPage { line-height: 1.8em } .contactPage .tdBdrRight { width: 50% } .contactPage span { display: block; overflow: visible; padding: 3px 3px } .contactRight { overflow: visible } .contactPage .imgRight { margin: 0 0 0 5px; float: none; vertical-align: middle } .legends { border: 0; margin: 0 0 15px 0; empty-cells: show; clear: both; border: 1px solid #ddd; border-top: none 0 } .legends th { font-weight: bold; background-color: #f5f5f5; padding: 5px; border-top: 1px solid #ddd } .legends td { padding: 5px; border-top: 1px solid #ddd; background-color: #fff } .imgSingleBdr { border: 1px solid #b9c1c8; padding: 1px } .personnelPage td { border-bottom: 1px solid #ddd; padding: 10px 0 } .personnelPage .lastPersonnel { border-bottom: 0 none } .decimalBullets { margin-left: 30px } .decimalBullets li { list-style: decimal outside; padding-bottom: 10px; text-align: justify } .decimalBullets li ol { margin-left: 30px } .decimalBullets li ol li { list-style: upper-roman } .profile { float: left; clear: both; width: 100%; } .profile li { width: 305px; padding-right: 20px; float: left } .profile li div { float: left } .profileCnt { width: 170px } .albumContainerLeft { clear: left; margin-right: 10px } .menulist, .menulist ul { margin: 0; padding: 0; list-style: none; z-index: 999999 } .menulist ul { display: none; position: absolute; margin-top: 3.7em; left: -1px; top: 0; width: 190px; border-bottom: 1px solid #6789ad; border-right: 1px solid #6789ad; border-left: 1px solid #6789ad } .menulist ul ul { top: -1px; margin-top: 1px; left: 190px } .menulist li { float: left; display: block; position: relative; background: url(../images/seperator.gif) right top no-repeat; margin-right: -1px } .menulist ul li { float: none; margin: 0 } .menulist ul>li:last-child { margin-bottom: 0 } .menulist a { display: block; padding: 3px; color: #fff; text-decoration: none } .menulist li a { padding: 0 1.3em; line-height: 3.35em; font-weight: bold; font-size: 110%; float: left; white-space: nowrap } *|html[xmlns*=""] .menulist li a { padding: 0 1.3628em 0 1.3631em; line-height: 3.35em; font-weight: bold; font-size: 110%; float: left; white-space: nowrap } .menulist li a:hover { color: #0d2946; background-color: #ccdce3 } .menulist li:hover>a { color: #0d2946; background: #ccdce3 } .menulist:hover ul:hover { background-color: #10345a; color: #fff } .menulist:hover ul:hover a { background-color: #10345a; color: #fff } .menulist:hover ul:hover ul:hover { background-color: #10345a; color: #fff } .menulist ul li a { width: 190px; padding: 0; text-indent: 10px; background: #ccdce3; color: #0d2946; line-height: 2.5em; font-weight: normal; font-size: 1.250em; white-space: normal } .menulist:hover ul:hover ul li a { width: 190px; padding: 0; text-indent: 10px; background: #ccdce3; color: #0d2946 } .menulist:hover ul:hover ul:hover { background-color: #10345a; color: #fff } .menulist li ul li a:hover, .menulist li ul li a:focus { background-color: #10345a; color: #fff } .menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus { color: #0d2946; background-color: #ccdce3; text-decoration: none } .menulist a.highlighted { color: #0d2946; background-color: #ccdce3 } .menulist a { float: left } .menulist ul a { float: none } .menulist a { float: none } .menulist:focus+ul { display: block } #menu-part { width: 1002px; margin: 0 auto } .ddsmoothmenu { margin: 0; z-index: 110 } .menu-trigger { display: none; float: left; margin: 9px 0; overflow: hidden; height: 26px; } .menu-trigger span { display: block; background: #fff; height: 3px; margin: 11px 0; float: left; width: 26px; position: relative; } .menu-trigger span:after, .menu-trigger span:before { content: ''; position: absolute; left: 0; background: #fff; height: 3px; width: 26px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } .menu-trigger span:after { top: -8px; } .menu-trigger span:before { bottom: -8px; } .mp-pushed span { background: none !important; } .mp-pushed .menu-trigger span:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); height: 100%; top: 50%; left: 50%; margin-left: -10px; } .mp-pushed .menu-trigger span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); height: 100%; top: 50%; left: 50%; margin-left: -10px; } .menu-trigger em { float: left; display: block; font-style: normal; color: #fff; margin: 2px 0 0 10px; } .tabsAndImplinks .contentRightBlock { float: right; margin-top: 10px; } .menuSearchBox { display: none; width: 56px; position: absolute; right: 0; top: 0; height: 44px; z-index: 1; } .menuSearchIcon { position: absolute; right: 0; top: 0; width: 56px; height: 44px; border-left: 1px solid #3e5670; z-index: 1; text-indent: -999em; background: url(../images/menuSearchIcon.png) no-repeat center 12px; } .menuSearchIcon.active { background-position: center -18px; } .menuSearchBox .pnlKeywordSrch { display: none; float: none; padding: 0; position: absolute; right: 0; top: 100%; z-index: 0; width: 100%; } .rightArrowImg { position: absolute; right: 0; top: 10px; /*background: url(../images/right-arrow2.gif) left top no-repeat;*/ height: 9px; width: 18px; text-indent: -999px; overflow: hidden; } div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px } div.light_square .pp_expand { background: url(../images/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer } div.light_square .pp_expand:hover { background: url(../images/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer } div.light_square .pp_contract { background: url(../images/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer } div.light_square .pp_contract:hover { background: url(../images/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer } div.light_square .pp_close { background: url(../images/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; height: 22px; width: 75px } .pp_close { background: url(../images/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; height: 22px; width: 75px; margin-bottom: 10px } div.light_square .pp_nav .pp_play { background: url(../images/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.light_square .pp_nav .pp_pause { background: url(../images/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.light_square .pp_arrow_previous { background: url(../images/light_square/sprite.png) 0 -71px no-repeat } div.light_square .pp_arrow_next { background: url(../images/light_square/sprite.png) -22px -71px no-repeat } div.light_square .pp_next:hover { background: url(../images/light_square/btnNext.png) center right no-repeat; cursor: pointer } div.light_square .pp_previous:hover { background: url(../images/light_square/btnPrevious.png) center left no-repeat; cursor: pointer } div.light_square .pp_arrow_previous { background: url(../images/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px } div.light_square .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default } div.light_square .pp_arrow_next { background: url(../images/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px } div.light_square .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default } div.light_square .pp_next:hover { background: url(../images/btnNext.png) center right no-repeat; cursor: pointer } div.light_square .pp_previous:hover { background: url(../images/btnPrevious.png) center left no-repeat; cursor: pointer } div.light_square .pp_close { background: url(../images/sprite.png) -1px -1px no-repeat; cursor: pointer; height: 22px; width: 22px } div.light_square .pp_nav .pp_play { background: url(../images/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px } div.light_square .pp_nav .pp_pause { background: url(../images/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px } div.facebook .pp_top .pp_left { background: url(../images/sprite.png) -88px -53px no-repeat } div.facebook .pp_top .pp_middle { background: url(../images/contentPatternTop.png) top left repeat-x } div.facebook .pp_top .pp_right { background: url(../images/sprite.png) -110px -53px no-repeat } div.facebook .pp_content_container .pp_left { background: url(../images/contentPatternLeft.png) top left repeat-y } div.facebook .pp_content_container .pp_right { background: url(../images/contentPatternRight.png) top right repeat-y } div.facebook .pp_expand { background: url(../images/sprite.png) -31px -26px no-repeat; cursor: pointer } div.facebook .pp_expand:hover { background: url(../images/sprite.png) -31px -47px no-repeat; cursor: pointer } div.facebook .pp_contract { background: url(../images/sprite.png) 0 -26px no-repeat; cursor: pointer } div.facebook .pp_contract:hover { background: url(../images/sprite.png) 0 -47px no-repeat; cursor: pointer } div.facebook .pp_close { background: url(../images/sprite.png) -1px -1px no-repeat; cursor: pointer; height: 22px; width: 22px } div.facebook .pp_description { margin: 0 37px 0 0 } div.facebook .pp_loaderIcon { background: url(../images/loader.gif) center center no-repeat } div.facebook .pp_arrow_previous { background: url(../images/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default } div.facebook .pp_arrow_next { background: url(../images/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default } div.facebook .pp_nav { margin-top: 0 } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px } div.facebook .pp_nav .pp_play { background: url(../images/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px } div.facebook .pp_nav .pp_pause { background: url(../images/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px } div.facebook .pp_next:hover { background: url(../images/btnNext.png) center right no-repeat; cursor: pointer } div.facebook .pp_previous:hover { background: url(../images/btnPrevious.png) center left no-repeat; cursor: pointer } div.facebook .pp_bottom .pp_left { background: url(../images/sprite.png) -88px -80px no-repeat } div.facebook .pp_bottom .pp_middle { background: url(../images/contentPatternBottom.png) top left repeat-x } div.facebook .pp_bottom .pp_right { background: url(../images/sprite.png) -110px -80px no-repeat } div.pp_pic_holder a:focus { outline: 0 } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500 } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000 } .pp_content { height: 40px; min-width: 40px } * html .pp_content { width: 40px } .pp_content_container { position: relative; text-align: left; width: 100% } .pp_content_container .pp_left { padding-left: 20px } .pp_content_container .pp_right { padding-right: 20px } .pp_content_container .pp_details { float: left; margin: 10px 0 2px } .pp_description { display: none; margin: 0 } .pp_social { float: left; margin: 0; padding: 5px 0 0 } .pp_social .facebook { float: left; margin-left: 5px; overflow: hidden; width: 46px } .pp_social .twitter { float: left } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0 } .pp_nav p { float: left; margin: -2px 4px 2px; white-space: nowrap; position: relative } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px } .pp_hoverContainWrap {} .pp_hoverContainRow {} .pp_hoverContainCol { float: right; width: 43%; } .pp_hoverContainRow .pp_hoverContainCol:first-child { float: left; width: 57%; } .featureContent .pp_hoverContainRow .pp_hoverContainer, .featureContent .pp_hoverContainRow #fullResImage { height: auto !important; width: 100% !important; } .featureContent .pp_hoverContainRow .featureDetail { margin: 0; width: auto !important; float: none; } .pp_hoverContainCol .pp_hoverContainer { display: none !important; } .pp_hoverContainCol .pp_hoverContainer { position: relative; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000 } .pp_gallery { display: none; left: 50%; margin-top: -60px; position: absolute; z-index: 10000 } .pp_gallery div { float: left; overflow: hidden; position: relative } .pp_gallery ul { float: left; height: 60px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap } .pp_gallery ul a { border: 1px #000 solid; display: block; float: left; height: 50px; overflow: hidden } .pp_gallery ul a img { border: 0; min-height: 50px; height: auto !important; height: 50px } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0 } .pp_gallery li.default a { background: url(../images/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important } a.pp_next { background: url(../images/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49% } a.pp_previous { background: url(../images/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49% } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000 } a.pp_close { display: block; line-height: 22px; position: absolute; right: 0; text-indent: -10000px; top: 0 } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px } #pp_full_res { line-height: 1 !important } #pp_full_res .pp_inline { text-align: left } #pp_full_res .pp_inline p { margin: 0 0 15px } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 20px; z-index: 9999 } div.pp_default .pp_content, div.light_rounded .pp_content { background-color: #fff } div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline { color: #000 } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff } div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details { position: relative } div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content { background: #fff } div.light_rounded .pp_description, div.light_square .pp_description { margin-right: 85px } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 21px !important } div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default } div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default } div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon { background: url(../images/loader.gif) center center no-repeat } div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle { background: url(../images/dark_rounded/contentPattern.png) top left repeat } div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder { color: #c4c4c4 } div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline { color: #fff } .pp_top, .pp_bottom { height: 20px; position: relative } * html .pp_top, * html .pp_bottom { padding: 0 20px } .pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px } .pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px } * html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static } .pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px } .pp_fade, .pp_gallery li.default a img { display: none } .pp_description { margin-left: 88px } .TopStripWrapper { width: 100%; position: absolute; top: 0; left: 0; height: 18px; display: block } .TopStripLeft { float: left; height: 18px; background: url(../images/indian-strip-orng.gif) left top repeat } .TopStripRight { float: right; height: 18px; background: url(../images/top-strip-grn.gif) left top repeat } .headingListing { margin-bottom: 10px } .headingListing li { width: 48%; border-bottom: 0; padding: 4px 0 4px 10px; background: url(../images/bullet.gif) left center no-repeat } .pressEsc { color: #666; font-size: 11px; display: block; position: absolute; right: 0; top: 23px } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .clearfix { display: inline-block } html[xmlns] .clearfix { display: block } * html .clearfix { height: 1%; overflow: visible } .fix12 { font-size: 12px } .globalIssueListing .clearHR { border-bottom: 3px solid #e5e5e5; height: 3px; line-height: 3px; overflow: hidden; clear: both; font-size: 0; padding: 0; margin: 0; width: 100% } .userForm li { padding-bottom: 15px } .userForm p { padding-bottom: 10px } #innerContent .updateWrapper p, #innerContent .feedbackWrapper p { width: auto; text-align: left; padding-right: 5px } #ContentPlaceHolder1_UserPublications1_UserFeedback1_imgUseful, #ContentPlaceHolder1_UserPublications1_UserFeedback1_imgUseless { cursor: pointer } .anythingControls { display: block; position: absolute; height: 30px; width: 70px; right: 0; bottom: 0; z-index: 21 } .error { color: #c00 } .userComment li { float: left; display: inline; width: 100% } .userComment li .commentField { float: left; } .userComment .labelText, .userComment .error, .userComment .textBox { float: left; display: inline } .userComment li .labelText { display: inline-block; min-width: 44px; } .userComment .labelText, .userComment .error { padding-right: 5px; line-height: 2.1em } .userComment .textBox { margin-right: 5px } #innerContent li p { margin-bottom: 0; } .noJS .displayNone { display: none !important } .noJS noscript { display: block; background-color: #f2f2f2; color: #900; text-align: center; width: 100%; padding: 8px 0; margin: 0 auto } .noJS .displayNoJSShow { background: #a20000; color: #fff; text-align: center; } noscript, .displayNoJSShow { display: none } .hideThis { height: 1px; width: 1px; position: absolute; z-index: -1; overflow: hidden } .leftContOuter { min-height: 450px; height: auto !important; height: 450px; display: block; } .regForm { width: 652px } .regForm p, .regForm input { float: left; clear: left } .regForm p { width: 100%; padding: 10px 0 5px !important; clear: none !important; width: 99%; display: inline } .regForm input { margin: 0 0 10px; clear: both !important; display: inline; margin-bottom: 0 } .regForm .submitButton { margin-top: 15px !important } .ipad .pp_overlay { width: 1024px !important } .regForm li { float: left; width: 100%; padding-bottom: 10px; height: auto; display: inline; overflow: hidden } .hindidoc .commonBullets li, .hindidoc .decimalBullets li { text-align: left } .hindiDoc .whatsnewMissionTabs .cols2Block .colsBlock:first-child, .arabicDoc .whatsnewMissionTabs .cols2Block .colsBlock:first-child, .spanishDoc .whatsnewMissionTabs .cols2Block .colsBlock:first-child, .frenchDoc .whatsnewMissionTabs .cols2Block .colsBlock:first-child { display: none; } .hindiDoc .whatsnewMissionTabs .cols2Block .colsBlock, .arabicDoc .whatsnewMissionTabs .cols2Block .colsBlock, .spanishDoc .whatsnewMissionTabs .cols2Block .colsBlock, .frenchDoc .whatsnewMissionTabs .cols2Block .colsBlock { width: 100%; } .hindiDoc .whatsnewMissionTabs .tabNav a br, .arabicDoc .whatsnewMissionTabs .tabNav a br, .spanishDoc .whatsnewMissionTabs .tabNav a br, .frenchDoc .whatsnewMissionTabs .tabNav a br { display: none; } .pp_expand { display: none !important } .extLink { background: url(../images/ext-link-icon2.gif) right top no-repeat; padding-right: 15px; text-align: left } .stcBullet { float: left; padding-right: 5px; clear: both } .visitIndiaBul, .visitIndiaBul li { overflow: visible } .visitIndiaBul a { display: inline; font-size: 1.167em } .visitIndiaBul a img { display: inline } .headingListing a.newCount { text-decoration: underline !important } .hindiDoc .updateMe .textBox, .hindiDoc #ContentPlaceHolder1_UserPublications1_UserComments1_trUserIdentity input, .hindiDoc #ContentPlaceHolder1_UserPublications1_UserFeedback1_trUserIdentity input { width: 245px } .red { color: #f00 } .feedbackMainTd .textBox { width: 100%; vertical-align: top } .clearInputBut, .userComment .clearInputBut { border: 0 none; height: auto; margin: 0; padding: 0; width: auto } .langTab { float: right; display: inline; overflow: visible } .langTab a, .langTab span { float: left; padding: 0 3px; display: inline-block } .topLinks .searchLI { padding-right: 0; background: 0; position: relative; width: 165px; } .topLinks { margin-right: 0 } .moduleSearch select { font-size: 12px } .searchLI .pnlKeywordSrch { padding-left: 0; float: none } .breadcrumb .bdrNoLink { color: #313131 } .hindiDoc .submitButton { padding: 0 10px } .attachFile { padding-bottom: 15px } .newsDescription { text-align: justify } #innerContent .inFocusLatestCnt p { padding-bottom: 10px } .visitIndiaBul li { padding-bottom: 5px } .sitemapLinks { min-height: 1.667em; height: auto !important; height: 1.667em; color: #25578c } #innerContent .newsDImg { text-align: center } .propertyAlphabet { background: #f3f3f3; border-bottom: 1px solid #ddd; color: #474747; margin: 10px 0; padding: 10px } .propertyAlphabet span { font-size: 1em; padding-left: 2px; vertical-align: top } .propertyAlphabet input { border: 0 none; width: 18px; padding: 0; margin: 0; font-size: 1em; background: transparent; position: relative; margin-left: -3px; color: #095685; line-height: 1.6; } .propertyAlphabet input:hover { color: #000; background-color: transparent; text-decoration: underline; cursor: pointer } .moduleSearchTd { margin: 0 0 15px } .moduleSearchTd .textBox {} .requierd3Charct { color: #25578c; font-size: .917em; max-width: 300px; display: inline-block; float: left; margin-right: 30px; } .propertyListing h3 { font-size: 1.083em; font-weight: bold; padding-bottom: 5px; margin-bottom: 0; } .pdfFileSize { font-size: .917em; vertical-align: top } .iprFormatText { display: inline-block; text-align: right; font-size: .917em; float: right } .iprYear { font-weight: bold } .pdfIcon { vertical-align: middle; margin: 0 4px; } .moduleSearch .reqLibox { padding: 0 5px; height: 15px; margin: 4px 0 0; } .langSearch { background-image: url(../images/flag-icon.gif) } .langSearch label.title { text-indent: 0; padding-left: 9px } .docAttachment { padding-bottom: 20px } .ie6 #innerContent .commonListing { float: none; overflow: hidden } .absoluteErr { /*position: absolute; left: 260px; top: 0;*/ } .userForm .absoluteErr { height: 0; display: block; padding-left: 0; } .userForm .absoluteErr.errorMsg { display: inline-block; height: 10px; margin-left: 5px; padding-top: 5px; } .userForm #ContentPlaceHolder1_UserEnquiry1_revEmailId { position: relative; top: -8px; } .absoluteErr.errorMsg { position: relative; left: 0; } .fieldValuesCode { padding-top: 10px; } .relative { position: relative } .bdrNoLink { padding-right: 5px } .pp_description { margin: 0 !important; padding-top: 28px } .pp_pic_holder div.ppt { display: none } .stayConnect h2 .smallSize { font-size: .850em; color: #585858 } .noJS #footer>.footerText { width: 184px; margin: 0 auto; } .noJS .googleLangWrapper { display: none; } .tabRedMlink { float: left } .tabRedMlink a, .tabRedMlink a:hover { font-weight: bold; text-decoration: none; color: #104E8D; } .hindiDoc .tabRedMlink a, .hindiDoc .tabRedMlink a:hover { font-weight: normal; } .tabLeft .focucHomDisc { padding-bottom: 10px } #innerContent h2 .archivedText { color: #000 } .decimalBullets { margin-bottom: 10px } .hindiDoc #innerContent .Caption { text-align: left } .pFlickrIcon { padding: 5px 0; display: block } .usefuluseless { color: #25578c } #innerContent li p { padding-bottom: 3px } ul.bulletText ul { margin-bottom: 8px } .tableData .decimalBullets li { text-align: left } .galleryImg img { min-height: 98px; height: auto !important; height: 98px } .rightPartHome .hrLineR { height: 18px } .bdrAddOut .breadcrumb { width: 100%; margin-bottom: 0; padding-bottom: 20px } .propertyListing { padding-bottom: 20px } .googleImg { float: right; padding-right: 5px } .googleLangWrapper { padding-top: 10px; width: 367px; white-space: nowrap; padding-right: 5px; } .footRight { width: 246px } .frCountries .frcountryName span { display: none } .countryAlphabet { font-size: 1.7em } .stayConnect a { display: inline-block; height: 28px; width: 29px; background-image: url(../images/social-media.png) !important; float: left; margin-right: 7px } .connetIcon1 { background-position: 0 0 } .connetIcon2 { background-position: -36px 0 } .connetIcon3 { background-position: -39px 0 } .connetIcon4 { background-position: -108px 0 } .connetIcon5 { background-position: -117px 0 } .connetIcon6 { background-position: -156px 0 } .googlePlue { background-position: -78px 0 !important } .connetIcon1:hover { background-position: 0 -33px } .connetIcon2:hover { background-position: -36px -33px } .connetIcon3:hover { background-position: -39px -33px } .connetIcon4:hover { background-position: -108px -33px } .connetIcon5:hover { background-position: -117px -33px } .connetIcon6:hover { background-position: -156px -33px } .googlePlue:hover { background-position: -78px -33px !important } .homePhotoAlbum { margin-top: 10px; float: none } .homePhotoAlbum li { width: 624px; padding: 2px 5px; border: 1px solid #ddd; margin-right: 0 } .homePhotoAlbum .albumImage { width: 160px; height: 105px } .homePhotoAlbum .albumCaption { width: 475px } .displayPanel .gallery { background-color: transparent } .homePhotoAlbum .albumContainer { background-color: #f9fcff } .homePhotoAlbum .albumContainer a { display: block; float: left; width: 100% } .homePhotoAlbum .albumContainer a:hover strong { text-decoration: underline } .homePhotoAlbum .albumContainer strong { color: #25578c; font-size: 1.09em; font-weight: bold; display: block } .hindiDoc .homePhotoAlbum .albumContainer strong { font-weight: normal; } .homePhotoAlbum .albumContainer em { color: #515151; font-style: normal; font-size: 1.167em } .profileCnt { position: relative; /* height: 150px; */ margin-bottom: 10px } .profileCnt a { display: block; width: 100%; position: absolute; height: 20px; padding: 10px 0 10px 20px; background: url(../images/view-profile-bg.png) left top no-repeat; left: -20px; bottom: 30px; text-decoration: none !important } .profileCnt a:hover { background-position: 0 -46px } .bold { font-weight: bold } .photoFeatureA .bold { display: block } .photoFeatureA .gallery { margin-top: 0 } .imgWrapper span { width: 305px; padding: 0 10px 10px; font-style: italic; margin-left: 10px; clear: both; float: right; text-align: center } .hindiDoc #wrapper { font-size: 103% } .hindiDoc #footer { font-size: 108% } .hindiDoc .rightPart { font-size: 110% } .hindiDoc #nav .MenuLi .menuFirstNode { padding: 0 1.1em } .displayNone { display: none !important } #backToTop { right: 10px; text-indent: 0 } .profileTable { width: 100%; } .sliderImg a { cursor: default } .featureDetail { padding-left: 20px; margin: 0 !important } .featureDetail p { padding: 0 0 10px; font-size: 12px; line-height: 18px } .featureContent { overflow: hidden; max-width: 962px; max-height: 450px } .pp_featureright .pp_nav { float: none; height: 30px; margin: 0; } .ppt2 { padding-top: 10px; font-size: 13px; font-weight: bold; padding-bottom: 7px; color: #25578c } .pp_featureright { height: 28px; border-bottom: 1px dotted #ccc } .pptHide { visibility: hidden } .featureDetail .currentTextHolder { padding: 5px 0 0; font-size: 13px } .featureContent #fullResImage { height: auto; max-height: 650px; width: auto; max-width: 650px } .featureHolder { max-width: 1000px; max-height: 1000px } .ie7 .featureHolder, .ie7 .featureContent, .ie7 #fullResImage { max-width: none; max-height: none } .pp_addthis { float: left; padding: 5px 0 0 5px } .pluginConnectButton .pluginButtonSmall { padding: 0 4px 2px !important } .pp_addthis .addthis_button_email { background: #f3f3f3 } .photoOf { font-size: 11.5px; line-height: 19px; display: block; font-style: italic } .dateAsOn { color: #333; float: right; font-size: 60%; font-weight: normal; padding-top: 3px; text-align: right; width: 210px } .infocusPanel .inFocusLatest li { width: 310px; background-color: #35577c } .infocusPanel .inFocusLatestImg img { width: 310px; height: auto; } .infocusPanel .inFocusLatestCnt h2 { font-size: 135% !important } .postPhotoA { position: relative } .postPhotoA table { margin-bottom: 0; } .postPhotoA .mid-tab th { padding: 0 } .mid-tab .heading { padding-left: 15px; color: #fff; font-size: 16px; font-weight: bold; display: block; vertical-align: middle } .mid-tab .headBtnTh { height: 34px; vertical-align: middle; text-align: center; width: 30px; background: #74b5c9 url(../App_Themes/Admin/Images/ima-head-seprator.gif) left top no-repeat } .postPhotoA .header th { border-right: 0 none } .headBtn { display: block; height: 34px; width: 35px; text-indent: -999px; overflow: hidden; background-position: center center; background-repeat: no-repeat } .editBtn { background-image: url(../App_Themes/Admin/Images/ima-edit-icon.png) } .removeBtn { background-image: url(../App_Themes/Admin/Images/ima-remove-icon.png) } .prevBtn { background-image: url(../App_Themes/Admin/Images/ima-preview-icon.png) } .addBtn { background-image: url(../App_Themes/Admin/Images/ima-add-icon.png) } .padBot20 { padding-bottom: 20px } .editBtn:hover { background-image: url(../App_Themes/Admin/Images/ima-edit-icon-h.png) } .removeBtn:hover { background-image: url(../App_Themes/Admin/Images/ima-remove-icon-h.png) } .prevBtn:hover { background-image: url(../App_Themes/Admin/Images/ima-preview-icon-h.png) } .addBtn:hover { background-image: url(../App_Themes/Admin/Images/ima-add-icon-h.png) } .imaPhotoImg { width: 345px; overflow: hidden; border: 1px solid #cecece; margin: 5px 0 0 } .imaPhotoTd .imaPhotoImg { width: 100%; } .imaPhotoTd .imaPhotoImg img { width: 100% !important; height: auto !important; } .addNewBox { display: none !important } .extLinkOut { position: relative } .extLinkHov { background: url(../App_Themes/Admin/Images/ima-external-linkicon.png) left top no-repeat; display: none; height: 27px; width: 28px; position: absolute; right: 5px; bottom: 5px; z-index: 22 } .addNewsBlank { height: 218px } .extLinkOut:hover .extLinkHov { display: block } .contactBoxA { padding: 5px 10px 5px 15px; text-align: left } .contactBoxA h3 { padding: 0 0 5px; margin: 0; font-size: 1.6em; line-height: 1.3em; color: #3d3d3d; font-weight: bold } #innerContent .contactBoxA p { color: #515151; text-align: left; padding: 0; margin: 0 } .contactBoxA .addressIma { font-size: 1.2em } .contactBoxA a { color: #515151; text-decoration: underline } .contactLinkBtn { padding: 20px 0 0 } #innerContent .contactLinkBtn a { text-decoration: none; background: url(../App_Themes/Admin/Images/ima-linkbtn-right.gif) right top no-repeat; float: left; line-height: 32px; height: 32px; color: #fff; font-size: 13px; font-weight: bold; padding: 0 12px 0 0; margin: 0 } .contactLinkBtn span { float: left; background: url(../App_Themes/Admin/Images/ima-linkbtn-left.gif) left top no-repeat; display: block; width: 35px; height: 32px } .newsListA { border: 1px solid #cecece; padding-bottom: 15px } .newsListA h4 { padding: 10px 0 0 15px; margin: 0; font-size: 1.3em; font-weight: bold; color: #25578c } .newsListA ul { list-style: none } .newsListA li { float: left; width: 100%; clear: both; padding: 8px 0 0; position: relative; height: auto !important } .newsListA .imaNewsList { padding: 10px 15px 0 15px } .newsListA .newsLinks { color: #25578c; text-decoration: none; width: 85%; padding: 0 } .newsListA .newsDateA { color: #515151; display: block; padding: 0 } .hovButtons { background: url(../App_Themes/Admin/Images/ima-editbuttons-bg.png) left top no-repeat; padding: 0 9px; width: 45px; height: 27px; z-index: 99; position: absolute; right: 10px; top: 15px; display: none } .newsListA li.hover .hovButtons { display: block } .buttonClear { border: 0 none; padding: 0; margin: 0 } .hovButtons .buttonClear { margin-top: 5px; float: left } .hovButtons .sepratorL { width: 5px; margin: 3px 0 0 5px; height: 21px; display: block; float: left; border-left: 1px solid #fff } .imaBannerImg { width: 648px; height: auto; text-align: center; overflow: hidden; border: 1px solid #cecece; margin: 0 } .imaBannerImg img { width: 100% !important; height: auto !important; } .addBannerBlank { height: 92px } .mid-tab th { background: url(../images/ima-title-bg.gif) left top repeat-x; line-height: 34px; text-align: left } .addPostsBlank { height: 187px } .postsListA { padding-bottom: 15px } .postsListA .postsAccoLinks { text-decoration: none; background: url(../App_Themes/Admin/Images/ima-bullet.png) 15px 5px no-repeat; display: block; width: 305px; font-weight: normal; padding: 0 0 0 27px; color: #515151; cursor: default } .postsListA .postsAccoLinks .active { font-weight: bold; color: #25578c } .accorSlide { padding: 0 20px 0 27px; color: #515151; line-height: 18px } #innerContent .accorSlide p { border-bottom: 1px dotted #b1b1b1; padding: 5px 0 15px; margin: 0; text-align: left } .accorSlide p a { color: #515151; text-decoration: underline } .quickLinkListA { padding-bottom: 15px } .addLinksBlank { height: 189px } .quickLinkListA { padding: 0 0 10px } .quickLinkDiv { background: url(../App_Themes/Admin/Images/ima-bullet.png) 15px 5px no-repeat; font-weight: normal; padding: 0 0 0 27px } .quickLinkListA a { text-decoration: none; color: #515151 } .quickLinkListA .hovButtons { top: 3px } .hodlabel { display: block } .imaPhotoTd { width: 50%; float: left; } .contactInfoA .contactBoxA { padding-right: 0; padding-left: 0 } .postAllTd { width: 55%; padding-right: 25px } #ContentPlaceHolder1_MissionPost1_lbl1stMissionPostAddress3 { display: block } ul.chirp li { float: left; width: 100%; padding: 8px 0; border-bottom: 1px dotted #f0f0f0 } ul.chirp li p { padding-left: 10px; font-size: 1.2em } ul.chirp li .meta { padding-left: 10px; display: block; color: #bcbcbc; padding-top: 5px } ul.chirp li .meta a { color: #6a6a6a } ul.chirp a { color: #25578c } .meaTweetBox { width: 635px; /* border: 1px solid #efefef; */ overflow: auto; height: 200px; padding: 5px 0 } .meaTweetT { color: #25578c; font-size: 1.6em; font-weight: normal; padding: 6px 0 6px 10px } .postAllTd { width: 55% } .contactInfoTd { padding-right: 20px; width: 50%; float: left; } .quickLinkTd { padding-right: 15px; } .CountryImageTitle { font-size: 1.2em; font-weight: bold; display: block; padding: 5px 0 } .ui-autocomplete-loading { background: white } #divexpand { display: none } .highlight { background-color: #fff34d; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) } .highlight { padding: 1px 1px; margin: 0 -1px } .noJS #scroller-header li.last { display: none; } .noJS #scroller-header li { margin-right: 5px; width: 24.34%; } .noJS #scroller-header li.tabPressRelease { margin-right: 0; } .noJS #scroller-header li a { width: 100%; font-size: 12px; padding: 0 !important; } /* Social icon boxes header */ .noJS .socialIconBox_top { height: 432px; background-size: 49px 100%; } .noJS .socialIconBox_top .shareThisO { display: none; } .socialIconBox_top { /* background: url(../images/socialbg-new.png) left top no-repeat; width: 49px; height: 432px; position: fixed; right: 0; top: 50%; z-index: 9998; margin-top: -215px; */ margin: 0 10px 0 0; padding: 10px 0 0 0; float:right; } .socialIconBox_top a { /* background-image: url(../images/social-icons.png); width: 34px; height: 34px; display: block; text-indent: -9999px; overflow: hidden; margin: 0 0 3px 10px; float: left; */ margin: 5px 0; vertical-align: middle; padding:5px 5px; font-size: 22px; display:inline-block; } .socialIconBox_top a.at300b, .socialIconBox_top a.at300m { width: 34px; height: 34px; } .socialIconBox_top .meaApp { background-position: -2px 1px; margin-top: 13px; } .socialIconBox_top .instagram { color: #9F438C; border-radius:10%; background-color:#FFF; } .socialIconBox_top .linkedIn { color: #0072B1; border-radius:10%; background-color:#FFF; } .socialIconBox_top .twitter { color: #14A9C8; border-radius:10%; background-color:#FFF; } .socialIconBox_top .facebook { color: #224C9F; border-radius:10%; background-color:#FFF; } .socialIconBox_top .gPlue { background-position: -2px -126px; } .socialIconBox_top .youtube { color: #FF030E; border-radius:10%; background-color:#FFF; } /*added: 30 march 2024 */ .socialIconBox_top .flickr { color: #ff007e; border-radius:10%; background-color:#FFF; } .socialIconBox_top .flickr { background-position: -2px -210px; } .socialIconBox_top .rss { background-position: -2px -249px; } .socialIconBox_top .shareThis { background-position: -2px -289px; } .socialIconBox_top .shareThisO .shareThis { display: inline-block; text-indent: -999em; } /* Social icon boxes header */ /* Social icon boxes footer */ .noJS .socialIconBox { height: 432px; background-size: 49px 100%; } .noJS .socialIconBox .shareThisO { display: none; } .socialIconBox { /* background: url(../images/socialbg-new.png) left top no-repeat; width: 49px; height: 432px; position: fixed; right: 0; top: 50%; z-index: 9998; margin-top: -215px; */ margin-top: 0px; margin-bottom:20px; padding: 20px 10px 0 0; text-align:center; } .socialIconBox a { /* background-image: url(../images/social-icons.png); width: 34px; height: 34px; display: block; text-indent: -9999px; overflow: hidden; margin: 0 0 3px 10px; float: left; */ margin: 0 5px; vertical-align: middle; padding:5px 10px; font-size: 32px; display:inline-block; } .socialIconBox a.at300b, .socialIconBox a.at300m { width: 34px; height: 34px; } .socialIconBox .meaApp { background-position: -2px 1px; margin-top: 13px; } .socialIconBox .instagram { color: #9F438C; border-radius:10%; background-color:#FFF; } .socialIconBox .linkedIn { color: #0072B1; border-radius:10%; background-color:#FFF; } .socialIconBox .twitter { color: #14A9C8; border-radius:10%; background-color:#FFF; } .socialIconBox .facebook { color: #224C9F; border-radius:10%; background-color:#FFF; } .socialIconBox .gPlue { background-position: -2px -126px; } .socialIconBox .youtube { color: #FF030E; border-radius:10%; background-color:#FFF; } /* 30 march 2024 */ .socialIconBox .flickr { color: #ff007e; border-radius:10%; background-color:#FFF; } .socialIconBox .flickr { background-position: -2px -210px; } .socialIconBox .rss { background-position: -2px -249px; } .socialIconBox .shareThis { background-position: -2px -289px; } .socialIconBox .shareThisO .shareThis { display: inline-block; text-indent: -999em; } /* Social icon boxes footer */ #footer .alignCenter { clear: both; } .stayConnect { visibility: hidden; display: none } .internalLogin img { vertical-align: middle } .topLang .internalLogin { text-decoration: none } .topLang .internalLogin:hover { color: #333; text-decoration: none } .leftSubUl { margin-left: 12px; margin-top: 0; } .imgRightBanner { padding-bottom: 10px !important } #profileNewListing { margin-bottom: 20px } #profileNewListing .singleProfile, #profileNewListing .doubleProfile { float: none; margin: 0 auto } #profileNewListing .singleProfile { width: 413px; border-bottom: 1px solid #e7e7e7; margin-bottom: 20px } #profileNewListing .doubleProfile { border-bottom: 1px solid #e7e7e7; margin-bottom: 20px; width: 600px } #profileNewListing .profile li { width: 25%; padding: 0; text-align: center; list-style: none; } #profileNewListing .doubleProfile li { padding: 0 80px } #profileNewListing .singleProfile li { float: none; margin: 0 auto; width: auto; list-style: none; } #profileNewListing .profile li div { width: 100% } #profileNewListing .profile li .imgLeft { float: none; margin: 5px auto; display: block; } #profileNewListing .profileCnt { /* height: 95px; */ margin-bottom: 15px } /* #profileNewListing .singleProfile .profileCnt { height: 75px } */ #profileNewListing .profileCnt a { background: 0; position: relative; bottom: inherit; left: inherit; padding: 0; display: inline-block; width: auto } .askMiniDecImg { width: 200px; margin: 0 25px 15px 0; float: left } .askMinisterDetial { padding-bottom: 20px } .askMinDescDate { display: block; padding: 0 0 15px; position: relative; margin-top: -10px; font-weight: bold } .addthis_toolbox { width: 204px; float: left; padding-left: 5px; } .mapBlock { background: #104e8d; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; float: left; overflow: hidden; width: 275px; text-align: center; margin-bottom: 6px } .mapRowBar { padding: 5px 10px; margin: 10px 0 5px; background-color: #efefef; } .mapRowCol { display: inline-block; } .mapRowBar img { vertical-align: middle; margin-right: 5px; } .mapRowBar span { display: inline-block; vertical-align: middle; margin-right: 10px; } .eamImagProfile { float: right; width: 226px; display: none !Important; } .eamImagProfile .imgLeft { margin: 0 0 5px 20px; } .emaVisitPage .profileTable:first-child { padding-right: 240px; margin-right: -226px; } .vistlink { text-align: center; color: #fff; padding: 10px 0; display: block; font-size: 15px; text-decoration: none } .sideBanner { padding-bottom: 22px; display: inline-block } .sideBanner li { float: left; padding: 8px 0 6px } .sideBanner li a { float: left } .padL15 { padding-left: 15px; } /* -------------------- Jquery UI CSS -------------------- */ .ui-autocomplete { position: absolute; cursor: default } * html .ui-autocomplete { width: 1px } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; float: left } .ui-menu .ui-menu { margin-top: -3px; width: 595px } .ui-menu .ui-menu-item { margin: 0; padding: 0 5px; float: left; clear: left; width: 575px } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .2em 0; line-height: 1.2em } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; background: #24789c; border-color: #fff; color: #fff } .ui-autocomplete { max-height: 375px; overflow-y: auto; overflow-x: hidden } * html .ui-autocomplete { height: 350px } .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em } .ui-widget .ui-widget { font-size: 1.167em } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em } .ui-widget-content { border: 1px solid #aaa; background: #fff 50% 50% repeat-x; color: #222 } .ui-widget-content a { color: #222 } .ui-widget-content a:hover { background-color: #eef6f9 } .ui-widget-header { border: 1px solid #aaa; background: #ccc 50% 50% repeat-x; color: #222; font-weight: bold } .ui-widget-header a { color: #222 } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaa; opacity: .3; border-radius: 8px } .ui-autocomplete { background-color: #eee; position: absolute; cursor: default; width: 595px !important; height: auto } .ui-autocomplete .ui-menu-item { padding: 0 5px; width: 575px } .ui-autocomplete .ui-menu-item a { display: block; padding: 4px 0; text-decoration: none; line-height: 1.1em; cursor: pointer } .ui-autocomplete .ui-menu-item a.ui-state-hover, .ui-autocomplete .ui-menu-item a.ui-state-active { background-color: #fff; color: #25578c; margin: 0 } ul.tagit { padding: 1px 5px; border-style: solid; border-width: 1px; border-color: #c6c6c6; overflow: auto } ul.tagit li { display: block; float: left; margin: 2px 5px 2px 0 } ul.tagit li.tagit-choice { background-color: #dee7f8; border: 1px solid #cad8f3; padding: 2px 4px 3px } ul.tagit li.tagit-choice:hover { background-color: #bbcef1; border-color: #6d95e0 } ul.tagit li.tagit-new { padding: 2px 4px 3px; padding: 2px 4px 1px; padding: 2px 4px 1px 0 } ul.tagit li.tagit-choice input { display: block; float: left; margin: 2px 5px 2px 0 } ul.tagit li.tagit-choice a.close { color: #777; cursor: pointer; font-size: 12px; font-weight: bold; outline: medium none; padding: 2px 0 2px 3px; text-decoration: none } ul.tagit input[type="text"] { border: 0; margin: 0; padding: 0; width: inherit; border-color: #c6c6c6; background-color: #fff; color: #333 } /********** Owl Carousel **********/ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out } .owl-carousel { width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 } .owl-stage { position: relative; -ms-touch-action: pan-Y } .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0, 0) } .owl-controls .owl-dot, .owl-controls .owl-nav .owl-next, .owl-controls .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; } .owl-loaded { display: block } .owl-loading { opacity: 0; display: block } .owl-hidden { opacity: 0 } .owl-refresh .owl-item { display: none } .owl-item { position: relative; min-height: 1px; width: 100%; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; } .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; } .owl-rtl { direction: rtl } .owl-rtl .owl-item { float: right } .no-js { display: block } .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease } .owl-item img { transform-style: preserve-3d } .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; /*background:url(owl.video.play.png) no-repeat;*/ cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease } .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); } .owl-video-playing .owl-video-play-icon, .owl-video-playing .owl-video-tn { display: none } .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease } .owl-video-frame { position: relative; z-index: 1 } /*Date Picker*/ .datepick { background-color: #fff; border: 1px solid #444; color: #000; font-family: Arial, Helvetica, Sans-serif; font-size: 100%; width: 152px } .datepick-rtl { direction: rtl } .datepick-popup { z-index: 1000 } .datepick-disable { background-color: white; position: absolute; z-index: 100 } .datepick a { color: #fff; text-decoration: none } .datepick a.datepick-disabled { color: #888; cursor: auto } .datepick button { background-color: #fcc; border: medium none; font-weight: bold; margin: .25em; padding: .125em 0 } .datepick-nav, .datepick-ctrl { background-color: #000; color: #fff; float: left; font-size: 90%; font-weight: bold; height: 20px; width: 100% } .datepick-ctrl { background-color: #1798d0 } .datepick-cmd { width: 30% } .datepick-cmd:hover { background-color: #777 } .datepick-ctrl .datepick-cmd:hover { background-color: #000 } .datepick-cmd-prevJump, .datepick-cmd-nextJump { width: 8% } a.datepick-cmd { height: 20px } button.datepick-cmd { text-align: center } .datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear { float: left; padding-left: 2% } .datepick-cmd-current, .datepick-cmd-today { float: left; text-align: center; width: 35% } .datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close { float: right; padding-right: 2%; text-align: right } .datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump, .datepick-rtl .datepick-cmd-clear { float: right; padding-left: 0; padding-right: 2%; text-align: right } .datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today { float: right } .datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump, .datepick-rtl .datepick-cmd-close { float: left; padding-left: 2%; padding-right: 0; text-align: left } .datepick-month-nav { background-color: #777; float: left; text-align: center } .datepick-month-nav div { float: left; margin: 1%; padding: 1%; width: 12.5% } .datepick-month-nav span { color: #888 } .datepick-month-row { clear: left } .datepick-month { border: 1px solid #444; float: left; text-align: center; width: 15em } .datepick-month-header, .datepick-month-header select, .datepick-month-header input { background-color: #444; color: #fff; font-weight: bold; height: 20px } .datepick-month-header select, .datepick-month-header input { border: 1px none; font-size: 10px; height: 15px } .datepick-month-header input { display: none; position: absolute } .datepick-month table { border-collapse: collapse; width: 100% } .datepick-month thead { border-bottom: 1px solid #aaa } .datepick-month th, .datepick-month td { font-weight: normal; margin: 0; padding: 0; text-align: center } .datepick-month th { border: 1px solid #777 } .datepick-month th, .datepick-month th a { background-color: #777; color: #fff } .datepick-month td { background-color: #eee; border: 1px solid #aaa } .datepick-month td.datepick-week { border: 1px solid #777 } .datepick-month td.datepick-week * { background-color: #777; border: medium none; color: #fff } .datepick-month a { background-color: #eee; color: #000; display: block; padding: .125em 0; text-decoration: none; width: 100% } .datepick-month span { display: block; padding: .125em 0; width: 100% } .datepick-month td span { color: #888 } .datepick-month td .datepick-other-month { background-color: #fff } .datepick-month td .datepick-weekend { background-color: #ddd } .datepick-month td .datepick-today { background-color: #1798d0 } .datepick-month td .datepick-highlight { background-color: #1798d0 } .datepick-month td .datepick-selected { background-color: #777; color: #fff } .datepick-month th.datepick-week { background-color: #777; color: #fff } .datepick-status { background-color: #ddd; clear: both; text-align: center } .datepick-clear-fix { clear: both } .datepick-cover { display: none; height: 100px; left: -1px; position: absolute; top: -1px; width: 100px; z-index: -1 } .ui-widget-header a, .ui-widget-header select { color: #222 } .ui-widget-header a:hover { background-color: #f0f0f0; color: #0b5b98 } .ui-widget-header select, .ui-widget-header option { background-color: #e7eef3 } .ui-state-highlight a { color: #363636 } .videogallery { list-style: none; float: left; margin: 5px; width: 125px; border: #4f99ca solid 1px } .gallerytitle { background-color: #9ccae8; list-style: none; float: left; width: 140px; text-align: center } .vediogalleryzoom { list-style: none; float: left; margin: 5px; width: 280px } .gallerytitlezoom { background-color: #9ccae8; list-style: none; float: left; width: 280px; text-align: center } .photogallerytitle { list-style: none; float: right; width: 140px; height: auto; color: #000 } .photogallerytitle img { float: right; padding: 2px } .gallerytxtlink { font-size: 12px; color: #19627d; font-weight: normal; text-decoration: none } .gallerytxtlink:hover { color: #000; text-decoration: none } .sitemap .trheader { font-weight: bold; font-size: 9pt; font-family: Verdana; border-bottom: gray 2px solid; background-color: #f5f5f5 } .sitemap .trempty { font-weight: bold; font-size: 9pt; color: red; font-family: Verdana; background-color: #f5f5f5 } .sitemap .tr1 { background-color: white; background-color: #f5f5f5 } .sitemap .tr1 a { font-weight: normal; font-size: 9pt; color: black; font-family: Verdana; text-decoration: none } .sitemap .tr1 a:hover { font-weight: normal; font-size: 9pt; color: orange; font-family: Verdana; text-decoration: underline } .sitemap .tr2 { background-color: white } .tdsitemap { background-color: #f5f5f5 } #last-link { background: 0; color: Red } .zindexUp { z-index: 9999 !important; width: 320px !important; margin-top: 5px } .zindexUp .ui-menu-item { width: 310px !important; border-bottom: 1px dotted #fff } .zindexUp .ui-menu-item a { font-size: 90%; line-height: 1.4 } .ui-helper-hidden-accessible { display: none !important } /* KMY CSS Start */ #kmyNavigation .heading { display: none } #kmyNavigation { width: 100%; padding-top: 22px } #kmyNavigation .menuTitle { margin-bottom: 10px; } #kmyNavigation ul { clear: both; float: none; width: 100%; margin: 0; } #kmyNavigation ul li { background: url(../images/kmy-menu-strip.jpg) left top repeat-x; height: 42px } #kmyNavigation ul li:hover { background: url(../images/kmy-menu-strip-hover.jpg) left top repeat-x; height: 42px } #kmyNavigation ul li a { background: url(../images/kmy-bullet.png) no-repeat left .917em; color: #fff; display: block; line-height: 1.583em; padding: 10px 0 10px 25px; text-transform: uppercase; text-decoration: none; margin-left: 20px } #kmyNavigation ul li a:hover { background: url(../images/kmy-bullet-hover.png) no-repeat left .917em; color: #fff } #innerKmy h2 { line-height: 20px; font-family: calibri; color: #315d8c; font-size: 30px; font-weight: normal } #innerKmy h3 { line-height: 20px; font-family: calibri; color: #315d8c; font-size: 19px; padding-bottom: 5px; } #innerKmy a.applyTab { float: left; line-height: 30px; margin-right: 10px; padding: 0 15px; width: 112px; } #innerKmy a.downloadTab { border: #ff8b02 1px solid; background: #ff8b02; color: #fff; line-height: 30px; padding: 0 15px; display: block; } #innerKmy a.downloadTab:hover, a.applyTab { background: #ff8b02 !important; color: #ffffff !important; text-decoration: none !important; border: 1px solid #ff8b02; } .kmyBanner { background: url(../images/kmy-background.jpg) no-repeat left top; height: 131px; background-size: cover; margin-bottom: 20px; border: 1px solid #ccc; } .kmyBannerTop { padding: 12px; } .kmyBannerBtm {} .kmyBannerBtm .applyTab { float: left; } .kmyBannerBtm .downloadTab { float: right; } #innerKmy p { text-align: justify; line-height: 20px; color: #555; font-size: 13px } #innerKmy .threeBox { border-bottom: #c2c2c2 1px dotted; padding-bottom: 10px; } #innerKmy .twoBox { padding-left: 42px; float: left; width: 190px; } #innerKmy .twoBox:first-child { padding-left: 0; } #innerKmy .innerHeading { color: #396695; font-size: 18px; padding: 15px 0; display: block; } #innerKmy .yatraRouteIcon { background: url(../images/yatra-route.png) no-repeat left 8px; padding-left: 40px; } #innerKmy .photoGalleryIcon { background: url(../images/kmy-photo-gallery.png) no-repeat left 8px; padding-left: 40px; } #innerKmy .faqsIcon { background: url(../images/kmy-faq.png) no-repeat left 8px; padding-left: 40px; } .yatraRouteBox>a { display: block; border: 1px solid #d9d9d9; text-align: center; } .yatraRouteBox>a>img { max-width: 100%; height: auto; } .photoGalleryBox {} .photoGalleryList {} .photoGalleryList>li { float: left; width: 100%; border-top: 1px dotted #c2c2c2; overflow: hidden; padding-top: 10px; margin-top: 10px; } .photoGalleryList>li:first-child { border-top: none; padding-top: 0; margin-top: 0; } .photoGalleryThumb { float: left; width: 72px; position: relative; z-index: 1; } .photoGalleryDesc { padding-left: 72px; margin-left: -72px; min-height: 65px; } .photoGalleryDesc span { display: block; } #innerKmy .aFaq { border-bottom: #c2c2c2 1px dotted; padding: 0 0 5px; font-size: 12px; } .aFaq a { color: #515151 !important; } .aFaq a:hover { color: #25578c !important; text-decoration: underline; } #innerKmy .viewAll { padding-bottom: 0; text-decoration: underline; padding-top: 5px; text-align: right; border-bottom: none; position: inherit; width: auto } .facebookKMYatraBtn { margin-top: 15px; } #innerKmy .routeStrip { background: url(../images/yatra-route-strip.jpg) left top repeat-x; height: 30px; margin-top: -1px; border: 1px solid #e5e5e5; font-size: 13px; color: #37628f } .routeStrip a { display: block; padding: 6px 0; text-align: center; } /* KMY CSS End */ /* -----------------KMY scrolling news ----------------- */ .sliderLeft { font-family: Arial, Helvetica, sans-serif; margin: 0; } .newsHeader { margin-bottom: 5px; } .newsContBg { background: #FFF; border: dashed 1px #ccc; width: 240px; font-size: 1.0em; } .newsDate { display: block; color: #000; font-weight: bold; } .newsHeaderTxt { color: #0956A6; font-size: 1.3em; font-weight: bold; padding-left: 7px; } #news-container ul { margin: 0; padding: 0 0 0 3px; min-height: 100px; } #news-container li { margin: 5px 5px 5px 5px; list-style: none; } .newsTxt a { text-decoration: none; color: #333; } .newsTxt a:hover { color: #25578c; text-decoration: underline; } .newsHeader .pause { color: #000000; cursor: pointer; font-size: 0.8em; display: none; } .newsHeader .play { color: #000000; cursor: pointer; font-size: 0.8em; display: none; } .newsReammore { padding-left: 10px; font-weight: bold; color: #1C4678; text-decoration: underline; padding-bottom: 5px; } .newsReammore a { margin-left: 10px; font-weight: bold; } /* -----------------KMY scrolling news End ----------------- */ /* .cf:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .cf { display: block; } */ .cf:before, .cf:after, ul:before, ul:after, .headInner:before, .headInner:after, .topLinkPart:before, .topLinkPart:after, .topFunctions:before, .topFunctions:after, .contentPart:before, .contentPart:after, .newMissionRow:before, .newMissionRow:after, .homeLastRowDiv:before, .homeLastRowDiv:after, .footerText:before, .footerText:after, .dataSlider:before, .dataSlider:after, .fielsRow:before, .fielsRow:after, .tabBoxRow:before, .tabBoxRow:after, .pageHeading:before, .pageHeading:after { content: ""; display: block; height: 0; overflow: hidden; } .cf:after, ul:after, .headInner:after, .topLinkPart:after, .topFunctions:after, .contentPart:after, .newMissionRow:after, .homeLastRowDiv:after, .footerText:after, .dataSlider:after, .fielsRow:after, .tabBoxRow:after, .pageHeading:after { clear: both; } /* .profileBlock .post, .profileBlock .prolist li a { color: #000; } */ .documentIndiaIs { border: 1px solid #d6d6d6; padding: 10px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 15px; } .profileBlock, .mapBlock, .profileBlock .prolist { float: none; } .sideBanner { padding: 0; margin: 0; height: 250px; } .sideBanner li { padding: 0 0 7px; } .mapBlock { margin-bottom: 15px; } .indiais h2 { padding-bottom: 7px; } .rightIconLinks.rightIconWrap { display: none; } .rightIconLinks { margin-bottom: 15px; } .rightIconLinks li { background: url(../images/right-hrline.jpg) no-repeat left bottom; padding: 4px 0 15px; } /* .rightIconLinks li a { margin: 6px 0; } */ .kmy2014 .rightIcon { background-position: -474px 0; } .kmy2014:hover .rightIcon { background-position: -474px -41px; } .youthEdu .rightIcon { background-position: -512px 0; } .youthEdu:hover .rightIcon { background-position: -514px -41px; } .meaCamp .rightIcon { background-position: -551px 0; } .meaCamp:hover .rightIcon { background-position: -551px -41px; } .cirtulars .rightIcon { background-position: -587px 0; } .cirtulars:hover .rightIcon { background-position: -587px -41px; } .developItc .rightIcon { margin: 7px 10px 0 0; } .youtube { vertical-align: middle; } .tweettitle { padding: 0 0 15px 10px; font-size: 1.12em; line-height: 1.438em; color: #25578c; } .tweettitle .tweetdate { display: block; padding: 5px 0 0; font-size: 12px; color: #515151; line-height: 15px; } .perspectives .readmoreBlock { float: none; text-align: right; padding: 5px 0 0; display: block; } .lectures .lecturesInfo { padding-bottom: 15px; } .lectures ul .readmoreBlock { float: none; text-align: right; padding: 10px 7px 0 0; width: auto; } .hindiDoc .rightIconLink td { padding: 7px 0 5px } .hindiDoc .rightIconLink a { line-height: 32px; } .hindiDoc .rightPartHome { /* padding: 0 15px 0 0; width: 275px;*/ } #innerContent .inFocusLatestCnt a { color: #fff; } .secondTab ul.tabs li.missionTb1 { width: 168px; } .secondTab ul.tabs li.missionTb2 { width: 195px; } .secondTab ul.tabs li.missionTb3 { width: 170px; } .secondTab ul.tabs li.missionTb4 { width: 88px; } .hindiDoc .secondTab ul.tabs li.missionTb2 { width: 290px; } .hindiDoc .secondTab ul.tabs li.missionTb3 { width: 197px; } .hindiDoc .secondTab ul.tabs li.missionTb4 { width: 140px; } .india360BlockH { padding: 3px 10px; min-height: 160px; height: auto !important; height: 130px; } .india360BlockH .indiaGlobal { float: left; padding-right: 10px; } .india360BlockH .viewlink { text-align: left; } .india360BlockH p { font-size: 0.901em; padding-bottom: 7px; } .fRight { float: right; } .archives a { font-size: 1.33em; font-weight: bold; } .ui-autocomplete-loading { background: #fff; } #innerContent iframe { padding-bottom: 10px !important; } .globalIndia { vertical-align: middle; padding-bottom: 8px; } .youTube { width: 560px; } .youTube iframe { margin-top: 10px; } .documentBlk { min-height: 256px; } .dataContent { min-height: 41px; } .inFocusThumb img { width: 100px; } .selectToViewT { text-align: right; } .listLinkHome { margin-top: 11px; } .listLinkHome .rightIcon { display: none; } .listLinkHome a { /*background: url(../images/bullet-home.png) no-repeat left 8px;*/ color: #515151; display: inline-block; float: none; font-size: 1.250em; padding-left: 15px; width: auto; margin-right: 5px; } .listLinkHome li { background: none; padding: 5px 0; float: left; width: 100%; } .listLinkHome li.indiaAtaGlanceLink, .listLinkHome li.mobHide { display: none; } .listLinkHome li.deskHide { display: none; } .indiaAtaGlance, .meaSocial { margin-bottom: 15px; } .indiaMapImg { margin: 0 auto; padding: 10px 0; position: relative; width: 518px; } .indiaMapImg img { position: relative; z-index: 0; } .ui-tooltip { z-index: 9999; width: 160px; padding: 8px; font-size: 12px; font-weight: bold; text-transform: uppercase; border: 1px solid #fff !important; min-height: 20px; max-width: 100%; text-align: center; color: #fff !important; background: #d4210d url(../images/map-tooltip-bg.gif) left top repeat-x !important; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .footerTextHeight { padding: 5px 0 7px 0; } /* .hindiDoc .profileBlock { padding-bottom: 20px; padding-top: 26px; } .hindiDoc .profileBlock .prolist li { background: url(../images/bullet-red.png) no-repeat 5px 7px; padding: 0 0 3px 16px; } */ .footerLink { text-align: center; } .footerLink>li { display: inline; float: none; position: relative; padding: 0 1px; } .footerLink>li:after { content: ''; position: absolute; left: 0; top: 1px; height: 10px; width: 1px; background: #333; } .footerLink>li:first-child:after { display: none; } .footerLink>li>a { color: #333; font-weight: bold; margin: 0 5px; display: inline-block; } .footerLink>li>a:hover {} .perspectiveText { min-height: 200px; } .lecturesText { min-height: 100px; padding-right: 6px; } .perspectives h2 a, .lectures h2 a, .documentBlk h2 a { color: #9F1918; text-decoration: none; } .homeLastRowOut { background: #fff; padding-top: 15px; } .perspectives { margin-right: 15px; width: 291px; } .lectures { float: left; width: 291px; } .lecturesText a { line-height: 1.2em; } .documentIndiaIs { width: 253px; } .personnelPage .tdBdrRight span { padding: 0; display: inline; } .extIcon { display: inline-block; margin-left: 3px; height: 9px; width: 9px; /*background: url(../images/ext-link-icon.gif) left top no-repeat;*/ text-indent: -99px; overflow: hidden; vertical-align: inherit; } .calenderIco { display: inline; padding-right: 18px; padding-top: 1px; vertical-align: middle; /* background: url(../images/calander.gif) no-repeat; */ } .spanishDoc #nav .MenuLi .menuFirstNode { padding: 0 0.580em; } .spanishDoc #nav .MenuLi .menuFirstNode { /* font-size: 104%; */ } .spanishDoc #nav .MenuLiLast .menuFirstNode { padding: 0 0.463em; } .spanishDoc .innerBanner { /*background: url("../images/inner-banner-strip-sp.jpg") no-repeat right top #F8F8F8;*/ } .spanishDoc .innerBanner img { /*float: right; padding-right: 22px;8?} .spanishDoc .innerBanner span { /*color: #FFFFFF; float: left; font-size: 2em; padding: 25px 0 0 25px; width: 70%; */ } /*.spanishDoc .rightPartHome .withoutSphoto { width: 200px; padding-left: 75px; } Spanish CSS by Himanshu */ .spanishDoc .countryNameBlock { height: auto; /*padding: 15px; */ margin-bottom: 5px; } .spanishDoc .briefsBlockH { background: url(../images/spanish/boim-imghome.jpg) no-repeat 53px top; padding-left: 260px; padding-right: 5px; } .spanishDoc .imaBlockH { background: url(../images/ima-imghome.jpg) 280px 14px no-repeat; } .spanishDoc .secondTab ul.tabs li.active, .spanishDoc .secondTab ul.tabs li.active a { background: #104e8d; border-color: #104e8d; color: #fff; } .spanishDoc .countryNameBlock select { width: 228px; } .spanishDoc .byClickingT { display: block; font-size: 11px; padding: 3px 0 10px; } .spanishDoc .brifsRelationT { padding-bottom: 10px; } .spanishDoc .perspectives .date { font-size: 14px; font-weight: bold; } .spanishDoc .india360BlockH { height: auto !important; min-height: 160px; padding: 3px 10px; } .spanishDoc .secondTab ul.tabs li a { padding: 12px 0; color: #333; } /* END Spanish CSS by Himanshu */ .gSpanish .googleImg { background: url(../images/gSpanish.gif) no-repeat left top; } .spanishDoc .countryNameBlock select { width: 228px; } .spanishDoc .paraNotice { display: block; font-size: 0.893em; font-weight: bold; padding: 5px 0; } .spanishDoc .clickBtnGrey { background-color: #104e8d; color: #fff; display: inline-block; font-size: 12px; margin-top: 6px; padding: 2px 8px; } .spanishDoc .byClickingT { display: block; font-size: 12px; padding: 8px 0; } .spanishDoc .secondTab .tab_container { min-height: 205px; height: auto; } .spanishDoc .secondTab ul.tabs li.missionTb2 { width: 225px; } .spanishDoc .secondTab ul.tabs li.missionTb3 { width: 260px; } .spanishDoc .secondTab ul.tabs li.missionTb4 { width: 142px; } .jvectormap-label { position: absolute; display: none; border: solid 1px #CDCDCD; padding: 3px 15px; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #222; color: white; font-family: sans-serif, Verdana; font-size: 12px; } .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; left: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #FFF; padding: 3px; color: #25578c; width: 10px; height: 10px; cursor: pointer; line-height: 10px; text-align: center; border: 1px solid #25578c; } .jvectormap-zoomin { bottom: 33px; } .jvectormap-zoomout { bottom: 10px; } #world-map { background: url(../images/map-loading.gif) center center no-repeat; } .tabBoxBlock { display: none; margin-bottom: 15px; } .tabBox { position: relative; float: left; width: 150px; margin-left: 11px; border: 1px solid #ccdce3; min-height: 94px; background: url(../images/tabBox-bg.png) repeat-x left top #ededed; } .tabBox:after { content: ''; position: absolute; left: -1px; right: -1px; bottom: -1px; height: 2px; border-bottom: 2px solid #104e8d; } .videoBox { margin-left: 0; } .tabBoxLink { display: block; overflow: hidden; text-align: center; padding: 15px 10px 0; } .tabBoxLink:hover { text-decoration: none; } .tabIcon { display: inline-block; width: 42px; height: 42px; text-indent: -999em; background: url(../images/tabIcon.png) no-repeat 2px top; } .videoIcon { background-position: 2px top; } .photoFeaturesIcon { background-position: -180px top; } .pressReleasesIcon { background-position: -364px top; } .aseanIndiaIcon { background-position: -545px top; } .twitterFeedIcon { background-position: right top; } .tabBoxTitle { display: block; font-size: 14px; line-height: 26px; color: #333333; } .newMissionBlock, .indiaMissionBLock { border: 1px solid #d6d6d6; width: 291px; min-height: 250px; height: auto !important; height: 262px; float: left; padding: 10px 10px 5px; -webkit-border-radius: 4px; border-radius: 4px; } .newMissionBlock { margin-right: 15px; } .indiaMissionBLock h2 { padding-bottom: 0; } .anythingSlider #newMission { background: transparent; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0 } .anythingSlider #newMission li { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; height: auto; } .missionBlock { position: relative; } .missionBlock .stop, .missionBlock .play { position: absolute; right: 0; top: 0; width: 16px; height: 19px; display: block; outline: 0 none; text-decoration: none; text-indent: -9999px; z-index: 100; } /*.missionBlock .stop { background:url(../images/pause.gif) no-repeat left top; } .missionBlock .play { background:url(../images/play.gif) no-repeat left top; } */ .missionBlock .anythingSlider .anythingWindow { width: 100%; height: 198px; overflow: hidden; } .noJS .missionBlock ul { overflow: hidden; height: 192px; } .missionBlock li { width: 100%; height: 98px; padding: 0; } .missionBlock li img { display: block; /* width: 60%; float: none; */ } .missionBlock li .block { /* width: auto; */ padding: 0px 0 0 8px; height: 80px; } .homeWMission { margin-top: 0; display: block; height: 93px; overflow: hidden; } .noJS .homeWMission { height: auto; } .missionBlock .anythingControls { position: absolute; right: 0; bottom: auto; top: -38px; } .missionBlock .anythingSlider { overflow: visible !important; } .missionBlock .anythingSlider .back { right: 56px; } .missionBlock .anythingSlider .forward { right: 26px; } .missionBlock div.anythingSlider .arrow { left: auto; top: 15px; bottom: auto } .newTabs { width: 312px; border: 1px solid #D6D6D6; border-radius: 4px; padding-bottom: 6px; } .newTabs ul.tabs li { width: 152px; background: none; border: none; } .newTabs ul.tabs li.last { width: 152px; border-left: 1px solid #D6D6D6; } .tab-content { width: 290px; padding: 10px; } .newTabs .tab-container { width: 312px; height: 208px; border: none; } .tab-container-inner { width: 3100px; border-top: 2px solid #9F1918; } .tab-content .briefsBlockH { padding: 5px 0 0 0 } .foreignRelationBlock { padding-bottom: 4px; } .countryNameBlock.briefsBlockH>span { display: block; font-size: 0.8em; } .missionBlock .anythingSlider, .anythingSlider .newMissionList li, .anythingSlider #newMission { width: 286px !important; } .anythingSlider .newMissionList li { height: 192px; } .missionBlock li .block { width: 162px; } .missionBlock div.anythingSlider .forward a, .missionBlock div.anythingSlider .back a { display: none; } .missionBlock .anythingSlider .start-stop { margin-right: 0px !important; } .secondTab ul.tabs li.active, .secondTab ul.tabs li.active a { background: transparent; color: #9F1918; border-color: #104E8D; } .secondTab ul.tabs li a { padding: 5px 0; color: #515151; } .imaBlockH p.atozMissionL { padding-top: 10px; } .imaBlockH img { width: 100%; height: auto; } .marquee { width: 652px; overflow: hidden; } .marqueeScrolling { margin: 0 0 15px; } .marqueeScrolling p { padding: 0 20px 0 0 !important; } .marqueeScrolling li { float: left; margin-right: 25px; } .marqueeScrolling .btnMPause { display: none; } .fullInner { padding: 0 20px 15px; width: 922px; } .fullOuter { display: block; height: auto !important; min-height: 450px; width: 922px; } .fastTrack { margin-bottom: 15px; } .issuuembed.issuu-isrendered span { display: none } .innerBanner { background: url(../images/inner-banner-blank.jpg) repeat-y right top #36618E; position: relative; background-size: cover; /*min-height: 125px; */ min-height:199px; /* ISB */ } .innerBanner img { float: right; margin-top: -30px; position: absolute; right: 20px; top: 50%; } .innerBanner span { color: #162F6A; /* font-size: 3.167em; */ font-size: 2.75em; position: absolute; top: 50%; transform: translateY(-50%); padding: 37px 0 37px 0px; /* padding: 37px 0 37px 100px; */ } .colorLink { color: #25578c; text-decoration: underline; } .colorLink:hover { text-decoration: none; } .inFocusLatestImg img { height: auto; width: 100%; } .langAr #innerContent #innerKmy h2 { text-align: left; } .documentariesList a.play { overflow: hidden; position: absolute; left: 0; margin-left: 113px; margin-top: 62px; width: 28px !important; height: 28px !important; /*background: url(../images/video-play1.png) left top no-repeat;*/ text-indent: -9999px; z-index: 1; } .langAr .documentariesList a.play { margin-right: 110px; } .documentariesList a.play img { display: none; } .vigilance .userForm input { display: block; width: /*320px*/ 100%; } .vigilance .relative { padding-bottom: 15px; } .vigilance .absoluteErr { left: 0; top: 27px; font-size: 12px; line-height: 18px; } .vigilance .userForm .captchaReImg { display: inline; width: auto; } .vigilance .submitButton { margin-bottom: 6px } .padT10 { padding-top: 10px; } .padT20 { padding-top: 10px; } h3 { font-size: 1.4em; padding-bottom: 0; } .lblPhotoGallCap { padding-top: 10px; display: block; clear: both; font-size: 1.2em; font-weight: bold; line-height: 1.3em; padding-bottom: 5px; } .albumWrapper.gallery.clearfix>li { border-bottom: 1px solid #dddddd; float: left; padding: 5px; width: 315px; padding-bottom: 10px; min-height: 120px; /* clear: left; */ display: block; } .albumWrapper.gallery.clearfix>li a { display: block; height: 100px; overflow: hidden } .albumWrapper.gallery .galleryImgContainer .galleryImgZoom a { height: auto; } .albumWrapper.gallery.clearfix>li .galleryCaption { width: 148px; } .photoFeatureA .albumWrapper.gallery.clearfix>li { margin-bottom: 20px; padding-bottom: 10px; } .photoFeatureA .albumWrapper.gallery.clearfix>li { width: 639px; border-bottom: 1px solid #dddddd; } .photoFeatureA .albumWrapper.gallery.clearfix>li .galleryCaption { width: 475px; } /* #ContentPlaceHolder1_UserPhotoGallery1_dlMedia_ImageTable_0 { border: 1px solid #dddddd !important; } */ #ContentPlaceHolder1_UserVisitVideo1_Td6 .albumWrapper.gallery.clearfix>li, #ContentPlaceHolder1_UserSwatchBharatMissionVideoGallery1_Td6 .albumWrapper.gallery li, #ContentPlaceHolder1_UserSwatchBharatRPOVideoGallery1_Td6 .albumWrapper.gallery li, #ContentPlaceHolder1_UserSwatchBharatDelhiVideoGallery1_Td6 .albumWrapper.gallery li { width: 304px; float: left; clear: none; margin: 0 5px 10px 5px; border: 1px solid #dddddd !important; padding-bottom: 5px !important; } .videoImg { float: left; margin: auto; padding: 0 1px 1px 0; position: relative; width: 300px; } .videoImg img { float: left; width: 160px; height: 108px; } .videoImg span { float: left; width: 125px; padding-left: 10px; } .tableApp { overflow-x: auto; overflow-y: hidden; } .extLinkIcon { margin-left: 5px; } .fielsRow { padding-bottom: 10px; } .fielsRow .fieldName { float: left; width: 180px; } .fielsRow .fieldValues { float: left; width: 500px; position: relative; } .fieldValues select { font-size: 1em; } .vigilanceWrapper .fielsRow { padding-bottom: 20px; } .vigilanceWrapper .fielsRow .fieldName { float: left; width: 290px; padding-right: 10px; text-align: left; } .vigilanceWrapper .fielsRow .fieldValues { /* float:left; width:332px;*/ width: 100%; position: relative; padding-left: 310px; margin-left: -290px; } .rptLetters { padding-top: 20px; } .lblRequired { padding-bottom: 5px; } .fieldValues select { background: url(../images/comment-input-bg.gif) repeat-x left top; border: 1px solid #999; height: 28px; padding: 0 5px; } .wfOfficersList {} .wfOfficersRow { border: 1px solid #ddd; padding: 10px 15px; margin-bottom: 15px; } .mobileVideoBlockRow {} .mobileVideoBlockRow .tabLeft { width: 100%; } .mobileVideoBlockRow .tabRight { width: 100%; padding: 0; } .mobileVideoBlockRow .ForMoreVideoLink a { display: inline-block; } .mobileVideoBlockRow .tabList { margin: 0; } .mobileVideoBlockRow .tabList li { width: 100%; } .mobileVideoBlockRow .tabList li:hover, .mobileVideoBlockRow .tabList li.active { background: #eef6f9; } #innerContent .mobileVideoBlockRow h2 { color: #25578c; font-size: 1.250em; letter-spacing: 0; padding: 0; } #innerContent .mobileVideoBlockRow h2 a { display: block; padding: 0 10px; } .mobileVideoBlockRow .fileSizeDet { display: none; } #innerContent .mobileVideoBlockRow li p { padding: 0; margin: 0; } .mobileVideoBlockRow .currentVideo { margin-bottom: 10px; } .mobileVideoBlockRow .ForMoreVideoLink { margin-bottom: 10px; text-align: right; } .mobileVideoBlockRow .projekktor { width: 100%; } .homeLastRowOut .homeBtmTitle, .documentariesList .homeBtmTitle { display: none; color: #9a0000; font-size: 16px; line-height: 24px; font-weight: normal; padding: 0 0 8px; text-transform: none; } #menuPartWrapper { display: none; } #menuPartWrapper { display: none; } .mp-pusher { position: relative; left: 0; height: 100%; } .mp-menu { position: absolute; /* we can't use fixed here :( */ top: 0; left: 0; z-index: 1; width: 300px; height: 100%; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mp-level { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0d2946; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } /* overlays for pusher and for level that gets covered */ .mp-pusher::after, .mp-level::after, .mp-level::before { position: absolute; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; } .mp-menu:after { height: 40px; top: 100%; background: #0d2946; content: ""; position: absolute; width: 100%; left: 0; z-index: 111; } .mp-pusher::after, .mp-level::after { background: rgba(0, 0, 0, 0.3); -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; } .mp-level::after { z-index: -1; } .mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after { width: 100%; height: 100%; opacity: 1; background: url(../images/subMenuBack.png) no-repeat 95.5% center rgba(255, 255, 255, 0.05); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 1111; left: 100%; } .mp-level.mp-level-overlay { cursor: pointer; } .mp-level.mp-level-overlay.mp-level::before { width: 100%; height: 100%; background: transparent; opacity: 1; } .mp-pusher, .mp-level { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* overlap */ .mp-overlap .mp-level.mp-level-open { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(-40px, 0, 0); -moz-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } /* First level */ .mp-menu>.mp-level, .mp-menu>.mp-level.mp-level-open, .mp-menu.mp-overlap>.mp-level, .mp-menu.mp-overlap>.mp-level.mp-level-open { box-shadow: none; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* cover */ .mp-cover .mp-level.mp-level-open { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mp-cover .mp-level.mp-level-open>ul>li>.mp-level:not(.mp-level-open) { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } /* content style */ .mp-menu ul { margin: 0; padding: 0; list-style: none; overflow: auto; } /*.mp-menu ul#nav{overflow:auto;} */ .mp-menu h2 { background: #162F6A; margin: 0; padding: 1em 0.8em; color: rgba(0, 0, 0, 0.4); text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); font-weight: 300; font-size: 1.8em; line-height: 1.2; color: #fff; font-weight: normal; } .mp-menu.mp-cover h2 { text-transform: uppercase; font-weight: normal; letter-spacing: 1px; font-size: 1em; } .mp-overlap .mp-level.mp-level-overlay>h2::before { opacity: 1; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .mp-menu ul>li { padding-right: 30px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); } .mp-menu ul li.icon-arrow-left { background: url(../images/subMenuArrow.png) no-repeat 12px 17px; } .mp-menu ul li>a { display: block; padding: 0.8em 1em 0.8em 1.8em; outline: none; color: #fff; font-weight: normal; text-decoration: none; text-shadow: 0 0 1px rgba(255, 255, 255, 0.1); font-size: 1.37em; -webkit-transition: background 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; } .mp-level>ul>li:first-child a { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2); } /*.mp-menu ul li a:hover, .mp-level > ul > li:first-child > a:hover { background: rgba(0, 0, 0, 0.2); box-shadow: inset 0 -1px rgba(0, 0, 0, 0); } */ .mp-menu .mp-level.mp-level-overlay>ul>li>a, .mp-level.mp-level-overlay>ul>li:first-child>a { box-shadow: inset 0 -1px rgba(0, 0, 0, 0); } /*.mp-level > ul > li:first-child > a:hover,*/ .mp-level>ul>li:first-child>a, .mp-level.mp-level-overlay>ul>li:first-child>a { box-shadow: inset 0 -1px rgba(0, 0, 0, 0), inset 0 1px rgba(0, 0, 0, 0); } /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */ .mp-back { background: #09213b url(../images/menuTitleArrow.png) no-repeat 94% center; outline: none; text-decoration: none; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; display: block; font-size: 1em; padding: 1em 1em 0.8em; position: relative; box-shadow: inset 0 1px rgba(0, 0, 0, 0.1); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; } .mp-menu ul li a.mp-back:hover { /*background: rgba(0, 0, 0, 0.1) url(../images/menuTitleArrow.png) no-repeat 94% center; */ color: #fff; text-decoration: none; } .mp-menu .mp-level.mp-level-overlay>.mp-back, .mp-menu .mp-level.mp-level-overlay>.mp-back::after { background: transparent; box-shadow: none; color: transparent; } /* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ /* We'll show the first level only */ .no-csstransforms3d .mp-pusher, .no-js .mp-pusher { padding-left: 0; } .no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level { display: none; } .no-csstransforms3d .mp-menu>.mp-level, .no-js .mp-menu>.mp-level { display: block; } .mobNav>li.MenuLiLast { display: none; } .mobNav .rightArrowImg { display: none; } .mobileImaSelect { display: none; position: absolute; left: 0; top: 35px; width: 100%; text-align: left; } .swipeIcon { display: none; background: url(../images/swipeIcon.png) no-repeat center center; width: 24px; height: 24px; text-indent: -999em; color: #fff; overflow: hidden; position: absolute; right: 12px; bottom: 5px; z-index: 999; } .ddlIndianMissionText { display: none; } #ContentPlaceHolder1_UserPublications1_ltrlDesc { padding-bottom: 25px; } .imgBannerUserVisit { margin-bottom: 10px; } .imgBannerUserVisit img { width: 100%; height: auto; } .albumWrapperRow .albumcolumnFirst { float: left; width: 48%; padding-right: 2%; } .albumWrapperRow .albumcolumnTwo { float: left; width: 48%; padding-left: 2%; } .albumWrapperRow .albumContainer { width: 96%; } .vwSearchCriteria .moduleSearch input[type="text"] { width: 570px; } .vwSearchCriteria .commonListing input[type="text"] { height: 18px; border: 1px solid #b6b6b6; } .resultFoundRow {} .resultFoundText { float: left; padding-right: 10px; } .resultFoundLink { float: right; } .downloadFormsTable td div { display: inline; } .statesListRow { margin-bottom: 15px; border: 1px solid #ddd; } .statesList { float: left; width: 50%; } .statesList li { float: left; width: 100%; border-top: 1px solid #ddd; padding: 5px 5px 5px 30px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .statesList li:first-child { border-top: none; } .statesList li div { position: absolute; left: 0; top: 0; padding: 5px; } ul.bulletText li.lodgeLi { background: none; } .missionSearch {} .missionSearch .heading { display: block; padding-bottom: 10px; } .missionSearch br { display: none; } img[border="0"] { margin-left: 3px; } img[src=""] { display: none; } .tableData img[border="0"] { margin-left: 3px; } .tableData.accTable td a { display: inline-block; vertical-align: middle; margin-right: 5px; } .pp_mobile_gallery .pp_content .pp_details { position: static; } .pp_read_more { color: #333; float: right; font-weight: bold; margin-right: 40px; text-decoration: underline; } .pp_read_more:hover { text-decoration: none; } .pp_description_outer { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 20px 20px; z-index: 9999; background: rgba(255, 255, 255, 0.90); } .pp_description_inner { height: 100%; left: 0; overflow: auto; padding: 0 30px; position: absolute; right: 0; top: 0; } .desc_close { position: absolute; right: 10px; top: 0; width: 20px; height: 20px; z-index: 999; background: url(../images/cancel.png) no-repeat center center; text-indent: -999em; } .pp_description_outer .pp_description { padding: 0; } .pp_mobile_gallery .pp_content .pp_close { top: inherit; bottom: 0; right: 20px; } /*Mobile App Ad code*/ .mobileAdBlock { display: none; position: relative; left: 0; top: 0; width: 100%; z-index: 9; } .mobileAdBox { background: #2A5889 url(../images/addAppBg.jpg) no-repeat center bottom; width: 960px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .mobileAdBoxRow { position: relative; padding: 32px 0 40px; } .mobileAdImg { width: 80px; position: absolute; left: 0; top: 25px; z-index: 1; } .mobileAdImg img { width: 100%; height: auto; } .mobileAdText { padding-left: 105px; min-height: 120px; line-height: 1.2; } .adHeading { display: block; font-size: 28px; line-height: 32px; padding-bottom: 5px; color: #fff; font-family: Helvetica, Arial, sans-serif; font-weight: normal; } .mobileAdText p { padding-bottom: 15px; color: #fff; font-size: 13px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; } .mobileAdText .adAppHide {} .availableApp { display: none; } .downloadtext { padding-bottom: 5px; } .dwnloadappbtn { background: #104e8d; color: #fff; display: inline-block; font-size: 14px; padding: 5px 15px; vertical-align: middle; margin-right: 5px; } .dwnloadappbtn:hover { text-decoration: none; color: #fff; } .mobileAdDownLink {} .appIconRow { display: inline-block; vertical-align: middle; } .availableApp { float: left; width: 118px; font-size: 11px; line-height: 13px; color: #fff; } .availableApp span { font-size: 15px; line-height: 16px; display: block; } .iosIcon, .androidIcon { width: 165px; float: left; height: 44px; padding: 5px 0 5px 46px; border: 1px solid #fff; position: relative; color: #fff; font-size: 11px; line-height: 14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .iosIcon { margin-right: 5px; } .iosIconText { display: block; font-size: 16px; line-height: 18px; } .iosIcon:after, .androidIcon:after { content: ''; position: absolute; left: 0; top: 0; width: 40px; height: 42px; border-right: 1px solid #fff; } .iosIcon:after { background: url(../images/appleIcon.png) no-repeat left top; } .androidIcon:after { background: url(../images/androidIcon.png) no-repeat left top; } .iosIcon:hover, .androidIcon:hover { text-decoration: none; color: #fff; background: #D8632D; } .mobileAdText .appReadMoreLink { color: #fff; text-decoration: underline; margin-left: 5px; } .mobileAdText .appReadMoreLink:hover { color: #fff; text-decoration: none; } .mobileAdclose { position: absolute; right: -15px; bottom: 0px; background: url(../images/mobileAdclose.png) no-repeat left top; display: inline-block; width: 45px; height: 45px; text-indent: -999em; z-index: 99; color: #fff; } .mobileAdclose:hover { background: url(../images/mobileAdclose-hover.png) no-repeat left top; } /*Inner Page Left Menu*/ .leftMenuBarBlock .leftMenu { display: none; position: relative; margin-bottom: 15px; } .leftMenuBarBlock .menuTitle { display: block; position: relative; border: 1px solid #ccc; background: #fff; color: #333; font-weight: normal; font-size: 14px; padding: 6px 40px 6px 10px; line-height: 20px; cursor: pointer; } .leftMenuBarBlock .menuTitle em { position: absolute; right: 10px; top: 50%; width: 18px; height: 2px; margin-top: -1px; background: #bbb; } .leftMenuBarBlock .menuTitle em:after { content: ''; position: absolute; left: 0; top: -5px; width: 18px; height: 2px; background: #bbb; } .leftMenuBarBlock .menuTitle em:before { content: ''; position: absolute; left: 0; bottom: -5px; width: 18px; height: 2px; background: #bbb; } .leftMenuBarBlock .menuTitle.active { background: #345B84; color: #fff; border: 1px solid #345B84; } .leftMenuBarBlock .menuTitle.active em, .leftMenuBarBlock .menuTitle.active em:after, .leftMenuBarBlock .menuTitle.active em:before { background: #fff; } .leftMenuBarBlock #menuLeft { display: none; width: 100%; margin: -1px 0 0; float: none; background: none; padding: 5px 10px; border: 1px solid #ccc; max-height: 280px; overflow: auto; } .leftMenuBarBlock #menuLeft>li { float: left; width: 50%; padding-right: 10px; } .leftMenuBarBlock #menuLeft>li>a, .leftMenuBarBlock #menuLeft>li>.subMenuLink { display: block; cursor: pointer; } .leftMenuBarBlock #menuLeft .leftSubUl { display: none; } .leftMenuBarBlock #menuLeft.menuinfocusListing>li { width: 100%; } .leftMenuBarBlock .leftMenu br { display: none; } .quickPhotoRow {} .quickPhotoLinkTd { float: left; width: 50%; } .webmasterPostPhoto { float: right; width: 323px; } .quickPhotoRow .postAllTd { float: left; width: 50%; padding: 0; } .webmasterPostPhoto .quickLinkListA { padding: 8px 10px; } .portableDevice .toprightLinks, .portableDevice .topLinks .lastLi, .portableDevice .socialIconBox { display: none; } .portableDevice .topleftLinks { float: right; } .portableDevice #footer .socialIconBox { display: block; position: relative; width: auto; height: auto; top: 0; text-align: center; background: none; margin: 10px 0 5px; } .portableDevice #footer .socialIconBox a.meaApp { display: none; } .portableDevice #footer .socialIconBox a, .portableDevice #footer .shareThisO { margin: 0 2px 5px; float: none; display: inline-block; vertical-align: middle; } .portableDevice #footer .shareThisO a { margin: 0; } .leftMenuWhatsNew { margin-bottom: 10px; } #innerContent .leftMenu.leftMenuWhatsNew { display: block; } #innerContent .leftMenuWhatsNew .menuTitle { display: none; } #innerContent .leftMenuWhatsNew #menuLeft.headingListing { display: block; } .menuNewsTitle { display: none; position: relative; border: 1px solid #ccc; background: #fff; color: #333; font-weight: normal; font-size: 14px; padding: 6px 40px 6px 10px; line-height: 20px; cursor: pointer; } .menuNewsTitle em { position: absolute; right: 10px; top: 50%; width: 18px; height: 2px; margin-top: -1px; background: #bbb; } .menuNewsTitle em:after { content: ''; position: absolute; left: 0; top: -5px; width: 18px; height: 2px; background: #bbb; } .menuNewsTitle em:before { content: ''; position: absolute; left: 0; bottom: -5px; width: 18px; height: 2px; background: #bbb; } .menuNewsTitle.active { background: #345B84; color: #fff; border: 1px solid #345B84; } .menuNewsTitle.active em, .menuNewsTitle.active em:after, .menuNewsTitle.active em:before { background: #fff; } .leftMenuWhatsNew .headingListing { display: block; width: auto; margin: -1px 0 0; float: none; background: none; } .leftMenuWhatsNew .headingListing>li { float: left; width: 33.33%; padding-right: 10px; } .leftMenuWhatsNew .headingListing>li p { margin-bottom: 0; } .leftMenuWhatsNew .headingListing>li>a { display: block; cursor: pointer; } #innerContent .twitterFeedPanelPage iframe { width: 100% !important; padding-bottom: 0 !important } .socialIconBox .soundcloud { background-position: -2px -328px } .desktop .footerLogo li, .desktop .footerLogo .owl-stage>li li { padding: 8px 6px; width: auto } .applyKmy { border: 1px solid #e8e8e8; float: right; margin-left: 15px; padding: 15px; width: 45%; } .clearNone { clear: none !important; } .applyKmy.lastDate { width: 175px; } .applyKmy.lastDate a, .applyKmy.lastDate .lastDate { font-size: 16px; color: #de6e00 !important; } .applyKmy.lastDate p { text-align: center !important } .hindiDoc .tabFeed, .hindiDoc #twitterFeedTab, .arabicDoc .tabFeed, .arabicDoc #twitterFeedTab, .spanishDoc #twitterFeedTab, .spanishDoc .tabFeed, .frenchDoc .tabFeed, .frenchDoc #twitterFeedTab { display: none !important; } #innerContent .langRow a { padding: 0 13px; color: #fff; font-weight: bold; background: #123b66; margin-right: 2px; display: inline-block; } #innerContent .langRow a:hover { text-decoration: none; background: #ccdce3; color: #123b66; } .userVisitContents { position: relative; padding-top: 60px; } .langRow { float: right; position: absolute; right: -2px; top: 10px; } /*.footerLogo li:nth-child(3){ display:none} */ .addthis_button_whatsapp { background-position: -2px 35px; } /*****French Version CSS starts here****/ .frenchDoc #nav .MenuLi .menuFirstNode { padding: 0 0.35em; } .frenchDoc .sliderReadmore .button { /* background:url("../images/read-more-bt-fr.gif") no-repeat left top #ffffff; width:140px; */ } .frenchDoc .tabInfocus a { width: 95px; } .frenchDoc .tabVideoBref a { width: 173px; } .frenchDoc .tabPhoto a { width: 159px; } .frenchDoc .tabPressRelease a { width: 198px; } .frenchDoc #scroller-header li.tabPressRelease { float: right; margin-right: 0; } .frenchDoc .secondTab ul.tabs li.active, .frenchDoc .secondTab ul.tabs li.active a { color: #fff; background: #104e8d; } .frenchDoc .secondTab ul.tabs li a { color: #333 } .frenchDoc .secondTab ul.tabs li { padding: 0 18px !important } .frenchDoc .secondTab ul.tabs li.missionTb2 { width: 240px; } .frenchDoc .secondTab ul.tabs li.missionTb3 { width: 185px; } .frenchDoc .secondTab ul.tabs li.missionTb4 { width: 95px; } .frenchDoc .imaBlockH { background: url(../images/ima-imghome.jpg) no-repeat 310px 0 rgba(0, 0, 0, 0); } .frenchDoc .countryNameBlock select { width: 228px; } .frenchDoc .briefsBlockH { background: url(../images/spanish/boim-imghome.jpg) no-repeat 47px -4px rgba(0, 0, 0, 0); } .frenchDoc .goButton { /*background:url("../images/go-bt-fr.gif") no-repeat left top rgba(0, 0, 0, 0); width:55px !important*/ } /*Swatchh Bharat Mission*/ .frenchDoc .moduleSearch .reqLibox { clear: both; display: block; width: 100%; float: none; padding-top: 10px; } .frenchDoc .moduleSearch .reqLibox .requierd3Charct { max-width: 50%; } .swachchtaPledge { margin-bottom: 10px } .sbmBanner { margin-bottom: 20px; } .swachchtaPledge>div, .officeDelhi .ticker, .mediaBlock { float: left } #innerContent .pledgeList h2 { font-size: 18px; color: #104e8d; border-bottom: 1px solid #104e8d; } .pledgeList { max-width: 695px; padding-right: 192px; } .pledgeList ul { padding: 6px; } .pledgeList ul.bulletText li { background: url(../images/sbm-bullet.gif) no-repeat left 11px; } .actionPlan { border: 1px solid #eaeaea; max-width: 195px; margin-top: 30px; margin-left: -152px; } .actionPlan a { display: block; } .actionPlan .apTitle { margin-top: 1px; line-height: 22px; padding: 10px 0; background: #ef9b08; color: #fff !important; font-size: 14px; text-align: center; display: block; } .actionPlan a:hover { box-shadow: 1px 1px #104e8d, 2px 2px #104e8d, 3px 3px #104e8d, 4px 4px #104e8d; transform: translateX(-3px); transition: 500ms; text-decoration: none !important; } .actionPlan a:hover .apTitle { background: #104e8d; text-decoration: none !important; transition: 500ms; } .actionPlan .apTitle strong { font-size: 20px; display: block; font-weight: normal } .sbmTabs .secondTab { width: 100%; } .sbmTabs .secondTab ul.tabs li, .sbmTabs .secondTab ul.tabs li.last { width: auto; } #innerContent .sbmTabs .secondTab ul.tabs li a { padding: 8px 48px; font-size: 15px; font-weight: normal; color: #333 } #innerContent .sbmTabs .secondTab ul.tabs li a:hover { text-decoration: none; } #innerContent .sbmTabs .secondTab ul.tabs li.active, #innerContent .sbmTabs .secondTab ul.tabs li.active a { background: #104e8d; color: #fff; } .sbmTabs .tab_container { width: 100%; height: auto; } .sbmTabs .countryNameBlock { height: auto; width: auto; } .officeDelhi .playPause { background: url(../images/play-pause.png) no-repeat 54px 10px; border: 1px solid #ccdce3; padding: 4px 20px 4px 10px; color: #f16122; } .officeDelhi .stop, .officeDelhi .play { display: block; position: absolute; right: 195px; text-decoration: none; bottom: 4px; z-index: 100; } .officeDelhi .play { background-position: 42px -10px !important; } .officeDelhi .ticker { max-width: 650px; width: 100%; padding-right: 195px; padding-bottom: 45px; position: relative } .officeDelhi .tickerDivBlock { height: 325px !important; overflow: auto } .officeDelhi .activityTicker { width: 100%; } .officeList { padding: 15px 0; border-bottom: 1px dotted #cccccc; } .officeList a:first-child { display: block; color: #515151 !important; margin-bottom: 15px; } .officeList a:last-child { color: #104e8d !important; text-decoration: underline !important; } .sbmTabs .tab_content { width: 932px; font-size: inherit; } .mediaBlock { margin-left: -162px; } .homeSlider.mediaBlock { background: none; border: 1px solid #ccdce3; padding: 0 } .mediaBlock .scrollIt a { display: block; width: 217px; height: 143px; position: relative; } .mediaBlock a.viewAll:hover { padding: 15px 10px; transition: 500ms } .allVideos .scrollIt a:after { content: ''; background: url(../images/play-video.png) no-repeat center 10px; width: 93px; height: 93px; position: absolute; left: 30%; top: 0 } .viewAll { color: #ffffff !important; position: absolute; width: 197px; z-index: 2; padding: 8px 10px; bottom: 0; left: 0 } .mediaBlock .owl-nav div { width: 27px; height: 25px; text-indent: -9999px; position: absolute; top: 5px; } .mediaBlock .owl-prev { left: 0; } .mediaBlock .owl-next { right: 0; background-position: 0 0 !important; } .mediaBlock .owl-prev:hover { background-position: -2px -35px; width: 25px; } .mediaBlock .owl-next:hover { background-position: 2px 0 !important; width: 25px; } .allPhotos, .allVideos { width: 217px !important; position: relative; overflow: hidden; } .allPhotos { margin-bottom: 20px; } .sbmTabs .tab_content>h3 { padding: 8px 15px; color: #333; background: #e6e6e6; display: none; font-size: 15px; border-bottom: 1px solid #fff; cursor: pointer; } .sbmTabs .tab_content>h3.active { color: #fff; background: #104e8d; border: none; } .sbmTabs .tab_content>h3:last-child { border: none; } .sbmTabs .missionTabContO { width: 2796px; } .noJS .scrollIt { height: 143px; } .desktop .officeDelhi { display: block !important; } /*Home page Tab height Equal*/ .desktop #panel .displayPanel { min-height: 341px; } .desktop .infocusPanel .inFocusLatest li { padding: 12px 0 } .desktop .homePhotoAlbum .albumContainer { min-height: inherit; } .desktop .pressListing img { padding-bottom: 15px; padding-top: 5px; } .desktop .pressListing .tabMoreLinks { padding-top: 12px; } .desktop .twitterFeedPanelTwo iframe { height: 325px; } .desktop .listLinkHome li { padding: 3px 0 } /*Close Home page Tab height Equal*/ /***Yoga Day****/ .yogaWebsite img, .yogaWebsite span, .yogaWebsite16 img, .yogaWebsite16 span { display: none } .yogaWebsite { background: url(../images/idy-banner17.jpg) no-repeat center 0; min-height: 125px; background-size: cover; } .yogaDay .countryNameBlock input { background: #fc8b03; border: 0 none; color: #ffffff; cursor: pointer; padding: 6px 5px; } .idyMap { float: left } .yogaDay .foreignRelationBlock { float: right; width: 365px; padding-top: 90px; } #innerContent .foreignRelationBlock .alignCenter { text-align: center; } /*Yoga Slider*/ #innerContent .yogaDay .homeSlider { margin-bottom: 20px; position: relative; } #innerContent .yogaDay .homeSlider .sliderText { width: 322px; background: none; } #innerContent .yogaDay .homeSlider .sliderBottomLinks { width: 35% } #innerContent .yogaDay .sliderImg { height: 256px; } #innerContent .yogaDay .sliderImg img { width: 100%; height: auto; } #innerContent .yogaDay .sliderBottomLinks a, #innerContent .sliderBottomLinks span { color: #fff; } #innerContent .dataSlider .date { padding-top: 10px; padding-bottom: 0 } #innerContent .dataSlider .title, #innerContent .dataSlider .content, #innerContent .sliderReadmore { padding: 0 } /*.yogaDay .homeSlider { padding:0; background:none; margin-bottom:30px; } .yogaLogo, .yogaDate, .yogaControls { position:absolute; z-index:2; } .yogaLogo { top:24px; left:126px; } .yogaDate { padding:5px 85px; background:rgba(255, 255, 255, 0.55); bottom:18px; left:0; } #innerContent .yogaDate h2 { font-size:23px; line-height:32px; text-align:center; padding:0 } #innerContent .yogaDay h2 { font-size:23px; } .yogaDate span { display:block; color:#f46801; } .yogaControls { top:45%; right:0; background:rgba(55, 98, 143, 0.58); width:65px; min-height:35px; border-radius:20px 0 0 20px; } .yogaDay .customNextBtn, .yogaDay .customPrevBtn, .yogaDay .owlPlay, .yogaDay .owlStop { bottom:7px; right:7px } .noJS .yogaDay .owl-carousel { height:300px; } .noJS .yogaControls { display:none; } .yogaDay .customPrevBtn { right: 38px; } .yogaDay .owlStop, .yogaDay .owlPlay { right: 22px; } */ /*Yoga Content part*/ .mrgB20 { margin-bottom: 30px; } #innerContent .padR15 { padding-right: 15px; } .yogaProtocol { width: 68.5%; float: left; } .yogaNews { width: 28.1%; float: right; border: 1px solid #ccdce3; position: relative } .yogaNews h3 { font-size: 15px; color: #515151; background: #ececec; font-weight: bold; padding: 12px 20px; } .yogaNews .ticker { padding: 5px 20px 10px } .yogaNews ul div { padding: 10px 0; border-bottom: 1px dotted #cccccc } .yogaNews .newsDate { display: inline-block; color: #719a18; } #innerContent .yogaNews ul a { color: #333 } .yogaNews .playPause { background: url(../images/yoga-play-pause.png) no-repeat 0 0; width: 24px; height: 24px; position: absolute; z-index: 1; text-indent: -9999px; overflow: hidden; top: 9px; right: 10px; transition: 300ms; } .yogaNews .playPause.play { background-position: -30px 0 } #innerContent .alignRight { text-align: right !important; padding: 0 } .yogaNews .tickerDivBlock, .noJS .yogaNews .tickerDivBlock { height: 210px !important; margin-bottom: 5px; overflow: hidden; } #innerContent a.allNews { text-decoration: underline; } .padTB10 { padding: 10px 0 15px } /*Yoga Tabs*/ .yogaProtocol .imgRight { margin-bottom: 0; } #innerContent .idyBooklets .dButton { background: #dc422b; border-radius: 5px; color: #ffffff; font-weight: bold; padding: 5px 8px 5px 15px; transition: all 300ms linear 0s; } #innerContent .idyBooklets .dButton:hover { background: #333333; transition: all 300ms linear 0s; } #innerContent .idyBooklets .dButton a { color: #ffffff; } #innerContent .idyBooklets .dButton a:hover { text-decoration: none; } #docVid_media_image { height: 100% !important; top: 0 !important; } .yogaDay .sbmTabs .tab_content { min-height: 375px; } .noJS .yogaDay .sbmTabs .tab_container { height: 375px; overflow: hidden; } .yogaDay .twitterFeedPanelTwo { padding: 0 } #innerContent .yogaDay iframe { padding: 0 !important; /*height:294px !important;*/ width: 100% !important; } #innerContent .yogaDay .sbmTabs .secondTab ul.tabs li a { padding: 8px 12px; font-size: 1.05em } .yogaDay .secondTab { margin-bottom: 0; } .yogaDay .projekktor { width: 48%; height: 294px; border: 5px solid #dcdcdc; float: left } #innerContent iframe { padding: 0 } .videoDetails { float: right; width: 48.4%; } .yogaDay .videoPlayBtn { background: url(../images/play-icon.png) no-repeat 0 0; width: 129px; height: 129px; text-indent: -9999px; overflow: hidden; position: absolute; left: 150px; top: 83px; } .yogaDay .ppstart { background: url(../images/play-icon.png) no-repeat center center; width: 129px; height: 129px; margin-bottom: -60px; margin-left: -70px; } #innerContent .missionBlock li .block { clear: none; padding: 0 0 0 8px; width: auto; max-width: 268px; } .yogaDay .homeWMission { height: 120px; margin: 0; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #e9e9e9 } .yogaDay .missionBlock li img { width: 154px; border: 1px solid #e9e9e9; padding: 2px; height: 110px; } .yogaDay .missionBlock li { width: 50%; float: left; height: auto } .yogaDay .missionBlock li:nth-last-child(-n+2) .homeWMission { border: none; padding-bottom: 0; margin-bottom: 0 } .yogaDay .missionBlock { padding-bottom: 10px; } .yogaImgNewsDesc { float: left; width: 270px; } .yogaDay .twitterFeed { width: 100%; } /*Yoga Photo Video Gallery*/ .yogaPV { margin-bottom: 25px; } .yogaPV .scrollIt a { display: block; height: 110px; position: relative; width: 197px; } .yogaPV .scrollIt .owl-stage-outer { border: 5px solid #dcdcdc } .yogaPV .scrollIt .owl-stage-outer:hover { border-color: #104e8d; transition: 300ms linear } .yogaPV .scrollIt a img { height: 100%; } .yogaPV h3 { padding: 7px 0 22px 68px; background: url(../images/yoga-sprite.png) no-repeat 0 0; } .yogaPhoto { width: 600px; float: left } .yogaPhoto li { width: 131px; height: 110px; float: left; border: 5px solid #dcdcdc; margin-right: 12px; position: relative; } .yogaPhoto li:hover { border-color: #104e8d; transition: 300ms linear } .itemGallery a:after { display: none; background: url(../images/zoom-tool.gif) no-repeat 0 0; width: 28px; height: 28px; content: ''; position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -14px; } .itemGallery a:hover:after { display: block; } .yogaPhoto li a:hover:after { background: url(../images/zoom-tool.gif) no-repeat 0 0; width: 28px; height: 28px; content: ''; position: absolute; top: 36%; left: 44%; } .yogaPhoto li:last-child { margin-right: 0; } .yogaPhoto li, .yogaPhotoGallery .item img { height: 100%; width: 100%; } .yogaPhotoRow { overflow: hidden; } .yogaPhotoGallery.owl-carousel { margin: 0 -6px 10px; width: auto; } .yogaPhotoGallery .item { float: left; width: 25%; padding: 0 6px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .yogaPhotoGallery .owl-item .item { float: left; width: 100%; } .yogaPhotoGallery .item:first-child {} .itemGallery { height: 110px; border: 5px solid #dcdcdc; position: relative; } .itemGallery:hover { border-color: #104e8d; transition: 300ms linear } #innerContent .yogaDay .block a { display: block; padding-bottom: 4px; text-align: left } /*Yoga Inner Gallery*/ .yogaPG .galleryImg, .yogaPG .albumImage { height: 109px; width: 125px; } .yogaPG .galleryImg img { height: 100px !important; width: 125px; } .yogaPG .galleryImgWrapper { width: 125px; } .yogaVG .galleryImg>img { height: 135px !important; width: 197px; } .yogaVG .albumImage>input { height: 110px !important; } .yogaVG .galleryImg { height: 110px; width: 197px; } .yogaVG .galleryImgWrapper { height: 135px; width: 197px; } .yogaVG .albumWrapper>li .galleryCaption { margin-left: -200px; padding-left: 210px; } /*Yoga Popup*/ .yogaContent { height: 205px; overflow: auto; } .yogaVideo { width: 291px; float: Right } .yogaVideo h3 { background-position: 0 -120px; } .yogaVideo .scrollIt { width: 249px; padding-left: 42px; box-sizing: border-box; } .yogaPV .scrollIt a:after, .yogaVG .albumImage a:after { content: ''; background: url(../images/play-video.png) no-repeat center 10px; width: 93px; height: 93px; position: absolute; left: 27%; top: 0 } .yogaVG .albumImage a:after { left: 19%; top: -8px } .yogaVG .albumImage a { position: relative; display: block; height: 100%; } .yogaVG .albumImage a img { width: 100%; height: 100%; } .yogaVG .albumContainer { min-height: inherit } .yogaVideo .owl-prev, .yogaVideo .owl-next { background: #dddddd url(../images/yoga-video-control.png) no-repeat 9px center; } .yogaVideo .owl-prev:hover, .yogaVideo .owl-next:hover { background-color: #104e8d; transition: 300ms linear } .yogaVideo .owl-prev { border-radius: 10px 0 0 10px; height: 120px; left: 0; position: absolute; top: 0; width: 32px; text-indent: -9999px; overflow: hidden; } .yogaVideo .owl-next { border-radius: 0 10px 10px 0; height: 120px; right: -42px; position: absolute; top: 0; width: 32px; text-indent: -9999px; overflow: hidden; background-position: -26px center } .yogaPhoto ul, .yogaVideo .scrollIt { margin-bottom: 10px; } .yogaPopup { background: #042F56; padding: 20px; color: #fff; } .yogaPopup h3 { font-size: 32px; text-align: center } .yogaPopup h4 { font-size: 26px; color: #ff9800; margin-bottom: 15px; text-align: center } .postureImg { text-align: center; } .postureImg img { border: 1px solid #ccc; padding: 5px; } .postureImg a img { border: none; padding: 0 } .yogaPopup h5 { font-size: 20px; color: #fff; margin-bottom: 10px; } .yogaPopup p { margin-bottom: 15px; } .yogaPopup .button { background: #ff5400; border-radius: 5px; color: #fff; display: block; font-size: 16px; padding: 12px 10px; width: 240px; margin: 10px auto; text-align: center; box-shadow: 4px 3px 5px -4px #000000; transition: 300ms linear } .yogaPopup .button:hover { background: #ff9800; color: #fff; text-decoration: none; } .yogaPostures>li { background: #ffffff; float: left; text-align: center; width: 25%; margin: 3px 0 } .yogaPostures>li a { background: #ffffff; box-shadow: 0 0 5px 0 #e2e2e2; display: inline-block; margin: 8px; padding: 10px 0; text-align: center; transition: all 300ms linear 0s; } .yogaPostures>li a:hover { color: #000000; text-decoration: underline; transform: scale(1.1); } .yogaPostures>li img { display: block; margin-bottom: 10px; } .yogaTabTitle { display: none; background: #104e8d; color: #fff; padding: 10px 15px; margin-bottom: 10px; font-size: 18px; } .yogaPostList.owl-carousel .owl-stage-outer { min-height: 360px; } .yogaPostList.owl-carousel .owl-item { width: 648px; min-height: 360px; } .yogaPostList.owl-carousel li { width: 648px; min-height: 360px; box-sizing: border-box; } .yogaCountryPopup .owlSingleSlide .owl-controls { display: none; } .yogaPostList li { border-top: 1px solid #ccc; margin-top: 25px; padding-top: 25px; } .yogaPostList li:first-child { border-top: none; margin-top: 15px; padding-top: 0; } .yogaPostListBlock h2 { padding-bottom: 20px; } .yogaPostListBlock h2 img { float: left; margin-right: 5px; margin-top: 4px; vertical-align: top; } .yogaPostList h3 { margin-bottom: 20px; color: #d24906; } .yogaPostList h4 { font-size: 1.3em; margin-bottom: 5px; font-weight: bold; } #innerContent .yogaPostList p { padding-bottom: 20px; font-style: italic; } .yagaPostTime { padding-bottom: 5px; } .yagaPostAccess { padding-bottom: 5px; } .yagaPostContact { padding-bottom: 5px; } .YogaTableData .tableData { margin-bottom: 0; } .YogaTableData .tableData th { border-top: 1px solid #ddd; width: 150px; } .yagaPostLink .contactLinkBtn { padding-top: 20px; } .yogaCountryPopup .yogaClose { color: #fff !important; font-size: 16px; position: absolute; right: 15px; top: 15px; z-index: 999; text-decoration: none; cursor: pointer; display: block !important } .yogaCountryPopup .yogaClose:hover { text-decoration: none !important; } .yogaCountrySheald { left: 0; top: 0; right: 0; bottom: 0; position: fixed; z-index: 8888; background-color: rgba(0, 0, 0, 0.8); visibility: hidden; } .noJS .yogaCountryPopup { display: none; } .yogaCountryPopup { width: 648px; min-height: 450px; position: fixed; left: 50%; top: 50%; z-index: 9999; margin-left: -324px; margin-top: -225px; background-color: #fff; } #innerContent .yogaPostListBlock h2 { background-color: #036; color: #fff; padding: 7px 20px; margin: 0; } .yogapopup #container { position: relative; z-index: 9999; } .yogaCountryPopup .imaBannerImg { border: 0 none; } .yogaPostList li { padding: 20px; } .yogaPostListBlock { position: relative; height: 100%; } .yogaPostListBlock .owl-theme .owl-dot { color: #fff; font-size: 14px; margin: 3px 5px 0 0; width: 12px; height: 12px; box-sizing: border-box; padding: 4px; background: #aaa; display: inline-block; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .yogaPostListBlock .owl-theme .owl-dot:hover, .yogaPostListBlock .owl-theme .owl-dot.active { background: #666; color: #fff; text-decoration: none; } .yogaPostListBlock .owl-theme .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #888; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .yogaPostListBlock .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none; } .yogaCountryPopup .owl-carousel { position: static; } .yogaCountryPopup .owl-controls { position: relative; text-align: center; height: 38px; background-color: #efefef; left: 0; bottom: 0; width: 100%; } .yogaCountryPopup .owl-nav { width: 30%; text-align: right; overflow: hidden; z-index: 1; float: right; } .yogaCountryPopup .owl-dots { width: 60%; text-align: left; position: relative; z-index: 3; float: left; padding: 10px 0 0 20px; } .yogaCountryPopup .owl-nav .owl-prev { background-color: #999; margin-left: 20px; } .yogaCountryPopup .owl-nav .owl-next { background-color: #999; margin-right: 20px; } .yogaCountrySheald, .yogaCountryPopup { opacity: 0; margin-left: -100%; } .yogapopup .yogaCountrySheald { opacity: 1; margin-left: 0; visibility: visible; } .yogaCountryPopup.show { opacity: 1; margin-left: -324px; } /********* LiteBox v1.3 **********/ .litebox-overlay { display: none; width: 100%; min-width: 280px; position: fixed; top: 0; left: 0; z-index: 9999; } .litebox-overlay .litebox-loader { position: absolute; width: 40px; height: 40px; left: 20px; top: 20px; border: 3px solid #111; border-right-color: #fff; border-radius: 50%; } .litebox-overlay .litebox-close { width: 40px; height: 40px; background: url(../images/litebox-close.png) no-repeat center; position: absolute; top: 20px; right: 20px; } .litebox-overlay .litebox-nav { display: none; width: 60px; height: 60px; margin-top: -30px; position: absolute; top: 50%; } .litebox-overlay .litebox-prev { background: url(../images/litebox-prev.png) no-repeat center; left: 20px; } .litebox-overlay .litebox-next { background: url(../images/litebox-next.png) no-repeat center; right: 20px; } .litebox-overlay .litebox-container { width: 600px; height: 660px; position: absolute; left: 50%; margin-left: -300px; overflow: hidden; top: 50%; margin-top: -330px; } .litebox-overlay .litebox-container.litebox-scroll { overflow-y: auto; } .litebox-overlay img, .litebox-overlay iframe { display: inline-block; max-width: 100%; max-height: 100%; margin: 0 auto; vertical-align: middle; overflow-x: hidden; } .litebox-overlay iframe { width: 100%; height: 100%; position: relative; z-index: 999999; } .litebox-overlay .litebox-inline-html { background: #FFF; line-height: normal; overflow-x: hidden; line-height: normal !important; position: absolute; } .litebox-overlay .litebox-error { width: 100%; height: 100%; color: #FFF; line-height: inherit; } .litebox-overlay .litebox-error span { background: rgba(0, 0, 0, .9); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px; color: #FFF; text-shadow: 1px 1px 0 #000; line-height: normal; } #innerContent .rptLetters .countryAlphabet:hover { text-decoration: none; } /*****IDY Map*******/ .worldmapOuter { position: relative; } #markers a { width: 7px; height: 7px; display: block; position: absolute; z-index: 2; -webkit-border-radius: 50%; border-radius: 50%; background: #ff5400; border: 1px solid #fff } #aAE { left: 593px; top: 355px; } #aAF { left: 618px; top: 328px; } #aAL { left: 509px; top: 300px; } #aAO { left: 503px; top: 444px; } #aAT { left: 498px; top: 284px; } #aBE { left: 473px; top: 273px; } #aBG { left: 522px; top: 273px; } #aBH { left: 585px; top: 346px; } #aBO { left: 305px; top: 456px; } #aBR { left: 340px; top: 445px; } #aBZ { left: 250px; top: 372px; } #aCA { left: 200px; top: 230px; } #aCD { left: 520px; top: 420px; } #aCF { left: 510px; top: 398px; } #aCG { left: 500px; top: 415px; } #aCL { left: 291px; top: 480px; } #aCN { left: 705px; top: 325px; } #aCO { left: 285px; top: 405px; } #aCR { left: 259px; top: 395px; } #aME { left: 510px; top: 302px; } #aCU { left: 278px; top: 364px; } #aDE { left: 486px; top: 270px; } #aDK { left: 486px; top: 248px; } #aDO { left: 295px; top: 368px; } #aDZ { left: 465px; top: 345px; } #aEC { left: 269px; top: 420px; } #aEE { left: 525px; top: 235px; } #aET { left: 555px; top: 392px; } #aFI { left: 525px; top: 215px; } #aFR { left: 468px; top: 285px; } #aGA { left: 490px; top: 417px; } #aGB { left: 458px; top: 258px; } #aGE { left: 565px; top: 302px; } #aGH { left: 460px; top: 390px; } #aGM { left: 425px; top: 383px; } #aGR { left: 515px; top: 312px; } #aGT { left: 242px; top: 380px; } #aGW { left: 426px; top: 385px; } #aHK { left: 739px; top: 360px; } #aHN { left: 255px; top: 378px; } #aHR { left: 500px; top: 292px; } #aHT { left: 285px; top: 365px; } #aIE { left: 440px; top: 262px; } #aIQ { left: 565px; top: 330px; } #aIT { left: 500px; top: 308px; } #aJO { left: 552px; top: 338px; } #aJP { left: 795px; top: 322px; } #aKM { left: 570px; top: 446px; } #aKZ { left: 620px; top: 282px; } #aLB { left: 546px; top: 328px; } #aLK { left: 660px; top: 395px; } #aLU { left: 476px; top: 278px; } #aMA { left: 450px; top: 330px; } #aMD { left: 533px; top: 290px; } #aMG { left: 575px; top: 460px; } #aML { left: 456px; top: 370px; } #aMM { left: 695px; top: 362px; } #aMV { left: 640px; top: 407px; } #aMW { left: 545px; top: 446px; } #aMX { left: 215px; top: 360px; } #aMZ { left: 555px; top: 450px; } #aNA { left: 503px; top: 467px; } #aNE { left: 485px; top: 373px; } #aNI { left: 256px; top: 385px; } #aNL { left: 478px; top: 264px } #aNO { left: 483px; top: 230px; } #aPA { left: 269px; top: 393px; } #aPE { left: 278px; top: 434px; } #aPL { left: 506px; top: 264px; } #aPT { left: 442px; top: 310px; } #aRO { left: 521px; top: 290px; } #aRU { left: 700px; top: 205px; } #aSC { left: 592px; top: 426px; } #aSD { left: 534px; top: 375px } #aSN { left: 427px; top: 378px } #aSV { left: 250px; top: 382px } #aSZ { left: 538px; top: 483px } #aTH { left: 710px; top: 377px } #aTM { left: 604px; top: 310px } #aTR { left: 546px; top: 311px } #aTT { left: 315px; top: 388px } #aTZ { left: 545px; top: 430px } #aUA { left: 539px; top: 276px } #aUS { left: 216px; top: 306px } #aUZ { left: 614px; top: 302px } #aZA { left: 517px; top: 491px } /*#aZW { left:461px; top:461px } */ #aRS { left: 511px; top: 293px } #aSA { left: 569px; top: 354px; } #aSS { left: 534px; top: 396px; } #aKD { left: 768px; top: 310px; } #aVN { left: 717px; top: 361px; } #aVE { left: 300px; top: 396px } #aUY { left: 325px; top: 499px; } #aTL { left: 766px; top: 436px; } #aSO { left: 570px; top: 407px; } #aSI { left: 495px; top: 288px; } #aRE { left: 595px; top: 470px; } #aPW { left: 787px; top: 397px; } #aPH { left: 760px; top: 386px; } #aOM { left: 599px; top: 366px; } #aNZ { left: 878px; top: 530px; } #aNP { left: 665px; top: 344px; } #aMY { left: 709px; top: 404px; } #aMN { left: 710px; top: 286px; } #aKW { left: 577px; top: 340px; } #aKR { left: 770px; top: 319px; } #aKN { left: 311px; top: 369px; } #aKE { left: 553px; top: 412px; } #aIS { left: 414px; top: 207px; } #aID { left: 709px; top: 420px; } #aHU { left: 509px; top: 285px; } #aGY { left: 317px; top: 400px; } #aFM { left: 854px; top: 379px; } #aES { left: 453px; top: 308px; } #aER { left: 553px; top: 374px; } #aBY { left: 530px; top: 260px; } #aBT { left: 681px; top: 346px; } #aBN { left: 738px; top: 402px; } #aBD { left: 679px; top: 355px; } #aAU { left: 788px; top: 475px; } #aAR { left: 300px; top: 510px; } #aAG { left: 315px; top: 375px; } #aZM { left: 523px; top: 450px; } #aZW { left: 533px; top: 460px; } #aVU { left: 869px; top: 451px; } #aTV { left: 893px; top: 431px; } #aTO { left: 37px; top: 467px; } #aTN { left: 483px; top: 323px; } #aNR { left: 866px; top: 416px; } #aMT { left: 500px; top: 324px; } #aMC { left: 478px; top: 300px; } #aLY { left: 500px; top: 345px; } #aLA { left: 709px; top: 366px; } #aKI { left: 884px; top: 413px; } #aGQ { left: 484px; top: 412px; } #aCY { left: 540px; top: 324px; } #aCK { left: 65px; top: 467px; } #aCH { left: 480px; top: 286px; } #aMO { left: 733px; top: 362px; } #aFJ { left: 893px; top: 456px; } #aUG { left: 539px; top: 410px; } #aSR { left: 325px; top: 402px; } #aSL { left: 430px; top: 393px; } #aSK { left: 508px; top: 280px; } #aSG { left: 713px; top: 410px; } #aSE { left: 503px; top: 205px; } #aRW { left: 533px; top: 416px; } #aPS { left: 544px; top: 335px; } #aMR { left: 436px; top: 364px; } #aLS1 { left: 529px; top: 488px; } #aLC { left: 318px; top: 380px; } #aKH { left: 716px; top: 381px; } #aKG { left: 640px; top: 304px } #aJM { left: 272px; top: 370px; } #aIR { left: 590px; top: 330px; } #aIL { left: 543px; top: 326px; } #aGD { left: 309px; top: 382px; } #aDM { left: 301px; top: 370px; } #aDJ { left: 565px; top: 382px } #aCZ { left: 497px; top: 275px; } #aCV { left: 395px; top: 368px; } #aBS { left: 273px; top: 344px; } #aBI { left: 533px; top: 421px; } #aBB { left: 323px; top: 380px; } #aAW { left: 300px; top: 380px; } #aAM { left: 571px; top: 308px; } #aAD { left: 463px; top: 298px; } #aTJ { left: 633px; top: 311px; } #aTD { left: 506px; top: 375px; } #aSY { left: 555px; top: 323px; } #aST { left: 474px; top: 412px; } #aSB { left: 849px; top: 437px; } #aPK { left: 628px; top: 338px; } #aPG { left: 809px; top: 428px; } #aNG { left: 480px; top: 390px; } #aMK { left: 516px; top: 304px; } #aLV { left: 521px; top: 245px; } #aLT { left: 519px; top: 253px; } #aEG { left: 534px; top: 347px; } #aCM { left: 490px; top: 402px; } #aBW { left: 519px; top: 467px; } #aBA { left: 502px; top: 299px; } #aTG { left: 464px; top: 396px; } #aMU { left: 614px; top: 461px; } #aLI { left: 485px; top: 284px; } #aWS { left: 24px; top: 436px; } #aVC { left: 313px; top: 380px; } #aQA { left: 585px; top: 353px; } #aPY { left: 319px; top: 470px; } #aLR { left: 438px; top: 401px; } #aIC { left: 449px; top: 396px; } #aAZ { left: 580px; top: 308px; } #aSM { left: 493px; top: 296px; } #aMH { left: 870px; top: 391px; } #aBJ { left: 467px; top: 388px; } #aBF { left: 457px; top: 382px; } #aGN { left: 437px; top: 388px; } .worldmapOuter .jvectormap-container { width: 100% !important; height: 100% !important; overflow: hidden; position: relative; } .ui-tooltip { padding: 5px 10px; background: #000 !important; border: 1px solid #fff; position: absolute; color: #fff; z-index: 9999; white-space: normal; max-width: 500px; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4); -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } body .ui-tooltip { border-width: 1px; } #innerContent .dataSlider .content { display: none } #innerContent .dataSlider .title { text-align: left; font-size: 19px; line-height: 22px } /**IDY photo Gallery**/ .yogaPG .galleryCaption { display: none; } .yogaPG.albumPhotoWrapper .albumWrapper>li { width: auto; padding: 2px; border: none; } .yogaPG.albumPhotoWrapper .albumWrapper .galleryImgWrapper { width: 126px } .yogaPG.albumPhotoWrapper .albumWrapper .galleryImg { height: 100%; width: 100%; } .yogaPG.albumPhotoWrapper .albumWrapper .galleryImg img { width: 100%; } .yogaVG .galleryCaption { display: none; } .yogaVG.albumPhotoWrapper .albumWrapper>li { width: auto; padding: 2px; border: none; } .yogaVG.albumPhotoWrapper .albumWrapper .galleryImgWrapper { width: 159px } .yogaVG.albumPhotoWrapper .albumWrapper .galleryImg { height: 100%; width: 100%; } .yogaVG.albumPhotoWrapper .albumWrapper .galleryImg img { width: 100%; } .yogaVG.albumPhotoWrapper .albumWrapper .galleryImg:after { content: ''; background: url("../images/play-video.png") no-repeat center 10px; width: 93px; height: 93px; position: absolute; left: 50%; top: 50%; margin-left: -46px; margin-top: -59px } .yogaDay .staticYoutubeVideo { border: 5px solid #dcdcdc; float: left; width: 48%; position: relative } .yogaDay .staticYoutubeVideo a:before { background: rgba(0, 0, 0, 0) url(../images/youtube-play-icon.png) no-repeat center center; height: 68px; margin-top: -34px; margin-left: -43px; width: 86px; position: absolute; left: 50%; top: 50%; content: ''; } .twitter-timeline.iDayofYoga { max-width: none; width: 100%; } .yogaPG .galleryImgZoom { margin: 0; left: 0; bottom: 0; top: auto; transition: 300ms all; } .yogaPG .galleryImgZoom a { display: block } .yogaPG .galleryImgWrapper:hover .galleryImgZoom { left: auto; bottom: auto; top: auto; margin-right: -14px; margin-top: -14px; right: 50%; top: 50%; } .galleryImg>a { display: block; } .featureHolder .featureContent { max-height: 600px } /****************Spirit of India Run***************/ .sirBanner { position: relative; } .runnerImage { position: absolute; width: 487px; right: 0; top: 18px; z-index: 1 } .indiaRunContent { min-height: 328px; position: relative; z-index: 2; padding-top: 45px; } .rfsAbout { padding-right: 160px; } .rfsAbout h3 { margin-bottom: 10px; font-size: 1.500em; font-weight: bold } .frenchDoc.desktop .footerLogo li, .desktop .footerLogo .owl-stage>li li { padding: 8px 4px } .tabstwoBlock .secondTab { padding-bottom: 0 } .homeLastRowOut .documentIndiaIs { float: left; display: none; } .emiCountry li { float: left; width: 30%; padding: 0 10px 0 12px !important; text-align: left !important; background-position: 0 7px !important; } /********* Accordion ******** */ .accordion { margin-bottom: 20px; } .accordion .accTrigger { background: url(../images/plus.png) left 5px no-repeat; padding-left: 25px; cursor: pointer; font-size: 15px; margin-bottom: 15px; } .accordion .accTrigger:hover { color: #11355b; } .noJS .accordion .accTrigger { background: none; padding-left: 0 } .accordion .accTrigger a { display: block; text-decoration: none; outline: 0; } .accordion .accTrigger.active { background: url(../images/minus.png) left 2px no-repeat !important; margin-bottom: 0; color: #11355b; } .accordDetail { padding: 10px 0 10px 25px; display: none } .noJS .accordDetail { display: block; padding: 10px 0 } .expandCollapse { display: none; } .noJS .expandCollapse { display: block; } .expandContent, .collapseContent { padding: 5px 15px 5px 30px; color: #fff !important; line-height: 20px; display: inline-block } .expandContent { background: #11355b url(../images/down-arrow.png) 10px 9px no-repeat } .collapseContent { background: #11355b url(../images/up-arrow.png) 10px 8px no-repeat } .expandContent:hover, .collapseContent:hover { background-color: #333; text-decoration: none !important } .noJS .expandContent, .noJS .collapseContent { display: none; } /*****CPV css****/ .cpv li { float: left; width: 50%; margin-bottom: 13px; } .cpv li:hover { transform: scale(1.05); transition: 300ms all } .cpvBox { border: 1px solid #d5d5d5 } .cpv li:nth-child(odd) .cpvBox { margin-right: 6px; } .cpv li:nth-child(even) .cpvBox { margin-left: 6px } .cpvImg a { text-align: center; display: block; height: 100px; padding: 10px } .cpvImg img { height: 100%; width: auto } .cpv h3 { text-align: center; color: #fff; padding: 8px; } .madad { background: #A4C536 } .passportSeva { background: #00006B } .eTV { background: #5A5A5A } .visaOnline { background: #FF7E00 } #innerContent .cpv p { padding: 10px; text-align: center; background: #efefef; font-weight: bold; font-size: 13px; } #innerContent .cpv p a { display: block } .moiaBlock { border: 1px solid #ccdce3; border-radius: 4px; margin-bottom: 15px; background: url(../images/moia-logo-bg.png) no-repeat 240px 0; position: relative; } .moiaLeft { float: left; padding: 10px 15px; width: 245px } .moiaRight { float: right; width: 310px } .moiaBlock h2 { color: #9f1918; margin-bottom: 5px; } .moiaBlock .moiaLogo { display: block; margin: 0 auto; padding-top: 20px; text-align: center } .moiaBlock ul li a { /* background:url(../images/bullet-home.png) no-repeat left 8px;*/ color: #515151; display: inline-block; font-size: 1.250em; margin-right: 5px; padding-left: 10px; width: auto; } .impContact { position: absolute; bottom: 0; right: 0; width: 380px; height: 52px; } .phoneIco { background: url(../images/moia-phone.png) no-repeat left top; text-indent: -9999px; width: 41px; height: 52px; display: block; float: left; } .impContact a { font-size: 12px; color: #fff; background-color: #209dd7; padding: 5px 0; height: 42px; } .impContact .alignLeft { float: left; padding-left: 5px; } .impContact .alignRight { float: right; padding-right: 10px; } .fLeft { float: left; background-color: #209dd7 } .tollFree { display: block; font-size: 22px; } .hindiDoc #innerContent .yogaDay .sbmTabs .secondTab ul.tabs li a { padding: 8px 13px } ul.bulletText.fiftyFifty li { width: 45%; float: left } .hindiDoc .yogaWebsite { background-image: url(../images/idy-banner-hi.jpg) } .misBanner { background: #006687; padding: 15px 0; text-align: center; } .PhotoFeaturesDetail .galleryImgWrapper { float: none; width: 100%; border: 0 none; } .PhotoFeaturesDetail .galleryImg { float: none; width: auto; padding: 0; margin: 0; border: 0; height: auto; } .PhotoFeaturesDetail .galleryCaption { float: none; width: auto; padding: 15px 0 5px; margin: 0; border: 0; font-size: 17px; line-height: 22px; font-weight: bold; } .PhotoFeaturesDetail .galleryImg img { padding: 0; margin: 0; border: 0 none; } .yogaWebsite16 { background: url(../images/idy-banner-16.jpg) no-repeat 0 0; min-height: 113px; } .hindiDoc .yogaWebsite16 { background-image: url(../images/idy-banner-16-hi.jpg); } #innerContent h2.cpvbanner { background: #000 url(../images/cpv-inner-banner.jpg) no-repeat 0 0 / cover; text-align: center; color: #fff; min-height: 105px; padding-top: 35px; font-size: 28px; line-height: 34px; font-weight: normal; margin-bottom: 20px; } .cpvUpdates { border: 1px solid #dcdcdc; } .cpvUpdates .bulletText { font-size: 1em; } .cpvUpdates h3 { background: #1e4c7e url(../images/announcement-icon.png) no-repeat 15px 8px; color: #fff; padding: 10px 15px 10px 48px; font-size: 18px; line-height: 22px; margin-bottom: 0; } .cpvUpdates .bulletText { padding: 10px 15px 0; } .cpvUpdates .ticker { padding-bottom: 15px; } #cpvRightNav { padding-top: 0; padding-bottom: 20px; } #cpvRightNav #menuLeft a { color: #fff; display: block; line-height: 1.583em; text-decoration: none; } #cpvRightNav #menuLeft>li>a, #cpvRightNav #menuLeft .accTrigger a { background: url(../images/kmy-menu-strip-hover.jpg) repeat-x left top; padding: 8px 0; } #cpvRightNav #menuLeft>li>a:hover, #cpvRightNav #menuLeft .accTrigger:hover { background-image: url(../images/kmy-menu-strip.jpg) !important } #cpvRightNav #menuLeft>li>a:hover .cpvBullet, #cpvRightNav #menuLeft .accTrigger:hover .cpvBullet { background-image: url(../images/kmy-bullet-hover.png) } #cpvRightNav #menuLeft .cpvBullet { background: url(../images/kmy-bullet-hover.png) no-repeat 10px 0; padding-left: 35px; font-weight: normal; } #cpvRightNav #menuLeft .leftSubUl { clear: both; float: none; margin: 0; width: 100%; background: #4170a2; padding: 8px 0; } #cpvRightNav #menuLeft .leftSubUl a { background: url(../images/cpv-bullet.png) no-repeat 16px 0.4em; padding: 3px 0 3px 35px } #cpvRightNav #menuLeft .leftSubUl a:hover { background-color: #5387C0 } #cpvRightNav .menuTitle { display: none } #cpvRightNav .accordion { margin-bottom: 0; } #cpvRightNav .accordion .accTrigger { font-size: inherit; margin-bottom: 0; padding-left: 0; background: url(../images/kmy-menu-strip-hover.jpg) repeat-x left top !important } #cpvRightNav #menuLeft .accTrigger a { background: url(../images/plus-w.png) no-repeat 97% 9px } #cpvRightNav .accordDetail { padding: 0 } #cpvRightNav .accordion .accTrigger.active a { background: url("../images/minus-w.png") no-repeat 97% 9px !important } .cpvUpdates { position: relative; } .cpvUpdates .playPause { display: block; height: 19px; outline: 0 none; position: absolute; right: 8px; text-decoration: none; text-indent: -9999px; top: 12px; width: 16px; z-index: 100; } .cpvUpdates ul.bulletText li { padding: 0 4px 0 12px; } .cpvNewsDetail { padding: 4px 0; } .cpvUpdates .tickerDivBlock { height: 125px !important } #cpvRightNav #menuLeft .bulletText li { padding: 0; background: none; } #cpvRightNav #menuLeft .bulletText { margin-bottom: 10px } #cpvRightNav #menuLeft .bulletText a { padding-left: 50px; background-position: 32px 0.4em } .madadOnItunes { border: 1px solid #dcdcdc; background: #0990ec; } .moiaRight ul { padding-left: 45px; padding-top: 10px; } /**cpv FAQ**/ .queAns { background: #f1f1f1; box-shadow: 5px 5px 0 -1px #eae9e9; margin-bottom: 20px; padding: 15px 15px 5px; } .faqQue { margin-bottom: 10px; } .faqQue, .faqAns { clear: both; display: table; } .faqQue .lbl, .faqQue .lbl::after { background-color: #32587F; color: #ffffff; } .faqListing *, .faqListing *::before, .faqListing *::after { box-sizing: border-box; } .faqAns .lbl, .faqAns .lbl::after { background-color: #cdcdcd; color: #444444; } .faqListing .lbl::after { content: ""; height: 10px; left: 22px; position: absolute; text-indent: -9999px; top: 10px; transform: rotate(45deg); width: 10px; z-index: 1; } .faqListing .lbl { float: left; font-weight: bold; height: 30px; line-height: 30px; position: relative; text-align: center; width: 30px; } .faqQue .faqDetails { color: #32587F; font-size: 16px; font-weight: 600; } .faqListing .faqDetails { float: left; margin-left: -30px; padding-left: 45px; width: 100%; } .faqListing h3 { font-size: 1.2em; font-weight: bold; } .vigilance .userForm input.button, .userForm input.submitButton { padding: 0; text-indent: 10px; } /**CPV Home Section**/ .cpvHome { background: url(../images/cpv-home-bg.jpg) no-repeat left top / cover; background-color: #1e4c7e; width: 100%; margin-bottom: 15px; position: relative } .cpvHomeLeft { float: left; padding: 15px 45px 15px 40px; } .cpvHomeRight { font-size: 16px; padding-top: 23px; display: inline-block } .cpvHome a { color: #fff; display: table; width: 100%; } .cpvHome a:hover { text-decoration: none; } .cpvMore { color: #fff; background: #2d6a9e url(../images/blue-bg.gif); padding: 5px 15px; position: absolute; right: 0; bottom: 0 } .cpvMore:hover, .cpvHome:hover .cpvMore { background: #1E295A; color: #fff; text-decoration: none; } .cpvHome .cpvTitle { font-size: 30px; font-weight: normal; line-height: 45px; display: block } /**CPV Mission post**/ #innerContent .photoVideoDoc a { padding: 5px 10px 5px 40px; border: 1px solid #ccc; border-radius: 3px; line-height: 20px; display: inline-block; background-repeat: no-repeat; background-position: 6px center; color: #666; font-size: 14px; font-weight: bold; transition: 300ms all; margin-left: 10px; margin-bottom: 5px; } #innerContent .photoVideoDoc a:hover { background-color: #113860; background-position: -100%; color: #fff; padding: 5px 25px 5px 25px; text-decoration: none; } .mpVideos { background-image: url(../images/videos-icon.gif); } .mpPhotos { background-image: url(../images/photos-icon.gif); } .mpDocs { background-image: url(../images/document-icon.gif); } #innerContent .imaBannerImg { width: auto; } .langSelectBoxIn span.customSelectFocus { border: 1px dotted #000; } .madadEmiBanner { border: 1px solid #dcdcdc; } .madadLogo, .emigrateLogo { width: 50%; float: left } .madadLogo { background: #eaeaea; } .madadLogo a { border-right: 2px solid #d8d8d8; } .madadEmiBanner a { display: block; padding: 10px 0; text-align: center; } .madadAppBtn { background: #eaeaea; border-top: 2px solid #d8d8d8; } .countryFlagCpv { margin-bottom: -7px; margin-right: 3px; vertical-align: inherit; } #innerContent p .idyBooklets span { margin-right: 8px; display: inline-block; } .cpvHomeLeft>img { height: auto } #innerContent .idyCountryName { font-size: 20px; line-height: 50px; } .idyCountryName>span { display: inline-block; vertical-align: top; } .cpvRightLogo a { margin-bottom: 15px; display: block; } /*****new home Page Sprite*****/ .changeTheme .imgLightTheam { background: url(../images/mea-sprite.png) no-repeat 0 -515px; text-indent: -9999px; overflow: hidden; width: 15px; height: 15px; display: inline-block; padding: 0; } .changeTheme .imgDarkTheam { background: url(../images/mea-sprite.png) no-repeat 0 -490px; text-indent: -9999px; overflow: hidden; width: 15px; height: 15px; display: inline-block; padding: 0; } .changeTheme input { border: none; cursor: pointer } .searchGo { background: url(../images/mea-sprite.png) no-repeat 0 -342px; } .customPrevBtn { background: url(../images/mea-sprite.png) no-repeat 5px -25px; } .customNextBtn { background: url(../images/mea-sprite.png) no-repeat 5px 1px; } .owlStop, .missionBlock .stop, .cpvUpdates .stop { background: url(../images/mea-sprite.png) no-repeat 4px -265px; } .owlPlay, .missionBlock .play, .cpvUpdates .play { background: url(../images/mea-sprite.png) no-repeat 4px -539px; } .sliderReadmore .button { background: url(../images/mea-sprite.png) no-repeat 0 -293px; } .documentBlk .readmore { padding-right: 37px; background: url(../images/mea-sprite.png) no-repeat 213px -463px } .documentariesList a.play { background: url(../images/mea-sprite.png) no-repeat 0 -427px; } .dataSlider .next, .sliderNavButtons .next { background: url(../images/mea-sprite.png) no-repeat 10px -237px; } .calenderIco { background: url(../images/mea-sprite.png) no-repeat 0 -95px; } .rightArrowImg { background: url(../images/mea-sprite.png) no-repeat 0 -325px } .listLinkHome a, .profileBlock .prolist li, .moiaBlock ul li a { background: url(../images/mea-sprite.png) no-repeat -78px 7px } .containerBot { box-shadow: 0 2px 2px 0 #E4E4E4 inset; -webkit-box-shadow: 0 2px 2px 0 #E4E4E4 inset; -ms-box-shadow: 0 2px 2px 0 #E4E4E4 inset } .footerLogo { background-color: #F8F8F8; box-shadow: 0 2px 2px 0 #E4E4E4 inset; -webkit-box-shadow: 0 2px 2px 0 #E4E4E4 inset; -ms-box-shadow: 0 2px 2px 0 #E4E4E4 inset } .topFunctions ul li, .topLinks li { position: relative } .topFunctions ul li:after, .topLinks li:after { content: '|'; width: 1px; position: absolute; right: 0; top: 0; height: 100%; } .topFunctions ul li.lastLi:after, .topLinks .lastLi:after, .topLinks .searchLI:after { content: none } /**IDY Message Tab**/ .leadersMsg { min-height: 260px; } .leadersMsg>li { background: #efefef; font-size: 1.054em; margin-bottom: 10px; padding: 10px 15px; } #innerContent .leadersMsg a { color: #333; } .userForm .captchaImg { border: 1px solid #ddd; } .currentVideo #player_a { width: 100%; min-height: 280px; background: #fff url(../images/loader.gif) center center no-repeat; } .currentVideo iframe { width: 100%; } #innerContent #player_a_media_youtube, #innerContent #player_a_media_youtube_cc, #innerContent #player_a_media { text-align: center; position: static !important; height: 375px !important } #innerContent #player_a_media_image { position: static !important; width: auto !important; } #innerContent .currentVideo .ppcontrols, #innerContent .currentVideo .ppcontextmenu { display: none } #innerContent .currentVideo #player_a { min-height: inherit; height: auto !important; } #innerContent .idyAllMission { color: #fff; position: absolute; right: 45px; text-decoration: underline; top: 15px; } /**IDY Mission Country**/ #aUP { left: 474px; top: 288px; } #aUN { left: 288px; top: 298px; } #aAI { left: 298px; top: 363px; } .meaMinister { float: left } .meaMiniPrint { float: left; padding-left: 10px; max-width: 166px; } .rightPartHome .profileBlock { display: table } #profileNewListing .profile.middleProfile li { width: 50%; } .profile.middleProfile { float: none } .advSearchNav { list-style: none; padding: 0; margin: 0 0 20px; border-bottom: 1px solid #cfcfcf; } .advSearchNav li { float: left; } .advSearchNav>li a { font-size: 15px; color: #305d8d; padding: 5px 15px; display: block; border-bottom: 3px solid transparent; text-decoration: none !important; } .advSearchNav>li a.hover { text-decoration: none; } .advSearchNav>li.active>a { border-bottom-color: #305d8d; } .advSearchNavSub { list-style: none; padding: 0; border: 1px solid #c8c8c8; margin: 0; position: absolute; left: 0; top: 33px; display: none; background-color: #efefef; width: 220px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .moreSearchNav { position: relative; } .advSearchNavSub li { float: left; width: 100%; } .advSearchNavSub li a { border-bottom: 0 none; padding: 7px 15px } .advSearchNavSub li a:hover { text-decoration: none !important; background-color: #dbdbdb; } .advSearchFilter { font-size: 15px; padding-bottom: 20px; } .advSearchFilter span { display: inline-block; padding-right: 10px; } .advSearchFilter select { font-size: 15px; padding: 3px 5px; margin-right: 15px; color: #555; width: auto; } .searchResultText { background-color: #efefef; padding: 8px 8px; font-size: 14px; margin-bottom: 10px; } .searchTextFound { color: #305d8d; } .AdvResultCount { font-weight: bold; } .searchResultListing li { font-size: 15px; padding: 10px 0; } .searchResultListing li>a { font-size: 15px; font-weight: bold; color: #3a6899; text-decoration: none; } #innerContent .searchResultListing .advSearchDisc { padding: 7px 0 0; } #innerContent .advSearchMoreDetail { font-size: 13px; font-style: italic; color: #808080; padding: 5px 0; } .advSearchNav .moreSearchNav>a { background: url(../images/show-down.gif) right center no-repeat; padding-right: 20px; } .advSearchNav .moreSearchNav.showSub .advSearchNavSub { display: block; } .advSchFilterCheckbox input { margin-right: 8px; } .pageNoRow br { display: none; } .pageNoRow span:last-child>span { display: none } .searchInput { outline: 0 none; } .twoColumn li:nth-child(2n+1) { clear: left; } .twoColumn li { float: left; width: 50%; padding-right: 10px; } .socialIconBox { background: rgba(255, 255, 255, 0); -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; height: auto; } .innerFulltemp { padding: 0; } .socialIconBox .instagram { background-position: -2px -408px; } /*******************Form CSS*******************/ .formRow { padding: 0 5px; margin: 0 -5px; box-sizing: border-box; } .formRow .label { font-size: 14px; line-height: 22px; display: block; width: 100%; margin-bottom: 5px; } .formRow .inputBox { display: block; width: 100%; vertical-align: top; margin-bottom: 15px; } .formRow .inputBox input[type="text"] { width: 100%; padding: 3px; border: none; border: 1px #ccc solid; display: block; width: 100%; box-sizing: border-box; height: 28px; } .formRow .captchaBlock { vertical-align: top; } .formRow .submitBtn { background: #1c5893; border: 1px solid #999; padding: 5px; width: auto; color: #fff; font-size: 14px; padding: 8px 28px; box-sizing: border-box; } .formRow .captchaWrapBox { position: relative; padding-right: 140px; width: 100%; box-sizing: border-box; } .captchaWrapBox .captchaBlock { position: absolute; right: 0; top: 0; } /*********************form box**************/ .hoaWrapper { width: 100%; margin: 30px -15px 20px; } .hoawrap50 { width: 50%; float: left; padding: 0 15px; box-sizing: border-box; } .hoaBox { border: 1px solid #bac9d1; padding: 0; min-height: 280px; } .hoawrap50 h3 { color: #25578c; font-size: 1.5em; background-color: #f5f5f5; padding: 7px 10px; margin-bottom: 0; } .hoaBoxDetail { padding: 10px; margin: 0; } .btnDetail { font-size: 16px; line-height: 20px; text-decoration: none; padding-bottom: 20px; } .buttonReg { background: #1c5893; border: 1px solid #999; box-sizing: border-box; color: #fff !important; text-decoration: none; font-size: 14px; padding: 8px 14px; width: auto; margin-top: 79px; display: inline-block; } .buttonReg:hover, .formRow .inputBox:hover { background: #002c5f none repeat scroll 0 0; color: #fff; text-decoration: none !important; } .hoaWrap { width: 100% } .hoaWrap50 { width: 50%; float: left; margin-bottom: 10px; } /******** 2017 *******/ #innerContent .yogaDay2017 a { transition: 250ms ease; -webkit-transition: 250ms ease; } #innerContent .yogaDay2017 { margin: 0; } #innerContent .yogaDay2017 .sliderImg { width: 100%; height: 465px; overflow: visible; position: relative; } #innerContent .yogaDay2017 .sliderImg .sliderCaption { background: rgba(31, 66, 130, 0.48); bottom: 50px; position: absolute; right: 35px; top: 50px; padding: 30px 23px; } #innerContent .yogaDay2017 .dataSlider .title { line-height: 27px; font-size: 21px; } #innerContent .yogaDay2017 .dataSlider .date { border-top: 1px solid #c3c3c3; margin: 20px 0 7px; padding-top: 20px; font-weight: normal; color: #ffc333; font-size: 1.250em; } #innerContent .yogaDay2017 .customNextBtn, #innerContent .yogaDay2017 .customPrevBtn, #innerContent .yogaDay2017 .owlPlay, #innerContent .yogaDay2017 .owlStop { bottom: auto; color: #ffffff; cursor: pointer; display: block; height: auto; outline-color: #ffffff; overflow: hidden; position: absolute; right: auto; text-indent: -999em; width: auto; z-index: 999; } #innerContent .yogaDay2017 .homeSlider .customNextBtn { background: transparent url(../images/mea-sprite.png) no-repeat scroll 112% -40px; bottom: 70px; height: 30px; right: 55px; width: 25px; } #innerContent .yogaDay2017 .homeSlider .customPrevBtn { background: transparent url(../images/mea-sprite.png) no-repeat scroll 114% -79px; bottom: 70px; height: 30px; right: 107px; width: 25px; } #innerContent .yogaDay2017 .homeSlider .customNextBtn:hover, #innerContent .yogaDay2017 .homeSlider .customPrevBtn:hover { background-color: rgba(31, 66, 130, 1); } #innerContent .yogaDay2017 .homeSlider .owlStop, #innerContent .yogaDay2017 .homeSlider .owlPlay { bottom: 70px; height: 30px; right: 81px; width: 25px; } #innerContent .yogaDay2017 .homeSlider .owlStop { background: rgba(31, 66, 130, 1) url(../images/mea-sprite.png) no-repeat scroll 108% -153px; } #innerContent .yogaDay2017 .homeSlider .owlPlay { background: #1f4282 url(../images/mea-sprite.png) no-repeat scroll 110% -121px; } #innerContent .yogaDay .homeSlider { padding: 0; background-size: 965px 465px; margin-bottom: 0; } .yogaDay2017 .yogaNews { float: left; width: 33.33%; /*background: #efefef;*/ border: none; border-bottom: none; min-height: 475px; } .yogaDay2017 .yogaNews .playPause { width: 34px; height: 34px; top: 13px; right: 17px; background: #d0d0d0 url(../images/mea-sprite.png) no-repeat scroll 117% -257px } .yogaDay2017 .yogaNews .playPause.play { width: 34px; height: 34px; top: 13px; right: 17px; background: #d0d0d0 url("../images/mea-sprite.png") no-repeat scroll 46% -257px } .yogaDay2017 .yogaProtocol, .yogaDay2017 .idyCelebration { width: 33.33%; float: left; min-height: 530px; border-bottom: none; position: relative; } .yogaDay2017 .idyCelebration:before, .yogaDay2017 .yogaProtocol:before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; border-left: 1px solid #e4e4e4; } .yogaDay2017 .yogaNews h3 { /* background: #dbdbdb;*/ } .yogaDay2017 .yogaNews li, .yogaDay2017 .yogaNews ul { float: left; width: 100%; } .yogaDay2017 .yogaNews .newsDate { background: rgba(0, 0, 0, 0) url(../images/calicon.png) no-repeat scroll 0 2px; color: #1f4267; display: block; line-height: 21px; padding-left: 24px; margin-top: 10px; } .yogaDay2017 h3 { background: #1f4267; color: #ffffff; font-size: 15px; font-weight: bold; margin: 12px 13px; padding: 8px 14px; text-align: center; } #innerContent .yogaDay2017 .yogaProtocol .protocolContent, .yogaDay2017 .yogaNews .ticker, .yogaDay2017 .idyData { padding: 18px; } #innerContent .yogaProtocol .downBooklet { background: rgba(0, 0, 0, 0) url(../images/downloadBooklet.png) no-repeat scroll 0 0; color: #575656; float: left; font-size: 12px; height: 30px; line-height: 23px; margin-bottom: 10px; margin-top: 0px; padding-left: 32px; text-decoration: none; } #innerContent .yogaProtocol .downBooklet.top {} #innerContent .yogaProtocol .downBooklet.bottomDownload { background: #6c7278; color: #ffffff; line-height: 30px; margin-bottom: 0; margin-top: 10px; padding: 3px 15px; text-decoration: none; font-size: 13px; -webkit-animation-iteration-count: infinite; -webkit-animation-name: example; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 0.7s; /* Safari 4.0 - 8.0 */ animation-name: example; animation-duration: 0.7s; } /* Standard syntax */ #innerContent .yogaProtocol .downBooklet.bottomDownload:hover { color: #1f4267; } .yogaProtocol .downBookletlink { float: left; width: 100%; } .yogaProtocol .downBookletlink .pdfOrange, #innerContent .videoDetails .pdfOrange { background: #f94d1e; -webkit-border-radius: 4px; border-radius: 4px; color: #ffffff; display: inline; font-size: 12px; line-height: 16px; margin-left: 5px; padding: 5px 12px; margin-bottom: 5px; } #innerContent .videoDetails .pdfOrange { float: right; } .yogaProtocol .downBookletlink a { float: left; margin-bottom: 15px; } #innerContent .yogaProtocol .downBookletlink a .pdfOrange, #innerContent .yogaProtocol .downBookletlink a:hover, #innerContent .videoDetails .pdfOrange:hover { text-decoration: none; } #innerContent .yogaProtocol .downBookletlink a:hover .pdfOrange { text-decoration: none; background: #25578c } #innerContent .yogaProtocol .downBookletlink a:hover .pdfOrange, #innerContent .videoDetails .pdfOrange:hover { text-decoration: none; background: #25578c } #innerContent .yogaProtocol a.readMore, #innerContent .yogaDay2017 .yogaNews a.readMore, #innerContent .yogaDay2017 .mediaBlock a.readMore, #innerContent .yogaDay2017 .videoDetails a.readMore, #innerContent .yogaDay2017 .tabMoreLinks .readMore { float: right; background: transparent url(../images/readmoreArrow.png) no-repeat center right; padding-right: 12px; color: #575656; text-decoration: underline; line-height: 23px; font-weight: normal; font-size: 12px; } #innerContent .yogaDay2017 a.readMore:hover { color: #1f4267; } #innerContent .yogaProtocol a.readMore { margin-top: 10px; } .yogaDay2017 .foreignRelationBlock { padding-top: 0; width: 100%; text-align: center; } #innerContent .yogaDay2017 .foreignRelationBlock a { color: #575656; text-decoration: underline; } #innerContent .yogaDay2017 .foreignRelationBlock span { font-size: 15px; font-style: normal; color: #c9c9c9; } .yogaDay2017 .yogaDrpSlect input { background: #f94d1e; border: medium none; color: #fff; font-size: 13px; margin-left: 10px; padding: 6px 16px; cursor: pointer; font-weight: bold; vertical-align: middle; } .yogaDay2017 .yogaDrpSlect input:hover { background: #efad15; } .yogaDay2017 .yogaDrpSlect select { border: 1px solid #b3b3b3; height: 30px; padding: 2px 0; width: 210px; vertical-align: middle; font-size: 14px; } .yogaDay2017 .yogaProtocol>p { height: 385px; } #innerContent .yogaDay2017 .sbmTabs .secondTab ul.tabs { width: 100%; } #innerContent .yogaDay2017 .sbmTabs .secondTab ul.tabs li { background: #dbdbdb; border: none; margin: 0; position: relative; width: 50%; float: left; } #innerContent .yogaDay2017 .sbmTabs .secondTab ul.tabs li a { border-bottom: 1px solid #e0e0e0; color: #323232; font-size: 15px; font-weight: bold; padding: 28px 19px 27px; position: relative; display: block; text-align: center; } #innerContent .yogaDay2017 .sbmTabs .secondTab ul.tabs li a:after { content: ""; height: 40px; position: absolute; right: 0; top: 20px; width: 1px; background: #F8F8F8; } /*#innerContent .yogaDay2017 .sbmTabs .secondTab ul.tabs li:nth-child(2) > a:after { display: none; } */ #innerContent .yogaDay2017 .sbmTabs .secondTab ul.tabs li.active {} #innerContent .yogaDay2017 .sbmTabs .secondTab ul.tabs li.active:before { background: #f94d1e; bottom: -3px; content: ""; height: 3px; left: 0; position: absolute; right: 0; } #innerContent .yogaDay2017 .sbmTabs .secondTab ul.tabs li.active:after { border-left: 16px solid rgba(0, 0, 0, 0); border-right: 16px solid rgba(0, 0, 0, 0); border-top: 17px solid #f94d1e; content: ""; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 0; } #innerContent .yogaDay2017 .sbmTabs .secondTab ul.tabs li.active a { background: transparent; } #innerContent .yogaDay2017 .sbmTabs .tab_container { border: none; } #innerContent .yogaDay2017 .projekktor { border: none; height: 240px; } #innerContent .yogaDay2017 h2 { font-size: 1.250em; font-weight: normal; margin-bottom: 10px; } .yogaDay2017 .leftTabpanel { float: left; width: 66.67%; height: 520px; } .yogaDay2017 .rightTabpanel { float: left; width: 33.33%; height: 520px; background: #efefef; } .yogaDay2017 .rightTabpanel h3 { background: #dbdbdb; color: #1f4267; margin: 0; padding: 28px 18px; } .yogaDay2017 .sbmTabs .tab_content, .yogaDay2017 .sbmTabs .missionTabContO { width: 100%; } .yogaDay2017 .sbmTabs .countryNameBlock { padding: 30px 15px 0; } .yogaDay2017 .twitterTabs { background: #ebebeb; padding: 0; } .yogaDay2017 .twitterTabs .secondTab .tab_container, .yogaDay2017 .tabstwoBlock .secondTab { width: 100%; } #innerContent .yogaDay2017 .twitterTabs .secondTab ul li, .yogaDay2017 .twitterTabs .secondTab ul li { width: auto; background: #f5f5f5; border: none; color: #515151; margin-right: 7px; float: left; } #innerContent .yogaDay2017 .twitterTabs .secondTab { width: 100%; } #innerContent .yogaDay2017 .twitterTabs .secondTab ul li a { padding: 11px 6px; color: #515151; float: left; cursor: pointer; } #innerContent .yogaDay2017 .twitterTabs .secondTab .tab_container { border: none; background: none; margin-top: 7px; height: 459px; } #innerContent .yogaDay2017 .twitterTabs .secondTab ul.sbmTabstritterTabNav li a.active, #innerContent .yogaDay2017 .twitterTabs .secondTab ul.sbmTabstritterTabNav li a:hover { position: relative; background: #1f4267; color: #fff; text-decoration: none; } #innerContent .yogaDay2017 .twitterTabs .secondTab ul.sbmTabstritterTabNav li>a.active:after, #innerContent .yogaDay2017 .twitterTabs .secondTab ul.sbmTabstritterTabNav li a:hover:after { content: ""; position: absolute; background: #1f4267; border-bottom: 0 none; height: 7px; bottom: 0; width: 100%; left: 0; right: 0; width: auto; } #innerContent .yogaDay2017 .twitterTabs .secondTab ul li.active a { background: #fff; color: #1f4267 } #innerContent .yogaDay2017 .twitterTabs .sbmTabstritter { margin: 0 18px; } #innerContent .yogaDay2017 .yogaNews .tickerDivBlock, .noJS .yogaDay2017 .yogaNews .tickerDivBlock { height: 330px !important; } #innerContent .yogaDay2017 .twitterTabs .secondTab .sbmTabstritterTabNav li a { font-size: 15px; font-weight: bold; } #innerContent .yogaDay2017 .twitterTabs .secondTab ul.leadersMsg { min-height: 320px; } #innerContent .yogaDay2017 .twitterTabs .secondTab ul.leadersMsg>li { float: left; padding: 0; background: none; color: #515151; font-size: 12px; } #innerContent .yogaDay2017 .twitterTabs .secondTab ul.leadersMsg>li a { padding: 0; color: #515151; } #innerContent .yogaDay2017 .twitterTabs .secondTab .missionTabContO { width: 100%; } #innerContent .yogaDay2017 .twitterTabs .secondTab .missionTabContO .countryNameBlock { height: auto; overflow-y: auto; } #innerContent .yogaDay2017 .twitterTabs .secondTab .missionTabContO #social1 .countryNameBlock { height: 420px; overflow: hidden; } #sbmTabstritter iframe { height: 420px !important; } .yogaDay2017 .mediaBlock { margin: 0; width: 100%; } #innerContent .yogaDay2017 .mediaBlock h2 { font-size: 1.250em; font-weight: bold; margin-bottom: 5px; color: #1f4267; } .yogaDay2017 .mediaBlock .allPhotos { width: 66.67% !important; float: left; } .yogaDay2017 .mediaBlock .allVideos { float: left; padding-left: 15px; width: 33% !important; } .yogaDay2017 .mediaBlock .scrollIt2 { margin-bottom: 15px; } .yogaDay2017 .mediaBlock .scrollIt2 .item { float: left; width: 100%; position: relative; max-height: 200px; } .yogaDay2017 .mediaBlock .scrollIt2 .item img { min-height: 200px; } .yogaDay2017 .mediaBlock .scrollIt2 .item img, .yogaDay2017 .mediaBlock .scrollItVidoes { width: 100%; } .yogaDay2017 .mediaBlock .scrollIt2 .item .imgCaption, .yogaDay2017 .mediaBlock .scrollItVidoes .imgCaption { background: rgba(0, 0, 0, 0.6); bottom: 0; color: #ffffff; left: 0; padding: 10px; position: absolute; right: 0; text-align: left; } .yogaDay2017 .mediaBlock .scrollIt2 .item:hover .imgCaption, .yogaDay2017 .mediaBlock .scrollItVidoes .item:hover .imgCaption { background: rgba(0, 0, 0, 0.75); } .yogaDay2017 .mediaBlock .scrollItVidoes { float: left; height: 200px; margin-bottom: 15px; overflow: hidden; position: relative; width: 100%; } .yogaDay2017 .mediaBlock .scrollItVidoes a { display: block; cursor: pointer; position: relative; } .yogaDay2017 .mediaBlock .scrollItVidoes a:before { background: rgba(0, 0, 0, 0) url(../images/play-icon17.png) no-repeat scroll 0 0; content: ""; height: 43px; left: 125px; position: absolute; top: 76px; width: 43px; } .yogaDay2017 .mediaBlock .scrollItVidoes img { width: 100%; min-height: 200px; } .yogaDay2017 .mediaBlock a.readMore { position: relative; } .yogaDay2017 .yogaPV { margin-top: 25px; margin-bottom: 0; padding: 0 0; } .yogaDay2017 .videoPlayBtn { background: rgba(0, 0, 0, 0) url(../images/play-icon17.png) no-repeat scroll 0 0; height: 43px; left: 140px; overflow: hidden; position: absolute; text-indent: -9999px; top: 130px; width: 43px; } .yogaDay2017 .ppstart { background: none; height: 43px; margin-bottom: -20px; margin-left: -20px; width: 43px; } .yogaDay2017 .yogaPV .scrollIt .owl-stage-outer { border: none; } #panel-1 .instVideo .ppdisplay { background: transparent url(../images/videoImg1.jpg) no-repeat 0 0; } .facebookWidget { padding: 15px; } #innerContent .yogaDay2017 .foreignRelationBlock .alignCenter br { display: none; } .foreignRelationBlock .socialIconBox { display: none; } #innerContent .yogaDay2017 .foreignRelationBlock .alignCenter .orText { display: block; text-align: center; margin: 5px 0 } #innerContent .yogaDay2017 .homeSlider { margin-bottom: 10px; } .videoCaption { width: 48%; float: left; } #innerContent .yogaDay2017 .idyMap { margin-bottom: 5px; text-align: center; } #innerContent .yogaDay2017 .idyMap img { width: 80%; } #innerContent .yogaProtocol .downBooklet.bottomDownload:hover { color: #fff; background: #f94d1e; } #innerContent .yogaProtocol .downBooklet.bottomDownload img { display: none; } /****************new Added for Layout*************/ .frenchDoc .otherMinisterBlock { min-height: 295px; } .frenchDoc .bannerLinks a { /*max-width:135px;*/ } .spanishDoc .bannerLinks a { vertical-align: top; } .spanishDoc .bannerLinks a:before { margin-top: -17px; } .spanishDoc .spenishDisplayNone { display: none !important; } .spanishDoc .meaInfoBlock .resTab.commonTabs .tabNav li { margin-right: 30px; } .frenchDoc .meaInfoBlock .resTab.commonTabs .tabNav li a { font-size: 16px; } .frenchDoc .meaInfoBlock .resTab.commonTabs .tabNav li { margin-right: 20px; } .frenchDoc .moduleSearch .goButton { width: 50px !important; } .frenchDoc .moduleSearch select { width: 165px; } .tenderDetailRow { margin: 10px 0; } .tenderDate { margin-bottom: 10px; } .spanishDoc .otherMinisterBlock { min-height: 290px; } .tableHeadBold th { font-weight: bold; } .portableDevice .rightLinks { display: none; } .imgFullWidth { width: 100%; height: auto; } .innerContentPart .videoBlockRow .tabList li { background-image: none; } .innerContentPart .videoBlockRow .tabList li.active { border-bottom: 1px dashed #d1d1d1; } .innerContentPart .videoBlockRow .tabList li h2 { margin-bottom: 0; font-size: 0.875em !important; } #briefForeign { background: url(../images/map-bg-background.png) center no-repeat; width: 100%; } .faceBookFeed { position: relative; } #fbiframe { position: absolute; width: 100% !important; height: 400px !important; } .englishDoc #profileNewListing .profile:last-child li { width: 20%; } /****************onload popup********************/ .onLoadOverlay { background-color: rgb(0, 0, 0); height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 99998; } .onLoadPopup { height: 400px; left: 0; margin: auto; position: fixed; top: 0; width: 600px; z-index: 99999; bottom: 0; right: 0; } .onLoadPopup .link { color: #fff; font-size: 18px; left: 152px; position: absolute; text-decoration: none; top: 370px; } .onLoadPopup .link:hover { text-decoration: underline; } .onLoadClose { background: rgba(0, 0, 0, 0) url(../images/close-popup.png) no-repeat scroll 0 0; height: 20px; overflow: hidden; position: absolute; right: -16px; text-indent: -1000px; top: -20px; width: 20px; } .onLoadClose:hover { background-position: left bottom; } .noJS .onLoadPopup, .noJS .onLoadOverlay { display: none; } /**********************impBanners*************/ .cols4Block { margin: 0 -13px; } .cols4Block .colsBlock { width: 25%; padding: 0 13px; float: left; } .cols5Block { margin: 0 -13px; } .cols5Block .colsBlock { width: 20%; padding: 0 13px; float: left; } .impBanners { width: 100%; padding: 25px 0; } .impBanners a { display: block; } .impBanners a:hover { text-decoration: none; } .mrgT14 { margin-top: 14px; } .halfHeightBanner { display: block; min-height: 77px; width: 100%; border: 1px solid #c5c2c1; padding: 15px 75px 15px 18px; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; background-size: cover; } .halfHeightBanner:hover { color: #ffffff; } .fullHeightBanner.pioBanner { background: #867772 url(../images/conversion-of-PIO-oci-card.jpg) right top no-repeat; } .halfHeightBanner.consularBanner { background: #336494 url(../images/consular-passport-visa-division.jpg) right top no-repeat; } .halfHeightBanner.yogaDayBanner { background: #b0933b url(../images/20-mission-driven-social.jpg) right top no-repeat; padding-right: 75px; } .halfHeightBanner.mansarovarBanner { background: #505ab3 url(../images/kailash-mansarovar-yatra-logo.jpg) right top no-repeat; } .fullHeightBanner { display: block; min-height: 168px; width: 100%; border: 1px solid #e3e3e3; padding: 46px 15px 15px 15px; font-size: 22px; font-weight: bold; color: #195c9f; text-decoration: none; background-size: 100% 100% !important; line-height: 1.3; position: relative; } .fullHeightBanner span { font-size: 14px; color: #195c9f; display: block; font-weight: 400; text-decoration: underline; position: absolute; left: 15px; bottom: 15px; display: none; } .fullHeightBanner.logoContestBanner { background: #fff url(../images/new-logo-content-img.jpg) right top no-repeat; padding-right: 75px; color: #195c9f; padding: 15px; text-align: center; } .fullHeightBanner.logoContest2 { background: #fff url(../images/mygov-new-banner.png) right top no-repeat; padding-right: 75px; color: #195c9f; padding: 15px; text-align: center; } .fullHeightBanner.glaceInidaBanner { background: #fff url(../images/glance-india.jpg) right top no-repeat; color: #f26522; } .fullHeightBanner.maeSocialIndiaBanner { background: #fff url(../images/mea-social-bg.jpg) center top no-repeat; color: #144c84; text-align: center; vertical-align: middle; font-size: 25px; font-weight: bold; text-decoration: none; padding: 0; background-size: cover; text-transform: uppercase; } .fullHeightBanner.maeSocialIndiaBanner span, .fullHeightBanner.logoContestBanner span, .pioBanner span { display: inline-block; position: static; text-decoration: none; } .fullHeightBanner.maeSocialIndiaBanner .socialText { display: none; color: #144c84; font-size: 25px; font-weight: bold; width: 100%; margin-top: 10%; } .fullHeightBanner.maeSocialIndiaBanner span.socialTitle { font-size: 37px; font-weight: bold; } .fullHeightBanner.logoContestBanner span { text-align: center; display: inline-block; margin-bottom: 2px; padding: 8px 10px; color: #fff; font-size: 18px; font-weight: bold; } .fullHeightBanner.logoContestBanner span.orgBgTitle { background: #f26522; } .fullHeightBanner.logoContestBanner span.blueBgTitle { background: #144c84; } .fullHeightBanner.logoContestBanner .logoContestText { margin-top: 10%; display: none; } .frenchDoc .fullHeightBanner.logoContestBanner span { padding: 8px 5px; } .pioBanner .poiText { font-size: 18px; font-weight: bold; color: #144c84; position: absolute; bottom: 20px; left: 0; width: 100%; padding: 0 15px; } /****************newslider******************/ .indexBanner .contentWidthSlider .dataSlider { background: none; } .indexBanner .contentWidthSlider .sliderImg { width: 100%; max-height: 600px; } .indexBanner .contentWidthSlider .bannerCaption { position: static; left: 0; width: 100%; /*height:40px; isb - 10 feb 2024 */ } /* .indexBanner .contentWidthSlider .sliderText { position: absolute; min-height: 100px; width: 100%; left: 0; top: auto; bottom: 0; height: auto; padding-top: 20px; text-align: left; } */ /* added 24 feb 2024 - isb */ .indexBanner .contentWidthSlider .sliderText { position: absolute; min-height: 50px; width: 100%; left: 0; top: auto; bottom: 0; height: auto; padding: 15px; } .indexBanner .contentWidthSlider .sliderText { background: rgb(22 46 106 / 100%); /* added 24 feb 2024 - isb */ } .indexBanner .contentWidthSlider .sliderText:before { /* background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%); */ content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; } .indexBanner .contentWidthSlider .container { position: relative; } .indexBanner .contentWidthSlider .bannerCaption .date { margin-bottom: 0; margin-top: 5px; padding-bottom: 0; } .indexBanner .sliderControlWrap { float: left; padding-left: 0; width: 100%; margin-top: 10px; } .indexBanner .bannerLinks { float: left; margin-bottom: 10px; } .indexBanner .contentWidthSlider .sliderControlLinks { top: 5px; bottom: auto; width: 215px; right: 15px; } .indexBanner .contentWidthSlider .photoOf { display: inline-block; font-style: italic; margin-top: 0; font-size: 15px; } /* .indexBanner .contentWidthSlider .bannerCaption .title { font-size: 15px; line-height: 1.3; } */ /* isb 24 feb 2024 */ .indexBanner .contentWidthSlider .bannerCaption .title { padding: 10px; font-size: 16px; line-height: 1.3; font-weight: 400; text-align: center; } /* isb 24 feb 2024 - uncomment this for small image .slider_area{ margin: 0 15% 0 15%; align-items: center; justify-content: center; } */ .slider_area img { width:100%; max-width: 100%; } /* isb 08 feb 2024 */ .indexBanner .contentWidthSlider .sliderReadmore { margin-bottom: 0; } .noJS .indexBanner { max-height: 450px; min-height: 250px; } .noJS .indexBanner { height: 450px; overflow: hidden; } .indexBanner .contentWidthSlider .sliderControls { margin-top: 0; float: right; margin-right: 0; } .indexBanner .contentWidthSlider .bannerLinks { float: right; text-align: right; } .noJS .indexBanner .contentWidthSlider .sliderNavButtons { right: 15px; top: 10px; left: auto; text-align: right; position: static; } .noJS .indexBanner .item { max-height: 450px; float: left; width: 100%; } .noJS .indexBanner .contentWidthSlider .bannerLinks { width: 100%; text-align: right; } .noJS .indexBanner .contentWidthSlider .bannerLinks a:first-child, .indexBanner .contentWidthSlider .bannerLinks a:first-child { margin-right: 0; } .noJS .sliderNavButtons .next, .noJS .sliderNavButtons .back_disable { text-indent: 9999px; } .noJS .indexBanner .contentWidthSlider .sliderControls { display: none; } .indexBanner .contentWidthSlider .bannerLinks a { padding-left: 0; text-decoration: none; background: #fe7704; color: #fff; font-weight: 400; font-size: 16px; padding: 5px 10px; border: 1px solid #fe7704; transition: all 0.5s ease; position: relative; overflow: hidden; } .indexBanner .contentWidthSlider .bannerLinks a:hover { text-decoration: none; color: #fe7704; background: #fff; } .indexBanner .contentWidthSlider .bannerLinks a:after { position: absolute; transition: 0.3s; content: ""; width: 0; bottom: 0; background: #f26522; height: 120%; left: -10%; transform: skewX(15deg); z-index: -1; } .indexBanner .contentWidthSlider .bannerLinks a:hover:after { left: -10%; width: 120%; } .indexBanner .contentWidthSlider .sliderReadmore a.button { background: none; padding: 0; text-decoration: underline; box-shadow: none; -webkit-box-shadow: none; } .indexBanner .contentWidthSlider .sliderReadmore a.button:hover { text-decoration: none; } .articlesLeftImg { width: 125px; float: left; overflow: hidden; padding-right: 15px; } .articlesLeftImg img { width: 100%; height: auto; border: 1px solid #e5e5e5; } .articlesDetail h3 { font-size: 1.200em; color: #195c9f; font-weight: 600; margin-bottom: 10px; } .articlesHeading { font-size: 1.200em; color: #f78c09; font-weight: 600; margin-bottom: 10px; } .headerFixedDecrease { margin-top: 124px; } .breadcrumbOuter { border-bottom: 1px solid rgba(107, 129, 172, 0.35); padding: 0; margin: 0 0 40px; } .whatsNewButton { float: right; width: auto; padding-top: 10px; display: flex; margin: 0 5px; } .whatsNewButton a { /*background: #fe7704;*/ background: #DD2F03; /* 29 feb 2024 */ padding: 10px; text-decoration: none; border-radius: 6px; color: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border: 1px solid #fe7704; height: 47px; line-height: normal; font-weight: 500; font-size:1.2em; } @media all and (max-width: 767px) { .socialIconBox_top{ display:none; } .sliderTextOuter { overflow: hidden !important; height: 100% !important; position: relative !important; width:100% !important; } .whatsNewButton{ display:none; } } /* MEA Performance dashboard related */ .videoBriefBlock .customSliderHead .title1 { color: #323232; } .noJS .customSliderHead { height: 300px; } .customSliderHead .pdowlStop, .customSliderHead .pdowlPlay { position: absolute; left: 10px; bottom: 10px; z-index: 10; } .customSliderHead { display: flex; justify-content: space-between; align-items: inherit; flex-wrap: wrap; position: relative; } .perfSmartIcon { margin: 0 10px; float: left; color: #fff; } .perfSmartIcon img { animation: spin 30s linear infinite; } .customSliderHead .title1 { font-family: "PoppinsSemiBold"; color: #323232; } .customSliderHead .orgLink { padding-right: 80px; color: #fff; } .blueCol { color: #3490e1; } .greyCol { color: #747474; } .readMoreLink { color: #3490e1 !important; font-size: 16px; text-decoration: underline !important; transition: all 0.3s; } .readMoreLink:hover { color: #25578c !important; } .vandeBharatMissionContent { background-color: #e7f6fd; padding: 25px; margin-bottom: 20px; } .vandeBharatMissionContent p { margin: 0; } .smartBoardTitle { width: 30%; z-index: 1; min-height: 280px; background: #162f6a; padding: 70px 0 0 0; } .perfSmartBoard .customSliderHead .title1 { font-size: 1.25em; font-family: "PoppinsBold"; } .perfSmartBoard .customSliderHead .title1 .normalText { font-family: "PoppinsRegular"; font-size: 0.9em; } .performSlider { width: 70%; } .performSlider .arrowControl .owl-nav { right: 0; } .arrowControl.performArrow .owl-nav { top: 50%; width: 100%; justify-content: space-between; } .arrowControl.performArrow .owl-nav .owl-next { margin-right: -10px; background: #fff; color: #000; } .arrowControl.performArrow .owl-nav .owl-prev { margin-left: -10px; background: #fff; color: #000; } .perfSmartBoard .customSliderHead { background: #f0f0f0; padding: 20px 20px 20px 0; margin-top: 28px; position: relative; overflow: hidden; } .perfSmartBoard .customSliderHead:before { height: 100%; width: 50%; content: ""; position: absolute; left: -10%; transform: skewX(160deg); top: 0; background: #162f6a; } .perfSmartIcon { margin: 0 10px; float: left; color: #fff; } .perfSmartIcon img { animation: spin 30s linear infinite; } .perfSmartBoard .customSliderHead .title1 { color: #fff; margin: 0; padding: 0; } .noJS .perfSmartBoard .item { float: left; } .noJS .perfSmartBoardInfo { max-width: 190px; } .perfSmartBoardCont h4.title2 { font-size: 1.4em; } .perfSmartBoard { position: relative; display: flex; margin: 0 -15px; } .perfSmartBoard .owl-item, .perfSmartBoard .owl-stage { display: flex; } .perfSmartBoardIcon { width: 70px; margin-bottom: 5px; height: 55px; } .perfSmartBoardIcon img { max-height: 55px; } .perfSmartBoardInfo { display: flex; justify-content: center; min-height: 280px; flex-wrap: wrap; border: 1px solid #cccccc; padding: 20px; border-bottom: 3px solid #162f6a; background: #fff; position: relative; left: 1px; } .perfSmartBoardCont { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 0px; } .perfSmartBoardCont p { font-size: 0.9375em; line-height: 1.2; } .perfSmartBoardCont .title2 { font-family: "PoppinsSemiBold"; } .perfSmartBoardIcon img { width: 100%; } .perfSmartBoardInfo p, .perfSmartBoardInfo .title2 { width: 100%; text-align: center; margin: 0px; transition: all 0.5s ease; } .perfSmartBoardContTxt { min-height: 60px; } .perfSmartBoard .owl-hidden { opacity: 1 !important; } .perfSmartBoardContNext, .perfSmartBoardContPrev { border: 1px solid #000; display: inline-block; } .perfSmartBoard .perfmDash .item a { text-decoration: none; } .perfSmartBoard .perfmDash .item a:hover { color: #f26522; } .perfSmartBoard .customSliderHead .orgLink { color: #28bcf3; padding: 10px 20px; display: block; text-align: center; } .perfSmartBoard .customSliderHead .orgLink:hover { background: #fff; } .perfSmartBoard .customSliderHead .perSmartBoheadRgt { margin-top: 40px; } .perfSmartBoardInfo p.smallFont { font-size: 14px !important; } .perSmartBoheadRgt { text-align: left; padding-top: 10px; padding-right: 30px; } /*home changes Performance Dashboard Css*/ .perfomanceDash { margin: 20px 0; } .perfomanceDash .dashBoradPerfomace { text-align: center; width: 100%; background: #a22631; padding: 8px 0; } .perfomanceDash .dashBoradPerfomace a { float: none; display: inline-block; color: #fff; font-size: 24px; text-decoration: none; font-weight: 600; } .perfomanceDash .dashBoradPerfomace.sectionSecond { background: #f76019; padding: 0 0; } .perfomanceDash .dashBoradPerfomace.sectionSecond a { font-size: 16px; font-weight: 400; padding: 10px 15px; border-right: 1px solid #f87f46; width: 20%; transition: all 0.3s ease-out; } .perfomanceDash .dashBoradPerfomace.sectionSecond a:hover { background: #a22631; } .perfomanceDash .dashBoradPerfomace.sectionSecond a:last-child { border: 0; } @media all and (max-width: 900px) { .perfomanceDash .dashBoradPerfomace.sectionSecond a { padding: 5px 0 5px; border-right: 0; width: 25%; border-bottom: 1px solid #f87f46; } } @media all and (max-width: 812px) { .perfomanceDash .dashBoradPerfomace.sectionSecond a { width: 50%; } } @media all and (max-width: 480px) { .perfomanceDash .dashBoradPerfomace.sectionSecond a { width: 100%; } } .perfomanceDash.slider .dashBoradPerfomace { float: none; display: inline-block; color: #fff; font-size: 24px; text-decoration: none; font-weight: 600; background: #1a5b9e; } .perfomanceDash.slider { margin: 20px 0 0; } .perfomanceDashSlider .perfomaceSlide .sliderContent { float: left; width: 100%; min-height: 135px; } .perfomanceDashSlider .perfomaceSlide .sliderContent img { max-width: 100%; float: none; width: auto; display: block; margin: 0 0 10px; } .perfomanceDashSlider .perfomaceSlide .sliderContent span.counter { float: left; width: 100%; font-size: 19px; font-weight: 700; color: #253567; margin: 0 0 0; } .perfomanceDashSlider .perfomaceSlide .sliderContent span.title { float: left; width: 100%; font-size: 13px; color: #646e85; margin: 0 0 0; } .perfomanceDashSlider .perfomaceSlide .sliderContent .date { float: right; width: auto; font-size: 10px; color: #646e85; margin: 0; position: absolute; bottom: 10px; right: 5px; } .perfomanceDashSlider .perfomaceSlide { float: left; width: 100%; background: #fff; padding: 20px 0 20px 15px; border-radius: 3px; } .perfomanceDashSlider .owl-stage-outer { float: left; width: 100%; background: #e3e0e1; border: 1px solid #e3e0e1; } .perfomanceDashSlider .owl-controls { float: left; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); } .perfomanceDashSlider .owl-controls .owl-prev { float: left; position: absolute; left: -20px; text-indent: -9999999999px; } .perfomanceDashSlider .owl-controls .owl-prev:before { content: ""; background: url(https://www.hcicolombo.gov.in/images/back-slider.png) no-repeat; position: absolute; width: 13px; height: 23px; left: 0; top: 0; } .perfomanceDashSlider .owl-controls .owl-next { float: left; position: absolute; right: 0px; text-indent: -9999999999px; } .perfomanceDashSlider .owl-controls .owl-next:before { content: ""; background: url(https://www.hcicolombo.gov.in/images/next-slider.png) no-repeat; position: absolute; width: 13px; height: 23px; left: 0; top: 0; } .perfomanceDashSlider .owl-item a { float: left; width: 100%; transition: all 0.3s ease-out; } .perfomanceDashSliderMain { width: 100%; margin: 10px 0; } .perfomanceDashSliderMain .perfomanceDashSlider { display: inline-block; position: relative; width: 75%; padding: 10px; } .smartBoardLogo.logoAnimaton:after { content: ""; width: 450px; position: absolute; top: 0; left: 0; z-index: -9; height: 200px; border-top: 200px solid #195c9f; border-right: 100px solid transparent; } .smartBoardLogo.logoAnimaton:before { content: ""; background: url(https://www.hcicolombo.gov.in/images/download.png) no-repeat; position: absolute; width: 60px; height: 60px; top: 31px; left: 30px; animation: spin 30s linear infinite; -webkit-animation: spin 30s linear infinite; animation: spin 30s linear infinite; } .smartBoardLogo.logoAnimaton { background: #195c9f; float: left; width: 25%; position: relative; color: #fff; font-size: 26px; padding: 30px 0 0 95px; line-height: 32px; } .smartBoardLogo.logoAnimaton a.exploreBtn { float: left; color: #fff; text-decoration: none; position: absolute; left: 0; top: 120px; background: #195c9f; padding: 15px 35px; font-size: 22px; border-radius: 0; transition: all 0.3s ease-out; text-align: center; width: 305px; font-weight: 600; text-transform: uppercase; } .perfomanceDashSlider .owl-nav { display: none; } .perfomanceDashSliderMain .perfomanceDashSlider:after { content: ""; width: 820px; position: absolute; top: 0; right: 0; z-index: -9; height: 200px; border-bottom: 200px solid #e3e0e1; border-left: 100px solid transparent; } .smartBoardLogo.logoAnimaton a.exploreBtn:hover { background: #fff; color: #195c9f; } @media only screen and (max-width: 1100px) { .perfomanceDashSliderMain .perfomanceDashSlider { width: 100%; } .smartBoardLogo.logoAnimaton:after { width: 100%; border-top: 0; border-right: 0; background: #195c9f; } .perfomanceDashSliderMain .perfomanceDashSlider:after { width: 100%; border-bottom: 0; border-left: 0; background: #e3e0e1; } .smartBoardLogo.logoAnimaton { width: 100%; height: auto; text-align: center; padding: 20px 20px 20px 100px; } .smartBoardLogo.logoAnimaton a.exploreBtn { position: relative; left: auto; top: auto; float: none; display: inline-block; } .smartBoardLogo.logoAnimaton span { width: auto; margin: 0 15px 0 0; } .smartBoardLogo.logoAnimaton:before { top: 15px; left: auto; transform: translateY(-50%); margin: 0 0 0 -65px; } .perfomanceDashSlider .owl-controls { display: none; } } @media only screen and (max-width: 680px) { .smartBoardLogo.logoAnimaton a.exploreBtn { float: left; width: 100%; margin: 20px 0 0; background: #fff; color: #195c9f; padding: 4px 10px; font-size: 17px; } .smartBoardLogo.logoAnimaton:before { top: 23px; left: auto; transform: translateY(0); margin: 0 0 0 -65px; } .smartBoardLogo.logoAnimaton { padding: 20px; } .smartBoardLogo.logoAnimaton span { width: 100%; float: left; } } @-webkit-keyframes spin { 0% { -moz-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); } 100% { -moz-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); } } @keyframes spin { 0% { -moz-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); } 100% { -moz-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); } } #innerContent p.red.customDesign { font-style: italic; font-size: 16px; color: #cf4a0c; line-height: normal; font-weight: 600; } span.textRight { float: right; } .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; left: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; padding: 6px; color: #25578c; width: 25px; height: 25px; cursor: pointer; line-height: 10px; text-align: center; border: 1px solid #25578c; } .jvectormap-zoomin { bottom: 40px; } .jvectormap-zoomout { bottom: 10px; } .jvectormap-label { position: absolute; background: #195c9f; color: #fff; padding: 4px 8px; border-radius: 3px; border: 1px solid #060606; font-family: sans-serif; font-size: 14px; left: -99999%; } .markText { background: #36618e; color: #fff; } #ContentPlaceHolder1_MediaRegistrionBangladesh1_trMain input[type="file"] { height: 32px; padding: 6px 10px; } #ContentPlaceHolder1_MediaRegistrionBangladesh1_trMain .userForm .captchaImg { vertical-align: top; } #ContentPlaceHolder1_EAMVisitsMap1_CustomPager1_tblPager .mapRowBar { display: none !important; } .mapRowBar { display: none !important; } .videoDetails .readMore { display: none; } .videoBriefBlock .customSliderHead .title1 { color: #323232; } .videoWrap .homeVideoDetail p a, .videoWrap .homeVideoDetail p a:hover { color: #323232; } .videoDateTime .blueFont, .videoDateTime .blueFont a { color: #0e338a; } .greyFont, .greyFont a { color: #323232; } .videoBriefBlock .owl-controls .owl-nav .owl-next, .videoBriefBlock .owl-controls .owl-nav .owl-prev { color: #323232; } .pdowlStopIcon, .pdowlPlayIcon, .videoowlPlayIcon, .videoowlStopIcon, .mediaowlPlayIcon, .mediaowlStopIcon { display: inline-block; width: 25px; height: 25px; line-height: 25px; font-size: 0; text-decoration: none; overflow: hidden; background: url(https://www.hcicolombo.gov.in/images/ticket-play-pause.png) 0 0 no-repeat; text-indent: -9999px; } .pdowlPlayIcon, .videoowlPlayIcon, .mediaowlPlayIcon { background-position: 0 -26px; } .arrowControl .owl-nav { position: absolute; right: 30px; top: -50px; display: flex; } .arrowControl .owl-prev, .arrowControl .owl-next { border: 1px solid #ccc; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 5px; font-size: 0px; position: relative; color: #fff; } .arrowControl .owl-prev:before, .arrowControl .owl-next:before { position: absolute; left: 7px; top: 0px; font-family: fontAwesome; font-size: 18px; line-height: 22px; } .arrowControl .owl-prev:before { content: "\f104"; } .arrowControl .owl-next:before { content: "\f105"; } /* MEA Performance dashboard related */