::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: 4px;

		/* background: url("../images/bg.jpg"); */

	}

	#header_title {

		font-family: Agency FB;

		font-weight: bold;

	}

	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: center;

		font-size: 11px;

		border-top: 0px solid #D0D0D0;

		line-height: 32px;

		padding: 0 10px 0 10px;

		margin: 2px 0 0 0;

		width: 96%;
		/*width:900px;*/

		margin: auto;

		background: green;

		border-radius: 4px;

		color: #fff;

	}

	.footer a {

		color: #fff;

	}

	#container {

		margin: 10px;

		border: 0px solid #D0D0D0;

		width: 100%;
		/*1000px*/

		min-width: 1000px;

		margin: auto;

		background-color: #ececec;

		box-shadow: 0px 0px 10px #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;

	}

	.ui-menu {

		width: 150px;



	}



	#contents_container {

		padding-right: 2px;

		height: auto;

		min-height: 720px;

	}

	#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%;
		/*840px;*/

		float: right;

	}

	.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 #ccc;

	}

	.select_categories_div a {

		text-decoration: none;

		margin-right: 4px;

		border: 1px solid #000;

		padding-left: 3px;

		padding-right: 3px;

	}

	.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;

	}

	/*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: 2px solid #000;

		margin: auto;

		width: 100%;

		border-collapse: collapse;

		border-radius: 3px;

		padding: 2px;

	}

	.list_table th,
	.list_table td {

		border: 1px solid #000;

	}

	.list_table th {

		color: green;

		font-weight: bold;

	}

	.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: #4ed;

		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: green;

		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;

	}

	.profile_label {

		background-color: orange;

	}

	#profile_table td {

		border: 1px solid #ccc;

	}

	.add_income_data_div form {

		width: 200px;

		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;

	}

	#loans_table_list {

		font-size: 12px;

	}

	.label {

		text-align: right;

	}

	.select_view_period {

		text-align: center;

		background-color: #ccc;

	}

	#add_loan_application_form input[type='text'],
	#add_loan_application_form select {

		width: 200px;

	}

	form input[type='text'],
	form input[type='password'],
	form select,
	form input[type='file'],
	form input[type='number'] {

		width: 240px;

		border: 1px solid #ddd;

		padding: 4px;

		border-radius: 4px;

	}

	textarea {

		height: 50px;

		border: 1px solid #ddd;

		width: 240px;

		border-radius: 4px;

	}

	.datepicker {

		width: 200px;

	}

	.header_form_div {

		text-align: center;

		background: #dddeee;

	}

	.form_rows {

		display: none;

	}



	.pagination li {

		display: inline-block;

		width: 20px;

		text-align: center;

		background: green;



	}



	.pagination a {

		text-decoration: none;

		font-size: 1.2em;

		color: #fff;

	}