div._Page
{ width:100%;
  margin:0px;
  padding:0px;
}

div._Status,
div._StatusBar,
div._StatusButtons,
div._Buttons_Buttons
{ width:100%;
  text-align: center;
  background: linear-gradient(#E0E0FF 33%, #A0A0FF 100%);
}

div.NewMemberReviewTitleError,
div.NewMemberReviewTitle,
div.NewMemberTitle
{ width:100%;
  text-align: center;
  font-size: x-large;
  color:#3F3FFF;
  margin:0px;
  padding:0px;
}

div.NewMemberReviewTitleError
{ color:red;
}


div.NewMemberReviewError,
div.NewMemberReview
{ width:50%;
  margin:0px auto;
  margin-top:10px;
  margin-bottom:15px;
  text-align:left;
  font-size: medium;
  padding:5px;
  background-color:#C0C0FF;
}

div.NewMemberReviewError
{ color:red;
}

div.NewMemberForm
{ width:77%;
  margin:0px auto;
  background-color:rgb(233,233,255);
  height:300px;
  overflow-y:auto;
}

div.Member,
div.Person,
div.Address,
div.MemberOptions
{ width:100%;
  margin: 0px auto;
}

div.NewMemberStatus,
div.NewMemberStatusBar,
div.NewMemberButtons
{ text-align:center;
  margin-bottom:10px;
}

div.NewMemberStatus
{ margin-top:25px;
}

div.NewMemberStatusBar,
div.NewMemberButtons
{ padding:5px;
  background: linear-gradient(#ECECEC 50%, #D1D1D1 100%);
}

div.NewMemberMsgs
{ width:100%;
  padding:5px;
  background: linear-gradient(#ECECEC 50%, #D1D1D1 100%);
  margin:0px auto;
  text-align:center;
}

div.NewMemberMsgsBar
{ width:50%;
  padding:5px;
  background: linear-gradient(#ECECEC 50%, #D1D1D1 100%);
  display:inline-block;
}


hr.NewMemberButtons
{ width:100%;
  background-color:#7F7F8F;
}

button.NewMemberSignUpButtonHidden
{ display:none;
}

button.NewMemberSignUpButton
{ background-color:#3F3FFF;
  color:white;
  font-size:large;
  margin-left:25px;
  display:inline;
}


div.NewMemberPageTitle
{ text-align:center;
}

div.MemberTitle,
div.PersonTitle,
div.AddressTitle,
div.MemberOptionsTitle
{ font-size: x-large;
  font-weight:900;
  text-align:center;
  color:#3F3FFF;
}

div.NewMemberReviewErrors
{ width:100%;
  margin:0px auto;
  text-align:center;
  color:red;
  font-size:large;
  font-weight:900;
}

div.NewMemberInst
{ width:75%;
  margin:0px auto;
  background-color:rgb(233,233,255);
  color:red;
  font-size:x-large;
  font-weight:900;
  padding:10px;
}

div.NewMemberReviewHeaderMember,
div.NewMemberReviewHeaderPerson,
div.NewMemberReviewHeaderAddress,
div.NewMemberReviewHeaderMemberOptions
{ width:75%;
  margin:0px auto;
  background-color:rgb(205,205,255);
  color:black;
  font-size:large;
  text-align:center;
  margin-top:15px;
  margin-bottom:15px;
}

div.NewMemberReviewMember,
div.NewMemberReviewPerson,
div.NewMemberReviewAddress,
div.NewMemberReviewMemberOptions
{ width:76%;
  margin:0px auto;
  padding:0px;
  background-color:rgb(233,233,255);
  color:black;
  font-size:medium;
  text-align:center;
}

div.NewMemberReviewAuthorizationMsg,
div.NewMemberReviewConfirm
{ width:75%;
  margin:0px auto;
  padding:15px;
  color:black;
  font-size:medium;
  text-align:justify;
}

div.NewMemberReviewAuthorizationMsg
{ font-weight:900;
  font-size:large;
  color:red;
  background-color:rgb(233,233,255);
  border-width:2px;
  border-style:outset;
  text-align:center;
  margin-top:15px;
}

table.NewMemberTableClass
{ table-layout:fixed;
  width:100%;
  text-align:justify;
}

td.NewMemberTableTitleClass,
td.NewMemberTableTitleErrorClass
{ width:100%;
  vertical-align:middle;
  text-align:center;
  font-size:large;
  font-weight:900;
  color:red;
}

td.NewMemberTableTitleClass
{ color:#3F3FFF;
}

td.NewMemberNameHdrClass
{ width:40%;
  vertical-align:middle;
  text-align:center;
}

td.NewMemberValueHdrClass
{ vertical-align:middle;
  text-align:center;
}

td.NewMemberHeaderRuleClass
{
}

td.NewMemberErrorClass,
td.NewMemberNameClassErr,
td.NewMemberRONameClass,
td.NewMemberGrpNameClass,
td.NewMemberNameClass
{ width:40%;
  vertical-align:middle;
  text-align:left;
  padding-left:15px;
  padding-right:5px;
  margin-left:5px;
  margin-right:5px;
  background-color:rgb(205,205,255);
}

td.NewMemberErrorMarkerClass,
table.NewMemberTableClass,
td.NewMemberValueClass,
td.NewMemberValueClassErr,
td.NewMemberROValueClass,
td.NewMemberGrpValueClass,
td.NewMemberErrorClass,
span.NewMemberReqMarkerClass,
span.NewMemberROMarkerClass,
span.NewMemberErrorMarkerClass
{ vertical-align:top;
  font-size:small;
}

a.NewMemberExpMarkerClass,
a.span.NewMemberReduceMarkerClass,
span.NewMemberExpMarkerClass,
span.NewMemberReduceMarkerClass
{ color:red;
  font-weight:900;
  border-style:none;
  border-width:1px;
  cursor:pointer;
}


div.NewMemberTableBodyClass
{ overflow-y:auto;
  height:50%;
  width:85%;
  padding: 0px;
  margin: 0 auto;
}

td.NewMemberNameClass,
td.NewMemberRONameClass,
td.NewMemberGrpNameClass,
td.NewMemberNameHdrClass
{ vertical-align:top;
  font-size:small;
  width:40%;
}

td.NewMemberNameHdrClass,
td.NewMemberValueHdrClass
{ text-align:center;
  background-color:rgb(205,205,255);
}

span.NewMemberROMarkerClass,
span.NewMemberReqMarkerClass
{ color:red;
}

div.NewMemberImageBoxClass
{ vertical-align: middle;
  text-align: center;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}

div.NewMemberImageCaptionClass
{ text-align: center;
  overflow-x:
  auto;
}

img.NewMemberImageViewClass
{ border: 0px solid;
  width: 16px;
  margin-left: auto;
  margin-right: auto;
}

span.NewMemberImageViewClass
{ width:20px;
  text-align:  right;
}

img.NewMemberImageClass
{ border: 0px solid;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

div._NewMemberStatus,
div._NewMemberStatusBar,
button.NewMemberStatusButton
{ text-align:center;
  margin-bottom:5px;
}

button.NewMemberHelpButton
{ margin-left:25px;
}

div._Help
{ text-align:justify;
  font-size:small;
  background-color:rgb(212,212,255);
  border-style:solid;
  border-width:1px;
  padding:5px 25px 5px 25px;
  margin:10px 25px 10px 25px;
}

div._HelpHide
{ width:100%;
  font-size:small;
  text-align:center;
  color:rgb(128,128,255);
  padding-top:5px;
  padding-bottom:5px;
  margin:0px auto;
}

a._HelpHideLink:hover,
a._HelpHideLink:visited,
a._HelpHideLink:link,
a._HelpHideLink:active
{ text-decoration:none;
  color:blue;
}

div.status_popup
{ position:relative;
  margin:0px auto;
  z-index:100;
  background-color:white;
  color:black;

}
