/* Elements
*****************************************************************/
body {
	margin: 0;
	padding: 0;
	font: small/ 1.7em Arial, Verdana, sans-serif;
	color: #222;
	background: #eed;
}

p {
	margin: 0 0 1em 0;
}

a {
	text-decoration: none;
	font-weight: bold;
}

a:link {
	color: #148;
}

a:hover {
	/*border-bottom: #147 1px solid;*/
}

a:visited {
	color: #148;
}

img {
	border: none;
}

table th,table td {
	vertical-align: middle;
}

/* Headings
*****************************************************************/
h1,h2,h3 {
	color: #000;
}

h1 {
	margin: 0;
	padding: 0 0 .75em 0; /*IE pushed margin past sub-nav*/
	font-size: 140%; /* 20px */
}

h1 em {
	display: block;
	margin: 0 0 .75em 0;
	font-size: 55%; /*11px from 20px */
	line-height: 100%;
	font-style: normal;
}

h2 {
	margin: 0 0 .25em 0;
	font-size: 130%;
}

h3 {
	margin: 0 0 .3em 0;
	font-size: 100%;
}

/* Structure
*****************************************************************/
#site {
	
}

#header-wrap {
	float: left;
	width: 100%;
	padding: 15px 0 15px 0px;
	background: #036 url("../images/header-back.gif") no-repeat top center;
}

#header {
	margin: 0 auto;
	width: 90%;
	min-width: 760px;
	color: #47a;
	line-height: 1em;
}

#nav-wrap {
	float: left;
	width: 100%;
	background: #014;
}

#nav {
	margin: 0 auto;
	width: 90%;
	min-width: 760px;
}

#page-title-wrap {
	float: left;
	width: 100%;
	background: #ddc url("../images/page-title-back.gif") repeat-x bottom;
}

#page-title {
	margin: 0 auto;
	width: 90%;
	min-width: 760px;
	padding: 1.25em 0 0 0;
}

#content {
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	width: 90%;
	min-width: 760px;
}

.sub-cols {
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}

.col-left {
	float: left;
	width: 49%;
}

.col-right {
	float: right;
	width: 49%;
}

#footer {
	clear: both;
	margin-top: 1em;
	border-top: #bba 1px solid;
	padding-top: 1em;
	text-align: center;
	font-size: .85em; /*11px*/
}

/* Header
*****************************************************************/
#the-client {
	float: right;
	font-size: .85em; /*11px*/
	text-align: right;
	margin: 0;
}

#the-client em {
	display: block;
	margin-top: .4em;
	font-size: 115%; /* 13px up from 11px */
	font-style: normal;
}

#the-client a {
	border: none;
}

#the-client a:hover {
	color: #fc5;
}

#header a {
	font-weight: normal;
	border: none;
	color: #fff;
}

#logo {
	float: left;
}

/* Navigation
*****************************************************************/
#nav ul {
	float: left;
	margin: 0;
	padding: 0;
	border-left: #036 1px solid;
	line-height: 1em;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav li a {
	display: block;
	border-right: #036 1px solid;
	border-bottom: none;
	padding: 9px 15px 11px 15px;
	width: 1%;
	color: #fff;
}

html>body #nav li a {
	width: auto;
}

#nav li a:hover {
	text-decoration: none;
	color: #fc5;
	background: #025;
}

#nav ul.right-hand {
	float: right;
	border-left: none;
	border-right: #036 1px solid;
}

#nav ul.right-hand li a {
	border-right: none;
	border-left: #036 1px solid;
}

#nav li.cur a {
	color: #000;
	background: #ddc;
}

#home #nav-home a {
	color: #036;
	background: #eed;
}

/* Sub Navigation
*****************************************************************/
.sub-nav {
	float: left;
	margin: 0; /*stupid firefox */
	padding: 0;
	line-height: 1em;
}

.sub-nav li {
	float: left;
	margin: 0;
	border-right: #ccb 1px solid;
	padding: 0;
	list-style-type: none;
}

.sub-nav li a {
	display: block;
	margin: 0 0 -1px 0;
	border-bottom: none;
	padding: 4px 10px 6px 10px;
	font-size: 85%; /*11px*/
}

.sub-nav li a:hover {
	text-decoration: underline;
}

.sub-nav li.cur a {
	background: #eed;
}

.sub-cols {
	float: left;
	width: 100%;
}

.col-left {
	float: left;
	margin-right: 2%;
	width: 49%;
}

.col-right {
	float: right;
	width: 49%;
}

/* List Table
*****************************************************************/
.list-table {
	margin: 0 0 .5em 0;
	width: 100%;
	border: #554c49 1px solid;
}

.list-table tr.ruled td {
	background-color: #00ff00;
}

.list-table th {
	padding: 0 10px;
	text-align: left;
	font-size: 85%; /*12px*/
	color: #eed;
	font-weight: normal;
	background-color: #554c49;
}

.list-table td {
	padding: .3em 10px;
	font-size: 95%; /*12px*/
	background-color: #ccb;
}

.list-table tr.alt td {
	background-color: #ddc;
}

/* Data Table
*****************************************************************/
.data-table {
	width: 100%;
	border-left: #887 1px solid;
	border-top: #887 1px solid;
}

.data-table th {
	padding: 0em 2px;
	text-align: center;
	vertical-align: middle;
	font-size: 85%; /*12px*/
	color: #eed;
	line-height: 1.5em;
	font-weight: normal;
	background-color: #554c49;
	border-right: #887 1px solid;
	border-bottom: #887 1px solid;
}

.data-table td {
	padding: 0em 2px;
	font-size: 85%; /*12px*/
	background-color: #ccb;
	border-right: #887 1px solid;
}

.data-table td.subrow {
	font-size: 80%;
}

.data-table tr.alt td {
	background-color: #ddc;
}

.data-table tr.highlight td {
	background-color: #ffcc66;
}

.data-table th.currency {
	text-align: right;
}

.data-table td.currency {
	text-align: right;
}

/* Info Table
*****************************************************************/
.info-table {
	width: 100%;
}

.info-table th {
	text-align: left;
	/*border-bottom:		#bba 1px solid;*/
}

.info-table td { /*border-bottom:		#bba 1px solid;*/
	
}

/* Groupings
*****************************************************************/
	/* Alternate concepts
.grouping {
padding:			5px 0 0 20px;
margin:				0 0 2em 7px;
border-left:		1px #960 solid;
}
*/
.grouping {
	padding: 10px 15px 0px 15px;
	margin: 0 0 2em 0;
	border: #999 1px solid;
	background: #d3d5c3;
}

.grouping h2 {
	color: #000;
}

.grouping-header {
	
}

.i-incoming {
	padding-left: 20px;
	background: url("../images/i-incoming.gif") no-repeat left center;
}

.i-outgoing {
	padding-left: 20px;
	background: url("../images/i-outgoing.gif") no-repeat left center;
}

.i-non-gcpay {
	padding-left: 20px;
	background: url("../images/i-non-gcpay.gif") no-repeat left center;
}

/* Messages
*****************************************************************/
.message-info,.message-error,.message-confirm {
	margin: 0 0 1em 0;
	border-width: 1px;
	border-style: solid;
	border-left: none;
	border-right: none;
	padding: .5em 10px .4em 35px;
}

.message-info p,.message-error p,.message-confirm p {
	margin-bottom: .5em;
}

.message-info h3,.message-error h3,.message-confirm h3 {
	margin-bottom: 0em;
}

.message-info {
	border-color: #9ad;
	background: #cce4f1 url("../images/message-info.gif") no-repeat 10px
		.6em;
}

.message-error {
	border-color: #d85;
	background: #fa7 url("../images/message-error.gif") no-repeat 10px .6em;
}

.message-confirm {
	border-color: #8b5;
	background: #ad7 url("../images/message-confirm.gif") no-repeat 10px
		.6em;
}

/* Links w/ Icons
*****************************************************************/ /*
.i-add {
padding-right:		14px;
background:			url("../images/i-add.gif") no-repeat right center;
}

.i-popup {
padding-right:		14px;
background:			url("../images/i-popup.gif") no-repeat right center;
}
*/ /*.i-approved {
    padding-left:		16px;
    background:			url("../images/i-approved.gif") no-repeat left center;
}

.i-pending {
    padding-left:		16px;
    background:			url("../images/i-pending.gif") no-repeat left center;
}

.i-rejected {
    padding-left:		16px;
    background:			url("../images/i-rejected.gif") no-repeat left center;
}*/ /*Special Rules for list-table cells*/
.list-table td.i-approved {
	padding-left: 22px;
	background-position: 6px center;
	color: #471;
	font-weight: bold;
}

.list-table td.i-pending {
	padding-left: 22px;
	background-position: 6px center;
}

.list-table td.i-rejected {
	padding-left: 22px;
	background-position: 6px center;
	color: #930;
	font-weight: bold;
}

.icon-link {
	display: block;
	float: left;
	width: 15px;
	height: 20px;
	margin-right: .5em;
}

.icon-link span {
	display: none;
}

.i-line-items {
	background: url("../images/i-line-items.gif") no-repeat left center;
}

.i-change-orders {
	background: url("../images/i-change-orders.gif") no-repeat left center;
}

.i-summary {
	background: url("../images/i-summary.gif") no-repeat left center;
}

/* Forms
*****************************************************************/
form {
	margin: 0 0 0 0;
	padding: 0;
}

label {
	font-size: 95%; /*12px*/
	font-weight: bold;
}

input,textarea {
	margin: 0 0 1em 0;
}

/* Generic Content
*****************************************************************/
.rh,th.rh {
	text-align: right;
}

.notes {
	font-size: 85%; /*11px*/
	color: #444;
	padding-right: 1em;
}

.errors {
	color: #400;
}

label.input {
	font-weight: normal;
}

.money {
	text-align: right;
}

th.money {
	text-align: right;
}

.noteLabel {
	font-size: 100%;
	color: #444;
	font-weight: normal;
	font-style: italic;
}

.editable {
	margin: 0px;
	padding: 0px;
	background-color: #ffffde;	
	height: 18px;
}

.x-grid3-row-selected .editable{
	background-color: #c8d7e1;
}

.padBottom{
	margin-bottom: 1em;
}