/* reset */
/*!
* Copyright 2014 by NIC
* Project for : Tamil Nadu State Portal
*/
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0; }
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
font-family: 'Open Sans', sans-serif;
/*font-family: Arial,Helvetica,sans-serif;*/
background:#fff;
}
.front .i18n-ta .region-footer {
margin-top:-19px !important;
}
.i18n-ta .form-item label {
width: 178px !important;
}
/* block named locale-language hided here*/
.contextual-links-wrapper {
display:none;
}
/*Sitemap*/
.page-disclaimer .tagimg {
text-align:center;
}
.page-sitemaps .loc_contact a {
background:url("../images/icon.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
}
.page-sitemaps .loc_contact img {
display:none;
}
/*Feed back form*/
#block-block-3 {
border: 1px solid #bdbdbd;
border-bottom:none;
}
#contact-site-form {
border: 1px solid #bdbdbd;
border-top:none;
padding:10px;
}
.form-item-name #edit-name,.form-item-mail #edit-mail, .form-item-subject #edit-subject {
background-color: #d6e5f1;
border: 1px solid #666666;
color: #333333;
height: 18px;
margin-bottom:10px;
width: 150px;
}
.form-item-message #edit-message {
background-color: #d6e5f1;
border: 1px solid #666666;
color: #333333;
width: 50%;
}
.feedback_head {
background: url("../images/feedbk_head_bg.jpg") repeat-x scroll 0 0 transparent;
color: #ffffff;
font-weight: bold;
height: 38px;
padding-left: 10px;
padding-top: 8px;
}
#cnt_msg_box {
background: url("../images/insideboxcontact.png") no-repeat scroll 0 0 transparent;
color: #0172ae;
font-weight: bold;
font-size:12px;
line-height:20px;
height: 84px;
margin-bottom: 25px;
margin-left: 25px;
margin-top: 5px;
padding-top: 5px;
text-align: center;
width: 467px;
}
#contact-site-form #edit-submit {
float: right;
margin-top: 35px;
}
/*Feed back form end*/
.page-footer_bot {
margin:auto;
width:968px;
}
.page-footer-top1 {
margin:auto;
width:968px;
}
.alpha_list a:active{
background-color: #047BBF;
font-weight: bold;
color: #FFF;
padding: 2px 6px 1px 2px;
margin-left: 4px;
}
/*#All:hover {
text-decoration:underline;
}
*/
.kb {
font-size: 10px;
color: #494949;
}
.right_column {
color: #333;
}
.right_column a:hover {
text-decoration:underline;}
/*Eform */
.page-node-4 .box {
border: 1px solid #3366ff;
font-family: Arial,Helvetica,sans-serif;
margin-bottom: 2.5em;
width: 48%;
}
.page-node-4 .box a {
font-weight:700;
}
.page-node-4 .newuser {
background-color: #1f9dcf;
color: #ffffff;
float: left;
font-weight: bold;
text-align: center;
width: 100%;
}
.page-node-4 .form-group {
display:none;
}
.page-node-4 .canid {
background-color: #1f9dcf;
color: #ffffff;
float: left;
font-weight: bold;
margin-top: 0;
text-align: center;
vertical-align: top;
width: 100%;
}
/*--content--*/
/* GRID OF THREE ============================================================================= */
.col_1_of_3{
display: block;
float:left;
margin: 1% 0 -2% 1.6%;
}
.col_1_of_3a{
display: block;
margin-left: 31px;
/* float: left;
margin: 2% 0 0 -1%;*/
}
.col_1_of_3:first-child { margin-left: 0; }
.span_1_of_3 {
width: 204px;
padding: 0.75% 0;
}
.col_1_of_2{
display: block;
float:left;
margin: 0 18% 0 3.28%;
}
.span_1_of_2 {
padding: 2.1% 14px 0px 25px;
/*padding: 3.1% 14px 0px 29px;*/
}
.col_1_of_4{
display: block;
float:left;
}
.span_1_of_4 {
/* width: 21%;*/
padding: 2.1% 0;
}
.span_1_of_3 h3{
color:#FFA503;
margin-bottom:0.5em;
/*font-size:1.2em;*/
line-height: 1.2;
font-weight : normal;
margin-top: 0px;
letter-spacing: -1px;
text-transform:uppercase;
}
.span_1_of_3 p {
/*font-size:0.8125em;*/
padding:0.5em 0;
color: #888;
line-height: 1.5em;
}
/***** Media Quries imp*****/
@media only screen and (max-width: 1024px) {
.wrap{
width:95%;
}
.header_img{
width:95%;
}
.mapf {
float: left;
margin-left: 0%;
margin-top: -8% !important;
}
.govtb {
float: left;
margin-top: -8% !important;
margin-left: 87% !important;
}
.icon6{
float: left !important;
margin-left: 907px !important;
}
.icon7{
float: left !important;
margin-left: 891px !important;
}
.icon8{
float: left !important;
margin-left: 875px !important;
}
}
/* GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
.wrap{
width:95%;
}
.header_img{
width:95%;
}
.col_1_of_3{
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:94%;
padding:1%;
}
.col_1_of_2{
display: block;
float:left;
margin: 0% 2% 0% 2.28%;
}
.span_1_of_2 {
/* width: 21%;*/
padding:1.5% 0;
}
.col_1_of_4{
display: block;
float:left;
}
.span_1_of_4 {
/* width: 21%;*/
padding: 2.1% 0;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.wrap{
width:95%;
}
.header_img{
width:95%;
}
.col_1_of_3{
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:92%;
padding:1%;
}
.col_1_of_2{
display: block;
float:left;
margin: 0% 2% 0% 2.28%;
}
.span_1_of_2 {
/* width: 21%;*/
padding:1.5% 0;
}
.col_1_of_4{
display: block;
float:left;
}
.span_1_of_4 {
/* width: 21%;*/
padding: 2.1% 0;
}
}
.grid_img{
margin-left:15px;
margin-right:15px;
width:208px;
}
.hover_img img {
border:1px solid #137cb6;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}
.hover_img img:hover {
-webkit-transform: scale(0.99);
-moz-transform: scale(0.99);
-o-transform: scale(0.99);
opacity: 1;
}
.more {
text-align: center;
padding:2% 0 2%;
}
.more1{
padding-top:10px;
}
.content-bottom {
padding-left:20px;
padding-bottom: 2%;
border-bottom: 1px solid #DADADA;
}
/*--footer--*/
.col_1_of_4{
display: block;
float:left;
margin: 0 5% 2% -18.4%;
/*margin: 1% 0 1% 1.6%;*/
}
.col_1_of_4:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.span_1_of_4 {
width: 17.8%;
}
.span_1_of_footer-lastgrid{
width: 23.8%;
}
.span_1_of_4 h3, .span_1_of_footer-lastgrid h3{
margin-bottom: 20px;
font-family: 'Open Sans', sans-serif;
/*font-size:1.1em;*/
line-height: 1.2;
margin-top: 0px;
letter-spacing: -1px;
color:#373737;
}
.span_1_of_4 p {
/*font-size:0.8125em;*/
color:#A0A0A0;
line-height: 1.5em;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
.wrap{
width:95%;
}
}
/*@media only screen and (max-width: 768px) {
#front_maincontainer1{
width: 997px !important;
margin-left: 0px !important;
}
}*/
/* GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
.wrap{
width:95%;
}
.header_img{
width:95%;
}
.col_1_of_4{
margin: 1% 0 1% 0%;
}
.span_1_of_4 {
width:94%;
}
.col_1_of_2{
display: block;
float:left;
margin: 0.% 2% 0% 2.28%;
}
#block-views-last-dateupdated-block_1 span {
display:none;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.wrap{
width:95%;
}
.header_img{
width:95%;
}
.header_color_icon{
width:48% !important;
margin-left:248px !important;
}
.col_1_of_4{
margin: 1% 0 1% 0%;
}
.span_1_of_4 {
width:92%;
padding:4%;
}
.col_1_of_2{
display: block;
float:left;
margin: 0% 2% 0% 2.28%;
}
.span_1_of_2 {
/* width: 21%;*/
padding:1.5% 0;
}
}
.span_1_of_4 ul li {
background: url(../images/marker1.gif)no-repeat;
line-height: 0.4em;
padding: 0 0 19px 13px;
}
.span_1_of_4 ul li a {
color: #A0A0A0;
/*font-size: 13px;*/
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-webkit-transition: background 0.5s ease;
}
.span_1_of_4 ul li a:hover {
color:#333;
}
/*--responsive design--*/
@media (max-width:1366px){
.wrap{
width:90%;
}
.header_img{
width:100%;
}
}
@media (min-width:1367px) and (max-width:1920px){
.sectiongroup1 {
margin-left:0px !important;
}
.sectiongroup2 {
margin-left:0px !important;
}
.sectiongroup3 {
margin-left:0px !important;
}
.top-nav {
margin-left:0px !important;
}
.icon6 {
display:none;
}
.icon7 {
display:none;
}
.icon8 {
display:none;
}
.mapf {
float: left !important;
/*margin-left: 691px !important;*/
margin-top: -48px !important;
}
.chrome .mapf {
float: left !important;
/*margin-left: 691px !important;*/
margin-top: -48px !important;
}
.govtb {
float: left !important;
/*margin-left: 840px !important;*/
margin-top: -48px !important;
width: 142px !important;
}
}
/*@media (min-width:1281px) and (max-width:1920px){
#front_maincontainer1 {
margin: 0px auto !important;
overflow-y: hidden !important;
overflow-x: hidden !important;
border-top: 1px solid #FFF;
background-color: #C7E3F8;
width: 996px !important;
}
.top-nav {
margin-left:0px !important;
}
.sectiongroup1 {
margin-left:0px !important;
}
.sectiongroup2 {
margin-left:0px !important;
}
.sectiongroup3 {
margin-left:0px !important;
}
.icon6 {
float: left !important;
padding-right: 6px !important;
margin-left: 1315px !important;
}
.icon7 {
float: left !important;
padding-right: 2px !important;
margin-left: 1297px !important;
}
.icon8{
padding-right: 2px !important;
float: left !important;
margin-left: 1280px !important;
}
.mapf {
float: left !important;
margin-left: 691px !important;
margin-top: -68px !important;
}
.govtb {
float: left !important;
margin-left: 840px !important;
margin-top: -68px !important;
width: 142px !important;
}*/
/*@media (min-width:769px) and (max-width:1280px){
.wrap{
width:90%;
}
.header_img {
margin: 0px auto !important;
width: 996px !important;
}
#front_maincontainer1 {
margin: 0px auto !important;
overflow-y: hidden;
overflow-x: hidden !important;
border-top: 1px solid #FFF;
background-color: #C7E3F8;
width: 996px !important;
}
.page-footer-top1{
width: 969px !important;
margin: 0px auto !important;
}
.page-footer_bot{
width: 966px !important;
margin: 0px auto !important;
}
.sectiongroup1 {
margin-left: 0px !important;
}
.sectiongroup2 {
margin-left: 0px !important;
}
.sectiongroup3 {
margin-left: 0px !important;
}
.mapf {
float: left !important;
margin-left: 644px !important;
margin-top: -68px !important;
}
.govtb {
float: left !important;
margin-left: 791px !important;
margin-top: -68px !important;
width: 142px !important;
}
}*/
@media (max-width:1028px){
.wrap{
width:90%;
}
.header_img{
padding-left:4px;
margin-left:1% !important;
width:100% !important;
}
#gallery,#kur_gallery {
float:left !important;
width: 290px;
margin-top: -68% !important;
margin-left: 233% !important;
}
#gallery a,#kur_gallery a{float:left !important;}
#gallery a img {
margin-left:12% !important;
float:left;
border:1px solid #0A86DE;
}
#gallery a.show,#kur_gallery a.show{z-index:500;}
#gallery .caption ,#kur_gallery .kur_caption{z-index:600; bottom:0;}
#gallery .caption .content,#kur_gallery .kur_caption .kur_content {margin:5px;}
#gallery .caption .content h3,#kur_gallery .kur_caption .kur_content h3 {margin:0;padding:0;color:#1DCCEF;}
.right-text {
width: 75%;
}
.grid_1_of_4 h4 {
/*font-size: 0.8125em;*/
}
p.modulePretext {
padding: 0 128px 19px;
}
.about-desc {
width: 100%;
float: none;
margin-right: 0;
}
.page-footer-top1 {
background-color: rgb(255, 255, 255);
border-top: 1px solid rgb(19, 124, 182);
height: 40px;
padding-left: 10px;
padding-right: 14px;
padding-top: 10px;
margin-left: 0px !important;
}
.page-footer_bot {
display: block !important;
padding-left: 20px !important;
padding-right: 15px !important;
/* background: url("../images/bottom_bg.jpg") repeat-x scroll 0px 0px transparent;*/
background-color:#0f7cb7;
height: 70px !important;
width:100% !important;
margin-left:-5px !important;
}
}
@media (min-width:801px) and (max-width:900px){
body{
}
.wrap{
width:64%!important;
}
#front_maincontainer{
margin:0 auto;
background-color:#c7e3f8;
width:100%!important;
}
.top-nav {
display:none;
}
.header-bottom{
display:none;
float: left;
height: 11px;
width:64%!important;
}
.view-footer3 { /*font-size: 11px;*/ margin-top:-22px; }
.view-footer3 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right: 5px !important;
}
.view-footer4 { float:right; /*font-size: 11px;*/ }
.view-footer4 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right: -53px !important;
}
.cssnav_doc {
margin-left:-54px !important;
}
.cssnav_char{
margin-left:-54px !important;
}
.cssnav_citi{
margin-left:-54px !important;
}
.cssnav_ten{
margin-top: 30px !important;
}
/* nav Mobile Menu */
.navi {
display:block !important;
/*font-size:12px;*/
}
.navi-button {
display: block;
position: absolute;
right: 15px;
top: 8px;
}
.navi-button:hover {
cursor: pointer;
}
.navi-title {
display:block !important;
top: 9px;
left: 15px;
/*font-size: 16px;*/
color: white;
text-shadow: 1px 1px 1px black;
}
.navi-toggled-controls {
display:block !important;
height: 36px;
color: white;
text-align: left;
position: relative;
background-image: url("images/graphite-menu-bg.png");
background-repeat: repeat-x;
border-radius: 6px;
}
.navi .navitoogle {
display: block;
width: 100%;
padding: 0.5em 0.5em 0.8em;
font-family: 'Lato',Calibri,Arial,sans-serif;
font-weight: normal;
text-align: left;
color: rgb(7, 16, 15);
/*font-size: 1.2em;*/
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-width: medium medium 4px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
cursor: pointer;
}
.navi ul {
width: 100%;
/*padding: 5px 0;*/
/*background: url(images/menu_bg.jpg) repeat-x ;*/
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
background-color:#1979b3 ;
}
.navi li {
display: none; /* hide all items */
margin: 0;
}
.navi .current {
display: block; /* show only current item */
text-decoration:!important;
}
.navi a {
display: block;
padding: 5px 5px 5px 76px;
text-align: left;
color: #fff;
text-decoration:none;
}
.navi .current a {
background: none;
color: #fff;
text-decoration:none;
}
.navi .current a:hover {
background: none;
color: #fff;
text-decoration:none;
}
.navi ul li a{
display: block !important;
width: 100%;
text-align: center;
padding: 10px 0px;
border-bottom: 1px solid white;
text-shadow: 1px 1px 1px rgb(51, 51, 51);
}
/* on nav hover */
.navi ul:hover {
background-image: none;
color: #fff;
}
.navi ul:hover li {
display: block;
margin: 0 0 5px;
/*text-decoration:underline;*/
color: #fff;
}
.navi li a:hover{
display: block;
margin: 0 0 1px;
text-decoration:underline;
color: fff;
}
.navi ul:hover .current {
/*background: url(images/icon-check.png) no-repeat 10px 7px;*/
}
.header_img{
width: 100% !important;
margin-left:-1% !important;
}
.header_color_icon {
float: right;
width: 55% !important;
}
#header_logo{
background:url(../images/top_banner_900.jpg) no-repeat !important;
margin-top:19px;
height:95px !important;
max-width:900px !important;
margin-bottom:2px;
margin-left:5px;
}
#block-menu-menu-government {
width: 194px;
height:197px !important;
margin-top: -1%;
margin-left: -2% !important;
}
#block-menu-menu-services{
width: 194px;
height:192px !important;
margin-left: 35% !important;
margin-top: 0% !important;
}
#block-views-Forms-block_1{
width: 194px;
margin-top: 6%;
margin-left: -5% !important;
}
/*.col_1_of_3 span_1_of_3{
clear:both !important;
}*/
#press_relase_news{
margin-right:50%;
background:transparent url(../images/press_release_bg.png) no-repeat scroll 0 0;
height:179px !important;
width:300px !important;
font-family:Arial,Helvetica,sans-serif !important;
color:#000000 !important;
margin-left: 31% !important;
margin-top: 3.85% !important;
}
#block-menu-menu-scheme {
width: 194px;
margin-top: -1%;
margin-left: -1% !important;
}
#thiru_valu{
background:url(../images/thiruvalluvar-bkgr.gif);
height:172px;
width:322px !important;
margin-top:5px;
border:#137cb6 solid 1px;
margin-left: 34% !important;
margin-top: -1.85% !important;
}
.kural {
color: #AD302F;
font-size: 10px !important;
font-weight: bold;
padding-left: 81px !important;
padding-top: 19px;
width:283px !important;
}
#amma_unavagam {
height: 89px !important;;
padding-left:1px !important;
width:317px !important;
padding-top:5px;
}
#block-menu-menu-grievances {
margin-left: -1% !important;
margin-top: -85% !important;
width: 194px;
}
.i18n-ta #whats_new{
margin-top: 12.15% !important;
}
#whats_new {
background: url("../images/whats_new_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #000000;
font-family: Arial,Helvetica,sans-serif;
/*font-size: 96%;*/
height: 175px;
width: 300px !important;
margin-left: 33% !important;
margin-top: 4.15% !important;
}
.i18n-ta .col_1_of_4{
margin-left:61px !important;
}
.i18n-ta .span_1_of_4{
margin-left: 334px !important;
}
.col_1_of_2{
display: block;
float:left;
margin-left: -15% !important;
margin-top: 2% !important;
}
.col_1_of_4{
display: block;
float:left !important;
margin-left: 53% !important;
margin-top: -32% !important;
}
#gallery,#kur_gallery {float:left !important;
width:290px !important;
margin-top:1% !important;
margin-left: 36% !important;
}
#gallery a,#kur_gallery a{float:left !important;}
#gallery a img {
float:left;
border:1px solid #0A86DE;
width:340px !important;
margin-top: 0% !important;
margin-left:-15px !important;
}
#gallery a.show,#kur_gallery a.show{z-index:500;}
#gallery .caption ,#kur_gallery .kur_caption{z-index:600; bottom:0;}
#gallery .caption .content,#kur_gallery .kur_caption .kur_content {margin:5px;}
#gallery .caption .content h3,#kur_gallery .kur_caption .kur_content h3 {margin:0;padding:0;color:#1DCCEF;}
.mapf{
display: block;
float:left !important;
margin-left: 10% !important;
margin-top: -3% !important;
}
.govtb{
display: block;
float:left !important;
margin-left: 1% !important;
margin-top: -3% !important;
}
.page-footer-top1{
display:none !important;
}
.page-footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
margin-left: 0px;
}
.page-footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important;*/
}
.page-footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.page-footer-top2 li{
color: black;
width: 143px !important;
float:left;
}
.footer_bot {
display:blcok;
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
margin-left: -28% !important;
width: 148% !important;
}
.footer_text{
display:block;
float:left;
line-height:18px !important;
color:white;
/*font-size:10px !important; */
float:left;
padding-top:5px !important;
}
.footer_text1{
display:none;
line-height:18px !important;
color:white;
/*font-size:12px;*/
float:left;
padding-top:5px !important;
}
/* Global CSS that are applied for all screen sizes */
.nav ul {
max-width: 1240px;
margin: 0;
padding: 0;
list-style: none;
/*font-size: 1.5em;*/
font-weight: 300;
}
.nav li span {
display: block;
}
.nav a {
display: block;
color: rgba(249, 249, 249, .9);
text-decoration: none;
-webkit-transition: color .5s, background .5s, height .5s;
-moz-transition: color .5s, background .5s, height .5s;
-o-transition: color .5s, background .5s, height .5s;
-ms-transition: color .5s, background .5s, height .5s;
transition: color .5s, background .5s, height .5s;
}
.nav i{
/* Make the font smoother for Chrome */
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Remove the blue Webkit background when element is tapped */
a, button {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* Hover effect for the whole navigation to make the hovered item stand out */
.no-touch .nav ul:hover a {
background-color:#0f97cb;
}
.no-touch .nav ul:hover a:hover {
background-color:#0f97cb;
}
/* Adding some background color to the different menu items */
.nav li:nth-child(6n+1) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+2) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+3) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+4) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+5) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+6) {
background-color:#0f97cb;
}
.nav{
display: block !important;
}
/* Unhiding the styled menu link */
/*.nav .navtoogle{
margin: 0;
display: block;
}*/
.nav .navtoogle {
display: block !important;
width: 100%;
height:35px;
padding: 0.5em 0.5em 0.8em;
font-family: 'Lato',Calibri,Arial,sans-serif;
font-weight: normal;
text-align: left;
color: rgb(7, 16, 15);
/*font-size: 14px !important;*/
border-width: medium medium 1px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
cursor: pointer;
background-color:#0f97cb !important;
}
/* Animating the height of the navigation when the button is clicked */
/* When JavaScript is disabled, we hide the menu */
.no-js .nav ul {
max-height: 30em;
overflow: hidden;
}
/* When JavaScript is enabled, we hide the menu */
.js .nav ul {
max-height: 0em;
overflow: hidden;
}
/* Displaying the menu when the user has clicked on the button*/
.js .nav .active + ul {
max-height: 30em;
overflow: hidden;
-webkit-transition: max-height .4s;
-moz-transition: max-height .4s;
-o-transition: max-height .4s;
-ms-transition: max-height .4s;
transition: max-height .4s;
}
/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
.nav li span {
display: inline-block;
height: 100%;
}
.nav a {
padding: 0.5em;
/*font-size: 14px !important;*/
}
.icon + span {
margin-left: 1em;
/*font-size: 14px !important;*/
}
/* Adding a left border of 8 px with a different color for each menu item*/
.nav li:nth-child(6n+1) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+2) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+3) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+4) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+5) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+6) {
border-bottom:1px solid white;
}
/* make the nav bigger on touch screens */
.touch .nav a {
padding: 0.8em;
}
.nav li {
display: block;
float: left;
width: 100% !important;
}
/* -----------inner page Footer menu-----------*/
.page-footer-top1{
display:none !important;
border-top: 1px solid rgb(19, 124, 182);
height: 30px;
padding-top: 10px;
padding-right: 14px;
margin-top: 1% !important;
background-color: white !important;
/*font-size: 10px !important;*/
margin-left: 0% !important;
width: 100% !important;
}
.page-footer-top1 ul li {
margin: 0px auto;
float: left;
color: rgb(0, 0, 0);
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: center;
text-decoration: none;
width: 100px !important;
border-right: 1px solid black !important;
}
.page-footer-top2{
display:none ;
}
.page-footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.page-footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.page-footer-top2 li{
color: black;
width: 143px !important;
float:left;
}
.page-footer_bot{
margin-left: 0% !important;
width: 94.9% !important;
}
.page-footer_bot-footer_text{
display:none !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
}
.page-footer_bot-footer_text1{
display:block !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
padding-left:10px;
margin-left: -70%;
}
.footer-top1{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
}
.footer-top1 li {
width: 101px !important;
float: left;
}
.footer-top2{
display:none;
}
.footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.footer-top2 li{
color: black;
width: 93px !important;
float:left;
}
.footer_bot {
display:blcok;
/*margin-top: 10px;*/
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
}
.footer_text{
display:block;
float:left;
line-height:18px !important;
color:white;
/*font-size:10px !important; */
float:left;
padding-top:5px !important;
}
.footer_text1{
display:none;
line-height:18px !important;
color:white;
/*font-size:12px;*/
float:left;
}
/* -----------inner page Footer ends-----------*/
/* -----------inner page contents -----------*/
.pagecontent{
margin-left: 26px !important;
margin-right:10px !important;
}
.page-government .pagecontent {
min-height:720px !important;
}
.leftmenu{
margin-left: 202px !important;
}
.rightmenu{
margin-left: 202px !important;
margin-bottom:10px;
}
.rightmenu ul li{
background:none !important;
border-bottom:none!important;
}
.rightsidebar ul li a {
color: #654102 !important;
display: block !important;
transition: all 0.5s ease 0s;
position: relative !important;
line-height: 14px !important;
text-decoration: none !important;
}
p#profile_form {
color: rgb(136, 136, 136);
/*font-size: 11px !important;*/
line-height: 1.8em;
padding-right:5px;
margin-left: 0px !important;
margin-right:15px;
}
.profile_info {
font-weight: bold !important;
margin-left: 15px !important;
padding-top: 201px !important;
color: rgb(73, 73, 73) !important;
/*font-size: 12px !important;*/
}
.pagecontent {
float: left;
width: 697px !important;
}
.about-services {
width: 30%;
float: left;
margin-left: 3%;
}
.about-services h3 {
color:#FFA503;
margin-bottom:20px;
/*font-size: 1.2em;*/
line-height: 1.2;
font-weight: normal;
margin-top: 0px;
letter-spacing: -1px;
text-transform: uppercase;
}
.questions {
margin: 10px 0 3px 0;
}
.questions h4 {
color: #333;
font-weight: bold;
/*font-size: 12px;*/
margin-bottom: 5px;
}
.page-service .questions p {
width: 500px !important;
/*background-color:red;*/
}
.page-service-dept .questions p {
width: 500px !important;
/*background-color:green;*/
}
.page-scheme .result_inner {
width: 498px;
}
#block-views-last-dateupdated-block_1 {
display:none;
}
.profileimg {
margin-left: 174px !important;
}
.icon6 { display:none !important;}
.icon7 {display:none !important; }
.icon8{ display:none !important;}
}
@media (min-width:760px) and (max-width:800px) {
body{
}
.wrap{
width:64%!important;
}
#front_maincontainer{
margin:0 auto;
background-color:#c7e3f8;
width:100%!important;
}
.top-nav {
display:none;
}
.header-bottom{
display:none;
float: left;
height: 11px;
width:64%!important;
}
.view-footer3 { /*font-size: 11px;*/ margin-top:-22px; }
.view-footer3 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right: 5px !important;
}
.view-footer4 { float:right; /*font-size: 11px;*/ }
.view-footer4 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right: -53px !important;
}
.cssnav_doc {
margin-left:-54px !important;
}
.cssnav_char{
margin-left:-54px !important;
}
.cssnav_citi{
margin-left:-54px !important;
}
.cssnav_ten{
margin-top:-1px!Important;
}
/* nav Mobile Menu */
.navi {
display:block !important;
/*font-size:12px;*/
}
.navi-button {
display: block;
position: absolute;
right: 15px;
top: 8px;
}
.navi-button:hover {
cursor: pointer;
}
.navi-title {
display:block !important;
top: 9px;
left: 15px;
/*font-size: 16px;*/
color: white;
text-shadow: 1px 1px 1px black;
}
.navi-toggled-controls {
display:block !important;
height: 36px;
color: white;
text-align: left;
position: relative;
background-image: url("images/graphite-menu-bg.png");
background-repeat: repeat-x;
border-radius: 6px;
}
.navi .navitoogle {
display: block;
width: 100%;
padding: 0.5em 0.5em 0.8em;
font-family: 'Lato',Calibri,Arial,sans-serif;
font-weight: normal;
text-align: left;
color: rgb(7, 16, 15);
/*font-size: 1.2em;*/
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-width: medium medium 4px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
cursor: pointer;
}
.navi ul {
width: 100%;
/*padding: 5px 0;*/
/*background: url(images/menu_bg.jpg) repeat-x ;*/
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
background-color:#1979b3 ;
}
.navi li {
display: none; /* hide all items */
margin: 0;
}
.navi .current {
display: block; /* show only current item */
text-decoration:!important;
}
.navi a {
display: block;
padding: 5px 5px 5px 76px;
text-align: left;
color: #fff;
text-decoration:none;
}
.navi .current a {
background: none;
color: #fff;
text-decoration:none;
}
.navi .current a:hover {
background: none;
color: #fff;
text-decoration:none;
}
.navi ul li a{
display: block !important;
width: 100%;
text-align: center;
padding: 10px 0px;
border-bottom: 1px solid white;
text-shadow: 1px 1px 1px rgb(51, 51, 51);
}
/* on nav hover */
.navi ul:hover {
background-image: none;
color: #fff;
}
.navi ul:hover li {
display: block;
margin: 0 0 5px;
/*text-decoration:underline;*/
color: #fff;
}
.navi li a:hover{
display: block;
margin: 0 0 1px;
text-decoration:underline;
color: fff;
}
.navi ul:hover .current {
/*background: url(images/icon-check.png) no-repeat 10px 7px;*/
}
.header_img{
width: 100% !important;
margin-left:-1% !important;
}
.header_color_icon {
float: right;
width: 55% !important;
}
#header_logo{
background:url(../images/top_banner_800.jpg) no-repeat !important;
margin-top:14px;
height:78px !important;
max-width:800px !important;
margin-bottom:2px;
margin-left:1px;
}
#block-menu-menu-government {
width: 194px;
height:197px !important;
margin-top: -1%;
margin-left: -2% !important;
}
#block-menu-menu-services{
width: 194px;
height:192px !important;
margin-left: 35% !important;
margin-top: 0% !important;
}
#block-views-Forms-block_1{
width: 194px;
margin-top: 6%;
margin-left: -5% !important;
}
/*.col_1_of_3 span_1_of_3{
clear:both !important;
}*/
#press_relase_news{
margin-right:50%;
background:transparent url(../images/press_release_bg.png) no-repeat scroll 0 0;
height:179px !important;
width:300px !important;
font-family:Arial,Helvetica,sans-serif !important;
color:#000000 !important;
margin-left: 31% !important;
margin-top: 3.85% !important;
}
#block-menu-menu-scheme {
width: 194px;
margin-top: -1%;
margin-left: -1% !important;
}
#thiru_valu{
background:url(../images/thiruvalluvar-bkgr.gif);
height:172px;
width:322px !important;
margin-top:5px;
border:#137cb6 solid 1px;
margin-left: 34% !important;
margin-top: -1.85% !important;
}
.kural {
color: #AD302F;
font-size: 10px !important;
font-weight: bold;
padding-left: 81px !important;
padding-top: 19px;
width:283px !important;
}
#amma_unavagam {
height: 89px !important;;
padding-left:1px !important;
width:317px !important;
padding-top:5px;
}
#block-menu-menu-grievances {
margin-left: -1% !important;
margin-top: -85% !important;
width: 194px;
}
.i18n-ta #whats_new{
margin-top: 12.15% !important;
}
#whats_new {
background: url("../images/whats_new_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #000000;
font-family: Arial,Helvetica,sans-serif;
/*font-size: 96%;*/
height: 175px;
width: 300px !important;
margin-left: 33% !important;
margin-top: 4.15% !important;
}
.i18n-ta .col_1_of_4{
margin-left:61px !important;
}
.i18n-ta .span_1_of_4{
margin-left: 334px !important;
}
.col_1_of_2{
display: block;
float:left;
margin-left: -15% !important;
margin-top: 2% !important;
}
.col_1_of_4{
display: block;
float:left !important;
margin-left: 53% !important;
margin-top: -31% !important;
}
#gallery,#kur_gallery {float:left !important;
width:290px !important;
margin-top:1% !important;
margin-left: 36% !important;
}
#gallery a,#kur_gallery a{float:left !important;}
#gallery a img {
float:left;
border:1px solid #0A86DE;
width:340px !important;
margin-top: 0% !important;
margin-left:-15px !important;
}
#gallery a.show,#kur_gallery a.show{z-index:500;}
#gallery .caption ,#kur_gallery .kur_caption{z-index:600; bottom:0;}
#gallery .caption .content,#kur_gallery .kur_caption .kur_content {margin:5px;}
#gallery .caption .content h3,#kur_gallery .kur_caption .kur_content h3 {margin:0;padding:0;color:#1DCCEF;}
.mapf{
display: block;
float:left !important;
margin-left: 12% !important;
margin-top: -3% !important;
}
.govtb{
display: block;
float:left !important;
margin-left: 43% !important;
margin-top: -9% !important;
}
.page-footer-top1{
display:none !important;
}
.page-footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
margin-left: 0px;
}
.page-footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important;*/
}
.page-footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.page-footer-top2 li{
color: black;
width: 143px !important;
float:left;
}
.footer_bot {
display:blcok;
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
margin-left: -28% !important;
width: 148% !important;
}
.footer_text{
display:block;
float:left;
line-height:18px !important;
color:white;
/*font-size:10px !important; */
float:left;
padding-top:5px !important;
}
.footer_text1{
display:none;
line-height:18px !important;
color:white;
/*font-size:12px;*/
float:left;
padding-top:5px !important;
}
/* Global CSS that are applied for all screen sizes */
.nav ul {
max-width: 1240px;
margin: 0;
padding: 0;
list-style: none;
/*font-size: 1.5em;*/
font-weight: 300;
}
.nav li span {
display: block;
}
.nav a {
display: block;
color: rgba(249, 249, 249, .9);
text-decoration: none;
-webkit-transition: color .5s, background .5s, height .5s;
-moz-transition: color .5s, background .5s, height .5s;
-o-transition: color .5s, background .5s, height .5s;
-ms-transition: color .5s, background .5s, height .5s;
transition: color .5s, background .5s, height .5s;
}
.nav i{
/* Make the font smoother for Chrome */
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Remove the blue Webkit background when element is tapped */
a, button {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* Hover effect for the whole navigation to make the hovered item stand out */
.no-touch .nav ul:hover a {
background-color:#0f97cb;
}
.no-touch .nav ul:hover a:hover {
background-color:#0f97cb;
}
/* Adding some background color to the different menu items */
.nav li:nth-child(6n+1) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+2) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+3) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+4) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+5) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+6) {
background-color:#0f97cb;
}
.nav{
display: block !important;
}
/* Unhiding the styled menu link */
/*.nav .navtoogle{
margin: 0;
display: block;
}*/
.nav .navtoogle {
display: block !important;
width: 100%;
height:35px;
padding: 0.5em 0.5em 0.8em;
font-family: 'Lato',Calibri,Arial,sans-serif;
font-weight: normal;
text-align: left;
color: rgb(7, 16, 15);
/*font-size: 14px !important;*/
border-width: medium medium 1px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
cursor: pointer;
background-color:#0f97cb !important;
}
/* Animating the height of the navigation when the button is clicked */
/* When JavaScript is disabled, we hide the menu */
.no-js .nav ul {
max-height: 30em;
overflow: hidden;
}
/* When JavaScript is enabled, we hide the menu */
.js .nav ul {
max-height: 0em;
overflow: hidden;
}
/* Displaying the menu when the user has clicked on the button*/
.js .nav .active + ul {
max-height: 30em;
overflow: hidden;
-webkit-transition: max-height .4s;
-moz-transition: max-height .4s;
-o-transition: max-height .4s;
-ms-transition: max-height .4s;
transition: max-height .4s;
}
/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
.nav li span {
display: inline-block;
height: 100%;
}
.nav a {
padding: 0.5em;
/*font-size: 14px !important;*/
}
.icon + span {
margin-left: 1em;
/*font-size: 14px !important;*/
}
/* Adding a left border of 8 px with a different color for each menu item*/
.nav li:nth-child(6n+1) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+2) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+3) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+4) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+5) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+6) {
border-bottom:1px solid white;
}
/* make the nav bigger on touch screens */
.touch .nav a {
padding: 0.8em;
}
.nav li {
display: block;
float: left;
width: 100% !important;
}
/* -----------inner page Footer menu-----------*/
.page-footer-top1{
display:none !important;
border-top: 1px solid rgb(19, 124, 182);
height: 30px;
padding-top: 10px;
padding-right: 14px;
margin-top: 1% !important;
background-color: white !important;
/*font-size: 10px !important;*/
margin-left: 0% !important;
width: 100% !important;
}
.page-footer-top1 ul li {
margin: 0px auto;
float: left;
color: rgb(0, 0, 0);
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: center;
text-decoration: none;
width: 100px !important;
border-right: 1px solid black !important;
}
.page-footer-top2{
display:none ;
}
.page-footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.page-footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.page-footer-top2 li{
color: black;
width: 143px !important;
float:left;
}
.page-footer_bot{
margin-left: 0% !important;
width: 94.9% !important;
}
.page-footer_bot-footer_text{
display:none !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
}
.page-footer_bot-footer_text1{
display:block !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
padding-left:10px;
margin-left: -70%;
}
.footer-top1{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
}
.footer-top1 li {
width: 101px !important;
float: left;
}
.footer-top2{
display:none;
}
.footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.footer-top2 li{
color: black;
width: 93px !important;
float:left;
}
.footer_bot {
display:blcok;
/*margin-top: 10px;*/
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
}
.footer_text{
display:block;
float:left;
line-height:18px !important;
color:white;
/*font-size:10px !important; */
float:left;
padding-top:5px !important;
}
.footer_text1{
display:none;
line-height:18px !important;
color:white;
/*font-size:12px;*/
float:left;
}
/* -----------inner page Footer ends-----------*/
/* -----------inner page contents -----------*/
.pagecontent{
margin-left: 26px !important;
margin-right:10px !important;
}
.page-government .pagecontent {
min-height:720px !important;
}
.i18n-ta p {
width: 613px;
}
.leftmenu{
margin-left: 202px !important;
}
.rightmenu{
margin-left: 202px !important;
margin-bottom:10px;
}
.rightmenu ul li{
background:none !important;
border-bottom:none!important;
}
.rightsidebar ul li a {
color: #654102 !important;
display: block !important;
transition: all 0.5s ease 0s;
position: relative !important;
line-height: 14px !important;
text-decoration: none !important;
}
p#profile_form {
color: rgb(136, 136, 136);
/*font-size: 11px !important;*/
line-height: 1.8em;
padding-right:5px;
margin-left: 0px !important;
margin-right:15px;
}
.profile_info {
font-weight: bold !important;
margin-left: 15px !important;
padding-top: 201px !important;
color: rgb(73, 73, 73) !important;
/*font-size: 12px !important;*/
}
.pagecontent {
float: left;
width: 697px !important;
}
.about-services {
width: 30%;
float: left;
margin-left: 3%;
}
.about-services h3 {
color:#FFA503;
margin-bottom:20px;
/*font-size: 1.2em;*/
line-height: 1.2;
font-weight: normal;
margin-top: 0px;
letter-spacing: -1px;
text-transform: uppercase;
}
.questions {
margin: 10px 0 3px 0;
}
.questions h4 {
color: #333;
font-weight: bold;
/*font-size: 12px;*/
margin-bottom: 5px;
}
.page-service .questions p {
width: 500px !important;
/*background-color:red;*/
}
.page-service-dept .questions p {
width: 500px !important;
/*background-color:green;*/
}
.page-scheme .result_inner {
width: 498px;
}
#block-views-last-dateupdated-block_1 {
display:none;
}
.profileimg {
margin-left: 174px !important;
}
.icon6 { display:none !important;}
.icon7 {display:none !important; }
.icon8{ display:none !important;}
/*.icon6{
float: left !important;
margin-left: 655px !important;
}
.icon7{
float: left !important;
margin-left: 639px !important;
}
.icon8{
float: left !important;
margin-left: 623px !important;
}*/
}
@media (min-width:641px) and (max-width:759px) {
body{
}
.wrap{
width:64%!important;
}
.header_color_icon{
width:48% !important;
margin-left:328px !important;
}
#front_maincontainer{
margin:0 auto;
background-color:#c7e3f8;
width:100%!important;
}
.top-nav {
display:none;
}
.header-bottom{
display:none;
float: left;
height: 11px;
width:64%!important;
}
.header_color_icon {
float: right;
width: 55% !important;
}
#header_logo{
background:url(../images/top_banner768.jpg) no-repeat !important;
margin-top:19px;
height:78px !important;
max-width:759px !important;
margin-bottom:2px;
margin-left:1px;
}
.view-footer3 { /*font-size: 11px;*/ margin-top:-22px; }
.view-footer3 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right:35px!important;
}
.view-footer4 { float:right; /*font-size: 11px;*/ }
.view-footer4 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right:-113px!important;
}
/* nav Mobile Menu */
.navi {
display:block !important;
/*font-size:12px;*/
}
.navi-button {
display: block;
position: absolute;
right: 15px;
top: 8px;
}
.navi-button:hover {
cursor: pointer;
}
.navi-title {
display:block !important;
top: 9px;
left: 15px;
/*font-size: 16px;*/
color: white;
text-shadow: 1px 1px 1px black;
}
.navi-toggled-controls {
display:block !important;
height: 36px;
color: white;
text-align: left;
position: relative;
background-image: url("images/graphite-menu-bg.png");
background-repeat: repeat-x;
border-radius: 6px;
}
.navi .navitoogle {
display: block;
width: 100%;
padding: 0.5em 0.5em 0.8em;
font-family: 'Lato',Calibri,Arial,sans-serif;
font-weight: normal;
text-align: left;
color: rgb(7, 16, 15);
/*font-size: 1.2em;*/
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-width: medium medium 4px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
cursor: pointer;
}
.navi ul {
width: 100%;
/*padding: 5px 0;*/
/*background: url(images/menu_bg.jpg) repeat-x ;*/
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
background-color:#1979b3 ;
}
.navi li {
display: none; /* hide all items */
margin: 0;
}
.navi .current {
display: block; /* show only current item */
text-decoration:!important;
}
.navi a {
display: block;
padding: 5px 5px 5px 76px;
text-align: left;
color: #fff;
text-decoration:none;
}
.navi .current a {
background: none;
color: #fff;
text-decoration:none;
}
.navi .current a:hover {
background: none;
color: #fff;
text-decoration:none;
}
.navi ul li a{
display: block !important;
width: 100%;
text-align: center;
padding: 10px 0px;
border-bottom: 1px solid white;
text-shadow: 1px 1px 1px rgb(51, 51, 51);
}
/* on nav hover */
.navi ul:hover {
background-image: none;
color: #fff;
}
.navi ul:hover li {
display: block;
margin: 0 0 5px;
/*text-decoration:underline;*/
color: #fff;
}
.navi li a:hover{
display: block;
margin: 0 0 1px;
text-decoration:underline;
color: fff;
}
.navi ul:hover .current {
/*background: url(images/icon-check.png) no-repeat 10px 7px;*/
}
.header_img{
width: 100% !important;
margin-left:-1% !important;
}
#block-menu-menu-government {
width: 194px;
margin-top:4%;
margin-left: -15% !important;
}
#block-menu-menu-services{
width: 194px;
margin-left: 66% !important;
margin-top: 3.85% !important;
}
#block-views-Forms-block_1{
width: 194px;
margin-top: 98%;
margin-left: -106% !important;
}
#press_relase_news{
margin-right:50%;
background:transparent url(../images/press_release_bg.png) no-repeat scroll 0 0;
height:179px !important;
width:300px !important;
font-family:Arial,Helvetica,sans-serif !important;
color:#000000 !important;
margin-left: -24% !important;
margin-top: 96.85% !important;
}
#block-menu-menu-scheme {
width: 194px;
margin-top: 3%;
margin-left: -15% !important;
}
#thiru_valu{
background:url(../images/thiruvalluvar-bkgr.gif);
height:172px;
width:322px !important;
margin-top:5px;
border:#137cb6 solid 1px;
margin-left: 60% !important;
margin-top: 4.15% !important;
}
.kural {
color: #AD302F;
/*font-size: 10px !important;*/
font-weight: bold;
padding-left: 81px !important;
padding-top: 19px;
width:283px !important;
}
#amma_unavagam {
height: 89px !important;;
padding-left:1px !important;
width:317px !important;
padding-top:5px;
}
#block-menu-menu-grievances {
margin-left: -16% !important;
margin-top: -87% !important;
width: 194px;
}
#whats_new {
background: url("../images/whats_new_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #000000;
font-family: Arial,Helvetica,sans-serif;
/*font-size: 96%;*/
height: 175px;
width: 300px !important;
margin-left: 12% !important;
margin-top: 102.15% !important;
}
.col_1_of_2{
display: block;
float:left;
margin-left: -15% !important;
margin-top: 4% !important;
}
.col_1_of_4{
display: block;
float:left !important;
margin-left: 53% !important;
margin-top: -41% !important;
}
#gallery,#kur_gallery {float:left !important;
width:290px !important;
margin-top:1% !important;
margin-left:19% !important;
}
#gallery a,#kur_gallery a{float:left !important;}
#gallery a img {
float:left;
border:1px solid #0A86DE;
width:340px !important;
margin-top: 0% !important;
margin-left:-15px !important;
}
#gallery a.show,#kur_gallery a.show{z-index:500;}
#gallery .caption ,#kur_gallery .kur_caption{z-index:600; bottom:0;}
#gallery .caption .content,#kur_gallery .kur_caption .kur_content {margin:5px;}
#gallery .caption .content h3,#kur_gallery .kur_caption .kur_content h3 {margin:0;padding:0;color:#1DCCEF;}
.mapf{
display: block;
float:left !important;
margin-left: 8% !important;
margin-top:33% !important;
}
.govtb{
display: block;
float:left !important;
margin-left: 7% !important;
margin-top: 33% !important;
}
.page-footer-top1{
display:none !important;
}
.page-footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
margin-left: 0px;
}
.page-footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.page-footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.page-footer-top2 li{
color: black;
width: 143px !important;
float:left;
}
.footer_bot {
display:blcok;
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
margin-left: -28% !important;
width: 148% !important;
}
.footer_text{
display:block;
float:left;
line-height:18px !important;
color:white;
/*font-size:10px !important; */
float:left;
padding-top:5px !important;
}
.footer_text1{
display:none;
line-height:18px !important;
color:white;
/*font-size:12px;*/
float:left;
padding-top:5px !important;
}
/* Global CSS that are applied for all screen sizes */
.nav ul {
max-width: 1240px;
margin: 0;
padding: 0;
list-style: none;
/*font-size: 1.5em;*/
font-weight: 300;
}
.nav li span {
display: block;
}
.nav a {
display: block;
color: rgba(249, 249, 249, .9);
text-decoration: none;
-webkit-transition: color .5s, background .5s, height .5s;
-moz-transition: color .5s, background .5s, height .5s;
-o-transition: color .5s, background .5s, height .5s;
-ms-transition: color .5s, background .5s, height .5s;
transition: color .5s, background .5s, height .5s;
}
.nav i{
/* Make the font smoother for Chrome */
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Remove the blue Webkit background when element is tapped */
a, button {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* Hover effect for the whole navigation to make the hovered item stand out */
.no-touch .nav ul:hover a {
background-color:#0f97cb;
}
.no-touch .nav ul:hover a:hover {
background-color:#0f97cb;
}
/* Adding some background color to the different menu items */
.nav li:nth-child(6n+1) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+2) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+3) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+4) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+5) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+6) {
background-color:#0f97cb;
}
.nav{
display: block !important;
}
/* Unhiding the styled menu link */
/*.nav .navtoogle{
margin: 0;
display: block;
}*/
.nav .navtoogle {
display: block !important;
width: 100%;
height:35px;
padding: 0.5em 0.5em 0.8em;
font-family: 'Lato',Calibri,Arial,sans-serif;
font-weight: normal;
text-align: left;
color: rgb(7, 16, 15);
/*font-size: 14px !important;*/
border-width: medium medium 1px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
cursor: pointer;
background-color:#0f97cb !important;
}
/* Animating the height of the navigation when the button is clicked */
/* When JavaScript is disabled, we hide the menu */
.no-js .nav ul {
max-height: 30em;
overflow: hidden;
}
/* When JavaScript is enabled, we hide the menu */
.js .nav ul {
max-height: 0em;
overflow: hidden;
}
/* Displaying the menu when the user has clicked on the button*/
.js .nav .active + ul {
max-height: 30em;
overflow: hidden;
-webkit-transition: max-height .4s;
-moz-transition: max-height .4s;
-o-transition: max-height .4s;
-ms-transition: max-height .4s;
transition: max-height .4s;
}
/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
.nav li span {
display: inline-block;
height: 100%;
}
.nav a {
padding: 0.5em;
/*font-size: 14px !important;*/
}
.icon + span {
margin-left: 1em;
/*font-size: 14px !important;*/
}
/* Adding a left border of 8 px with a different color for each menu item*/
.nav li:nth-child(6n+1) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+2) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+3) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+4) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+5) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+6) {
border-bottom:1px solid white;
}
/* make the nav bigger on touch screens */
.touch .nav a {
padding: 0.8em;
}
.nav li {
display: block;
float: left;
width: 100% !important;
}
/* -----------inner page Footer menu-----------*/
.page-footer-top1{
display:none !important;
border-top: 1px solid rgb(19, 124, 182);
height: 30px;
padding-top: 10px;
padding-right: 14px;
margin-top: 1% !important;
background-color: white !important;
/*font-size: 10px !important;*/
margin-left: 0% !important;
width: 100% !important;
}
.page-footer-top1 ul li {
margin: 0px auto;
float: left;
color: rgb(0, 0, 0);
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: center;
text-decoration: none;
width: 100px !important;
border-right: 1px solid black !important;
}
.page-footer-top2{
display:none ;
}
.page-footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.page-footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.page-footer-top2 li{
color: black;
width: 143px !important;
float:left;
}
.page-footer_bot{
margin-left: 0% !important;
width: 94.9% !important;
}
.page-footer_bot-footer_text{
display:none !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
}
.page-footer_bot-footer_text1{
display:block !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
padding-left:10px;
margin-left: -70%;
}
.footer-top1{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
}
.footer-top1 li {
width: 101px !important;
float: left;
}
.footer-top2{
display:none;
}
.footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.footer-top2 li{
color: black;
width: 93px !important;
float:left;
}
.footer_bot {
display:blcok;
/*margin-top: 10px;*/
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
}
.footer_text{
display:block;
float:left;
line-height:18px !important;
color:white;
/*font-size:10px !important; */
float:left;
padding-top:5px !important;
}
.footer_text1{
display:none;
line-height:18px !important;
color:white;
/*font-size:12px;*/
float:left;
}
/* -----------inner page Footer ends-----------*/
/* -----------inner page contents -----------*/
.pagecontent{
margin-left: 26px !important;
margin-right:10px !important;
}
.leftmenu{
margin-left: 202px !important;
}
.rightmenu{
margin-left: 202px !important;
margin-bottom:10px;
}
p#profile_form {
color: rgb(136, 136, 136);
/*font-size: 11px !important;*/
line-height: 1.8em;
padding-right:5px;
margin-left: 81px !important;
margin-right:15px;
}
.profile_info {
font-weight: bold !important;
margin-left: 15px !important;
padding-top: 201px !important;
color: rgb(73, 73, 73) !important;
/*font-size: 12px !important;*/
}
.about-services {
width: 30%;
float: left;
margin-left: 3%;
}
.about-services h3 {
color:#FFA503;
margin-bottom:20px;
/*font-size: 1.2em;*/
line-height: 1.2;
font-weight: normal;
margin-top: 0px;
letter-spacing: -1px;
text-transform: uppercase;
}
.questions {
margin: 10px 0 3px 0;
}
.questions h4 {
color: #333;
font-weight: bold;
/*font-size: 12px;*/
margin-bottom: 5px;
}
.questions p {
/*font-size: 0.8125em;*/
color: black;
line-height: 1.5em;
padding: 4px 0px 8px 0px;
width: 464px;
/*border-bottom:1px solid #dddddd;*/
}
#block-views-last-dateupdated-block_1 {
display:none;
}
.profileimg {
margin-left: 174px !important;
}
.page-scheme .result_inner {
width:498px;
}
}
@media (max-width:640px){
body{
}
.wrap{
width:64%!important;
}
#front_maincontainer{
margin:0 auto;
background-color:#c7e3f8;
width:100%!important;
}
.top-nav {
display:none;
}
.header-bottom{
display:none;
float: left;
height: 11px;
width:64%!important;
}
/* nav Mobile Menu */
.navi {
display:block !important;
/*font-size:12px;*/
}
.navi-button {
display: block;
position: absolute;
right: 15px;
top: 8px;
}
.navi-button:hover {
cursor: pointer;
}
.navi-title {
display:block !important;
top: 9px;
left: 15px;
/*font-size: 16px;*/
color: white;
text-shadow: 1px 1px 1px black;
}
.navi-toggled-controls {
display:block !important;
height: 36px;
color: white;
text-align: left;
position: relative;
background-image: url("images/graphite-menu-bg.png");
background-repeat: repeat-x;
border-radius: 6px;
}
.navi .navitoogle {
display: block;
width: 100%;
padding: 0.5em 0.5em 0.8em;
font-family: 'Lato',Calibri,Arial,sans-serif;
font-weight: normal;
text-align: left;
color: rgb(7, 16, 15);
/*font-size: 1.2em;*/
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-width: medium medium 4px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
cursor: pointer;
}
.navi ul {
width: 100%;
/*padding: 5px 0;*/
/*background: url(images/menu_bg.jpg) repeat-x ;*/
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
background-color:#1979b3 ;
}
.navi li {
display: none; /* hide all items */
margin: 0;
}
.navi .current {
display: block; /* show only current item */
text-decoration:!important;
}
.navi a {
display: block;
padding: 5px 5px 5px 76px;
text-align: left;
color: #fff;
text-decoration:none;
}
.navi .current a {
background: none;
color: #fff;
text-decoration:none;
}
.navi .current a:hover {
background: none;
color: #fff;
text-decoration:none;
}
.navi ul li a{
display: block !important;
width: 100%;
text-align: center;
padding: 10px 0px;
border-bottom: 1px solid white;
text-shadow: 1px 1px 1px rgb(51, 51, 51);
}
/* on nav hover */
.navi ul:hover {
background-image: none;
color: #fff;
}
.navi ul:hover li {
display: block;
margin: 0 0 5px;
/*text-decoration:underline;*/
color: #fff;
}
.navi li a:hover{
display: block;
margin: 0 0 1px;
text-decoration:underline;
color: fff;
}
.navi ul:hover .current {
/*background: url(images/icon-check.png) no-repeat 10px 7px;*/
}
.header_img{
width:100%!important;
margin-left:-1% !important;
}
.header_color_icon {
float: right;
width: 55% !important;
}
#header_logo{
background:url(../images/top_banner640.jpg) no-repeat !important;
margin-top:16px;
height:64px !important;
max-width:640px !important;
margin-bottom:2px;
margin-left:2px;
}
.view-footer3 { /*font-size: 11px;*/ margin-top:-22px; }
.view-footer3 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right:35px!important;
}
.view-footer4 { float:right; /*font-size: 11px;*/ }
.view-footer4 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right:-203px!important;
}
#block-menu-menu-government {
width: 194px;
margin-top:4%;
margin-left: -15% !important;
}
#block-menu-menu-services{
width: 194px;
margin-left: 108% !important;
margin-top: -94% !important;
}
#block-views-Forms-block_1{
margin-left:-15% !important;
width: 194px;
margin-top:-5% !important;
}
#press_relase_news{
margin-right:50%;
background:transparent url(../images/press_release_bg.png) no-repeat scroll 0 0;
height:179px !important;
width:300px !important;
font-family:Arial,Helvetica,sans-serif !important;
color:#000000 !important;
margin-left: 108% !important;
margin-top: -95.85% !important;
}
#block-menu-menu-scheme {
width: 194px;
margin-left:-15% !important;
margin-top:-8% !important;
}
#thiru_valu{background:url(../images/thiruvalluvar-bkgr.gif);
height:172px;
width:322px !important;
margin-top:5px;
border:#137cb6 solid 1px;
margin-left:137% !important;
margin-left: 108% !important;
margin-top: -101.85% !important;
}
.kural {
color: #AD302F;
font-size: 10px !important;
font-weight: bold;
padding-left: 81px !important;
padding-top: 19px;
width:283px !important;
}
#amma_unavagam {
height: 89px !important;;
padding-left:1px !important;
width:317px !important;
padding-top:5px;
}
#block-menu-menu-grievances {
margin-left:-15% !important;
margin-top: -95% !important;
width: 194px;
}
#whats_new {
background: url("../images/whats_new_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #000000;
font-family: Arial,Helvetica,sans-serif;
/*font-size: 96%;*/
height: 175px;
width: 300px !important;
margin-left: 108% !important;
margin-top: -15.85% !important;
}
.col_1_of_2{
display: block;
float:left;
margin-left: -3% !important;
margin-top:-6% !important;
}
.col_1_of_4 {
display: block;
float: left !important;
margin-left: 51% !important;
margin-top: -40% !important;
}
#gallery,#kur_gallery {float:left !important;
width:290px !important;
margin-top:1% !important;
margin-left:19% !important;
}
#gallery a,#kur_gallery a{float:left !important;}
#gallery a img {
float:left;
border:1px solid #0A86DE;
width:340px !important;
margin-top: 0% !important;
margin-left:-15px !important;
}
#gallery a.show,#kur_gallery a.show{z-index:500;}
#gallery .caption ,#kur_gallery .kur_caption{z-index:600; bottom:0;}
#gallery .caption .content,#kur_gallery .kur_caption .kur_content {margin:5px;}
#gallery .caption .content h3,#kur_gallery .kur_caption .kur_content h3 {margin:0;padding:0;color:#1DCCEF;}
.mapf{
display: block;
float:left !important;
margin-left: 2% !important;
margin-top:-3% !important;
}
.govtb{
display: block;
float:left !important;
margin-left: 1% !important;
margin-top: -3% !important;
}
.footer-top1{
display:blcok;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
margin-left: -28% !important;
width: 150% !important;
}
.footer-top1 a{
height:30px;
padding-top:10px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important; */
width:100% !important;
}
.footer-top1 ul li {
float:left;
color: #000000;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: center !important;
text-decoration: none;
width: 99px;
}
.footer-top1 li{
width: 101px !important;
float:left;
}
.footer_bot {
display:blcok;
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
margin-left: -28% !important;
width: 148% !important;
}
.footer_text{
display:block;
float:left;
line-height:18px !important;
color:white;
/*font-size:10px !important;*/
float:left;
padding-top:5px !important;
}
.footer_text1{
display:none;
line-height:18px !important;
color:white;
/*font-size:12px;*/
float:left;
padding-top:5px !important;
}
/* Global CSS that are applied for all screen sizes */
.nav ul {
max-width: 1240px;
margin: 0;
padding: 0;
list-style: none;
/*font-size: 1.5em;*/
font-weight: 300;
}
.nav li span {
display: block;
}
.nav a {
display: block;
color: rgba(249, 249, 249, .9);
text-decoration: none;
-webkit-transition: color .5s, background .5s, height .5s;
-moz-transition: color .5s, background .5s, height .5s;
-o-transition: color .5s, background .5s, height .5s;
-ms-transition: color .5s, background .5s, height .5s;
transition: color .5s, background .5s, height .5s;
}
.nav i{
/* Make the font smoother for Chrome */
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Remove the blue Webkit background when element is tapped */
a, button {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* Hover effect for the whole navigation to make the hovered item stand out */
.no-touch .nav ul:hover a {
color: rgba(249, 249, 249, .5);
}
.no-touch .nav ul:hover a:hover {
color: rgba(249, 249, 249, 0.99);
}
/* Adding some background color to the different menu items */
.nav li:nth-child(6n+1) {
background-color:#0f97cb !important;
}
.nav li:nth-child(6n+2) {
background-color:#0f97cb !important;
}
.nav li:nth-child(6n+3) {
background-color:#0f97cb !important;
}
.nav li:nth-child(6n+4) {
background-color:#0f97cb !important;
}
.nav li:nth-child(6n+5) {
background-color:#0f97cb !important;
}
.nav li:nth-child(6n+6) {
background-color:#0f97cb !important;
}
.nav{
display: block !important;
}
/* Unhiding the styled menu link */
/*.nav .navtoogle{
margin: 0;
display: block;
}*/
.nav .navtoogle {
display: block !important;
width: 100%;
height:35px;
padding: 0.5em 0.5em 0.8em;
font-family: 'Lato',Calibri,Arial,sans-serif;
font-weight: normal;
text-align: left;
color: rgb(7, 16, 15);
/*font-size: 14px !important;*/
border-width: medium medium 1px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
cursor: pointer;
background-color:#0f97cb !important;
}
/* Animating the height of the navigation when the button is clicked */
/* When JavaScript is disabled, we hide the menu */
.no-js .nav ul {
max-height: 30em;
overflow: hidden;
}
/* When JavaScript is enabled, we hide the menu */
.js .nav ul {
max-height: 0em;
overflow: hidden;
}
/* Displaying the menu when the user has clicked on the button*/
.js .nav .active + ul {
max-height: 30em;
overflow: hidden;
-webkit-transition: max-height .4s;
-moz-transition: max-height .4s;
-o-transition: max-height .4s;
-ms-transition: max-height .4s;
transition: max-height .4s;
}
/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
.nav li span {
display: inline-block;
height: 100%;
}
.nav a {
padding: 0.5em;
/*font-size: 14px !important;*/
}
.icon + span {
margin-left: 1em;
/*font-size: 14px !important;*/
}
/* Adding a left border of 8 px with a different color for each menu item*/
.nav li:nth-child(6n+1) {
border-bottom:1px solid white;
/*border-left: 8px solid #0A4B75 !important;*/
}
.nav li:nth-child(6n+2) {
border-bottom:1px solid white;
/*border-left: 8px solid #0A4B75 !important;*/
}
.nav li:nth-child(6n+3) {
border-bottom:1px solid white;
/*border-left: 8px solid #0A4B75 !important;*/
}
.nav li:nth-child(6n+4) {
border-bottom:1px solid white;
/*border-left: 8px solid #0A4B75 !important;*/
}
.nav li:nth-child(6n+5) {
border-bottom:1px solid white;
/*border-left: 8px solid #0A4B75 !important;*/
}
.nav li:nth-child(6n+6) {
border-bottom:1px solid white;
/*border-left: 8px solid #0A4B75 !important;*/
}
/* make the nav bigger on touch screens */
.touch .nav a {
padding: 0.8em;
}
.nav li {
display: block;
float: left;
width: 100% !important;
}
/* -----------inner page Footer menu-----------*/
.page-footer-top1{
display:none !important;
border-top: 1px solid rgb(19, 124, 182);
height: 30px;
padding-top: 10px;
padding-right: 14px;
margin-top: 1% !important;
background-color: white !important;
/*font-size: 10px !important;*/
margin-left: 0% !important;
width: 100% !important;
}
.page-footer-top1 ul li {
margin: 0px auto;
float: left;
color: rgb(0, 0, 0);
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: center;
text-decoration: none;
width: 100px !important;
border-right: 1px solid black !important;
}
.page-footer-top1{
display:none !important;
}
.page-footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
margin-left: 0px;
}
.page-footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.page-footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.page-footer-top2 li{
color: black;
width: 143px !important;
float:left;
}
.page-footer_bot{
margin-left: 0% !important;
width: 94.9% !important;
}
.page-footer_bot-footer_text{
display:none !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
}
.page-footer_bot-footer_text1{
display:block !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
padding-left:10px;
margin-left: -70%;
}
.footer-top1{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
width: 613px !important;
margin-left: -114px;
}
.footer-top2{
display:none;
}
.footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.footer-top2 li{
color: black;
width: 93px !important;
float:left;
}
.footer_bot {
display:blcok;
/*margin-top: 10px;*/
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
width:296px !important;
width: 604px !important;
}
.footer_text{
display:block;
float:left;
line-height:18px !important;
color:white;
/*font-size:10px !important; */
float:left;
padding-top:5px !important;
}
.footer_text1{
display:none;
line-height:18px !important;
color:white;
/*font-size:12px;*/
float:left;
}
/* -----------inner page Footer ends-----------*/
/* -----------inner page contents -----------*/
.pagecontent{
margin-left: 10px !important;
margin-right:10px !important;
}
.leftmenu{
margin-left: 202px !important;
}
.rightmenu{
margin-left: 202px !important;
margin-bottom:10px;
}
.rightmenu .rightsidebar .leaf{
background:none !important;
border-bottom:none !important;
}
p#profile_form {
color: rgb(136, 136, 136);
/*font-size: 11px !important;*/
line-height: 1.8em;
padding-right:5px;
margin-left: 70px !important;
margin-right:15px;
}
.profile_info {
font-weight: bold !important;
margin-left: 15px !important;
padding-top: 201px !important;
color: rgb(73, 73, 73) !important;
/*font-size: 12px !important;*/
}
.about-services {
width: 30%;
float: left;
margin-left: 3%;
}
.about-services h3 {
color:#FFA503;
margin-bottom:20px;
/*font-size: 1.2em;*/
line-height: 1.2;
font-weight: normal;
margin-top: 0px;
letter-spacing: -1px;
text-transform: uppercase;
}
.questions {
margin: 10px 0 3px 0;
}
.questions h4 {
color: #333;
font-weight: bold;
/*font-size: 12px*/;
margin-bottom: 5px;
}
.questions p {
/*font-size: 0.8125em;*/
color: black;
line-height: 1.5em;
padding: 4px 0px 8px 0px;
width: 540px;
}
.profileimg {
margin-left: 174px !important;
}
.page-scheme .result_inner {
width:498px;
}
.page-scheme .node_view_heading {
width:553px !important;
}
.page-scheme .node_viewlist_even {
width:547px !important;
}
.page-scheme .node_viewlist_odd {
width:547px !important;
}
.page-scheme .node_view_bottom_content {
width:553px !important;
}
}
@media (min-width:481px) and (max-width:639px) {
body{
max-width:480px !important;
}
.wrap{
margin:0 auto;
margin-top:-25px !important;
width:48%;
}
.header_img{
width:100% !important;
padding-left:1px;
}
.header_color_icon {
float: right;
width: 55% !important;
}
#header_logo{
background:url(../images/top_banner480.jpg) no-repeat !important;
margin-top:16px;
height:48px !important;
max-width:480px !important;
margin-bottom:2px;
/*margin-left:2px;*/
}
#front_maincontainer{
margin:0 auto;
/*width:32% ;*/
background-color:#c7e3f8 ;
max-width:639px !important;
}
.top-nav {
display:none;
background-color:#0f97cb !important;
width:48% !important;
float: left;
}
.header-bottom{
display:none !important;
float: left;
height: 31px;
width:32% !important;
}
.view-footer3 { /*font-size: 11px;*/ margin-top:-22px; }
.view-footer3 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-left:48px !important;
}
.view-footer4 { float:right; /*font-size: 11px;*/ margin-top:-30px; }
.view-footer4 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right: -45px !important;
}
#block-menu-menu-government {
margin-left: 65px !important;
margin-top:20% !important;
width: 194px;
}
#block-menu-menu-services{
margin-left: 65px !important;
width: 194px;
margin-top:3% !important;
}
#block-views-Forms-block_1{
margin-left: 65px !important;
width: 194px;
margin-top:3% !important;
}
#press_relase_news{
margin-right:50%;
background:transparent url(../images/press_release_bg.png) no-repeat scroll 0 0;
height:179px !important;
width:300px !important;
font-family:Arial,Helvetica,sans-serif !important;
color:#000000 !important;
margin-top:3% !important;
margin-left:27% !important;
}
#block-menu-menu-scheme {
margin-left: 65px !important;
width: 194px;
margin-top:3% !important;
}
#thiru_valu{background:url(../images/thiruvalluvar-bkgr.gif);
height:172px;
/*width:433px; */
width:309px !important;
margin-top:5px;
border:#137cb6 solid 1px;
margin-top:3% !important;
margin-left:31% !important;
margin-right:18% !important;
}
.kural {
color: #AD302F;
/*font-size: 10px !important;*/
font-weight: bold;
padding-left: 70px !important;
padding-top: 19px;
width:283px !important;
}
#amma_unavagam {
/* background: url("../images/ammaunavagam1.png")no-repeat scroll 0 0 !important;*/
height: 89px !important;;
padding-left:1px !important;
width:303px !important;
padding-top:5px;
}
#whats_new {
background: url("../images/whats_new_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
/*border:1px solid #137CB6;*/
color: #000000;
font-family: Arial,Helvetica,sans-serif;
/*font-size: 96%;*/
height: 175px;
width: 300px !important;
margin-top:3% !important;
margin-left:29% !important;
}
#block-menu-menu-grievances {
margin-left: 65px !important;
width: 194px;
margin-top:3% !important;
}
.col_1_of_2{
display: block;
float:left;
margin-left:25% !important;
margin-top:2% !important;
}
.col_1_of_4{
display: block;
float:left !important;
margin-left: 21% !important;
margin-top: -3% !important;
}
#gallery,#kur_gallery {float:left !important;
width:290px !important;
margin-top:9% !important;
margin-left: 12% !important;}
#gallery a,#kur_gallery a{float:left !important;}
#gallery a img {
float:left;
border:1px solid #0A86DE;
width:300px !important;
margin-left:1% !important;
margin-top: -11% !important;
}
#gallery a.show,#kur_gallery a.show{z-index:500;}
#gallery .caption ,#kur_gallery .kur_caption{z-index:600; bottom:0;}
#gallery .caption .content,#kur_gallery .kur_caption .kur_content {margin:5px;}
#gallery .caption .content h3,#kur_gallery .kur_caption .kur_content h3 {margin:0;padding:0;color:#1DCCEF;}
.mapf{
display: block;
float:left !important;
margin-left: -3% !important;
margin-top: -4% !important;
}
.govtb{
display: block;
float:left !important;
margin-left: 45% !important;
margin-top: -14% !important;
}
.footer-top1{
display:none !important;
}
.footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
width:480px !important;
margin-left: -83px;
}
.footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.footer-top2 li{
color: black;
width: 159px !important;
float:left;
}
.footer_bot {
display:blcok;
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
margin-left:-28% !important;
width: 148% !important;
}
.footer_text{
display:block;
float:left;
line-height:18px !important;
color:white;
/*font-size:10px !important; */
float:left;
padding-top:5px !important;
max-width: 480px !important;
}
.footer_text1{
display:none;
line-height:18px !important;
color:white;
/*font-size:12px;*/
float:left;
padding-top:5px !important;
}
/* Global CSS that are applied for all screen sizes */
.nav ul {
max-width: 1240px;
margin: 0;
padding: 0;
list-style: none;
/*font-size: 1.5em;*/
font-weight: 300;
}
.nav li span {
display: block;
}
.nav a {
display: block;
color: rgba(249, 249, 249, .9);
text-decoration: none;
-webkit-transition: color .5s, background .5s, height .5s;
-moz-transition: color .5s, background .5s, height .5s;
-o-transition: color .5s, background .5s, height .5s;
-ms-transition: color .5s, background .5s, height .5s;
transition: color .5s, background .5s, height .5s;
}
.nav i{
/* Make the font smoother for Chrome */
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Remove the blue Webkit background when element is tapped */
a, button {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* Hover effect for the whole navigation to make the hovered item stand out */
.no-touch .nav ul:hover a {
color: rgba(249, 249, 249, .5);
}
.no-touch .nav ul:hover a:hover {
color: rgba(249, 249, 249, 0.99);
}
/* Adding some background color to the different menu items */
.nav li:nth-child(6n+1) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+2) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+3) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+4) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+5) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+6) {
background-color:#0f97cb;
}
.nav{
display: block !important;
}
/* Unhiding the styled menu link */
/*.nav .navtoogle{
margin: 0;
display: block;
}*/
.nav .navtoogle {
display: block !important;
width: 100%;
height:35px;
padding: 0.5em 0.5em 0.8em;
font-family: 'Lato',Calibri,Arial,sans-serif;
font-weight: normal;
text-align: left;
color: rgb(7, 16, 15);
/*font-size: 14px !important;*/
border-width: medium medium 1px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
cursor: pointer;
background-color:#0f97cb !important;
}
/* Animating the height of the navigation when the button is clicked */
/* When JavaScript is disabled, we hide the menu */
.no-js .nav ul {
max-height: 30em;
overflow: hidden;
}
/* When JavaScript is enabled, we hide the menu */
.js .nav ul {
max-height: 0em;
overflow: hidden;
}
/* Displaying the menu when the user has clicked on the button*/
.js .nav .active + ul {
max-height: 30em;
overflow: hidden;
-webkit-transition: max-height .4s;
-moz-transition: max-height .4s;
-o-transition: max-height .4s;
-ms-transition: max-height .4s;
transition: max-height .4s;
}
/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
.nav li span {
display: inline-block;
height: 100%;
}
.nav a {
padding: 0.5em;
/*font-size: 14px !important;*/
}
.icon + span {
margin-left: 1em;
/*font-size: 14px !important;*/
}
/* Adding a left border of 8 px with a different color for each menu item*/
.nav li:nth-child(6n+1) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+2) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+3) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+4) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+5) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+6) {
background-color:#0f97cb;
}
/* make the nav bigger on touch screens */
.touch .nav a {
padding: 0.8em;
}
/* -----------inner page Footer menu-----------*/
.page-footer-top1{
display:none !important;
}
.page-footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
margin-left: 0px;
}
.page-footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.page-footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.page-footer-top2 li{
color: black;
width: 143px !important;
float:left;
}
.page-footer_bot{
margin-left: 0% !important;
width: 92.9% !important;
}
.page-footer_bot-footer_text{
display:none !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
}
.page-footer_bot-footer_text1{
display:block !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
padding-left:10px;
margin-left: -70%;
}
.footer-top1{
display:none !important;
}
.footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
width: 454px !important;
margin-left: -85px;
}
.footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.footer-top2 li{
color: black;
width: 148px !important;
float:left;
}
.footer_bot {
display:blcok;
/*margin-top: 10px;*/
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
width: 445px !important;
}
.footer_text{
display:block;
float:left;
line-height:18px !important;
color:white;
/*font-size:10px !important; */
float:left;
padding-top:5px !important;
}
.footer_text1{
display:none;
line-height:18px !important;
color:white;
/*font-size:12px;*/
float:left;
}
/* -----------inner page Footer ends-----------*/
/* -----------inner page contents -----------*/
.pagecontent{
/*margin-left:1px !important; */
margin-right:10px !important;
width: 468px !important;
}
.leftmenu{
margin-left: 142px !important;
}
.rightmenu{
margin-left: 142px !important;
margin-bottom:10px;
}
p#profile_form {
color: rgb(136, 136, 136);
/*font-size: 11px !important;*/
line-height: 1.8em;
padding-right:5px;
margin-left: 48px !important;
margin-right:15px;
}
.profile_info {
font-weight: bold !important;
margin-left: 15px !important;
padding-top: 201px !important;
color: rgb(73, 73, 73) !important;
/*font-size: 12px !important;*/
}
.about-services {
width: 30%;
float: left;
margin-left: 3%;
}
.about-services h3 {
color:#FFA503;
margin-bottom:20px;
/*font-size: 1.2em;*/
line-height: 1.2;
font-weight: normal;
margin-top: 0px;
letter-spacing: -1px;
text-transform: uppercase;
}
.questions {
margin: 10px 0 3px 0;
}
.questions h4 {
color: #333;
font-weight: bold;
/*font-size: 12px;*/
margin-bottom: 5px;
}
.questions p {
/*font-size: 0.8125em;*/
color: black;
line-height: 1.5em;
padding: 4px 0px 8px 0px;
width:382px;
/*border-bottom:1px solid #dddddd;*/
}
/* Form Box*/
.viewmod_addnewformss {
background: url("../images/forms_tab.jpg") no-repeat scroll 0px 0px transparent;
height: 77px;
margin-left: -13px !important;
position: relative;
width: 475px !important;
}
.inner_tab_content .inner_li {
float: left;
padding-left: 6px !important;
padding-right: 0px !important;
}
.result_inner {
background-color: rgb(239, 247, 253);
border-bottom: 1px solid rgb(4, 123, 191);
border-left: 1px solid rgb(4, 123, 191);
border-right: 1px solid rgb(4, 123, 191);
min-height: 591px !important;
padding-left: 15px;
padding-top: 15px;
width: 498px;
word-wrap: break-word;
margin-left: -13px !important;
margin-right: 8px !important;
margin-bottom: 15px;
margin-top: -168px;
position: absolute;
width: 458px !important;
}
.document_head_list .first_clm {
float:none !important;
height:auto !important;
}
.document_head_list .second_clm {
height:auto !important;
}
.profileimg {
margin-left: 140px !important;
}
.page-scheme #viewmod_schemes_tab {
margin-left: -12px;
}
.page-scheme .node_view_heading {
width:446px !important;
}
.page-scheme .node_viewlist_even {
width:440px !important;
}
.page-scheme .node_viewlist_odd {
width:440px !important;
}
.page-scheme .node_view_bottom_content {
width:446px !important;
}
}
@media (max-width:480px){
body{
max-width:480px !important;
}
.wrap{
margin:0 auto;
margin-top:-25px !important;
width:48%;
}
.header_img{
width:100% !important;
}
#header_logo{
background:url(../images/top_banner480.jpg) no-repeat !important;
margin-top:16px;
height:48px !important;
max-width:480px !important;
margin-bottom:2px;
margin-left:2px;
}
#abt_tn {
margin-left:45px !important;
}
.header_color_icon{
float:right;
width:48% !important;
margin-left:248px !important;
}
#front_maincontainer{
margin:0 auto;
/*width:32% ;*/
background-color:#c7e3f8 ;
max-width:480px !important;
}
.top-nav {
display:none;
background-color:#0f97cb !important;
width:48% !important;
float: left;
}
.header-bottom{
display:none !important;
float: left;
height: 31px;
width:32% !important;
}
.view-footer3 { /*font-size: 11px;*/ }
.view-footer3 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right: -65px !important;
margin-top:2px !important;
}
.view-footer4 { float:right; /*font-size: 11px;*/ margin-top:-30px; }
.view-footer4 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right: -45px !important;
}
#block-menu-menu-government {
margin-left: 65px !important;
margin-top:20% !important;
width: 194px;
height: 203px !important;
}
#block-menu-menu-services{
margin-left: 65px !important;
width: 194px;
margin-top:3% !important;
}
#block-views-Forms-block_1{
margin-left: 65px !important;
width: 194px;
margin-top:3% !important;
}
#press_relase_news{
margin-right:50%;
background:transparent url(../images/press_release_bg.png) no-repeat scroll 0 0;
height:179px !important;
width:300px !important;
font-family:Arial,Helvetica,sans-serif !important;
color:#000000 !important;
margin-top:3% !important;
margin-left:27% !important;
}
#block-menu-menu-scheme {
margin-left: 65px !important;
width: 194px;
margin-top:3% !important;
}
#thiru_valu{background:url(../images/thiruvalluvar-bkgr.gif);
height:172px;
/*width:433px; */
width:309px !important;
margin-top:5px;
border:#137cb6 solid 1px;
margin-top:3% !important;
margin-left:31% !important;
margin-right:18% !important;
}
.kural {
color: #AD302F;
font-size: 10px !important;
font-weight: bold;
padding-left: 70px !important;
padding-top: 19px;
width:283px !important;
}
#amma_unavagam {
/* background: url("../images/ammaunavagam1.png")no-repeat scroll 0 0 !important;*/
height: 89px !important;;
padding-left:1px !important;
width:303px !important;
padding-top:5px;
}
#whats_new {
background: url("../images/whats_new_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
/*border:1px solid #137CB6;*/
color: #000000;
font-family: Arial,Helvetica,sans-serif;
/*font-size: 96%;*/
height: 175px;
width: 300px !important;
margin-top:3% !important;
margin-left:29% !important;
}
#block-menu-menu-grievances {
margin-left: 65px !important;
width: 194px;
margin-top:3% !important;
}
.col_1_of_2{
display: block;
float:left;
margin-left:25% !important;
margin-top:2% !important;
}
.col_1_of_4{
display: block;
float:left !important;
margin-left:16% !important;
margin-top: -3% !important;
}
#gallery,#kur_gallery {float:left !important;
width:290px !important;
margin-top:9% !important;
margin-left: 12% !important;}
#gallery a,#kur_gallery a{float:left !important;}
#gallery a img {
float:left;
border:1px solid #0A86DE;
width:300px !important;
margin-left:1% !important;
margin-top: -11% !important;
}
#gallery a.show,#kur_gallery a.show{z-index:500;}
#gallery .caption ,#kur_gallery .kur_caption{z-index:600; bottom:0;}
#gallery .caption .content,#kur_gallery .kur_caption .kur_content {margin:5px;}
#gallery .caption .content h3,#kur_gallery .kur_caption .kur_content h3 {margin:0;padding:0;color:#1DCCEF;}
.mapf{
display: block;
float:left !important;
margin-left: -4% !important;
margin-top: -5% !important;
}
.govtb{
display: block;
float:left !important;
margin-left: 45% !important;
margin-top: -15% !important;
}
.footer-top1{
display:none !important;
}
.footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
width:480px !important;
margin-left: -83px;
}
.footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important;*/
}
.footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.footer-top2 li{
color: black;
width: 159px !important;
float:left;
}
.footer_bot {
display:blcok;
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
margin-left:-28% !important;
width: 148% !important;
}
.footer_text{
display:block;
float:left;
line-height:18px !important;
color:white;
float:left;
padding-top:5px !important;
max-width: 472px !important;
max-width: 459px;
margin-left: -14px !important;
}
.footer_text1{
display:none;
line-height:18px !important;
color:white;
/*font-size:12px;*/
float:left;
padding-top:5px !important;
}
/* nav Mobile Menu */
.navi {
display:block !important;
/*font-size:12px;*/
}
.navi-button {
display: block;
position: absolute;
right: 15px;
top: 8px;
}
.navi-button:hover {
cursor: pointer;
}
.navi-title {
display:block !important;
top: 9px;
left: 15px;
/*font-size: 16px;*/
color: white;
text-shadow: 1px 1px 1px black;
}
.navi-toggled-controls {
display:block !important;
height: 36px;
color: white;
text-align: left;
position: relative;
background-image: url("images/graphite-menu-bg.png");
background-repeat: repeat-x;
border-radius: 6px;
}
.navi .navitoogle {
display: block;
width: 100%;
padding: 0.5em 0.5em 0.8em;
font-family: 'Lato',Calibri,Arial,sans-serif;
font-weight: normal;
text-align: left;
color: rgb(7, 16, 15);
/*font-size: 1.2em;*/
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-width: medium medium 4px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
cursor: pointer;
}
.navi ul {
width: 100%;
/*padding: 5px 0;*/
/*background: url(images/menu_bg.jpg) repeat-x ;*/
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
background-color:#1979b3 ;
}
.navi li {
display: none; /* hide all items */
margin: 0;
}
.navi .current {
display: block; /* show only current item */
text-decoration:!important;
}
.navi a {
display: block;
padding: 5px 5px 5px 76px;
text-align: left;
color: #fff;
text-decoration:none;
}
.navi .current a {
background: none;
color: #fff;
text-decoration:none;
}
.navi .current a:hover {
background: none;
color: #fff;
text-decoration:none;
}
.navi ul li a{
display: block !important;
width: 100%;
text-align: center;
padding: 10px 0px;
border-bottom: 1px solid white;
text-shadow: 1px 1px 1px rgb(51, 51, 51);
}
/* on nav hover */
.navi ul:hover {
background-image: none;
color: #fff;
}
.navi ul:hover li {
display: block;
margin: 0 0 5px;
/*text-decoration:underline;*/
color: #fff;
}
.navi li a:hover{
display: block;
margin: 0 0 1px;
text-decoration:underline;
color: fff;
}
.navi ul:hover .current {
/*background: url(images/icon-check.png) no-repeat 10px 7px;*/
}
/* Global CSS that are applied for all screen sizes */
.nav ul {
max-width: 1240px;
margin: 0;
padding: 0;
list-style: none;
/*font-size: 1.5em;*/
font-weight: 300;
}
.nav li span {
display: block;
}
.nav a {
display: block;
color: rgba(249, 249, 249, .9);
text-decoration: none;
-webkit-transition: color .5s, background .5s, height .5s;
-moz-transition: color .5s, background .5s, height .5s;
-o-transition: color .5s, background .5s, height .5s;
-ms-transition: color .5s, background .5s, height .5s;
transition: color .5s, background .5s, height .5s;
}
.nav i{
/* Make the font smoother for Chrome */
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Remove the blue Webkit background when element is tapped */
a, button {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* Hover effect for the whole navigation to make the hovered item stand out */
.no-touch .nav ul:hover a {
color: rgba(249, 249, 249, .5);
}
.no-touch .nav ul:hover a:hover {
color: rgba(249, 249, 249, 0.99);
}
/* Adding some background color to the different menu items */
.nav li:nth-child(6n+1) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+2) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+3) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+4) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+5) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+6) {
background-color:#0f97cb;
}
.nav{
display: block !important;
}
/* Unhiding the styled menu link */
/*.nav .navtoogle{
margin: 0;
display: block;
}*/
.nav .navtoogle {
display: block !important;
width: 100%;
height:35px;
padding: 0.5em 0.5em 0.8em;
font-family: 'Lato',Calibri,Arial,sans-serif;
font-weight: normal;
text-align: left;
color: rgb(7, 16, 15);
/*font-size: 14px !important;*/
border-width: medium medium 1px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
cursor: pointer;
background-color:#0f97cb !important;
}
/* Animating the height of the navigation when the button is clicked */
/* When JavaScript is disabled, we hide the menu */
.no-js .nav ul {
max-height: 30em;
overflow: hidden;
}
/* When JavaScript is enabled, we hide the menu */
.js .nav ul {
max-height: 0em;
overflow: hidden;
}
/* Displaying the menu when the user has clicked on the button*/
.js .nav .active + ul {
max-height: 30em;
overflow: hidden;
-webkit-transition: max-height .4s;
-moz-transition: max-height .4s;
-o-transition: max-height .4s;
-ms-transition: max-height .4s;
transition: max-height .4s;
}
/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
.nav li span {
display: inline-block;
height: 100%;
}
.nav a {
padding: 0.5em;
/*font-size: 14px !important;*/
}
.icon + span {
margin-left: 1em;
/*font-size: 14px !important;*/
}
/* Adding a left border of 8 px with a different color for each menu item*/
.nav li:nth-child(6n+1) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+2) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+3) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+4) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+5) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+6) {
background-color:#0f97cb;
}
/* make the nav bigger on touch screens */
.touch .nav a {
padding: 0.8em;
}
/* -----------inner page Footer menu-----------*/
.page-footer-top1{
display:none !important;
}
.page-footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
margin-left: 0px;
}
.page-footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.page-footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.page-footer-top2 li{
color: black;
width: 143px !important;
float:left;
}
.page-footer_bot{
margin-left: 0% !important;
width: 92.9% !important;
}
.page-footer_bot-footer_text{
display:none !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
}
.page-footer_bot-footer_text1{
display:block !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
padding-left:10px;
margin-left: -70%;
}
.footer-top1{
display:none !important;
}
.footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
width: 454px !important;
margin-left: -85px !important;
}
.footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.footer-top2 li{
color: black;
width: 148px !important;
float:left;
}
.footer_bot {
display:blcok;
/*margin-top: 10px;*/
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
width: 452px !important;
}
.footer_text1{
display:none;
line-height:18px !important;
color:white;
/*font-size:12px;*/
float:left;
}
/* -----------inner page Footer ends-----------*/
/* -----------inner page contents -----------*/
.pagecontent{
margin-left:1px !important;
margin-right:10px !important;
}
.leftmenu{
margin-left: 142px !important;
}
.rightmenu{
margin-left: 132px !important;
margin-bottom:10px;
}
.rightmenu .rightsidebar .leaf{
background:none !important;
border-bottom:none !important;
}
p#profile_form {
color: rgb(136, 136, 136);
/*font-size: 11px !important;*/
line-height: 1.8em;
padding-right:5px;
margin-left: 0px !important;
margin-right:15px;
}
.profile_info {
font-weight: bold !important;
margin-left: 15px !important;
padding-top: 201px !important;
color: rgb(73, 73, 73) !important;
/*font-size: 12px !important;*/
}
.about-services {
width: 30%;
float: left;
margin-left: 3%;
}
.about-services h3 {
color:#FFA503;
margin-bottom:20px;
/*font-size: 1.2em;*/
line-height: 1.2;
font-weight: normal;
margin-top: 0px;
letter-spacing: -1px;
text-transform: uppercase;
}
.questions {
margin: 10px 0 3px 0;
}
.questions h4 {
color: #333;
font-weight: bold;
/*font-size: 12px;*/
margin-bottom: 5px;
}
.questions p {
/*font-size: 0.8125em;*/
color: black;
line-height: 1.5em;
padding: 4px 0px 8px 0px;
width: 436px !important;
/*border-bottom:1px solid #dddddd;*/
}
/* Form Box*/
.viewmod_addnewformss {
background: url("../images/forms_tab.jpg") no-repeat scroll 0px 0px transparent;
height: 77px;
margin-left: -13px !important;
position: relative;
width: 475px !important;
}
.inner_tab_content .inner_li {
float: left;
padding-left: 6px !important;
padding-right: 0px !important;
}
.result_inner {
background-color: rgb(239, 247, 253);
border-bottom: 1px solid rgb(4, 123, 191);
border-left: 1px solid rgb(4, 123, 191);
border-right: 1px solid rgb(4, 123, 191);
min-height: 591px !important;
padding-left: 15px;
padding-top: 15px;
width: 498px;
word-wrap: break-word;
margin-left: -17px !important;
margin-right: 8px !important;
margin-bottom: 15px;
margin-top: -168px;
position: absolute;
width: 463px !important;
}
.page-scheme #viewmod_schemes_tab {
margin-left: -12px;
}
.document_head_list .first_clm {
float:none !important;
height:auto !important;
padding-bottom:8px;
padding-top:8px;
}
.document_head_list .second_clm {
height:auto !important;
padding-bottom:8px;
padding-top:8px;
}
.profileimg {
margin-left: 140px !important;
}
.icon6 { display:none !important;}
.icon7 {display:none !important; }
.icon8{ display:none !important;}
/*.icon6{
float: left !important;
margin-left: 369px !important;
}
.icon7{
float: left !important;
margin-left: 353px !important;
}
.icon8{
float: left !important;
margin-left: 337px !important;
}*/
.page-documents #viewmod_doc_tab{
height: 77px;
padding-left: 10px;
margin-left:-22px !important;
margin-top:45px!important;
}
.rightsidebar ul li a {
color: #654102;
display: block;
transition: all 0.5s ease 0s;
position: relative;
line-height: 13px !important;
text-decoration: none;
}
.page-contact .region region-content {
margin-left: -14px !important;
}
.page-contact .form-item label {
float: left;
width: 178px !important;
}
.page-contact #contact-site-form #edit-submit {
float: left !important;
margin-top: 35px;
margin-left: 332px !important;
}
.page-contact #block-block-3 {
margin-left: -14px !important;
}
.page-contact #block-system-main {
margin-left: -14px !important;
}
.page-contact #cnt_msg_box {
margin-left: 1px !important;
}
#abt_tn {
margin-left:-80px !important;
}
#abt_tn tbody tr td:nth-child(3) {
display:none;
}
}
@media (min-width:321px) and (max-width:479px) {
body{
max-width:320px !important;
}
.wrap{
margin:0 auto;
margin-top:-25px !important;
width:32%;
}
.header_img{
width:100% !important;
padding-left:1px;
}
#abt_tn {
margin-left:-40px !important;
}
.state_profile_heading {
display:none !important; }
.state_profile_heading1 {
display:none !important; }
.state_profile {
display:none !important;
}
#header_logo{
background:url(../images/top_banner320.jpg) no-repeat !important;
margin-top:16px;
height:30px !important;
max-width:320px !important;
margin-bottom:2px;
margin-left:2px;
}
.header_color_icon{
width:32% !important;
margin-left:215px !important;
}
#front_maincontainer{
margin:0 auto;
/*width:32% ;*/
background-color:#c7e3f8;
max-width:320px !important;
}
.top-nav {
display:none !important;
background-color:#0f97cb !important;
width:32% !important;
float: left;
}
.header-bottom{
display:none !important;
float: left;
height: 31px;
width:32% !important;
}
.view-footer3 { /*font-size: 11px;*/ margin-top:-22px; }
.view-footer3 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right:-30px!important;
}
.view-footer4 { float:right; /*font-size: 11px;*/ }
.view-footer4 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right:-10px!important;
}
#block-menu-menu-government {
margin-left: 30px !important;
margin-top:20% !important;
width: 194px;
}
#block-menu-menu-services{
margin-left: 30px !important;
width: 194px;
margin-top: 25px !important;
padding-top:20px !important;
}
#block-views-Forms-block_1{
margin-left: 30px !important;
width: 194px;
margin-top:3% !important;
}
#press_relase_news{
margin-right:50%;
background:transparent url(../images/press_release_bg.png) no-repeat scroll 0 0;
height:179px !important;
width:300px !important;
font-family:Arial,Helvetica,sans-serif !important;
color:#000000 !important;
margin-top:3% !important;
margin-left:-7% !important;
}
#block-menu-menu-scheme {
margin-left: 30px !important;
width: 194px;
margin-top:3% !important;
}
#thiru_valu{background:url(../images/thiruvalluvar-bkgr.gif);
height:172px;
/*width:433px; */
width:309px !important;
margin-top:5px;
border:#137cb6 solid 1px;
margin-top:3% !important;
margin-left:-9% !important;
margin-right:18% !important;
}
.kural {
color: #AD302F;
/*font-size: 10px !important;*/
font-weight: bold;
padding-left: 70px !important;
padding-top: 19px;
width:283px !important;
}
#amma_unavagam {
/* background: url("../images/ammaunavagam1.png")no-repeat scroll 0 0 !important;*/
height: 89px !important;;
padding-left:1px !important;
width:303px !important;
padding-top:5px;
}
#whats_new {
background: url("../images/whats_new_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
/*border:1px solid #137CB6;*/
color: #000000;
font-family: Arial,Helvetica,sans-serif;
/*font-size: 96%;*/
height: 175px;
width: 300px !important;
margin-top:3% !important;
margin-left:-7% !important;
}
#block-menu-menu-grievances {
margin-left: 30px !important;
width: 194px;
margin-top:3% !important;
}
.col_1_of_2{
display: block;
float:left;
margin-left:22% !important;
margin-top:2% !important;
}
.col_1_of_4{
display: block;
float:left !important;
margin-left:10% !important;
margin-top:2% !important;
}
#gallery,#kur_gallery {float:left !important;
width:290px !important;
margin-top:9% !important;
margin-left:1% !important;}
#gallery a,#kur_gallery a{float:left !important;}
#gallery a img {
float:left;
border:1px solid #0A86DE;
width:300px !important;
margin-left:1% !important;
margin-top:-32px !important;
}
#gallery a.show,#kur_gallery a.show{z-index:500;}
#gallery .caption ,#kur_gallery .kur_caption{z-index:600; bottom:0;}
#gallery .caption .content,#kur_gallery .kur_caption .kur_content {margin:5px;}
#gallery .caption .content h3,#kur_gallery .kur_caption .kur_content h3 {margin:0;padding:0;color:#1DCCEF;}
.mapf{
display: block;
float:left !important;
margin-left: -23% !important;
/*margin-top: 50% !important;*/
}
.govtb{
display: block;
float:left !important;
margin-left: 51% !important;
margin-top: -22% !important;
}
.footer-top1{
display:none !important;
}
.footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
width:296px !important;
margin-left: -56px;
}
.footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.footer-top2 li{
color: black;
width: 93px !important;
float:left;
}
.footer_bot {
display:blcok;
/*margin-top: 10px;*/
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
width:296px !important;
margin-left: -56px !important;
}
.footer_text{
display:none;
float:left;
line-height:18px !important;
color:white;
/*font-size:10px !important; */
float:left;
max-width:32px !important;
padding-top:5px !important;
}
.footer_text1{
display:block;
line-height:18px !important;
color:white;
/*font-size:12px;*/
float:left;
max-width: 388px !important;
margin-top: -1px !important;
margin-left: -11px !important;
}
/* Global CSS that are applied for all screen sizes */
.nav ul {
max-width: 1240px;
margin: 0;
padding: 0;
list-style: none;
/*font-size: 1.5em;*/
font-weight: 300;
}
.nav li span {
display: block;
}
.nav a {
display: block !important;
color: rgba(249, 249, 249, .9);
text-decoration: none;
-webkit-transition: color .5s, background .5s, height .5s;
-moz-transition: color .5s, background .5s, height .5s;
-o-transition: color .5s, background .5s, height .5s;
-ms-transition: color .5s, background .5s, height .5s;
transition: color .5s, background .5s, height .5s;
}
.nav i{
/* Make the font smoother for Chrome */
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Remove the blue Webkit background when element is tapped */
a, button {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* Hover effect for the whole navigation to make the hovered item stand out */
.no-touch .nav ul:hover a {
color: rgba(249, 249, 249, .5);
}
.no-touch .nav ul:hover a:hover {
color: rgba(249, 249, 249, 0.99);
}
/* Adding some background color to the different menu items */
.nav li:nth-child(6n+1) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+2) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+3) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+4) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+5) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+6) {
border-bottom:1px solid white;
}
.nav{
display: block !important;
}
/* Unhiding the styled menu link */
/*.nav .navtoogle{
margin: 0;
display: block;
}*/
.nav .navtoogle {
display: block !important;
width: 100%;
height:35px;
padding: 0.5em 0.5em 0.8em;
font-family: 'Lato',Calibri,Arial,sans-serif;
font-weight: normal;
text-align: left;
color: rgb(7, 16, 15);
/*font-size: 14px !important;*/
border-width: medium medium 1px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
cursor: pointer;
background-color:#0f97cb !important;
}
/* Animating the height of the navigation when the button is clicked */
/* When JavaScript is disabled, we hide the menu */
.no-js .nav ul {
max-height: 30em;
overflow: hidden;
}
/* When JavaScript is enabled, we hide the menu */
.js .nav ul {
max-height: 0em;
overflow: hidden;
}
/* Displaying the menu when the user has clicked on the button*/
.js .nav .active + ul {
max-height: 30em;
overflow: hidden;
-webkit-transition: max-height .4s;
-moz-transition: max-height .4s;
-o-transition: max-height .4s;
-ms-transition: max-height .4s;
transition: max-height .4s;
}
/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
.nav li span {
display: inline-block;
height: 100%;
}
.nav a {
padding: 0.5em;
/*font-size: 14px !important;*/
}
.icon + span {
margin-left: 1em;
/*font-size: 14px !important;*/
}
/* Adding a left border of 8 px with a different color for each menu item*/
.nav li:nth-child(6n+1) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+2) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+3) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+4) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+5) {
background-color:#0f97cb;
}
.nav li:nth-child(6n+6) {
background-color:#0f97cb;
}
/* make the nav bigger on touch screens */
.touch .nav a {
padding: 0.8em;
}
/* -----------inner page Footer menu-----------*/
.page-footer-top1{
display:none !important;
}
.page-footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
width: 294px !important;
margin-left: 0px;
}
.page-footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.page-footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.page-footer-top2 li{
color: black;
width: 93px !important;
float:left;
}
.page-footer_bot{
margin-left: 0% !important;
width: 88.9% !important;
}
.page-footer_bot-footer_text{
display:none !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
}
.page-footer_bot-footer_text1{
display:block !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
padding-left:10px;
margin-left: -70%;
}
.footer-top1{
display:none !important;
}
.footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
width:296px !important;
margin-left: -56px !important;
}
.footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.footer-top2 li{
color: black;
width: 93px !important;
float:left;
}
.footer_bot {
display:blcok;
/*margin-top: 10px;*/
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
width:296px !important;
margin-left: -56px !important;
}
.footer_text{
display:none;
float:left;
line-height:18px !important;
color:white;
/*font-size:10px !important; */
float:left;
max-width:32px !important;
padding-top:5px !important;
}
.footer_text1{
display:block;
line-height:18px !important;
color:white;
/*font-size:12px;*/
float:left;
}
/* -----------inner page Footer ends-----------*/
/* -----------inner page contents -----------*/
.pagecontent{
margin-left:1px !important;
margin-right:10px !important;
}
.left-corner {
background: url("../images/content_corner.jpg") no-repeat scroll right top transparent !important;
margin-right:230px !important;
}
.leftmenu{
margin-left:70px !important;
}
.rightmenu{
margin-left:60px !important;
margin-bottom:10px;
}
p#profile_form {
color: rgb(136, 136, 136);
/*font-size: 11px !important;*/
line-height: 1.8em;
padding-right:5px;
margin-left: -1px !important;
margin-right:15px;
}
.profile_info {
font-weight: bold !important;
margin-left: 15px !important;
padding-top: 201px !important;
color: rgb(73, 73, 73) !important;
/*font-size: 12px !important;*/
}
.about-services {
width: 30%;
float: left;
margin-left: 3%;
}
.about-services h3 {
color:#FFA503;
margin-bottom:20px;
/*font-size: 1.2em;*/
line-height: 1.2;
font-weight: normal;
margin-top: 0px;
letter-spacing: -1px;
text-transform: uppercase;
}
.questions {
margin: 10px 0 3px 0;
}
.questions h4 {
color: #333;
font-weight: bold;
/*font-size: 12px;*/
margin-bottom: 5px;
}
.questions p {
/*font-size: 0.8125em;*/
color: black;
line-height: 1.5em;
padding: 4px 0px 8px 0px;
width:280px;
/* border-bottom:1px solid #dddddd;*/
}
/* Form Box*/
.viewmod_addnewformss {
background: url("../images/forms_tab.jpg") no-repeat scroll 0px 0px transparent;
height: 77px;
margin-left: -13px !important;
position: relative;
width:310px !important;
}
.inner_tab_content .inner_li {
float: left;
padding-left: 6px !important;
padding-right: 0px !important;
}
.result_inner {
background-color: rgb(239, 247, 253);
border-bottom: 1px solid rgb(4, 123, 191);
border-left: 1px solid rgb(4, 123, 191);
border-right: 1px solid rgb(4, 123, 191);
min-height: 591px !important;
padding-left: 15px;
padding-top: 15px;
width: 498px;
word-wrap: break-word;
margin-left: -13px !important;
margin-right: 8px !important;
margin-bottom: 15px;
margin-top: -168px;
position: absolute;
width:310px !important;
}
.document_head_list .first_clm {
float:none !important;
height:auto !important;
}
.document_head_list .second_clm {
height:auto !important;
}
.profileimg {
margin-left: 70px !important;
}
.page-scheme #viewmod_schemes_tab {
margin-left: -15px;
}
.page-scheme .node_view_heading {
width:294px !important;
}
.page-scheme .node_viewlist_even {
width:288px !important;
}
.page-scheme .node_viewlist_odd {
width:288px !important;
}
.page-scheme .node_view_bottom_content {
width:294px !important;
}
.page-contact .region region-content {
margin-left: -14px !important;
}
.page-contact #cnt_msg_box {
margin-left: 4px !important;
width: 313px !important;
}
.page-contact #block-block-3 {
margin-left: -14px !important;
}
.page-contact #block-system-main {
margin-left: -14px !important;
}
.page-contact .form-item label {
float: left;
width: 84px !important;
}
.page-contact .form-item-message #edit-message {
width: 42% !important;
}
.page-contact #contact-site-form #edit-submit {
float: left !important;
margin-top: 35px !important;
margin-left: 204px !important;
}
}
@media (max-width:320px){
body{
max-width:320px !important;
}
.header_color_icon{
float:right;
width:32% !important;
}
.state_profile_heading {
display:none !important; }
.state_profile_heading1 {
display:none !important; }
.state_profile {
display:none !important;
}
.wrap{
margin:0 auto;
margin-top:-25px !important;
width:32%;
}
.header_img{
width:100% !important;
padding-left:1px;
}
#header_logo{
background:url(../images/top_banner320.jpg) no-repeat !important;
margin-top:16px;
height:30px !important;
max-width:320px !important;
margin-bottom:2px;
margin-left:2px;
}
#front_maincontainer{
margin:0 auto;
/*width:32% ;*/
background-color:#c7e3f8;
max-width:320px !important;
overflow-x: hidden !important;
}
.top-nav {
display:none !important;
background-color:#0f97cb !important;
width:32% !important;
float: left;
}
.header-bottom{
display:none !important;
float: left;
height: 31px;
width:32% !important;
}
.view-footer3 { /*font-size: 11px;*/ margin-top:-22px; }
.view-footer3 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right: -28px !important;
margin-top: -18px !important;
}
.view-footer4 { float:right; /*font-size: 11px;*/ }
.view-footer4 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right:-10px!important;
}
#block-menu-menu-government {
margin-left: 30px !important;
margin-top:20% !important;
width: 199px;
height: 215px !important;
}
#block-menu-menu-government a {
/*font-size:11px ;*/
}
#block-menu-menu-services{
margin-left: 30px !important;
width: 194px;
margin-top: 25px !important;
padding-top:20px !important;
}
#block-menu-menu-services a {
/*font-size:11px ;*/
}
#block-views-Forms-block_1{
margin-left: 30px !important;
width: 194px;
margin-top:3% !important;
}
#press_relase_news{
margin-right:50%;
background:transparent url(../images/press_release_bg.png) no-repeat scroll 0 0;
height:179px !important;
width:300px !important;
font-family:Arial,Helvetica,sans-serif !important;
color:#000000 !important;
margin-top:3% !important;
margin-left:-10% !important;
}
#block-menu-menu-scheme {
margin-left: 30px !important;
width: 194px;
margin-top:3% !important;
}
#thiru_valu{background:url(../images/thiruvalluvar-bkgr.gif);
height:172px;
/*width:433px; */
width:309px !important;
margin-top:5px;
border:#137cb6 solid 1px;
margin-top:3% !important;
margin-left:-9% !important;
margin-right:18% !important;
}
.kural {
color: #AD302F;
font-size: 10px !important;
font-weight: bold;
padding-left: 64px !important;
padding-top: 19px;
width:283px !important;
}
#amma_unavagam {
/* background: url("../images/ammaunavagam1.png")no-repeat scroll 0 0 !important;*/
height: 89px !important;
padding-left:1px !important;
width:292px !important;
padding-top:5px;
}
#whats_new {
background: url("../images/whats_new_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
/*border:1px solid #137CB6;*/
color: #000000;
font-family: Arial,Helvetica,sans-serif;
/*font-size: 96%;*/
height: 175px;
width: 300px !important;
margin-top:3% !important;
margin-left:-10% !important;
}
#block-menu-menu-grievances {
margin-left: 30px !important;
width: 194px;
margin-top:3% !important;
}
.col_1_of_2{
display: block;
float:left;
margin-right:-35%!important;
margin-top:2% !important;
}
.col_1_of_4{
display: block;
float:left !important;
margin-left:15% !important;
margin-top:2% !important;
}
#gallery,#kur_gallery {float:left !important;
width:290px !important;
margin-top:9% !important;
margin-left:1% !important;}
#gallery a,#kur_gallery a{float:left !important;}
#gallery a img {
float:left;
border:1px solid #0A86DE;
width:300px !important;
margin-left:1% !important;
margin-top:-32px !important;
}
#gallery a.show,#kur_gallery a.show{z-index:500;}
#gallery .caption ,#kur_gallery .kur_caption{z-index:600; bottom:0;}
#gallery .caption .content,#kur_gallery .kur_caption .kur_content {margin:5px;}
#gallery .caption .content h3,#kur_gallery .kur_caption .kur_content h3 {margin:0;padding:0;color:#1DCCEF;}
.mapf{
display: block;
float: left !important;
margin-top: -6% !important;
margin-left: -45px !important;
}
.govtb{
display: block;
float:right !important;
margin-top: -23% !important;
margin-right: -26% !important;
}
/* Global CSS that are applied for all screen sizes */
.nav ul {
max-width: 1240px;
margin: 0;
padding: 0;
list-style: none;
/*font-size: 1.5em;*/
font-weight: 300;
}
.nav li span {
display: block;
}
.nav a {
display: block;
color: rgba(249, 249, 249, .9);
text-decoration: none;
-webkit-transition: color .5s, background .5s, height .5s;
-moz-transition: color .5s, background .5s, height .5s;
-o-transition: color .5s, background .5s, height .5s;
-ms-transition: color .5s, background .5s, height .5s;
transition: color .5s, background .5s, height .5s;
}
.nav i{
/* Make the font smoother for Chrome */
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Remove the blue Webkit background when element is tapped */
a, button {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* Hover effect for the whole navigation to make the hovered item stand out */
.no-touch .nav ul:hover a {
color: rgba(249, 249, 249, .5);
}
.no-touch .nav ul:hover a:hover {
color: rgba(249, 249, 249, 0.99);
}
/* Adding some background color to the different menu items */
.nav li:nth-child(6n+1) {
background-color:#0f97cb !important;
}
.nav li:nth-child(6n+2) {
background-color:#0f97cb !important;
}
.nav li:nth-child(6n+3) {
background-color:#0f97cb !important;
}
.nav li:nth-child(6n+4) {
background-color:#0f97cb !important;
}
.nav li:nth-child(6n+5) {
background-color:#0f97cb !important;
}
.nav li:nth-child(6n+6) {
background-color:#0f97cb !important;
}
.nav{
display: block !important;
}
.nav .navtoogle {
display: block !important;
width: 100%;
height:35px;
padding: 0.5em 0.5em 0.8em;
font-family: 'Lato',Calibri,Arial,sans-serif;
font-weight: normal;
text-align: left;
color: rgb(7, 16, 15);
/*font-size: 14px !important;*/
border-width: medium medium 1px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
cursor: pointer;
/*background: url("../images/menulink.png") no-repeat scroll 0 0 #0f97cb !important;*/
}
#menutoggle{
/* background: url("../images/menulink.png") no-repeat scroll 0 0 #0f97cb !important;
*/}
/* Animating the height of the navigation when the button is clicked */
/* When JavaScript is disabled, we hide the menu */
.no-js .nav ul {
max-height: 30em;
overflow: hidden;
}
/* When JavaScript is enabled, we hide the menu */
.js .nav ul {
max-height: 0em;
overflow: hidden;
}
/* Displaying the menu when the user has clicked on the button*/
.js .nav .active + ul {
max-height: 30em;
overflow: hidden;
-webkit-transition: max-height .4s;
-moz-transition: max-height .4s;
-o-transition: max-height .4s;
-ms-transition: max-height .4s;
transition: max-height .4s;
}
/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
.nav li span {
display: inline-block;
height: 100%;
}
.nav a {
padding: 0.5em;
/*font-size: 14px !important;*/
}
.icon + span {
margin-left: 1em;
/*font-size: 14px !important;*/
}
/* Adding a left border of 8 px with a different color for each menu item*/
.nav li:nth-child(6n+1) {
/*border-left: 8px solid rgb(174, 78, 1);*/
border-bottom:1px solid white;
}
.nav li:nth-child(6n+2) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+3) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+4) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+5) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+6) {
border-bottom:1px solid white;
}
/* make the nav bigger on touch screens */
.touch .nav a {
padding: 0.8em;
}
/* -----------inner page Footer menu-----------*/
.page-footer-top1{
display:none !important;
}
.page-footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
font-size:10px !important;
width: 294px !important;
margin-left: 0px;
}
.page-footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
font-size:10px !important;
}
.page-footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.page-footer-top2 li{
color: black;
width: 93px !important;
float:left;
}
.page-footer_bot{
margin-left: 0% !important;
/*width: 88.9% !important;*/
}
.page-footer_bot-footer_text{
display:none !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
}
.page-footer_bot-footer_text1{
display:block !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
padding-left:10px;
margin-left: -70%;
}
.footer-top1{
display:none !important;
}
.footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
width:296px !important;
margin-left: -56px !important;
}
.footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important;*/
}
.footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.footer-top2 li{
color: black;
width: 93px !important;
float:left;
}
.footer_bot {
display:blcok;
/*margin-top: 10px;*/
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
width:296px !important;
margin-left: -56px !important;
}
.footer_text{
display:none;
float:left;
line-height:18px !important;
color:white;
/*font-size:10px !important;*/
float:left;
max-width:32px !important;
padding-top:5px !important;
}
.footer_text1{
display:block;
line-height: 16px !important;
color:white;
/*font-size:12px;*/
float:left;
}
/* -----------inner page Footer ends-----------*/
/* -----------inner page contents -----------*/
.pagecontent{
margin-left:1px !important;
margin-right:10px !important;
}
.left-corner {
background: url("../images/content_corner.jpg") no-repeat scroll right top transparent !important;
margin-right:230px !important;
}
.leftmenu{
margin-left:70px !important;
}
.rightmenu{
margin-left: 60px !important;
margin-bottom:10px;
}
.rightmenu .rightsidebar .leaf{
background:none !important;
border-bottom:none !important;
}
p#profile_form {
color: rgb(136, 136, 136);
/*font-size: 11px !important;*/
line-height: 1.8em;
padding-right:5px;
margin-left: 0px !important;
margin-right:15px;
}
.profile_info {
font-weight: bold !important;
margin-left: 15px !important;
padding-top: 201px !important;
color: rgb(73, 73, 73) !important;
/*font-size: 12px !important;*/
}
.about-services {
width: 30%;
float: left;
margin-left: 3%;
}
.about-services h3 {
color:#FFA503;
margin-bottom:20px;
/*font-size: 1.2em;*/
line-height: 1.2;
font-weight: normal;
margin-top: 0px;
letter-spacing: -1px;
text-transform: uppercase;
}
.questions {
margin: 10px 0 3px 0;
}
.questions h4 {
color: #333;
font-weight: bold;
/*font-size: 12px;*/
margin-bottom: 5px;
}
.questions p {
/*font-size: 0.8125em;*/
color: black;
line-height: 1.5em;
padding: 4px 0px 8px 0px;
width: 260px !important;
/*border-bottom:1px solid #dddddd;*/
}
/* Form Box*/
.viewmod_addnewformss {
background: url("../images/forms_tab.jpg") no-repeat scroll 0px 0px transparent;
height: 77px;
margin-left: -17px !important;
position: relative;
width: 317px !important;}
.inner_tab_content .inner_li {
float: left;
padding-left: 6px !important;
padding-right: 0px !important;
}
.result_inner {
background-color: rgb(239, 247, 253);
border-bottom: 1px solid rgb(4, 123, 191);
border-left: 1px solid rgb(4, 123, 191);
border-right: 1px solid rgb(4, 123, 191);
/*min-height: 591px !important;*/
padding-left: 15px;
padding-top: 15px;
word-wrap: break-word;
margin-left: -17px !important;
margin-right: 8px !important;
margin-bottom: 65px !important;
position: absolute;
width: 300px !important;
}
.page-scheme #viewmod_schemes_tab {
margin-left: -15px;
}
.page-scheme .node_viewlist_even {
width:310px !important;
margin-left: -13px !important;
}
.page-scheme .node_viewlist_odd {
width:310px !important;
margin-left: -13px !important;
}
.page-scheme .node_view_bottom_content {
/*width:294px !important;
*/margin-left: -13px;
}
.page-service #viewmod_schemes_tab {
margin-left: -15px;
}
.page-service .node_view_heading {
width:294px !important;
}
.page-service .node_viewlist_even {
width:288px !important;
}
.page-service .node_viewlist_odd {
width:288px !important;
}
.page-service .node_view_bottom_content {
width:294px !important;
}
.document_head_list .first_clm {
height:auto !important;
padding-bottom:8px;
}
.document_head_list .second_clm {
height:auto !important;
padding-bottom:8px;
width:277px;
}
.rightmenu1 {
border: 0px solid rgb(213, 175, 74);
padding-left: 7px;
width: 178px;
float:left;
margin-left:30px;
margin-top:13px;
height:240px;
padding-bottom:5px;
margin-top: -136px;
}
.profileimg {
margin-left: 70px !important;
}
.icon6 { display:none !important;}
.icon7 {display:none !important; }
.icon8{ display:none !important;}
/*.icon6{
float: left !important;
margin-left: 208px !important;
}
.icon7{
float: left !important;
margin-left: 192px !important;
}
.icon8{
float: left !important;
margin-left: 176px !important;
}*/
.page-documents #viewmod_doc_tab{
height: 77px;
padding-left: 10px;
margin-left:-22px;
margin-top:45px!important;
}
.page-contact .region region-content {
margin-left: -14px !important;
}
.page-contact #cnt_msg_box {
margin-left: 2px !important;
width: 313px !important;
}
.page-contact #block-block-3 {
margin-left: -14px !important;
}
.page-contact #block-system-main {
margin-left: -14px !important;
}
.page-contact .form-item label {
float: left;
width: 84px !important;
}
.page-contact .form-item-message #edit-message {
width: 42% !important;
}
.page-contact #contact-site-form #edit-submit {
float: left !important;
margin-top: 35px !important;
margin-left: 204px !important;
}
.i18n-ta .form-item-mail {
margin-top:15 !important;}
.i18n-ta .form-item label {
float: left;
width: 152px !important;
}
.i18n-ta .form-item-message #edit-message {
width: 29% !important;
}
}
@media (max-width:240px) {
body{
max-width:320px !important;
}
.header_color_icon{
float:right;
width:40% !important;
}
.wrap{
margin:0 auto;
margin-top:-25px !important;
width:32%;
}
.header_img{
width:100% !important;
padding-left:1px;
}
.page-disclaimer .tagimg {
float:left !important;
margin-left:15px !important;
}
.page-contact .region region-content {
margin-left: -14px !important;
}
.page-contact #block-block-3 {
margin-left: -14px !important;
}
.page-contact #block-system-main {
margin-left: -14px !important;
}
.page-contact .form-item label {
float: left;
width: 84px !important;
}
.page-contact .form-item-message #edit-message {
width: 42% !important;
}
.page-contact #contact-site-form #edit-submit {
float: left !important;
margin-top: 35px !important;
margin-left: 204px !important;
}
.page-contact .form-control {
width: 129px !important;
}
.page-contact .form-item-message #edit-message {
width: 27% !important;
}
.page-contact #contact-site-form #edit-submit {
float: left !important;
margin-top: 35px !important;
margin-left: 125px !important;
}
.page-contact #cnt_msg_box {
margin-left: 0px !important;
width: 233px !important;
font-size: 10px !important;
}
/*.i18n-ta .form-item label {
float: left !important;
width: 184px !important;
}
.i18n-ta .form-item-name #edit-name, .form-item-mail #edit-mail, .form-item-subject #edit-subject {
margin-left: -84px !important;
margin-top: 51px !important;
width: 196px !important;
}*/
#header_logo{
height:40px;
max-width:320px !important;
}
#front_maincontainer{
margin:0 auto;
/*width:32% ;*/
background-color:#c7e3f8;
max-width:320px !important;
overflow-x: hidden !important;
}
.top-nav {
display:none !important;
background-color:#0f97cb !important;
width:32% !important;
float: left;
}
.header-bottom{
display:none !important;
float: left;
height: 31px;
width:32% !important;
}
.view-footer3 { /*font-size: 11px;*/ margin-top:-22px !important; }
.view-footer3 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:right;
margin-right:-5px!important;
margin-top:-17px !important;
}
.view-footer4 { float:left; /*font-size: 11px;*/ margin-left:-10px!important;}
.view-footer4 a{
color:#0066CC;
font-weight:bold;
text-decoration:none;
float:left;
margin-right: 21px !important;
margin-top: 4px !important;
}
#block-menu-menu-government {
margin-left: 1px !important;
margin-top:20% !important;
width: 194px;
height:193px !important;
}
#block-menu-menu-services{
margin-left: 1px !important;
width: 194px;
height:195px !important;
margin-top: 25px !important;
padding-top:20px !important;
}
#block-views-Forms-block_1{
margin-left: 1px !important;
width: 194px;
margin-top:3% !important;
}
#press_relase_news{
margin-right:50%;
background:transparent url(../images/press_release_bg.png) no-repeat scroll 0 0;
height:179px !important;
width:300px !important;
font-family:Arial,Helvetica,sans-serif !important;
color:#000000 !important;
margin-top:3% !important;
margin-left:-7% !important;
}
#block-menu-menu-scheme {
margin-left: 1px !important;
width: 194px;
margin-top:3% !important;
}
#thiru_valu{background:url(../images/thiruvalluvar-bkgr.gif);
height:172px;
/*width:433px; */
width:309px !important;
margin-top:5px;
border:#137cb6 solid 1px;
margin-top:3% !important;
margin-left:-9% !important;
margin-right:18% !important;
}
.kural {
color: #AD302F;
font-size: 7px !important;
font-weight: bold;
padding-left: 70px !important;
padding-top: 19px;
width: 185px !important;
}
#amma_unavagam {
/* background: url("../images/ammaunavagam1.png")no-repeat scroll 0 0 !important;*/
height: 89px !important;;
padding-left: 7px !important;
width: 363px !important;
padding-top: 16px;
}
#whats_new {
background: url("../images/whats_new_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
/*border:1px solid #137CB6;*/
color: #000000;
font-family: Arial,Helvetica,sans-serif;
/*font-size: 96%;*/
height: 175px;
width: 300px !important;
margin-top:3% !important;
margin-left:-7% !important;
}
#block-menu-menu-grievances {
margin-left: 1px !important;
width: 194px;
margin-top:3% !important;
}
.col_1_of_2{
display: block;
float:left;
margin-left:16%!important;
margin-top:2% !important;
}
.col_1_of_4{
display: block;
float:left !important;
margin-left: 3% !important;
margin-top:2% !important;
}
#gallery,#kur_gallery {float:left !important;
width:300px !important;
margin-top:9% !important;
margin-left:1% !important;}
#gallery a,#kur_gallery a{float:left !important;}
#gallery a img {
float:left;
border:1px solid #0A86DE;
width: 212px !important;
margin-left: 5% !important;
margin-top:-32px !important;
}
#gallery a.show,#kur_gallery a.show{z-index:500;}
#gallery .caption ,#kur_gallery .kur_caption{z-index:600; bottom:0;}
#gallery .caption .content,#kur_gallery .kur_caption .kur_content {margin:5px;}
#gallery .caption .content h3,#kur_gallery .kur_caption .kur_content h3 {margin:0;padding:0;color:#1DCCEF;}
.mapf{
display: block;
float: left !important;
margin-left: -37px !important;
margin-top: -9% !important;
width: 102px;
}
.govtb{
display: block;
float: right !important;
margin-top: -9% !important;
margin-right: -27% !important;
width: 115px !important;
margin-left: 0px !important;
}
/* Global CSS that are applied for all screen sizes */
.nav ul {
max-width: 1240px;
margin: 0;
padding: 0;
list-style: none;
/*font-size: 1.5em;*/
font-weight: 300;
}
.nav li span {
display: block;
}
.nav a {
display: block;
color: rgba(249, 249, 249, .9);
text-decoration: none;
-webkit-transition: color .5s, background .5s, height .5s;
-moz-transition: color .5s, background .5s, height .5s;
-o-transition: color .5s, background .5s, height .5s;
-ms-transition: color .5s, background .5s, height .5s;
transition: color .5s, background .5s, height .5s;
}
.nav i{
/* Make the font smoother for Chrome */
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Remove the blue Webkit background when element is tapped */
a, button {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* Hover effect for the whole navigation to make the hovered item stand out */
.no-touch .nav ul:hover a {
color: rgba(249, 249, 249, .5);
}
.no-touch .nav ul:hover a:hover {
color: rgba(249, 249, 249, 0.99);
}
/* Adding some background color to the different menu items */
.nav li:nth-child(6n+1) {
background-color:#0f97cb !important;
}
.nav li:nth-child(6n+2) {
background-color:#0f97cb !important;
}
.nav li:nth-child(6n+3) {
background-color:#0f97cb !important;
}
.nav li:nth-child(6n+4) {
background-color:#0f97cb !important;
}
.nav li:nth-child(6n+5) {
background-color:#0f97cb !important;
}
.nav li:nth-child(6n+6) {
background-color:#0f97cb !important;
}
.nav{
display: block !important;
}
.nav .navtoogle {
display: block !important;
width: 100%;
height:35px;
padding: 0.5em 0.5em 0.8em;
font-family: 'Lato',Calibri,Arial,sans-serif;
font-weight: normal;
text-align: left;
color: rgb(7, 16, 15);
/*font-size: 14px !important;*/
border-width: medium medium 1px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
cursor: pointer;
/*background: url("../images/menulink.png") no-repeat scroll 0 0 #0f97cb !important;*/
}
#menutoggle{
/* background: url("../images/menulink.png") no-repeat scroll 0 0 #0f97cb !important;
*/}
/* Animating the height of the navigation when the button is clicked */
/* When JavaScript is disabled, we hide the menu */
.no-js .nav ul {
max-height: 30em;
overflow: hidden;
}
/* When JavaScript is enabled, we hide the menu */
.js .nav ul {
max-height: 0em;
overflow: hidden;
}
/* Displaying the menu when the user has clicked on the button*/
.js .nav .active + ul {
max-height: 30em;
overflow: hidden;
-webkit-transition: max-height .4s;
-moz-transition: max-height .4s;
-o-transition: max-height .4s;
-ms-transition: max-height .4s;
transition: max-height .4s;
}
/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
.nav li span {
display: inline-block;
height: 100%;
}
.nav a {
padding: 0.5em;
/*font-size: 14px !important;*/
}
.icon + span {
margin-left: 1em;
/*font-size: 14px !important;*/
}
/* Adding a left border of 8 px with a different color for each menu item*/
.nav li:nth-child(6n+1) {
/*border-left: 8px solid rgb(174, 78, 1);*/
border-bottom:1px solid white;
}
.nav li:nth-child(6n+2) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+3) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+4) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+5) {
border-bottom:1px solid white;
}
.nav li:nth-child(6n+6) {
border-bottom:1px solid white;
}
/* make the nav bigger on touch screens */
.touch .nav a {
padding: 0.8em;
}
/* -----------inner page Footer menu-----------*/
.page-footer-top1{
display:none !important;
}
.page-footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
width: 294px !important;
margin-left: 0px;
}
.page-footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important; */
}
.page-footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.page-footer-top2 li{
color: black;
width: 93px !important;
float:left;
}
.page-footer_bot{
margin-left: 0% !important;
height:100px;
/*width: 88.9% !important;*/
}
.page-footer_bot-footer_text{
display:none !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
}
.page-footer_bot-footer_text1{
display:block !important;
line-height:18px ;
color:white;
/*font-size:11px;*/
float:left;
padding-top:10px;
padding-left:10px;
margin-left: -70%;
}
.footer-top1{
display:none !important;
}
.footer-top2{
display:block !important;
border-top: 1px solid #137CB6;
height:30px;
padding-top:10px;
padding-left:10px;
padding-right:14px;
margin-top:1% !important;
background-color:white !important;
/*font-size:10px !important;*/
width:296px !important;
margin-left: -56px !important;
}
.footer-top2 a{
height:30px;
color: black;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin-top:1% !important;
background-color:white !important;
text-align:left;
/*font-size:10px !important;*/
}
.footer-top2 ul li {
float:left;
color: black;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left !important;
text-decoration: none;
}
.footer-top2 li{
color: black;
width: 93px !important;
float:left;
}
.footer_bot {
display:blcok;
/*margin-top: 10px;*/
padding-left:20px;
padding-right:15px;
/*background: url("../images/bottom_bg.jpg") repeat-x scroll 0 0 ;*/
background-color:#0f7cb7;
height: 70px;
margin-top:0% !important;
width:296px !important;
margin-left: -56px !important;
}
.footer_text{
display:none;
float:left;
line-height:18px !important;
color:white;
/*font-size:10px !important; */
float:left;
max-width:32px !important;
padding-top:5px !important;
}
.footer_text1{
display:block;
line-height:17px !important;
margin-left: -5px !important;
color:white;
font-size:12px;
float:left;
}
/* -----------inner page Footer ends-----------*/
/* -----------inner page contents -----------*/
.pagecontent{
margin-left:1px !important;
margin-right:10px !important;
}
.left-corner {
background: url("../images/content_corner.jpg") no-repeat scroll right top transparent !important;
margin-right:230px !important;
}
.leftmenu{
margin-left: 35px !important;
}
.rightmenu{
margin-left: 25px !important;
margin-bottom:10px;
line-height:15px;
}
p#profile_form {
color: #888;
line-height: 1.8em;
padding-right: 5px;
margin-left: -185px !important;
margin-right: 50px;
width: 191px !important;
padding-top: 34px;
}
.profile_info {
font-weight: bold !important;
margin-left: 15px !important;
padding-top: 201px !important;
color: rgb(73, 73, 73) !important;
/*font-size: 12px !important;*/
}
.about-services {
width: 30%;
float: left;
margin-left: 3%;
}
.about-services h3 {
color:#FFA503;
margin-bottom:20px;
/*font-size: 1.2em;*/
line-height: 1.2;
font-weight: normal;
margin-top: 0px;
letter-spacing: -1px;
text-transform: uppercase;
}
.questions {
margin: 10px 0 3px 0;
}
.questions h4 {
color: #333;
font-weight: bold;
/*font-size: 12px;*/
margin-bottom: 5px;
}
.questions p {
/*font-size: 0.8125em;*/
color: black;
line-height: 1.5em;
padding: 4px 0px 8px 0px;
width: 183px !important;
margin-left:-5px !important;
}
.page-scheme #viewmod_schemes_tab {
margin-left: -15px;
}
/* Form Box*/
.viewmod_addnewformss {
background: url("../images/forms_tab.jpg") no-repeat scroll 0px 0px transparent;
height: 77px;
margin-left: -17px !important;
position: relative;
width: 317px !important;}
.inner_tab_content .inner_li {
float: left;
padding-left: 6px !important;
padding-right: 0px !important;
}
.result_inner {
background-color: rgb(239, 247, 253);
border-bottom: 1px solid rgb(4, 123, 191);
border-left: 1px solid rgb(4, 123, 191);
border-right: 1px solid rgb(4, 123, 191);
/*min-height: 591px !important;*/
padding-left: 15px;
padding-top: 15px;
word-wrap: break-word;
margin-left: -17px !important;
margin-right: 8px !important;
margin-bottom: 65px !important;
position: absolute;
width: 300px !important;
}
.document_head_list .first_clm {
height:auto !important;
padding-bottom:8px;
padding-top:10px;
}
.document_head_list .second_clm {
height:auto !important;
width:202px !important;
padding-bottom:8px;
padding-top:10px !important;
}
.rightmenu1 {
border: 0px solid rgb(213, 175, 74);
padding-left: 7px;
width: 178px;
float:left;
margin-left:30px;
margin-top:13px;
height:240px;
padding-bottom:5px;
margin-top: -136px;
}
.profileimg {
margin-left: 70px !important;
}
.gallr{
border:1px solid #0f97cb; float: left; margin-top: -201px; margin-left: 691px;
}
.icon6 { display:none !important;}
.icon7 {display:none !important; }
.icon8{ display:none !important;}
/*.icon6{
float: left !important;
margin-left: 128px !important;
}
.icon7{
float: left !important;
margin-left: 112px !important;
}
.icon8{
float: left !important;
margin-left: 96px !important;
}*/
#block-locale-language ,#block-menu-menu-topmenu ,#block-block-2{
float:left;
}
.left_column {
width: 37%;
}
#abt_tn {
margin-left:-80px !important;
}
.state_profile_heading {
display:none !important; }
.state_profile_heading1 {
display:none !important; }
.state_profile {
display:none !important;
}
}
}