﻿body 
{
	/*background-color: #213018;*/
	background-color: #017B02;
	margin: 0;
	padding: 5px;
}

#colHeader 
{
	background: #017B02 url(images/jjpficon.jpg) no-repeat;
	height: 75px;
	padding-left: 103px;
	font: bold 30px 'Times New Roman',Georgia, serif;
	/*color: #AAA83B;*/
	color: #fff;
}

#colChat
{
	background-color: #f4f4f4;
	text-align: right;
	height: 75px;
}

#colContent 
{
	background-color: #f4f4f4;
	padding: 10px;
	font: normal 12px/18px verdana, arial, sans-serif;
}

#colFooter 
{
	background-color: #C9C9C9;
	padding: 5px;
	font: normal 10px arial, sans-serif;
}

#colNavigation
{
	background-color: #B3B144;
}

#colSideBar 
{
	width: 275px;
	background-color: #f4f4f4;
	border-right: 1px solid #c9c9c9;
}

#colAdminContent 
{
	background-color: #f4f4f4;
	padding: 10px;
	font: normal 12pt/15pt Candara, verdana, arial, sans-serif;
}

.loginHeaderImage  
{
	background: #FFFFFF url(images/loginheader.jpg) no-repeat; 
	font-size: 1px;
	color: White;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}


h1 {
  padding-bottom: 0.2em;
  font: 400 1.6em arial, sans-serif;
  color: #C6D7A5;
  border-bottom: 12px solid #9CB26B;
}

h2 {
  font-size: 1.2em;
  color: #586B7A;
}

h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #5D6F73;
}

p.nomargin 
{
	margin-top: 0;
}

p.questions 
{
	font-weight: bold;
	color: #990000;
	margin: 0;
	line-height: normal;
}


.TabArea 
{
	background-color: #fcfcfe;
	border-left: 1px solid #5A8A4A;
	border-bottom: 1px solid #5A8A4A;
	border-right: 1px solid #5A8A4A;
	border-top: 1px solid #BDD394;
	width: 97%;
	padding: 10px;
}

.dashedbottom 
{
	border-bottom: 1px dashed #000066;
	font-weight: bold;
	font-family: Candara, Arial, Sans-Serif;
	font-size: 14px;
	color: #53412D;
	padding: 5px;
}

.formcell
{
	float: left;
	font: bold 12px/18px Verdana, Arial, sans-serif;
	padding: 5px;
	color: Gray;
}

.formcellright
{
	float: right;
	font: bold 12px/18px Verdana, Arial, sans-serif;
	padding: 5px;
	color: Gray;
}

.formlabel 
{
	font: bold 14px Candara, Verdana, Arial, Sans-serif;
	color: #53412d;
	padding: 5px;
}

.nextprevrow
{
	background-color: #C6D394;
	padding: 10px 5px;
	text-align: right;
}

.errortext
{
	font: bold 14px arial, sans-serif;
	color: Red;
}

.infolabel 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #006600;
}


.bold {
	font-family: Candara, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #006600;
}

.GrayHeader
{
	background-color: #c9c9c9;
	font: bold 12px arial;
	vertical-align: bottom;
	text-align: center;
}

.GrayBorder
{
	border: 1px solid #c9c9c9;
}

.hours 
{
	font: bold medium arial, helvetica, sans-serif;
	color: #006600;
	text-align: right;
}

.loginHeader 
{
	font: normal normal bold x-large "Times New Roman", serif;
	color: #006600;
}

.loginText
{
	font: normal medium Arial, Helvetica, sans-serif;
	color: #000000;
}

/*Details Form View*/
.labelText {
	FONT-SIZE: 11px; 
	LINE-HEIGHT: 18px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

.dataLabel {
	font-size: 11px;
	line-height: 18px;
	font-family: Verdana, Arial, sans-serif;
	border-right: 1px solid #000000;
	background-color: #ffffff;
}

.headerText {
	FONT-SIZE: 11px; 
	LINE-HEIGHT: 18px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: #006600;
	color: White;
}

.displayContent 
{
	visibility: visible;
}

.dockclass{
	position:relative;
	background-color: Transparent;
	padding: 3px;
}
/*-------------*/

/* FROM LAYOUT ELEMENTS
---------------------------------------------------------*/
.editor-label
{
	margin: 0 0.5em;
	display: inline-block;
}

.requiredStar
{
	margin: 0 0 0.5em 0;
	color: Red;
}

.ContractIDLabel
{
	text-align: right;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	color: #5D6F73;
	width: 100%;
}

.RadMenu_Forest .rmRootGroup
{
	background-color: #E9D31B !important;
}

.RadMenu_Forest .rmLink
{
	color: White !important;
	font-weight: bold !important;
	border-right: 1px solid #c9c9c9;
	line-height: 26px !important;
}

fieldset
{
	margin: 1em 0px;
	padding: 1em;
	border: 1px solid #ccc;
}

fieldset p 
{
	margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
	display: block;
}

fieldset label.inline 
{
	display: inline;
}

legend 
{
	color: #006600;
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}

input.textEntry 
{
	width: 320px;
	border: 1px solid #ccc;
}

input.passwordEntry 
{
	width: 320px;
	border: 1px solid #ccc;
}

div.accountInfo
{
	width: 42%;
}

div#accountDetails
{
	margin-top: 10px;
	text-align: center;
}

