/* Copyright (C) 2010 Tools for Small Business, LLC */

/* General rules */
BODY {
	LINE-HEIGHT: 20px;
	MARGIN: 0px;
	FONT-FAMILY: Lucida Grande, verdana, arial, sans-serif;
	/*BACKGROUND: #eee repeat-x;*/
	BACKGROUND: #DCE7FB repeat-x;
	FONT-SIZE: 0.8em
}
H1 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 5px; FONT-FAMILY: Lucida Grande, Trebuchet MS, Arial; FONT-SIZE: 25px
}
H2 {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 25px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial, verdana; COLOR: #000; FONT-SIZE: 17px; PADDING-TOP: 0px
}
H3 {
	FONT-FAMILY: Lucida Grande, Trebuchet MS, Arial; COLOR: #0066cc; FONT-SIZE: 16px
}
H4 {
	MARGIN: 0px; FONT-FAMILY: Lucida Grande, Trebuchet MS, Arial; FONT-SIZE: 14px
}
H5 {
	TEXT-ALIGN: center; MARGIN: 0px; FONT-FAMILY: Lucida Grande, Trebuchet MS, Arial; FONT-SIZE: 14px
}
H6 {
	MARGIN: 0px; FONT-FAMILY: Lucida Grande, Trebuchet MS, Arial; COLOR: #0066cc; FONT-SIZE: 13px
}
UL {
	MARGIN: 0px;
	PADDING-LEFT: 25px;
}
LI {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
A {
	color: blue
}

/* Frame related rules */
.frame {
	margin: 0px auto;
	width: 1000px;
	border-bottom: #000 0px solid;
	border-left: #000 0px solid;
	border-top: #000 0px solid;
	border-right: #000 0px solid
}
.tophdr1 {
	text-align: left;
	margin: 0px;
	color: #333;  /*aaa*/
	font-size: 14px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px
}
.logo {
	width: 50%;
	float: left
}
.frame-top-right {
	text-align: right;
	padding-right: 20px;
	color: #333;  /*666*/
	font-size: 11px;
	padding-top: 8px
}
.frame-top-right A {
	padding-right: 22px;
	color: #666;
	text-decoration: none
}
.frame-top-right A:hover {
	color: #000;
	text-decoration: underline
}
.frame-bottom {
	margin: 0px auto;
	width: 1000px;
	text-align: center;
	line-height: 18px;
	font-size: 9.5px;
	border-bottom: #99cc00 0px solid;
	border-left: #99cc00 0px solid;
	border-top: #99cc00 0px solid;
	border-right: #99cc00 0px solid
}
.frame-bottom A {
	color: #999;
	text-decoration: none
}
.frame-bottom A:hover {
	color: blue
}
/* Page related rules */
.page-top {
	BORDER-BOTTOM: #333 0px solid;
	BORDER-LEFT: #333 0px solid;
	MARGIN: 0px auto;
	WIDTH: 980px;
	/*BACKGROUND: lightgrey;*/
	BACKGROUND: #97B0DC;
	HEIGHT: 10px;
	BORDER-TOP: #333 0px solid;
	BORDER-RIGHT: #333 0px solid
}
.page-content {
	BORDER-BOTTOM: #333 0px solid;
	BORDER-LEFT: #333 0px solid;
	MARGIN: 0px auto;
	MIN-HEIGHT: 100px;
	WIDTH: 980px;
	/*BACKGROUND: lightgrey;*/
	BACKGROUND: #97B0DC;
	BORDER-TOP: #333 0px solid;
	BORDER-RIGHT: #333 0px solid
}
.page-bottom {
	MARGIN: 0px auto;
	WIDTH: 980px;
	/*BACKGROUND: lightgrey;*/
	BACKGROUND: #97B0DC;
	HEIGHT: 10px
}

/* Page Buttons */
.nav-button {
	BACKGROUND-COLOR: #333;
	MARGIN: 0px auto;
	PADDING-TOP: 5px;
	PADDING-LEFT: 20px;
	WIDTH: 950px;
	HEIGHT: 32px
}
.nav-button A {
	PADDING-RIGHT: 25px;
	COLOR: #fff;
	FONT-SIZE: 14px;
	TEXT-DECORATION: none
}
.nav-button A:hover {
	COLOR: #0099cc;
	TEXT-DECORATION: none
}
.nav-button SPAN {
	PADDING-LEFT: 90px
}
.blue A {
	color: #0099cc
}
.nav-button-owner {
	BACKGROUND-COLOR: #333;
	MARGIN: 0px auto;
	PADDING-TOP: 5px;
	PADDING-LEFT: 20px;
	WIDTH: 950px;
	HEIGHT: 48px
}
.nav-button-owner A {
	PADDING-RIGHT: 25px;
	COLOR: #fff;
	FONT-SIZE: 14px;
	TEXT-DECORATION: none
}
.nav-button-owner A:hover {
	COLOR: #0099cc;
	TEXT-DECORATION: none
}
.nav-button-owner SPAN {
	PADDING-LEFT: 90px
}

/* Content Area Related */
.clear-space {
	height: 10px;
	clear: both
}
.error-text {
	color: red;
}
.account-color {
	color: black
}
.client-color {
	color: #151B8D  /*Cornflower Blue*/
}
.hsr-color {
	color: maroon
}
.org-color {
	color: black
}
.vol-color {
	color: blue
}

.text-area {
	PADDING-TOP: 0px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	PADDING-RIGHT: 0px;
	/*BACKGROUND: lightgrey;*/
	BACKGROUND: #97B0DC;
	WIDTH: 970px;
	FLOAT: left;
}
.text-area H1 {
	PADDING-LEFT: 0px;
	PADDING-TOP: 10px;
	TEXT-ALIGN: left
}
.text-area H2 {
	PADDING-LEFT: 0px;
	PADDING-TOP: 10px;
	TEXT-ALIGN: left
}
.text-entry {
	BORDER-TOP: #000 0px solid;
	BORDER-LEFT: #000 0px solid;
	BORDER-BOTTOM: #000 0px solid;
	BORDER-RIGHT: #000 0px solid;
	padding-left: 5px;
	padding-right: 5px;
	/*BACKGROUND: lightgrey*/
	BACKGROUND: #97B0DC
}
.text-entry SPAN {
	COLOR: #000;
	FONT-SIZE: 13px
}

/* Client Home Page Table related */
.client-left-table {
	border-top: #000 0px solid;
	border-left: #000 0px solid;
	border-bottom: #000 0px solid;
	border-right: #000 2px solid;
	padding-top: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 5px;
	/*BACKGROUND: lightgrey;*/
	BACKGROUND: #97B0DC;
	width: 40%
}
.client-right-table {
	border-top: #000 0px solid;
	border-left: #000 0px solid;
	border-bottom: #000 0px solid;
	border-right: #000 0px solid;
	padding-top: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 5px;
	/*BACKGROUND: lightgrey;*/
	BACKGROUND: #97B0DC;
	width: 60%;
	vertical-align: top
}
.client-owner-table {
	border-top: #000 0px solid;
	border-left: #000 0px solid;
	border-bottom: #000 0px solid;
	border-right: #000 0px solid;
	padding-top: 0px;
	padding-left: 2px;
	padding-bottom: 0px;
	padding-right: 2px;
	/*BACKGROUND: lightgrey;*/
	BACKGROUND: #97B0DC;
	width: 100%;
	vertical-align: top
}

/* Form related */
.form-field-area {
	border-top: #000 0px solid;
	border-left: #000 0px solid;
	border-bottom: #000 0px solid;
	border-right: #000 0px solid;
	padding-left: 20px;
	/*BACKGROUND: lightgrey*/
	BACKGROUND: #97B0DC
}
.form-group {
	border-top: #000 1px solid;
	border-left: #000 1px solid;
	border-bottom: #000 1px solid;
	border-right: #000 1px solid;
	margin-bottom: 10px;
	padding-left: 5px;
	width:60%;
	/*BACKGROUND: lightgrey*/
	BACKGROUND: #97B0DC
}
.form-seperated {
	border-top: #000 0px solid;
	border-left: #000 0px solid;
	border-bottom: #000 2px solid;
	border-right: #000 0px solid;
	padding-bottom: 10px;
}
.form-oclist-body {
	text-align: left;
	vertical-align: top;
	font-size: small;
	padding-top: 10px;
	padding-left: 7px;
	padding-right: 2px;
	padding-bottom: 2px;
}

/* Dialog related rules */
.dialog-frame {
	width: 797px;
	height:714px;
	border-bottom: #000 0px solid;
	border-left: #000 0px solid;
	border-top: #000 0px solid;
	border-right: #000 0px solid
}
.dialog-content {
	BACKGROUND: grey;
	BORDER-BOTTOM: #333 0px solid;
	BORDER-LEFT: #333 0px solid;
	BORDER-TOP: #333 0px solid;
	BORDER-RIGHT: #333 0px solid
}
.dialog-text-entry {
	FONT: inherit;
	FONT-SIZE: 8pt;
	LINE-HEIGHT: 100%;
	BORDER-TOP: #000 0px solid;
	BORDER-LEFT: #000 0px solid;
	BORDER-BOTTOM: #000 0px solid;
	BORDER-RIGHT: #000 0px solid;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px
}
.dialog-table-area {
	border-top: #000 0px solid;
	border-left: #000 0px solid;
	border-bottom: #000 2px solid;
	border-right: #000 0px solid;
	padding-left: 0px;
	background: lightblue
}