// ----------==========:[  VARIABLES  ]:==========---------- //

$text-color: #444
$divline-color: #888


// ----------==========:[  COMMON/LOGIN ITEMS  ]:==========---------- //

body
	font: normal 13px/1.2 sans-serif
	color: $text-color
	background: #fff url(/_/img/Bckgrd.gif) left top repeat

#page
	width: 900px
	margin: 0 auto
	position: relative

#display-page
	@extend #page
	background: #fff
	padding: 25px
	border: 1px solid #ddd

.header
	margin: 0 0 20px 0
	padding: 1em 0 1em 146px
	border-bottom: 6px double $divline-color
	background: transparent url(/_/img/sabc.gif) left center no-repeat

h1
	margin: 0
	font-size: 26px

h2
	margin: 0
	font-size: 16px

form
	padding: 6px 2.5%
	background: #fff
	float: left
	width: 30%

ul
	list-style: none
	padding-left: 0
	margin-left: 0
	label
		display: block
		float: left
		width: 7em
		padding-top: 4px
		margin-right: .6em
		font-weight: bold

li
	margin: .35em 0



#notice
	border: 3px double $text-color
	margin: 13px 0 13px 36.5%
	padding: 13px
	margin-bottom: 6em

.footer
	clear: both
	padding-top: 1em
	border-top: 2px solid $divline-color
	li
		float: left
		width: 19%
		margin: 0 0.5%
		text-align: center

.clearfix
	height: 1px
	clear: both

#verisign
	position: absolute
	left: 0
	top: 105%



// ----------==========:[  BALANCES DISPLAY PAGE  ]:==========---------- //


#data
	font-size: 15px
	h1, h2, h3
		text-align: center
	h1
		margin: 0
	h2
		margin: 0 0 1em
	table
		width: 100%
		&.singleyear
			width: 54%
			margin: 0 23%
	ul
		text-align: center
		margin: 1.5em 0


td, th
	&.spacer
		width: 25px
	&.currency
		text-align: right
	&.checkno, &.date
		text-align: center

#balances
	th, td
		text-align: right
#balances, #checks
	th
		padding-bottom: 2px
		border-bottom: 1px solid #ddd
	td
		padding-top: 3px

small
	display: block
	text-align: center
	margin: 2em 0


#errorpage

	padding: 2em
	margin: 4em 150px
	border: 1px solid #666
	background: #fff

	h2
		font-size: 85%
		color: #888
		text-transform: uppercase
		margin: 0

	h1
		margin-top: 0