/* Miscellaneus Design elements */
/*------------------------------- classes for icons -----------------------------*/
.members {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 5px;
}
.counseling {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -20px;
}
.searchicon {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -219px;
}
.datainclusion {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -246px;
}
.deleterecords {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -275px;
}
.updaterecords {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -302px;
}
.amount {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -328px;
}
.memberlist {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -354px;
}
.datewise {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -143px;
}
.daterange {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -167px;
}
.note {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -188px;
}
.forgot {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -551px;
}
.change {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -568px;
}
.events {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -732px;
}
.feedback {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -568px;
}
.reports {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -752px;
}
.error_h {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -838px;
}
.training {
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -858px;
}
.info{
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -614px;
}
.reg_form{
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -422px;
}
.books{
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -879px;
}
.mail{
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -898px;
}
.modifyicon{
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -919px;
}
.stall{
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -945px;
}
.setting{
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -960px;
}
.images{
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -980px;
}
.mangementdp{
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -1001px;
}
.participants{
background-image:url(../images/icons.gif);
background-repeat:no-repeat;
background-position:0 -1020px;
}
/*-------------------------------------- classes for settings page ----------------------------*/
	#tabs_example ul.tabs {
	list-style-type:none;
	height:23px; font-size:100%; padding:8px 0 0 7px;
	background-image:url(../images/table_div.gif);
	background-position:top left;
	background-repeat:repeat-x;
	border:1px solid #CCCCCC; width:98%;
	}
	#tabs_example ul.tabs li {
	float:left;display:block; margin:0 5px 0 5px;
	}
	
	#tabs_example ul.tabs li a {
	text-decoration:none;	
	width:auto;  height:22px;
	}
	#tabs_example ul.tabs li a:hover {
	background-position:0 -23px;
	color:#5e5e5e;
	}
	#tabs_example ul.tabs li a.active {
	background-position:0 -23px;
	}
	#tabs_example div {
	clear:both;
	}
	#tabs_example .sector {
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	background-position: 0 -402px;
	padding:0 10px 0 22px;
	border-right:1px solid #f8f8f8; 
	}
	#tabs_example .district {
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	background-position: 0 -425px;
	padding:0 10px 0 22px;
	border-right:1px solid #f8f8f8
	}
	#tabs_example .newuser {
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	background-position: 0 -447px;
	padding:0 10px 0 22px;
	border-right:1px solid #f8f8f8;
	}
	#tabs_example .designation {
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	background-position: 0 -473px;
	padding:0 10px 0 22px;
	}
.sectorform {
padding:10px 0 10px 10px; display:block; border:1px solid #CCCCCC; overflow:auto; position:relative; margin:2px 0 0 0;
width:98%;
}
.sectorform u {
color:#FF0000; text-decoration: none;
}
.sectorform br {
clear:left;
}
.sectorform label{
width:150px; float:left; display:block; 
}
.sectorform input {
float:left; border:1px solid #bbbaba; 
background-image:url(../images/field_bg.gif);
background-position:bottom left;
background-repeat:repeat-x;
width:200px; height:auto; padding:.3em 0 .3em 0; margin-left:10px; 
margin-bottom:10px; /*adjusting for hr line*/
}

.sectorform textarea{
float:left; border:1px solid #bbbaba; 
background-image:url(../images/field_bg.gif);
background-position:bottom left;
background-repeat:repeat-x;
width:300px; height:120px; padding:.3em 0 .3em 0; margin-left:10px;
margin-bottom:10px;
}

.sectorform select {
float:left; border:1px solid #bbbaba; 
background-image:url(../images/field_bg.gif);
background-position:bottom left;
background-repeat:repeat-x;
width:auto; padding:.3em 0 .3em 0; margin-left:10px;
margin-bottom:10px; /*adjusting for hr line*/
}
input.submitadd{
border: 1px solid #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background:url(../images/bg_button.gif) repeat-x top left;
color: #333333;
font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
width:100px; margin-left:160px;
clear:left;
}
input.submiaddt:active {
}
/*---------------------------------- charts and timelines ------------------*/
.numberchart {
	font-weight: bold; font-size:115%;
 	float: left;
    padding: 1.5em 1em 1em 1em;
}
.numberchart h3 {
margin:0 0 6px 0; border:0; font-size:90%; width:auto; color:#666666;
}
    /* CHART LISTS */
    .chartlist { 
      /*float: left;*/  /* Comment this to get the preview correct in dreamweaver*/
      border-top: 1px solid #EEE; 
      width: 20em;
    }
    .chartlist li { 
      position: relative;
      display: block;  
      border-bottom: 1px solid #EEE; 
      _zoom: 1;
    }
    .chartlist li a { 
      display: block; 
      padding: 0.4em 4.5em 0.4em 0.5em;
      position: relative; 
      z-index: 2; 
    }
    .chartlist .count { 
      display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      margin: 0 0.3em; 
      text-align: right; 
      color: #999; 
      font-weight: bold; 
      font-size: 0.875em; 
      line-height: 2em; 
    }
    .chartlist .typeA { 
      display: block; 
      position: absolute; 
      top: 0; 
      left: 0; 
      height: 100%; 
      background: #adddea; 
      text-indent: -9999px; 
      overflow: hidden; 
      line-height: 2em;
	  height:27px;  /* to fix ie 5 issue */
    }
	.chartlist .typeC { 
      display: block; 
      position: absolute; 
      top: 0; 
      left: 0; 
      height: 100%; 
      background: #e6badf; 
      text-indent: -9999px; 
      overflow: hidden; 
      line-height: 2em;
	  height:27px;  /* to fix ie 5 issue */
    }
	.chartlist .typeL { 
      display: block; 
      position: absolute; 
      top: 0; 
      left: 0; 
      height: 100%; 
      background: #fbcf8d; 
      text-indent: -9999px; 
      overflow: hidden; 
      line-height: 2em;
	  height:27px;  /* to fix ie 5 issue */
    }	
	.chartlist .typeP { 
      display: block; 
      position: absolute; 
      top: 0; 
      left: 0; 
      height: 100%; 
      background: #e5e96e; 
      text-indent: -9999px; 
      overflow: hidden; 
      line-height: 2em;
	  height:27px;  /* to fix ie 5 issue */
    }
	.chartlist .typeR { 
      display: block; 
      position: absolute; 
      top: 0; 
      left: 0; 
      height: 100%; 
      background: #92dd71; 
      text-indent: -9999px; 
      overflow: hidden; 
      line-height: 2em;
	  height:27px;  /* to fix ie 5 issue */
    }
    .chartlist li:hover { 
      background: #EFEFEF; 
    }
	.numberchart i {
	font-weight:normal; font-style:normal; 
	font-size:80%;
	}
	.numberchart i a{
	display:block; float:left; padding:0 4px 0 12px;
	}
	.numberchart .mtypea {
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	background-position:-5px -493px;
	}
	.numberchart .mtypec {
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	background-position:-5px -504px;
	}
	.numberchart .mtypel {
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	background-position:-5px -515px;
	}
	.numberchart .mtypep {
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	background-position:-5px -526px;
	}
	.numberchart .mtyper {
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	background-position:-5px -537px;
	}
/*------------------- legend ------------------------*/
	.legend {
	
	}
	.legend span {
	display:block; float:left; width:auto;margin:120px 0 0 0;
	}
	.legend b {
	font-weight:normal; font-style:normal; 
	font-size:95%;
	}
	.legend b a{
	display:block; padding:0 4px 0 12px;
	}
	.legend .mtypea {
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	background-position:-5px -493px;
	}
	.legend .mtypec {
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	background-position:-5px -504px;
	}
	.legend .mtypel {
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	background-position:-5px -515px;
	}
	.legend .mtypep {
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	background-position:-5px -526px;
	}
	.legend .mtyper {
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	background-position:-5px -537px;
	}
/*-------------------time line chart ------------------------*/

    .timeline { 
      font-size: 100%; 
      height: 10em; 
      width: 19em;
	  list-style-type:none;
	  background-image:url(../images/chart_bg.gif);
	  background-position:top left;
	  background-repeat:repeat-x;
	  
    }
    .timeline li { 
      position: relative;
      float: left;
      width: 3.5em; 
      margin: 0 0.1em;
      height: 160px; 

    }
    .timeline li a { 
      display: block;
      height: 100%;  
    }
    .timeline li .label { 
      display: block; 
      position: absolute; 
      bottom: -2em; 
      left: 0; 
      background: #fff; 
      width: 100%; 
      height: 2em; 
      line-height: 2em; 
      text-align: center;
	  color:#4f751a; font-weight:normal; font-size:80%;
    }
    .timeline li a .count { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      height: 0; 
      width: 100%;
	  background-image:url(../images/graph_bars.gif);
	  background-position:top left;
	  background-repeat:no-repeat;
/*    text-indent: -9999px; */      
	  overflow: hidden; 
	  color:#000000;
	  font-size:9px;
    }
	.timeline li .count i{
	top:1em; color:#ffffff; position:relative; display:block; left:2px; font-style:normal; font-size:9px;
	text-align:center;
	}
  .timeline li:hover { 
      background: #EFEFEF; 
    }
    .timeline li a:hover .count { 

    }
	.timeline li a .count2 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      height: 0; 
      width: 100%;
	  background-image:url(../images/graph_bars.gif);
	  background-position:-49px 0;
	  background-repeat:no-repeat;
/*    text-indent: -9999px; */      
	  overflow: hidden; 
	  color:#000000;
	  font-size:9px;
    }
	.timeline li .count2 i{
	top:1em; color:#ffffff; position:relative; display:block; left:2px; font-style:normal; font-size:9px;
	text-align:center;
	}
	.timeline li a .count3 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      height: 0; 
      width: 100%;
	  background-image:url(../images/graph_bars.gif);
	  background-position:-97px 0;
	  background-repeat:no-repeat;
/*    text-indent: -9999px; */      
	  overflow: hidden; 
	  color:#000000;
	  font-size:9px;
    }
	.timeline li .count3 i{
	top:1em; color:#ffffff; position:relative; display:block; left:2px; font-style:normal; font-size:9px;
	text-align:center;
	}
	.timeline li a .count4 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      height: 0; 
      width: 100%;
	  background-image:url(../images/graph_bars.gif);
	  background-position:-145px 0;
	  background-repeat:no-repeat;
/*    text-indent: -9999px; */      
	  overflow: hidden; 
	  color:#000000;
	  font-size:9px;
    }
	.timeline li .count4 i{
	top:1em; color:#ffffff; position:relative; display:block; left:2px; font-style:normal; font-size:9px;
	text-align:center;
	}
	.timeline li a .count5 { 
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      height: 0; 
      width: 100%;
	  background-image:url(../images/graph_bars.gif);
	  background-position:-192px 0;
	  background-repeat:no-repeat;
/*    text-indent: -9999px; */      
	  overflow: hidden; 
	  color:#000000;
	  font-size:9px;
    }
	.timeline li .count5 i{
	top:1em; color:#ffffff; position:relative; display:block; left:2px; font-style:normal; font-size:9px;
	text-align:center;
	}
/*---------------------pie chart-----------------*/
.piechart {
width:auto;display:block; float:left;
font-weight: bold; font-size:115%;
padding: 1.5em 0 1em 1em;
}
.piechart h3 {
margin:0 0 6px 0; border:0; font-size:90%; width:auto; color:#666666;
}
.piechart li {
display:block; clear:left; color:#79ab41; list-style:none; padding:0; margin:15px 0 0 0; text-align:center;
}
.pie {
  display: block;  float: left;  margin: 0;  padding: 0;  width: 130px;  height: 130px;  margin:15px 0 0 20px;
  background-image:url('../images/piechart.gif');
 }
.percent10 {
  background-position: 0 0;
}
.percent20 {
  background-position: -130px 0;
}
.percent30 {
  background-position: -260px 0;
}
.percent40 {
  background-position: -390px 0;
}
.percent50 {
  background-position: -520px 0;
}
.percent60 {
  background-position: -650px 0;
}
.percent70 {
  background-position: -780px 0;
}
.percent80 {
  background-position: -910px 0;
}
.percent90 {
  background-position: -1040px 0;
}
.percent100 {
  background-position: -1172px 0;
}
.percent0 {
  background-position: -1303px 0;
}
/*--------------------------------------Home link--------------------------------*/
#homelinks ul {
padding-left:250px;
list-style:none;
}
#homelinks li {
float:left;
}
#homelinks .even {
}
#homelinks .even a{
height:125px; width:106px; margin:0 5px 0 5px; display:block; font-size:1px; color:#FFFFFF;
background-image: url(../images/index-menu.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#homelinks .trai{
background-image:none;
}
#homelinks .trai a {
height:125px; width:106px; margin:0 5px 0 51px; display:block; font-size:1px; color:#FFFFFF;
background-image:url(../images/index-menu.gif);
background-position:0 -132px;
background-repeat:no-repeat; display:block;
}

#homelinks .mdpro {
background-image:none;
}
#homelinks .mdpro a {
height:125px; width:106px; margin:0 5px 0 51px; display:block; font-size:1px; color:#FFFFFF;
background-image:url(../images/index-menu.gif);
background-position:0 -269px;
background-repeat:no-repeat; display:block;
}