body 
{    
	font: 11px Arial, Verdana, sans-serif;
    color: black;
    letter-spacing: 1px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #82A5A9;
/* part 1 of 2 centering hack */
}

div.loginPageTitle { font-size:22px; line-height:29px; color: #000000; font-family:Arial, Verdana, sans-serif; font-weight:bold; margin-bottom: 5px; }

.welcomeText {font-size:16px; color: #000000; font-family:Helvetica, Verdana, sans-serif; line-height:19px; width:800px;}

.loginMsgText { color: Red; font-weight: bold;}

.addButton
{   
    background-color: #FF8600;
    color: white;
    font: bold 11px Arial, Verdana, sans-serif;
    text-decoration: none;
    letter-spacing: 1px;
	height: 22px;
}

.categoryColorBox
{
	height: 4px;
	width: 4px;	
}

#content 
{
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #ffffff;
	border-style: solid;
	border-width: 0px 2px 0px 2px;	
	border-color: #333;
	text-align:left; /* part 2 of 2 centering hack */
	width: 950px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 950px;
	padding-bottom: 100%;
}

html>body #content 
{
	width: 950px; /* ie5win fudge ends */
}

#navTable
{
    position: absolute;
    top: 88px;
    width: 940px;
}

#appPages
{
    position: absolute;
    top: 150px;
    width: 940px;
}

#copyRightText
{
    position: relative;
    top: 50px;
    width: 940px;
}

.adcontent
{
    position: relative;
    left: 980px;
    width: 150px;
    top: 25px;
    display: none;
}


a.headerLink:link {color:#FFFFFF;}      /* unvisited link */
a.headerLink:visited {color:#FFFFFF;}  /* visited link */
a.headerLink:hover {color:#FFFFFF;}  /* mouse over link */
a.headerLink:active {color:#FFFFFF;}  /* selected link */

span.greyText     {font-size:10px; color: #696969;}
span.headerText   {font: bold 14px Arial, Verdana, sans-serif; line-height:30px; color:#000;}

.infoBox { border: solid 1px #BBBBBB; background:#FAF7F5; color:#000000; font-size:11px; padding: 5px 5px 5px 5px; width: 500px;}

.userDateBox {border: solid 1px #2B3E42; background:#003333; color:#FFFFFF; font-size:13px; padding: 5px 5px 5px 5px; width: 350px; filter:alpha(opacity=90); opacity: 0.90;}

.menuLink {color:Blue; font: 11px Arial, Verdana, sans-serif;}

.showText
{
    font: 18px Arial, Verdana, sans-serif;
    text-decoration:none;
}

.defaultText
{ 
    font: 11px Arial, Verdana, sans-serif;
    color: black;
    text-decoration:none;
    letter-spacing: 1px; 
}

.pageHeader
{
	position:relative;
    top: -55px;
    font: bold 14px Arial, Verdana, sans-serif;
    color: blue;
    text-align: right;
    width: 900px;
}

.headerWelcome
{
    font: 14px Arial, Verdana, sans-serif;
    font-weight: bold;
    color: #354C2A;   
}

.loggedOutHeaderText
{
    font: 11px Arial, Verdana, sans-serif;
    color: black;    
    float: right;
}

.loggedInHeaderText
{
    font: 11px Arial, Verdana, sans-serif;
    color: black;    
}

.createAccountText
{
    color: #8cb85c;
    font: 15px Arial, Verdana, sans-serif;    
    font-weight:bold;
}


/******************************** Green Table Style *******************************/

tr.greenTableHeaderRow td
{
    font: bold 12px Arial, Verdana, sans-serif;
    color: #FFFFFF;
    background-color: #9FF763;
    height: 20px;
    vertical-align: middle;
}

tr.greenTableFooterRow td 
{
	background-color: #9FF763;
    height: 8px;
}


td.blueTableTopLeftCorner
{
    background: transparent url(../images/greenTableTL.gif) no-repeat left top;
	text-indent: 4px;
}

td.blueTableTopRightCorner
{
    background: transparent url(../images/greenTableTR.gif) no-repeat right top; 
	text-indent: -4px;
}


td.greenTableBotLeftCorner
{
    background: transparent url(../images/greenTableBL.gif) no-repeat left bottom;
	text-indent: 4px;
}

td.greenTableBotRightCorner
{
    background: transparent url(../images/greenTableBR.gif) no-repeat right bottom; 
	text-indent: -4px;
}

tr.orangeRow td
{
    background: #EBFFB7;
    font-style: italic;
}

/******************************** Blue Table Style *******************************/
tr.blueTableSelectedRow td
{
    background: #9FF763;
    vertical-align: middle;
    height: 30px;
}

table.blueTableSelectedInnerTable tr
{
    background: #9FF763;
    vertical-align: middle;
    height: 30px;
}


tr.blueCategoryTableDataRow td
{
    background: #9EB9E1;
    vertical-align: middle;
    height: 30px;
}

tr.blueTableDataRow td
{
    background: #E7EFFF;
    vertical-align: middle;
    height: 25px;
}

tr.blueTableHeaderRow td
{
    font: bold 12px Arial, Verdana, sans-serif;
    color: #FFFFFF;
    background-color: #94B2DE;
    height: 20px;
    vertical-align: middle;
}

tr.blueTableFooterRow td 
{
	background-color: #94B2DE;
    height: 8px;
}

tr.blueTableFooterRow td a
{
    font: 11px Arial, Verdana, sans-serif;
    text-decoration:none;
	color: #FFFFFF;	
}
 
tr.blueTableEvenRow td
{
	background-color: #FFFFFF; 
    height: 25px;	
    vertical-align: middle;    
}

tr.blueTableOddRow td
{
	background-color: #E7EFFF; 
    height: 25px;
    vertical-align: middle;		
}

td.blueTableFirstColumn
{
	border-left: solid 1px #94B2DE;
}

td.blueTableLastColumn
{
	border-right: solid 1px #94B2DE;
}

td.blueTableTopLeftCorner
{
    background: transparent url(../images/blueTableTL.gif) no-repeat left top;
	text-indent: 4px;
}

td.blueTableTopRightCorner
{
    background: transparent url(../images/blueTableTR.gif) no-repeat right top; 
	text-indent: -4px;
}

td.blueTableBotLeftCorner
{
    background: transparent url(../images/blueTableBL.gif) no-repeat left bottom;
	text-indent: 4px;
}

td.blueTableBotRightCorner
{
    background: transparent url(../images/blueTableBR.gif) no-repeat right bottom; 
	text-indent: -4px;
}

.addButton
{   
    background-color: #FF8600;
    color: white;
    font: bold 11px Arial, Verdana, sans-serif;
    text-decoration: none;
    letter-spacing: 1px; 
}

.addSubButton
{   
    background-color: #FF8600;
    color: white;
    font: bold 8px Arial, Verdana, sans-serif;
    text-decoration: none;
    letter-spacing: 1px; 
}


table.fixedTable
{
    table-layout:fixed;
}

/* Styles for Tab Menu */
#ddcolortabs {margin-left:10px; background:transparent; voice-family:"\"}\""; voice-family: inherit; padding-left:1px; vertical-align:text-top;} 
#ddcolortabs ul{font:bold 11px Arial, Verdana, sans-serif; margin:0; padding:0; list-style:none;}
#ddcolortabs li{display:inline; margin:0 2px 0 0; padding:0; text-transform:uppercase;}
#ddcolortabs a{float:left; color:#678b3f; background:#8cb85c url(../images/color_tabs_left.gif) no-repeat left top; margin:0 2px 0 0; padding:0 0 1px 3px; text-decoration:none; letter-spacing: 1px;}
#ddcolortabs a span{float:left; display:block; background:transparent url(../images/color_tabs_right.gif) no-repeat right top; padding:4px 9px 2px 6px;}
#ddcolortabs a span{float:none; text-align:center;}
#ddcolortabs a:hover{color: #fff;}
#ddcolortabs li.selectedTab a:hover{text-decoration: none; color: #fff;}
#ddcolortabs li.selectedTab a, li.selectedTab span{background-color: #6096BD;color: #fff;}
    
/* Styles for Sub Menu */
#ddcolortabsline{clear: both;width: 100%;height: 25px;line-height: 25px;background: #6096BD;vertical-align: middle;float:left;}
#ddcolortabsline ul.linkMenu, li{list-style-type:none; margin-left:5px; margin-top:0px; padding-left:0px;}
#ddcolortabsline li {float:left;text-align: center;padding: 0px 7px 0px 0px; }
#ddcolortabsline li a{float:left; text-align: center;font: bold 10px Arial, Verdana, sans-serif; color: #FFFFFF;text-decoration:none;height: 25px; line-height: 25px; vertical-align: middle;}
#ddcolortabsline li.panelLink a{float:left; color: #263A4F;}
#ddcolortabsline li.panelLink a:hover{text-decoration: underline;}
#ddcolortabsline li.selPanelLink a{color: #fff;}


.panel{width: 940px; margin-left:4px; padding:0px; overflow:auto; vertical-align:top; text-align: left;}
.subPanel{width: 940px; vertical-align:top; text-align:left; margin-left:0px;}
.panelHeader{font:bold 12px Arial, Verdana, sans-serif; color: #000000;}

 
/* Trans Summary Table */
td.overAmountColumn 
{
    color: #7CB04E;
    font-weight: bold;
}

td.overBudgetColumn 
{
    color: Red;
    font-weight: bold;
}


td.underAmountColumn 
{
    color: Black;
}

td.possitiveAmount
{
    color: Green;
}

td.negativeAmount
{
    color: Red;
}

.Invisible{display:none}