/* 
 * ========================================
 * Global Elements and General Styles
 * ========================================
 */

html,
body {
	background: #FFF;
	color: #000;
	font-family: Arial, Verdana, "Trebuchet MS", Tahoma, sans-serif, Georgia, Courier, "Times New Roman", serif;
	font-size: 12px;
	height: 100%;
	line-height: 135%;
	margin: 0;
	padding: 0;  /* required for Opera to have 0 margin */
	text-align: center; /* centers page in IE */
}

address {
	color: #444;
	font-size: 12px;
	font-style: normal;
	margin: 20px 20px 10px 80px;
	text-align: left;
}

.divider {
	color: #444;
	padding: 0px 4px;
}

h1.Title {
	height: 25px;
	margin: 0px;
	text-indent: -5000px;
}

h1 {
	border-bottom: 1px dotted #999;
	text-align: left;
	width: 500px; 
}

h2 {
	/*border-bottom: 1px dotted #999;*/
	color: #2951AD;
	font-family: Georgia, Arial, sans-serif !important; 
	font-size: 13px;
	padding: 0px 0x 0px 0px;
	/*line-height: 150%;*/
	margin: 0px;
	text-align: left;
	width: 720px;
	height: 20px;
}

h3 {
	color: #111;
	font-size: 12px;
	font-weight: bold;
	padding: 14px 10px 0px 0px;
	line-height: 150%;
	margin: 0px;
	text-align: left;
	width: 480px;
}

img {border: 0px;}
.left {float: left;}
.lefttext {text-align: left;}
.light {font-weight: normal !important;}

.nopad {
	border-spacing: 0 !important; /* not supported by IE */
	margin: 0 !important;
	padding: 0 !important;
}

p {
	font-size: 12px;
	line-height: 160%;
	margin: 5px 0px 0px 0px;
	padding: 7px 0px 0px 15px;
	text-align: justify;
}

p.code {
	font-family: Courier !important;
	font-size: 11px;
}

p.error {
	background: #F9F9F9;
	border: 1px dotted #FF0011;
	color: #FF0011;
	font-size: 13px;
	font-weight: bold;
	margin: 20px 0px 0px 10px !important;
	padding: 10px !important;
}

pre {text-align: left;}

.small {
	color: #444;
	font-size: 11px;
}

.red {color: #F00;}
.right {float: right;}

  /* 
 * ========================================
 * Table Styles
 * ========================================
 */

/* for mouse hover on certain pages */
tr.tdhover td {
	background: #D7D7D7;
}

/*
table {
	background: #999;
	border: 0;
	border-spacing: 1px;
	margin: 0;
	padding: 0;
	text-align: left;
}

table.clear,
table.clear th,
table.clear td {
	background: transparent;
}

table th {
	background: #EEE;
	font-weight: bold;
	padding: 4px;
	text-align: center;
}

table td {
	background: #FFF;
	padding: 3px 5px;
}
*/


  /* 
 * ========================================
 * Link Styles
 * ========================================
 */

a:link,
a:active,
a:visited {
	color: #2951AD;
/*	font-weight: bold;	*/
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: none;
}

/* 
 * ========================================
 * Page Setup
 * ========================================
 */

#Wrapper {
	background: transparent url(../graphics/mainpage-bg.gif) repeat-y top left;
	border: 3px solid #CDCDCD;
	left: 50%;
	margin: 0px auto 0px -400px; /* not supported by IE5 */
	padding: 0;
	position: absolute;
	text-align: left;
	width: 784px;
}

#Header,
#Header #Logo,
#Header #Swirl,
#Header #Slogan {
	/*height: 87px;*/
	height: 23px;
	margin: 0;
	padding: 0;
}

#Header {
	background: #FFF;
}

#Header #Logo {
	display: block;
	float: right;
	width: 260px;
/*
	background: transparent url(../graphics/rentec_logo50.png) repeat-y top left;
	height: 50px;
*/
}

#Header #Swirl {
	display: block;
	float: left;
	width: 179px;
/*
	background: transparent url(../graphics/header-center-arch50.png) repeat-y top left;
	height: 50px;
*/
}

#Header #Slogan {
	display: block;
	float: left;
	width: 345px;
/*
	background: transparent url(../graphics/dissolve_topleft_blank50.png) repeat-y top left;
	height: 50px;
*/
}

#MainPage {
	display: block;
	margin: 1px 0px 20px 25px;
	padding: 0;
	width: 745px;
}

#PageTop {
	background: transparent url(../graphics/pagetop-bg.gif) repeat-x top left;
	height: 19px;
	margin: 0;
	padding: 0;
}

#PageTop #Corner{
	background: transparent url(../graphics/pagetop-corner.gif) no-repeat top left;
	height: 20px;
	margin: 0;
	padding: 0;
}

/* 
 * ========================================
 * Form Elements
 * ========================================
 */

form {
	margin: 20px;
	text-align: left; 
}


input,
select,
textarea {
	background: #FFF;
	border: 1px solid #999;
	padding: 2px;
}

input.button {
	border: none;
	background: none;
}

OPTION.income {
	background-color:#BDE2B8; 
	/*color:#006600;*/
	color:#000000;
}
OPTION.expense {
	background-color:#EAB0B1; 
	/*color:maroon;*/
	color:#000000;
}
OPTION.other {
	background-color:#E8E8E8; 
	/*color:#666666;*/
	color:#000000;
}

.buttongrey {
	background: #EEE url(../graphics/button-bg.gif) repeat-x top left !important;
/*	border: 1px solid #999 !important; */
	border: 1px solid #333333 !important;
	color: #222 !important;
	font-family: Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: normal !important;
	padding: 2px 8px !important;
	width: auto !important;
}
.buttonblue {
	background: #EEE url(../graphics/button-bg2.gif) repeat-x top left !important;
}



/* 
 * ========================================
 * Main Navigation
 * ========================================
 */

#Navigation {
	height: 26px;
	margin: 0;
	padding: 0;
}

ul.MainNav,
.MainNav ul {
	float: right;
	font-size: 12px;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

ul.MainNav li{
	display: block;
	float: left;
	height: 28px;
	margin-right: 1px;
	padding: 0px;
	position: relative;
	text-align: center;
	width: 100px;
}

ul.MainNav li.on{
	background: transparent url(../graphics/nav-on.png) no-repeat top left;
}

ul.MainNav li.off{
	background: transparent url(../graphics/nav-off.png) no-repeat top left;
}

ul.MainNav li:hover{
	cursor: pointer;
}

ul.MainNav li a {
	color: #000;
	display: block;
	height: 16px;
	padding: 7px 0px;
}

ul.MainNav li.off a {
	color: #EEE;
	display: block;
}

ul.MainNav li a:hover {
	color: #066AA4;
	text-decoration: none;
}

ul.MainNav li.off a:hover {
	color: #CCC;
	text-decoration: none;
}

/* 
 * ========================================
 * Top Navigation
 * ========================================
 */
 
#TopMenu {
	height: 15px;
	margin: 20px auto 0px auto;
	text-align: right;
	width: 784px;
}

ul.TopNav,
.TopNav ul {
	float: right;
	font-size: 11px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

ul.TopNav li {
	color: #999;
	float: left;
	display: block;
	height: 14px;
	margin-right: 1px;
	padding: 0px;
}

ul.TopNav li a{
	color: #999;
	font-weight: normal;
}

ul.TopNav li a:hover{
	color: #2951AD;
	text-decoration: none;
}




/* 
 * ========================================
 * Footer Elements
 * ========================================
 */
 
#Footer {
	height: 60px;
	margin: 0px auto -85px auto;
	padding: 10px 0px;
	text-align: center;
	width: 784px;
}

#Footer address{
	color: #444;
	font-size: 10px;
	font-style: normal;
	padding-bottom: 20px;
	margin: 0;
	text-align: center;
}

#PageEnd {
	color: #666;
	font-size: 10px;
	height: 30px;
	margin: -8px 0px 0px 0px;
	text-align: center;
	width: 784px;
}

/*
 * =======================
 * Body scroll control
 * =======================
 */

#bodyscroll {
	height: 565px; 
	width: 745px; 
	font-size: 12px; 
	overflow: auto;
	overflow-x: hidden;
	border: 1px dotted #CCCCCC;
}
#ledgerscroll {
	height: 440px; 
	width: 745px; 
	font-size: 12px; 
	overflow: auto;
	overflow-x: hidden;
	/*border: 1px dotted #CCCCCC;*/
}
#filescroll {
	height: 360px; 
	width: 745px; 
	font-size: 12px; 
	overflow: auto;
	overflow-x: hidden;
	/*border: 1px dotted #CCCCCC;*/
}

#list_separator {
	/*border-bottom: 1px dotted #999;*/
	border-top: 1px dotted #999;
}

#alertscroll {
	height: 320px; 
	width: 600px; 
	font-size: 12px; 
	overflow: auto;
	overflow-x: hidden;
/*	border: 1px dotted #CCCCCC; */
	border: 1px dashed #CCCCCC;
}