
body {  margin: 0px;
		padding: 0px;
		font-family: arial, sans-serif;
}
			 
img { border: 0px;
}

.menuimg { margin: 0px;
			padding: 0px;
}

.bannerframe
{
	margin: 0px;
	padding: 0px;
	background-image: url('../Images/bannerbackgroundgradient.png');
	background-repeat:repeat-x;
}

.menuframe
{
	margin: 0px;
	padding: 0px;
	background-image: url('../Images/menubackgroundgradient.png');
	background-repeat:repeat-x;
	background-color: #4b4b4b;
	border-left: solid;
	border-right: solid;
	border-width: 1px;
}
.submenu_menuSpan
{
  padding-top: 0px;
  padding-bottom: 11px;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  font-size: 10pt;
}

.submenu_labelSpan
{
  padding-top: 0px;
  padding-bottom: 11px;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  font-size: 10pt;
}

.submenuframe
{
  background-color: #4b4b4b;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-color: black;
  border-left: solid;
  border-bottom: solid;
  border-right: solid;
  border-top: none;
  border-width: 1px;
  margin: 0px;
  overflow: visible;
  
  
}

.contentframe
{
	margin: 0px;
	padding: 10px;
	background-color: white;
}

.window {
        border-style: solid;
        border-color: black;
        border-width: 3px;
	width: 900px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
        text-align: left;
	font-family: Calibri, sans-serif;
	overflow: auto; }

.contentDiv {
		margin: 0px;
		padding: 10px;
}

.textButton
{
  background-color: gray;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  padding: 3px;
  margin-left: 1px;
  margin-right: 1px;
  font-size: 10pt;
  font-weight: normal;
  color: white;
}

.formButton
{
  background-color: gray;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  padding: 1px;
  margin-left: 1px;
  margin-right: 1px;
  font-size: 8pt;
  font-weight: normal;
  color: white;
}

.textButtonMessage
{  
  padding: 6px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 12pt;
  font-weight: normal;
  color: black;
}

.infoButton
{
  background-color: gray;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 8pt;
  font-weight: bold;
  color: white;
}

.pageTypeBox
{
  background-color: yellow;
  float: right;
  border-style: solid;
  border-width: 2px;
  border-color: black;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 3px;
  padding-right: 3px;
  margin: 0px;
  font-size: 8pt;
  font-weight: bold;
  color: black;
}


/****************************************************************
 ****************************************************************
 **********************Form Controller Classes*******************/

fieldset
{
  border: none;
}

label
{
  font-size: 10pt;
}

input.basic
{
         margin:3px;
         padding: 5px;
         border-style: solid;
         border-color: gray;
         border-width: 2px;
         background-color: #e0e0e0;
         font-size: 10pt;
}

select.basic
{
         margin:3px;
         padding: 5px;
         border-style: solid;
         border-color: gray;
         border-width: 2px;
         background-color: #e0e0e0;
         font-size: 10pt;
}

select.inputerror
{
         margin:3px;
         padding: 5px;
         border-style: solid;
         border-color: red;
         border-width: 2px;
         background-color: #ffbbbb;
         font-size: 10pt;
}

select.inputgood
{
         margin:3px;
         padding: 5px;
         border-style: solid;
         border-color: green;
         background-color: #94c496;
         border-width: 2px;
         font-size: 10pt;
}

input.radiospacing
{
  padding: 5px;
}

textarea.basic
{
         margin:3px;
         padding: 3px;
         border-style: solid;
         border-color: gray;
         border-width: 2px;
         background-color: #e0e0e0;
         font-size: 10pt;
}

textarea.inputerror 
{
         margin:3px;
         padding: 3px;
         border-style: solid;
        border-color: red;
        background-color: #ffbbbb;
         border-width: 2px;
         font-size: 10pt;
}

textarea.inputgood 
{
         margin:3px;
         padding: 3px;
         border-style: solid;
         border-color: green;
         background-color: #94c496;
         border-width: 2px;
         font-size: 10pt;
}

/*Used with FormController.js to effect form appearence during error checking*/
input.inputerror {
        margin:3px;
         padding: 5px;
         border-style: solid;
        border-color: red;
        background-color: #ffbbbb;
         border-width: 2px;
         font-size: 10pt;
}

/*Used with FormController.js to effect form appearence during error checking*/
input.inputgood {
         margin:3px;
         padding: 5px;
         border-style: solid;
         border-color: green;
         background-color: #94c496;
         border-width: 2px;
         font-size: 10pt;
}

span.inputerrormessage
{
         color: red;
         font-weight: bold;
}

span.inputgoodmessage
{
         color: green;
         font-weight: bold;
}

span.inputcautionmessage
{
         color: orange;
         font-weight: bold;
}

/***************************END FORM CONTROLLER CLASSES**********
 ****************************************************************
 ****************************************************************/

.errorFont
{
  font-weight: bold;
  color: red;
}

.goodFont
{
  font-weight: bold;
  color: green;
}

.tooltip
{
         background-color: #f1e686;
         font-style: italic;
         border-color: black;
         border-style: solid;
         border-width: 1px;
         font-size: 9pt;
         font-weight: normal;
         padding: 3px;
         color: black;
         position: absolute;
         top: 0px;
         left: 0px;
         visibility: hidden;
         z-index: 7;
}

.questionmark
{
         font-size: 8pt;
         color: black;
         font-weight: bold;
         border-style: solid;
         border-color: black;
         border-width: 1px;
         background-color: #f1e686;
         padding-left: 2px;
         padding-right: 2px;
         
}

/***************FOR BUCKET DIVS*************************/

.bucket_bucketShadow
{
  background-color: gray;
  margin: 0px;
  padding: 0px;
}
.bucket_bucketDiv
{
  position: relative;
  top: 5px;
  left: 5px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  border: solid;
  border-width: 1px;
  background-color: white;
  overflow: hidden;
}

.bucket_bucketDivContent
{
  padding: 10px;
  font-size: 9pt;
  
}

.bucket_bucketDivHeader
{
  margin: 0px;
  padding: 5px;
  overflow: auto;
  background-color: #b6b6b6;
  background-image: url('../Images/bucketGradient.png');
  background-repeat: repeat-x;
  font-weight: bold;
}

.bucket_bucketDivHeader_Orange
{
  margin: 0px;
  padding: 5px;
  overflow: auto;
  background-color: #b6b6b6;
  background-image: url('../Images/bucketGradientOrange.png');
  background-repeat: repeat-x;
  font-weight: bold;
}

.bucket_bucketDivHeader_Yellow
{
  margin: 0px;
  padding: 5px;
  overflow: auto;
  background-color: #b6b6b6;
  background-image: url('../Images/bucketGradientYellow.png');
  background-repeat: repeat-x;
  font-weight: bold;
}

.bucket_bucketDivHeader_Green
{
  margin: 0px;
  padding: 5px;
  overflow: auto;
  background-color: #b6b6b6;
  background-image: url('../Images/bucketGradientGreen.png');
  background-repeat: repeat-x;
  font-weight: bold;
}

.bucket_bucketDivHeader_Blue
{
  margin: 0px;
  padding: 5px;
  overflow: auto;
  background-color: white;
  background-image: url('../Images/bucketGradientBlue.png');
  background-repeat: repeat-x;
  font-weight: bold;
}

/************TABLES**********************************/

table
{
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	width: 100%;
	font-size: 10pt;
}
th
{
	background-color: #b6b6b6;
	background-image: url('../Images/bucketGradient.png');
	background-repeat: repeat-x;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	font-size: 11pt;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
td
{
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

table.commentstable
{
	border-collapse: collapse;
	border-style: none;
	width: 95%;
	font-size: 10pt;
}

tr.commentstr
{
	border-bottom: solid;
	border-top: none;
	border-left: none;
	border-right: none;
	border-width: 1px;
	border-color: black;
}

td.commentstd
{
	border-bottom: none;
	border-top: none;
	border-left: none;
	border-right: solid;
	border-width: 1px;
	border-color: black;
	text-align: left;
}

td.commentstdnb
{
	border-bottom: none;
	border-top: none;
	border-left: none;
	border-right: none;
	text-align: left;
}

/***************FOR EXPANDABLE LISTS*************************/

.listItem {
  border-bottom: solid;
  border-width: 1px;
  border-color: black;
  margin: 0px;
  padding: 5px;
  overflow: auto;
  font-size: 10pt;
}
.listItemHeader {
  font-size: 12pt;
  font-weight: bold;
  margin: 0px;
  padding: 3px;
}
.listItemInfo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 95%;
  margin: 0px;
  padding: 5px;
  visibility: hidden;
  border-top: dotted;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-width: 1px;
  border-color: gray;
  font-size: 10pt;
}

.listItemForm {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 95%;
  margin: 0px;
  padding: 5px;
  visibility: hidden;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-width: 1px;
  border-color: gray;
  font-size: 10pt;
}

.listItemQuickForm {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 300px;
  margin: 0px;
  padding: 5px;
  visibility: hidden;
  border-style: solid;
  border-width: 3px;
  border-color: black;
  font-size: 10pt;
  background-color: white;
}

.listItemHeaderSmall {
  font-size: 10pt;
  font-weight: bold;
  margin: 0px;
  padding: 3px;
}


