.sf-block {
   display: block;
	width: 100%;
	margin: 0;
	padding: 0px 0px 3px 0px;
	float: left;
	clear: both;
}

.sf-float-left {
	float: left;
}

.sf-float-right {
	float: right;
}

.sf-label {
	float: left;
	margin: 0px 6px 0px 0px;
	padding: 0;
	font-style: italic;
}

.sf-label-vert {
	float: left;
	margin: 12px 6px 0px 0px;
	padding: 0;
	font-style: italic;
}

.sf-help-left {	
	display: block;
	margin: 0px 6px 6px 0px;
	padding: 3px 0px 0px 0px;
	float: left;
	color: rgb(41,41,41);
}

.sf-help-right {
	display: block;
	margin: 0px 6px 6px 0px;
	padding: 3px 0px 0px 0px;
	float: right;
	color: rgb(41,41,41);
}

.sf-help-left-vert {
	display: block;
	margin: 12px 6px 6px 0px;
	padding: 0;
	float: left;
	color: rgb(41,41,41);
}

.sf-help-right-vert {
	display: block;
	margin: 12px 6px 6px 0px;
	padding: 0;
	float: right;
	color: rgb(41,41,41);
}

.sf-force-clear {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0em;
}

/*
Logon form
*/

.sf-logon-link{
	color: black;
	float: left;
}

.sf-logon {
	margin: 0px 0px 24px 24px;
	padding: 12px 0px 12px 12px;
	background-color: #DDDCE1;
	border: 2px solid rgb(83,83,117);
	width: 475px;
}

* html .sf-logon {
	margin: 0px 0px 6px 24px;
	width: 500px;
}

.sf-logon-fields {
	margin: 6px;
	padding: 0;
	float: left;
}

.sf-button-problem{
	float: left;
	margin: 6px 0px;
	padding: 0px;
	width: 150px;
}

.sf-logon-labels {
	margin: 6px;
	padding: 0;
	float: left;
	clear: both;
	width: 90px;
}
.sf-logon-warning {
	margin: 6px;
	padding: 0;
	float: left;
	clear: both;
	font-weight: bold;
}

.sf-logon-divider{
	border-bottom: 1px solid rgb(83,83,117);
	height: 0;
	line-height: 0;
	margin-right: 12px;
}

/*Checkbox and radio button settings*/

.sf-group-unit {
	border: 2px groove rgb(255,244,225);
	margin: 2px 0px;
	padding: 3px;
	clear: both;
	display: block;
}

.sf-group-unit-no-border {
	border: none;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	clear: both;
	display: block;
}

* html .sf-group-unit {
	border: 1px solid rgb(127,157,185);
}

.sf-group-label-vert {
	margin: 3px 0px;
	font-style: italic;
	border-bottom: 2px groove rgb(221,221,221);
	height: 100%;
}

.sf-group-label-horiz {
	margin: 3px 0px;
	font-style: italic;
	border-bottom: 1px solid rgb(221,221,221);
	height: 100%;
}

.sf-label-with-items-block{
	display: block;
	margin: 0;
}

.sf-group-label-alongside{
}

.sf-group-item-unit {
	position: relative;
	width: auto;
	padding: 0;
	margin: 0;
}

.sf-group-item-vert-right {
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
}

.sf-group-item-vert-left {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
}

.sf-group-item-horiz {
	float: left;
	margin: 3px 0px;
	white-space: nowrap;
}

.sf-group-item-horiz-left {
	float: left;
	margin-left: 12px;
	white-space: nowrap;
}

.sf-group-item-horiz-right {
	float: right;
	margin-left: 12px;
	white-space: nowrap;
}

.sf-italic {
	font-style: italic;
}

.sf-subheading {
	margin: 0;
	padding: 12px 0px 0px 0px;
	border-bottom: 1px dotted rgb(221,221,221);
	font-weight: bold;
	clear: both;
	height: 100%;
}

/*
Misc
*/

.sf-bold-red {
	color: red;
	font-weight: bold;
}

.sf-saved{
	margin: 0;
	padding: 6px;
	color: Green;
	background-color: #FFFFEA;
	font-weight: bold;
}

.sf-warning {
	margin: 0;
	padding: 6px;
	color: red;
	font-weight: bold;
	background-color: white;
	width: auto;
	height: auto;
}

/*
Record count
*/
.sf-record-count-left {
	margin: 0;
	padding: 12px 0px 0px 0px;
	text-align: left;
}

.sf-record-count-right {
	margin: 0;
	padding: 12px 0px 0px 0px;
	text-align: right;
}

.sf-record-count-left a:link, .sf-record-count-left a:visited, .sf-record-count-left a:hover,
	.sf-record-count-right a:link, .sf-record-count-right a:visited, .sf-record-count-right a:hover {
	color: rgb(13,15,92);
}

/*
Jump to top
*/

.sf-jump-to-top {
	clear: both;
	padding-left: 24pt;
	text-align: center;
}

.sf-jump-to-top a:link, .sf-jump-to-top a:visited, .sf-jump-to-top a:hover {
	color: rgb(13,15,92);
}

/*
Date
*/

.sf-date-block-left {
   padding: 2px;
	float: left;
	display: block;
	border: 1px solid rgb(221,221,221);
}

.sf-date-block-right {
	padding: 2px;
	float: right;
	display: block;
	border: 1px solid rgb(221,221,221);
}

.sf-date-day, .sf-date-month, .sf-date-year, .sf-date-hour, .sf-date-min, .sf-date-ampm {
	margin-right: 3px;
}

/*
Sortable table
*/
table.sf-sortable thead th a.sortheader {
	color: white;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

table.sf-sortable thead th span.sortarrow {
	color: white;
	text-decoration: none;
}

/*
Table
*/

table.sf-standard-table {
  	text-align: left;
	border-collapse: collapse;
	background-color: white;
}

table.sf-standard-table td {
	font-family: arial, sans-serif;
	color: black;
	padding-left: 6px;
	padding-right: 6px;
}

table.sf-standard-table th {
	padding: 6px 6px 1px 6px;
}

.sf-standard-table td {
	border: 1px solid lightgrey;
}

/*
Message
*/

.sf-message {
	margin: 24px;
	padding: 12px;
	background-color: #F5F5F6;
	border: 2px solid rgb(83,83,117);
	height: 100%;
}

.sf-feedback {
	height: 100%;
	font-size: 13pt;
}

.sf-message-link{
	margin-left: 12px;
}

.sf-message-link a:link, .sf-message-link a:visited, .sf-message-link a:hover {
	color: rgb(13,15,92);
}

.sf-button-font12 {
	font-size: 12pt;
}

.sf-button-font13 {
	font-size: 13pt;
}

.sf-button-font14 {
	font-size: 14pt;
}

.sf-button-font16 {
	font-size: 16pt;
}

.sf-padlr{
	padding: 0px 6px;
}

.sf-padlr12{
	padding: 0px 12px;
}

/*
Form width
*/
.sf-form250 {
	width: 250px;
}

.sf-form300 {
	width: 300px;
}

.sf-form350 {
	width: 350px;
}

.sf-form400 {
	width: 400px;
}

.sf-form450 {
	width: 450px;
}

.sf-form500 {
	width: 500px;
}

.sf-form600 {
	width: 600px;
}

.sf-form650 {
	width: 650px;
}

.sf-form700 {
	width: 700px;
}

.sf-form250, .sf-form300, .sf-form350, .sf-form400, .sf-form450, 
	.sf-form500, .sf-form600, .sf-form700{
	margin: 0;
	padding: 0;
}


/*Online Training*/

#sf-online-training {
	margin: 0px 6px 0px 0px;
	padding: 0;
	border: solid 1px rgb(13,15,92);
	float: right;
	overflow: auto;
	background-color: white;
}

#sf-online-training-header {
	margin: 0;
	padding: 0;
	width: auto;
	font-family: arial, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	line-height: 1.5em;
	border-bottom: 1px solid black;
}

#sf-online-training-header-inner {
	padding: 0pt 0pt 0pt 12pt;
}

.sf-training-form {
	margin: 0;
	padding: 0;
}

#sf-online-training-inner {
	margin: 0;
	padding: 12pt;
}

/*Must give width and height inline*/
.sf-scrollable{
	overflow: scroll;
	border: 1px solid black;
	margin: 0;
	padding: 6px 12px;
}

#sf-preview{
	width: auto;
	padding: 12px;
	border: 1px solid rgb(31,31,31);
}

