body{
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x:hidden;
  font: normal 13px/1.4 "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
  
#background_wrap {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-image: url('http://www.msog.org/images/Background.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
}
  
img
{
  border: 0px;
}

img.withborder
{
  border: 2px;
  border-style: solid;
}

img.banner {
	display: block;
  margin-left: auto;
  margin-right: auto;
}

/****************************************************************
 ****************************************************************
 ****************************Menus and Banner*******************/
.centermenu
{
	text-align: center;
}

.anotherframe
{
  background-color: #264766;
}

.bannerframe
{
  background-color: #264766;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.contentframe
{
	margin: 0px;
  padding: 0px;
  min-width: 500px;
  max-width: 1024px;
  min-height: 800px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12pt;
  /* background-image: url('http://www.msog.org/images/Background.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center; */
  z-index: 1;
}

.contentbox
{
	margin-left: auto;
	margin-right: auto;
  padding: 10px;
}

.textButton
{
  background-color: #115679;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  padding: 3px;
  margin-left: 1px;
  margin-right: 1px;
  font-size: 12pt;
  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;
}

.userBar
{
  background-color: #dee2e8;
  border-color: #b5b5b5;
  border-bottom: dashed;
  border-left: none;
  border-right: none;
  border-top: none;
  border-top: none;
  border-width: 1px;
  padding: 5px;
  margin: 0px;
  font-size: 10pt;
}

.imageviewernotselected
{
	padding: 5px;
	background-color: white;
}

.imageviewerselected
{
	padding: 5px;
	background-color: #D4C24F;
}
/****************************************************************
 ****************************************************************
 **********************Classes related to detail pages**********/

.detailHeader
{
	background-color: #a6c8d9;
	padding: 10px;
}

.pageHeader
{
	background-color: #D4C24F;
	border-color: #b5b5b5;
  border-bottom: dashed;
  border-left: none;
  border-right: none;
  border-top: none;
  border-top: none;
  border-width: 1px;
  padding: 5px;
  margin: 0px;
  font-size: 10pt;
}

.detailListItem
{
	border-width: 1px;
	border-color: #e1e1e1;
	border-style: solid;
}

.pageviews
{
	border-width: 1px;
	border-color: #e1e1e1;
	border-style: dashed;
	background-color: #D4C24F;
	padding: 5px;
	font-size: 10pt;
}

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

.searchForm
{
	display: inline;
}

fieldset
{
  border: none;
}

label
{
  font-size: 10pt;
}

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

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

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

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

input.radiospacing
{
  padding: 5px;
}

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

textarea.inputerror 
{
         margin:3px;
         padding: 10px;
         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.inputerror {
        margin:3px;
         padding: 10px;
         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: 10px;
         border-style: solid;
         border-color: green;
         background-color: #94c496;
         border-width: 2px;
         font-size: 10pt;
}

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

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

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;
		 width: 300px;
}

.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 CONTAINERS*************************/

.containerShadow
{
  background-color: #115679;
  margin: 0px;
  padding: 0px;
}
.containerDiv
{
  padding: 0px;
  border: solid;
  border-width: 3px;
  background-color: white;
  overflow: hidden;
}

.containerContent
{
  padding: 10px;
  font-size: 12pt;
}

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

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

table
{
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	font-size: 12pt;
}
th
{
	background-color: #b6b6b6;
	border-style: solid;
	background-image: url('../Images/menubackgroundgradient.png');
	background-repeat: repeat-x;
	border-width: 1px;
	border-color: black;
	font-size: 12pt;
	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: 5px;
	padding-bottom: 5px;
}

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;
}

.portraitImageContainer
{
	border-style: solid;
  border-width: 3px;
  border-color: black;
	background-color: white;
}

.portraitImage
{
	border-style: solid;
  border-width: 3px;
  border-color: black;
	padding: 0px;
	margin: 0px;
}

.userOptions
{
	border-style: dashed;
  border-width: 2px;
  border-color: black;
	background-color: #ece7d9;
}

.imageLoadingDiv {
	position: absolute;
  top: 0px;
  left: 0px;
	visibility: hidden;
}

.imageFormDiv {
  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: 12pt;
  background-color: white;
}

.imageOptionsDiv {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 120px;
  margin: 0px;
  padding: 5px;
  visibility: hidden;
  font-size: 10pt;
}

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