/* EtzChayim CSS Document - page styling- 20007 */

.pageTitle  { font-size: 2.0em; color: #003366; font-weight: bold; text-align: center}
.pageLargeSubTitle { font-size: 1.5em; font-weight: bold; color: #78b95d; }
.pageMediumSubTitle { font-size: 1.4em; font-weight: bold; color: #6a512b; }
.pageSmallSubTitle { font-size: 1.3em; font-weight: bold; color: #566339; }
.pageText {font-size: 1.2em;}

.pageFootnote {
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
    font-size: 76%;
    text-transform: uppercase;
    font-variant: small-caps;
    top: -.7em;
    left: -.1em;
}

.instruct
{
    background-color: #efefef;
    padding: 0.5em;
    font-size: larger;
    border-color: #999;
    border-width: .1em;
    border-style: solid;
    clear: both;
}

.uppercase {
   font-size: 80%; 
}

img.headshot{ margin: .5em; width: 8.0em; height:9.6em; }

.educational {
    font-family: "Comic Sans MS";
}

select { vertical-align: top; }

/* For emailLists' updateList */
div.emailListDiv select { scroll: none; }
div.emailListDiv { text-align: left; float: left; }
div#EmailListControlsDiv  { padding-top: 2em; }  /* space for the top of the buttons */
div#EmailListControlsDiv fieldset { clear: left; float: left; width: auto; padding: 3em 0; border: 0px solid white; }
div#EmailListControlsDiv input { clear: left; float: left; width: 16em; }
div#addEmailData fieldset div,
div#addEmailData fieldset div textarea,
div#addEmailData fieldset div label,
div#EmailListFieldsDiv fieldset div label { float: left; left-margin; font-weight: bold; margin-right: .5em; width: 9em; text-align: right};
div#addEmailData fieldset div input,
div#updateList fieldset div input { float: left; width: auto;}

/* for popup role lists */
.scrollableDiv { border-width: 4px; border-style: ridge; font-size: 84%; }
.scrollableDiv legend { background: #7B895D; color: white; }
div.fetchedMemberListHandleDiv memberList { color: #669933; }
div.fetchedMemberListHandleDiv span.memberRole {
    line-height: 125%;
    display: inline;
}

/* for help blocks */
div.helpParaList { width: auto; padding: 0 .3em; text-align: left; }

/* For /js/validation.js -- great stuff ; make it look good too  */

input.required, select.required,  textarea.required {
    border: 1px solid #00A8E6;
    border-left:3px solid #ff0000;
}
input[type=text].validation-failed, input.validation-failed, textarea.validation-failed {
    border: 1px solid #FF3300;
    color : #FF3300;
}
input[type=text].validation-passed, input.validation-passed, textarea.validation-passed {
    border: 1px solid #00CC00;
    color : black;
}

.validation-advice {
    margin: 5px 0;
    padding: 5px;
    background: #FF3300;
    color : white;
    font-weight: bold;
}

.custom-advice {
    margin: 5px 0;
    padding: 5px;
    background: #C8AA00;
    color : white;
    font-weight: bold;
}

.self_modifying {
    background: #00CC00;
    color: white;
}

/* For domcollapse.js */
.collapses{
      cursor:pointer;
}               
.collapses:hover{
      cursor:pointer;
      background:#ddf;
}               

.domCollaspseShow{
      position:static;
      display: table;
}
.domCollaspseHidden{
      position:absolute;
      left:-999em;
      height:1px;
      width:100px;
      overflow:hidden;
}

div.domCollaspseShow {
      border: 1px solid black;
      background:#7B895D;
      color: white;
      padding: 0 2em;
      margin: 0 5em;
      font-size: 109%;
}