@charset "utf-8";
/* Graduate Studies Forms */

table caption {
    display: none
}

legend {
    padding: 0.2em 1em;
    border: 1px solid darkgreen;
    color: darkgreen;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 130%;
    text-align: left;
}

.formText {
    font-size: 1em;
}

.textComment {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: darkgreen;
    font-style: italic;
}

.textSmall {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 60%;
}

/* for checkboxes in ordered list */

li input {
    position: absolute;
    margin-left: -50px;
    margin-top: 5px;
}

/* small assistanship inputs */

input.sd {
    width: 18px;
    height: 16px;
    margin-right: 4px;
    padding-left: 2px;
}

@media all {
    .page-break {
        display: none;
    }
}

@media screen {
    body {
        background-color: #dfdfdf;
    }
    fieldset {
        margin: 1em 0.2em;
        padding: 0.5em;
        border: 1px !important;
        border-color: darkgreen !important;
        border-style: solid !important;
    }
    textarea {
        width: 94%;
        margin: 3px 20px;
    }
    input[type=checkbox] {
        width: 100%;
        height: 2em;
        margin: 0.5em;
        position: static;
        opacity: 1 !important;
    }
    input[type=radio] {
        border: 0px;
        position: static;
        opacity: 1 !important;
    }
}

/* don't do gridtable on smaller screens */
@media screen and (min-width: 720px) {
    /* for the "please rate applicant" table */
    table.gridtable {
        font-family: verdana, arial, sans-serif;
        font-size: 12px;
        color: #333333;
        border-width: 1px;
        border-color: #666666;
        border-collapse: collapse;
        margin: 0 1.5em;
        padding: 0 3em;
        table-layout: fixed;
    }
    table.gridtable th {
        border-width: 1px 1px 3px 1px;
        padding: 8px;
        font-size: 120%;
        border-style: solid;
        border-color: #666666;
        background-color: #dedede;
        vertical-align: bottom;
        overflow: hidden;
    }
    table.gridtable td {
        border-width: 1px;
        padding: 8px;
        text-align: center;
        border-style: solid;
        border-color: #666666;
        background-color: #ffffff;
        width: 90px;
        overflow: hidden;
    }
    table.gridtable td:first-child {
        border-width: 1px;
        padding: 8px;
        width: 230px;
        text-align: left;
        border-style: solid;
        border-color: #666666;
        background-color: #dedede;
        overflow: hidden;
    }
    table.gridtable input[type=radio] {
        border: 0px;
        opacity: 1 !important;
        position: static !important;
        width: 100%;
        height: 1.2em;
    }
}

@media print {
    fieldset {
        margin: 1em;
        padding: 0.3em 1.5em;
    }
    h1 {
        font-size: 28px;
        padding: 0.1em 0.2em;
        color: darkgreen;
        text-align: center;
    }
    h3 {
        font-size: 20px;
        padding: 0.1em 0.2em;
        text-align: center;
    }
    textarea {
        font-size: 90%;
        margin: 2px 12px;
        overflow: hidden;
    }
    /* for the "please rate applicant" table */
    table.gridtable {
        font-family: verdana, arial, sans-serif;
        font-size: 10px;
        color: #333333;
        border-width: 1px;
        border-color: #666666;
        border-collapse: collapse;
        margin: 0 1.5em;
        padding: 0 1em;
    }
    table.gridtable th {
        border-width: 1px 1px 3px 1px;
        padding: 5px;
        border-style: solid;
        border-color: #666666;
        background-color: #dedede;
        vertical-align: bottom;
    }
    table.gridtable tr {
        line-height: 12px;
    }
    table.gridtable td {
        border-width: 1px;
        padding: 3px;
        text-align: center;
        border-style: solid;
        border-color: #666666;
        background-color: #ffffff;
        width: 80px;
    }
    table.gridtable td:first-child {
        border-width: 1px;
        padding: 3px;
        width: 230px;
        text-align: left;
        border-style: solid;
        border-color: #666666;
        background-color: #dedede;
    }
    input[type=radio] {
        border: 0px;
        width: 100%;
        height: 1em;
    }
    .page-break {
        display: block;
        page-break-before: always;
    }
    .fillout {
        color: black;
        padding: 0px 3px 0px 5px;
        border-width: 0;
        border: 1px solid #bbb;
    }
}