/*Standard*/
html
{
	margin: 0px;
	padding: 0px;
	width: 320px;
}

body
{
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 8pt;
	background-color: #ffffff;
	width: 320px;
}

hr
{
	width: 99%;
	color: Gray;
	border-left: 0px;
	float: left;
}

select
{
	height: 21px;
	font-size: 10pt;
}

.editButton
{
	border-width: 0px;
	border-style: solid;
	border-collapse: collapse;
	background-color: Transparent;
	background-image: url("/Images/edit.gif");
	width: 15px;
	height: 15px;
	background-position: center center;
	vertical-align: middle;
	background-repeat: no-repeat;
	cursor: pointer;
}
.deleteButton
{
	border-width: 0px;
	border-style: solid;
	border-collapse: collapse;
	background-color: Transparent;
	background-image: url("/Images/delete.gif");
	width: 20px;
	height: 20px;
	background-position: center center;
	vertical-align: middle;
	background-repeat: no-repeat;
	cursor: pointer;
}
/************/

/*Structure*/
#mobile
{
	width: 320px;
}

#report
{
	width: 480px;
}

#mobile .header, #report .header
{
	height: 40px;
	float: left;
}

#mobile .content, #report .content
{
	float: left;
	padding: 3px 0px 10px 2px;
}

#mobile .content
{
	width: 315px;
}

#report .content
{
	width: 475px;
}

#mobile .footer, #report .footer
{
	font-size: 7pt;
	text-align: center;
	float: left;
}

#mobile .footer
{
	width: 320px;
}

#report .footer
{
	width: 480px;
}
/************/

/*Header*/
#mobile .header .centre, #mobile .header .left, #mobile .header .right, #report .header .centre, #report .header .left, #report .header .right
{
	padding: 0px 0px 0px 0px;
	float: left;
}

#mobile .header .centre, #mobile .header .left, #report .header .centre, #report .header .left
{
	height: 40px;
}
/************/

/*Footer*/
#mobile .footer ul, #report .footer ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/************/

/*Main Sections*/
.sectionHeader
{
	font-weight: bold;
	font-size: 12pt;
	background-color: transparent;
	border: solid 0px #000000;
}

.itemHeader
{
	font-weight: bold;
	font-size: 10pt;
	background-color: transparent;
	border: solid 0px #000000;
}
/************/

/*Mobile Page Header*/
.pageHeader
{
	width: 100%;
	float: left;
	padding-top: 2px;
	padding-bottom: 5px;
}

.pageHeader .leftTitle, .pageHeader .rightTitle
{
	float: left;
	width: 20px;
}

.pageHeader .title
{
	float: left;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 3px;
}

#mobile .content .pageHeader .title
{
	width: 275px;
}

#report .content .pageHeader .title
{
	width: 435px;
}
/************/

/*System Messages*/
.MessageError
{
	color: #D4470F;
}



.MessageInfo
{
	color: #00789C;
}

.userAttention
{
	color: #D4470F;
}
/************/

/*User Details*/
.userDetails
{
	padding: 5px 15px 0px 0px;
	font-size: 8pt;
	color: Black;
	text-align: right;
}

/************/

/*Master Links*/
.masterLinks
{
	text-align: right;
}

.masterSeperator
{
	float: left;
	color: Black;
}
.masterLinks a
{
	font-size: 8pt;
	color: Black;
}

/************/

/*Quick Links*/
#mobile .content .quickLinks
{
	width: 315px;
}

#report .content .quickLinks
{
	width: 475px;
}

.quickLinks
{
	text-align: center;
	float: left;
	padding: 2px 0px 2px 0px;
}

.linkWrapper, .linkWrapper1, .linkWrapper2, .linkWrapper4
{
	margin: 0 auto auto auto;
}

.linkWrapper
{
	width: 315px;
}

.linkWrapper1
{
	width: 65px;
}

.linkWrapper2
{
	width: 130px;
}

.linkWrapper3
{
	width: 195px;
}

.linkWrapper4
{
	width: 260px;
}

.linkButton img
{
	width: 60px;
	height: 28px;
	border: none;
}

a.linkButton, a.linkButton:visited, a.linkButton:hover
{
	text-decoration: none;
}
/************/

.contentBlock
{
	float: left;
	text-align: center;
	width: 100%;
}

.contentBlockLeft
{
	float: left;
	text-align: left;
	width: 100%;
}

/*Filters*/
.filterItems
{
	float: left;
	text-align: left;
}
/************/

/*Charts*/
.chartWrapper
{
	float: left;
}
/********/

/*Grids*/

.gridWrapper
{
	float: left;
}



.smallGrid
{
	width: 190px;
}

.reportGrid
{
	width: 460px;
}

.row
{
	background-color: #F8F8F8;
}

.altRow
{
	background-color: #FFF;
}

.subGroup
{
	background-color: Black;
	font-weight: bold;
}

.noRecords
{
	color: #D4470F;
}

.grid tr, .smallGrid tr, .reportGrid tr
{
	border-bottom-color: Gray;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border:none;
}

.grid tr td, .smallGrid tr td, .reportGrid tr td
{
	border-left-color: Gray;
	border-left-width: 1px;
	border-left-style: solid;
	padding: 3px 3px 3px 3px;
	border:none;
}

.grid tr th a, .smallGrid tr th a, .reportGrid tr th a
{
	color: White;
}

.grid .row td a, .grid .altRow td a, .smallGrid .row td a, .smallGrid .altRow td a
{
	color: Black;
}

.grid .subGroup td a
{
	color: White;
}

.reportGrid tr.level1
{
	background-color: #D0D4D9;
	font-weight: bold;
	font-size: 9pt;
}

.reportGrid tr.level2
{
	background-color: #ECECEC;
	font-weight: bold;
	font-size: 8pt;
}

.reportGrid tr.level3
{
	background-color: #F7F7F7;
}

.reportGrid tr.level4
{
	background-color: Transparent;
	font-size: 7pt;
}

.reportGrid tr.level1 td.description
{
	padding: 2px 5px 2px 5px;
}

.reportGrid tr.level2 td.description
{
	padding: 2px 5px 2px 10px;
}

.reportGrid tr.level3 td.description
{
	padding: 2px 5px 2px 20px;
}

.reportGrid tr.level4 td.description
{
	padding: 2px 5px 2px 30px;
}
.grid, .systemMessageGrid
{
	width: 300px;
}
.grid
{
    border:none;
}

/************/

/*List Elements*/
.listWrapper
{
	float: left;
}
/************/

/*General Elements*/
.datepicker
{
}

.datepicker img
{
	vertical-align: top;
}

span.lbl
{
	vertical-align: middle;
}

input.txt
{
	height: 15px;
	font-size: 13px;
}

input.btn
{
	padding: 0 2px 0 2px;
	width: auto;
	overflow: visible;
	height: 20px;
	font-size: 7pt;
}

.reportElementGroup, .fullElementGroup
{
	margin: 0 auto auto auto;
	padding: 0;
	float: left;
}

.reportElementGroup
{
	width: 460px;
}

.fullElementGroup
{
	width: 300px;
}

.elementRow
{
	float: left;
	width: 100%;
	padding-bottom: 2px;
}

.blankRow
{
	float: left;
	width: 100%;
	padding-bottom: 5px;
}

.narrowBlankRow
{
	float: left;
	width: 100%;
	padding-bottom: 1px;
}

.elementRow .micro, .elementRow .tiny, .elementRow .small, .elementRow .extsmall, .elementRow .smallmed, .elementRow .med, .elementRow .large, .elementRow .tinyFill, .elementRow .microFill, .elementRow .extsmallFill, .elementRow .smallmedFill, .elementRow .smallFill, .elementRow .medFill, .elementRow .full
{
	float: left;
	text-align: left;
}

.elementRow .centered
{
	text-align: center;
}

.elementRow .right
{
	text-align: right;
}

.elementRow .highlighted
{
	font-weight: bold;
}

.fullElementGroup .elementRow .micro
{
	width: 20px;
}

.fullElementGroup .elementRow .tiny
{
	width: 30px;
}

.fullElementGroup .elementRow .small
{
	width: 60px;
}

.fullElementGroup .elementRow .extsmall
{
	width: 90px;
}

.fullElementGroup .elementRow .smallmed
{
	width: 100px;
}

.fullElementGroup .elementRow .med
{
	width: 120px;
}

.fullElementGroup .elementRow .large
{
	width: 150px;
}

.fullElementGroup .elementRow .tinyFill
{
	width: 270px;
}

.fullElementGroup .elementRow .microFill
{
	width: 280px;
}

.fullElementGroup .elementRow .smallFill
{
	width: 240px;
}

.fullElementGroup .elementRow .extsmallFill
{
	width: 210px;
}

.fullElementGroup .elementRow .smallmedFill
{
	width: 200px;
}

.fullElementGroup .elementRow .medFill
{
	width: 180px;
}

.fullElementGroup .elementRow .full
{
	width: 300px;
}

.fullElementGroup .elementRow .small .txt
{
	width: 55px;
}

.fullElementGroup .elementRow .small .txtRight
{
	width: 55px;
	text-align: right;
}

.fullElementGroup .elementRow .extsmall .txt
{
	width: 75px;
}

.fullElementGroup .elementRow .extsmallFill .txt
{
	width: 205px;
}

.fullElementGroup .elementRow .smallmedFill .txt
{
	width: 190px;
}

.fullElementGroup .elementRow .med .txt
{
	width: 110px;
}

.fullElementGroup .elementRow .large .txt
{
	width: 140px;
}

.fullElementGroup .elementRow .full .txt
{
	width: 290px;
}

.fullElementGroup .textblock
{
	text-align: left;
}

.reportElementGroup .elementRow .full
{
	width: 460px;
}

.buttons1, .buttons2, .buttons3
{
	margin: 0 auto auto auto;
}

.buttons1
{
	width: 80px;
}

.buttons2
{
	width: 160px;
}

.buttons3
{
	width: 240px;
}

/************/
/*Budgets*/
.MA, .MS
{
	width: 65px;
	text-align: right;
	font-family: Arial Narrow;
}
.YA, .YS
{
	width: 80px;
	text-align: right;
	font-family: Arial Narrow;
}
.BudgetCategoryFull
{
	width: 200px;
	font-family: Arial Narrow;
}

.BudgetCagegoryShort
{
	width: 30px;
	font-family: Arial Narrow;
}

.POS
{
	color: Blue;
}
.NEG
{
	color: #FF00FF;
}

.BudgetDetailCapture
{
	width: 75px;
	text-align: right;
}
/*---------------------------------------------- Help Page --------------------------------------------- */
.helpHeading, .screenElementHeader, .methodStepsHeader, .examplesHeader, .advancedHelpHeader
{
	background-color: #D0D4D9;
	font-weight: bold;
	font-family: Arial;
	font-size: 11pt;
	padding-top: 8px;
	padding-bottom: 2px;
}

.screenElementHeader
{
	padding-top: 4px;
	font-size: 9pt;
}

.helpContent, .screenElementContent, .methodStepContent, .examplesContent, .advancedContent
{
	font-size: 8pt;
	padding-bottom: 10px;
}