body{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "Luxi Sans", Arial, sans-serif;
	font-size: 11px;
	color: #40A629;
}
input.text{
	background-color: #FFF9ED;
	border: 1px solid #84C718;
	font-family: verdana, "luxi sans", arial, sans-serif;
	font-size: 12px;
	height: 16px;
	padding: 0px 2px 0px 2px;
	color: #0C69AD;
	margin: 4px 3px 4px 3px;
}
p{
	padding:0px;
	margin:0px 0px 8px 0px;
}
img{
	border: 0px;
}
form{
	padding:0px;
	margin:0px;
}
a{
	color: #0967AC;
}
a:visited{
	color: #0967AC;
}
a:hover{
	color: #FF9103;
}

.errorMessage{
	display:block;
	color: #FF9103;
	font-weight: bold;
}
.not_active{
	color:#DDDDDD;
	text-decoration: underline;
}
.orangeHeader{
	color: #FF9103;
	font-weight:normal;
	letter-spacing: 1px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
.blueHeader{
	color: #0967AC;
	font-weight:normal;
	letter-spacing: 1px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
.greenHeader{
	color: #40A629;
	font-weight:normal;
	letter-spacing: 1px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
.orange { background-color: #FF9103; color: #0967AC; }
.blue { background-color: #0967AC; color: #ffffff;}

.orangeText{
	color: #FF9103;
}
.blueText{
	color: #0967AC;
}
.greenText{
	color: #40A629;
}
.blackText{
	color: #000000;
}
._error{
	color: #FD4304;
}
.redText{
	color: #FD4304;
}
ul{
	margin-top:0px;
	padding-top:0px;
}
ul li{
	margin-top: 0px;
	margin-bottom: 8px;
	list-style-type: circle;
	background-image: none;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 18px;
	height: 17px;
}
ol{
	list-style-type: decimal;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.messageBoard li{
	margin: auto;
	background-image: none;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	height: auto;
}

.areYouSure{
	color: #FF9103;
	margin-bottom: 5px;
	font-size: 14px;	
}
/* Used in footnotes for certain input fields, especially longer, <textarea> ones */
.tinyItalics{
	font-weight:normal;
	font-size:10px;
	font-style:italic;
}
/* Table Formating */
table{
	border-collapse: collapse;
}
.tableHeaders{	
	text-align: left;
	padding: 3px 0 3px 3px;
	font-weight: bold;
	color: white;
	font-size: 11px;
	background-color:#40A629;
	border-top: 1px solid #40A629;	
}
.tableHeadersLeft{
	border-left: 1px solid #40A629;
	padding-left: 5px;
}
.tableHeadersRight{
	border-right: 1px solid #40A629;
}
.row1{
	border: none;
	padding: 3px;
	color: #0967AC;
	background-color: #EDFFE9;
	height: 24px;
}
.row1Left{
	border-left: 1px solid #40A629;
	height: 24px;
	padding: 3px;
	color: #0967AC;
}
.row1Right{
	border-right: 1px solid #40A629;
	height: 24px;
	padding: 3px;
	color: #0967AC;
}
.row2{
	border: none;
	padding: 3px;
	color: #0967AC;
	background-color: #DFFFD8;
	height: 24px;
}
.row2Left{
	background-color: #DFFFD8;
	border-left: 1px solid #40A629;
	height: 24px;
	padding: 3px;
	color: #0967AC;
}
.row2Right{
	background-color: #DFFFD8;
	border-right: 1px solid #40A629;
	height: 24px;
	padding: 3px;
	color: #0967AC;
}
.lastRow{
	padding-bottom: 5px;
	border-bottom: 1px solid #40A629;
	height: 24px;
}
/* for a <td> that is added into a total summed in last row */
.componentVal{
	text-align:center;
	border-left:1px solid #40A629;
	border-right:1px solid #40A629;
}
.totalVal{
	text-align:center;
	background-color:#40A629;
	border:1px solid #40A629;
	padding:2px;
	color:white;
	font-weight:bold;
}
.topAlign{
	vertical-align: top;
}
.inputRow{
	border: 2px solid #40A629;
	padding: 3px;
	color: #0967AC;
	background-color: #C4EE7B;
}
/* Table formating for columnar print view*/
.printrow1{
	border: 1px solid #000000;
	padding: 3px;
	background-color: #ffffff;
	font-size: 10pt;
	vertical-align: top;
}
.printrow2{
	border: 1px solid #000000;
	padding: 3px;
	background-color: #cccccc;
	font-size: 10pt;
	vertical-align: top;
}	
.tableHeadersPrint{
	border: 1px solid #000000;
	text-align: center;
	padding: 4px 2px;
	font-weight: bold;
	background-color: #666666;
	color: #ffffff;
	font-size: 10pt;
}	
.printHeader {
    color: #000000;
    font-size: 18pt;
    font-family: "Arial Black",Arial,Helvetica,sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
}

.tableHeadersLink{
	color: #ffffff !important;
	text-decoration: underline;
}
.tableHeadersLink.visited{
	color: black;
}

/* Input Fields CSS*/
input.text{
	background-color: #FFF9ED;
	border: 1px solid #84C718;
	font-family: verdana, "luxi sans", arial, sans-serif;
	font-size: 12px;
	height: 16px;
	padding: 0px 2px 0px 2px;
	color: #0C69AD;
	margin: 4px 3px 4px 3px;
}

input.textTopLabel{
	background-color: #FFF9ED;
	border: 1px solid #84C718;
	font-family: verdana, "luxi sans", arial, sans-serif;
	font-size: 12px;
	height: 16px;
	padding: 0px 2px 0px 2px;
	color: #0C69AD;
}

input.password{
	background-color: #FFF9ED;
	border: 1px solid #84C718;
	font-family: verdana, "luxi sans", arial, sans-serif;
	font-size: 12px;
	height: 16px;
	padding: 0px 2px 0px 2px;
	color: #0C69AD;
	margin: 4px 3px 4px 3px;
}

input.readOnly{
	border: none;
	border-color: transparent;
	background-color:white;
	color:black;
}

select.selectBox{
	background-color: #FFF9ED;
	border: 1px solid #84C718;
	font-family: verdana, "luxi sans", arial, sans-serif;
	font-size: 12px;
	height: 20px;
	padding: 0px 2px 0px 2px;
	color: #0C69AD;
	margin: 4px 3px 4px 3px;
}
select.selectBoxMulti{
	background-color: #FFF9ED;
	border: 1px solid #84C718;
	font-family: verdana, "luxi sans", arial, sans-serif;
	font-size: 12px;
	padding: 0px 2px 0px 2px;
	color: #0C69AD;
	margin: 4px 3px 4px 3px;
}
select.disabledSelect{
	background-color:#EDEDED;
	color:#7F7F7F;
}

textarea{
	background-color: #FFF9ED;
	border: 1px solid #84C718;
	font-family: verdana, "luxi sans", arial, sans-serif;
	font-size: 12px;
	padding: 0px 2px 0px 2px;
	color: #0C69AD;
	margin: 4px 3px 4px 3px;
}
FIELDSET{
	border: 1px solid #84C718;
}

hr {
    color: #71C200;
    background-color: #71C200;
    height: 1px;
    border: 0 none;
    width: 98%;
}

/* Button CSS */
.S2Dbutton{
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	display:inline;
	background:transparent;
	margin:4px;
}
.S2Dbutton .btn_text{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-family: Verdana, "Luxi sans", Arial, sans-serif;
	font-size: 10px;
	white-space: nowrap;
}

/* session warning box */
.sessionWarningBox{
	width: 180px;
	height: 150px;
	background-color: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	visibility: hidden;
	z-index: 1000;
}

.debugBox {
	width: 95%;
	height: 300px;
	border: 1px solid #000000;
	overflow: auto;
}

#systemMsg{
	font-weight:bold;
	color:#FF0000;
}
#msg{
	color:#FF0000;
	text-align:left;
	font-weight:bold;
	border:#FF0000 solid 1px;
}
.landingBoxHeaders{
	color: #FF9103;
	font-weight:normal;
	letter-spacing: 1px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size:18px;
}
.landingBoxes{
	padding:5px;
	color: #0967AC;
}
.landingBoxes ul, .landingBoxes li{
	margin-left:10px;
}

/* FAQ question */

.question{
	font-weight: bold;
	display: block;
	font-size: 14px;
	color: #0967AC;
}

.answer {
	font-size: 12px;
}

/* No tables */

#emptyBanner{
	padding:5px 10px;
}

#emptySidebar{
	float: left;
	width: 190px;
}

#mainContent{
	margin-left: 200px;
	margin-right: 20px;
	margin-top: 35px;
}

#logo{
	float: left;
	vertical-align:top;
	position: absolute;
}

/* Printed Plog When Standards are Used -- using separate classes for now
in the event that I want to manipulate the widths individually; consider
collapsing to a single style later if this proves unnecessary. */

.plogLogSession{
	border: 1px solid #000000;
	text-align: center;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
	width:124px;
	font-family: serif;
}

.plogLogDate{
	border: 1px solid #000000;
	text-align: center;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
	width:124px;
	font-family: serif;
}

.plogTime{
	border: 1px solid #000000;
	text-align: center;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
	width:124px;
	font-family: serif;
}

.plogDaytime{
	border: 1px solid #000000;
	text-align: center;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
	width:124px;
	font-family: serif;
}

.plogNighttime{
	border: 1px solid #000000;
	text-align: center;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
	width:124px;
	font-family: serif;
}
.plogAdult{
	border: 1px solid #000000;
	text-align: center;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
	width:124px;
	font-family: serif;
}

.plogPrintFormBody{
	font-family: "Times New Roman", Cambria, serif;
}
	
.formLine{
  height: 3px;
  background-color: #000000;
}

/* For jQuery UI dialogs without a title bar */
.noTitleDlg .ui-dialog-titlebar{
	display:none;
}

.whiteBackground{
	background-color:#FFFFFF !important;
}

.whiteButtonPane .ui-dialog-buttonpane{
	background-color:#FFFFFF !important;
	border-width:0px 0px 0px 0px !important;
	margin: 0 0 0 0 !important;
}

.flashyTextInput{
	color: #999999;
	margin-bottom: 4px;
}

.flashyTextInputSelected{
	color: #000000;
	margin-bottom: 4px;
}

.flashyTextInputEmptySelected{
	color: #E3E1E2;
	margin-bottom: 4px;
}

/* For input fields not contained in tables; i.e., "new skool" */
.inputLabel{
	color: #0967AC;
	width:30%;
	float:left;
	text-align:right;
	line-height:2.5em;
}

.inputField{
	color: #0967AC;
}
/* CSS Document */

/* Blue Outline Light Green Inside */
.boxTop_blueGreen{
	background-image: url(../images/public/side_top_blue-green.gif);
	background-repeat: repeat-x;
	height: 18px;
	position: relative;
}
.boxTopLeft_blueGreen{
	background-image: url(../images/public/crn_leftTop_blue-green.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.boxTopRight_blueGreen{
	background-image: url(../images/public/crn_rightTop_blue-green.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.boxMiddle_blueGreen{
	border-right: 1px solid #0C69AD;
	border-left: 1px solid #0C69AD;
	background-color: #F0FFED;
	padding-right: 8px;
	padding-left: 8px;
}
.boxBottom_blueGreen{
	background-image: url(../images/public/side_bottom_blue-green.gif);
	background-repeat: repeat-x;
	height: 18px;
	position: relative;
}
.boxBottomLeft_blueGreen{
	background-image: url(../images/public/crn_leftBottom_blue-green.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.boxBottomRight_blueGreen{
	background-image: url(../images/public/crn_rightBottom_blue-green.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	position: absolute;
	right: 0px;
	top: 0px;
}

/* Green Outline Light Green Inside */
.boxTop_greenGreen{
	background-image: url(../images/side_top.gif);
	background-repeat: repeat-x;
	height: 19px;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 100;
}
.boxTopLeft_greenGreen{
	background-image: url(../images/cnr_topLeft.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 19px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.boxTopRight_greenGreen{
	background-image: url(../images/cnr_topRight.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 19px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.boxMiddle_greenGreen{
	padding-right: 8px;
	padding-left: 8px;
	border-right: 1px solid #87C91F;
	border-left: 1px solid #87C91F;
	background-color: #F0FFED;
}
.boxBottom_greenGreen{
	background-image: url(../images/side_bottom.gif);
	background-repeat: repeat-x;
	height: 19px;
	position: relative;
}
.boxBottomLeft_greenGreen{
	background-image: url(../images/cnr_bottomLeft.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 19px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.boxBottomRight_greenGreen{
	background-image: url(../images/crn_bottomRight.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 19px;
	position: absolute;
	right: 0px;
	top: 0px;
}
/* Green Outline White Inside */
.boxTop{
	background-image: url(../images/public/side_top.gif);
	background-repeat: repeat-x;
	height: 18px;
	position: relative;
}
.boxTopLeft{
	background-image: url(../images/public/crn_leftTop.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.boxTopRight{
	background-image: url(../images/public/crn_rightTop.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.boxMiddle{
	padding-right: 8px;
	padding-left: 8px;
	border-right: 1px solid #87C91F;
	border-left: 1px solid #87C91F;
	background-color: #FFFFFF;
}
.boxBottom{
	background-image: url(../images/public/side_bottom.gif);
	background-repeat: repeat-x;
	height: 18px;
	position: relative;
}
.boxBottomLeft{
	background-image: url(../images/public/crn_leftBottom.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.boxBottomRight{
	background-image: url(../images/public/crn_rightBottom.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	position: absolute;
	right: 0px;
	top: 0px;
}

/* "Tooltip" */
.tooltip {
	display: none;
	position: absolute;
	z-index: 100;
	color: black;
	text-decoration: none;
}

.tooltipVisible {
	display: block;
	position: absolute;
	z-index: 100;
	color: black;
	padding: 5px;
	background-color: #FFFBB6;
	border: 1px solid #437A13;
	text-decoration: none;
	line-height: 50%;
}

.fieldListSelected {
	background-color: #FFC06A;
}

/* Custom classes for use with DataTables */
.selectedRecs {
	display:inline;
	margin-top:5px;
	margin-right: 3px;
	float: left;	
}


.dtFooterLabel {
	background-color:#C4EE7B;
	text-align:right;
	color:black;
	border-left: 1px solid #C4EE7B;
}

.dtFooterValue {
	color:black;
	background-color:#C4EE7B;
	text-align:right;
	padding: 3px 10px 3px 0;
	border-right: 1px solid #C4EE7B;
}

/* wrapper for a button below the DataTables instance */
.lowerButtonDT {
	margin-right:10px;
	float: right;
}

.s2d_toolbar {	
	background-color:#E4FFDF;
	position:absolute;
}

.pagerResults{
	text-align: left;
	float: left;
}

.pageCount{
	text-align: right;
	float: right;	
}

.dtFooterLabel {
	background-color:#C4EE7B;
	text-align:right;
	color:black;
	border-left: 1px solid #C4EE7B;
}
.dtFooterValue {
	color:black;
	background-color:#C4EE7B;
	text-align:right;
	padding: 3px 10px 3px 0;
	border-right: 1px solid #C4EE7B;
}

.tool_icon {
	height: 16px;
	width: 16px;
}

.eval_tool_icon {
    
    height: 18px;
    width: 18px;
}