::selection{ background-color: #E13300; color: white; }
	::moz-selection{ background-color: #E13300; color: white; }
	::webkit-selection{ background-color: #E13300; color: white; }

	body {
		background-color: #fff;
		font: 13px/20px normal Helvetica, Arial, sans-serif;
		color: #4F5155;
		margin-top:0px;
		margin-right:0px;
		/*background: url("../images/bg.jpg");*/
	}
	#header_title {
		font-family:'Helvetica';
		font-weight:bold;
		background-color: #4ed; 
		color:#000;
		border:1px solid #000;
	}
	a {
		color: #003399;
		background-color: transparent;
		font-weight: normal;
	}
	
	h1 {
		color: #444;
		background-color: transparent;
		border-bottom: 1px solid #D0D0D0;
		font-size: 19px;
		font-weight: normal;
		margin: 0 0 3px 0;
		padding: 14px 15px 10px 15px;
		text-transform: uppercase;
		
	}
	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}

	#body{
		margin: 0 15px 0 15px;
	}
	
	.footer{
		text-align: right;
		font-size: 11px;
		border-top: 0px solid #D0D0D0;
		line-height: 32px;
		padding: 0 10px 0 10px;
		margin: 2px 0 0 0;
		width:98%;/*width:900px;*/
		margin: auto;
		background-color: #4ed;
		border-radius:4px;
		color:#000;
	}
	
	.footer a{
		color:#000;
	}
	#container{
		margin: 1px;
		border: 0px solid #D0D0D0;
		width:100%; /*1000px*/
		min-width:1000px;
		margin: auto;
		background-color: #ececec;
		box-shadow:0px 0px 0px #000;
	}
	#idTabs li {
	text-align: center;
	font-size:12px;
	display:block;
	}
	#idTabs {
		width:97%;/*width:150px;*/
		z-index:2;
	}
	
	#idTabs li a{
		border:1px solid #ccc;
		text-decoration:none;
		display:block;
	}
	.ui-menu 
	{ 
	 width: 150px; 
	}
	
	#contents_container{
		padding-right:2px;
		height: auto;
		min-height:594px;
	}
	#left_bar {
		width:15%;/*width:150px;*/
		float: left;
		border:1px solid #ccc;
	}
	#contents {
		width:84%;/*840px;*/
		float: right;
		height: auto;
		min-height:594px;
		border:1px solid #ccc;
	}
	#searched_member_menu {
		width:84%;
		float: right;
		
	}
	#searched_member_menu table{
		background-color:#999;
		
	}
	#searched_member_menu table th{
		background-color:green;
		border-radius:6px;
	}
	#searched_member_menu table th a{
		color:#fff;
	}
	
	.h2 {
		margin-bottom:1px;
		margin-top:0px;
		font-size:14px;
		font-weight: normal;
		background-color:#efefef;
	}
	.form_title {
		float: left;
	}
	/*Forms div desgin*/
	#forms_div div {
		display:none;
        border:1px solid #2097e3;
       	background-color: #f9f9f9;
        padding:2px;
        position:fixed; /* this is the magic */
        top:5%; /* together with this to put the div at the bottom*/
        left:30%;
        display:inline;
        font-family:Verdana;
        font-size:12px;
        border-radius: 4px;
		z-index: 1001;
		display:none;
		-webkit-box-shadow: 0 0 8px #D0D0D0;
		/*box-shadow: 0 5px 5px #000;*/
	}
	
    #dhamana_list_div {
        border:1px solid #2097e3;
       	background-color: #f9f9f9;
        padding:2px;
        position:fixed; /* this is the magic */
        top:5%; /* together with this to put the div at the top*/
        left:30%;
        display:inline;
        font-family:Verdana;
        font-size:12px;
        border-radius: 4px;
		z-index: 1001;
		-webkit-box-shadow: 0 0 8px #D0D0D0;
		/*box-shadow: 0 5px 5px #000;*/
	}


	.close_forms_h4{
		text-align: right;
		margin-bottom:1px;
		margin-top:1px;
		border-bottom:1px solid #000;
		cursor: move;
		background-color:#efefef;
	}
	.close_form{
		border:2px solid #000;
		border-radius:4px;
		cursor: pointer;
		background-color:red;
		padding-left:4px;
		padding-right:4px;
		color:#fff;
	}
	#forms_div form input[type='text'], #forms_div form input[type='password'] {
		width:200px;
		border:1px solid #ccc;
	}
	select {
		width:100px;
	}
	.button {
		border:1px solid #ccc;
		cursor: pointer;
	}
	/*end forms div*/
	/*contents list tables**/
	.list_tbl {
		width:100%;
		border:1px solid #000;
	}
	.list_tbl a{
		text-decoration: none;
	}
	.list_tbl input[type='text']{
		width:99%;
		border:0px;
	}
	.list_tbl tr:hover {
		background-color:#efefef;
	}
	.list_tbl th{
		background-color:#f9f9f9;
	}
	.list_tbl th, .list_tbl td{
		border:1px solid #000;
	}
	.no_td {
		width:2%;
		text-align: center;
	}
	.roles {
		border:0px;
	}
	.actions_td a{
		text-decoration: none;
		
	}
	.actions_td{
		text-align: center;
	}
	#select_roles {
		float: right;
	}
	.print_button {
		border:2px solid #ccc;
		padding-right:4px;
		padding-left:4px;
		margin-right:0px;
		border-radius:6px;
		text-decoration:none;
	}
	.akiba_jumla_td {
		background-color:#ccc;
	}
	#akiba_payment_trend_tbl td {
		text-align: center;
	}
	.select_categories_div{
		text-align: center;
		border-bottom:1px solid green;
		background-color:orange;
	}
.select_categories_div a{
	text-decoration: none;
	margin-right:4px;
	border:1px solid #000;
	padding-left:3px;
	padding-right:3px;
	background-color:green;
	color:#fff;
	paddind:5px;
	text-transform:uppercase;
}
.total_amana_p {
	margin-top:2px;
	margin-bottom:2px;
	padding-left:5px
}
.kuchukua_td {
	text-align: center;
	text-overflow: clip;
}
.session_msg{
	color:green;
	margin-top:1px;
	margin-bottom:2px;
	text-align: center;
	font-size:14px;
	border:1px solid #ccc;
	width:auto;
	border-radius:4px;
	padding:1px;
}
.data_heading_div{
	background-color:#777;
	font-weight: bold;
	padding-left:4px;
	text-transform: uppercase;
	color:#fff;
	text-align:center;
}
.select_view_period{
	text-align:center;
	background-color:#4ed;
}
	/*end contents list tables*/
.pag_navs {
	padding-bottom: 2px;
	text-align: right;
	padding-right: 1px;
	margin-top: px;
	margin-bottom: 1px;
	border: 0px solid #ccc;
	padding-top: 3px;
}
.pag_navs a{
	text-decoration:none;
	display: inline;
	border-radius: 6px;
	border: 0px solid #ccc;
	padding: 2px;
	margin-top:6px;
	background-color:#dddeee; 
	width: 80px;
	padding-left:8px;
	padding-right:8px;
	color:#000;
}
#current_pg {
	margin-left: 2px;
	background-color:#2097e3; 
}	
.select_view_period {
	border-bottom:2px solid #ccc;
}
.list_table {
	border:1px solid #ccc;
	margin:auto; 
	width:100%;
}
.list_table th{
	background-color:orange;
}
.list_table a {
	text-decoration: none;
}
.list_table img {
	border:0px;
}
.even {
	background-color:#ccc;
}
.odd {
	background-color:#efefef;
}
.even:hover, .odd:hover{
	background-color:#fff;
}
.print_link {
	text-decoration: none;
	border:1px solid orange;
	padding:3px;
	border-radius:3px;
	margin-top:3px;
}
/**login div and form**/
#login_div {
		width:100%;
		height:100%;
        background:#ddd;
        padding:0px;
        position:fixed; /* this is the magic */
        bottom:0px; /* together with this to put the div at the bottom*/
        left:0px;
        display:inline;
        z-index:1003;
        opacity:1;
}
#login_div form{
	margin: auto;
}
#login_div form input[type='text'],#login_div form input[type='password'] {
	border:1px solid #000;
	width:100%;
}
.button {
	cursor: pointer;
	border:1px solid #000;
	background:orange;
	padding:8px;
	border-radius:3px;
}
#login_div fieldset{
	width:420px;
	margin: auto;
	padding:10px;
	padding-bottom:2px;
	margin-top:10%;
	background-color:#00FF99;
	color:#fff;
	box-shadow:4px 4px 4px 2px #ddd;
	border-radius:4px;
}
#login_div table{
	width:100%;
	background-color:#fff;
	padding:5px;
}
#login_div legend{
	cursor: move;
	font-size:12px;
	color:#fff;
}
.profile_label {
	background-color:orange;
}
#profile_table td{
	border:1px solid #ccc;
}
.add_income_data_div form{
	width:300px;
	margin: auto;
	border:2px solid #ccc;
}
input[type='text'], textarea{
	width:120px;
	border:1px solid #ccc;
}
.s_number_td {
	text-align:center;
	width:14px;
	
}
.hamisha_fedha_div {
	display:none;
}
.hidden {
	display:none;
}
#recover_pass_div {
		display:none;
        border:1px solid #2097e3;
       	background-color: #000;
        padding:4px;
        padding-left:30px;
        position:fixed; /* this is the magic */
        top:10%; /* together with this to put the div at the top*/
        left:35%;
        /*display:inline;*/
        font-family:Verdana;
        font-size:12px;
        border-radius: 4px;
		z-index: 1005;
		-webkit-box-shadow: 0 0 8px #D0D0D0;
		/*box-shadow: 0 5px 5px #000;*/
		margin:auto;
		width:25%;
		color:#fff;
		border-radius:4px;
	}
#vikao_table th, #vikao_table td{
	border:1px solid #ccc;
}
#vikao_table td{
	background-color:#fff;
}
.remove_results {
	cursor:pointer;
}
.copy_btns {
	background:green;
	padding:2px;
	color:#fff;
	cursor:pointer;
}
#home_table{
	width:70%;
	border:1px solid #000;
	margin:auto;
	border-radius:4px;
	margin-top:10px;
}
#home_table td{
	width:50%;
	border:1px solid #000;
	background:#999; 
	text-align:center; 
	height:auto;
}
#home_table td a {
	text-decoration:none;
	width:100%; 
	display:inline-block; 
	height:40px;
	padding-top:20px;
}
#home_table td a:hover{
	background:#FFF; 
	color:green;
}
#home_table td .button {
	border-radius:4px;
	background-color:orange;
}
#home_header {
	border:1px solid #000;
	padding-top:6px;
	padding-bottom:6px;
	background-color:orange;
	text-align:center; 
	margin-top:0px; 
	font-size:14px; 
	margin-bottom:1px;
}
.datepicker {
	width:100px;
}
.label {
	text-align:right; 
}