/******** Default MiniReg Styles ********/
/* last update 7 Dec 2012, ajr*/
/* Instruction Editor tags use dedicated classes, see bottom*/

*{padding:0;} /*To prevent unexpected inherentance*/

a{ color: blue; text-decoration: underline; }

a:hover{ color: #FF0000; }

body{ background-color: #c0c0c0; margin-top: 2%; position:relative; min-height:800px}/* Sets so elements can be positions within */

body,p,input,div{ color: black; font: normal normal normal 100% Arial,Helvetica,sans-serif; }

td,th{ padding: 2px 3px;}

*.inputTable, div.instrBox
{ background-color: silver; background-image: url(./images/stucco2.jpg); background-repeat: repeat; }

div#banner{ width:100%; height:4em; margin:auto; background-image:url(gradient_bkg.jpg); background-repeat:repeat; }/*div#pageTitle is contained in this*/

h1#pageTitle{margin: .5em auto 0 auto; text-align:center; font-weight:900; font-size:26pt; color:black; text-shadow:#222 .1em .1em .2em}
/*text-shadow:<color>? <offset-x> <offset-y> <blur-radius>?*/

div#confirmMsg{width:50%;margin:.5em auto 0 auto;}
div#confirmMsg p{color: #0068cc; font-size: 1.1em; font-weight:bold;}

div#userErrorMsgs{text-align:left; }
div#userErrorMsgs div{margin-top:.2em; text-align:center}

/***** Box Radius & Shadows **********/
div.instrBox, fieldset#regTableMarksBox, fieldset#adminSettingsBox,
fieldset#adminInstrBox, fieldset#emailCellBox, div#emailLogBox
{box-shadow:.5em .5em 1em #444; border-radius:1.1em; }

/*Background above*/
div.instrBox
{
border:gray 2px solid;
margin:0 auto 1em auto;
padding:.5em;
position:relative;
text-align:left;
}

div#securityBox input[type="submit"]{font-size:1.5em;font-weight:bold;padding:.1em}/*Must include type="submit"*/

/**.boxShadow{box-shadow:.5em .5em 1em #444; -moz-box-shadow:.5em .5em 1em #444;}*/
*.borderRadius{border-radius:1.1em;}
*.textShadow{text-shadow:#222 .1em .1em .2em}

div.exLarge{ width: 86%; }/* Generally used with div.instrBox; e.g. <div class="instrBox exLarge">*/
div.large{ width: 76%; }
div.medium{ width: 66%; }
div.small{ width: 46%; }
div.rightJustify{display:inline; float:right; margin-right:3em}

/* These are used strickly for User Instruction text; must agree with proxy tags defined in config */
/* IMPORTANT, note theses styles are only applicable in <div id="userInstrText">...</div>*/
div#userInstrText span.blue{color:#0068cc;}
div#userInstrText span.bold{font-weight:bold}
div#userInstrText span.green{color: green}
div#userInstrText span.italic{font-style:italic; font-weight:500;}
div#userInstrText span.red{color:red}
div#userInstrText span.underline{text-decoration:underline;}
div#userInstrText span.yel-highlight{background-color:yellow}

/* Note these can div or h1..h6 */
#userInstrText *.blue-title{color:#0068cc; font-size: 1.6em; font-weight: bold; margin: 0 auto; text-align:center;}
#userInstrText *.blue-subtitle{color:#0068cc; font-size:1.2em; font-weight:bold; margin: 0 auto;text-align: center; }
#userInstrText *.header{color:black; float:left; font-weight:bold; margin-right:.5em}
#userInstrText *.subtitle{color: black; font-size: 1.2em; font-weight: bold; margin: 0 auto; text-align: center; }
#userInstrText *.page-title{color: black; font-size: 1.6em; font-weight: bold; margin: 0 auto; text-align: center;}
#userInstrText hr.blue-horiz-line{height:2px; color:blue;}

div#userInstrText ul{margin-left:1.5em; margin-top:.25em}

div.row{ margin-top: .5em; text-align: left; background: transparent;}

div#smsMsg[result="long"]{color: #dc143c; text-align:center;}
div#smsMsg[result="short"]{color: green; text-align:center;}

/*All these are fieldset except emailCellBox*/
#emailCellBox, #regTableMarksBox, #adminSettingsBox, #adminInstrBox, #mgrLogin, #mgrCreate, #mgrMerge, #mgrDelete, #mgrApplicList, #mgrReassign, #emailLogBox
{
border: 2px gray solid; margin: .5em auto 0 auto; padding: .1em 1em 1em 1em; position: relative;
background-color: silver; background-image: url(./images/stucco2.jpg); background-repeat: repeat;
}

#emailLogBox{height:32em; overflow:auto}
div[name="emailLog"]{background-color:white; margin:1em; padding:.5em; }/*Positioning all done here*/
div[name="msent"]{display:inline;}
div[name="msubj"]{display:inline;}
div[name="mrecp"]{font-size:.8em}
div[name="mrecp"] strong{font-size:1.2em}
div[name="mbody"] {font-size:.8em}
div[name="mbody"] strong{font-size:1.2em}

/*These are in MiniRegMgr*/
#mgrLogin, #mgrCreate, #mgrMerge, #mgrDelete, #mgrReassign, #mgrApplicList{width:70%; border:gray 2px solid}
#mgrLogin legend, #mgrCreate legend, #mgrMerge legend, #mgrDelete legend, #mgrReassign legend, #mgrApplicList legend{font-weight:bold; font-size:1.2em; padding:0 .2em 0 .2em;}

fieldset#mgrApplicList{width:90%; border:gray 2px solid}
fieldset#mgrApplicList div{text-align:center;}
fieldset#mgrApplicList table{ margin:0 auto; }
fieldset#mgrApplicList table td{border-bottom:1px gray solid; padding-right:1em}
fieldset#mgrApplicList table td[class="permErr"]{color:red}
fieldset#mgrApplicList table td[class="linkErr"]{color:red}
fieldset#mgrApplicList a{font-size:.9em}

fieldset#mgrLogin input[class="button"]{display:block; margin:.5em auto 0 auto; font-size: 1.1em;}
fieldset#mgrCreate input[class="button"]{margin-left:4em}
fieldset#mgrMerge input[class="button"]{margin-left:4em}
fieldset#mgrDelete{}
fieldset#mgrReassign input[class="button"]{margin-left:4em;}

/*These are on user and admin pages*/
#emailCellBox, #regTableMarksBox, #adminSettingsBox, #adminInstrBox, #emailLogBox{width: 86%;}

fieldset#requiredAdminSettingsBox{border:none; padding:2em;}

fieldset#userEntryBox{border:none; text-align:center; }
fieldset#userEntryBox table{margin:0 auto; }
fieldset#userEntryBox input{margin-top:.2em; }
fieldset#userEntryBox div.row{text-align:left; width:70%; margin:.5em auto; }

fieldset#userEntryBox ul{list-style-position:inside; margin-top:0em}
fieldset#userEntryBox div#entryErrorMsg{max-width:70%; margin:.5em auto 0 auto; font-weight:bold;color:red; font-size:1.1em}/*Make same or slightly larger width as table#userEntry*/
fieldset#userEntryBox div#entryInfoMsg{max-width:70%; text-align:left; margin:.5em auto 0 auto; color:#0068cc;font-weight:bold;}
fieldset#userEntryBox div#secrStatusMsg{max-width:70%; margin:.5em auto 0 auto; font-size:1.1em;color:#0068cc; font-style:italic; font-weight:500;}
fieldset#userEntryBox div#loginSecrItems{max-width:70%;font-size:1.1em;margin:.5em auto 0 auto; font-weight:bold;text-align:center;}
fieldset#userEntryBox div#loginSecrItems img{margin-right:.5em; border:blue 2px solid; vertical-align:middle; }

fieldset#emailCellBox{border:gray 2px solid;}
fieldset#emailCellBox textarea{display:block; margin:0 auto 0 auto; }
fieldset#emailCellBox textarea+div.row{margin-top:.1em; }
fieldset#emailCellBox h3 span{float:right; margin:0 10% auto 4em; font-weight:bold; font-size:.8em}
fieldset#emailCellBox div[name="emailRenderBox"]{
border:gray 2px solid; width:86%; margin:0em auto 0 auto; text-align: left; background-color:white; padding:.5em; font-size:.9em;
}
fieldset#emailCellBox ul,ol{font-family:sans-serif}

fieldset#registryTableBox{border:none; text-align:center}
fieldset#registryTableBox input[type="submit"]{ font-size: 12pt;}
fieldset#regTableMarksBox{border:gray 2px solid;}
fieldset#regTableMarksBox span+input{margin-left:2em; }

fieldset#adminSettingsBox{border:gray 2px solid;}
fieldset#adminSettingsBox legend{ font: bold 11pt Arial,Helvetica,sans-serif; }
fieldset#adminSettingsBox textarea{display:block; margin:0 auto; font-size:9pt}
fieldset#adminSettingsBox textarea+div.row{text-align:left; margin-top:.1em; }
fieldset#adminSettingsBox div[name="memberInstrBox"]{
border:gray 2px solid; width:80%; margin:0em auto 0 auto; text-align: left; background-color:white; padding:.5em;
}


fieldset#adminSettingsBox div[for="adminMiscSettingsSave"]{text-align:center; font-weight:bold; }
fieldset#adminSettingsBox input[type="text"]+span{margin-left:1em}

fieldset#restrictedModeSettings{border: gray 2px solid; margin-top: .5em; padding: 0em 1em 1em 1em; }

fieldset#adminFieldsSettingsBox{border:none}
fieldset#adminFieldsSettingsBox table{
margin: 0 auto; border: double gray 7px; text-align: left; background-color: silver; background-image: url(./images/stucco2.jpg); background-repeat: repeat;
}
fieldset#adminFieldsSettingsBox em{color:green; font-style:italic;}

fieldset#adminInstrBox{border:gray 2px solid;}
fieldset#adminInstrBox h3{color:blue; text-align:left; font-size:1.1em}
fieldset#adminInstrBox h3+p{margin-top:.1em;}
fieldset input[name="showAdminInstr"]{display:block; position:absolute; left:1em; top:0}

form#registryTableMarks > div[class="adminHint"]{text-align:center}
form#registryTableMarks > div[class="noteMsg"]{text-align:center}

h2{ color: black; font-size: 1.6em; font-weight: bold; margin: .5em auto 0 auto; text-align: center; }

h3{ color: black; font-size: 1.2em; font-weight: bold; margin: .5em auto 0 auto; text-align: center; }

input#scode{margin-right:2em;}

/*input[type="submit"]{ font-size:1em; font-weight: bold; overflow: visible; padding: 0 .2em; width: auto; }/*IE7 gimmick fixes button padding bug*/


input[type="text"]{font-size:1em; border: black 1px solid; padding: .1em .5em; }

input.emailAddr, input.emailLabel, input.emailSubj{ border: gray 1px solid; }

p{ margin: .5em 0; }

p#htmlCssLogos{margin-left:10%; position:relative; bottom:2%; clear:both}

select{ border: gray 1px solid; font-size:1em; }
option{padding:0 .5em}

span.redAster{font-size:14pt; color:red; font-weight:bold; }/* for red asterisked in user entry and instr*/

span.blueAster{font-size:12pt; color:blue; font-weight:bold; }

textarea{ border: 1px gray solid; padding:.5em; overflow:auto; }

table{empty-cells:show;}/*border-spacing:0 border-collapse: collapse; */

th{color: black; text-align: center; }

table.inputTable{ border: double gray 7px; text-align:left; box-shadow:.5em .5em 1em #444;}/*Background above*/
table.inputTable textarea{font-size:.9em}
table.inputTable td>input[type="checkbox"]{display:inline; padding:1px}
table.inputTable select{ border: gray 1px solid; font-size:1em; }
table.inputTable option{padding:0 .5em}

table#regTable{
background-color:#e3e3e3;
box-shadow:.5em .5em 1em #444;
border:double gray 7px;
margin: 0 auto 0 auto; padding: 0;
font-weight:normal;/*Firefox has inherit problems*/
font-size:80%;
text-align: left;
max-width:98%;
}

table#regTable td,th{border-bottom:1px solid gray; min-height:1em}
#regTable td+td,th+th{border-left:1px gray solid;}
table#regTable caption{color: black; font-size: 1.6em; font-weight:bold; margin: .5em auto 0 auto; text-align: center; }
#regTable tr[class="odd"]{background-color:#f0f0f0}/* even rows inherit background*/
#regTable td[class="alignCenter"]{text-align:center}/*function assigns for all not alpha*/
#regTable td:first-child{text-align:right;}/*First cell only*/
#regTable input[type=text]{font-size:8pt}
#regTable td[class="status_pend"]{color:red; font-weight:bold; }/*Flags registry status cell in registry table; can add others; status values are in config*/
#regTable td[class="status_conf"]{color:green; font-weight:bold;}
#regTable td[class="status_pend"]:first-line, td[class="status_conf"]:first-line{text-transform: uppercase; font-size:.8em }
#regTable tr.grayed{ color: gray; font-style: italic; }
#regTable td>input[type="checkbox"]{display:block; margin:0em auto 0em auto; padding:1px}/* Center checkboxes td*/
/*#regTable tr:nth-child(even){background-color:#f0f0f0}   Alternate colored rows can't use cause of IE8 no handle*/

table#fieldMenus input{font-size:8pt; }

*.centerBlock{margin:0 auto 0 auto; }
*.centerText{text-align:center !important}/*!important required, must override selectors with text-align:left*/
*.marginLt10percent{margin-left:10%}
*.marginTop_5em{margin-top:.5em}
*.marginTop1em{margin-top:1em}
*.marginTop2em{margin-top:2em}

/*** Messages **/

*.adminHint,*.noteMsg, *.warningMsg {margin:.5em auto 0 0; font-size:1em}/*watch, errorMsg must be last or fontsize can multiply*/
*.adminHint { color:green; font-style:italic; font-weight:normal !important;}
*.noteMsg{ color: #0068cc; font-style:italic; font-weight:500;}
*.responseMsg{ color:#0068cc; font-weight:bold !important;}
*.warningMsg{ color: #dc143c; font-style: italic; font-weight:normal !important;}
*.errorMsg{ color: #dc143c; font-weight:normal; margin:.5em auto 0 0; font-size:1.1em}

/*watch, errorMsg must follow above messages or fontsize can multiply since above selectors are generally used as <span> inside errorMsg*/
div.errorMsg, p.errorMsg{ color: #dc143c; font-weight:normal; margin:.5em auto 0 0; font-size:1.1em}

*.instrGreen{ color: green; }
*.instrBlue{ color: #0068cc; }
*.instrRed{color:red; }
*.instrUnderline{ text-decoration: underline; }
