.proj th{border-right:5px solid #ffffff!important;height:100px;width:100px;}.proj th:last-child{border-right:0px!important} .gall td{padding:5px;border:0px none;} .gall{border:0px none!important} .gall figcaption{font-weight:bold;padding:7px 0;text-align:center!important;} .gall figure{background:#cceec3;}
.qlb { width: 45px; height: 45px } .scroll { background: #0052a6; font-size: 1em; padding: 9px 0px; color: #fec81d; font-weight: bold; text-shadow: 0px 1px 2px #000; } .sm-blue a:focus { outline: 0px none !important } .sm-blue a { padding: 10px 20px; padding-right: 58px; background: #334458; color: #ffffff; line-height: 23px; text-decoration: none } li.pro a { background: #2b353f; } #navigation-top > li:nth-child(4) > h2 a, #navigation-top > li:nth-child(5) > h2 a, #navigation-top > li:nth-child(6) > h2 a { background: #2b353f; } #navigation-top > li:nth-child(4) > h2 a:hover, #navigation-top > li:nth-child(4) > h2 a:focus, #navigation-top > li:nth-child(5) > h2 a:hover, #navigation-top > li:nth-child(5) > h2 a:focus, #navigation-top > li:nth-child(6) > h2 a:hover, #navigation-top > li:nth-child(6) > h2 a:focus { background: #d45110; } .sm-blue a span.sub-arrow { position: absolute; top: 50%; margin-top: -17px; left: auto; right: 4px; width: 34px; height: 34px; overflow: hidden; font-weight: 700 !important; text-align: center } .sm-blue ul { position: absolute } .sm-blue li { float: left } .sm-blue.sm-rtl li { float: right } .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li { float: none } .sm-blue a { white-space: nowrap } .sm-blue ul a, .sm-blue.sm-vertical a { white-space: normal } .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li >:not(ul) a { white-space: nowrap } .sm-blue { background-color: #334458 } .sm-blue a { padding: 7px 14px; background: #334458; color: #ffffff; } .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted { background: #d45110 } .sm-blue a.current { background: #006892; color: #ffffff } .sm-blue a.disabled { background: #3092c0; color: #a1d1e8 } .sm-blue a span.sub-arrow { top: auto; margin-top: 0; bottom: -1px; left: 50%; margin-left: -5px; right: auto; width: 0; height: 0; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #ffffff transparent transparent transparent; background: transparent; display: none } .sm-blue a.highlighted span.sub-arrow:before { display: none } .sm-blue > li { border-left: 1px dotted #ffffff } .sm-blue > li:first-child { border-left: 0 } .sm-blue ul { padding: 0; background: #334458 } .sm-blue ul ul { background: #334458 } .sm-blue ul.pro { padding: 0; background: #333333; } .sm-blue ul ul.pro { background: #333333; } .sm-blue ul a { border-top: 1px dotted #ffffff; padding: 5px 15px; background: transparent; color: #ffffff } .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted { background: #D45110; color: #ffffff } .sm-blue ul a.current { background: #006892; color: #ffffff } .sm-blue ul a.disabled { background: #ffffff; color: #b3b3b3 } .sm-blue ul a span.sub-arrow { top: 50%; margin-top: -5px; bottom: auto; left: auto; margin-left: 0; right: -1px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #ffffff; display: block } .sm-blue ul li { border: 0 } .sm-blue span.scroll-up, .sm-blue span.scroll-down { position: absolute; display: none; visibility: hidden; overflow: hidden; background: #ffffff; height: 20px } .sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-width: 8px; border-style: dashed dashed solid dashed; border-color: transparent transparent #2b82ac transparent } .sm-blue span.scroll-down-arrow { top: 6px; border-style: solid dashed dashed dashed; border-color: #2b82ac transparent transparent transparent } .sm-blue.sm-rtl.sm-vertical a span.sub-arrow { right: auto; left: 10px; border-style: dashed solid dashed dashed; border-color: transparent #ffffff transparent transparent } .sm-blue.sm-rtl > li:first-child { border-left: 1px solid #2b82ac } .sm-blue.sm-rtl > li:last-child { border-left: 0 } .sm-blue.sm-rtl ul a span.sub-arrow { right: auto; left: 10px; border-style: dashed solid dashed dashed; border-color: transparent #ffffff transparent transparent } .sm-blue.sm-vertical a { padding: 9px 23px } .sm-blue.sm-vertical a span.sub-arrow { top: 50%; margin-top: -5px; bottom: auto; left: auto; margin-left: 0; right: 10px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #ffffff } .sm-blue.sm-vertical > li { border-left: 0 !important } .sm-blue.sm-vertical ul a { padding: 9px 23px } /**** end of menu css ***/  body { color: #000000; background-color: #DEC29A !important; font-size: 12px } a:link, a:visited, a:active { color: #ffffff; text-decoration: none } a:focus { outline: 1px dotted #ffffff } #tabs #tab-content a:focus { background: #FFF0D3; color: #35332F; outline: 0px none; text-decoration: none!important; padding: 3px 0px; } .background { background-color: #3B6992; height: 149px; width: 100%; position: absolute; top: 0px; left: 0px; z-index: -1 } .forms { margin: 10px 0px } .forms label { font-weight: 700; display: block } .button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 200px; padding: 5px; font-weight: 700; display: block; color: #000000; background-color: #FEC81D; border: 2px solid #E2B631; margin-top: 15px } .button:hover { border: 2px solid transparent } .select { margin: 8px 0px; padding: 3px 0px; width: 100% } .error { color: #C43936; border: 1px solid red; font-weight: bold; margin-bottom: 5px; padding: 5px } /** theme specific for IE8 **/  #masthead { background-color: #0154BA } { color: #ffffff; } .login-option > p:hover a, .login-option p > a:hover, .weather-app, .links span, .links span a, .logo-cont, #name_mr, #name_en { color: #ffffff; } .login { color: #9D423F; background-color: #fec81d } .login .login-option { background: #ffffff; border: 1px solid #9D423F; } .login-option p > a { color: #9D423F; } .login-option > p:hover { background: #fab62c; color: #ffffff } .wrap { background-color: #437397; } #ql-wrapper, .panel, .quicklinks-main, .search, .inner-wrap { background-color: #ffffff; } .heading > header h1 { background-color: #0052A6; color: #ffffff; } .quicklinks-sidebar li { background-color: #ffffff; border-bottom: 1px dotted #888888; } .quicklinks-sidebar li:hover, .quicklinks-sidebar li > a:hover, .quicklinks-sidebar li > a:focus { background-color: #cee6ff; } .more a, .sidebar li a, .content-body p, .quicklinks-sidebar li > a { color: #000000; } .quicklinks-sidebar.banner li:hover, .quicklinks-sidebar.banner li > a:hover, .quicklinks-sidebar.banner li > a:focus { background-color: transparent; } .linked-content a:link, .linked-content a:visited, .linked-content a:active, .linked-content a:hover, .linked-content a:focus { color: #000000; } .content-head h1 { background-color: #0052A6; color: #ffffff } .footer { background: #0f314f; } .stats, .footlinks ul, .footlinks ul li a { color: #ffffff; } .footer small { color: #ededed; } #open_close { background: #334458; color: #ffffff; } .prtlToolAreaTaskCompAlign { background-color: #3F647F; } #quickSearchField, #btn_search, #txt_search { border: 1px solid #3f647f; } #btn_search { color: #ffffff; background: #6d94af; } #quickSearchField, #txt_search { color: #000000; } .prtlToolAreaTaskText:focus, .prtlToolAreaTaskText:hover, .prtlToolAreaTaskText:link { color: #ffffff !important } /** theme specific for IE8 ends here **/  @media screen and (max-width: 800px) { #tabs .popout { width: 800px !important; padding: 0px !important } } @media screen and (max-width: 1199px) {table#prj-wrapper small{font-size:11px;} .sm-blue a { font-size: 9px } .wrapper { width: 970px; margin: 0px auto; margin-bottom: 10px } #nav-items { width: 686px; } .no-js #nav-items { width: 710px; height: 21px; } #masthead { height: auto; } .masthead-container { margin-top: -15px; width: 555px; float: left; } .logo-cont { width: 75px; float: left; padding: 10px 20px 5px 10px; } .name-cont { float: left; width: 450px; margin-top: 17px; } #name_mr, #name_en { float: left; line-height: 32px; font-size: 20px; font-weight: bold; } #name_mr { font-family: "Mangal", sans-serif; } #name_en { font-family: "Arimo", sans-serif; } /*.brand { width: 550px; float: left; margin-top: 10px } .brand img { margin-left: 9px; margin-top: 0px }*/  .head-right { width: 340px; float: left; font-size: 0.833em; margin-top: 3px; } #emblem { float: left; margin-left: 10px; margin-top: 5px; width: 56px } #emblem > a { display: block } .links { text-align: right; margin-top: 8px } .weather-app { padding: 5px 0px; text-align: right; height: 18px; } .shop { width: 160px!important; float: left!important } .login { width: 160px; display: table; height: 26px; text-align: center; margin-right: 0px; text-transform: uppercase; font-size: 1.02em; font-weight: 700; float: right; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .login-text { display: table-cell; vertical-align: middle; text-align: center; cursor: pointer; } .login:focus { outline: 1px dotted } .login:focus > .login-option, .login:hover > .login-option { display: block } .login .login-option { display: none; border-top: 0px; font-weight: normal; left: -1px; padding: 5px; position: absolute; text-align: left; top: 26px; width: 202px; z-index: 9999999; } .login-option p > a { display: block; padding: 7px 7px 5px; } .login-option p > a:hover { text-decoration: none; } .login-option > p { margin: 0; padding: 0 } .search { height: 87px; } .wrap { padding: 10px 5px 5px; } .quicklinks-main { width: 200px; } .heading > header h1 { font-size: 14px; font-weight: normal; text-indent: 8px; margin: 0px; line-height: 28px } .content { padding: 8px } .contentbox { min-height: 200px; height: auto !important; height: 200px } .quicklinks-sidebar, .quicklinks-foot { margin: 0px; padding: 0px; list-style: outside none none; outline: 0px none } .quicklinks-sidebar li { -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease } .quicklinks-sidebar li > a { display: block; padding: 4px 0px 3px 0px } .quicklinks-sidebar.banner li { border-bottom: 0px none; padding-bottom: 5px; } .linked-content { text-align: right; margin-top: 3px } .linked-content a:link, .linked-content a:visited, .linked-content a:active, .linked-content a:hover, .linked-content a:focus { font-weight: 700; font-size: 12px; text-decoration: none } .panel { padding: 2px; width: 196px } .content-head h1 { font-size: 1.250em; font-weight: normal; margin: 0px; padding: 5px; line-height: 25px; } .content-body { margin-top: 10px; margin-left: 5px; margin-bottom: 15px } .content-body figure { margin: 0px } .content-body p { font-size: 1em; } .more a { font-size: 1em; } .more:after { content: url("../images/more.gif") } .sidebar { list-style: none; margin: 0px; outline: 0px none; padding: 0px } .sidebar li { padding: 3px 0px; padding: 5px 0px\9 } .sidebar li:first-child { padding-top: 0px } .sidebar li a { font-size: 1em; } .footer { padding: 0px 20px 15px 20px } .footlinks ul { margin: 15px 0 25px; padding-left: 0px; } .footlinks ul li { list-style: none; outline: 0px none; display: inline-block } .footlinks ul li a { font-size: 0.91em } .footer small { font-size: 0.950em; margin-left: 120px; } .footlinks { float: left; width: 600px } #social-connect { padding: 6px 0px } #social-connect > span { display: inline-block; padding-right: 3px } .stats { float: right; font-size: 0.917em; font-weight: bold; left: 20px; position: relative; top: 10px; width: 290px; } span.title { display: block; width: 116px; float: left } span.w3c { display: inline-block; margin: -11px 0 0 0 } .middle-content { float: left; overflow: hidden; width: 760px } .slideshow-wrapper { height: 348px; width: 560px } .blueimp-gallery-carousel { padding-bottom: 45.55% !important } #ql-wrapper { width: 560px; } .qlbox { width: 183px; margin-left: 5px; margin-bottom: 5px; } .qlbox-prj{ width: 140px; margin-bottom: 5px; } .row { margin: 2px } .fb-plugin, .tw-plugin { float: left; padding-right: 2px; padding-top: 2px; width: 272px; height: 259px; background-image: url("../images/feeds_loading.gif"); background-position: center center; background-repeat: no-repeat } .tw-plugin { padding-right: 0px } .content-head img { position: relative; top: 4px } } @media screen and (min-width: 1200px) { table#prj-wrapper{width:100%;}table#prj-wrapper td{width:33%;}.sm-blue a { font-size: 11px } .wrapper { width: 1100px; margin: 0px auto; margin-bottom: 10px } #nav-items { width: 799px; } .no-js #nav-items { width: 824px; height: 21px; } #masthead { height: auto; } .masthead-container { margin-top: -15px; width: 600px; float: left; } .logo-cont { width: 75px; float: left; padding: 10px 20px 5px 10px; } .name-cont { float: left; width: 450px; margin-top: 17px; } #name_mr, #name_en { float: left; line-height: 32px; font-size: 20px; font-weight: bold; } #name_mr { font-family: "Mangal", sans-serif; } #name_en { font-family: "Arimo", sans-serif; } .head-right { float: left; font-size: 0.833em; width: 420px; margin-bottom: 5px; margin-top: 3px; } #emblem { float: left; margin-left: 10px; margin-top: 5px; width: 56px } #emblem > a { display: block } .links { margin-top: 8px; text-align: right } .weather-app { padding: 5px 0px; text-align: right; height: 18px; } .shop { float: left!important; width: 200px!important; } .login { width: 212px; height: 27px; display: table; margin-right: 0px; text-transform: uppercase; font-size: 1.02em; font-weight: 700; float: right; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .login-text { display: table-cell; vertical-align: middle; text-align: center; cursor: pointer; } .login:focus { outline: 1px dotted } .login:focus > .login-option, .login:hover > .login-option { display: block } .login .login-option { display: none; border-top: 0px; font-weight: normal; left: -1px; padding: 5px; position: absolute; text-align: left; top: 27px; width: 202px; z-index: 9999999 } .login-option p > a { display: block; padding: 7px 7px 5px; } .login-option p > a:hover { text-decoration: none; } .login-option > p { margin: 0; padding: 0; } .search { height: 87px; } .wrap { padding: 20px 5px 5px; } .quicklinks-main { width: 215px; } .heading > header h1 { font-size: 14px; font-weight: normal; text-indent: 8px; margin: 0px; line-height: 28px } .content { padding: 8px } .contentbox { min-height: 200px; height: auto !important; height: 200px } .quicklinks-sidebar, .quicklinks-foot { margin: 0px; padding: 0px; list-style: outside none none; outline: 0px none } .quicklinks-sidebar li { -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease } .quicklinks-sidebar li > a { color: #000000; display: block; padding: 4px 0px 3px 0px } .quicklinks-sidebar.banner li { border-bottom: 0px none; padding-bottom: 5px; } .linked-content { text-align: right; margin-top: 3px } .linked-content a:link, .linked-content a:visited, .linked-content a:active, .linked-content a:hover, .linked-content a:focus { font-weight: 700; font-size: 12px; text-decoration: none } figure { margin: 0px } figcaption { text-align: center } .panel { padding: 2px; width: 196px } .content-head h1 { font-size: 1.250em; font-weight: normal; margin: 0px; padding: 5px; line-height: 25px; } .content-body { margin-top: 10px; margin-left: 5px; margin-bottom: 15px } .content-body figure { margin: 0px } .content-body p { font-size: 1em; } .more a { font-size: 1em; } .more:after { content: url("../images/more.gif") } .sidebar { list-style: none; margin: 0px; outline: 0px none; padding: 0px } .sidebar li { padding: 3px 0px; padding: 5px 0px\9 } .sidebar li:first-child { padding-top: 0px } .sidebar li a { font-size: 1em; } .footer { padding: 0px 20px 15px 20px } .footlinks ul { margin: 15px 0 25px; padding-left: 0px; } .footlinks ul li { list-style: none; outline: 0px none; display: inline-block } .footlinks ul li a { font-size: 0.91em } .footer small { font-size: 0.950em; margin-left: 120px; } .footlinks { float: left; width: 600px } #social-connect { padding: 6px 0px } #social-connect > span { display: inline-block; padding-right: 3px } .stats { float: right; font-size: 0.917em; font-weight: bold; left: 20px; position: relative; top: 10px; width: 290px; } span.title { display: block; width: 116px; float: left; font-size: 1em } span.w3c { display: inline-block; margin: -11px 0 0 0 } .middle-content { float: left; overflow: hidden; width: 875px } .slideshow-wrapper { height: 397px; width: 660px; } #ql-wrapper { width: 660px; } .qlbox { width: 216px; margin-left: 6px; margin-bottom: 5px; } .qlbox-prj { width: 163px; margin-bottom: 5px; }.row { margin: 2px } .fb-plugin, .tw-plugin { float: left; padding-right: 2px; padding-top: 2px; width: 327px; height: 259px; background-image: url("../images/feeds_loading.gif"); background-position: center center; background-repeat: no-repeat } .tw-plugin { padding-right: 0px } .content-head img { position: relative; top: 4px } } /*common*/  figure { margin: 0px } figcaption { text-align: center } #accordion { margin-bottom: 0px; } .hidden, .ie_8 { display: none; } .not-visible { visibility: hidden } #sort { border: 1px solid #000000; padding: 3px 0; margin-bottom: 10px; } .sort-disabled { color: #cccccc!important; } #sort a { display: inline-block!important; line-height: 10px!important; padding: 5px!important; text-decoration: none!important; color: #000000; } .sort-disabled:hover { background: none transparent!important; } #sort a:hover { background: #fec81d; } #cssmenu a { padding: 14px 18px } .enlarge { padding-right: 5px } .enlarge a { color: #437397 !important } .enlarge a:hover { text-decoration: underline } .mL100 { margin-left: 90px } #msg { display: none; color: red; margin-left: 40px; } #last-modified { float: right; margin: 5px 0px -5px 0px; } #dtext { font-size: 0.9em; } .clearfix { clear: both } .responsive { display: block; max-width: 100%; height: auto } .left { float: left } .right { float: right } .lineH25 { line-height: 25px !important } .lineH35 { line-height: 35px !important } .para-style { list-style: outside none none; padding-left: 0px } .para-style > li { margin-bottom: 8px } .b > a { font-size: 12px !important } .nobr { white-space: nowrap } .top { clear: both } .inlineb { display: inline-block!important; } .no-outline { outline: 0px none!important; } .block-4 { width: 25%; float: left } .no-underline { text-decoration: none!important; } .review { margin: 5px -20px -15px; background: #092844; padding: 1px 0 4px; } .review > small { color: #888888; display: inline-block; margin-right: 5px; padding-top: 3px; } .author { float: left; margin-left: 20px!important; } #dev { color: #888888; } #dev:hover { text-decoration: underline; color: #cccccc; } .img-align { position: relative; top: 3px; padding: 5px; } .padT10 { padding-top: 10px !important } .padT2 { padding-top: 2px !important } .padT25 { padding-top: 25px !important } .mT35 { margin-top: 35px !important } .mL30 { margin-left: 30px !important } .padB10 { padding-bottom: 8px !important } .small-btn { width: 100px } .medium-btn { width: 150px } .large-btn { width: 200px } .big-btn { width: 100% } .min800 { min-width: 800px; } .prelogin { width: 70%; min-width: 800px; } .textNormal { font-weight: normal!important } .textCenter { text-align: center !important } .textJustify { text-align: justify !important } .textRight { text-align: right !important } .textLeft { text-align: left !important } .mB10 { margin-bottom: 5px !important } .compact, .compact:after, .compact:before { display: inline !important; line-height: 0; content: "" } .centered { margin: 0px auto } .fit-screen { width: 100% } .w140 { width: 140px !important } .w240 { width: 240px !important } #tabs { font-size: 1.05em; color: #000000; width: 98%; margin: 0px auto; margin-top: 10px; margin-bottom: 10px; letter-spacing: 0px } #tabs #tab-content a:active, #tabs #tab-content a:link, #tabs #tab-content a:visited { text-decoration: underline; color: #4040B2 } #tabs #tab-content a:hover { text-decoration: none } #tabs #tab-content { border: 1px solid #CBCBCB; padding: 10px; text-align: justify; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-color: #ffffff } #tab-header + #tab-content { margin-top: 8px; } #tabs #tab-content p { margin-bottom: 30px; margin-top: 5px; line-height: 20px } #tabs #tab-header ul { margin: 16px 0 -18px -12px; padding: 0; position: relative; list-style: none } #tabs #tab-header ul:after { content: ''; display: block; clear: both } #tabs #tab-header ul li a { /* background: #E4E0E4; color: #C43936;*/  background: #fff3e2; color: #df6461; padding: 7px 10px; text-decoration: none; font-weight: 700; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; white-space: nowrap } #tabs #tab-header ul li { display: inline-block; margin-bottom: 18px; position: relative; left: 25px; top: 1px } #tabs #tab-header ul li .active:after { content: ""; display: none; width: 0; height: 0; position: absolute; left: 50%; top: 24px; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 0; border-top: 15px solid #cccccc } #tabs #tab-content a { line-height: 25px; display: inline; font-size: 1em } #tabs #tab-content a:after { content: ""; display: block; } #tabs #tab-header ul li a.active { /*background: #C43936;*/  color: #ffffff; background: #df6461; } #tabs #tab-header ul li h2 { margin: 0px; padding: 0px; display: inline; font-size: 1em } #tabs small { background: #ff8482; color: #ffffff; font-size: 0.9em; display: block; margin: 5px 0px; padding: 5px } #prj-wrapper small { background: #334458;border-radius:20px; } /** scrolling nav */  #nav-items ul { margin: 0; padding: 0; } #nav-items ul li { list-style: none; float: left; padding: 3px; } #nav-items ul li h2 { margin: 0px; padding: 0px; display: inline; font-size: 1em } #nav-items ul li a { /*background: #E4E0E4;*/  background: #fff3e2; color: #df6461; padding: 7px 10px; text-decoration: none; font-weight: 700; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; white-space: nowrap } #nav-items ul li a.active { background: #df6461; color: #ffffff } #nav-items { float: left; overflow: hidden; padding: 4px 0px; margin-left: 10px; } #left-arrow, #right-arrow { background: #4D81B5; color: #ffffff; float: left; font-weight: bold; height: 28px; text-align: center; width: 23px; cursor: pointer; line-height: 31px; } #left-arrow pre, #right-arrow pre { margin: 0px; } #left-arrow { margin-right: 2px; } .no-js #left-arrow { display: none; } .no-js #right-arrow { display: block; } .no-js:hover > #nav-items { overflow-y: scroll; height: 80px; } .no-js > #nav-items ul li { display: block; margin-bottom: 9px; } /** end scrolling nav*/  .table { font-size: 1em; color: #000000; width: 100% } .table td, .table th { vertical-align: middle; text-align: left; padding: 5px } .table ul { margin: 0 0 0 20px; padding: 0px; list-style-type: square } .table ol { margin: 0 0 0 20px; padding: 0px } .layout-1 { width: 25% } .layout-2 { width: 50% } .layout-3 { width: 75% } .layout-4 { width: 35% } .no-border td, .no-border th { border: 0px none !important } .table th { background-color: #4d81b5; color: #ffffff; font-weight: 700; text-align: center !important } .table td, .table th { border: 1px solid #809ebc } .table figure { margin: 0px; text-align: center } .table figcaption { text-align: left } article { margin-bottom: 30px } article p { margin-bottom: 10px !important } article:last-child { margin-bottom: 0px } article.last-child { margin-bottom: 0px } article h1 { font-size: 1.5em } .sub-head { display: inline-block; margin: 0px 0px 5px 0px; padding: 3px 10px 3px 7px; border-left: 3px solid #FEC81D; background-color: #e8e8e8; font-size: 1em } .img-responsive { width: 100%; max-width: 100% } .card { font-size: 1em; width: auto } .card-title { background: #f1eecd; color: #000000; padding: 3px 0px 2px 5px; text-align: justify; font-size: 1em; margin: -3px 0px 0px 0px !important; width: auto } .card-sptr { color: #FEC81D } .aview, .pview { float: left } .aview h2 { margin: 0px !important } h2 span { font-size: 0.8em } .aview p { margin: 1px 0px !important; line-height: 18px !important } .pview { width: 183px; padding: 0px 15px 3px 0px } .end-section { display: block; border-top: 1px dotted #000000; height: 0px; width: 80%; margin: 5px auto } .image { float: left; padding: 0px 10px 5px 0px } .imageR { float: right; padding: 0px 0px 5px 10px } .title { font-size: 1.18em } .table-logged-in { width: 100%; color: #000000; border-collapse: collapse } .table-logged-in th { font-size: 1.16em; background-color: #3071C1; color: #ffffff } .table-logged-in th, .table logged-in td { vertical-align: middle; padding: 5px 0px; text-align: left; } .table-logged-in img { vertical-align: middle } .head td { background-color: #548BCE; color: #ffffff; padding: 5px 0px 2px } .head > td:first-child { text-align: center } .odd { background-color: #D6E8FC } .even { background-color: #ffffff } .vtop, .vtop > td { vertical-align: top !important } .announce { padding: 5px 10px; border: 1px dashed #0154ba; } .mild { background-color: #FFF3E2; color: #0052a6; font-weight: bold; } .mild a { display: inline!important; color: #c43936!important; } .lead { margin: 0px !important; color: #C43936; font-size: 1em; font-weight: 700 } .slide-title, .slide-subtitle { color: #4040b2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-weight: 700 } .slide-subtitle { margin-left: 10px } .slide-title:before, .slide-subtitle:before { content: '\25BE  '; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000000; } .slide-title.open:before, .slide-subtitle.open:before { content: '\25B4  '; } .icon { position: relative; top: 3px } article > ol { padding-left: 15px } article > ol li { margin-bottom: 10px; margin-top: 0px } .head-map a { color: #C43936 !important; font-weight: 700 } .child-map a, .head-map a { text-decoration: none !important } .child-map a:hover, .head-map a:hover { text-decoration: underline !important } #breadcrumb { padding: 7px 5px 7px 4px; text-indent: 5px; margin-bottom: 3px; color: #ffffff } #breadcrumb > a { color: #fec81d } #toTop { background: url("/com.mcgm.newframework/images/arrow-top-r.png") no-repeat; bottom: 10%; /*border: 2px solid #ffffff; -moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; box-shadow: 0 0 8px #000;*/  -moz-border-radius: 26px; -webkit-border-radius: 26px; border-radius: 26px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 10px; font-weight: 700; height: 50px; width: 50px; position: fixed; right: 20px; } #checklist { font-size: 1em; color: #000000; width: 100% } #checklist tr > td:first-child { text-align: center; width: 50px } #checklist .subtitle { background: #E1E9F2; text-align: left; text-indent: 60px } #checklist td { text-align: left } #checklist td, #checklist th { vertical-align: middle; padding: 5px; border: 1px solid #5a9ae8 } #checklist th { text-align: center } #checklist thead th { background-color: #D7E6F8; font-weight: 700; color: #000000 } #checklist caption > h1 { font-weight: normal; margin-top: 0.34em } #checklist .mandatory { width: 95px } #checklist .mandatory-medium { width: 150px } .button-panel { background-color: #D7E6F8; padding: 8px 5px; border-top: 1px solid #000000 } .chklstbtn { border: 1px solid #000000; color: #000000; font-weight: 700; padding: 6px; background-color: #f0f0f0 } .chklstubtn { display: inline-block; padding: 5px 5px 3px 5px; background: #d7e6f8; border: 1px solid #888888; margin: 7px } #aq-billing { font-size: 1em; color: #000000; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #D7E6F8; margin-bottom: 20px } #aq-billing td.search-section, #aq-billing th.search-section { vertical-align: middle; padding: 5px; border: 0px none } #aq-billing td, #aq-billing th { vertical-align: middle; padding: 5px; border: 1px solid #5a9ae8 } #aq-billing td { text-align: left } #aq-billing th { text-align: center } #aq-billing .caption { background: #7ebae5; color: #000000; border: 1px solid #4d4d4d } #aq-billing thead th { background-color: #D7E6F8; font-weight: normal; color: #000000 } #aq-billing .caption h1 { font-size: 1em; margin: 0px; text-align: center } #aq-billing tr:first-child { background-color: #ffffff } #aq-billing .button-panel { background-color: #D7E6F8; padding: 8px 5px; border-top: 1px solid #888888 } #aq-billing input[type="text"] { padding: 5px } #aq-billing input[type="text"]:focus { border: 1px solid #5a9ae8; background: #d7e6f8 } #aq-billing input[type="button"]:focus, #aq-billing input[type="button"]:hover { color: #d45110 } #aq-billing .chklstbtn { border: 1px solid #000000; color: #000000; font-weight: 700; padding: 4px; background-color: #f0f0f0 } #aq-billing .input-ccn { width: 236px } .datatable { font-size: 1em; color: #000000; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 8px 0px } .datatable td, .datatable th { text-align: center; vertical-align: middle; padding: 5px; border: 1px solid #5a9ae8 } .datatable thead > th { background-color: #D7E6F8; color: #000000 } .datatable thead tr:first-child > th { background-color: #7EBAE5 } .datatable tbody td { height: 25px } .datatable tr:nth-child(even) { background-color: #EDF5FF } .datatable .error { color: #E84F4C } .datatable .foot-detail { background-color: #D7E6F8 !important } .datatable .foot-break { background: #5a9ae8; height: 2px; border: 0px none; padding: 0px } .datatable tbody tr:hover td { background-color: #C9DBEF } #loader { color: #000000; font-weight: 700; background-image: url("../images/loading_n.gif"); background-repeat: no-repeat; background-position: center center; margin: -20px auto 27px; padding: 5px; width: 300px } #loader > span { display: inline-block; padding-top: 75px } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right } table.dataTable thead .sorting { background-image: url("../images/sort_both.png") } table.dataTable thead .sorting_asc { background-image: url("../images/sort_asc.png") } table.dataTable thead .sorting_desc { background-image: url("../images/sort_desc.png") } .dataTables_wrapper { position: relative; clear: both } .dataTables_wrapper .dataTables_length { float: left } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right } .dataTables_wrapper .dataTables_paginate .paginate_button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block !important; min-width: 1.5em; padding: 0px 5px; margin-left: 2px; text-align: center; cursor: pointer; color: #7ebae5; } #output_previous, #output_next { padding: 0px 5px!important; } #output_previous:active, #output_next:active, #output_previous:focus, #output_next:focus { color: #4040b2; text-decoration: none; } #output_next { margin-left: 10px!important; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border-bottom: 1px dotted transparent } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #cccccc !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus { background: transparent!important; olor: #cccccc !important; } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333 } .dataTables_wrapper select { font-weight: 700 } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0 } #prj-wrapper { margin-top: -5px } #ql-wrapper { margin: 0 auto; padding: 3px 0px; margin-top: 5px } .qlbox, .qlbox-prj { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding: 5px; text-align: center }.qlbox-prj{margin:2px;border:1px solid #ccc;padding-top:20px;}.content h1 { font-size: 1em; margin-top: 2px } #ql-wrapper img, #prj-wrapper img { width: 45px; -ms-interpolation-mode: bicubic } #citi-box { background-color: #006799; color: #FFB800; margin-left: 0px } #ward-box { background: #DF9162; color: #193964 } #rti-box { background: #ffb38c; color: #802C01; margin-bottom: 5px } #health-box { background: #936d55; color: #dddddd; margin-left: 0px } #edu-box { background: #ffd982; color: rgb(178, 89, 0) } #env-box { background: #8aa76f; color: #203709 } #search_wrapper { font-size: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center } #search_container { padding-top: 0px; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; display: none } #quickSearchField, #btn_search, #txt_search { font-family: inherit; font-size: 12px; padding: 5px; height: 15px; font-weight: 700; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #quickSearchField:focus, #btn_search:focus { border: 1px solid #444444 } #btn_search { width: 100px } #quickSearchField { text-align: center; width: 360px } #txt_search { width: 600px } .prtlToolAreaTaskText { font-weight: 700; font-size: 0.917em; text-decoration: underline !important } .prtlToolAreaTaskText:link { text-decoration: none !important; } .prtlToolAreaTaskText:hover { text-decoration: underline !important; } #open_close { padding: 5px 10px; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; display: inline-block; float: right; cursor: pointer; font-weight: 700; position: relative; top: 0px; right: 0px; /*top:-30px; right:6px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;*/ } #cntrl > i.close { font-size: 14px; font-style: normal } #cntrl > i.open { font-size: 10px; font-style: normal } #accessibility-controls, #accessibility-controls * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #accessibility-controls:before { content: ""; width: 0px; height: 0px; border-top: 12px solid #354959; border-right: 12px solid #354959; border-left: 12px solid transparent; border-bottom: 12px solid transparent; position: absolute; top: 0; left: -24px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #accessibility-controls:after { content: ""; width: 0px; height: 0px; border-top: 12px solid #354959; border-right: 12px solid transparent; border-left: 12px solid #354959; border-bottom: 12px solid transparent; position: absolute; top: 0; right: -24px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #accessibility-controls { background-color: #354959; color: #ffffff; font-weight: 700; float: right; cursor: pointer; position: relative; margin-right: 25px } #accessibility-controls a:hover, #accessibility-controls a:focus { text-decoration: none } #text-decrease, #text-standard, #text-increase, #display-contrast, #display-standard, #lang-english, #lang-marathi { display: inline-block; border-top: 2px solid #354959; border-bottom: 2px solid #354959 } #accessibility-controls span.active { border-bottom: 2px solid #FFD452 } #jump-controls > span, #text-controls > span, #display-controls > span, #lang-controls > span { background: #354959; display: inline-block; padding: 3px 4px 3px 5px; font-size: 11px; text-align: center } #text-controls > span:focus, #display-controls > span:focus { border-bottom: 2px solid #ffd452 } #text-decrease, #text-standard, #text-increase, #display-contrast, #display-standard { width: 30px } #display-standard { background: #ffffff !important; color: #000000 } #display-contrast { background: #000000 !important } .notlang { display: none !important } .sptr-bar { border-right: 1px solid #7e8489 } #website-stats { width: 250px } .wstats thead, .wstats tbody { display: inline-block } .wstats td, .wstats th { color: #ffffff; text-align: left } .wstats td { font-weight: 700; width: 134px } .wstats th { width: 80px; } .wstats { width: 100%; font-size: 11px; color: #ffffff; border-collapse: collapse } #my_popup { color: #000000; background: #ffffff; font-size: 0.917em; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: none; } #pop_icon { padding: 5px; text-align: center; margin-top: 10px } #pop_content { text-align: center; margin-top: 10px; padding-top: 10px; line-height: 15px } .my_tooltip_close { float: right; padding: 0 0.4em; text-decoration: none !important; color: red !important } .lbl-title { display: inline-block; font-weight: 700; text-indent: 2px } .select_dept { font-family: 'Arimo', sans-serif; box-sizing: border-box; font-size: 11px; font-weight: 700; height: 28px; padding: 5px; width: 370px; color: #000000 !important } .select_dept option { font-weight: normal } #accessibility-controls:before, #accessibility-controls:after { border-top: 11px solid #354959; border-bottom: 11px solid transparent; } }