/*
 *    eGov  SmartCity eGovernance suite aims to improve the internal efficiency,transparency,
 *    accountability and the service delivery of the government  organizations.
 *
 *     Copyright (C) 2017  eGovernments Foundation
 *
 *     The updated version of eGov suite of products as by eGovernments Foundation
 *     is available at http://www.egovernments.org
 *
 *     This program is free software: you can redistribute it and/or modify
 *     it under the terms of the GNU General Public License as published by
 *     the Free Software Foundation, either version 3 of the License, or
 *     any later version.
 *
 *     This program is distributed in the hope that it will be useful,
 *     but WITHOUT ANY WARRANTY; without even the implied warranty of
 *     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *     GNU General Public License for more details.
 *
 *     You should have received a copy of the GNU General Public License
 *     along with this program. If not, see http://www.gnu.org/licenses/ or
 *     http://www.gnu.org/licenses/gpl.html .
 *
 *     In addition to the terms of the GPL license to be adhered to in using this
 *     program, the following additional terms are to be complied with:
 *
 *         1) All versions of this program, verbatim or modified must carry this
 *            Legal Notice.
 *            Further, all user interfaces, including but not limited to citizen facing interfaces,
 *            Urban Local Bodies interfaces, dashboards, mobile applications, of the program and any
 *            derived works should carry eGovernments Foundation logo on the top right corner.
 *
 *            For the logo, please refer http://egovernments.org/html/logo/egov_logo.png.
 *            For any further queries on attribution, including queries on brand guidelines,
 *            please contact contact@egovernments.org
 *
 *         2) Any misrepresentation of the origin of the material is prohibited. It
 *            is required that all modified versions of this material be marked in
 *            reasonable ways as different from the original version.
 *
 *         3) This license does not grant any rights to any user of the program
 *            with regards to rights under trademark law for use of the trade names
 *            or trademarks of eGovernments Foundation.
 *
 *   In case of any queries, you can reach eGovernments Foundation at contact@egovernments.org.
 *
 */

@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-align:center;
	}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
a {
	color: #369;

	}
a:visited {
	color: #369;
	}
a:hover {
	color: #F60;
	}
a:active {
	color: #369;
	}
a.left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4733dd;
	text-decoration: underline;
	padding-right: 4px;
	padding-left: 4px;	
	}
a.left:link {
	color: #4733dd;
	text-decoration: underline;
	}
a.left:visited {
	color: #4733dd;
	text-decoration: underline;
	}
a.left:hover {
	color: #FF6600;
	text-decoration: none;
	}
a.left:active {
	color: #000;
	text-decoration: underline;
	}
h1 {
	font-size: 30px;
	color: #21409a;
	}
h3 {
	font-size: 16px;
	font-weight: normal;
	color: #ff6600;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	}
h4 {
	font-size: 14px;
	color: #666666;
	}
h5 {
	font-size: 12px;
	color: #000;
	}
div.maincontainer {
	width: auto; 
	margin-left:auto; 
	margin-right:auto; 
	float:none;
	}
div.topheadcontainer {
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	width:811px;
	padding-top: 12px;
	padding-bottom:12px;
	}
div.headcontainer {
	float:left;
	margin-left:18px;
	margin-right:auto;
	padding-top:6px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	}
div.headcontainer2 {
	float:left;
	margin-left:18px;
	margin-right:auto;
	padding-top:6px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	}
div.headertop {
	vertical-align:middle; 
	text-align:center; 
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
	font-size:30px; 
	color:#21409a; 
	font-weight:bold;
	}
span.orange { 
	color:#ff6600;
	}
.rbroundbox {
	background-image: url(../images/ntnew.gif);
	background-repeat: repeat;
	}
.rbtop div { 
	background: url(../images/tl.gif) no-repeat top left; 
	}
.rbtop { 
	background: url(../images/tr.gif) no-repeat top right; 
	}
.rbbot div { 
	background: url(../images/bl.gif) no-repeat bottom left; 
	}
.rbbot { 
	background: url(../images/br.gif) no-repeat bottom right;
	}
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
	}
.rbroundbox {
	width: 698px;
	margin: 1em auto;
	background-image: url(../images/boxvbg.gif);
	background-repeat: repeat-y;
	}
.rbcontent { 
	margin: 0 7px;
	}
.rbtop2 div { 
	background: url(../images/tl2.gif) no-repeat top left; 
	}
.rbtop2 { 
	background: url(../images/tr2.gif) no-repeat top right; 
	}
.rbbot2 div { 
	background: url(../images/bl2.gif) no-repeat bottom left; 
	}
.rbbot2 { 
	background: url(../images/br2.gif) no-repeat bottom right;
	}
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
	width: 100%;
	height: 7px;
	font-size: 1px;
	}
.rbcontent2 {
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 7px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}
.rbroundbox2 {
	width: 698px;
	margin: 1em auto;
	background-image: url(../images/boxvbg2.gif);
	background-repeat: repeat-y;
	}
.rbtop3 div { 
	background: url(../images/tl3.gif) no-repeat top left; 
	}
.rbtop3 { 
	background: url(../images/tr3.gif) no-repeat top right; 
	}
.rbbot3 div { 
	background: url(../images/bl3.gif) no-repeat bottom left; 
	}
.rbbot3 { 
	background: url(../images/br3.gif) no-repeat bottom right; 
	}
.rbtop3 div, .rbtop3, .rbbot3 div, .rbbot3 {
	width: 100%;
	height: 7px;
	font-size: 1px;
	}
.rbcontent3 {
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 7px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}
.rbroundbox3 {
	width: 811px;
	margin: 1em auto;
	background-image: url(../images/boxvbg3.gif);
	background-repeat: repeat-y;
	}
.rbtop4 div { 
	background: url(../images/tl4.gif) no-repeat top left; 
	}
.rbtop4 { 
	background: url(../images/tr4.gif) no-repeat top right; 
	}
.rbbot4 div { 
	background: url(../images/bl4.gif) no-repeat bottom left; 
	}
.rbbot4 { 
	background: url(../images/br4.gif) no-repeat bottom right; 
	}
.rbtop4 div, .rbtop4, .rbbot4 div, .rbbot4 {
	width: 100%;
	height: 7px;
	font-size: 1px;
	}
.rbcontent4 {
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 7px;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: left;
	}
.rbroundbox4 {
	width: 811px;
	margin: 1em auto;
	background-image: url(../images/boxvbg4.gif);
	background-repeat: repeat-y;
	}
.reginternet {
	font-size:12px;
	font-weight:bold;
	color:#666;
	font-family: Tahoma, Geneva, sans-serif;
	}
div.urlbottom {
	width:689px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 10px;
	color: #999;
	font-family: Tahoma, Geneva, sans-serif;
	}
div.urlbottom2 {
	width:811px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 10px;
	color: #999;
	font-family: Tahoma, Geneva, sans-serif;
	}
div.dottedgridlarge {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/dothorilinedark.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 15px;
	font-size: 10px;
	height:1px;
	margin-bottom: 15px;
	}
div.dottedgridlarge5 {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/dothorilinedark.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 6px;
	font-size: 10px;
	height:1px;
	margin-bottom: 15px;
	}
div.checkcomplaint {
	width:70%;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 15px;
	}
div.checkcomplaint2 {
	width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	padding-bottom: 15px;
	}
input {
	background-image: url(../images/inputbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #f6a166;
	padding: 3px;
	font-size:12px;
	font-family: Tahoma, Geneva, sans-serif;
	}
div.inputbgholder {
	background-color:#ffebc0; 
	width:153px; margin-left:auto; 
	margin-right:auto; 
	margin-top:5px; 
	padding:5px;
	}
div.gobuttonholder {
	float:right; 
	width:21px; 
	position:inherit
	}
div.dottedbg {
	background-image:url(../images/dothoriline.gif);
	height:11px;
	width: 689px;
	margin-right: auto;
	margin-left: auto;
	}
div.textabovedottedline { 
	margin-left:auto; 
	margin-right:auto; 
	background-color:#FFF; 
	padding-left:10px; 
	padding-right:10px; 
	width:250px; 
	color:#666666; 
	}
.margin20 {
	margin:20px;
	}
div.orgrid { 
	height:1px; 
	background-color:#ff6600; 
	margin-left:auto; 
	margin-right:auto;
	width:100%;
	}
div.greyframewithshadow {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/greybg.jpg);
	background-color:#817f79;
	background-repeat: no-repeat;
	background-position: left top;
	width: 825px;
	padding-top: 15px;
	padding-bottom: 5px;
	}
div.greyframebottom {
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/greybgbottom.jpg);
	background-color:#817f79;
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 825px;
	padding-bottom: 45px;
	}
.justbold {
	font-weight:bold;
	}
div.containerinsidebox1 {
	background-color:#FFF;
	width: 48%;
	background-image: url(../images/shadowbox.jpg);
	background-position: right bottom;
	padding-bottom: 5px;
	}
div.containerinsidebox1large {
	background-color:#FFF;
	width: 100%;
	background-image: url(../images/shadowbox.jpg);
	background-position: right bottom;
	padding-bottom: 5px;
	}
div.containerinsidebox1right {
	background-color:#FFF;
	width: 48%;
	background-image: url(../images/shadowbox.jpg);
	background-position: right bottom;
	padding-bottom: 5px;
	margin-left: 20px; 
	float: right;
	}
div.headmain {
	background-image: url(../images/headbgr.jpg);
	background-position: right;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	}
div.headmain2 {
	background-image: url(../images/headbgr2.jpg);
	background-position: right;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	}
div.leftcorner {
	background-image: url(../images/headbgl.jpg);
	height: 29px;
	width: 7px;
	margin-right: auto;
	}
div.leftcorner2 {
	background-image: url(../images/headbgl2.jpg);
	height: 27px;
	width: 6px;
	margin-right: auto;
	}
div.containerinsidebox2 {
	padding: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b9c2dc;
	border-right-color: #b9c2dc;
	border-bottom-color: #b9c2dc;
	border-left-color: #b9c2dc;
	background-color: #FFF;
	}
div.containerinsidebox3 {
	padding: 15px;
	background-color: #FFF;
	border: 1px solid #eae6dc;
	}
select {
	border: 1px solid #fca54f;
	background-image: url(../images/inputbg.gif);
	background-position: left top;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px;
	}
td {
	text-align:left;
	font-family: Tahoma, Geneva, sans-serif;
	color:#333;
	font-size: 12px;
	padding-bottom:8px;
	padding: 2px;
	}

textarea {
	background-image: url(../images/inputbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #f6a166;
	padding: 3px;
	font-size:12px;
	font-family: Tahoma, Geneva, sans-serif;
	}
div.bottombuttonholder {
	text-align:center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
span.exceedstyle { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#999;
	}
span.exceedstyle1 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#666;
	}
span.exceedstyle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	}
div.buttonholdertopbar {
	font-size:12px;
	color: #CCC;
	margin-left:auto;
	margin-right:auto;
	width: 811px;
	text-align:left;
	padding-left:56px;
	padding-bottom: 5px;
	}
span.thankyou { 
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:16px; 
	color:#333;
	}
ul, li {
	margin: 0;
	padding: 0;
	}
li {
	margin-bottom: 5px;
	list-style: disc inside;
	}
#tooltips {
	background-color: #FFF;
	padding: 10px;
	position: absolute;
	display: none;
	cursor: default;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
	}
div.logoholder {
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	text-align: center;
	}
td.viewscreen {
	text-align:left;
	font-family: Tahoma, Geneva, sans-serif;
	color:#333;
	font-size: 12px;
	padding-bottom:5px;
	padding-top: 5px;
	padding-right: 2px;
	padding-left: 2px;
	}
td.msgview1 {
	text-align:left;
	font-family: Tahoma, Geneva, sans-serif;
	color:#333;
	font-size: 12px;
	padding-bottom:10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 15px;
	}
td.msgview2 {
	text-align:left;
	font-family: Tahoma, Geneva, sans-serif;
	color:#333;
	font-size: 12px;
	padding-bottom:10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #EEE;
	line-height: 15px;
	}
div.dottedgridlarge2 {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/dothorilinedark.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 3px;
	font-size: 10px;
	height:1px;
	margin-bottom: 15px;
	}
div.dottedgridlarge6 {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/dothorilinedark.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 3px;
	font-size: 10px;
	height:1px;
	margin-bottom: 10px;
	}
span.complaintmsg { 
	font-size:14px; 
	font-weight:normal; 
	color:#ff6600;
	}
div.containerformsg1 {
	padding:15px;
	background-color:#FFF;
	border: 1px solid #eae6dc;
	}
	
div.dottedgridlarge3 {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top: 15px;
	height:1px;
	margin-bottom: 15px;
	background-color: #E2E2E2;
	}
div.iconholder {
	width:35px; 
	float:left;
	}
div.yellowcontainer {
	padding:10px; 
	background-color:#fff8e8;
	line-height: 15px;
	}
div.greycontainer {
	padding:10px; 
	background-color:#eee;
	line-height: 15px;
	}
div.greycontainer2 {
	padding:10px;
	background-color:#eee;
	line-height: 15px;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	}
div.nameholder {
	float:right; 
	width:50%; 
	text-align:right;
	}
div.nameholderleft {
	float:right; 
	width:50%; 
	text-align:left;
	}
div.logoutholder {
	float:right; 
	width:20%; 
	text-align:right; 
	padding-right:50px;
	}
a.adminbuttton {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666;
	text-decoration: underline;
	padding-right: 4px;
	padding-left: 4px;	
	}
a.adminbuttton:link {
	color: #666;
	text-decoration: underline;
	}
a.adminbuttton:visited {
	color: #666;
	text-decoration: underline;
	}
a.adminbuttton:hover {
	color: #FF6600;
	text-decoration: none;
	}
a.adminbuttton:active {
	color: #666;
	text-decoration: underline;
	}
td.textalighleft {
	text-align:left;
	}
td.textalighcenter{
	text-align:center;
	}
input.buttonsubmitnew {
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	padding-right: 12px;
	padding-left: 12px;
	padding-top:3px;
	padding-bottom: 5px;
	background-image: url(../images/buttonbgnew.gif);
	background-repeat: repeat-x;
	background-position: center;
	font-weight: bold;
	color: #FFF;
	}
span.mandatory { 
	font-family:Verdana, Geneva, sans-serif;
	color:#F00; 
	font-weight:normal; 
	font-size:10px;
	}
div.contentright { 
	text-align:right; 
	margin-bottom:15px;
	}
div.dottedgridlarge4 {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/dothorilinedark.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 15px;
	font-size: 10px;
	height:1px;
	margin-bottom:2px;
	}

.bluetext { 
	color:#369;
	}
div.marginleft33 {
	margin-left:33px;
	}
.width85 {
	width:85%;
	}
.width95 {
	width:95%;
	}
.width100 {
	width:98%;
	}
div.uparrow {
	background-image: url(../images/uparrow.gif);
	height: 11px;
	width: 17px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 35px;
	background-repeat: no-repeat;
	}
div.mapholder {
	width: auto;
	height: 145px;
	margin-top: 5px;
	}
div.direction {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFF;
	margin-top:5px;
	margin-bottom:0px;
	background-color:#ff8100;
	height:44px;
	}
div.orarrowholder {
	float:right; 
	width:12px; 
	margin-left:12px;
	}
div.orangeboxmainholder {
	padding-top:8px;
	padding-bottom:12px;
	margin-left:17px;
	margin-right:12px;
	padding-right:5px;
	}
div.marginfive 
	{margin-bottom:5px;
	padding-left:2px;
	}
td.head {
	background-image: url(../images/headbgr.jpg);
	padding-top: 5px;
	padding-bottom: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #AFB8D8;
	padding-left: 4px;
}

td.tablestyle {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
}
td.tablestyle2 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	text-align:right;
}
td.tablestyle3 { 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	background-color:#eee;}
	
	td.tablestyle4 { 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	background-color:#eee;
	text-align:right;}
	div.msgtop {
	color:#999;
	line-height: 16px;
}