BODY {
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

INPUT {
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 12px;   
}

#header {
    height: 85px;
    width: 770px;
    padding: 0px;
    margin: 0px;
}

#spread {
}

#titlebar {
    background-image: url('/images/ybar.gif');
    position: absolute;
    top: 35px;
    left: 0px;
    height: 20px;
    border-bottom: 1pt solid #666;
    width: 770px;
}

#titlebar #institution {
    float: left;
    margin: 0px 0px 0px 250px;
    font-family: Times New Roman,serif;
    font-size: 16px;
    line-height: 20px;
    font-style: italic;
    font-weight: bold;
    color: #b00;
}

#titlebar #church_address {
    clear: both;
    float: left;
    width: 770px;
    text-align: center;
    font-size: 14px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #008;
}

#titlebar #login_anchor {
    float: right;
    padding: 3px 100px 0px 0px;
    font-family: Verdana,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #00d;
    text-decoration: none;
}

#logo {
    position: absolute;
    top: 0px;
    left: 10px;
    cursor: pointer;
}

#logo2 {
    position: absolute;
    top: 0px;
    left: 670px;
    cursor: pointer;
}

.caption {
    font-size: 10px;
    font-style: italic;
    color: #00f;
    font-weight: normal;
}

#registration {
    float: left;
    min-width: 680px;
    min-height: 600px;
}

#registration #family {
    clear: both;
    float: left;
    margin: 20px 10px 5px 10px;
}

#registration #command {
    clear: both;
    float: left;
    padding-left: 150px;
}

#registration #summary {
    clear: both;
    float: left;
    padding-left: 5px;
    width: 750px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#registration #students {
    clear: both;
    float: left;
    padding: 5px;
    min-height: 92px;
    min-width: 750px;
}

#login_panel .login_prompt {
    font-style: italic;
    color: #800;
    font-size: 14px;
    margin: 5px 5px 5px 100px;
}

#login_panel #login_okay {
    clear: both;
    float: left;
    margin-left: 150px;
}

#login_panel #login_cancel {
    float: left;
    margin-left: 20px ;
}

#registration #summary {
    background: #ffd;
    margin: 10px 0px 5px 0px;
}

#summary #useradd {
    vertical-align: text-bottom;
}

#summary #deposit,#summary #tuition,#summary #paid,#summary #balance,#summary #tender {
    border: 1px dashed #aaa;
    width: 40px;
    text-align: right;
    padding: 1px 4px 1px 4px;
    color: #a00;
    margin: 1px 5px 1px 1px;
}

#summary #waived {
    width: 20px;
    margin: 1px 1px 1px 1px;
}

#summary #payment {
    vertical-align: bottom;
    margin: 0px 0px 0px 10px;
}

#registration .desc {
    display: inline-block;
    text-align: right;
    color: #00f;
}

#family .label,#login_panel .label {
    clear: both;
    float: left;
    width: 150px;
    text-align: right;
    color: #00f;
    padding-top: 4px;
}

#family .label.required {
    font-weight: bold;
    color: #f00;
}

#family INPUT,#login_panel INPUT {
    float: left;
    margin-top: 2px;
}

#family INPUT.search_text {
    border-right: 0px;
    width: 200px;
}

#family INPUT.search {
    border-left: 0px;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
}

#family .textf {
    width: 175px;
    height: 14px;
    border: 1px solid #888;
}

#family INPUT.fid {
    width: 77px;
    background: #ddd;
}

#family INPUT.dno {
    width: 60px;
}

#family INPUT.zipcode {
    width: 77px;
}

#registration .header {
    clear: both;
}

#registration .heading {
    float: left;
    text-align: center;
    font-weight: bold;
    margin: 0px 1px 0px 1px;
}

#students .stdrow {
    clear: left;
    padding: 1px;
}

#students .stdrow * {
    float: left;
}

#students INPUT {
    margin: 0px;
}

#students .signup {
    margin-top: 2px;
}

#students .fee {
    width: 35px;
    white-space: nowrap;
    text-align: right;
    margin: 3px 3px 0px 5px;
    padding-right: 5px;
}

#students .name {
    width: 100px;
    margin-left: 1px;
}

#students .birthday {
    width: 100px;
    margin-left: 1px;
}

#students .sacrament {
    vertical-align: bottom;
    margin-left: 15px;
}

#command .receipt {
    vertical-align: text-bottom;
}

/**
 *
 */
#ask_dialog {
    position: fixed;
    top: 160px;
    left: 120px;
    min-width: 450px;
    min-height: 100px;
    text-align: center;
    background: #fff;
    border: 2px ridge #dda;
}

#ask_dialog .question {
    font-family: Times New Roman,serif;
    font-size: 18px;
    font-style: italic;
    color: #00f;
    margin: 10px;
    height: 40px;
}

#ask_dialog #ctrlbar {
}

#ask_dialog #ctrlbar BUTTON {
    font-weight: bold;
    font-size: 16px;
    height: 32px;
    vertical-align: bottom;
    margin: 0px 10px 0px 10px;
}

#ask_dialog #ctrlbar #answer_yes {
    color: #080;
}

#ask_dialog #ctrlbar #answer_no {
    color: #a00;
}