@charset "utf-8";
@import url("inner.css");
@import url("page.css");
@import url("buttons.css");

/*
Name 		: Uttarakhand Government Portal.
Author		: DKS,SWA,Goutam Pal Indusnet Technologies.
URL 		: http://www.uk.gov.in/
Version 	: V3.
Source		: index-01.psd
Date 		: 07-oct-2010.
*/

/* CSS Reset and Generalization */
* 				{ padding:0; margin:0; }
html 			{ height:100%; }
/*body 			{ background:url(../images/body_back.jpg) no-repeat fixed 0 #ffffff; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;  color:#000;  */
body 			{ background-image: linear-gradient(#48b5f2,#fff, #fafafa);
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed; font-family:Arial, Helvetica, sans-serif; font-size:70.5%;  color:#000;  

           /*min-width:960px;*/ }
a 				{ text-decoration:none; color:#920b0b;}
a:hover 		{ text-decoration:underline; color:#920b0b; }
img, fieldset 	{ border:0; }
ul 				{ list-style:none; }
p 				{ font-size:1.2em; margin-bottom:.7em; line-height:1.5em;text-align:justify; }
#midColumn p	{ text-align:left; }
td 				{ text-align:left; vertical-align:top; font-size:1.2em; }td p, td li { font-size:1em}
li				{ font-size:1em; margin-bottom:2px; } li p{ font-size:1em} li a{ font-size:13px}

.spacer			{ clear:both; font-size:0; line-height:0;}
.red			{ color:#d70000;}
.rt				{ text-align:right;}
input			{ outline:none; }

/* heading tags */
h1 				{ color:#d61110; font:bold 2.5em Georgia, "Times New Roman", Times, serif; }
h2 				{ font:2.0em Georgia, "Times New Roman", Times, serif; color:#31771f; padding:0.15em 0 .3em;}
h2 span 		{ display:block; }
h3 				{ font:1.5em Georgia, "Times New Roman", Times, serif; padding:.2em 0 0.2em 10px; color:#252525; }
h4				{ font:bold 1.2em Georgia, "Times New Roman", Times, serif ; color:#000}	

/* wrappers and columns */
.outer_wrapper1	{}
.outer_wrapper	{ /*background:url(../images/header_bg.jpg) no-repeat 50% 0;background:url("../images/header_bg.jpg") no-repeat scroll 50% -38px transparent;*/ width:970px; margin:0 auto;background-color:#ffffff; /*background: url('../images/bod_bg.jpg') repeat-x;*/}

#header .watermark_head{
    background: url() center center no-repeat;
    opacity:0.5;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    position: absolute;
    z-index: -1;
    /*top: 38px;
    bottom: 0;
    left: 220px;
    right: 0;*/
    width: 970px;
    height: 127px;
}




.wrapper 		{ height:100%; overflow:hidden; margin:0px auto 0;}
.wra_spec		{ padding-bottom:0; overflow:visible;}
#leftColumn 	{ width:30.5%; float:left; background:url(../images/leftPanel_bg.gif) no-repeat 100% 0; padding:2px 20px 15px 0;margin-left: 5px; }
#rightColumn 	{ width:30.5%; float:right; background:url(../images/rightPanel_bg.gif) no-repeat 0 0; padding:2px 0 15px 20px;}
#midColumn 		{ width: 32.5%;float:left; height:100%; padding:0px 0 20px;}
* html #midColumn { margin:0 26.0% 0 21.2%; }


/* lists */
#leftColumn li, #rightColumn li, #midColumn li { padding:1px 0 1px 10px; background:url(../images/bullet.png) no-repeat 3px 5px; }

li.striped { background-color:#EBFAFE; }
#rightColumn #ticker12 li { background:none; padding:0; }
#rightColumn #ticker12 li p { padding-bottom:2px; }

/* topmost black stripe */
.topStripe { height:100%; background:#292929; overflow:hidden; /*min-width:940px;*/ height:2.6em; border-bottom:#fff 1px solid; width: 970px; margin: auto;}
div.upper_menu {margin:0 10px 0px 0; }
.topStripe ul { float:right; padding:0.5em; font-family:Arial, Helvetica, sans-serif; }
.topStripe ul ul { float:none; padding:0; margin:0; }
.topStripe li { font-size:13px; line-height:1.2em; float:left; background:url(../images/nav-sep.gif) no-repeat 100% 50%; padding:0 0.38em;color:#ffffff; margin-bottom:0;}
.topStripe li.noBord { background:none; }
.topStripe li img { float:left; margin-top:4px; }
.topStripe li.switcher { padding-right:0; }
.topStripe li li { background:none; font-size:13px; padding:0 0.2em; }
.topStripe a { color:#ffffff; text-decoration:none; }
.topStripe ul li .bigger { padding:7px 3px 0 3px; line-height:0; }
.topStripe ul li .smaller { padding:7px 3px 0 3px;  line-height:0;  }
.topStripe ul li .smaller:hover, .topStripe ul li .bigger:hover{ text-decoration:none;}
.topStripe a:hover {text-decoration:underline; color:#fff; }
.topStripe li div { width:auto; margin:0; }
.topStripe li.hindi { font-size:13px; }
.grayfrms.button{
	color:#525252 !important;
	border:1px solid #a5a5a5 !important;	
	background-color: #a9adb1;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}

.grayfrms.button:hover{
	background-color:#b6bbc0;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}
.grayweb.button{
margin-left:5px;
margin-top:5px;
 background: url("../images/ico-home.png")
	color:#525252 !important;
	border:1px solid #a5a5a5 !important;	
	background-color: #a9adb1;
	
	background-image:url(''), url(''), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
	background-image:url(''), url(''), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
	
}
/* header */
#header {
   /*background: url(../images/upper.jpg) repeat transparent;*/
    height: 100%;
    overflow: hidden;
    margin-bottom: 0;
    padding-right: 10px;

	margin:0 auto;
	width:960px;
	border:1px solid #000000;
}
.siteDescription, .siteDescription img, .siteDescription h1 {
    float: left;
}
.siteDescription {
}
.siteDescription img {
    margin: 11px 30px 11px 8px;
}
.siteDescription img.nic {
    margin: 75px 0 0 20px;
}
.siteDescription h1 {
    line-height: 1.1em;
    margin-top: 20px;
    text-transform: uppercase;
	color: #041263;
	font-size:3em;
}
.siteDescription h1 span.upper {
}
.siteDescription h1 span {
    color: #000000;
    display: block;
    font-size: 0.5em;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: none;
	padding-left:4px;
	
}
.siteDescription h1 span span {
    color: #920B0B;
    display: inline;
    font-size: 0.85em;
    font-weight: bold;
    letter-spacing: 1px;
}
.qucik-access {
    float: right;
    width: 362px;
}
.qucik-access ul {
    float: left;
    height: 100%;
    overflow: hidden;
    padding: 11px 0 0;
}
.qucik-access li {
    float: left;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 0;
    padding: 0 0 0.2em;
}
.qucik-access li a {
    color: #000000;
    display: block;
    float: left;
    padding: 0 10px 0 14px;
    text-decoration: none;
}
.qucik-access li a:hover {
    color: #000000;
    text-decoration: underline;
}
.qucik-access li.last {
    border: medium none;
    padding-right: 0;
}
.qucik-access li a.home {
    background: url("../images/ico-home.png") no-repeat scroll 2px 2px transparent;
}
.qucik-access li a.contact {
    background: url("../images/ico-contact.png") no-repeat scroll 2px 2px transparent;
}
.qucik-access li a.sitemap {
    background: url("../images/ico-sitemap.png") no-repeat scroll 0 2px transparent;
}
.qucik-access .search {
    float: right;
    margin-top: 10px;
}
.qucik-access .search fieldset {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #616161;
    float: right;
    width: auto;
}
* html .qucik-access .search fieldset {
    width: 110px;
}
.qucik-access .search input {
    border: 1px solid #FFFFFF;
    float: left;
    font-size: 1.1em;
    line-height: 1.5em;
}
.qucik-access .search .txtBox {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #585858;
    height: 18px;
    padding: 2px 0 0 3px;
    width: 80px;
}
* html .qucik-access .search .txtBox {
    line-height: 18px;
    padding: 2px 0 0 3px;
}
* + html .qucik-access .search .txtBox {
    height: 1.8em;
    padding: 2px 0 0 3px;
}
.qucik-access .search .btn {
    background: url("../images/btn-srch.gif") no-repeat scroll 50% 50% #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 11px;
    height: 22px;
    text-indent: -1000000px;
    width: 22px;
}
div.upper_menu{
    float: right;
}

/* css for uttarakhand at a glance */
.table {
    display: table;
    width: 100%;
}

.row {
    display: table-row;
    border-bottom: 1px solid black;
}

.ukcell {
    display: table-cell;
    width: 33%;
	padding:0 5px;
	 border-bottom: 1px solid #AFD1EA;
}
.ukcell img{
vertical-align:middle;
float:left;
}
.ukcell p{
font-weight:bold;
color:#36305E;
padding:5px 40px;
}
.bulletinboard h1 {
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
.midunderline h2{
    color: blue;
    border-bottom:1px solid red;
}​
#abc{
    color: blue;
    border-bottom:1px solid red;
}​
 #Menu
        {
            padding:0;
            margin:0;
            list-style-type:none;
            font-size:13px;
            color:#717171;
            width:100%;
        }

        #Menu li
        {
            background:URL("../images/bluebullet.jpg") no-repeat scroll 6px 4px transparent;
		    border-bottom:1px dotted #979AA3;
            padding:1px 0 10px 15px;
			color:#000000 !important;
			margin-right:5em;
        }

        #Menu li:hover
        {
            color:White;
            background-color:252259;
        }

        #Menu a:link
        {
            color:#717171;
            text-decoration:none;
        }

        #Menu a:hover
        {
            color:White;
        }


/* end uttarakhand at a glance */
/* general css for all block */
.portal{ text-align:center; margin-bottom:.2em; }
.read_more{ padding:0; background:#940101 url(../images/read_moreBg.gif) repeat-x 0 0; text-transform:uppercase; color:#fff; text-decoration:none; padding:6px; font-size:.85em;
           margin-bottom: 0px;}
.read_more:hover{ text-decoration:underline; color:#fff;}

.homePageContent{height:200px;width:71.5%;float:left;text-align:left;border-right:2px solid #B9d1DD;padding:5px;border-bottom:1px solid #BCCFDD;}
.homePageContentRight{height:200px;}
.governorcm p{}
.hws{height:auto;width:65.5%;float:left;border-right:2px solid #B9d1DD;padding:5px 10px;border-bottom:1px solid #BCCFDD;}
.hwr{height:auto;padding:5px;background: #bad0e8;    margin-bottom: 5px;}
/* main menu */
.mainMenu{ margin-bottom:10px;}
.mainMenu ul li{line-height:1.4em; border-bottom:#8bbc7f 1px solid; margin-bottom:0;}
.mainMenu ul li.last{ border-bottom:none; padding-bottom:0;}
.mainMenu ul li a{ padding:.25em 0 .25em 10px; color:#292929; text-decoration:none; display:block; height:100%;}
.mainMenu ul li a:hover, .mainMenu ul li a.active{color:#292929; background-color:#ecfef9;}
/* drop menus */
.mainMenu .sf-vertical li ul{ width:160px;  }
.mainMenu .sf-vertical li li, * html .mainMenu .sf-vertical li ul { background-color:#eeeded; font-size:1em; }
* + html .mainMenu .sf-shadow ul{ background:#eeeded!important; padding:0;}	
.sf-vertical li ul li a{ height:100%; padding-left:5px;}
.mainMenu .sf-menu li li:hover, .mainMenu .sf-menu li.sfHover,
.sf-menu a:focus, .mainMenu .sf-menu li li a:hover, .mainMenu .sf-menu a:active { background-color:#ecfef9; }


/* top Nav */
.topnavcontainer{margin-top: 0px;}
.topNav{background: #0D589C; position:relative; z-index:1001; clear:both; height:100%; margin:0 0 0px 0; border-bottom: #000000 1px solid; border-top: 1px solid black; clear:both; width:970px; margin: 0 auto; }
.topNav ul{ line-height:1.1em; border:#DBDBDB 1px solid; }
.topNav ul ul{ border:none;}
.topNav ul li{ float:left; /*background:url(../images/nav_space.gif) repeat-y 100% 0;*/ padding-right:1px; font-size:1.2em; margin-bottom:0; border-left: 1px solid #DBDBDB;}
.topNav ul li.last{ background:none; padding-right:0;}
.topNav ul li a { color:#fff; text-decoration:none; padding:.5em 1.29em; display:block; }
.topNav ul li a img { display:inline; }
.topNav ul li a:hover, .topNav ul li a.active, .topNav .sf-menu li.sfHover a{ color:#000; background:#DBDBDB;}
.topNav .sf-menu li.sfHover li a, .topNav .sf-menu li.sfHover li a:hover{ background:none;}
/* drop menus */
.topNav .sf-menu li li { background:#DBDBDB; border-bottom:#ffffff 1px solid; padding-right:0;  font-size:1em; }
.topNav .sf-menu li ul{ margin-top:7px; width:160px; border:none;}
.topNav .sf-menu li ul ul{ left:160px; margin-top:0;}
.topNav .sf-menu li ul li a{ padding-left:10px; padding-right:0; font-weight:normal; padding:.5em .8em;}
.topNav .sf-sub-indicator{ background:url(../images/nav-arrows.gif) no-repeat -10px -100px;}
.topNav .sf-menu li li:hover, .topNav .sf-menu li.sfHover, .topNav .sf-menu li li a:hover, .topNav .sf-menu a:active { background-color:#DBDBDB;}

/* press release */
.pressRelease{ margin-bottom:12px; background:url(../images/dash.gif) repeat-x 0 100%; padding-bottom:12px;}
.pressRelease ul{ height:190px; margin:5px 0 15px;}
.pressRelease ul li{line-height:1.7em; margin:0; }
.pressRelease ul li p{ padding-bottom:10px;margin-bottom:0;}
.pressRelease ul li p a{ color:#292929; text-decoration:none;}
.pressRelease ul li p a:hover{  text-decoration:underline;color:#292929;}

.genList li{padding:2px 0 8px 0;}
.genList li a{ color:#292929; }
.genList a:hover{ color:#292929; }

/* Download */
.download{background:#E5EEDB url(../images/download.png) no-repeat 0 0!important; margin-bottom:25px; padding:0!important;  }
.download a{ display:block; font-size:0; line-height:0; text-indent:-2000px; height:54px;}

/* eciHome */
.eciHome, .election{ background:url(../images/esi-home.jpg) no-repeat 0 0 #c6d0be; margin-bottom:15px; border:#a8b69c 1px solid; 
                     font:1em Aerial; padding-left:43px; }
.traffic{ background:url(../images/trafficplan.jpg) no-repeat 0 0 #c6d0be; margin-bottom:15px; border:#a8b69c 1px solid; 
          font:1em Aerial; padding-left:43px; }

/* midColumn */
.banner{ padding:10px 0 0; text-align:right; float:right; width:38em;}

#bannerWrap { padding:0px 0 2px; text-align:right; clear:both; height:90px; position:relative; overflow:hidden; }
.qucik-access #bannerWrap ul { padding:3px; }
#bannerWrap img{
border: 1px soild transparent;
border-radius: 10px;

}

#bannerWrap .bannerWrapPlay{ position:absolute; width:17px; height:16px; right:5px; top:16px; z-index:505;}
#bannerWrap .bannerWrapPlay img{ width:17px; }
#bannerWrap img { width:362px; }
/* rotator css */
#bannerWrap ul li {	float:left;	position:absolute; list-style: none; }
/* rotator image style */	
#bannerWrap ul li.show { z-index:500 }

.underline{ border-bottom:#ebebeb 1px solid; margin-bottom:10px;}
#related-sites{ width:100%; margin:15px 0;}

.container{ height:100%; overflow:hidden; margin:0 6px;width:90% }
.cell{ float:left; width:45%; height:10px; padding-right:3.5%; padding:1px; border:#eee 1px solid; margin-bottom:10px; margin-right:10px;}
.cellRight { float:left;width:100%}
.cellRight img { display:block; margin:0 auto; }
.cellRight p{ padding:0 8px;}
.cell p.readMore { text-align:right; margin-bottom: 0px;}
.cell p.readMore a { color:#095E01; margin-bottom: 0px;}
.cellLast {margin-right:0px;}
/*.cellHeight ul { height:150px !important; position:relative; overflow:hidden; }

.cellHeight h3 { margin-bottom:5px; padding:.2em 0 .2em 10px; position:relative; }
.cellHeight h3 span { position:absolute; right:4px; top:4px; }
* html .cellHeight h3.tender span { right:16px; }*/
.cell ul { margin:.5em .3em 1em; height:170px; overflow:hidden; position:relative;  }
.cell h3 { margin-bottom:5px; padding:.2em 0 .2em 10px; position:relative; line-height:1em; }
.cell h3 span { position:absolute; right:4px; top:3px; }
* + html .cell h3 span { position:absolute; right:4px; top:4px; }
* + html .noBullet h3 span { left:216px !important; } 
* html .cell h3.tender span { right:16px; }
.cell ul li{ /*background:url(../images/bullet.png) no-repeat 0 7px;*/ line-height:1.5em;}
.cell p { position:relative; padding-left:10px; padding-right:10px;}
.cell ul li p span.bullet { position:absolute; left:0; top:5px; }
* html .cell ul li p span.bullet { left:-10px; top:5px; }
* + html .cell ul li p span.bullet { top:5px; }
.cell ul li.last{ background:none; }
.cell ul li.last a{ color:#920b0b;}
.cell ul li a, ol.allol li a{ color:#000; }

.gazette{ background: url(../images/gazette.gif) repeat-x 0 0 #07479e; color:#fff; }
.tender{ background: url(../images/tender_bg.gif) repeat-x 0 0 #852b0f; color:#fff; }
.grnHeading{ background: url(../images/greenheading.gif) repeat-x 0 0 #197d01; color:#fff; }
.blkHeaing{ background:url(../images/heading_bg1.gif) repeat-x 0 0 #500500; color:#fff;}
.blkHeaing span { font-size:.7em; }

.imageArea{ background:#f3fbf0 url(../images/dash.gif) repeat-x 0 0; padding:10px 0; margin:0 6px; text-align:center; }
/*.imageArea a { display:block; margin-right:15px; float:left;}*/
.imageArea img { display:inline; margin-right:0px; }

.cmOver{ height:100%; text-align:center; overflow:hidden; width:32%;float:right;padding-bottom:5px; margin-bottom: 5px;margin-top:10px; }
.district{ height:100%; width:98%; text-align:left; border:1px solid; border-color:#f3f3f3;}
.services{    background: url(../images/bwmap.jpg); width:180px; height:198px; margin:5px; }
.services p{}
#services span{
    background: url(../images/bwmap.jpg) center center no-repeat;
    opacity:0.5;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    position: absolute;
    z-index: -1;
    /*top: 38px;
    bottom: 0;
    left: 220px;
    right: 0;*/
    width: 970px;
    height: 127px;
}
.countryside a{font-size:12px;}
.cmOver p{ font-size:12px; margin-bottom:0;text-align:center;}
.cmOver .left { float:left; border: 1px outset #022080; padding: 1px;}
.cmOver .right{ float:right; width:96px; border: 1px outset #022080; padding: 1px;}
#leftColumn h3, #rightColumn h3{ position:relative; margin-bottom:5px; padding:.1em 4px .1em 5px; height:100%; line-height:1.3em;}
#leftColumn ul, #rightColumn ul{ margin-bottom:5px;}
#leftColumn h3 span, #rightColumn h3 span{ position:absolute; width:17px; height:16px; top:3px; right:2px }
#leftColumn li a, #rightColumn li a{ color:#000;}
#leftColumn li.last a, #rightColumn li.last a{  color:#920b0b;}

.heading1{ background:url() repeat-x 0 0 #6f1705; border:#44692C 1px solid; color:#fff;background-color:#124862;}
.heading2{ background:url() repeat-x 0 0 #022080; border:#022080 1px solid; color:#fff;background-color:#2E536D }
.heading3{ background:url(../images/heading_bg3.gif) repeat-x 0 0 #2a2a2a; border:#2a2a2a 1px solid; color:#fff;}

/* importantLinks */
.important{padding:0 0 10px; background:url(../images/dash.gif) repeat-x 0 100%; margin-bottom:10px;}
.important ul{ padding:0 5px;}
.important li{font-size:1.4em; background:url(../images/bullet.png) no-repeat 4px 9px; padding:2px 0 8px 12px;}
.important li.last{ border-bottom:none;}
.important li a{ color:#292929; }
.important a:hover{ color:#292929; }
.important li a.red{ color:#9a0000;}

/* Special Links added on 27 Jan 10 */
#leftColumn .spLinks { }
#leftColumn .spLinks ul { }
#leftColumn .spLinks li { /*background-image:url(../images/link-bgs.gif); background-repeat:repeat-x; */ background-image:none; border-width:1px; border-style:solid; font-size:1.3em; padding:0px 2px; margin-bottom:6px; }
#leftColumn .spLinks li.news { background-color:#016E01; border-color:#035402; background-position:0 0; }
#leftColumn .spLinks li.annc { background-color:#2A4533; border-color:#1F3727; background-position:0 -38px; }
#leftColumn .spLinks li.res { background-color:#2A3645; border-color:#1D2734; background-position:0 -58px; }
#leftColumn .spLinks li.tenders { background-color:#2A3E45; border-color:#1F3727; background-position:0 -78px; }
#leftColumn .spLinks li.govtGaz { background-color:#2A4533; border-color:#1D3525; background-position:0 -98px; }
#leftColumn .spLinks li.govtOrd { background-color:#452A2A; border-color:#3A2020; background-position:0 -118px; }
#leftColumn .spLinks li a { background-position:0 100%; background-repeat:no-repeat; padding:5px 0 5px 32px; color:#fff; display:block; }

#leftColumn .spLinks li.news a { background-image:url(../images/ico-news2.gif); }
#leftColumn .spLinks li.annc a { background-image:url(../images/ico-anns1.gif);}
#leftColumn .spLinks li.res a { background-image:url(../images/ico-results.gif);}
#leftColumn .spLinks li.tenders a { background-image:url(../images/ico-tenders.gif);}
#leftColumn .spLinks li.govtGaz a { background-image:url(../images/ico-govt-gaz.gif);}
#leftColumn .spLinks li.govtOrd a { background-image:url(../images/ico-govt-ord.gif);}


/* special links in right menu */
#rightColumn .spLinks { }
#rightColumn .spLinks ul { }
#rightColumn .spLinks li { /*background-image:url(../images/link-bgs.gif); background-repeat:repeat-x; */ background-image:none; border-width:1px; border-style:solid; font-size:1.3em; padding:0px 2px; margin-bottom:6px; }
#rightColumn .spLinks li.news { background-color:#016E01; border-color:#035402; background-position:0 0; }
#rightColumn .spLinks li.annc { background-color:#2A4533; border-color:#1F3727; background-position:0 -38px; }
#rightColumn .spLinks li.res { background-color:#2A3645; border-color:#1D2734; background-position:0 -58px; }
#rightColumn .spLinks li.tenders { background-color:#2A3E45; border-color:#1F3727; background-position:0 -78px; }
#rightColumn .spLinks li.govtGaz { background-color:#2A4533; border-color:#1D3525; background-position:0 -98px; }
#rightColumn .spLinks li.govtOrd { background-color:#452A2A; border-color:#3A2020; background-position:0 -118px; }
#rightColumn .spLinks li a { background-position:0 100%; background-repeat:no-repeat; padding:5px 0 5px 32px; color:#fff; display:block; }

#rightColumn .spLinks li.news a { background-image:url(../images/ico-news2.gif); }
#rightColumn .spLinks li.annc a { background-image:url(../images/ico-anns1.gif);}
#rightColumn .spLinks li.res a { background-image:url(../images/ico-results.gif);}
#rightColumn .spLinks li.tenders a { background-image:url(../images/ico-tenders.gif);}
#rightColumn .spLinks li.govtGaz a { background-image:url(../images/ico-govt-gaz.gif);}
#rightColumn .spLinks li.govtOrd a { background-image:url(../images/ico-govt-ord.gif);}
/* end */

/* date and time */
/*.dateTime { background:#EBF6EB url(../images/date-time-ico.gif) no-repeat 2px 50%; padding:2px 2px 2px 39px; border:solid 1px #CEE9CE; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; margin-bottom:1em; font-weight:bold; margin-bottom:.6em; }*/
.dateTime{background: inherit; float: left; color: white; font-size: 13px; font-family: Arial,Helvetica,sans-serif; padding: 6px 5px 5px 10px; vertical-align: central;}
/* lower wrapper */ 
.innerWrapper{padding-top:20px; height:100%; overflow:hidden; background:url(../images/dash.gif) repeat-x 0 10px;}
.innerWrapper h3{ color:#00669e;}

/* gallery */
.photoGallery{ background:url(../images/dash.gif) repeat-x 0 0; padding-top:10px; margin-top:10px;}
.photoGallery h3{ color:#000;}
.photoGallery img{ margin-bottom:3px;}

.siteReview { background:#383838; border-bottom:#fff 1px solid; text-align:center; color:#fff; padding:0.5em 0; font-size:1.2em;}

/* Carousel */
.stepcarousel { position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width:490px; margin:0 auto; height:175px; /*Height should enough to fit largest content's height*/ margin-bottom:12px; }
* html .stepcarousel{ width:485px;}

.stepcarousel .innerCell{ border:#e8e8e8 1px solid; padding:3px;  }
.stepcarousel .innerCell2{ background: url(../images/gallery_bg.gif) repeat-x 0 0 #fcfcfc; height:140px; }	
.stepcarousel .innerCell3{ position:relative; left:25px; right:25px; width:440px; overflow:hidden;height:140px;}
.smooth_sliderc_nav { position:absolute; bottom:12px; left:0px; }
.smooth_sliderc_nav li {display:inline; font-family:Arial, Helvetica, sans-serif; margin-right:2px; }
.smooth_sliderc_nav li a { padding:0 3px; color:#960605; font-size:11px; font-weight:bold; background-color:#D6EFF9; color:#000; }
.smooth_sliderc_nav li a:hover, .smooth_sliderc_nav li a.selected { background-color:#000099; color:#fff; }
.stepcarousel h3 { margin-bottom:2px; color:#b80403; font-weight:bold;  }
.tenDer{ color:#016600!important;}

.stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top:10px; height:130px; }

.stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin-right: 10px; /*margin around each panel*/ width:440px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ }
.stepcarousel .panel p{ margin-bottom:.3em;}
.stepcarousel p.readMore { position:absolute; bottom:12px; right:18px; margin:0; }
.stepcarousel .panel img.panelImg { float:left; margin-right:12px; }

p.samplebuttons{width: 300px;text-align: center;}
p.samplebuttons a{color: #2e6ab1;padding: 1px 2px;margin-right: 3px;text-decoration: none;}

/* FOOTER */
#footer_container{ background: #F1F1F1;}
#footer{ width: 970px; margin: 0 auto; padding:20px; border-bottom: dotted 1px gray;}
.floatleft {float: left; margin: 0 20px 0 20px; width: 20%;}
.floatleft ul li{margin-bottom: 10px; font-weight: bold;}
.floatleft ul li a{color: black;}
.floatleft ul li a:hover{text-decoration: underline; color: black;}
.clear {clear:both}
.border{border-bottom: dotted 1px gray;}
#footer_bottom{margin: 25px 0;}
#footer_b_left{float: left; width: 27%; border-right: 2px solid gray; padding: 0px 8px 8px 0px;}
#footer_b_left img{float: right; padding-left: 5px;}
#footer_b_left div{float: left;}
#footer_b_right{ float: right; width: 70%; }
/* News Scroller generalized */
/* .ticker {overflow:auto; position:relative; }*/
.ticker { height:120px; }
.ticker li { display:block; margin-bottom:0; line-height:1.4em; }
.ticker li p { margin-bottom:0.1em; position:relative; padding-left:8px; }
.ticker li p span.bullet { position:absolute; float:left; top:-2px; left:0; display:block; width:4px; height:4px; }
* html .ticker li p span.bullet { left:-8px; top:4px; }
* + html .ticker li p span.bullet { top:5px; }

/* News Scroller generalized */
.ticker { overflow:auto; position:relative; }
.ticker li { display:block; }
.ticker div { margin-top:0; }
.ticker .stoped,.ticker2 .stoped { margin:0 !important; }

/* required styles */

#midColumn p.print { text-align:right; margin-bottom:1em; line-height:1em; }
p.print a { background:url(../images/ico-print.gif) no-repeat 6px 50%; text-decoration:underline; padding-right:15px; border-left:solid 1px #ccc; padding-left:20px; }
p.print a:hover { text-decoration:none; }


/* edited on 2.12.2010 */
.read{ text-align:right; margin-bottom: 0px;}
.menu_class{
    background: #F1F1F1;
    padding: 5px;    
}
.heading_menu{
    font-weight: bold;
	background-color:#B9D1DD;
}
.photogallery{
    position: relative; position: relative; 
    width: 100%; /* for IE 6 */
	margin:0px;
}
.photogallery h5{
    position: absolute; 
    top: 150px; 
    left: 0; 
    width: 100%; 
    display: none;
}
.photogallery h5 span{
    color: white; 
    font:  12px bold Arial,Helvetica,sans-serif; 
    letter-spacing: -1px;  
    background: rgb(0, 0, 0); /* fallback color */
    background: rgba(0, 0, 0, 0.7);
    padding: 10px; 
}
/*#leftColumn .menu_1 li.striped, #rightColumn .menu_1 li.striped{ background-color:#f5e7e4; }
#leftColumn .menu_2 li.striped, #rightColumn .menu_2 li.striped{ background-color:#e6eefb; }
#leftColumn .menu_3 li.striped, #rightColumn .menu_3 li.striped{ background-color:#f4f4f4; }*/
#leftColumn .menu_1 li.striped, #rightColumn .menu_1 li.striped{}
#leftColumn .menu_2 li.striped, #rightColumn .menu_2 li.striped{}
#leftColumn .menu_3 li.striped, #rightColumn .menu_3 li.striped{}
.ac{ text-align:center;}
#leftColumn .read_1 a, #rightColumn .read_1 a{ color:#910b0c;}
#leftColumn .read_2 a, #rightColumn .read_2 a{ color:#022080;}
#leftColumn .read_3 a, #rightColumn .read_3 a{ color:#000;}
.cell ul li { padding:0 0 0 5px; background:url(../images/bullet.png) no-repeat 3px 9px; padding-left:12px; line-height:2.1em; }
.noBullet ul li { padding:0 !important; background:none !important; line-height:2.1em; }

/* start marquee */
.marqueeWrapp{border-top: 1px #e3e3e3 dashed; border-bottom: 1px #e3e3e3 dashed; position:relative; margin-bottom:1em;}
ul.marquee { display: block; list-style: none; line-height:1.4em; height:30px; margin-right:30px;  position: relative; overflow: hidden; }
ul.marquee li { /* required styles */ position: absolute; top: -999em; left: 0; display: block; white-space: nowrap; /* keep all text on a single line */padding: 7px 5px; color:#990000; font-weight:bold; }
ul.marquee li.stoped{ left:0!important;}
.marqueeWrapp .marquee_pause{ position:absolute; right:0; top:5px; width:18px; height:18px; }
.weather_div{
    padding-top:4px;
    width: 180px;
    border:solid 1px grey;
}
.topStripe div span.date_time{
    float: left;
    padding:0.5em 0; font-family:Arial, Helvetica, sans-serif;
}
.topStripe div span.date_time span{
    font-size:1.2em; line-height:1.2em; float:left; background:url(../images/nav-sep.gif) no-repeat 100% 50%; padding:0 0.8em;color:#EAEAEA; margin-bottom:0;
}
.topStripe div span.date_time span.noBord { background:none; }
.dept_div {
    position: relative;
    z-index: 1;
    /*background: url(../images/bg_side.jpg) repeat-x #FFF;*/
    background: #F3F3F3;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px 0;
}
.dept_div .watermark{
    background: url(../../../logo/logo.png) center center no-repeat;
    opacity:0.2;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.dept_table{
    padding-top: 0px;
    padding-bottom: 15px;
}
.dept_div table{
    width: 100%;
    background: transparent;
}
.dept_div table td{
    font-size: 1.1em;
    font-weight: bold;
    height: 10px;
    border: 0px;
    padding: 2px 2px;
}
.dept_div table td a{
    color: #000000;
}
.dept_more{
    text-align: right;
    height: 15px;
}
.service_img{
    float: left;
    margin: 2px;
}
.service_img img{
    width: 45px;
    border: 5px solid #E1E1E1;
}
.service_text{
    float: right;
    width: 90px;
    text-align: center;
    margin: 2px;
    max-width: 55%;
}
.service_head{
    font-size: 10px;
}
.service_head h5{
    font-weight: bold;
    color: black;
    font-size: 12px;
}
.service_head h5 a{
    color: black;
}
.logo {
    float: left;
    padding: 3px 3px 3px 40px;
    width: 120px;
    height: 70px;
}
.header_stripe{
    width: 970px;
    background: #292929;
    height: 70px;
    margin: auto;
}
/*--------------home_center_content-----------------*/
.home_center_content{
    /*background:url(../../../header_show/images/bg.png) repeat-x top #fff;*/
    background-color: #C6D39C;
    width:100%;
    overflow:hidden;
    /*margin:4px 0 0 0px;*/
    padding:0px;
    height:240px;
}
.box1{
    width:75%;
    overflow:hidden;
    /*margin-bottom:-165px;*/
    margin-left: 15px;
}
.center_text{
    width:320px;
    height:230px;
    float:left;
    display:inline;
    /*margin:20px 0 0 10px;*/
    margin-top: 10px;
    margin-left: 10px;

}
.center_text p{
    color:#000000;
    line-height:21px;
}
.big_title{
    font-size:32px;
    /*color:#FFFFFF;*/
    color: #4CB4E6;
    padding:0 0 10px 0;
}
.big_title span{
    font-weight:bold;
    color:#14226C;
}
.floating_tabs{
    float: right;
}
.center_button_icons{
    /*width:450px;*/
    overflow:hidden;
    /*margin:10px 0 0;
    padding:15px 0 0 5px;*/
    float: left;
    background-color: #5A5A5A;
    width: 25%;
}
.center_button_icons li{
    /*float:left;*/
    overflow:hidden;
    padding:0px 6px 0;
    font-size: 14px;
}

.center_button_icons li a{
    font-size:10px;
    text-decoration:none;
}
.center_button_icons li a:hover{
    color:#99FFFF;
}
.center_button_icons li a img{
    height: 100px;
    width: 74px;
}
.right_img{
    float:right;
    width:354px;
    height:240px;
    text-align:center;
    padding:0px;
    /*background:url(../../../header_show/images/photo_frame.png) no-repeat center;*/
    display:inline;
    margin:0px 0 0 16px;
}

.right_img img{
    height: 240px;
    width: 350px;
}

.icon_text{
    padding: 15px 5px 0 5px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    border-bottom: solid 1px #91A42E;
    /* background: #155979;
    background-position: center center; background-repeat: no-repeat; /* Safari 4-5, Chrome 1-9 */ /* Can't specify a percentage size? Laaaaaame. */ 
    /*background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1F90C5), to(#124862)); /* Safari 5.1+, Chrome 10+ */ 
    /*background: -webkit-radial-gradient(circle, #1F90C5, #124862); /* Firefox 3.6+ */ 
    /*background: -moz-radial-gradient(circle, #1F90C5, #124862); /* IE 10 */ 
    /*background: -ms-radial-gradient(circle, #1F90C5, #124862);*/ /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
    /*border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 2px outset;*/
}

.icon_text:hover{
    color: #91A42E;
    padding: 20px 5px 0 15px;
}
.ru_heading{
    color: #5B72A6;
}
.nn_heading{
    color: #A2C020;
}
.todays_website{
    background: none no-repeat scroll 0 0 #F3F3F3;    
    padding: 0px;margin-left: 5px;
}

.todays_website img{
    height: 195px;
    width: 100%;
}
.todays_website div{
    background: url("../images/website_bg.jpg") repeat-x;
    color: #FFFFFF;
    padding: 0px;
    font-size: 13px;
}


.topNav ul a.mob-bar{display:none;color: #fff;float: right;padding: 10px;font-size: 15px;}

*:focus {
    outline: 1px solid red;
}

.qucik-access .srbtn, .qucik-access .srchbox{display:inline-block;}

.qucik-access .srchbox label{text-align:left;display:block;}
.float_r{float:right;}
.float_l{float:left;}
.clearfix{content:'';display:block;float:none;clear:both;}

.mc-caption{display:none;}
#leftColumn .rdmutk{color:#fff;}
.Courtesy-div{float:right;margin-top:1px;}

.fleft { float: left;}
.topStripe .rightborder a {color: #fff;text-indent: -9999px;width: 20px;}
.topStripe .defaultcolor { background: none repeat scroll 0 0 #fff !important; border: 1px solid #fff !important; float: left; height: 8px; margin: 0 0 0 5px; padding: 2px; width: 8px;}
.topStripe .yellowcolor {background: none repeat scroll 0 0 #ffea02 !important; border: 1px solid #fff !important; float: left; height: 8px; margin: 0 0 0 5px; padding: 2px; width: 8px;}
.topStripe .pinkcolor {background: none repeat scroll 0 0 #f88eef !important; border: 1px solid #fff !important; float: left; height: 8px;  margin: 0 0 0 5px; padding: 2px; width: 8px;}
.topStripe .bluecolor { background: none repeat scroll 0 0 #3702ff !important; border: 1px solid #fff !important; float: left; height: 8px;  margin: 0 0 0 5px;  padding: 2px; width: 8px;}

#sliderbtn{text-align:center;z-index:20;}
.uk-details{font-size:1.4em;background-color: #bad0e8;padding-left: 4px;padding-bottom: 4px;}
.h3tg{text-align:center;font-size: 1.5em;}
.topStripe .seltheme{float: left; padding: 0 5px;}
.goverer{text-align:center;width:48%;}
.cm-d{width:48%;}
.cmOver .mpls{text-align:center;height:5px;line-height: 5px;vertical-align: middle;margin-left:15px;padding-left:5px;padding-right:5px;}
.cmOver .mprs{text-align:center;height:5px;line-height: 5px;vertical-align: middle;padding-left:5px;padding-right:5px;}
.cmOver .countryside{margin-top:5px;}
.ukmap{float:left; width:90px; margin:5px;}
.uk-details{display: block;padding-top:5px;padding-left:10px;}
.informtd{width:82%;text-align:center;vertical-align: middle;height:35px;line-height: 18px;font-size:15px;}
.tourismlnk img{margin-top:5px;}
.tourismlnkimg, .pathikimg{width:48%;}
.readM{font-size:14px;}
.readM a{padding-right:10px;color:#fff;}
.govOdr{width:78%;padding-left:30px;padding-right:30px;text-align:center;line-height: 5px;vertical-align: middle;}
.gov_dis{width:85%;padding-left:20px;padding-right:17px;text-align:center;line-height: 5px;vertical-align: middle;}
.tenders{width:76%;text-align:center;line-height: 5px;vertical-align: middle;padding-left:32px;padding-right:30px;}
.announcement{width:84%;padding-left:20px;padding-right:20px; text-align:center;line-height: 5px;vertical-align: middle;}
.budtD{width:94%;text-align:center;line-height: 5px;vertical-align: middle;padding-left:5px;padding-right:5px;}
.voteR{width:84%;text-align:center;line-height: 26px;vertical-align: middle;}
.ukcmY{width:85%;text-align:center;vertical-align: middle;height:35px;line-height: 18px;font-size:15px;margin-top:-20px}
.rightSer{width:85%;text-align:center;vertical-align: middle;line-height: 5px;font-size:15px;}
.guideT{width:85%;text-align:center;vertical-align: middle;line-height: 5px;font-size:15px;}
.cerTain{width:85%;text-align:center;line-height: 5px;vertical-align: middle;margin-top:5px;font-size:15px;}
.sugamDurm{width:85%;text-align:center;vertical-align: middle;line-height: 5px;font-size:15px;}
.districtMap{text-align:center;}
.read{font-size:14px;}





@media (max-width:768px)
{
	body {padding-left: 10px;  padding-right: 10px; }
	.outer_wrapper{min-width:100%;width:100%;}
	.wrapper{width:100%;}
	.topStripe{height:auto;width:100%;}
	#headerTop {background: #fff;text-align: center;}
	#headerTop h1{float:none;}
	#headerTop ul{float:none;display: inline-block;}
	.outer_wrapper1{width:100%;}
	#header{width:100%;padding:0px;}
	#header .watermark_head{width:100%;}
	.topNav ul li a{padding:12px;}
	
	.siteDescription{text-align:center;    width: 100%;}
	.qucik-access{width:100% !important;float:none;text-align: center;}
	.qucik-access ul{display: inline-block;float:none;}
	.armL { padding-left:0px; }
	.armR { padding-right:0px; }
	.qucik-access .search{display:inline-block;margin:5px;float:none;}
	#slider, #slider .sliderInner{width:100% !important;}
	#slides .slidesjs-control a img{width:100% !important;height:85px !important;}
	
	
	/*
	#slider, #slider .sliderInner{width:100% !important;height:80px !important;}
	#slider .mcSlc{background-size:100% !important;}
	#sliderFrame{height:auto !important;}
	#slider .bgLayer{background-size:100% !important;} */
	.siteDescription, .siteDescription img, .siteDescription h1{float:none;}
	.siteDescription h1{width:auto;}
	.siteDescription img{margin:0px;}
	#leftColumn{width:100%;float:none;padding:0px;margin:0px;}
	#rightColumn{width:100%;float:none;padding:20px 0px;margin:0px;}
	#rightColumn .mainMenu{text-align:center;}
	#rightColumn .mainMenu ul{display:block;text-align:center;}
	#rightColumn .mainMenu .sf-menu a{display:initial !important;}
	 .map {margin:0px;text-align:center;}
	.governor{display:block;text-align: center;}
	.mps{text-align:center;}
	.ctr-ukd{float:none;text-align:center;}
	.impLinks ul.one{padding-left:10px;}
	.impLinks p{padding:0px 10px;}
	#midColumn{margin:30px 0px 0px 0px;padding: 8px;}
	#midColumn .ukagri{width:100%;height:auto;}
	#midColumn h2{width:100%;text-align:center;}
	#midColumn table{width:100%;}
	#midColumn img{width:100% !important;height:auto !important;}
	#midColumn table td{width:100%;display:block;height: auto;}
	#midColumn table td table td{width: 49%;display: inline-block;text-align: center;}
	.innerWrapper .packageTours{width:100%;float:none;}
	.innerWrapper .fairs{width:100%;float:none;}
	.packageTours, .fairs{min-height:auto;height:auto;}
	.topNav{margin:0px;width:100%;}
	.topNav.responsive .icon { position: absolute;right: 0; top: 0;}
	.topNav ul a.mob-bar{display:block !important;}
	
	.topNav ul li:not(:first-child) { display: none;} 
	
	.topNav.responsive ul li {float: none; display: block; text-align: left;background:#0D589C;border: 1px solid #fff;}
	.topNav .sf-menu li ul{display:block;width:100%;}
	.outer_wrapper .topNav .sf-menu ul {position: inherit;top: 0;}
	#midColumn{width:95%;float:none;}
	#midColumn img{width:100%;height:auto;padding:0px !important;}
	.group1-Wrapper a.group1-Next{display:none;}
	.bg{overflow: visible;}
	.Courtesy-div{float:none;margin-top:0px;text-align: center;}
	.governor{padding:0px;}
	div.gallery ul li{float:none;width:75%;margin:0 auto;}
	.hws{width:96.5%;float:none;padding:5px;border:none;}
	.cmOver{width:100%;float:none;}
	#lightbox-container-image-box{width:96% !important; height:auto !important;}
	#lightbox-image{width:100%;}
	#lightbox-container-image-data-box{width:100% !important;}
	#footer{width:100%;padding:0px;}
	.floatleft{width: 87%;float: none; padding: 20px;margin:0px;}
	.floatleft ul li{line-height: 30px; border-bottom: 1px solid #000;}
    .siteReview{padding: 8px 15px}
	.container{margin:0px;}
	#footer_b_left, #footer_b_right{width:94%;padding:10px;float:none;}
	.informtd{width:84%;text-align:center;vertical-align: middle;height:35px;line-height: 18px;font-size:15px;}
	.tourismlnk{display: block; text-align: center;}
	.tourismlnk img{margin-left:0px;margin-top:5px;}
	.heading_menu{margin:0px;line-height: 2em;}
	.hwr{padding:0px;background: #bad0e8;}
	#leftColumn h3, #rightColumn h3{padding: .2em 0 0.2em 10px; line-height: 2em;}
	.spotlight1{margin:0px;}
	/** {  border: 1px solid red;}*/
	#leftColumn li, #rightColumn li, #midColumn li{padding: 1px 0 10px 10px;}
	.menu_class{width:100%;padding:0px;margin:0px;}
	.ukcmY{width:87%;margin:0px !important;}
	#amazon_scroller2 .amazon_scroller_nav{display:none;}
	#amazon_scroller2{padding-left:0px !important;}
	.amazon_scroller .amazon_scroller_mask{margin-left:0px !important;}
	
	
	
		
	
}