/**
 * Table of Contents
 *
 * 1.0 - Header
 * 2.0 - Layout
 * 3.0 - Line Items 
 * 4.0 - Regular Text 
 * 5.0 - Form Items  
 * 6.0 - Buttons
 * 7.0 - List View
 * 8.0 - Div layer
 * 9.0 - Common
 **/

/**
 * 1.0 Header
 */
 
.header-wraper1{
	width:100%;
	height:20px;
	border: solid 2px #E2E2D2;
	background-color:#E2E2D2;
	margin-top: 5px;
	margin-bottom: 0px;
	border-spacing:5px;
	text-align:left;
}

.header-wraper2{
	width:100%;
	height:35px;
	border: solid 0px #E2E2D2;
	background-color:#D0D0C0;
	border-spacing:5px;
	}

.header-wraper3{
	width:100%;
	height:42px;
	border: solid 0px #E2E2D2;
	background-color:#CFCABD;
	border-spacing:5px;
}

.header_inner { 
	border-top-right-radius: 12px;
	border-top-left-radius: 12px; 
	FONT-WEIGHT: bold;
	FONT-SIZE: 80%;
	COLOR: #2B354E;
	LINE-HEIGHT: 220%; 
	FONT-FAMILY : Arial, Helvetica;
	padding-left: 5px;
	text-align: center;
	}
	
	
/*a.header_link{
	color:#62625B;
}

a.header_link:visited{
	color:#62625B;
}

a.header_link:hover{
	color:red;
}
*/
td.header_active{
	background:#a59482;
	border-radius: 12px;
	text-align:center;
}

td.header_link:hover{	
	background: #ffcc99;
	cursor : pointer;
}

td.header_link{
	/*opacity: .8;	*/
	border-radius: 12px;
	text-align:center;		
}

/**
 * 2.0 - Layout
 */
 
XML
{
  WIDTH: 0px;
  HEIGHT: 0px;
  DISPLAY: none;
}

body {
	
    height:100%;
    margin:0;
    /* background color CEC: #878a70; MX: #c3a486; MU:#93949e*/
	background: linear-gradient(to bottom, #c3a486 0%, #fff 100%) repeat;
	background-repeat: no-repeat;
	background-attachment: fixed;
	max-width: 100%;
	overflow-x: hidden;
	/*FONT-FAMILY : Arial, Helvetica;*/
}

.wrapper_full{
	width:960px;
	background-color: #E2E2D2;
	border-right: 1px solid gold;
	border-bottom: 1px solid gold;
	border-left: 1px solid gold;"
	text-align: center; 
	padding:0px;
	border-spacing:0px;
	margin:auto;
}

.wrapper_inner{
	width:950px;
	background-color: #FCF8E7;
	border-right: solid 1px #D0D0C0;
	border-bottom: solid 5px #D0D0C0;
	border-left: solid 1px #D0D0C0;
	text-align: center; 
	padding:0px;
	border-spacing:0px;
	margin:auto;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;	
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.wrapper_list{
	background-color: #D0D0C0;
	border-right: solid 5px #E2E2D2;
	border-bottom: solid 5px #E2E2D2;
	border-left: solid 5px #E2E2D2;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.table-default {
    width: 100%;
    border: 0;
    padding: 0;
    border-spacing: 0; /* use px normally. but here is compatiable with old code */
}

.table_wrapper {
    background-color: #D0D0C0;
}


/* outlined boxes 
.outboundlight-grey { 
			BORDER-TOP : #336699 1px solid;
			BORDER-RIGHT : #336699 1px solid;
			BORDER-BOTTOM : #336699 1px solid;
			BORDER-LEFT : #336699 1px solid;
			BACKGROUND-COLOR : #F5F5F5; }

.outbounddark-grey { 
			BORDER-TOP : #7C7C94 1px solid;
			BORDER-RIGHT : #7C7C94 1px solid;
			BORDER-BOTTOM : #7C7C94 1px solid;
			BORDER-LEFT : #7C7C94 1px solid;
			BACKGROUND-COLOR : #F5F5F5; 
			}

.outbound-blue-table { 
			BORDER-TOP : #B3C5DD 1px solid;
			BORDER-RIGHT : #B3C5DD 1px solid;
			BORDER-BOTTOM : #B3C5DD 1px solid;
			BORDER-LEFT : #B3C5DD 1px solid;
			BACKGROUND-COLOR : #e8e8e8; 
			}

.outbound-blue { 
			BORDER-TOP : #336699 1px solid;
			BORDER-RIGHT : #336699 1px solid;
			BORDER-BOTTOM : #336699 1px solid;
			BORDER-LEFT : #336699 1px solid; 
			BACKGROUND-IMAGE: url(../images/blue_bg.gif); }
			
.outbound-blue-header { 
			BORDER-TOP : #336699 1px solid;
			BORDER-RIGHT : #336699 1px solid;
			/ *BORDER-BOTTOM : #336699 1px solid;* /
			BORDER-LEFT : #336699 1px solid;
			BACKGROUND-IMAGE: url(../images/head_bg.gif);
			BACKGROUND-REPEAT : repeat-x;}
			
.outbound-grey-header { 
			BORDER-TOP : #7C7C94 1px solid;
			BORDER-RIGHT : #7C7C94 1px solid;
			/ *BORDER-BOTTOM : #7C7C94 1px solid;* /
			BORDER-LEFT : #7C7C94 1px solid;
			BACKGROUND-IMAGE: url(../images/head_bg3.gif);
			BACKGROUND-REPEAT : repeat-x;}
			
.outbound-background-grey {
			BORDER-TOP : #7C7C94 1px solid;
			BORDER-RIGHT : #7C7C94 1px solid;
			BORDER-BOTTOM : #7C7C94 1px solid;
			BORDER-LEFT : #7C7C94 1px solid;
			BACKGROUND-IMAGE: url(../images/grey_bg.gif);}
*/

/* BACKGROUNDS */
.bar1{
	background: #b8ab9d;
	background: -moz-linear-gradient(top, #c5c6b6 0%, #99A3A4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c5c6b6), color-stop(100%, #99A3A4));
	background: -webkit-linear-gradient(top, #c5c6b6 0%, #99A3A4 100%);
	background: -o-linear-gradient(top, #c5c6b6 0%, #99A3A4 100%);
	background: -ms-linear-gradient(top, #c5c6b6 0%, #99A3A4 100%);
	background: linear-gradient(to bottom, #c5c6b6 0%, #99A3A4 100%);
}

.bar{
	background: #b8ab9d;
	background: -moz-linear-gradient(top, #faf8e8 0%, #c5c6b6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #faf8e8), color-stop(100%, #c5c6b6));
	background: -webkit-linear-gradient(top, #faf8e8 0%, #c5c6b6 100%);
	background: -o-linear-gradient(top, #faf8e8 0%, #c5c6b6 100%);
	background: -ms-linear-gradient(top, #faf8e8 0%, #c5c6b6 100%);
	background: linear-gradient(to bottom, #faf8e8 0%, #c5c6b6 100%);
}

.bar2{
	background: #b8ab9d;	
	background: -moz-linear-gradient(top, #a59482 0%, #c5c6b6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a59482), color-stop(100%, #c5c6b6));
	background: -webkit-linear-gradient(top, #a59482 0%, #c5c6b6 100%);
	background: -o-linear-gradient(top, #a59482 0%, #c5c6b6 100%);
	background: -ms-linear-gradient(top, #a59482 0%, #c5c6b6 100%);
	background: linear-gradient(to bottom, #a59482 0%, #c5c6b6 100%);	
}

.corner{	
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;	
}	

/*
.history_selected{
	background-color: #E2E2D2;
	color:#A54E4E !important;
}

.history td {
	width : 159px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 70%;
	COLOR: #62625B;
	LINE-HEIGHT: 300%;
	FONT-FAMILY : Arial, Helvetica;
	padding-left: 5;
	text-transform: uppercase;
	cursor : pointer;
	text-align: center;
}

.history td:hover{
	color:orangered;
	cursor : pointer;
}*/
					
/**
 * 3.0 - Line Items 
 */
 
td.lineitem { 
			FONT-SIZE: 70%; /*65%;*/
			COLOR: #17202A; 
			LINE-HEIGHT: 140%; /*135%;*/
			FONT-FAMILY: Arial, Helvetica;
			padding-left: 5px;
		}
			  
.timeheader { 
				FONT-SIZE: 65%;
				COLOR: #25569B; 
				LINE-HEIGHT: 200%; 
				FONT-FAMILY: Arial, Helvetica;
				padding-left: 5;
				}
				
.lineitemheader { 
					FONT-WEIGHT: bold;
					FONT-SIZE: 70%;
					COLOR: #87625B; /*#62625B;*/
					LINE-HEIGHT: 220%; /*300%;*/
					FONT-FAMILY : Arial, Helvetica;
					/*BORDER-BOTTOM : #336699 2px solid;*/ 
					/*BACKGROUND-COLOR : #BFDFFF;*/ 
					padding-left: 5px;
					}
td.itemheader { 
					FONT-WEIGHT: bold;
					FONT-SIZE: 73%;
					COLOR: #2B354E; /*#62625B;*/
					LINE-HEIGHT: 130%; /*150%;*/
					FONT-FAMILY : Arial, Helvetica;
					/*BORDER-BOTTOM : #336699 2px solid;*/ 
					/*BACKGROUND-COLOR : #BFDFFF;*/ 
					padding-left: 5;
					text-transform: uppercase;
					}
td.itemheader1 {
					FONT-WEIGHT: bold;
					FONT-SIZE: 76%;
					COLOR: #17202A;
					LINE-HEIGHT: 150%;
					FONT-FAMILY : Arial, Helvetica;
					padding-left: 5;
					text-transform: uppercase;
					}
					
td.itemheader2 {
					FONT-WEIGHT: bold;
					FONT-SIZE: 70%;
					COLOR: #A54E4E;
					LINE-HEIGHT: 150%;
					FONT-FAMILY : Arial, Helvetica;
					/*BORDER-BOTTOM : #336699 2px solid;*/
					/*BACKGROUND-COLOR : #BFDFFF;*/
					padding-left: 5;
					text-transform: uppercase;
					}
					
td.titletext { FONT-WEIGHT: bold; 
			   FONT-SIZE: 14px; 
			   COLOR: #999999; 
			   LINE-HEIGHT: 200%; 
			   FONT-FAMILY: Arial, Helvetica, sans-serif; 
			   /*BORDER-BOTTOM : #336699 1px solid;*/
			   }
			   
td.lineitemorange { FONT-SIZE: 65%;
					COLOR: orange; 
					LINE-HEIGHT: 200%;
					FONT-FAMILY: Arial, Helvetica;
					padding-left: 5;
					}
					
td.lineitemred { FONT-SIZE: 65%;
				 COLOR: red; 
				 LINE-HEIGHT: 200%; 
				 FONT-FAMILY: Arial, Helvetica;
				 padding-left: 5;
				  }

/**
 * 4.0 - Regular Text 
 */
 
.boldtext { FONT-WEIGHT: bold;
			  FONT-SIZE: 70%; /*65%;*/
			  COLOR: #17202A; /*#62625B;*/
			  LINE-HEIGHT: 200%; 
			  FONT-FAMILY: Arial, Helvetica;
			  padding-left: 5;
			  padding-right: 5;
			   }

.pagetext { 
			FONT-SIZE: 70%; /*65%;*/
			COLOR: #17202A; /*#62625B;*/
			LINE-HEIGHT: 140%; /*135%;*/
			FONT-FAMILY: Arial, Helvetica, sans-serif;
			padding-left: 5px; }
								
.pagetext-bold {
			FONT-WEIGHT: bold; 
			FONT-SIZE: 70%; /*65%;*/
			COLOR: #17202A; /*COLOR: #62625B;*/
			LINE-HEIGHT: 125%;  /*135%;*/
			FONT-FAMILY: Arial, Helvetica, sans-serif;
			padding-left: 5px; }

.pagetext-red {
			FONT-WEIGHT: bold; 
			FONT-SIZE: 65%;
			COLOR: #CC0000; 
			LINE-HEIGHT: 135%; 
			FONT-FAMILY: Arial, Helvetica, sans-serif;
			padding-left: 5; }
			
.tabtext { 
			FONT-SIZE: 65%;
			COLOR: #62625B;
			LINE-HEIGHT: 135%; 
			FONT-FAMILY: Arial, Helvetica, sans-serif;
			padding-left: 5; 
			padding-right: 5;
			cursor : pointer; }

.headertext {
			FONT-WEIGHT: bold;
			FONT-SIZE: 65%;
			COLOR: #000000; 
			LINE-HEIGHT: 135%; 
			FONT-FAMILY: Arial, Helvetica, sans-serif;
			padding-left: 5; }

.headertext_white {
			FONT-WEIGHT: bold;
			FONT-SIZE: 65%;
			COLOR: #FFFFFF; 
			LINE-HEIGHT: 135%; 
			FONT-FAMILY: Arial, Helvetica, sans-serif;
			PADDING-LEFT: 5; }
			 
.headertext2 { 
			FONT-WEIGHT : bold;
			FONT-SIZE : 14px;
			COLOR: #666666;
			LINE-HEIGHT : 135%;
			FONT-FAMILY : Arial, Helvetica, sans-serif; }
			   
.headertext3 { 
			FONT-WEIGHT : bold;
			FONT-SIZE : 14px; 
			COLOR : #336699; 
			LINE-HEIGHT : 135%; 
			FONT-FAMILY : Arial, Helvetica, sans-serif; }

.headertext4 {
			FONT-WEIGHT : bold;
			FONT-SIZE : 17px; /*14px;*/
			COLOR : #62625B;
			LINE-HEIGHT : 135%;
			FONT-FAMILY : Arial, Helvetica, sans-serif; }
			
.headertext5 {
			FONT-WEIGHT: bold;
			FONT-SIZE: 80%;
			COLOR: #62625B;
			LINE-HEIGHT: 300%;
			FONT-FAMILY : Arial, Helvetica;
			text-transform: uppercase;
			cursor : pointer;
			text-align: center;
			}

.footer {   FONT-SIZE: 50%;
				COLOR: #000000; 
				LINE-HEIGHT: 135%; 
				FONT-FAMILY: Arial, Helvetica;
				padding-left: 5; }
.logoff_text {
			FONT-SIZE: 90%;
			COLOR: #62625B;
			LINE-HEIGHT: 20px;
			FONT-FAMILY: Arial, Helvetica, sans-serif;
			padding-TOP: 15;
			padding-left: 10;
			padding-right: 10;
			padding-bottom: 15;
			cursor: pointer;
/*			text-decoration: underline;  irimescu */
			text-decoration: none;
			 }
.logoff_text:hover{
	color:orange;
}

.tabs {
		BACKGROUND-IMAGE: url(../images/tab_bg.gif);}


/**
 * 5.0 - Form Items 
 */
		 
input {	
			FONT-SIZE : 11px; /*10px;*/
			VERTICAL-ALIGN : middle;
			FONT-FAMILY : Arial, helvetica, sans-serif; /*arial;*/
			background-color:#FCF8E7;
			border: 1px solid #D0D0C0;
			border-radius: 5px;
			height: 20px;
			padding-left: 3px;
		}
input[disabled], input[readonly]
{
    background-color:#D0D0C0;
}		
input[type=radio], input[type=checkbox]{
	background-color:transparent;
}
			
select{
			VERTICAL-ALIGN : middle;
			font-size :	11px;
			font-family: Arial, helvetica, sans-serif; 
			background-color:#FCF8E7;
			border: 1px solid #D0D0C0;
			height: 20px;
			outline:0px;
			border-radius: 5px;	
			/*color:#62625B;*/
}

textarea {
			FONT-SIZE : 12px;
			padding:5px;
			VERTICAL-ALIGN : middle;
			FONT-FAMILY: Arial, Helvetica, sans-serif;
			border: 1px solid #D0D0C0;
			border-radius:10px;
			background-color: #FAF8F5;
			color:#62625B;
}
textarea:focus {
	outline:none !important;
	border-color: #D0D0C0;
	box-shadow: 0 0 10px gold;
	/*background-color: lightgoldenrodyellow;*/
}
input:focus, select:focus {
	outline:none !important;
	border-color: #D0D0C0;
	box-shadow: 0 0 10px gold;
}

/* PRINT FRIENDLY PAGE ITEMS */

.table-look { 
			BORDER-TOP : #000000 1px solid;
			BORDER-RIGHT : #000000 1px solid;
			BORDER-BOTTOM : #000000 1px solid;
			BORDER-LEFT : #000000 1px solid;
			}
.table-head { 
			FONT-WEIGHT: bold;
			FONT-SIZE: 70%; 
			COLOR: #FFFFFF; 
			LINE-HEIGHT: 250%; 
			FONT-FAMILY : Arial, Helvetica;
			/*BORDER-BOTTOM : #336699 2px solid;*/ 
			BACKGROUND-COLOR : #000000; 
			padding-left: 5; 
			}
.headertext-print { 
					FONT-WEIGHT : bold;
					FONT-SIZE : 16px; 
					COLOR : #000000; 
					LINE-HEIGHT : 200%; 
					FONT-FAMILY : Arial, Helvetica;
				}
.headertext-black { 
					FONT-WEIGHT : bold;
					FONT-SIZE : 16px; 
					COLOR : #000000; 
					LINE-HEIGHT : 100%; 
					FONT-FAMILY : Arial, Helvetica;
				}
.menubutton {
					FONT-SIZE: 10px;
					font-weight: bold;
					COLOR: #62625B;
					LINE-HEIGHT: 135%;
					FONT-FAMILY: Arial, Helvetica, sana-serif;
					/*BORDER-TOP: #62625B 2px solid;*/
					BORDER-BOTTOM: #D5BFAA 2px solid;
					BORDER-RIGHT: #D5BFAA 2px solid;
					/*BORDER-LEFT: #62625B 2px solid;*/
					/*BACKGROUND-COLOR : #e8e8e8;*/
				}


/**
 * 6.0 - Buttons 
 */

.cusbutton {
	-moz-box-shadow:inset 0px 0px 8px 0px #ffcc99;
	-webkit-box-shadow:inset 0px 0px 8px 0px #ffcc99;
	box-shadow:inset 0px 0px 8px 0px #ffcc99;
	background-color:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #ffcc99) );
	background-color:-moz-linear-gradient( center top, #fff 5%, #ffcc99 100% );
	background-image: -ms-linear-gradient(top, #fff 5%, #ffcc99 100%);
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	display:inline-block;
	color:#000;
	font-family: 'open sans', helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	height:23px;
	width:75px;
	text-decoration:none;
	text-align:center;
	padding:0px;
}

.cusbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcc99), color-stop(1, #fff) );
	background:-moz-linear-gradient( center top, #ffcc99 5%, #fff 100% );
	background-image: -ms-linear-gradient(top, #ffcc99 5%, #fff 100%);
	background-color:#ffcc99;
	color:#000;
	font-weight:bold;
}

.cusbutton:active {
	position:relative;
	top:1px;
}

.cusbutton:focus {
	outline: none;
}

input.cusbutton {
	font-size: 10px;
	vertical-align: middle;
	font-family: arial;
	background-color: #fff;
	border: #bbb 1px solid;
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 0 0 0px;
	height: 25px;
	border-radius: 5px;
}

/**
 * 7.0 - List view
 */
.listview {
	z-index:1; 
	visibility: visible; 
	overflow: auto;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;	
}
 
.listview tr{
	cursor : pointer;
	height:23px; 
	text-align: left;
	background-color:#F1F1F1;
}
 
.listview tr:hover {
	background-color:lightgoldenrodyellow;
}

.listview tr:nth-child(even){
	background-color: #F6F7F0;
}

.listview tr.expense{
	background-color:#FFFF99;
}
 

/**
 *8.0 - Div Layer  
 */
div.accordion_div {
    background-color: #F1F1F1;
}
 
div.popuplayer{
	position:absolute; 
	left:0px; 
	top:0px; 
	z-index:8; 
	visibility: hidden; 
	border: 1px solid #D0D0C0;
	background-color:#FCF8E7; 
	border-radius: 20px;
}

.popupheader { 
	background: #a59482;
	padding-left:20px;
	padding-top: 5px;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px; 
	FONT-WEIGHT: bold;
	FONT-SIZE: 75%;
	COLOR: #2B354E;
	LINE-HEIGHT: 220%; 
	FONT-FAMILY : Arial, Helvetica;
	padding-left: 5px;
	text-align: center;
	}

div.selectlayer{
	position:absolute; 
	left:0px; 
	top:0px; 
	z-index:3; 
	visibility: hidden; 
}

select.layer {
			VERTICAL-ALIGN : middle;
			FONT-FAMILY : Courier New;
			font-size :	9pt;
			background-color:#FCF8E7;
			border: 1px solid #D0D0C0;
			height: auto;
			}

#helplayer{
	position:absolute; 
	left:300px; 
	top:104px; 
	height:185px;
	width:420px; 
	z-index:8; 
	visibility: hidden; 
	border: 1px solid #D0D0C0; 
	background-color: #FCF8E7; 
	border-radius: 20px;
}
	
#helplayer td.link{
	cursor : pointer; 
	text-align:left;
	padding-left: 36px;
}

#helplayer td.link:hover{
	background-color: #F9E79F;
}

div.deletediv{
	position:absolute;
	width:27;
	height:27;
	left:0;
	top:0;
	visibility: hidden;
	z-index:3;
}

#deleteimage{
	border:0px;
	border-radius:3px;
	width:27px;
	height:27px;
}

div.menudiv{
	position:absolute;
	display:none;
	top:0px; 
	left:0px; 
	z-index:100; 
	background-color: #D5BFAA; 
	border: 1px solid #C3A587; 
	border-radius:5px;
}

.menuitem{
	background-color:#FCF8E7; 
	cursor:pointer; 
	text-align:center; 
	vertical-align:middle; 
	border-radius:5px;
}

div.descdiv{
	position:absolute;
	left:0;
	top:0;
	visibility: hidden;
	z-index:3;
	overflow: visible;
	border:1px solid #D0D0C0; 
	background-color:#E7D9C4;
}

.expense{
	FONT-SIZE: 105%;
	COLOR: #DB8041; 
}
/**
 *9.0 - Common 
 */