/*
    Styles for Oppenheimer National Plan calculator
    $Header: /export/www/htdocsdev/oppenheimer/RCS/promisefund.css,v 1.13 2009/09/04 21:14:29 rich Exp $
*/

BODY, P, TD, TH {
    font-family: Arial, Helvetica, Verdana;
    font-size: 10pt;
}

TD, TH {
    padding-top: 5px;
    padding-bottom: 5px;
}

H2 {
    letter-spacing: 0.1em;
    font-size: 2.0em;
    font-weight: bold;
    color: #253692;
    padding-bottom: 10px;
}

H3 {
    font-size: 1.3em;
    font-weight: bold;
    color: #253692;
}

OL {
    margin-top: 5px;
    margin-bottom: 5px;
}

.section_banner {
    font-weight: bold;
    font-size: 1.2em;
    background-color: #7AC043;	/* light green */
    color: #253692;
    width: 100%;
    height: 20px;
    padding: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.colored_hdr {
    font-weight: bold;
    color: #253692;
}

.errmsg {
    font-weight: bold;
    color: red;
    margin-top: 10px;
}

#divbody {
    width: 800px;
}

#typenotediv1,#typenotediv2 {		/* footnote under Number of Units input item that explains Type I,II,III */
    border: solid 1px green;
    margin-top: -5px;
    margin-left: 8px;
    padding: 3px 5px 3px 5px;
    font-size: 8pt;
    font-style: italic;
}

.bluebutton {
    background-color: #B4BADC;
    cursor: pointer;
}

.redbutton {
    background-color: #B4BADC;
    cursor: pointer;
    color: red;
    font-weight: bold;
}

.resultstable {
    border: 1px #B4BADC solid;
    border-collapse: collapse;
}
.resultstable TH {
    font-weight: bold;
    color: #253692;
    border: 1px #B4BADC solid;
    vertical-align: bottom;
    text-align: center;
}
.resultstable TD {
    border: 1px #B4BADC solid;
    text-align: center;
}

/* multi-select input box styles */
.mainwrap {
    float: left;
    width: 350px;		/* max width for names (needed) */
    margin-left: 30px;		/* should match #res1 */
}

.main {
    border-left: 1px solid #808080;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

.submain {
    background: #ffffff;        /* white */
    overflow: auto;             /* scroll bar if needed */
    height: 7em;                /* allow for 5 or 6 schools to be visible */
    border-left: 1px solid #404040;
    border-top: 1px solid #404040;
    border-bottom: 1px solid #d4d0c8;
    border-right: 1px solid #d4d0c8;
}

.cbox {
    padding-right: 3px;         /* between checkbox and label */
    display: block;             /* force line break for each choice */
}

.cbox:hover {
    background-color: #B4BADC;  /* highlight each line as mouse moves over it */
}

#res1 {				/* display of chosen schools from multi-select box */
    clear: both;
    float: left;
    width: 350px;		/* must match .mainwrap */
    padding-top: 10px;
    padding-left: 30px;		/* must match .mainwrap */
}

#calc2button {			/* the Submit button for choosing list of schools */
    margin-top: 20px;
    margin-left: 20%;		/* match margin for .main above */
}

/**** help file styles ****/

.helpfile {
    background-color: #B4BADC;
    font: 10pt Arial;
}

.helpfile BODY {
    width: 500px;
}


.helpfile B {
    color: #253692;
}