@charset "utf-8"; /*=============================================================================================== Site Name: Indian Navy Theme URI: Description: this site is developed by STTL Version: 1.0 Author: Web Team ------------------------------------------------------------------------------------------------- Base Color: #60637b (Darker Grey with Darker Gradient Blue) Site Color: #fff (White) Header Color: #fff (White) Text Color: #636466 (Medium Grey) Title Color: #393939 (Dark Grey), #e65a15 (Orange) Footer Color: #070e45 (Darker Blue) //It's a main background color as footer is outside the wrapper ------------------------------------------------------------------------------------------------- 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{color: #0b1979; text-decoration: underline; -webkit-transition: 350ms ease; transition: 350ms ease; }a:focus {outline:thin dotted}a:hover,a:active {outline: 0;}a:hover {text-decoration:none;color:#222;}a:visited{/*color:#fff;*/}a:hover:visited{color:#222;}h1,h2,h3,h4,h5,h6 {font-weight:normal;}b,strong,dt,th { font: 1.071em 'proxima_novasemibold'; }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;} /********* Form fields *********/ button,input,select,textarea {margin: 0;vertical-align: baseline; -webkit-transition:350ms ease; transition:350ms ease; background-color:transparent; border:none;} 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;outline:none;} input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;margin:0 5px 0 0; -webkit-appearance: none;} 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:4px 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, .fieldset-legend { display: inline-block; padding-bottom: 5px; font: 1.143em 'proxima_novasemibold'; } /********* Clear floats *********/ .cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before, .logobar:before, .logobar:after, .mainNavigation:before, .mainNavigation:after, .scrollLogoBlock:before, .scrollLogoBlock:after, .scrollLogoBlock .item .unitWrap:before, .scrollLogoBlock .item .unitWrap:after, .titlebar:before, .titlebar:after, .tabberOuter:before, .tabberOuter:after, .viewAll:before, .viewAll:after, .mediaGallery:before, .mediaGallery:after, .medalSection:before, .medalSection:after, .innerContent .form-wrapper:before, .innerContent .form-wrapper:after, .listingView li:before, .listingView li:after, .view-shipmates .view-header:before, .view-shipmates .view-header:after, .ticker-wrapper:before, .ticker-wrapper:after { content: ''; display: table; } .cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after, .logobar:after, .mainNavigation:after, .scrollLogoBlock:after, .scrollLogoBlock .item .unitWrap:after, .titlebar:after, .tabberOuter:after, .viewAll:after, .mediaGallery:after, .medalSection:after, .innerContent .form-wrapper:after, .listingView li:after, .view-shipmates .view-header:after, .ticker-wrapper:after { clear: both; } /********* Common Classes *********/ hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:20px 0;padding:0} body,button,input,select,textarea { color: #454545; font: 87.5%/1.5 'proxima_nova_rgregular', Arial, Helvetica, sans-serif; } body { background: #141a4e url(../images/bg.gif) left top repeat-x; } h1 { color: #103976; font: 1.929em 'oswaldbook'; } h2 { color: #097dc7; font: 1.429em 'proxima_novasemibold'; } h3 { color: #222; font: 1.286em 'proxima_novasemibold'; } h4 { color: #333; font: 1.143em 'proxima_novasemibold'; } h5 {font-size: 1.385em;} h6 {font-size: 1.231em;} ul {padding:0 0 0 15px;} ol { padding:0 0 0 20px} ul ul,ol ol, ol li ul.bulletText { margin:10px 0} ol li { font-size: 1.143em; } ul.bulletText, .node-news ul, .node-press-release ul, .node-tender .links { list-style: none; padding: 0; } ul.bulletText li, .node-news ul li, .node-press-release ul li, .node-tender .links li { margin: 0 0 5px; padding: 2px 0 2px 15px; font-size: 1.143em; background: url(../images/bullet.png) left 8px no-repeat; } ul.bulletText li li, .node-news ul li li, .node-press-release ul li li, ol li ul.bulletText li, ul.bulletText.search-results li p { font-size: 1em; } ul.bulletText li a, .node-news ul li a, .node-press-release ul li a, .node-tender a, .node-tender .links li a { text-decoration: none; } p,h1,h2,h3,h4,h5,h6,ul,ol,dd,table,fieldset,address {margin: 0 0 20px;} 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 #cdcdcd;width:100%;height:32px; padding:5px 10px;} input[type="submit"], input[type="button"],input[type="reset"],button,.button{ color:#fff; font: 1em 'proxima_novasemibold'; border:1px solid #0f8ddd; background-color:#0f8ddd; } input[type="submit"]:hover, input[type="button"]:hover,input[type="reset"]:hover,button:hover,.button:hover{color:#fff; border-color:#0c7ac0; background-color:#0c7ac0;} input[type="submit"].cancelBtn, input[type="button"].cancelBtn,input[type="reset"].cancelBtn {background-color:#888;} .alignLeft { float:left} .alignRight { float:right;} .clear { clear: both; } .displayNone, .hasJS noscript, .hideThis{display:none!important;visibility:hidden} .jsRequired { width:100%; display:block; color:#fff; font-size:15px; line-height:34px; text-align:center; border:0 none; background-color:#C00; } .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: 0 5px 0 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;} .sprite { display: inline-block; vertical-align: middle; background: url(../images/sprite.png) left top no-repeat; } .before :before { content: ''; position: absolute; left: 0; top: 0; -webkit-transition: 350ms ease; transition: 350ms ease; background: url(../images/sprite.png) left top no-repeat; } .blue { color: #103976; } .pdfIcon { width: 18px; height:18px; margin-left: 5px; } [data-label="Download"] .pdfIcon { margin-left: 0; } /********* Fonts *********/ @font-face { font-family: 'proxima_nova_rgregular'; src: url('fonts/proximanova-reg.eot'); src: url('fonts/proximanova-reg.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-reg.woff2') format('woff2'), url('fonts/proximanova-reg.woff') format('woff'), url('fonts/proximanova-reg.ttf') format('truetype'), url('fonts/proximanova-reg.svg#proxima_nova_rgregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_novasemibold'; src: url('fonts/proximanova-sbold.eot'); src: url('fonts/proximanova-sbold.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-sbold.woff2') format('woff2'), url('fonts/proximanova-sbold.woff') format('woff'), url('fonts/proximanova-sbold.ttf') format('truetype'), url('fonts/proximanova-sbold.svg#proxima_novasemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_rgbold'; src: url('fonts/proximanova-bold.eot'); src: url('fonts/proximanova-bold.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-bold.woff2') format('woff2'), url('fonts/proximanova-bold.woff') format('woff'), url('fonts/proximanova-bold.ttf') format('truetype'), url('fonts/proximanova-bold.svg#proxima_nova_rgbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswaldlight'; src: url('fonts/oswald-light-webfont.eot'); src: url('fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-light-webfont.woff2') format('woff2'), url('fonts/oswald-light-webfont.woff') format('woff'), url('fonts/oswald-light-webfont.ttf') format('truetype'), url('fonts/oswald-light-webfont.svg#oswaldlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswaldbook'; src: url('fonts/oswald-regular-webfont.eot'); src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-regular-webfont.woff2') format('woff2'), url('fonts/oswald-regular-webfont.woff') format('woff'), url('fonts/oswald-regular-webfont.ttf') format('truetype'), url('fonts/oswald-regular-webfont.svg#oswaldbook') format('svg'); font-weight: normal; font-style: normal; } /********** 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;} .error, .noresult, .view-empty p{display:block; margin: 5px 0 15px; padding:5px 0; color:#fff; font-size: 1.071em!important; /*margin:15px 0; text-align:center!important; background-color:#f00;*/} .view-empty p { color:#454545} /********** Table **********/ .tableOut { overflow-y:hidden; overflow-x:auto} table, .tableData{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;border-top:1px solid #cedde6;border-left:1px solid #cedde6;} table caption { display: none; } table table, .tableData table { margin:0} th,td, .tableData th, .tableData td {border:none; padding:8px 10px;border-bottom:1px solid #cedde6;border-right:1px solid #cedde6;} table td a { text-decoration: none; } table tr:nth-child(odd) td, .tableRowOdd{background-color:#eff7fc;} caption,th,td {font-weight: normal; font-size: 1.071em; background:#fff} table th, .tableData th{color:#fff; background-color:#0b79c0} table th a, .tableData th a, table th a:hover, .tableData th a:hover, table th a:visited, .tableData th a:visited { color: #fff!important; } table th a img, .tableData th a img { margin-left: 3px; } .tableScroll { overflow-y:hidden; overflow-x:auto} /* ******** Grid : 12 Coloum and Boxs ******** */ .example div div, .example .boxs li {border:1px solid #eee; margin-bottom:15px; padding-top:15px; padding-bottom:15px} .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; clear:both; position:relative; z-index:11; background-color:#111b69; } .toggleMenu { display:none; padding:12px 15px 10px; text-decoration:none } .toggleMenu .mobileMenu { font-size:1.214em; color:#fff; } .toggleMenu .iconBar { float:right; width:25px; height:25px; background:url(../images/mobile-menu.png) no-repeat center center; } #nice-menu-1, #nice-menu-1 ul { list-style:none; margin:0; padding:0;} #nice-menu-1 { margin-right: -10px; } #nice-menu-1 li { float:left; margin:0; padding:0; position:relative; } #nice-menu-1 li a { display: block; margin: 0 25px; padding: 10px 0; line-height: 36px; color: #fff; font-size: 1.26em; text-decoration: none; position: relative; } #nice-menu-1 ul { width: 210px; padding: 0; position: absolute; left: 27px; top: 100%; } .hasJS #nice-menu-1 ul { opacity:0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } #nice-menu-1 ul li { float:left; height:auto; width:100%; margin:0; padding:0; } #nice-menu-1 ul li a { margin: 0; font-size: 1.143em; line-height: 24px; color: #fff; border: none; border-bottom: 1px solid #06639f; padding: 6px 15px; text-align: left; background-color: #0a6eae; } #nice-menu-1 ul ul { left:100%; top:0; } /*#nice-menu-1 a:hover, .noJS #nice-menu-1 a:focus, #nice-menu-1 ul .hover > a, #nice-menu-1 ul .focus > a { color:#fff }*/ #nice-menu-1 ul a:hover, .noJS #nice-menu-1 ul a:focus, #nice-menu-1 ul a.active { color:#fff; } #nice-menu-1 ul, #nice-menu-1 :hover ul ul, #nice-menu-1 .hover ul ul, #nice-menu-1 .focus ul ul { margin-left:-9999px } #nice-menu-1 li:hover > ul, #nice-menu-1 li.hover > ul, #nice-menu-1 li.focus > ul, #nice-menu-1 a:focus + ul, #nice-menu-1 ul ul, .noJS #nice-menu-1 .hover a:focus, .noJS #nice-menu-1 .focus a:focus { margin-left:0 } /*#nice-menu-1 > li > a:hover, #nice-menu-1 > li.hover > a, #nice-menu-1 > li.focus > a, #nice-menu-1 > .highlight > a { }*/ #nice-menu-1 li ul li a:hover, #nice-menu-1 li ul li > a.active, #nice-menu-1 ul a:hover, .noJS #nice-menu-1 ul a:focus, #nice-menu-1 ul a.active, #nice-menu-1 ul > .highlight > a { background-color: #06639f; } #nice-menu-1 ul li.focus > a { color: #fff; background-color: #06639f; } #nice-menu-1 .menuIcon { display:none; position:absolute; right:5px; top:20px; width:9px; height:9px; } #nice-menu-1 li .menuIcon { background:url(../images/down-arrow.gif) no-repeat right center; z-index:10} #nice-menu-1 li li .menuIcon {display:block; background:url(../images/right-arrow.gif) no-repeat right center; top:13px; right:10px;z-index:11} #nice-menu-1 li li li .menuIcon { z-index:12} #nice-menu-1 li li li li .menuIcon { z-index:13} .noJS #nice-menu-1 ul a:focus { width:200px; } .noJS #nice-menu-1 ul a:focus, .noJS #nice-menu-1 ul a:focus + ul { margin-left:9999px } .noJS #nice-menu-1 ul a:active { margin-left:0 } .hasJS .menuPart #nice-menu-1 a:focus + ul, .hasJS .menuPart #nice-menu-1 li.focus > ul, .hasJS .menuPart #nice-menu-1 li.hover > ul, .hasJS .menuPart #nice-menu-1 li:hover > ul, .hasJS .menuPart #nice-menu-1 ul ul { opacity: 1; } #nice-menu-1 ul li:hover > a { background-color: #06639f; } /*#nice-menu-1 li.last{ padding:0 2px;}*/ #nice-menu-1 li a:before, #nice-menu-1 li.focus a:before, #nice-menu-1 li.active-trail > a:before { width: 100%; content: ''; position: absolute; left: 0; top: 0; -webkit-transition: 350ms ease; transition: 350ms ease; border: 3px solid transparent; } #nice-menu-1 li a:hover:before, #nice-menu-1 > li:hover > a:before, #nice-menu-1 > li.focus a:before, #nice-menu-1 > li.active-trail > a:before { border-color: #0f8ad9; } #nice-menu-1 li li a:before, #nice-menu-1 li.focus li a:before, #nice-menu-1 > li.active-trail li > a:before { border: none; } /*.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; } #nice-menu-1, #nice-menu-1 ul { list-style:none; margin:0; padding:0;} #nice-menu-1 li { width: 36%; float:left; margin: 0 4% 15px 0; padding:0; position:relative;} #nice-menu-1 li a { padding:9px 0 9px 65px; line-height:36px; color:#fff; font-size:1.357em; display:block; position: relative; text-decoration:none } #nice-menu-1 li a:hover:before { border-color: #ffc000; } #nice-menu-1 ul {width:300px; top:100%; padding:0; left:0; position:absolute;} .hasJS #nice-menu-1 ul{opacity:0; transition: opacity 350ms linear; -webkit-transition: opacity 350ms linear; } #nice-menu-1 ul li { float:left; height:auto; width:100%; margin:0; padding:0; } #nice-menu-1 ul li a { display:block; background-color:#dbdbdb; font-size:1em; line-height:24px; color:#060613; border:none; border-top:1px solid #e4e3e3; padding:5px 15px 5px 15px; text-align:left; } #nice-menu-1 ul ul {top:0; left:300px } */ /*#nice-menu-1 a:hover, .noJS #nice-menu-1 a:focus, #nice-menu-1 ul .hover > a, #nice-menu-1 ul .focus > a { color:#fff }*/ /*#nice-menu-1 ul a:hover, .noJS #nice-menu-1 ul a:focus, #nice-menu-1 ul a.selected { color:#7fb6e9 } #nice-menu-1 ul, #nice-menu-1 :hover ul ul, #nice-menu-1 .hover ul ul, #nice-menu-1 .focus ul ul { margin-left:-9999px } #nice-menu-1 li:hover > ul, #nice-menu-1 li.hover > ul, #nice-menu-1 li.focus > ul, #nice-menu-1 a:focus + ul, #nice-menu-1 ul ul, .noJS #nice-menu-1 .hover a:focus, .noJS #nice-menu-1 .focus a:focus { margin-left:0 } #nice-menu-1 > li > a:hover, #nice-menu-1 > li.hover > a, #nice-menu-1 > li.focus > a, #nice-menu-1 > .highlight > a { color:#ffc000; } #nice-menu-1 li ul li a:hover, #nice-menu-1 li ul li > a.selected, #nice-menu-1 ul a:hover, .noJS #nice-menu-1 ul a:focus, #nice-menu-1 ul a.selected, #nice-menu-1 ul > .highlight > a { background-color:#e9e9e9; color:#060613 } #nice-menu-1 ul li.focus > a { background-color:#e9e9e9; color:#060613; display:block; } #nice-menu-1 .menuIcon {display:none; position:absolute; right:5px; top:20px; width:9px; height:9px;} #nice-menu-1 li .menuIcon { background:url(../images/down-arrow.gif) no-repeat right center; z-index:10} #nice-menu-1 li li .menuIcon {display:block; background:url(../images/right-arrow.gif) no-repeat right center; top:13px; right:10px;z-index:11} #nice-menu-1 li li li .menuIcon { z-index:12} #nice-menu-1 li .menuIcon.active { transform:rotate(180deg); -webkit-transform:rotate(180deg); } .noJS #nice-menu-1 ul a:focus { width:200px; } .noJS #nice-menu-1 ul a:focus, .noJS #nice-menu-1 ul a:focus + ul { margin-left:9999px } .noJS #nice-menu-1 ul a:active { margin-left:0 } .hasJS .menuPart #nice-menu-1 a:focus + ul,.hasJS .menuPart #nice-menu-1 li.focus > ul,.hasJS .menuPart #nice-menu-1 li.hover > ul,.hasJS .menuPart #nice-menu-1 li:hover > ul,.hasJS .menuPart #nice-menu-1 ul ul{ opacity: 1; }*/ /*#nice-menu-1 li:nth-child(3n), .navalUnitsLogos li:nth-child(4n) { width: auto; margin-right: 0; } #nice-menu-1 li:nth-child(n+6), .navalUnitsLogos li:nth-child(n+5) { margin-bottom: 0; } #nice-menu-1 li a:before { width: 53px; height: 54px; content: ''; position: absolute; left: 0; top: 0; -webkit-transition: 350ms ease; transition: 350ms ease; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #373d9b; background: #0b1979 url(../images/sprite.png) left top no-repeat; } #nice-menu-1 li a:hover:before { border-color: #ffc000; } #nice-menu-1 li a.aboutNavy:before { background-position: -157px -226px; } #nice-menu-1 li a.aboutNavy:hover:before { background-position: -209px -226px; } #nice-menu-1 li a.leadership:before { background-position: -154px -277px; } #nice-menu-1 li a.leadership:hover:before { background-position: -206px -277px; } #nice-menu-1 li a.miscellaneous:before { background-position: -157px -330px; } #nice-menu-1 li a.miscellaneous:hover:before { background-position: -209px -330px; } #nice-menu-1 li a.tenderInquiry:before { background-position: -158px -377px; } #nice-menu-1 li a.tenderInquiry:hover:before { background-position: -210px -377px; } #nice-menu-1 li a.whatWeDo:before { background-position: -159px -425px; } #nice-menu-1 li a.whatWeDo:hover:before { background-position: -211px -425px; } #nice-menu-1 li a.personnel:before { background-position: -157px -473px; } #nice-menu-1 li a.personnel:hover:before { background-position: -209px -473px; } #nice-menu-1 li a.indiInnovation:before { background-position: -157px -524px; } #nice-menu-1 li a.indiInnovation:hover:before { background-position: -210px -524px; } #nice-menu-1 li a.photoGallery:before { background-position: -159px -574px; } #nice-menu-1 li a.photoGallery:hover:before { background-position: -212px -574px; } #nice-menu-1 li a.organisation:before { background-position: -158px -622px; } #nice-menu-1 li a.organisation:hover:before { background-position: -210px -622px; } #nice-menu-1 li a.welfare:before { background-position: -158px -673px; } #nice-menu-1 li a.welfare:hover:before { background-position: -210px -673px; } #nice-menu-1 li a.greenInit:before { background-position: -158px -721px; } #nice-menu-1 li a.greenInit:hover:before { background-position: -210px -721px; } #nice-menu-1 li a.videoGallery:before { background-position: -150px -765px; } #nice-menu-1 li a.videoGallery:hover:before { background-position: -202px -765px; } #nice-menu-1 li a.media:before { background-position: -159px -574px; } #nice-menu-1 li a.media:hover:before { background-position: -212px -574px; } #nice-menu-1 li a.contact:before { background-position: -158px -808px; } #nice-menu-1 li a.contact:hover:before { background-position: -210px -808px; }*/ /* ******** Index Slider ******** */ .region-home-slider { clear: both; } .indexBanner { position:relative; } .indexBanner .sliderBanner .owl-item { overflow: hidden; } .indexBanner .sliderBanner .item { height: 380px; } .indexBanner .sliderBanner .item img { height: 100%; } .noJS .indexBanner { height: 380px; overflow: hidden; } .indexBanner .owl-theme .owl-controls { margin: 0; } /********** Owl Carousel **********/ .owl-carousel .animated {-webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .owl-carousel .owl-animated-in {z-index: 0;} .owl-carousel .owl-animated-out {z-index: 1;} .owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;} .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 {display: none;width: 100%;-webkit-tap-highlight-color: transparent;/* position relative and z-index fix webkit rendering fonts issue */position: relative;z-index: 1;} .owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;} .owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;/* fix for flashing background */-webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel.owl-loaded {display: block;} .owl-carousel.owl-loading {opacity: 0;display: block;} .owl-carousel.owl-hidden {opacity: 0;} .owl-carousel .owl-refresh .owl-item {display: none;} .owl-carousel .owl-item {position: relative;min-height: 1px;float: left;} .owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d;} .owl-carousel .owl-grab {cursor: move;} .owl-carousel.owl-rtl {direction: rtl;} .owl-carousel.owl-rtl .owl-item {float: right;} .owl-carousel .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-carousel .owl-item img {transform-style: preserve-3d;} .owl-carousel .owl-video-wrapper {position: relative;height: 100%;background: #000;} .owl-carousel .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-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {display: none;} .owl-carousel .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-carousel .owl-video-frame {position: relative;z-index: 1;} .owlCarousel .item { text-align:center; height:100px; line-height:100px;} .owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none} .owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default} .owl-theme .owl-dots .owl-dot, .noJS .owl-dots .owl-dot{display:inline-block;} .owl-theme .owl-dots .owl-dot span, .noJS .owl-dots .owl-dot a{width:10px;height:10px;margin:5px 3px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px} .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span,.noJS .owl-dots .owl-dot.active a{background:#869791} .noScript { display:none;} .no-js .owl-carousel {display: block;} /********** 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: 14px;font-weight: bold;color: #fff;} .resTab .tabNav .r-tabs-state-active a {color: #00c5ad;text-shadow: none;background-color: white;} .resTab .tabContent {padding: 15px;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;} .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 .tabContainer { height:150px; overflow:hidden} .noJS .resTab .tabContent { display:block; height:150px} /********* Back to Top **********/ #backtotop{background:url(../images/backtotop.png) no-repeat;cursor:pointer;display:none;height:22px;width:22px;overflow:hidden;color:#fff;position:fixed;right:10px;bottom:10px;text-indent:-999em;z-index:999;} /********* Accordion ******** */ /*.accordion .accTrigger { background: url(../images/right-arrow.png) right 15px no-repeat; } .accordion .accTrigger a { display: block; text-decoration: none; outline: 0; } .accordion .accTrigger.active { background-image: url(../images/down-arrow.png);} .accordDetail { display: none; padding: 5px 10px; }*/ .noJS .accordion .accTrigger {background:none; padding-left:0} .noJS .accordDetail { display:block; padding:10px 0} /********* Marquee *********/ .marquee { overflow:hidden; } .region-marquee-slider { padding: 7px 0; overflow:hidden; position: relative; background-color: #cdcdcd; } .region-marquee-slider div { height: auto!important; } .region-marquee-slider ul { margin: 0; padding: 0; } .region-marquee-slider li { display: inline; padding-left: 12px; margin-right: 15px; color: #000; background: url(../images/bullet.png) left 1px no-repeat; } .region-marquee-slider .btnMPause { width: 30px; height: 35px; overflow: hidden; text-indent: -999em; position: absolute; right: 0; top: 0; background-color: #111b69; background-position: -10px -1075px; } .region-marquee-slider .btnMPause.play { background-position: 10px -1075px; } .noJS .btnMPause { display: none; } .noJS .region-marquee-slider { overflow-y: hidden; overflow-x: auto; } .noJS .marquee{ width: 240%; } .noJS .region-marquee-slider marquee { height: 18px!important; } /********** Ticker *********/ .noJS .ticker .stop{ display:none} .noJS .ticker ul{ margin:0} .noJS .ticker { padding: 20px 0 14px; } .noJS .ticker .tickerDivBlock { height: 150px; overflow-y: scroll; overflow-x: hidden; margin-bottom: 5px; } /********* 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;} /********* LiteBox v1.3 **********/ .litebox-overlay,.litebox-overlay > * {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}.litebox-overlay {display: none;width: 100%;min-width: 280px;text-align: center;position: fixed;top: 0;left: 0;z-index: 9999;}/*@-webkit-keyframes liteboxLoader {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}*/@keyframes liteboxLoader {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}.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%;-webkit-animation: liteboxLoader 1s linear infinite;/*-moz-animation: liteboxLoader 1s linear infinite;-ms-animation: liteboxLoader 1s linear infinite;-o-animation: liteboxLoader 1s linear infinite;*/animation: liteboxLoader 1s linear infinite; }.litebox-overlay .litebox-text {width: 100%;padding: 0 15px;background: rgba(0, 0, 0, 0.5);color: #fff;font-size: 1.214em;line-height: 50px;position: absolute;bottom: 0;z-index: 2;/*-webkit-opacity: 0;-khtml-opacity: 0;-moz-opacity: 0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);*/opacity: 0;-webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out;}.litebox-overlay .litebox-text.active {/*-webkit-opacity: 1;-khtml-opacity: 1;-moz-opacity: 1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter: alpha(opacity=100);*/opacity: 1;}.litebox-overlay .litebox-close {width: 40px;height: 40px;background: url(../images/litebox-close.png) no-repeat center;opacity: .7;position: absolute;top: 10px;right: 10px;-webkit-transition: 200ms ease-in-out;/*-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;*/transition: 200ms ease-in-out;}.litebox-overlay .litebox-close:hover {opacity: 1;cursor: pointer;}.litebox-overlay .litebox-nav {display: none;width: 60px;height: 60px;margin-top: -30px;opacity: .2;position: absolute;top: 50%;z-index: 9999999;-webkit-transition: 200ms ease-in-out;/*-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;*/transition: 200ms ease-in-out;}.litebox-overlay .litebox-nav:hover {opacity: .5;cursor: pointer;}.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 {position: absolute;top: 10%;right: 10%;bottom: 10%;left: 10%;overflow: hidden;}.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 {width: 100%;padding: 20px;background: #FFF;line-height: normal;overflow-x: hidden;line-height: normal !important;position: absolute;}.litebox-overlay .litebox-error {width: 100%;height: 100%;color: #FFF;text-align: center;line-height: inherit;}.litebox-overlay .litebox-error span {background: rgba(0, 0, 0, .9);-webkit-border-radius: 3px;border-radius: 3px;padding: 20px;color: #FFF;text-shadow: 1px 1px 0 #000;line-height: normal;} /*----Date Picker----*/ .ui-datepicker, .eventCalOut, .calendarIcon {background-color:#185db9;} .ui-datepicker th, .ui-state-highlight {background-color:#052847;} .ui-state-active, .ui-datepicker tbody a:hover {background-color:#ff672b;} .ui-datepicker-prev span, .ui-datepicker-next span { } .ui-datepicker {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -8px; font-size:12px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } /*.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; height:25px; background-color:#fff; } */ .ui-datepicker .ui-datepicker-title select { background-color: #fff; font-size: 0.7em; height: auto; margin: 1px 0; padding: 5px; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; border:0 none;} .ui-datepicker th { padding: .5em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; background-color:transparent; } .ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd {background-color:transparent;} .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; overflow:hidden; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } /*----Date Picker----*/ .eventCalOut { position:absolute; width:222px; right:-222px; float:right; top:70px; z-index:22; } .calendarIcon { width:50px; height:52px; position:absolute; left:-50px; } .calendarIcon span { background-position:-113px -27px; width:29px; height:29px; margin:10px; } .calendarOut { padding:5px; } .calendarOut .ui-datepicker {width:100%;} .calendarOut .button { background-color:#2979ca; color:#fff; display:block; text-align:center; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .calendarOut .button:hover { background-color:#173C84; } .ui-datepicker tbody a { color:#fff; } .ui-datepicker-title { font-size:18px; font-weight:normal; color:#fff; } .ui-datepicker th { text-transform:uppercase; font-weight:normal; color:#fff; } .ui-datepicker-prev, .ui-datepicker-next { width:25px; font-size:16px; height:25px; display:inline-block; margin:0; cursor: pointer; color:#fff; } .ui-datepicker-prev span { background-position:-147px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0; } .ui-datepicker-next span { background-position:-175px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0; } .ui-datepicker td span, .ui-datepicker td a { text-align:center; line-height:20px; } .ui-datepicker-trigger {display:none; width:30px; height:30px; margin:8px 0 0 15px; vertical-align:top; overflow:hidden; background:transparent !important; padding:0; margin:0; position:absolute; right:-45px; top:7px;} .calIcon {background-position:-205px -107px; width:30px; height:30px; display:block; vertical-align:top;} /*==========================================================================================================================*/ /*================================================ Main CSS Theme Start ====================================================*/ /*==========================================================================================================================*/ /********** Layout **********/ .row { width: 100%; max-width: 1170px; margin: 0 auto; } #wrapper { max-width: 1170px; margin: 0 auto 30px; border: 15px solid #53566e; border: 15px solid rgba(0,0,0,.12); border-bottom: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; } /********** Top Links and Font Resize **********/ .topStrip{ padding: 18px 0 6px; } .topStrip ul { list-style: none; padding: 0; margin: 0; } .topStrip .leftLinks { float: left; margin: -4px 0 0 7px; } .topStrip .leftLinks li { border-right: 1px solid #fff; } .leftLinks li:last-child { border-right: none; } .topStrip li { float: left; padding: 0 10px; line-height: 16px; position: relative; } .topStrip li:last-child { padding-right: 0; } .topStrip .rightLinks { float: right; margin: -4px 15px 0 0; } .rightLinks li:first-child { padding-left: 0; border-right: 1px solid #fff; } .rightLinks li.login { border-right: 1px solid #fff; } .topStrip .fontResize { margin-top: -2px; border: none; } .topStrip li.search { width: 29px; height: 29px; margin: -7px 0 0 5px; padding: 0; position: relative; background-color: #52566e; } .topStrip li.search a{ height: 100%; display: block; overflow: hidden; text-indent: -999em; background-position: -63px 7px; } .topStrip li.search a:hover, .topStrip li.search a.active { background-color: #04116b; } .topStrip li.search .inputSearch { width: 250px; display: none; padding: 5px; position: absolute; right: 0; top: 100%; z-index: 99; background-color: #070f4f; } .topStrip li.search .inputSearch input[type="text"] { padding: 5px 48px 5px 10px; border: none; background-color: #fff; } .topStrip li.search .inputSearch .go { height: 32px; margin-top: -16px; padding: 3px 6px; font-size: 1em; position: absolute; right: 5px; top: 50%; } .topStrip a{ display: block; color: #fff; text-decoration: none; } .topStrip a:hover, .topStrip a.active { color: #fff; text-decoration: underline; } .topStrip li.lang li { border: none; } #block-search-form { position: relative; } #block-search-form .form-actions { position: absolute; right: 0; top: 0; } #block-search-form .form-actions .form-submit { width: 38px; height: 32px; padding: 4px 8px; font-size: 1em; border-color: #103976; background-color: #103976; } #block-search-form .form-actions .form-submit:hover { border-color: #0f8ddd; background-color: #0f8ddd; } .locale-untranslated { color: #fff; text-decoration: none; } .element-invisible { color: #fff; } .innerContent .element-invisible { color: #000; } /********** Access Control **********/ #accessControl input { width:19px; height:19px; float:left; padding:0; color:#fff; border:none; background-color: transparent; } #accessControl input:hover, #accessControl input.current{ color: #ffcc2f; } #accessControl .normal { margin-top: 2px; font-size:12px; } #accessControl .large { margin-top: 1px; font-size:14px; } #accessControl .contrastChanger { width:17px; height:19px; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; text-transform:capitalize; } #accessControl .contrastChanger.wob{ margin-left: 10px; background-position: 0 0; } #accessControl .contrastChanger.normal { margin: 0; background-position: -20px 0; } /********** Form Page **********/ .formList {list-style:none; padding:0; margin:0;} .formList li {padding:0 0 15px; margin:0;} .required, .formList .error {color:#C00;} .formList .error {display:block; font-size:12px;} .formList .textBoxOut {margin-bottom:5px;} .formList label, .formList .label {color:#333; display:block; font-weight:normal; padding-bottom:7px;} .radioList input {float:left; margin:5px; clear:left;} .radioList label, .radioList .label {float:left; color:#555;} .innerContent .content .note {font-size:1.071em; font-style:italic; padding:5px 0 0;} .captcha {position:relative;} .captcha .captchaImg {border: 1px solid #d7d7d7;float: left; max-height:33px;} .captcha .refreshCaptcha {float: left; margin: 5px 0 0 10px; } .fixedErrorMsg {background-color:rgba(233,48,30,0.92); color:#fff; text-align:center; padding:20px 20px; font-size:15px; position:fixed; left:0; top:0; z-index:99999; width:100%; text-transform:uppercase; display:none;} .fixedSuccessMsg {background-color:rgba(20,155,65,0.92); color:#fff; text-align:center; padding:20px 20px; font-size:15px; position:fixed; left:0; top:0; z-index:99999; width:100%; text-transform:uppercase; display:none;} /********** Header **********/ #header { position: relative; } .logobar { padding: 15px 30px; } #logo { float: left; } .joinIndianNavy { width: 230px; float: right; margin-top: 15px; -webkit-transition: 350ms ease; transition: 350ms ease; background-color: #0178c3; } .joinIndianNavy:hover { background-color: #168ad5; } .joinIndianNavy a { height: 100%; display: block; color: #fff; padding: 13px; font: 1.429em/22px 'proxima_nova_rgbold'; text-transform: uppercase; text-decoration: none; background: url(../images/indian-navy-flag.png) 96% bottom no-repeat; } .joinIndianNavy a:hover { color: #fff; } /*.joinIndianNavy a strong { display: block; color: #0f8ddd; font-size: 1.160em; -webkit-transition: 350ms ease; transition: 350ms ease; } .joinIndianNavy a:hover strong { color: #626262; }*/ .navLinks { float: right; } .navLinks .flag { float: left; position: relative; } .navLinks a { height: 119px; display: block; color: #0b1979; font: 1.143em 'proxima_novasemibold'; text-transform: uppercase; text-decoration: none; position: relative; border-left: 1px solid #e3e3e3; } .navLinks .arrow:before { width: 30px; height: 16px; margin-left: -15px; left: 50%; top: inherit; bottom: 0; -webkit-transition: inherit; transition: inherit; background-position: -137px -51px; } .navalUnits { float: left; margin-left: 12px; position: relative; } .navalUnits > a { padding: 50px 25px 46px 55px; } .navalUnits > a:before { width: 20px; height: 37px; left: 25px; top: 40px; background-position: -137px 0; } .menu { float: left; position: relative; } .menu > a { padding: 50px 40px 46px 68px; } .menu > a:before { width: 28px; height: 18px; left: 30px; top: 50px; background-position: -162px 0; } /*.navbar { min-height: 236px; display: none; padding: 22px; position: absolute; left: 0; top: 100%; z-index: 3; background-color: #04116b; } .navalUnitsLogos { display: none; list-style: none; margin: 0; padding: 0; } .navalUnitsLogos li { width: 24%; display: inline-block; margin: 0 1.2% 56px 0; vertical-align: middle; } .navalUnitsLogos li .unitWrap .unitLogo { width: 92px; float: left; padding-right: 20px; text-align: center; } .navalUnitsLogos li .unitWrap .unitName { width: 158px; float: left; } .navalUnitsLogos li .unitWrap .unitName h2 { margin-bottom: 0; font-size: 2.143em; line-height: 1em; } .navalUnitsLogos li .unitWrap .unitName h2 a { color: #fff; font-family: 'proxima_novasemibold'; text-transform: uppercase; text-decoration: none; } .navalUnitsLogos li .unitWrap .unitName h2 a:hover { color: #ffc000; } .navalUnitsLogos li .unitWrap .unitName span { display: block; margin-left: 1px; color: #fff; font-size: 0.857em; line-height: 1.333em; text-transform: uppercase; }*/ .userLogin { float: right; padding: 20px 15px; } .userLogin a:first-child { border-bottom: 1px solid #eee; } .userLogin a { display: block; padding: 12px 18px 12px 40px; color: #505050; font: 1.071em 'proxima_novasemibold'; text-transform: uppercase; text-decoration: none; position:relative; } .userLogin a:hover { color: #333; background-color: #eee; } .userLogin a:before { left: 18px; top: 14px; } .userLogin .login:before { width: 13px; height: 16px; background-position: 0 -27px; } .userLogin .register:before { width: 15px; height: 14px; background-position: -20px -27px; } .sidePanel { margin-top: -55px; position: fixed; right: 0; top: 50%; z-index: 999; } .socialLinks { width: 42px; list-style: none; overflow: hidden; margin: 5px 0 0; padding: 0; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; background-color: #fff; } .socialLinks li a { height: 35px; display: block; overflow: hidden; text-indent: -999em; position: relative; border-bottom: 1px solid #d3d3d3; } .socialLinks li a:hover { background-color: #04116b; } .socialLinks li:last-child a { border-bottom: none; } .socialLinks li a.fb:before { width: 11px; height: 20px; left: 17px; top: 8px; background-position: 0 -52px; } .socialLinks li a.fb:hover:before { background-position: -70px -52px; } .socialLinks li a.fb:hover { background-color: #3b5998; } .socialLinks li a.tw:before { width: 18px; height: 16px; left: 13px; top: 10px; background-position: -21px -52px; } .socialLinks li a.tw:hover:before { background-position: -91px -52px; } .socialLinks li a.tw:hover { background-color: #4099ff; } .socialLinks li a.gp:before { width: 19px; height: 20px; left: 13px; top: 7px; background-position: -48px -52px; } .socialLinks li a.gp:hover:before { background-position: -118px -52px; } .socialLinks li a.gp:hover { background-color: #dd4b39; } /*.titlebar { min-height: 68px; background: #282a71; }*/ #header .title { float: right; margin: 15px 18px 0 0; padding: 18px 95px 11px 18px; background: #24469c url(../images/india-flag.png) right top no-repeat; } .title h1, .mainTitle { display: block; margin: 0; color: #fff; font: 1.643em/22px 'oswaldbook'; text-transform: uppercase; } .title .subTitle { display: block; color: #fff; font-size: 0.9em; text-transform: uppercase; } .downloadMobileApp { width: 42px; height: 138px; overflow: hidden; padding-top: 22px; text-align: center; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; background-color: #070e3c; } .downloadMobileApp a:before { width: 86px; height: 21px; left: 0; top: 9px; background-position: -5px -22px; } .downloadMobileApp a { width: 187px; height: 45px; display: block; margin-left: -72px; padding: 13px 0 0 82px ; color: #fff; font-family: 'proxima_novasemibold'; text-transform: uppercase; text-decoration: none; position: relative; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .downloadMobileApp a:hover { color: #fff; background-color: #1e2973; } /*.downloadMobileApp .icon { width: 48px; height: 50px; float: left; margin: 3px 12px 0 0; background: url(../images/sprite.png) 0 -91px no-repeat; }*/ .caption { width: 100%; padding: 12px 20px; position: absolute; left: 0; bottom: 0; background-color: #222; background-color: rgba(0,0,0,.52); } .caption h2 { margin: 0; color: #fff; font: 1.786em 'oswaldlight'; } /********** Home Slider **********/ .sliderBanner.owl-theme .owl-nav .owl-prev, .sliderBanner.owl-theme .owl-nav .owl-next { width: 14px; height: 22px; margin: 0; overflow: hidden; color: #000; text-indent: -999em; position: absolute; bottom: 15px; -webkit-transition: 250ms ease; transition: 250ms ease; background: url(../images/sprite.png) left top no-repeat; } .sliderBanner.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover { background-color: transparent; background-image: url(../images/sprite.png); background-repeat: no-repeat; } .sliderBanner.owl-theme .owl-nav .owl-prev { left: 25px; background-position: -81px -90px; } .sliderBanner.owl-theme .owl-nav .owl-prev:hover { background-position: -81px -120px; } .sliderBanner.owl-theme .owl-nav .owl-next { right: 25px; background-position: -108px -90px; } .sliderBanner.owl-theme .owl-nav .owl-next:hover { background-position: -108px -120px; } /********** Tabs **********/ .tabber { width:75%; float: left; border-right: 1px solid #d3d2d2; border-bottom: 1px solid #d3d2d2; background-color: #f9f9f9; } .tabber .tabNav { width: 33%; float: left; list-style: none; margin: 0; padding: 0; } .tabber .tabNav li { border-bottom: 1px solid #ccc; } .tabber .tabNav li:last-child { border-bottom: none; } .tabber .tabNav li a { display: block; padding: 22px 40px 16px; color: #505050; font: 1.286em/20px 'oswaldbook'; text-transform: uppercase; text-decoration: none; position: relative; -webkit-transition: inherit; transition: inherit; } .tabber .tabNav li a:hover, .tabber .tabNav li.r-tabs-state-active a { color: #fff; background-color: #0f8ddd; } .tabber .tabNav li a:hover:before, .tabber .tabNav li.r-tabs-state-active a:before { width: 22px; height: 60px; content: ''; position: absolute; right: -21px; top: 0; background: url(../images/sprite.png) -150px -92px no-repeat; } .tabber .tabContainer { width: 67%; /*min-height: 235px;*/ min-height: 175px; float: left; padding: 25px 15px 0 40px; } /*#newsTikker0, #newsTikker1, #newsTikker2 { height: 156px !important; }*/ .tabber .tabContent { display: none; } .tabber .r-tabs-panel.r-tabs-state-active { display: block; } .tabber .r-tabs-accordion-title { display: none; } .tabber .tabNav .r-tabs-state-disabled { opacity: 0.5;} .tabber .r-tabs-accordion-title .r-tabs-anchor, .r-tabs .r-tabs-accordion-title .r-tabs-anchor { display: block; margin-bottom: 10px; padding: 10px; color: #fff; font: 1.071em 'proxima_nova_rgbold'; text-decoration: none; background-color: #24469c; } .tabber .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor, .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { color: #fff; background-color: #0f8ad9;} .tabber .r-tabs-accordion-title.r-tabs-state-disabled, .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; } .tabber .tabContent .activityTicker { list-style: none; margin: 0; padding: 0; } .tabber .tabContent .activityTicker li .date { margin-bottom: 5px; color: #0476be; font: 1.071em 'proxima_nova_rgbold'; } .tabber .tabContent .activityTicker li p { margin: 0; padding-bottom: 20px; font-size: 1.071em; } .tabber .tabContent .activityTicker li p a { color: #636466; text-decoration: none; } .tabber .tabContent .activityTicker li p a:hover { color: #222; } .viewAll { padding: 4px 20px 5px 0; } .viewAll a { float: right; color: #505050; text-decoration: none; position: relative; } .viewAll a:hover { color: #0f8ddd; text-decoration: underline; background-color: transparent; } .viewAll a:before { width: 9px; height: 13px; left: inherit; right: -16px; top: 4px; background-position: 0 -161px; } .sideNav { width: 25%; float: right; /*padding: 20px 38px 10px 30px;*/ padding:10px 38px 0 30px; } .sideNav ul { list-style: none; margin: 0; padding: 0; } .sideNav ul li { border-bottom: 1px dotted #a8a8a8; } .sideNav ul li:last-child { border-bottom: none; } .sideNav ul li a { display: block; padding: 23px 10px 16px 65px; color: #505050; font: 1.643em/29px 'oswaldbook'; text-decoration: none; position: relative; } .sideNav ul li a:hover { color: #0f8ddd; } .sideNav ul li a:before { width: 50px; height: 50px; margin-top: -25px; top: 50%; -webkit-border-radius: 4px; border-radius: 4px; background-color: #a7acb5; } .sideNav ul li a:hover:before { background-color: #0f8ddd; } .sideNav ul li a.surfaceShips:before { background-position: -24px -148px; } .sideNav ul li a.navalAviation:before { background-position: -76px -145px; } .sideNav ul li a.submarines:before { background-position: -130px -150px; } /********** Home Carousel **********/ .scroller { min-height: 265px; /*margin: 40px 0 35px;*/ margin: 10px 0 35px; background-color: #d7dae0; } .carouselBlock { padding: 0 48px; } .carouselBlock .owl-stage-outer { z-index: 1; } .carouselBlock .owl-stage { padding: 30px 0; } .carouselBlock .item { height: 206px; border-right: 1px dotted #a7acb5; } .carouselBlock .item a { height: auto; display: block; padding: 142px 0 15px; color: #212227; font: 1.286em/1.35 'proxima_novasemibold'; text-decoration: none; } .carouselBlock .item a:hover { color: #0c76ba; } .carouselBlock.owl-theme .owl-nav { position: absolute; left:0; right: 0; top: 0; bottom: 0; } .carouselBlock.owl-theme .owl-nav .owl-prev, .carouselBlock.owl-theme .owl-nav .owl-next { width: 48px; height: 100%; margin: 0; padding: 0; overflow: hidden; color: #000; text-indent: -999em; -webkit-transition: 350ms ease; transition: 350ms ease; position: absolute; top: 0; z-index: 1; -webkit-border-radius: inherit; border-radius: inherit; background-color: #a7acb5; } .carouselBlock.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover { background-color: #0f8ddd; } .carouselBlock.owl-theme .owl-nav .owl-prev:before, .carouselBlock.owl-theme .owl-nav .owl-next:before { width: 15px; height: 22px; top: 50%; } .carouselBlock.owl-theme .owl-nav .owl-prev { left: 0; } .carouselBlock.owl-theme .owl-nav .owl-prev:before { left: 16px; background-position: -199px -160px; } .carouselBlock.owl-theme .owl-nav .owl-next { right: 0; } .carouselBlock.owl-theme .owl-nav .owl-next:before { left: inherit; right: 16px; background-position: -225px -160px; } .carouselBlock .item a:before { width: 96px; height: 96px; margin-left: -48px; left: 50%; top: 32px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #a7acb5; } .carouselBlock .item a:hover:before { border-color: #0f8ddd; } .carouselBlock .item .greenInit:before { background-position: 22px -182px; } .carouselBlock .item .greenInit:hover:before { background-position: -54px -182px; } .carouselBlock .item .indianOcean:before { background-position: 20px -259px; } .carouselBlock .item .indianOcean:hover:before { background-position: -56px -259px; } .carouselBlock .item .yearOfSailor:before { background-position: 19px -333px; } .carouselBlock .item .yearOfSailor:hover:before { background-position: -57px -333px; } .carouselBlock .item .indiInnovation:before { background-position: 22px -419px; } .carouselBlock .item .indiInnovation:hover:before { background-position: -54px -419px; } .carouselBlock .item .tenderEnquiry:before { background-position: 22px -504px; } .carouselBlock .item .tenderEnquiry:hover:before { background-position: -54px -504px; } .scrollLogoBlock { padding: 10px 50px; -webkit-box-shadow: inset 0 1px 1px #ececec; box-shadow: inset 0 1px 1px #ececec; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background-color: #f6f6f6; } .scrollLogoBlock .item .unitWrap { width:260px; text-align:left; } .scrollLogoBlock .item .unitWrap .unitLogo { width: 92px; float: left; text-align: center; } .scrollLogoBlock .item .unitWrap .unitName { width: 160px; float: left; padding-top: 7px; } .scrollLogoBlock .item .unitWrap .unitName .titleName { display: inline-block; color:#333; font: 1.571em/1em 'proxima_novasemibold'; text-transform: uppercase; text-decoration: none; } .scrollLogoBlock .item .unitWrap .unitName .titleName:hover { color: #097dc7; } .scrollLogoBlock .item .unitWrap .unitName .subTitleName { display: block; margin-left: 1px; color: #666; font: 0.857em/1.333em 'proxima_nova_rgbold'; text-transform: uppercase; } .scrollLogoBlock .item .unitWrap img { width:inherit; display:inherit; vertical-align:inherit; } .scrollLogoBlock .item .unitWrap .extIcon { width: auto; display: inline-block; } .scrollLogoBlock .owl-controls .owl-dots { display:none!important;} .scrollLogoBlock .owl-controls { top:0; left:0; width:100%; margin:0;} .scrollLogoBlock .owl-controls .owl-nav .owl-next, .scrollLogoBlock .owl-controls .owl-nav .owl-prev, .scrollLogoBlock .owl-controls .owl-nav .owl-next:hover, .scrollLogoBlock .owl-controls .owl-nav .owl-prev:hover, .govtLogoMobile .owl-controls .owl-nav .owl-next, .govtLogoMobile .owl-controls .owl-nav .owl-prev, .govtLogoMobile .owl-controls .owl-nav .owl-next:hover, .govtLogoMobile .owl-controls .owl-nav .owl-prev:hover, .sideNavMobile .owl-controls .owl-nav .owl-next, .sideNavMobile .owl-controls .owl-nav .owl-prev, .sideNavMobile .owl-controls .owl-nav .owl-next:hover, .sideNavMobile .owl-controls .owl-nav .owl-prev:hover { width: 14px; height: 22px; margin: -12px 0 0; -webkit-transition: 250ms ease; transition: 250ms ease; color: #000; text-indent: -9999px; position:absolute; top: 50%; background: url(../images/sprite.png) no-repeat left top; } .scrollLogoBlock .owl-controls .owl-nav .owl-prev, .govtLogoMobile .owl-controls .owl-nav .owl-prev, .sideNavMobile .owl-controls .owl-nav .owl-prev { left: 32px; background-position: -95px -780px; } .scrollLogoBlock .owl-controls .owl-nav .owl-prev:hover, .govtLogoMobile .owl-controls .owl-nav .owl-prev:hover, .sideNavMobile .owl-controls .owl-nav .owl-prev:hover { background-position: -95px -806px; } .scrollLogoBlock .owl-controls .owl-nav .owl-next, .govtLogoMobile .owl-controls .owl-nav .owl-next, .sideNavMobile .owl-controls .owl-nav .owl-next { right: 32px; background-position: -123px -780px; } .scrollLogoBlock .owl-controls .owl-nav .owl-next:hover, .govtLogoMobile .owl-controls .owl-nav .owl-next:hover, .sideNavMobile .owl-controls .owl-nav .owl-next:hover { background-position: -123px -806px;} .scrollLogoBlock .item { height:inherit; line-height:0; } .scrollLogoBlock .owl-controls .owl-stage { padding-top:5px; } .mediaGallery { padding: 0 25px 25px; } .mediaGallery .box { width: 31.33%; float: left; margin: 0 1%; position: relative; } .mediaGallery .box .img { min-height: 260px; display: block; position: relative; } .mediaGallery .box .img img { min-height: 260px; } .mediaGallery .box h3 { margin-bottom: 12px; color: #505050; font: 1.643em 'oswaldbook'; } .mediaGallery .box .info { position: absolute; left: 0; right: 0; bottom: 0; background-color: #050821; background-color: rgba(5,8,33,.7); } .mediaGallery .box .info p { width: 58%; max-height: 58px; float: left; margin: 0; padding: 12px 10px; color: #fff; font-size: 1.071em; line-height: normal; } .mediaGallery .box .info .view { width: 38%; float: right; background-color: #0178c3; } .mediaGallery .box .info .view a { display: block; padding: 21px 15px 19px; color: #fff; font: 1.143em 'proxima_novasemibold'; text-decoration: none; } .mediaGallery .info .view a:hover { background-color: #168ad5; } .mediaGallery .box .info .view a:before { width: 8px; height: 13px; left: inherit; right: 18px; top: 23px; background-position: -205px -206px; } .mediaGallery .box.photoGallery .img:before { width: 57px; height: 57px; margin: -28px 0 0 -28px; left: 50%; top: 45%; background-position: 0 -611px; } .mediaGallery .box.photoGallery .img:hover:before { background-position: -76px -611px; } .mediaGallery .box.videoGallery .img:before { width: 65px; height: 65px; margin: -32px 0 0 -32px; left: 50%; top: 45%; background-position: 0 -692px; } .mediaGallery .box.videoGallery .img:hover:before { background-position: -76px -692px; } .govtLogosOuter { padding-bottom: 28px; border-bottom: 5px solid #0f8ddd; } .govtLogos { list-style: none; margin: 0; padding: 0 34px; } .govtLogos.govtLogoMobile, .sideNav .sideNavMobile { display: none; } .govtLogos li { display: inline-block; margin-right: 4%; padding-right: 4%; vertical-align: middle; border-right: 1px dotted #a7acb5; } .govtLogos li:last-child { margin-right: 0; padding-right: 0; border-right: none; } .govtLogos li a { display: block; padding: 10px 0; } /********** Footer **********/ #footer { padding-bottom: 30px; } .footerLeft { width: 78%; float: left; padding: 4px 0 0 15px; } .footerLeft p { margin-bottom: 16px; color: #fff; } .footerLinks { list-style: none; margin-bottom: 5px; padding: 0; } .footerLinks li { float: left; margin: 0 8px 3px 0; padding-right: 8px; line-height: 16px; border-right: 1px solid #fff; } .footerLinks li:last-child { margin: 0; padding: 0; border-right: none; } .footerLinks li a { color: #fff; text-decoration: none; } .footerLinks li a:hover { color: #fff; text-decoration: underline; } .w3cLogos a { text-decoration: none; } .footerRight { width: 22%; float: right; padding: 5px 15px 0 0; text-align: right; } .footerRight p, .LastUpdate { margin-bottom: 5px; color: #fff; font-size: 1.071em; line-height: normal; } .shareThis { float: right; padding-top: 5px; } /********** Inner page **********/ .innerBanner { position: relative; } .innerContent { min-height: 450px; padding: 30px; position: relative; } /*.content { float: left; }*/ .content.column2, .innerContent #messages { width: 77.5%; } .innerContent .content p { font-size: 1.143em; line-height: 1.6; text-align: justify; } .breadCrumb { width: 100%; list-style: none; margin: 0; padding: 12px 255px 12px 20px; /*position: absolute; left: 0; bottom: 0; z-index: 1;*/ background-color: #222; /*background-color: rgba(0,0,0,.7);*/ } .breadCrumb li { float: left; padding: 0 15px 0 10px; color: #fff; font-size: 1.143em; position: relative; text-transform: capitalize; } .breadCrumb li:before { width: 6px; height: 9px; left: inherit; right: 0; top: 8px; background-position: -46px -780px; } .breadCrumb li:last-child:before { background: none; } .breadCrumb li a { color: #fff; text-decoration: none; } .breadCrumb li a:hover { text-decoration: underline; } .breadCrumb li a:hover { color: #fff; } .expColImg { margin-bottom: 35px; position: relative; } .capTitle { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 1; background-color: #545e6c; background-color: rgba(45,61,84,.6); } .capTitle h2 { margin: 0; padding: 12px 60px 9px; color: #fff; font: 1.929em/1.185em 'oswaldbook'; text-transform: uppercase; text-align: center; } .capTitle .expColBtn { width: 60px; height: 53px; padding: 12px 10px; color: #fff; font: 1.143em 'oswaldbook'; text-transform: uppercase; text-align: center; text-decoration: none; position: absolute; right: 0; bottom: 0; background-color: #0b7bc2; } .capTitle .expColBtn:hover { color: #fff; background-color: #0f8ddd; } .capTitle .expColBtn:before { width: 11px; height: 6px; margin-left: -6px; left: 50%; top: inherit; bottom: 11px; background-position: 0 -780px; } .capTitle .expColBtn.active:before { background-position: 0 -790px; } .expColContent { margin: -35px 0 35px; padding: 25px 30px 0; border: 1px solid #bbdcf0; border-top: none; position: relative; background-color: #e2f4ff; } .expColContent p { color: #3a3a3a; } .contentTab { margin: -25px -30px 0; padding: 30px 0 0; position: relative; } .contentTabNav { list-style: none; display: table; margin: 0 auto; padding: 0; } .contentTabNav li { float: left; } .contentTabNav li a { display: block; padding: 10px 25px 5px; color: #103976; font: 1.286em 'oswaldbook'; text-transform: uppercase; text-decoration: none; } .contentTabNav li a:hover, .contentTabNav li.r-tabs-state-active, .contentTabOuter .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #fff; } .contentTabNav .r-tabs-panel.r-tabs-state-active { display: block; } .contentTabOuter .r-tabs-accordion-title { display: none; } .contentTabOuter .r-tabs-state-disabled { opacity: 0.5;} .contentTabOuter .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; } .contentTabOuter { min-height: 192px; padding: 30px; text-align:center; background-color: #fff; } .contentTabOuter .bulletText { width: 46%; display: inline-block; margin: 0 1%; vertical-align: top; text-align: left; } .contentTabContent { display: none; } .sidebar { width: 236px; padding: 18px 18px 10px; position: absolute; right: 0; top: -47px; z-index: 10; background-color: #002153; } .sidebar h2 { color: #fff; font: 1.429em 'oswaldbook'; position: relative; } .sidebar h2:before { width: 10px; height: 10px; left: inherit; right: 0; top: 4px; background-position: -25px -780px; } .subMenus, .subMenus ul.menu { float: none; list-style: none; margin: 0; padding: 0; } .subMenus > li:first-child, .menu-name-menu-indian-navy-main-menu.parent-mlid-0 ul > li:first-child { border: none; } .subMenus ul.menu li { margin: 0; padding: 0; list-style: none; font-size: 1.071em; border-top: 1px solid #4a6485; background: none; } .subMenus ul.menu li a { display: block; color: #fff; line-height: 18px; padding: 7px 12px 7px 0; text-decoration: none; position: relative; } .subMenus ul.menu li a:hover { color: #a6c3e7; } .subMenus ul.menu li a:before { width: 5px; height: 8px; left: inherit; right: 0; top: 12px; background-position: 0 -803px; } .subMenus ul.menu li.expanded > a:before { width: 8px; height: 5px; background-position: -8px -803px; } .subMenus ul.menu li li { font-size: 0.95em; } .subMenus ul.menu li li a { padding-left: 10px; color: #a6c3e7; font-size: 1.071em; } .subMenus ul.menu li li a:hover, .subMenus ul.menu li li a.active { color: #fff; } .subMenus ul.menu li li a:before { background-position: -21px -803px; } .floatMenu { position: fixed; left: 50%; margin-left: 334px; top: 35px; } .subMenus ul.menu li li li a { padding-left: 20px; } /********** CMS Entry **********/ .node-news img, .node-press-release img { display: block; margin: 0 auto; width: 100%!important; height: auto!important; } .node-news .center, .node-press-release .center { margin-top: -10px; } .node-news .center strong, .node-press-release .center strong { color: #103976; } .mixedImg { padding-bottom: 20px; } .mixedImg div { width: 49%; } .mixedImg div img { width: 100%; height: 300px; } .node-page .mixedImg div img { width: auto; height: auto; } .mixedImg div h3 { margin-top: 10px; } /* Medal Section */ .medalSection, .medalSectionDetails .medalDetailsImg{ background:#f6f6f6; padding:32px 40px; margin-bottom:10px;} .medalSection .medalDetail{ float:right; width:70%;} .medalSection .medailImg{ float:left; width:25%;} .medalSection .medalDetail h2 { margin-bottom: 15px; color: #103976; font: 1.571em 'oswaldbook'; } .medalSection .medalDetail h3{ font-family:'proxima_nova_rgregular'; font-size:1.286em; color:#103976; margin-bottom:0;} .medalSection .medalDetail a.readMore{ background:#103976; color:#fff; padding:5px 10px; line-height:22px; text-decoration:none; display:inline-block;} .medalSection .medalDetail a.readMore:hover{ background:#0f8ddd;} /* Medal Section Details */ .medalSectionDetails .medalDetailsImg{ text-align:center; margin-bottom:30px;} .medalSectionDetails mark{ color:#103976; background:none;} .medalSectionDetails h3, .medalSectionDetails h2{ font-family:'proxima_novasemibold'; font-size:1.286em; color:#103976; margin-bottom:5px; text-transform:none;} .medalSectionDetails a{ color:#103976; text-decoration:none;} .medalSectionDetails a:hover{ text-decoration:underline; color:#0f8ddd;} /* Leadership Leader List */ .leaderList { list-style: none; margin: 0 -13px; padding: 0; } .leaderList li{float:left; width:33.33%; padding:15px; /*margin-bottom:15px;*/} .leaderBlock{background:#F6F2EF; position:relative; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);} .leaderImg{margin-bottom:5px;} .leaderInfo{padding:15px 15px 45px;} .leaderList h2{font-size:1.357em; margin-bottom:10px; text-transform:inherit;} .leaderList h3{font-size:1.143em;} .leaderList .button{ position:absolute; right:15px; bottom:15px;} /********** Media Listing **********/ .item-list .gallery { list-style: none; margin: 20px -10px 20px -1%; padding: 0;} .item-list .gallery li { width:23%; min-height: 200px; float: left; margin: 0 1% 22px; position: relative; } .item-list .gallery li .imgZoom { margin: -25px 0 0 -10px; position: absolute; left: 50%; top: 45%; opacity: 0; } .item-list .gallery li .imgZoom:hover, .item-list .gallery li .img .bord:hover + .imgZoom { opacity: 1; } .item-list .gallery li .img { padding: 5px; border: 1px solid #ddd; } .item-list .gallery li .img input{ width: 100%!important;} .item-list .gallery li .img .bord { height: 145px; overflow: hidden; position: relative; } .item-list .gallery li .views-field-name, .item-list .gallery li .views-field-title { margin: 0; padding: 5px 0; color: #333; font-size: 1em; text-align: center; } .item-list .gallery li .views-field-name span, .item-list .gallery li .views-field-title span { display: block; color: #333; font: 1.143em 'proxima_novasemibold'; } .item-list .gallery li .views-field-name span a, .item-list .gallery li .views-field-title span a { color: #0b1979; text-decoration: none; } .item-list .gallery li .views-field-name span a:hover, .item-list .gallery li .views-field-title span a:hover { text-decoration: underline; } .item-list .gallery li .views-field-title .size, .gallery li .views-field-title .time { color: #555; font-size: 0.929em; margin-top: 3px; } /********** Search bar for Modules **********/ .views-exposed-form { margin-bottom: 15px; padding: 12px 15px; border-bottom: 2px solid #ccc; background-color: #f2f2f2; } .views-exposed-form .views-exposed-widgets { margin: 0; } .views-exposed-form label { display: inline-block; margin-right: 5px; font: 1.071em 'proxima_novasemibold'; } .views-exposed-form .views-widget { display: inline-block; } .views-exposed-form .views-widget input { width: 220px; height: 34px; color: #454545; display: inline-block; vertical-align: middle; padding: 5px 10px; border: 1px solid #ccc; background-color: #fff;} .views-exposed-form .views-exposed-widget { padding: 0 20px 0 0; } .views-exposed-form .views-exposed-widget.views-widget-sort-order { display: none; } .views-exposed-form .views-exposed-widget select { width: 80px; height: 34px; padding: 4px 6px; font-size: 1em; border: 1px solid #ccc; background-color: #fff; } .views-exposed-form .views-exposed-widget .form-submit { width: 80px; height: 34px; margin: 0; cursor: pointer; font-size: 1em; } .views-exposed-form .views-exposed-widget.views-reset-button .form-submit { border-color: #333; background-color: #333; } .views-exposed-form .views-exposed-widget.views-reset-button .form-submit:hover { border-color: #111; background-color: #111; } /*.view-video-gallery li, .view-video-gallery .views-exposed-widget { float: left; padding-left: 20px; }*/ /*.contentAccordion .accTrigger{font-family:'oswaldbook'; font-size:1.357em; margin-bottom:10px; cursor:pointer; background:#fff url(../images/down-arrow.png) 15px 12px no-repeat; border:1px solid #e5e5e5; border-radius:5px; padding:10px 20px 10px 50px; text-decoration:none; box-shadow:0 2px 1px white inset, 0 -2px 8px white, 0 1px 0px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.1);} .contentAccordion .accTrigger.active{background:#fbfbfb url(../images/up-arrow.png) 15px 12px no-repeat; border-color:#efefef;} .contentAccordion .accTrigger:hover{background-color:#efefef}*/ .contentAccordion .accTrigger{font-family:'proxima_nova_rgregular'; font-size:1.357em; margin-bottom:10px; cursor:pointer; background:#fff url(../images/plus-icon.png) 13px 16px no-repeat; border:1px solid #e5e5e5; padding:10px 20px 10px 40px; text-decoration:none;} .contentAccordion .accTrigger.active{background:#efefef url(../images/minus-icon.png) 13px 16px no-repeat; border-color:#efefef; border-bottom:none; margin-bottom:0} .contentAccordion .accTrigger:hover{background-color:#efefef} .contentAccordion .accordDetail{border:1px solid #efefef; border-top:none; background:#efefef; padding:10px 15px 15px 40px; margin-bottom:10px;} .innerContent .form-wrapper .form-type-textfield { width: 500px; float: left; } .innerContent .form-wrapper .form-type-textfield label { line-height: 16px; display: block; } .innerContent .form-wrapper .form-submit { min-width: 80px; float: left; height: 32px; margin: 35px 0 0 -1px; } .form-item .description { font-size: 1em; } /********** Modules Listing View **********/ .view-press-release ul.bulletText li, .view-news ul.bulletText li, .view-events ul.bulletText li, .view-speech ul.bulletText li, ul.bulletText.search-results li { margin: 0; padding: 10px 32px 10px 32px; border-bottom: 1px solid #dedede; background-position: 16px 16px; } ul.bulletText.search-results li { background-position: 16px 20px; } .view-press-release ul.bulletText li:nth-child(even), .view-news ul.bulletText li:nth-child(even), .view-events ul.bulletText li:nth-child(even), .view-speech ul.bulletText li:nth-child(even), ul.bulletText.search-results li:nth-child(even) { background-color: #f8f8f8; } .view-press-release ul.bulletText li .date-display-single, .view-news ul.bulletText li .date-display-single, .view-events ul.bulletText li .date-display-single, .view-speech ul.bulletText li .date-display-single, ul.bulletText.search-results li .date-display-single { color: #333; font-size: 0.929em; } ul.bulletText.search-results li { padding-top: 15px; padding-bottom: 15px; } ul.bulletText.search-results li h3 { margin-bottom: 15px; } ul.bulletText.search-results li p:last-child { margin-bottom: 0; } .item-list .pager { margin: 0; padding: 10px 0 20px; } .item-list .pager li { width: 28px; float: left; margin: 0 3px 3px 0; padding: 0; } .item-list .pager li a { display: block; padding: 4px 10px 3px; color: #fff; font-size: 1em; text-decoration: none; background-color: #0c7ac0; } .item-list .pager li a:hover { background-color: #333; } .item-list .pager li.pager-current { padding: 4px 10px 3px; color: #fff; font-weight: normal; background-color: #333; } /********** Chart **********/ .orgChart { margin :0; padding:15px 0;overflow: auto; } .orgChart h2 { margin : 0px; font-size:0.8em; border-bottom : none; color:#060056; } .orgChart ul { list-style : none; margin : 4px; padding : 0px; font-size : 0.8em; text-align : left; } .orgChart ul.stack, .orgChart ul.stack ul { text-align : center; } .orgChart table { width : 100%; border:0; margin:0; } .orgChart tr.lines td.line { width : 1px; height : 20px; } .orgChart tr.lines td.top { border-top : 2px solid #272090; } .orgChart tr.lines td.left { border-right : 1px solid #272090; } .orgChart tr.lines td.right { border-left : 1px solid #272090; } .orgChart td { text-align : center; vertical-align : top; padding : 0px 2px; background:none; border:0; } .orgChart div.node {border :1px solid #938bc6; display : inline-block; padding :0; width:90px; height :auto; background-color : #e2e2fc; line-height : 1.3em; border-radius : 8px; } .orgChart div.node:hover{background-color:#bdbde6;} .wob .orgChart div.node {border :1px solid #000; background-color:#000;} .wob .orgChart div.node:hover{background-color:#333; border :1px solid #333;} .wob .orgChart td {background-color: #222;} .wob .orgChart {background-color: #222;} .wob .orgChart tr.lines td.top { border-top : 2px solid #333; } .wob .orgChart tr.lines td.left { border-right : 1px solid #333; } .wob .orgChart tr.lines td.right { border-left : 1px solid #333; } .orgChart .node a{text-decoration:none; display:block; padding:5px;} .orgChart table tr:nth-child(odd) td{background-color:#fff;} .orgChart .hasChildren { background-color : #ffff98; } .orgChart.interactive .hasChildren { cursor : pointer; } .orgChart .node.hover { background-color : white; } .orgChart .adjunct.node { position : absolute; margin-top : 8px; margin-left : -100px; width : 80px; height : 40px; background-color : #efefef; } .orgChart .adjunct-link { display : inline-block; position : absolute; margin-left : -20px; margin-top : 25px; width : 20px; height : 2px; border : 1px dashed black; } .organisationalChart{margin-bottom:30px;} .organisationalChart h2{padding:5px;} .hide{display:none;} /********** Sitemap **********/ #site-map .site-map-box .site-map-menu { margin: 0; padding: 0; } #site-map .site-map-box .site-map-menu ul { margin: 0 0 8px; padding-left: 14px; } #site-map .site-map-box .site-map-menu ul ul { margin: 0; } #site-map .site-map-box .site-map-menu ul ul ul { margin-bottom: 5px; } #site-map .site-map-box .content > .site-map-menu > li { list-style: none; padding-left: 15px; background: url(../images/bullet.png) left 7px no-repeat; } #site-map .site-map-box .site-map-menu li { padding: 3px 0; } #site-map .site-map-box .site-map-menu li a { font: 1.143em 'proxima_novasemibold'; text-decoration: none; } #site-map .site-map-box .site-map-menu li li a { color: #1e2fa5; font: 1.071em 'proxima_nova_rgregular'; } #site-map .site-map-box .site-map-menu li li a:hover { color: #0a1037; } #site-map .site-map-box .site-map-menu li li li a { color: #252525; } #site-map .site-map-box .site-map-menu li li li a:hover { color: #000; } #site-map .site-map-box .site-map-menu li li li li a { color: #353535; } #site-map .site-map-box .site-map-menu li li li a:hover { color: #222; } /********** Feedback & Login Form **********/ .innerContent .node-feedback-form, #user-login, .innerContent #user-register-form { padding: 30px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #cdcdcd; background-color: #fafafa; } .innerContent .node-feedback-form .form-item input, .node-feedback-form .form-item select, .node-feedback-form .form-item textarea, #user-login .form-item input, .innerContent #user-register-form .form-item input, #user-register-form .form-item select, #user-register-form .form-item textarea { padding: 5px 10px; background-color: #fff; } .innerContent .node-feedback-form > div > div, #user-login .form-item, .innerContent #user-register-form > div > div, #user-register-form .form-item { width: 49%; display: inline-block; vertical-align: top; } .innerContent .node-feedback-form > div > .field-type-text .form-type-textfield, .innerContent .node-feedback-form > div > .field-type-text-long { width: 100%; float: none; } .innerContent .node-feedback-form .captcha .form-item-captcha-response, .innerContent #user-register-form .captcha .form-item-captcha-response { width: 35%; } .innerContent .node-feedback-form .captcha .description, #user-login .form-item .description, .innerContent #user-register-form .captcha .description { padding-top: 5px; } .captcha img { width: 80px; margin: 34px 0 0 10px; padding: 3px; border: 1px solid #cdcdcd; } .captcha, .innerContent .node-feedback-form #edit-actions input, #user-login #edit-actions input, .innerContent #user-register-form #edit-actions input, .innerContent #edit-pathauto-i18n-undefined-language-custom-tip, .innerContent #edit-pathauto-i18n-undefined-language-tip { margin: 0; } .innerContent .node-feedback-form .required, .innerContent #user-register-form .required { margin: 0; text-align: left!important; } .innerContent .node-feedback-form #edit-actions, .innerContent #user-register-form #edit-actions { width: auto; display: inherit; margin: 0; } .fieldset-legend { font-size: 1.071em; } .innerContent .node-feedback-form .field-name-field-last-name, .innerContent .node-feedback-form .field-type-list-text, #user-login .form-item:nth-child(even), .innerContent #user-register-form .field-name-field-last-name, .innerContent #user-register-form .field-type-list-text, #user-register-form .form-item:nth-child(even) { float: right; } .innerContent .node-feedback-form .required, #user-login .form-item .required, #user-register-form .form-item .required { margin-top: 0; } .innerContent #user-register-form #edit-account, .innerContent #edit-pathauto-i18n-undefined-language-custom-tip, .innerContent #edit-pathauto-i18n-undefined-language-tip, .innerContent #user-register-form .form-type-checkbox { width: 100%!important; float: left!important; } div.messages ul li { text-align: left!important; } #messages, .innerContent #edit-pathauto-i18n-undefined-language-tip { padding-bottom: 20px; } .innerContent #user-register-form .form-type-checkbox label { padding: 2px 0 0; } .innerContent .description { display: block; margin: 10px 0 0; } /**********INS India**********/ .insIndia .imgHolder{margin-bottom:20px;} .insIndia .imgHolder:last-child{margin:0;} .insIndia .imgHolder img{width:100%;} .insIndia.accordion{margin-bottom:20px;} .insIndia.accordion .accTrigger { background: url(../images/right-arrow.png) right 4px no-repeat; border:1px solid #ccc; padding:10px; cursor:pointer; font-size:1.2em; margin:5px 0 0 0; } .insIndia.accordion .accTrigger a { display: block; text-decoration: none; outline: 0; } .insIndia.accordion .accTrigger.active { background-image: url(../images/down-arrow1.png);} .insIndia.accordion .accTrigger.active, .insIndia.accordion .accTrigger:hover{background-color:#f9f9f9;} .insIndia .accordDetail { display: none; padding:20px;border:1px solid #ccc; border-top:0; } .insIndia .accordDetail { display: none; padding:20px;border:1px solid #ccc; border-top:0; } .contactUs table th { width: 28%; } .contactUs table th:last-child { width: auto; } /**********Chart**********/ #primaryNav li { width:25%; } #primaryNav li ul li { width:100% !important; } #primaryNav.col1 li { width:99.9%; } #primaryNav.col2 li { width:50.0%; } #primaryNav.col3 li { width:33.3%; } #primaryNav.col4 li { width:25.0%; } #primaryNav.col5 li { width:20.0%; } #primaryNav.col6 li { width:16.6%; } #primaryNav.col7 li { width:14.2%; } #primaryNav.col8 li { width:12.5%; } #primaryNav.col9 li { width:11.1%; } #primaryNav.col10 li { width:8.0%; } .sitemap { margin: 0 0 40px 0; width:1100px; overflow:scroll; height:670px; } /**********Top Level***********/ #primaryNav {margin-top:50px } #primaryNav #home { display: block; float: none; background: #ffffff url('../images/L1-left.png') center bottom no-repeat; position: relative; z-index: 2; padding: 0 0 30px 0; } #primaryNav ul{margin:0; padding:0;} #primaryNav li { list-style:none; float: left; background: url('../images/L1-center.png') center top no-repeat; padding: 30px 0; margin-top: -30px; } #primaryNav li a { text-decoration:none; margin: 0 20px 0 0; padding: 10px; display: block; font-size: 15px; font-weight: normal; text-align: center; color: #111b69; background: #fff; border: 1px solid #111b69; word-wrap: break-word; line-height:20px; } #primaryNav li a:hover { background-color: #31a0e0; border-color: #fff; color: #fff; } #primaryNav li:last-child { background: url('../images/L1-right.png') center top no-repeat; } /*a:link:before, a:visited:before {content: " "; display: block; text-transform: uppercase; font-size: 10px; margin-bottom: 5px; word-wrap: break-word; }*/ #primaryNav li a:link:before, #primaryNav li a:visited:before { color: #78a9c0; } /**********Second Level**********/ #primaryNav li li { width: 100%; clear: left; margin-top: 0; padding: 10px 0 0 0; background: url('../images/vertical-line.png') center bottom repeat-y; } #primaryNav li li a { background-color: #eff7fc; border-color: #cedde6; color: #333; font-size: 13px; font-weight: normal; line-height: 19px; } #primaryNav li li a:hover { background-color: #31a0e0; border-color: #fff; color: #fff; } #primaryNav li li:first-child { padding-top: 30px; } #primaryNav li li:last-child { background: url('../images/vertical-line.png') center bottom repeat-y; } #primaryNav li li a:link:before, #primaryNav li li a:visited:before { color: #8faf5c; } /**********Third Level**********/ #primaryNav li li ul { margin: 10px 0 0 0; width: 100%; float: right; padding: 9px 0 0px 0; background: #ffffff url('../images/L3-ul-top.png') center top no-repeat; } #primaryNav li li li { background: url('../images/L3-center.png') left center no-repeat; /*padding: 5px 0;*/ } #primaryNav li li li a { background-color: #fff; border-color: #cedde6; font-size: 12px; padding: 5px; width: 80%; float: right; } #primaryNav li li li a:hover { background-color: #31a0e0; border-color: #fff; color: #fff; } #primaryNav li li li:first-child { padding: 15px 0 5px 0; background: url('../images/L3-li-top.png') left center no-repeat; } #primaryNav li li li:last-child { background: url('../images/L3-bottom.png') left center no-repeat; } #primaryNav li li li a:link:before, #primaryNav li li li a:visited:before { color: #ccae14; font-size: 9px; } /**********Utility Navigation**********/ #utilityNav { float: right; max-width: 50%; margin-right: 10px; } #utilityNav li { float: left; margin-bottom: 10px; } #utilityNav li a { margin: 0 10px 0 0; padding: 5px 10px; display: block; border: 2px solid #e3ca4b; font-size: 12px; font-weight: bold; text-align: center; color: black; background: #fff7aa url('../images/white-highlight.png') top left repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px; /* FF 3.5+ */ } #utilityNav li a:hover { background-color: #fffce5; border-color: #d1b62c; } #utilityNav li a:link:before, #utilityNav li a:visited:before { color: #ccae14; font-size: 9px; margin-bottom: 3px; } /* .sitemap.personnel-branch, .sitemap.IHQ, .sitemap.mat-branch ,.sitemap.staff-2{ overflow:hidden !important } */ .sitemap.personnel-branch #primaryNav, .sitemap.staff-2 #primaryNav { width:100% } .sitemap.personnel-branch #primaryNav.col10 li, .sitemap.staff-2 #primaryNav.col10 li { width:200px;} .sitemap.IHQ #primaryNav { width:100% } .sitemap.IHQ #primaryNav.col10 li { width:20%; } .sitemap.mat-branch #primaryNav.col10 li { width:20%; } .sitemap.mat-branch #primaryNav { width:100% } /**********Custom Scrollbar**********/ .mCustomScrollbar { /*-ms-touch-action: pinch-zoom; touch-action: pinch-zoom;*/ /* direct pointer events to js */ } /*.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; }*/ .mCustomScrollBox { /* contains plugin's markup */ padding-right:26px; position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .sitemap.IHQ .mCSB_container,.sitemap.mat-branch .mCSB_container,.sitemap.mat-branch .mCSB_container,.sitemap.personnel-branch .mCSB_container{width:100%} .mCSB_container { /* contains the original content */ overflow: hidden; width:150%; height: auto; } .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width:16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; background:#fff; } .mCSB_outside + .mCSB_scrollTools { right:0; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2) } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #097DC7; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0 } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -218px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -235px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -102px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -99px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {background-repeat: no-repeat; opacity: 0.8;background: url(../images/mCSB_buttons.png)} .sitemap.staff-branch-i #primaryNav.col10 li{width:7.5%} .tableTwoCol table th:first-child { width: 84%; } /**********Sports & Adventure**********/ .sport-adventure-block{width:100%} .sport-adventure-block .outer{margin:0 -15px;} .sport-adventure-block .box{float:left; width:50%; padding:0 15px;} .sport-adventure-block .box .inner{position:relative;} .sport-adventure-block .box .img{overflow:hidden; display:block;} .sport-adventure-block .box img{transition:all 0.5s ease 0ms; -webkit-transition:all 0.5s ease 0ms;} .sport-adventure-block .box:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);} .sport-adventure-block .box .info { position: absolute; left: 0; right: 0; bottom: 0; background-color: #050821; background-color: rgba(5,8,33,.7); } .sport-adventure-block .box .info p { width: 58%; max-height: 58px; float: left; margin: 0; padding:17px 10px; color: #fff; font-size: 1.428em; line-height: normal;font-family: 'proxima_novasemibold'; } .sport-adventure-block .box .info .view { width:72px; float: right;} .sport-adventure-block .box .info a{width:36px; height:58px; background:url(../images/sprite.png) 0 0 no-repeat; float:left; text-indent:-9999px; overflow: hidden; background-color: #0f8ddd; } .sport-adventure-block .box .info a:hover{background-color:#0d79be;} .sport-adventure-block .box .info a:before{display:inline-block;} .sport-adventure-block .box .info a.facebook{background-position:-264px -572px;} .sport-adventure-block .box .info a.rss{background-position:-267px -628px;} .sportActivity{margin-top:30px; background: #193c72 url(../images/activity-indiannavy-bg.jpg) left bottom no-repeat;} .sportActivity h2{background:#031f4a; text-align:center; text-transform:uppercase;font-family: 'oswaldbook'; color:#fff; padding:20px 0 13px; font-size:1.857em;} .sportActivity ul{padding:0 0 10px; margin:0 auto; max-width:720px; width:100%;} .sportActivity li{display:inline-block; width:49%; list-style:none; padding:16px 45px;} .sportActivity li.leftCol .text{text-align:right;} .sportActivity li.leftCol .icon{margin-left:-4px;} .sportActivity li.rightCol .icon{margin-right:-4px;} .sportActivity li a{text-decoration:none; color:#fff; display: block; overflow: hidden;} .sportActivity li a:hover{color:#0f8ddd;} .innerContent .sportActivity li .text{font-size:1.286em; line-height:18px; display:block; float:left; border-bottom:2px solid #61799e; padding:0 10px 3px 10px; width:207px; min-height:42px;} .sportActivity li .icon{width:55px; height:55px; border-radius:50%; border:2px solid #61799e; display:block;float:left; background:url(../images/sprite.png) 0 0 no-repeat;text-indent:-9999px; transition: 350ms ease; -webkit-transition: 350ms ease;} .sportActivity li .icon.sportControl{background-position:-2px -850px;} .sportActivity li a:hover .icon.sportControl{background-position:-2px -905px;} .sportActivity li .icon.equestrian{background-position:-57px -850px;} .sportActivity li a:hover .icon.equestrian{background-position:-57px -905px;} .sportActivity li .icon.mountaineering{background-position:-111px -850px;} .sportActivity li a:hover .icon.mountaineering{background-position:-111px -905px;} .sportActivity li .icon.yachting{background-position:-167px -850px;} .sportActivity li a:hover .icon.yachting{background-position:-167px -905px;} .sportActivity li .icon.adventure{background-position:-223px -850px;} .sportActivity li a:hover .icon.adventure{background-position:-223px -905px;} .sportActivity li .icon.sports{background-position:-277px -848px;} .sportActivity li a:hover .icon.sports{background-position:-277px -903px;} .sportActivity li .icon.navalAchievers{background-position:-2px -959px;} .sportActivity li a:hover .icon.navalAchievers{background-position:-2px -1014px;} .sportActivity li .icon.solo{background-position:-57px -959px;} .sportActivity li a:hover .icon.solo{background-position:-57px -1014px;} .sportActivity li .icon.caving{background-position:-111px -959px;} .sportActivity li a:hover .icon.caving{background-position:-111px -1014px;} .sportActivity li .icon.photoGallery{background-position:-166px -959px;} .sportActivity li a:hover .icon.photoGallery{background-position:-166px -1014px;} .view-shipmates .views-exposed-form { padding-top: 25px; } .view-shipmates .views-exposed-form .views-exposed-widget { width: 50%; padding: 0 10px 10px; } .view-shipmates .views-exposed-form .views-widget { width: 216px; vertical-align: top; } .view-shipmates .views-exposed-form label { width: 140px; padding: 6px 0 0; } .view-shipmates .views-exposed-form .views-widget input, .view-shipmates .views-exposed-form select { width: 100%; } .view-shipmates .views-exposed-widget.views-submit-button { width: auto; clear: both; padding: 10px 10px 0 160px; } .view-shipmates .views-exposed-widget.views-reset-button { width: auto; padding-top: 10px; } .margin-10{margin:10px} .imgupload .field-items { list-style: none; margin: 0 0 20px; padding: 0; } /*.imgupload .field-items .field-item { width: 28%; }*/ .imgupload .field-items .field-item {max-width: 28%; width: auto;} .bachImg .field-items, .listingView { list-style: none; margin: 0; padding: 0; } .node-nwwa .field-items, .imgupload .field-items, .node-tributes .field-items, .node-cookery .field-items, .node-first-impressions .field-items, .node-young-impressions .field-items, .bachImg .field-items { margin-left: -4%; } .node-nwwa .field-label, .imgupload .field-label, .node-tributes .field-label, .node-cookery .field-label, .node-speeches .field-label, .node-first-impressions .field-label, .node-young-impressions .field-label, .bachImg .field-label { display: none; } .node-nwwa .field-items .field-item, .imgupload .field-items .field-item, .node-tributes .field-items .field-item, .node-cookery .field-items .field-item, .node-young-impressions .field-items .field-item, .node-first-impressions .field-items .field-item, .bachImg .field-items .field-item { float: left; margin: 0 0 4% 4%; padding: 5px; border: 1px solid #cdcdcd; } .bachImg .field-items .field-item { width: 20.5%; float: none; display: inline-block; vertical-align: top; text-align: center; } .bachImg .field-items .field-item img { margin-bottom: 10px; } .bachImg .field-items .field-item strong { display: block; padding-bottom: 5px; } .listingView { margin-bottom: 10px; } .listingView li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cdcdcd; } .listingView li:last-child { border: none; } .listingView li .listViewImg { width: 26%; float: left; margin-right: 3%; padding: 5px; border: 1px solid #cdcdcd; } .listingView li .listViewDesc { width: 71%; float:left; } .listingView li .listViewDesc h3 { margin-bottom: 15px; } .listingView li .listViewDesc h4 { margin-bottom: 10px; padding-left: 12px; background: url(../images/bullet.png) left 4px no-repeat; } .listingView li .listViewDesc p, .listingView li .listViewDesc strong { margin: 0 0 15px 12px; } .maintenance-page .mainErrorDiv { padding: 20px; } .at_a11y { color: #fff;} .addthis_button_twitter.addthis_button_preferred_3.at300b .at_a11y, .addthis_button_compact.at300m .at_a11y { color: #000; } .historyTable th:first-child { width: 10%; } .historyTable th:last-child { width: 15%; } .airCraftCareerTable th { width: 33.33%; } .node-forum .field-type-image { padding: 10px 0; } /*.node-forum .field-type-text-with-summary p { color: #097dc7; font: 1.429em 'proxima_novasemibold'; }*/ .node-forum ul.inline li { padding: 0; } .node-forum .comment { margin: 15px 0; padding: 15px 0; border-top: 1px solid #cdcdcd; } .node-forum .comment h3 a { text-decoration: none; } .node-forum .comment .submitted { padding-bottom: 10px; } .node-forum .comment.comment-unpublished, .comment-form .comment.comment-preview { background: none; } .comment-form .comment.comment-preview { padding-bottom: 20px; } .field-name-comment-body .filter-wrapper .form-item { padding-left: 0; } .field-name-comment-body .filter-help { padding-right: 0; } .field-name-comment-body .filter-guidelines { padding: 20px 0 0; } .field-name-comment-body .filter-guidelines .tips { font-size: 1em; } .innerContent .comment-form .form-wrapper .form-submit { margin: 0; } .innerContent .comment-form .form-wrapper #edit-submit.form-submit { margin-right: 15px; } .comment-form .filter-wrapper .form-item input, .comment-form .filter-wrapper .form-item select { font-size: 1em; } html.js fieldset.collapsed .fieldset-legend { background-position: 0 5px; } .node-tender .field-name-field-tender-document { margin: 15px 0; padding: 15px 0; border-bottom: 1px solid #cdcdcd; } .node-tender .field .field-label { margin-bottom: 10px; } .view-calendar .date-nav-wrapper li.date-prev, .view-calendar .date-nav-wrapper li.date-next { padding: 0; background: none; border: none;} .view-calendar .date-nav-wrapper li.date-prev { right: 75px; } .view-calendar .date-nav-wrapper li.date-prev a, .view-calendar .date-nav-wrapper li.date-next a { margin: 0; padding: 5px 15px; color: #fff; font-size: 1.143em; font-weight: normal; } .view-calendar .calendar-calendar th.days { color: #fff; padding: 10px 0; background-color: #097dc7; } .calendar-calendar td { border-color: #ddd; } .calendar-calendar td .inner div.calendar div { background-color: #ddd!important; } .calendar-calendar td .inner div.calendar div a { color: #333; font-size: 1.28em; padding-left:5px; } .calendar-calendar div.day { color: #555; } .calendar-calendar .month-view .full .inner .monthview, .calendar-calendar .week-view .full .inner .weekview, .calendar-calendar .day-view .full .inner .dayview { border-radius: inherit; } #views-exposed-form-shipmates-page-2 > div { display: none; } .view-shipmates .view-header { padding-bottom: 10px; } .view-shipmates .view-header a { float: right; } .launchpage { background: #fff; } .launch { padding-top: 15px; text-align: center; } .launch #logo { margin-bottom: 22px; } .launch .ministryName { display: block; margin-bottom: 35px; color: #2e2e2e; font-size: 17px; } .launch .launchTitle { margin-bottom: 5px; color: #193c72; font: 33px 'oswaldbook'; } .launch .launchDate { display: block; margin-bottom: 35px; color: #222; font-size: 18px; } .launch .launchBy { padding-bottom: 35px; } .launch .launchBy .by { display: block; margin-bottom: 10px; color: #525252; font: 15px 'proxima_novasemibold'; } .launch .launchBy h2 { margin-bottom: 10px; color: #193c72; font: 23px 'proxima_nova_rgbold'; } .launch .launchBy .designation { display: block; color: #414141; font-size: 16px; } .launch .launchBtn { display: inline-block; padding: 10px 40px; color: #fff; font: 22px 'proxima_novasemibold'; text-transform: uppercase; } .indianOcean { height: 105px; position: absolute; left: 0; right: 0; bottom: 0; background: url(../images/indian-ocean.jpg); -webkit-background-size: cover; background-size: cover; } .indianOcean .navalShip { position: absolute; left: 0; bottom: 89px; z-index: 1; } /********** High Contrast View **********/ body.wob { color: #fff; background: #000; } .wob a, .wob h1, .wob #accessControl input:hover, .wob #accessControl input.current, .wob .navalUnitsLogos li .unitWrap .unitName h2 a:hover, .wob #nice-menu-1 > li > a:hover, .wob #nice-menu-1 > li.hover > a, .wob #nice-menu-1 > li.focus > a, .wob #nice-menu-1 > .highlight > a, .wob .joinIndianNavy a, .wob .joinIndianNavy a:hover strong, .wob .scrollLogoBlock .item .unitWrap .unitName .titleName, .wob .titlebar .downloadMobileApp a, .wob .tabber .tabContent .activityTicker li .date, .wob .tabber .tabNav li a:hover, .wob .tabber .tabNav li.r-tabs-state-active a, .wob .sideNav ul li a, .wob .mediaGallery .box h3, .wob .carouselBlock .item a:hover, .wob .subMenus ul.menu li a:hover, .wob .subMenus ul.menu li li a, .wob .subMenus ul.menu li li li a:hover, .wob h3, .wob .node-news .center strong, .wob .node-press-release .center strong, .wob .item-list .pager li.pager-current, .wob .item-list .gallery li .views-field-name span a, .wob .item-list .gallery li .views-field-title span a, .wob .medalSection .medalDetail h3, .wob .required, .wob .formList .error, .wob .marker, .wob .form-required, .wob #site-map .site-map-box .site-map-menu li li li li li a, .wob #primaryNav li a:link:before, .wob #primaryNav li a:visited:before, .wob #primaryNav li a, .wob .sportActivity li a:hover, .wob .contentTabNav li a, .wob h4, .wob .view-calendar .calendar-calendar th.days, .wob .calendar-calendar .month-view .full td .inner div.day a { color: #80ff00; } .wob a:hover, .wob h2, .wob .joinIndianNavy a strong, .wob .scrollLogoBlock .item .unitWrap .unitName .titleName:hover, .wob .scrollLogoBlock .item .unitWrap .unitName .subTitleName, .wob .titlebar .downloadMobileApp a:hover, .wob .tabber .tabContent .activityTicker li p a, .wob .tabber .tabContent .activityTicker li p a:hover, .wob .tabber .tabNav li a, .wob .sideNav ul li a:hover, .wob .carouselBlock .item a, .wob .subMenus ul.menu li li a:hover, .wob .subMenus ul.menu li li li a, .wob div.error, .wob .error, .wob .views-exposed-form .views-widget input, .wob .views-exposed-form .views-widget select, .wob .view-press-release ul.bulletText li .date-display-single, .wob .view-news ul.bulletText li .date-display-single, .wob .view-events ul.bulletText li .date-display-single, .wob .view-speech ul.bulletText li .date-display-single, .wob .item-list .gallery li .views-field-name span, .wob .item-list .gallery li .views-field-title span, .wob .medalSection .medalDetail h2, .wob .topStrip li.search .inputSearch input[type="text"], .wob #site-map .site-map-box .site-map-menu li li a, .wob .leaderList .button, .wob .views-exposed-form .views-exposed-widget select, .wob .innerContent .content p, .wob .contentTabNav li.r-tabs-state-active a, .contentTabOuter .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor a, .wob #search-form input, .wob .calendar-calendar div.day { color: #fff; } .wob #wrapper, .wob .topStrip li.search .inputSearch .go, .wob .topStrip li.search .inputSearch .go:hover, .wob .govtLogosOuter, .wob #block-search-form .form-actions .form-submit, .wob .scrollLogoBlock { border-color: #222; } .wob .navLinks a, .wob .tabber .tabNav li, .wob .tabber, .wob .sideNav ul li, .wob .views-exposed-form .views-exposed-widget .form-submit, .wob .views-exposed-form .views-exposed-widget .form-submit:hover, .wob .view-press-release ul.bulletText li, .wob .view-news ul.bulletText li, .wob .view-events ul.bulletText li, .wob .view-speech ul.bulletText li, .wob .item-list .gallery li .img, .wob .leaderList .button, .wob #primaryNav li a, .wob .view-press-release ul.bulletText li, .wob .view-news ul.bulletText li, .wob .view-events ul.bulletText li, .wob .view-speech ul.bulletText li, .wob ul.bulletText.search-results li { border-color: #282828; } .wob #nice-menu-1 ul li a, .wob #nice-menu-1 li a:hover:before, .wob #nice-menu-1 li:hover > a:before, .wob #nice-menu-1 li.focus a:before, .wob #nice-menu-1 li.focus a:before, .wob .socialLinks li a, .wob .carouselBlock .item, .wob .carouselBlock .item a:before, .wob #block-search-form .form-actions .form-submit:hover, .wob .subMenus ul.menu li, .wob table, .wob .tableData, .wob th, .wob td, .wob .tableData th, .wob .tableData td, .wob .views-exposed-form, .wob .views-exposed-form .views-widget input, .wob .views-exposed-form .views-widget select, .wob #nice-menu-1 li a:hover:before, .wob #nice-menu-1 > li:hover > a:before, .wob #nice-menu-1 > li.focus a:before, .wob #nice-menu-1 > li.active-trail > a:before, .wob .innerContent .node-feedback-form, .wob #user-login, .wob .innerContent #user-register-form, .wob .innerContent .node-feedback-form .required, .wob #user-login .form-item .required, .wob #user-register-form .form-item .required, .wob .innerContent .form-wrapper .form-submit, .wob .captcha img, .wob #primaryNav li a:hover, .wob .views-exposed-form .views-exposed-widget select, .wob .innerContent .sportActivity li .text, .wob .sportActivity li .icon, .wob .expColContent, .wob .insIndia.accordion .accTrigger.active, .wob .insIndia.accordion .accTrigger:hover, .wob .insIndia.accordion .accTrigger, .wob .insIndia .accordDetail, .wob .node-nwwa .field-items .field-item, .wob .imgupload .field-items .field-item, .wob .node-tributes .field-items .field-item, .wob .node-cookery .field-items .field-item, .wob .node-young-impressions .field-items .field-item, .wob .node-first-impressions .field-items .field-item, .wob .bachImg .field-items .field-item, .wob #search-form input, .wob .calendar-calendar th.days, .wob .calendar-calendar td.empty, .wob .listingView li .listViewImg, .wob .listingView li { border-color: #444; } .wob .topStrip .leftLinks li, .wob .topStrip .rightLinks li, .wob .carouselBlock .item a:hover:before, .wob div.error, .wob .calendar-calendar .month-view .full tr td.today, .wob .calendar-calendar .month-view .full tr.odd td.today, .wob .calendar-calendar .month-view .full td.date-box.today, .wob .calendar-calendar .month-view .full tr.even td.today { border-color: #80ff00; } .wob #wrapper, .wob .topStrip li.search .inputSearch .go, .wob .mainNavigation, .wob #header .title, .wob .joinIndianNavy, .wob .tabber, .wob .views-exposed-form .views-exposed-widget .form-submit:hover { background-color: #111; } .wob .topStrip li.search a, .wob .topStrip li.search .inputSearch .go:hover, .wob .logobar, .wob .navbar, .wob .titlebar, .wob .socialLinks li a, .wob .tabber .tabNav li a:hover, .wob .tabber .tabNav li.r-tabs-state-active a, .wob .sideNav ul li a:before, .wob .scroller, .wob .mediaGallery .box .info .view, .wob #block-search-form .form-actions .form-submit, .wob .downloadMobileApp, .wob .sidebar, .wob table tr:nth-child(2n+1) td, .wob .tableRowOdd, .wob .views-exposed-form, .wob .view-press-release ul.bulletText li:nth-child(even), .wob .view-news ul.bulletText li:nth-child(even), .wob .view-events ul.bulletText li:nth-child(even), .wob .view-speech ul.bulletText li:nth-child(even), .wob .item-list .pager li a, .wob .medalSection, .wob .medalSectionDetails .medalDetailsImg, .wob .innerContent .node-feedback-form, .wob #user-login, .wob .innerContent #user-register-form, .wob .leaderBlock, .wob #primaryNav li li a, .wob .mCSB_scrollTools, .wob .expColContent, .wob .insIndia.accordion .accTrigger.active, .wob .insIndia.accordion .accTrigger:hover, .wob .view-press-release ul.bulletText li:nth-child(even), .wob .view-news ul.bulletText li:nth-child(even), .wob .view-events ul.bulletText li:nth-child(even), .wob .view-speech ul.bulletText li:nth-child(even), .wob ul.bulletText.search-results li:nth-child(even) { background-color: #222; } .wob .topStrip li.search a:hover, .wob .topStrip li.search a.active, .wob .topStrip li.search .inputSearch, .wob .titlebar .downloadMobileApp, .wob .scrollLogoBlock, .wob .sideNav ul li a:hover:before, .wob .mediaGallery .box .info, .wob .mediaGallery .box .info .view a:hover, .wob #nice-menu-1 ul li a, .wob .carouselBlock.owl-theme .owl-nav .owl-prev, .wob .carouselBlock.owl-theme .owl-nav .owl-next, .wob .socialLinks li a:hover, .wob .downloadMobileApp a:hover, .wob .error, .wob .noresult, .wob .view-empty p, .wob .joinIndianNavy:hover, .wob caption, .wob th, .wob td, .wob .views-exposed-form .views-widget input, .wob .views-exposed-form .views-widget select, .wob .views-exposed-form .views-exposed-widget .form-submit, .wob .item-list .pager li a:hover, .wob .medalSection .medalDetail a.readMore, .wob .innerContent .node-feedback-form .required, .wob #user-login .form-item .required, .wob #user-register-form .form-item .required, .wob .innerContent .form-wrapper .form-submit:hover, .wob .leaderList .button, .wob #primaryNav li li a:hover, .wob .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .wob .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .wob .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .wob .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .wob .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .wob .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .wob .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .wob .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .wob .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .wob .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .wob .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .wob .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .wob #primaryNav li a, .wob .views-exposed-form .views-exposed-widget select, .wob #block-search-form .form-actions .form-submit:hover, .wob .sportActivity h2, .wob .sport-adventure-block .box .info a, .wob .contentTabOuter, .wob .contentTabNav li a:hover, .wob .contentTabNav li.r-tabs-state-active, .contentTabOuter .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor, .wob .capTitle .expColBtn, .wob .view-calendar .calendar-calendar th.days, .wob .calendar-calendar .month-view .full tr td.today, .wob .calendar-calendar .month-view .full tr.odd td.today, .wob .calendar-calendar .month-view .full tr.even td.today, .wob .calendar-calendar .month-view .full td.single-day .calendar-empty, .wob .calendar-calendar .month-view .full td.single-day.empty, .wob .calendar-calendar .month-view .full td.date-box.empty { background-color: #333; } .wob #nice-menu-1 li ul li a:hover, .wob #nice-menu-1 li ul li > a.active, .wob #nice-menu-1 ul a:hover, .wob.noJS #nice-menu-1 ul a:focus, .wob #nice-menu-1 ul a.active, .wob #nice-menu-1 ul > .highlight > a, .wob #nice-menu-1 ul li.focus > a, .wob .carouselBlock.owl-theme .owl-nav .owl-prev:hover, .wob .carouselBlock.owl-theme .owl-nav .owl-next:hover, .wob .medalSection .medalDetail a.readMore:hover, .wob #nice-menu-1 li ul li a:hover, .wob #nice-menu-1 li ul li > a.active, .wob #nice-menu-1 ul a:hover, .noJS.wob #nice-menu-1 ul a:focus, .wob #nice-menu-1 ul a.active, .wob #nice-menu-1 ul > .highlight > a, .wob #nice-menu-1 ul li:hover > a, .wob .innerContent .form-wrapper .form-submit, .wob .topStrip li.search .inputSearch input[type="text"], .wob .leaderList .button:hover, .wob #primaryNav li a:hover, .wob .sport-adventure-block .box .info a:hover, .wob .capTitle .expColBtn:hover { background-color: #444; } .wob .caption, .wob .mediaGallery .box .info, .wob .sport-adventure-block .box .info, .wob .capTitle { background-color: #444; background-color: rgba(0,0,0,.7); } .wob .govtLogos { background-color: #fff; } .wob #logo { width: 259px; height: 99px; background: url(../images/dark/logo.png) left top no-repeat; } .wob #logo a { width: 259px; height: 99px; display: block; } .wob #logo img { display: none; } .wob .navalUnits > a:before { background-position: -113px 0; } .wob .menu > a:before { background-position: -162px -22px; } .wob .navLinks .arrow:before { background-position: -137px -67px; } .wob .titlebar .downloadMobileApp a:before { background-position: -279px 0; } .wob .tabber .tabNav li a:hover:before, .wob .tabber .tabNav li.r-tabs-state-active a:before { background-position: -185px -92px; } .wob .tabber .tabContent .activityTicker li p a:hover { text-decoration: underline; } .wob .carouselBlock.before a, .wob .carouselBlock.before a:before { -webkit-transition: inherit; transition: inherit; } .wob .carouselBlock .item .greenInit:hover:before { background-position: -254px -182px; } .wob .carouselBlock .item .indianOcean:hover:before { background-position: -256px -259px; } .wob .carouselBlock .item .yearOfSailor:hover:before { background-position: -257px -333px; } .wob .carouselBlock .item .indiInnovation:hover:before { background-position: -254px -419px; } .wob .carouselBlock .item .tenderEnquiry:hover:before { background-position: -254px -504px; } .wob .scrollLogoBlock { -webkit-box-shadow: inherit; box-shadow: inherit; } .wob .scrollLogoBlock .owl-controls .owl-nav .owl-prev { background-position: -81px -90px; } .wob .scrollLogoBlock .owl-controls .owl-nav .owl-prev:hover { background-position: -81px -120px;} .wob .scrollLogoBlock .owl-controls .owl-nav .owl-next { background-position: -108px -90px; } .wob .scrollLogoBlock .owl-controls .owl-nav .owl-next:hover { background-position: -108px -120px;} .wob .socialLinks li a.fb:before { background-position: -70px -52px; } .wob .socialLinks li a.tw:before { background-position: -91px -52px; } .wob .socialLinks li a.gp:before { background-position: -118px -52px; } .wob ul.bulletText li, .wob .node-news ul li, .wob .node-press-release ul li, .wob #site-map .site-map-box .content > .site-map-menu > li, .wob .listingView li .listViewDesc h4 { background-image: url(../images/dark/bullet.png); } .wob #site-map .site-map-menus ul li.expanded { list-style-image: inherit; } .wob #site-map .site-map-box .site-map-menu li li a:hover { text-decoration: underline; } .wob #site-map .site-map-box .site-map-menu li li li a { color: #aaa; } .wob #site-map .site-map-box .site-map-menu li li li li a { color: #777; } .wob #primaryNav #home, .wob #primaryNav li li ul { background-color: inherit; } .wob .sportActivity { background-color: #222; background-image: inherit; } /********** noJS **********/ .noJS .topStrip li.search { width: auto; height: auto; margin-top: -9px; } .noJS .topStrip li.search a { display: none; } .noJS .topStrip li.search .inputSearch { width: 200px; float: right; position: relative; } .noJS .topStrip li.search .inputSearch, .noJS .owl-controls.noScript, .noJS .tabber .tabContent { display: block; } .noJS .topStrip li.search .inputSearch input[type="text"] { height: 26px; } .noJS .topStrip li.search .inputSearch .go { height: 26px; margin-top: -13px; padding: 1px 6px; } .noJS .tabber .tabContainer { height: 208px; overflow: hidden; padding-top: 0; } .noJS .tabber .tabContent { height: 235px; } .noJS #block-search-form .form-actions .form-submit { height: 26px; padding: 1px 6px; } .noJS .scrollLogoBlock { height: 93px; overflow-y: auto; padding: 5px 15px; } .noJS .scrollLogoBlock .item { display: inline-block; padding: 10px 0; vertical-align: top; } .noJS .sliderBanner .item { position: relative;} .noJS .owl-controls { position: absolute; right: 20px; bottom: 20px; /*width: 100%;*/ text-align: center; -webkit-tap-highlight-color: transparent; } .noJS .scroller { min-height: 206px; } .noJS .carouselBlock .item { width: 208px; float: left; position: relative; } .noJS .carouselBlock .item:last-child { border-right: none; } fieldset.captcha {display: inline-block; width: 100%;} .wob .contentAccordion .accTrigger{background:#222 url(../images/plus-icon-wob.png) 13px 16px no-repeat; border:1px solid #333;} .wob .contentAccordion .accTrigger.active{background:#000 url(../images/minus-icon-wob.png) 13px 16px no-repeat; border-color:#333;} .wob .contentAccordion .accTrigger:hover{background-color:#000} .wob .contentAccordion .accordDetail{border:1px solid #333; background:#222;} .wob #primaryNav #home{ background:#111 url(../images/wob-L1-left.png) center bottom no-repeat;} .wob #primaryNav li { background: url(../images/wob-L1-center.png) center top no-repeat; } .wob #primaryNav li:last-child { background: url(../images/wob-L1-right.png) center top no-repeat; } .wob #primaryNav li li { background: url(../images/wob-vertical-line.png) center bottom repeat-y; } .wob #primaryNav li li:last-child { background: url(../images/wob-vertical-line.png) center bottom repeat-y; } .wob #primaryNav li li ul { background:#111 url(../images/wob-L3-ul-top.png) center top no-repeat; } .wob #primaryNav li li li { background: url(../images/wob-L3-center.png) left center no-repeat; } .wob #primaryNav li li li:first-child { background: url(../images/wob-L3-li-top.png) left center no-repeat; } .wob #primaryNav li li li:last-child { background: url(../images/wob-L3-bottom.png) left center no-repeat; } #block-search-form .form-actions .form-submit{-webkit-appearance: none;} table.journalsMagazinesMain { border: medium none; } table.journalsMagazinesMain td { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: medium none; padding: 0; } table.journalsMagazinesMain td .journal_magazine { padding-bottom: 20px; padding-top: 10px; } .commentFirstPost { background-color: #0a6eae; color: #fff; padding: 10px 15px; } .commentFirstPost a { color: #002153; } #comments ul { list-style: outside none none; margin: 0 0 30px 0; padding: 0; } #comments ul li.odd { background-color: #f2f2f2; } #comments ul li { padding: 20px; } .node-forum .link-wrapper { margin-top: 15px; text-align: right; } #user-login .loginlinks { display: inline-block; margin-top: 15px; width: 100%; } #user-login .loginlinks > div { float: left; margin-right: 30px; } .node-type-forum a.alignRight {margin-top: -45px;} #edit-field-date-of-commission-value-value-datepicker-popup-0, #edit-field-date-of-retirement-value-value-datepicker-popup-0{ margin-right: 0; width: 215px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; left: 50%; margin-left: -7px; margin-top: -8px; position: absolute; top: 50%; } .ui-datepicker-prev, .ui-datepicker-next { width:25px; font-size:16px; height:25px; display:inline-block; margin:0; cursor: pointer; color:#fff; } .ui-datepicker-prev span { background-position:-81px -191px; overflow:hidden; width:16px; height:16px; position:static; margin:5px 0 0; } .ui-datepicker-next span { background-position:-48px -191px; overflow:hidden; width:16px; height:16px; position:static; margin:5px 0 0; } .ui-datepicker-prev span {background:url(../images/Prev.png) no-repeat !important;} .ui-datepicker-next span {background:url(../images/Next.png) no-repeat !important;} .ticker-wrapper.has-js { height: 44px; display: block; background-color: #e1e3e9; } .ticker-wrapper .ticker { width: 90%; height: auto; float: left; position: relative; overflow: hidden; } .ticker-wrapper .ticker-title { width: 140px; float: left; padding: 0 20px; color: #fff; font: 16px/44px 'proxima_novasemibold'; text-transform: uppercase; position: relative; z-index: 2; background-color: #24469c; } .ticker-wrapper .ticker-title:after { width: 11px; height: 14px; content: ''; position: absolute; right: -11px; top: 16px; background: url(../images/sprite.png) -50px -1087px no-repeat; } .ticker-wrapper .ticker-content { float: left; margin: 0; padding-top: 12px; overflow: hidden; white-space: nowrap; position: absolute; left: 165px!important; } .ticker-wrapper .ticker-content a, .jsHidden li a { color: #082841; font: 15px 'proxima_novasemibold'; text-decoration: none; } .ticker-content a:hover, .jsHidden li a:hover { text-decoration: underline; color: #1e517a; } .ticker-swipe { width: 90%; display: block; padding-top: 14px; position: absolute; top: 0; background-color: #e1e3e9; } .ticker-swipe span { width: 7px; height: 16px; display: block; margin-left: 1px; border-bottom: 1px solid #1f527b; } .ticker-controls { float: right; list-style: none; margin: 0; padding: 16px 15px 15px; background-color: #252525; } .ticker-controls li { width: 9px; height: 13px; padding: 0; float: left; display: block; margin-right: 5px; cursor: pointer; text-indent: -999em; -webkit-transition: 350ms ease; transition: 350ms ease; background-image: url(../images/sprite.png); } .ticker-controls li:last-child { margin: 0; } .ticker-controls li a { color: #fff; } .ticker-controls li.jnt-play-pause { background-position: -21px -1087px; } .ticker-controls li.jnt-play-pause.paused { background-position: -2px -1087px; } .ticker-controls li.jnt-prev { background-position: -312px -161px; } .ticker-controls li.jnt-prev.over { background-position: -312px -177px; } .ticker-controls li.jnt-next { background-position: -323px -161px; } .ticker-controls li.jnt-next.over { background-position: -323px -177px } .jsHidden { height: 44px; margin: 0; padding: 11px 35px 0; overflow-y: auto; background-color: #e1e3e9; } .jsHidden li { float: left; margin: 0 35px 10px 0; } .no-js-news { padding: 10px 0px 0px 45px; color: #F8F0DB; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { color: #000; text-indent: -999em; } .view-event-list table td a{color:#444;} .view-event-list table td a:hover{color:#000;} .countryFlagContent {padding: 20px;} .countryFlagList {list-style: none; margin: 0 -10px; padding: 0; width: auto;} .countryFlagList li {float: left; width: 25%;} .countryFlagRow {padding: 10px 10px 10px 20px; position: relative;} .countryFlag {left: 10px; position: absolute; top: 8px; z-index: 9;} .countryName {padding-left: 20px;} .orgChart { width:400px; height:auto;} .trainingNavy img {width:100%;height:auto;} .trainingNavy .center { display: inline-block; padding-top: 10px; text-align: center; width: 100%;color:#103976;} /* 11 Mar 2016 */ .img3 .imgBlock { width: 33.33%; float: left; padding: 0 10px; text-align: center; } .img3 .imgBlock h3 { font-size:1.143em; margin: 10px 0 0; text-align: center;} table.dndTable a { color: #0b1979;} table.dndTable a:hover{ color:#575757; text-decoration:underline;} ul.dgnaiLi li a{ color:#0b1979} ul.dgnaiLi li a:hover{ color:#222222} p.directorateInd a{ color:#0b1979} p.directorateInd a:hover{color:#222222}