@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #333;
}
.bg {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

p ,h1,h2,h3,h4,h5,h6{
	margin: 0px;
	padding: 0px;
}
h1 {
	font-weight: normal;
	color: #563A85;
	padding-bottom: 20px;
	font-size: 2em;
}
h2 {
	color: #563A85;
	font-weight: normal;
	padding-bottom: 15px;
	font-size: 1.8em;
}
h3 {
	padding-bottom: 10px;
	font-size: 1.2em;
}
h4 {
	padding-bottom: 10px;
	font-size: 1.2em;
	color: #563682;
}

p {
	padding-bottom: 10px;
}





.container {
	float: left;
	width: 100%;
}
.wrapper {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
.topbar {
	float: left;
	height: 40px;
	width: 100%;
	background-color: #f1f1f1;
}
.nav-bar {
	float: left;
	height: 90px;
	width: 100%;
	background-color: #FFF;
}
.nav-box {
	float: left;
	width: 605px;
	padding-left: 20px;
}
div .nav {
	float: left;
	width: 100%;
	padding-top: 20px;
	z-index: 1000;
	position: relative;
}


div .nav ul {
  font-size: 0;
  margin: 0;
  padding: 0;
}

div .nav ul li {
  display: inline-block;
  position: relative;
}

div .nav ul li a {
	color: #666 !important;
	display: block;
	font-size: 13px;
	padding: 10px 10px;
	transition: 0.3s linear;
	text-decoration: none;
}
div .nav ul li:hover , div .nav ul li a:hover{
	background-color: #563A85;
	color: #FFF !important;
	text-decoration: none;
}

div .nav ul li ul {
	display: none;
	position: absolute;
	width: 250px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #563A85;
}

div .nav ul li ul li {
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

div .nav ul li ul li:first-child { border-top: none; }

div .nav ul li ul li a {
	display: block;
	padding: 10px 14px;
	background-color: #FFFFFF;
}

div .nav ul li ul li a:hover {
	color: #FFF;
	text-decoration: none;
}

div .nav .fa.fa-angle-down { margin-left: 6px; }



.subnav {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.subnav ul {
	margin: 0px;
	padding: 0px;
}
.subnav ul li {
	display: inline;
	list-style-type: none;
}
.subnav ul li a {
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-right: 2px;
	font-weight: bold;
}
.subnav ul li a:hover , .subnav ul li a.current-subnav{
	background-color: #EEE;
}












.banner-box {
	/*background-color: #a9a9aa;*/
	float: left;
	height: 280px;
	width: 100%;
	/*background-image: url(../images/banner.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
}
.banner-box-sub {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DFDFDF;
	background-color: #F8F8F8;
	padding-bottom: 20px;
}
.banner-box-sub h2 {
	padding-bottom: 10px;
}

.banner-box-sub span {
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
}


a.logo:link {
	background-image: url(../images/logo-ddugky.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 80px;
	width: 160px;
	margin-left: 20px;
}
.logo-kudumbasree {
	float: right;
	height: 80px;
	width: 194px;
	background-image: url(../images/logo-kudumbashree.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.loginbox-home {
	background-color: #FFF;
	float: left;
	height: 260px;
	width: 220px;
	padding-top: 20px;
	line-height: normal;
}
.loginbox-home-title {
	background-color: #563A85;
	float: left;
	width: 180px;
	color: #FFF;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 40px;
}
.login-box-content {
	float: left;
	width: 180px;
	padding-left: 20px;
	padding-right: 20px;
}
.loginbox-nav {
	float: left;
	padding-top: 10px;
}
.loginbox-nav ul {
	margin: 0px;
	padding: 0px;
}
.loginbox-nav ul li {
	display: block;
	float: left;
	width: 100%;
	list-style-type: none;
}
.loginbox-nav ul li a {
	color: #666;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	float: left;
	background-image: url(../images/icon-lock.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: .9em;
}
.signin-box {
	padding: 2%;
	float: left;
	width: 96%;
	margin-bottom: 20px;
	border: 1px solid #CCC;
}





.content-div {
	float: left;
	width: 100%;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}


.top-10 {
	padding-top: 10px;
}
.top-20 {
	padding-top: 20px;
}
.top-30 {
	padding-top: 30px;
}
.top-margin-10 {
	margin-top: 10px;
}
.top-margin-20 {
	margin-top: 20px;
}
.top-margin-30 {
	margin-top: 30px;
}



.bottom-10 {
	padding-bottom: 10px;
}
.bottom-20 {
	padding-bottom: 20px;
}
.bottom-30 {
	padding-bottom: 30px;
}
.bottom-margin-5 {
	margin-bottom: 5px;
}
.bottom-margin-10 {
	margin-bottom: 10px;
}

.bottom-margin-20 {
	margin-bottom: 20px;
}
.bottom-margin-30 {
	margin-bottom: 30px;
}
.right-10 {
	padding-right: 10px;
}
.right-20 {
	padding-right: 20px;
}
.right-30 {
	padding-right: 30px;
}
.right-margin-10 {
	margin-right: 10px;
}
.right-margin-20 {
	margin-right: 20px;
}
.right-margin-30 {
	margin-right: 30px;
}









a:link , a:visited{
	color: #563A85;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.button:link , a.button:visited{
	text-decoration: none;
	text-align: center;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	color: #FFF;
}
a.button-medium-reg:link , a.button-medium-reg:visited{
	width: 180px;
	padding-top: 8px;
	padding-bottom: 8px;
	float: left;
}
a.button-medium:link , a.button-medium:visited{
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 15px;
	padding-left: 15px;
}

.rounded-corner {
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}
.disable  {
	cursor: not-allowed !important;
}

.border-top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}



.bg-orange {
	background-color: #cc6600;
}
.bg-blue {
	background-color: #6666cc;
}
.bg-violet {
	background-color: #563A85;
}
.bg-violet-light {
	background-color: #794eb7;
}
.bg-grey-light {
	background-color: #F4F4F4;
}
.bg-grey {
	background-color: #999999;
}


.color-grey {
	color: #666;
}
.color-purple {
	color: #583985;
}




.stat-main {
	float: left;
	height: 200px;
	width: 495px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #FFF;
	line-height: normal;
}
.stat-main-title {
	float: left;
	width: 450px;
	color: #FFF;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	line-height: normal;
}
.stat-main-count {
	float: left;
	height: 60px;
	width: 60%;
	margin-left: 40px;
	background-image: url(../images/icon-users-l.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 90px;
	margin-top: 20px;
	line-height: normal;
}
.stat-main-count div {
	width: auto;
	float: left;
	font-size: 3.4em;
	letter-spacing: 0.2em;
	line-height: normal;
}
.stat-main-count span {
	width: 100%;
	float: left;
}
.stat-main-count-split {
	width: 490px;
	float: left;
	padding-top: 15px;
}
.stat-main-count-split ul {
	margin: 0px;
	padding: 0px;
}
.stat-main-count-split ul li {
	display: inline;
	list-style-type: disc;
	float: left;
	width: 16.4%;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D5C9E7;
	padding-top: 6px;
	padding-bottom: 6px;
}
.stat-main-count-split ul li:nth-child(4) {
	border-right-style: none;
}

.stat-main-count-split ul li span {
	font-size: 2em;
	padding-bottom: 5px;
	float: left;
	width: 100%;
}








.stat-sub-box {
	float: left;
	width: 250px;
	line-height: normal;
}

.stat-sub {
	float: left;
	height: 70px;
	width: 210px;
	margin-right: 20px;
	padding: 10px;
	color: #FFF;
}
.stat-sub div {
	font-weight: bold;
	opacity: 0.8;
}
.stat-sub p {
	font-size: 2.5em;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}


.stat-chart {
	background-color: #FFF;
	float: left;
	height: 198px;
	width: 238px;
	border: 1px solid #B8A5D8;
}
.col2 {
	float: left;
	width: 100%;
}
.col2-mar {
	width: 49%;
}

.updates {
	float: left;
	width: 495px;
	height: 300px;
	margin-bottom: 20px;
}
.updates ul {
	margin: 0px;
	padding: 0px;
}
.updates ul li {
	display: block;
	float: left;
	list-style-type: none;
	width: 100%;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
}
.updates ul li a {
	float: left;
	width: 100%;
	font-size: 1.3em;
	font-weight: normal;
	padding-bottom: 10px;
}
.updates ul li span {
	float: left;
	width: 100%;
	font-size: 0.8em;
	color: #666;
}
.updates-news {
	float: left;
	width: 100%;
}
.updates-news img {
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
}

.updates-news ul {
	margin: 0px;
	padding: 0px;
}
.updates-news ul li {
	display: block;
	float: left;
	list-style-type: none;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.updates-news ul li div {
	width: 78%;
	float: right;
	padding-left: 2%;
}
.updates-news ul li img {
	float: left;
	margin: 0px;
	padding: 0px;

}


.updates-news ul li a {
	float: left;
	width: 100%;
	font-size: 1.3em;
	font-weight: normal;
	padding-bottom: 5px;
}
.updates-news ul li a.more {
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 10px;
}

.updates-news ul li span {
	float: left;
	width: 100%;
	font-size: 1em;
	color: #999;
	font-weight: bold;
	padding-bottom: 5px;
}
.albums {
	float: left;
	width: 100%;
}
.albums ul {
	margin: 0px;
	padding: 0px;
}
.albums ul li {
	display: block;
	float: left;
	list-style-type: none;
	width: 328px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	height: 120px;
	margin-right: 5px;
}

.albums ul li div {
	float: right;
	width: 198px;
	padding-left: 5px;
}

.albums ul li img {
	width: 120px;
	height: 120px;
	float: left;
}

.albums ul li a {
	float: left;
	width: 100%;
	font-size: .9em;
	font-weight: bold;
	padding-bottom: 10px;
}
.albums ul li span {
	float: left;
	width: 100%;
	font-size: 0.8em;
	color: #666;
}
.gallery {
	float: left;
	height: 200px;
	width: 238px;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
}
.gallery a {
	float: left;
	width: 100%;
	height: 200px;
}


.simple-nav {
}
.simple-nav ul {
	margin: 0px;
	padding: 0px;
}
.simple-nav ul li {
	display: inline;
	list-style-type: none;
}
.simple-nav ul li a {
	float: left;
	padding-right: 20px;
	font-weight: bold;
}
.topbar div.wrapper div.simple-nav ul li a.login{
	color: #593984;
	font-weight: bold;
	background-image: url(../images/icon-lock.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

.topbar div.wrapper div.simple-nav ul li a {
	font-weight: normal;
	color: #593984;
	font-weight: bold;
}

fieldset {
	float: left;
	width: 98%;
	padding: 1%;
	border: 1px solid #CCC;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	margin-bottom: 20px;
}
fieldset.col2 {
	float: left;
	width: 96%;
	padding: 2%;
	border: 1px solid #CCC;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	margin-bottom: 20px;
}

fieldset legend {
	padding-top: 3px;
	padding-right: 40px;
	padding-bottom: 3px;
	padding-left: 40px;
	color: #563A85;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	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: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #583A82;
	border-left-color: #CCCCCC;
	background-color: #FBFBFB;
}
input ,select,textarea{
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border: 1px solid #CCC;
}
table {
	border-collapse:collapse
}
table.table-general {
}
table.table-general tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
table.table-general th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5B3888;
	color: #583881;
}




.mandate {
	background-image: url(../images/mandatory.gif);
	background-repeat: no-repeat;
	background-position: 99% center;
}





#pagination, .pagination {
	width: 100%;
	float: left;
	padding-top: 10px;
}
#pagination    ul, .pagination ul   {
	margin: 0px;
	padding: 0px;
	float: left;
}

.pagination   ul  li            {
	float: left;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-size: 11px;
	font-weight: bold;
	margin-right: 6px;
	color: #573B85;
	cursor: pointer;
	list-style-type: none;
	border: 1px solid #CCC;
}
.pagination       ul       li:hover           {
	background-color: #E1E1E1;
}
.pagination        ul        li.current_pagination                   {
	color: #FFFFFF;
	background-color: #593982;
	float: left;
	border-top-color: #593982;
	border-right-color: #593982;
	border-bottom-color: #593982;
	border-left-color: #593982;
}
.width-90pc {
	width: 90%;
}
.width-98pc {
	width: 98%;
}
.errorpage h2 {
	text-align: center;
	font-size: 10em;
	line-height: normal;
}
div .nav ul li:hover ul{
    display: block;
}

.stat-tc-count {
	float: left;
	height: 60px;
	width: 60%;
	margin-left: 40px;
	background-image: url(../images/house-outline.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 90px;
	margin-top: 20px;
	line-height: normal;
}
.stat-tc-count div {
	width: auto;
	float: left;
	font-size: 3.4em;
	letter-spacing: 0.2em;
	line-height: normal;
}
.stat-tc-count span {
	width: 100%;
	float: left;
}
.stat-tc-count-split {
	width: 490px;
	float: left;
	padding-top: 15px;
}
.stat-tc-count-split ul {
	margin: 0px;
	padding: 0px;
}
.stat-tc-count-split ul li {
	display: inline;
	list-style-type: disc;
	float: left;
	width: 16.4%;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D5C9E7;
	padding-top: 6px;
	padding-bottom: 6px;
}
.stat-tc-count-split ul li:nth-child(4) {
	border-right-style: none;
}

.stat-tc-count-split ul li span {
	font-size: 2em;
	padding-bottom: 5px;
	float: left;
	width: 100%;
}

.tcmap {
	float: left;
	width: 495px;
	margin-left:10px;
}

.col3 {
	float: left;
	width: 50%;
}


.stat-main2 {
    float: right;
    height: 200px;
    width: 495px;
    margin-bottom: 10px;
    color: #FFF;
    line-height: normal;
}

.ddugkynews {
	float: left;
	height: 350px;
}

.minh-500
{
	min-height: 500px;
}

.footer-loc
{
	position:absolute;
   	bottom:0;
}