/*
General Elements
*/
BODY, TD, TH, DIV, INPUT, TEXTAREA, SELECT {
	font-family: Tahoma,Arial;
	font-size: 11px;
	margin: 0;
}

A {
	color: #666699;
}

A:Hover {
	color: #9999cc;
}

h1 {
	font-size: 17px;
	display: inline;
	font-weight: bold;
}

h2 {
	font-size: 13px;
	display: inline;
	font-weight: normal;
}

h3 {
	font-size: 11px;
	display: inline;
	font-weight: normal;
}

fieldset {
	display: inline;
	background-color: #f9f9f9;
}

legend {
	font-weight: bold;
	font-size: 13px;
	color: #3399cc;
}

label {
	display: block;
	font-weight: bold;
	float: left;
	margin-right: 12px;
	font-size: 9px;
}




/*
Generic Classes
*/
.highlight1 {
	color: #FF9933;
}

.row0 {
	background-color: #f0f0f0;
}

.row1 {
	background-color: #ffffff;
}

.hover {
	background-color: #9999cc;
	cursor: pointer;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.active {
}

.inactive {
	color:	#999999;
}

.dragHandle {
	cursor: move;
}

.dragTR {
	background-color: #FF9933;
}

.red {
	color: red;
}

.green {
	color: green;
}

.topmargin {
	margin-top: 20px;
}

.padded {
	margin-left: 20px;
	margin-right: 20px;
}

.automargin {
	margin-left: auto;
	margin-right: auto;
}

.fixframe {
	clear: both;
}

.border {
	/* for identifying element boundaries more easily */
	border: #ff0000 1px solid;
}

.quote {
	padding: 10px;
	margin: 10px;
	background-color: #f6f6f6;
	border: #e0e0e0 1px solid;
}

.buffer {
	padding: 10px;
}

.spacer {
	width: 20px;
}




/*
Add/Edit Form Classes
*/
.aefieldLabel {
	text-align: right;
	font-weight: bold;
	background-color: #e0f0ff;
	vertical-align: top;
}

.aefieldField {
	background-color: #f0f0f0;
}

.divCreateNew {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}




/*
Search Form Classes
*/
.searchtable {
	border: #B3B3CC 2px solid;
}

.searchtable th {
	background-color: #e9e9e9;
	font-weight: bold;
	color: #000000;
}

.searchfield {
	text-align: center;
	background-color: #e2e2ec;
	font-weight: bold;
	font-size: 9px;
}

.searchfield select, .searchfield input {
	font-weight: normal;
}

.tableSearchWrap {
	border-top: #999999 2px solid;
	border-left: #999999 2px solid;
	border-right: #333333 2px solid;
	border-bottom: #333333 2px solid;
	background-color: #f0f0f0;
	padding: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
}




/*
Search Result Classes
*/
.tableList th, .tableList th a {
	background-color: #666699;
	font-weight: bold;
	color: #ffffff;
}

.divResultTable {
	text-align: left;
}




/*
About/Help Classes
*/
.divAboutHead {
	font-weight: bold;
	font-size: 17px;
	margin: 4px;
	margin-top: 60px;
}
.divAboutSubHead {
	font-weight: bold;
	font-size: 15px;
	margin: 4px;
	margin-top: 40px;
	margin-left: 20px;
}
.divAbout {
	margin: 4px;
	margin-top: 20px;
	margin-left: 40px;
	width: 680px;
}
.divAboutScreenshot {
	border: #666666 2px dotted;
	padding: 20px;
	background-color: #E2ECEB;
	text-align: center;
	margin: 8px;
	margin-left: 80px;
	margin-right: 80px;
}
.divAboutScreenshot img {
	border: #999999 1px solid;
}




/*
Chat Display Classes
*/
#divChat {
	width: 600px;
	height:  300px;
	overflow: auto;
	border: #666699 1px solid;
	background-color: #f9f9f9;
	padding: 4px;
}
#chatField {
	width: 604px;
}
.chatTimeStamp {
	font-weight: bold;
	margin-right: 5px;
	width: 80px;
	float: left;
	text-align: right;
}
.chatAuthor {
	font-weight: bold;
	margin-right: 4px;
}
.chatMessage {
	width: 491px;
	float: left;
}
.systemChatMessage {
	font-weight: bold;
	color: #006600;
}





/*
Blog/File Display Classes
*/
.tableblog {
	width: 680px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: #B3B3CC 1px solid;
}

.tablefile {
	width: 680px;
	margin: 10px;
	border: #B3B3CC 1px solid;
}

.adminsonly {
	border: #B3B3CC 3px dashed;
}

.tdblogpostinfo {
	width: 110px;
	background-color: #e2e2ec;
	padding: 4px;
}

.tdfilepostinfo {
	width: 110px;
	background-color: #e2e2ec;
	padding: 4px;
}

.tdblogitself {
	padding: 4px;
}

.tdfileitself {
	padding: 4px;
}

.blogtitle {
	padding: 6px;
	background-color: #303048;
	background-image: url(/images/headerbarbg.jpg);
	background-repeat: repeat-x;
	color: white;
	font-weight: bold;
	font-size: 13px;
}

.filetitle {
	padding: 6px;
	background-color: #303048;
	background-image: url(/images/headerbarbg.jpg);
	background-repeat: repeat-x;
	color: white;
	font-weight: bold;
	font-size: 13px;
}

.blogtitle a {
	color: white;
	font-weight: bold;
	font-size: 13px;
}

.filetitle a {
	color: white;
	font-weight: bold;
	font-size: 13px;
}

td.nsfw {
	background-color: #815930;
	background-image: url(/images/titlebarbgnsfw.jpg);
	background-repeat: repeat-x;
}

.nsfw {
	background-color: #FF9933;
}

.tdcommenthead, .tdcommenthead A {
	border-top: #669993 1px solid;
	background-color: #E2ECEB;
	padding: 2px;
	font-weight: bold;
	color: black;
}

.tableListComments {
	border-top: #909090 1px solid;
}

.tableListComments td {
	border-bottom: #909090 1px solid;
	padding-left: 6px;
	padding-right: 6px;
}

.tableAddComment {
	margin: 20px;
	border: #666699 1px solid;
	background-color: #f0f0f0;
}

.commentby {
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

.admintag {
	font-weight: bold;
	background-color: #990066;
	color: white;
	padding: 1px;
}

.categoryIndexIndex {
	font-weight: bold;
	float: left;
	padding-right: 2px;
}

.tableCategoryIndexDescription {
	width: 680px;
}

.bottomborder {
	border-bottom: #2f5a6f 1px solid;
}




/*
Finances
*/
#divFinanceNav {
	background-color: #2F5A6F;
	margin-top: -10px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
	color: white;
}

#divFinanceNav a {
	color: white;
}

#divFinanceContentArea {
	float: left;
	width: 100%;
}

.totalsrow {
	background-color: #f0fff0;
}

.totalsrow td {
	font-weight: bold;
}

.budgetsubtotal {
	background-color: #f0f9ff;
}

.budgetsubtotal td {
	font-weight: bold;
}

.budgettotal {
	background-color: #fff0ff;
}

.budgetsubtotal td {
	padding-bottom: 6px;
	border-bottom: #909090 1px solid;
}

.budgettotal td {
	font-weight: bold;
	font-size: 13px;
	border-bottom: #909090 1px solid;
}

.budgetdifference {
	background-color: #f0fff0;
}

.budgetdifference td {
	font-weight: bold;
}

#tableCurrentBudget {
	border: #2F5A6F 4px solid;
	background-color: #f0f0f0;
}

#tableReconcile td {
	border-right: #909090 1px solid;
}

#tableReconcile th {
	background-color: #666699;
	font-weight: bold;
	color: #ffffff;
	border-bottom: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
}

.tdReconcileExpenseDetail {
	padding-left: 100px;
	padding-right: 100px;
	text-align: center;
	background-color: #ffffc0;
}

.tableReconcileExpenseDetail {
	border: #999999 3px solid;
}

.tableList th, .tableList th a {
	background-color: #666699;
	font-weight: bold;
	color: #ffffff;
}

.tableReconcileExpenseDetail td {
	border-right: none;
}

#editcontainer_budgetname {
	padding: 6px;
	font-weight: bold;
	font-size: 17px;
	background-color: #2f5a6f;
	text-align: center;
	color: white;
}
.budgetborderleft {
	border-left: #666666 1px solid;
}
.reportBigBorder {
	border: #2F5A6F 4px solid;
}
.newbudgetlinksection {
	margin-left: 40px;
}



/*
Framework IDs
*/
#divPageHeader {
	width:957px;
	height: 104px;
	margin: 4px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	vertical-align: bottom;
	cursor: pointer;
}

#pageTitle {
	padding: 6px;
	font-weight: bold;
	font-size: 17px;
	background-color: #2f5a6f;
	text-align: center;
	background-image: url(/images/titlebarbg.jpg);
	background-repeat: repeat-x;
	color: white;
}

#tableSubNav {
	width: 762px;
	position: relative;
	top: 90px;
}

#tableSubNav div {
	cursor: default;
}

#divNavDisclaimer {
	width: 200px;
	float: right;
	height: 40px;
	position: relative;
}

#divNavDisclaimer div {
	color: #c0c0c0;
	font-size: 9px;
	position: absolute;
	text-align: bottom;
	bottom: 0;
	right: 4px;
}

#divNavDisclaimer div a {
	color: #c0c0c0;
	font-size: 9px;
	text-decoration: none;
}

#divNavWelcome {
	width: 200px;
	float: left;
}

#fisheye {
	margin-left: 200px;
	margin-right: 200px;
}

#divMainContent {
	padding: 4px;
	margin-right: 10px;
	margin-left: 10px;
}

#tableMainContent {
	border: #333333 1px solid;
	min-width: 762px;
	padding-bottom: 12px;
}

#divLoginForm {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#divLoginForm form {
	padding: 0;
	margin: 0;
}

#divLoginForm input {
	font-size: 9px;
}

#loginField {
	width: 60px;
}

#passwordField {
	width: 60px;
}

#tableColorPicker td {
	cursor: pointer;
}