::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;
		border-collapse: collapse;
	}

	.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: #00FF99;
		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: 90%;
	}

	.button {
		cursor: pointer;
		border: 1px solid #000;
	}

	#login_div fieldset {
		width: 580px;
		margin: auto;
		padding: 10px;
		padding-bottom: 2px;
		margin-top: 10%;
		background-color: #00FF99;
		color: #fff;
		box-shadow: 4px 4px 4px 2px #000;
		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;
	}

	#home_table td {
		width: 50%;
		border: 1px solid #000;
		background-color: #orange;
	}

	#home_table td a {
		text-decoration: none;
	}

	#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;
	}