html
{
	background-color: #323840;
    background-image:url(/images/gradient03.png);
	background-repeat: repeat-x;
}

body
{  
    font-family:arial;
	font-size:13px;
    height:100%;
	line-height:1.5em;
    width:100%;
    text-align:center;
}

a { color:#00A; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited {color:#00A;}

h1,h2,h3,h4,p{padding-bottom:20px;}
h1{ font-size:18px; font-weight: bold;}

h2, th
{
    background-repeat: repeat-x;
    background-image:url(/images/nav_background.png);
	background-position: bottom;
    background-color:#F8F8F2;
    border-color:#fff #E2DED1 #b3afa4 #E2DED1; /*Just the top one is white*/
    border-style:solid; /*Take away the bottom border*/
    border-width:2px 1px 1px 1px; /*bottom border overkill*/
	font-size:15px;
	font-weight: bold;
    height:25px;
	margin:0px;
    padding:5px 5px 0px 5px;
}

table
{
	width:100%;
}

td {padding:4px; height:40px; text-align:left; font-size:13px;}

th
{
	background-color: red;
	background-position:bottom;
	border:1px solid #b3afa4;
    padding:6px 10px; 
	font-size:14px;
    text-align:center;
}

td.tPaidDate
{
	width:70px;
}

td.tPaidDate.Edit
{
	padding:0px;
	width:100px;
}

ol li
{
	list-style-type: decimal;
	margin-left:20px;
}

.actual
{
	color:#070;
}

.DisplayRow
{
	border-bottom:solid 1px #b3afa4;
}

.estimate
{
	color:#007;
}

.tName, .tAmount, .tState, .tCategory, .tNote
{
	width:100px;
}

.tActions
{
	width:125px;
	padding:0px;
}

.tDelete
{
	float:right;
}

#BalanceSummary
{
	border:1px solid #b3afa4;
	margin-bottom:15px;
	margin-top:34px;
}

#BalanceSummary div
{
	margin-top:0px;
	margin-bottom:0px;
	font-weight: bold;
}

#Content
{
	background-image:url(/images/content-background-middle.png);
	background-repeat:repeat-y;
	background-position: top right;
	padding:25px 25px 10px 18px;
}

#Copyright
{
    padding-top:0px;
    float:right;
}

#EarnMore
{
	float:left; 
	width:250px; 
	text-align:center;
}

#EarnMore ul
{
	text-align:left;
}

#EarnMore li
{
	background-image: url(/images/icons/bullet-grey.png);
	background-repeat: no-repeat;
	background-position:0px 5px;
	padding-left:15px;
}

#Footer
{
	background-image:url(/images/content-background-bottom.png);
	background-repeat:no-repeat;
	background-position: bottom right;
    clear:both; /* This might be unecessary */
	padding:0px 25px 25px 15px;
    text-align:left;
}

#Footer hr
{
	margin:0px;
	border-style: solid;
}

#Header
{
	background-image:url(/images/content-background-top.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
    padding:0px 15px 0px 10px;
}

#IncomeVsSpending
{

}

#JumpTo
{

}

#LeftColumn
{
    margin-bottom:10px;
}

#Legal
{
	margin:0px auto;
}

#LoginDiv
{
    float:right;
    margin-top:10px;
	margin-right:10px;
}

#LogOutBox
{
    padding:5px; 
    width:50px; 
    display:inline;
    margin-left:20px; 
    margin-right:0px;
}

#MainDiv
{
    margin:20px auto 0px auto;
    padding:0px 0px 10px 0px;
    text-align:left;
    width:1000px;
}

#Navigation-Top
{
    background-repeat: repeat-x;
    background-image:url(/images/nav_background.png);
    background-position:bottom;
    border:solid 1px #B3AFA4;
    height:60px;
	margin:0px 10px 0px 5px;
    padding:3px;
}

#Navigation-Top ul
{
    padding-top:3px;
    padding-right:25px;
	font-weight: bold;
	font-size:16px;
}

#Navigation-Top li
{
     display: inline;
     padding-left:10px;
	 padding-right:30px;
     /*font-size:1.5em;*/
     /*background-image: url(/images/NavLinkDivider.gif);*/
     background-repeat: no-repeat;
     background-position:0px;
}

#Navigation-Top li.first_li
{
    background-image:none;
}

#Navigation-Top li a
{
	background-position: center bottom;
	background-repeat: no-repeat;
	min-width:48px;
	padding:0px 10px 35px 10px;
}

#NavigationLinkTransaction
{
	background-image: url(/images/icons/transactions-bw.png);
}

#NavigationLinkTransaction:hover
{
	background-image: url(/images/icons/transactions.png);
}

#NavigationLinkImport
{
	background-image: url(/images/icons/import-bw.png);
}

#NavigationLinkImport:hover
{
	background-image: url(/images/icons/import.png);
}

#NavigationLinkSchedules
{
	background-image: url(/images/icons/schedules-bw.png);
}

#NavigationLinkSchedules:hover
{
	background-image: url(/images/icons/schedules.png);
}

#NavigationLinkFAQ
{
	background-image: url(/images/icons/faq-bw.png);
}

#NavigationLinkFAQ:hover
{
	background-image: url(/images/icons/faq.png);
}

#NavigationLinkAbout
{
	background-image: url(/images/icons/about-bw.png);
}

#NavigationLinkAbout:hover
{
	background-image: url(/images/icons/about.png);
}

#NavigationLinkHome
{
	background-image: url(/images/icons/home-bw.png);
}

#NavigationLinkHome:hover
{
	background-image: url(/images/icons/home.png);
}

#NewTransactionLink
{
	background-image: url(/images/icons/new_transaction.png);
	background-position: top left;
	background-repeat: no-repeat;
	display:block;
	float:left;
	height: 20px;
	width: 120px;
}

#RightColumn
{
	float:right;
	margin-bottom:15px;
	padding:0px;
	width:130px;
}

#RightColumn div div
{
	padding-left:5px;
	padding-right:5px;
}

#RightColumn td
{
	font-weight:bold;
	height:auto;
	padding:0px;
}

#SaveMore
{
	float:right; 
	width:600px; 
	height:150px; 
	text-align:center;
}
#SaveMore ul
{
	text-align:left;
}

#SaveMore li
{
	background-image: url(/images/icons/bullet-blue.png);
	background-repeat: no-repeat;
	background-position:0px 5px;
	font-size:15px;
	padding-left:18px;
}

#SystemMsgs
{
    color:#005500;
    padding:15px 0px 0px 0px; 
    margin-left:5px;
    max-width:300px;
}

#TransactionTable
{
	width:800px;
	border-top:solid 1px #000;
}

#TransactionTableMonthYear
{
	font-weight: bold;
	font-size: 1.3em;
	letter-spacing: 5px;
	margin-bottom: 15px;
	text-align: center;
}

#Version
{
    margin-left:1em;
    font-size:10px;
    padding-bottom:30px;
	margin-bottom:20px;
    display:inline;
}

#TransactionCreateRow input
{
	width:170px;
}

#TransactionCreateRow  textarea
{
	width:300px;
	height:100px;
}

/*Group Styling*/
#IncomeVsSpending, #Export, #TransactionHistory
{
	/*
	background-image: url(/images/right-column-bottom.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	*/
	border:#b3afa4 solid 1px;
	margin-bottom: 15px;
	margin-top:15px;
}

#CurrentBalance, #EstimatedBalance
{
	text-align: right;
}