/*

	Stylesheet for Tigra Calendar v5.0

	Product is Public Domain (Free for any kind of applicaiton, customization and derivative works are allowed) 

	URL: http://www.softcomplex.com/products/tigra_calendar/



	- all image paths are relative to path of stylesheet

	- the styles below can be moved into the document or in existing stylesheet



*/



/* input box in default state */ 

.tcalInput {

	background: url('img/cal.png') 100% 50% no-repeat;

	padding-right: 20px;

	cursor: pointer;

}



/* additional properties for input boxe in activated state, above still applies unless in conflict */

.tcalActive {

	background-image: url('img/no_cal.png');

}

/* container of calendar's pop-up */

#tcal {

	position: absolute;

	visibility: hidden;

	z-index: 100;

	width: 170px;

	background-color: white;

	margin-top: 2px;

	padding: 0 2px 2px 2px;

	border: 1px solid silver;



	-moz-box-shadow: 3px 3px 4px silver;

	-webkit-box-shadow: 3px 3px 4px silver;

	box-shadow: 3px 3px 4px silver;

	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";

	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');

}



/* table containing navigation and current month */

#tcalControls {

	border-collapse: collapse;

	border: 0;

	width: 100%;

}

#tcalControls td {

	border-collapse: collapse;

	border: 0;

	padding: 0;

	width: 16px;

	background-position: 50% 50%;

	background-repeat: no-repeat;

	cursor: pointer;

}

#tcalControls th {

	border-collapse: collapse;

	border: 0;

	padding: 0;

	line-height: 25px;

	font-size: 10px;

	text-align: center;

	font-family: Tahoma, Geneva, sans-serif;

	font-weight: bold;

	white-space: nowrap;

}

#tcalPrevYear { background-image: url('img/prev_year.gif'); }

#tcalPrevMonth { background-image: url('img/prev_mon.gif'); }

#tcalNextMonth { background-image: url('img/next_mon.gif'); }

#tcalNextYear { background-image: url('img/next_year.gif'); }



/* table containing week days header and calendar grid */

#tcalGrid {

	border-collapse: collapse;

	border: 1px solid silver;

	width: 100%;

}

#tcalGrid th {

	border: 1px solid silver;

	border-collapse: collapse;

	padding: 3px 0;

	text-align: center;

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 10px;

	background-color: gray;

	color: white;

}

#tcalGrid td {

	border: 0;

	border-collapse: collapse;

	padding: 2px 0;

	text-align: center;

	font-family: Tahoma, Geneva, sans-serif;

	width: 14%;

	font-size: 11px;

	cursor: pointer;

}		

#tcalGrid td.tcalOtherMonth { color: silver; }

#tcalGrid td.tcalWeekend { background-color: #299e46; }

#tcalGrid td.tcalToday { border: 1px solid red; }

#tcalGrid td.tcalSelected { background-color: #FFB3BE; }		













/*

  960 Grid System ~ Core CSS.

  Learn more ~ http://960.gs/



  Licensed under GPL and MIT.

*/



/*

  Forces backgrounds to span full width,

  even if there is horizontal scrolling.

  Increase this if your layout is wider.



  Note: IE6 works fine without this fix.

*/



body {

  min-width: 960px;

}



/* `Container

----------------------------------------------------------------------------------------------------*/



.container_12,

.container_16 {

  margin-left: auto;

  margin-right: auto;

  width: 960px;

}



/* `Grid >> Global

----------------------------------------------------------------------------------------------------*/



.grid_1,

.grid_2,

.grid_3,

.grid_4,

.grid_5,

.grid_6,

.grid_7,

.grid_8,

.grid_9,

.grid_10,

.grid_11,

.grid_12,

.grid_13,

.grid_14,

.grid_15,

.grid_16 {

  display: inline;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

}



.push_1, .pull_1,

.push_2, .pull_2,

.push_3, .pull_3,

.push_4, .pull_4,

.push_5, .pull_5,

.push_6, .pull_6,

.push_7, .pull_7,

.push_8, .pull_8,

.push_9, .pull_9,

.push_10, .pull_10,

.push_11, .pull_11,

.push_12, .pull_12,

.push_13, .pull_13,

.push_14, .pull_14,

.push_15, .pull_15 {

  position: relative;

}



.container_12 .grid_3,

.container_16 .grid_4 {

  width: 220px;

}



.container_12 .grid_6,

.container_16 .grid_8 {

  width: 460px;

}



.container_12 .grid_9,

.container_16 .grid_12 {

  width: 700px;

}



.container_12 .grid_12,

.container_16 .grid_16 {

  width: 940px;

}



/* `Grid >> Children (Alpha ~ First, Omega ~ Last)

----------------------------------------------------------------------------------------------------*/



.alpha {

  margin-left: 0;

}



.omega {

  margin-right: 0;

}



/* `Grid >> 12 Columns

----------------------------------------------------------------------------------------------------*/



.container_12 .grid_1 {

  width: 60px;

}



.container_12 .grid_2 {

  width: 140px;

}



.container_12 .grid_4 {

  width: 300px;

}



.container_12 .grid_5 {

  width: 380px;

}



.container_12 .grid_7 {

  width: 540px;

}



.container_12 .grid_8 {

  width: 620px;

}



.container_12 .grid_10 {

  width: 780px;

}



.container_12 .grid_11 {

  width: 860px;

}



/* `Grid >> 16 Columns

----------------------------------------------------------------------------------------------------*/



.container_16 .grid_1 {

  width: 40px;

}



.container_16 .grid_2 {

  width: 100px;

}



.container_16 .grid_3 {

  width: 160px;

}



.container_16 .grid_5 {

  width: 280px;

}



.container_16 .grid_6 {

  width: 340px;

}



.container_16 .grid_7 {

  width: 400px;

}



.container_16 .grid_9 {

  width: 520px;

}



.container_16 .grid_10 {

  width: 580px;

}



.container_16 .grid_11 {

  width: 640px;

}



.container_16 .grid_13 {

  width: 760px;

}



.container_16 .grid_14 {

  width: 820px;

}



.container_16 .grid_15 {

  width: 880px;

}



/* `Prefix Extra Space >> Global

----------------------------------------------------------------------------------------------------*/



.container_12 .prefix_3,

.container_16 .prefix_4 {

  padding-left: 240px;

}



.container_12 .prefix_6,

.container_16 .prefix_8 {

  padding-left: 480px;

}



.container_12 .prefix_9,

.container_16 .prefix_12 {

  padding-left: 720px;

}



/* `Prefix Extra Space >> 12 Columns

----------------------------------------------------------------------------------------------------*/



.container_12 .prefix_1 {

  padding-left: 80px;

}



.container_12 .prefix_2 {

  padding-left: 160px;

}



.container_12 .prefix_4 {

  padding-left: 320px;

}



.container_12 .prefix_5 {

  padding-left: 400px;

}



.container_12 .prefix_7 {

  padding-left: 560px;

}



.container_12 .prefix_8 {

  padding-left: 640px;

}



.container_12 .prefix_10 {

  padding-left: 800px;

}



.container_12 .prefix_11 {

  padding-left: 880px;

}



/* `Prefix Extra Space >> 16 Columns

----------------------------------------------------------------------------------------------------*/



.container_16 .prefix_1 {

  padding-left: 60px;

}



.container_16 .prefix_2 {

  padding-left: 120px;

}



.container_16 .prefix_3 {

  padding-left: 180px;

}



.container_16 .prefix_5 {

  padding-left: 300px;

}



.container_16 .prefix_6 {

  padding-left: 360px;

}



.container_16 .prefix_7 {

  padding-left: 420px;

}



.container_16 .prefix_9 {

  padding-left: 540px;

}



.container_16 .prefix_10 {

  padding-left: 600px;

}



.container_16 .prefix_11 {

  padding-left: 660px;

}



.container_16 .prefix_13 {

  padding-left: 780px;

}



.container_16 .prefix_14 {

  padding-left: 840px;

}



.container_16 .prefix_15 {

  padding-left: 900px;

}



/* `Suffix Extra Space >> Global

----------------------------------------------------------------------------------------------------*/



.container_12 .suffix_3,

.container_16 .suffix_4 {

  padding-right: 240px;

}



.container_12 .suffix_6,

.container_16 .suffix_8 {

  padding-right: 480px;

}



.container_12 .suffix_9,

.container_16 .suffix_12 {

  padding-right: 720px;

}



/* `Suffix Extra Space >> 12 Columns

----------------------------------------------------------------------------------------------------*/



.container_12 .suffix_1 {

  padding-right: 80px;

}



.container_12 .suffix_2 {

  padding-right: 160px;

}



.container_12 .suffix_4 {

  padding-right: 320px;

}



.container_12 .suffix_5 {

  padding-right: 400px;

}



.container_12 .suffix_7 {

  padding-right: 560px;

}



.container_12 .suffix_8 {

  padding-right: 640px;

}



.container_12 .suffix_10 {

  padding-right: 800px;

}



.container_12 .suffix_11 {

  padding-right: 880px;

}



/* `Suffix Extra Space >> 16 Columns

----------------------------------------------------------------------------------------------------*/



.container_16 .suffix_1 {

  padding-right: 60px;

}



.container_16 .suffix_2 {

  padding-right: 120px;

}



.container_16 .suffix_3 {

  padding-right: 180px;

}



.container_16 .suffix_5 {

  padding-right: 300px;

}



.container_16 .suffix_6 {

  padding-right: 360px;

}



.container_16 .suffix_7 {

  padding-right: 420px;

}



.container_16 .suffix_9 {

  padding-right: 540px;

}



.container_16 .suffix_10 {

  padding-right: 600px;

}



.container_16 .suffix_11 {

  padding-right: 660px;

}



.container_16 .suffix_13 {

  padding-right: 780px;

}



.container_16 .suffix_14 {

  padding-right: 840px;

}



.container_16 .suffix_15 {

  padding-right: 900px;

}



/* `Push Space >> Global

----------------------------------------------------------------------------------------------------*/



.container_12 .push_3,

.container_16 .push_4 {

  left: 240px;

}



.container_12 .push_6,

.container_16 .push_8 {

  left: 480px;

}



.container_12 .push_9,

.container_16 .push_12 {

  left: 720px;

}



/* `Push Space >> 12 Columns

----------------------------------------------------------------------------------------------------*/



.container_12 .push_1 {

  left: 80px;

}



.container_12 .push_2 {

  left: 160px;

}



.container_12 .push_4 {

  left: 320px;

}



.container_12 .push_5 {

  left: 400px;

}



.container_12 .push_7 {

  left: 560px;

}



.container_12 .push_8 {

  left: 640px;

}



.container_12 .push_10 {

  left: 800px;

}



.container_12 .push_11 {

  left: 880px;

}



/* `Push Space >> 16 Columns

----------------------------------------------------------------------------------------------------*/



.container_16 .push_1 {

  left: 60px;

}



.container_16 .push_2 {

  left: 120px;

}



.container_16 .push_3 {

  left: 180px;

}



.container_16 .push_5 {

  left: 300px;

}



.container_16 .push_6 {

  left: 360px;

}



.container_16 .push_7 {

  left: 420px;

}



.container_16 .push_9 {

  left: 540px;

}



.container_16 .push_10 {

  left: 600px;

}



.container_16 .push_11 {

  left: 660px;

}



.container_16 .push_13 {

  left: 780px;

}



.container_16 .push_14 {

  left: 840px;

}



.container_16 .push_15 {

  left: 900px;

}



/* `Pull Space >> Global

----------------------------------------------------------------------------------------------------*/



.container_12 .pull_3,

.container_16 .pull_4 {

  left: -240px;

}



.container_12 .pull_6,

.container_16 .pull_8 {

  left: -480px;

}



.container_12 .pull_9,

.container_16 .pull_12 {

  left: -720px;

}



/* `Pull Space >> 12 Columns

----------------------------------------------------------------------------------------------------*/



.container_12 .pull_1 {

  left: -80px;

}



.container_12 .pull_2 {

  left: -160px;

}



.container_12 .pull_4 {

  left: -320px;

}



.container_12 .pull_5 {

  left: -400px;

}



.container_12 .pull_7 {

  left: -560px;

}



.container_12 .pull_8 {

  left: -640px;

}



.container_12 .pull_10 {

  left: -800px;

}



.container_12 .pull_11 {

  left: -880px;

}



/* `Pull Space >> 16 Columns

----------------------------------------------------------------------------------------------------*/



.container_16 .pull_1 {

  left: -60px;

}



.container_16 .pull_2 {

  left: -120px;

}



.container_16 .pull_3 {

  left: -180px;

}



.container_16 .pull_5 {

  left: -300px;

}



.container_16 .pull_6 {

  left: -360px;

}



.container_16 .pull_7 {

  left: -420px;

}



.container_16 .pull_9 {

  left: -540px;

}



.container_16 .pull_10 {

  left: -600px;

}



.container_16 .pull_11 {

  left: -660px;

}



.container_16 .pull_13 {

  left: -780px;

}



.container_16 .pull_14 {

  left: -840px;

}



.container_16 .pull_15 {

  left: -900px;

}



/* `Clear Floated Elements

----------------------------------------------------------------------------------------------------*/



/* http://sonspring.com/journal/clearing-floats */



.clear {

  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}



/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */



.clearfix:before,

.clearfix:after,

.container_12:before,

.container_12:after,

.container_16:before,

.container_16:after {

  content: '.';

  display: block;

  overflow: hidden;

  visibility: hidden;

  font-size: 0;

  line-height: 0;

  width: 0;

  height: 0;

}



.clearfix:after,

.container_12:after,

.container_16:after {

  clear: both;

}



/*

  The following zoom:1 rule is specifically for IE6 + IE7.

  Move to separate stylesheet if invalid CSS is a problem.

*/



.clearfix,

.container_12,

.container_16 {

  zoom: 1;

}



/* SYSTEM CSS START 


Dark - 44555f

Light - 299e46

*/



body {

	font-family: calibri, cambria, arial;

	margin: 0 0 0 0;

}



a {

	text-decoration: none; 

}





.top-img {

	margin: 100px 0 0 0;

}



.index-body {

	background-color:#299e46;

}



.login-table {

	background-color:#ffffff;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    border-radius: 5px;

	border-collapse: collapse; 

}



.sys-ttl {

	text-align: center;

	font-size: 24px;

	font-weight: bold;

	color: #ffffff;

	background-image:url('../images/grid-bg.png');

	background-repeat: repeat-x;

 

}



.un {

	height: 40px;

	width: 300px;

	background-color:#f1f0f6;

	border: 1px #d5d4d8 solid;

	font-size: 18px;

	font-weight: bold;

	color: ;

	background-image:url('../images/User.png');

	background-repeat: no-repeat;

	background-position:right center;

	padding: 0 0 0 5px;

	

}



.pw {

	height: 40px;

	width: 300px;

	background-color:#f1f0f6;

	border: 1px #d5d4d8 solid;

	font-size: 18px;

	font-weight: bold;

	color: ;

	background-image:url('../images/KEY.png');

	background-repeat: no-repeat;

	background-position:right center;

	padding: 0 0 0 5px;

	

}





.lgn {

	height: 40px;

	width: 300px;

	background-color:#646c78;

	font-size: 16px;

	font-weight: ;

	color: #ffffff;

	border: 1px #646c78 solid;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    border-radius: 5px;

}



.fyp {

	text-align: right;

	font-size: 14px;



}







.fyp a{

	text-align: right;

	font-size: 14px;

	padding: 0 25px 0 0;

	color: #000000;

	text-decoration: none;



}



.fyp a:hover{

	text-align: right;

	font-size: 14px;

	padding: 0 25px 0 0;

	color: #000000;

	text-decoration: underline;

}



.remember {

	text-align: left;

	font-size: 14px;

	padding: 0 0 0 25px;

	

}



.chqbox {

	margin: 3px;

	

}





.user-top {

	background-image:url('../images/header.jpg');

	background-repeat: repeat-x;

	height: 140px;

}


#heads {

	background-image: url('../images/bg-heads.png') ;
	padding-top: 20px;
	

}

#menu {

	background: #299e46 ;
	padding: 12px 0 7px 0;
	color: #44555f;
	font-size: 18px;
	font-weight: bold;
}

/* CSS for drop down menu START */
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}


#sddm li
{	margin: 0;
	padding: 0 15px 0 0;
	list-style: none;
	float: left;
	}




.FPMbariga  a
{	
	color: #44555f;
	text-decoration: none}

.FPMbariga  a:hover
{	text-decoration: underline}






#sddm li a
{	display: block;
	color: #44555f;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	text-decoration: underline}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #299e46;
		color: #44555f;
		font: 16px }

	#sddm div a:hover
	{	
		color: #44555f;}

/* CSS for drop down menu END */



.tafuta input{
	
	height: 30px;
	width: 200px;
	background-color:#c0c1c7;
	border: 1px #9fa1a5 solid;
	font-size: 14px;
	font-weight: ;
	color: #585d63;
	padding: 0 0 0 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	margin-top: -5px;
	
}


#mwili {

	background: #C0C1C7;
	
	color: #121314;
}


#chini {
	background: #299e46 ;
	padding: 10px 0 10px 0;
	color: #44555f;
	font-size: 13px;
	font-weight: bold;
	
	}
	
	
.tits {
	
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		text-decoration: underline;
	}
	
.rectab1 {
	border-collapse: collapse;
	width: 100%;
	
}
	
.inpttxt {
		border : 1px solid #299e46;
		background: #FBFBFB;
		padding: 2px;
	}
	
#rfrom {
	height: 25px;
	width: 400px;

}

#desc {
	height: 60px;
	width: 400px;

}

#amount {
	height: 25px;
	width: 150px;

}

#curr {
	height: 25px;
	width: 150px;

}

#er {
	height: 25px;
	width: 150px;

}

.tits2 {
	font-weight: bold;
	font-size: 15px;
	text-align: center;
}

.rectab2 {

	width: 100%;
	padding: 10px;
	margin: 20px 0 25px 0;
}

.rectab21 {
	margin: 5px 0 5px 0;

}


.apprR {
	
	font-weight: bold;
}
.apprL {
	border-bottom: 1px solid #000000;
}

.seldrcr {
	background-color: #C0C1C7;
	border: none;
	width: 98%;
}

.cstn {
	background-color: #C0C1C7;
	border: none;
	width: 98%;
}

.descr {
	background-color: #C0C1C7;
	border: none;
	width: 98%;
}

.accodes {
	background-color: #C0C1C7;
	border: none;
	width: 98%;
}

.dtinpt {
	background-color: #C0C1C7;
	border: none;
	width: 87%;
	text-align: center;
}

.save {
	height: 35px;
	width: 100px;
	font-size: 16px;
	font-weight: bold;
	color: #C0C1C7;
	background-color: #299e46;
	border: 1px solid #299e46;
}

.outop {
	margin: 20px 0 10px 0;
}

.viewbox tr td{
	padding: 7px 0 7px 0;
}

.amountkuu {
	text-align: right;
	padding-right: 3px;
	border: 1px solid #000000;
}

.ser {
	font-family: "Agency FB";
	font-size: 25px;
}

.total {
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
	font-size: 20px;
	border-left: hidden;
	border-bottom: hidden;
}

.emp {
	border-right: hidden;
	border-bottom: hidden;
}

.drcr {
	text-align: right;
	font-size: 18px;
	text-decoration: underline;
}

.drcrr {
	text-align: right;
}

.cljbno {
	text-align: center;
}

.pcas {
	font-size: 20px;
	font-weight: bold;
}

.allvlst {
	border-collapse: collapse ;
	width: 100%;
	margin: 20px 0 10px 0 ;

}

.allvt {
	border-left: hidden;
	border-right: hidden;
	border-top: hidden;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
}

.allvt1 {

	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

.allvt2 {

	font-weight: bold;
	font-size: 18px;
	text-align: center;
}





.allvtgl {
	border-left: hidden;
	border-right: hidden;
	border-top: hidden;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
}


.allvt2gl {

	font-weight: bold;
	font-size: 12px;
	text-align: center;
}






.allvt2a {

	font-size: 14px;
	text-align: center;
}



.allvm {
	text-align: center;
}

.allvm:hover {
	text-align: center;
	background-color: #299e46;
}

.allvm a{
	text-align: center;
	color: #000000;
}

.allvm a:hover{
	text-align: center;
	color: #000000;
	text-decoration: underline;
}


.hmpg {

	height:;
	font-size: 25px;
	font-weight: bold;
	text-decoration: underline;
}

.repttl {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding-top: 20px;

}

.repttl a{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #000000;
}

.repttl a:hover{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #000000;
	text-decoration: underline;
}

.repinpt {

	height: 30px;
	width: 250px;
	font-size: 16px;
	font-weight: bold;
	background-color: #FBFBFB;
	border: 1px solid #299e46;
	text-align: center;
}

.rpttblcont {
	text-align: center;
}

.nlg {
	padding-bottom: -10px:
}

.rdesc {
	text-align: left;
}

.howto {
	font-weight: bold;

}

.howtoinn {
	font-weight: normal;
	font-style: italic;
	padding-left: 20px;
}

.howtoinn a{
	font-weight: normal;
	font-style: italic;
	color: #299e46;
	display: none;
}
.howtoinn a:hover{
	font-weight: normal;
	font-style: italic;
	color: #299e46;
	text-decoration: underline;
}

.custdet a{
	color: #121314;
}
.custdet a:hover{
	color: #121314;
	text-decoration: underline;
}

.statpic img{
	position:absolute;
	z-index: 10;
	margin: -110px 0 0 440px;
	-webkit-transform: rotate(330deg);
	-moz-transform: rotate(330deg);
}


.reason {
		border : 1px solid #299e46;
		background: #FBFBFB;
		height: 150px;
		width: 600px;
		padding: 2px;
	}
	
#vtype {

	height: 35px;
	width: 250px;
	font-size: 16px;
	font-weight: bold;
	background-color: #FBFBFB;
	border: 1px solid #299e46;
	background: #FBFBFB;
}

.mwisho {
	padding-top: 20px;
}


.sallary {
		border : 1px solid #299e46;
		background: #FBFBFB;
		padding: 2px;
		height: 30px;
		width: 60px;
	}
	
.sallarytb {

	border-collapse: collapse;
	margin: 10px 0 5px 0;
	width: 100%;
}

.saltit {
	border-left: hidden;
	border-right: hidden;
	border-top: hidden;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

.salrtits2 {

	font-weight: bold;
	font-size: 17px;
	text-align: center;
}


.totvochr {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

.innrtitles {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: ;
}


.innrdetails {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;

}