/*...................................................Case Western Reserve University Modal Boxes...................................................*/

#mask /*protects screen from outside clicks*/
    {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:130%;
    z-index:9000;
    display:none;
    background-color:#000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60; 
    }

#actionModal .window
    {
    top: 10%;
    left: 30%;
    position:fixed;
    display:none;
    z-index:9999;
    }

.modalBody
    {
    background-color:#0a304e;
    border:#fff 5px solid;
    padding:20px;
    width:560px;
    }

#modalBodyWhite, #modalBodyNarrow, #modalBodyContact
    {
    background-color:#fff;
    border:#eee 5px solid;
    padding:20px;
    }
    
#modalBodyWhite
    {
    width:750px;
    }
    
.modalBody div.modalClose
    {
    width:30px;
    height:31px;
    float:right;
    padding:0px;
    margin:-30px -30px 0px 0px;
    }

.modalBody div.modalClose a img
    {
    border:none;
    }

.modalBody h4, .modalBody h4 a
    {
    font-size:22px;
    font-weight:normal;
    color:#fff;
    text-decoration:none;
    }

#modalBodyWhite h4, #modalBodyContact h4
    {
    color:#0a304e;
    padding-bottom:20px;
    }
    
.modalBody h4 a:hover
    {
    text-decoration:underline;
    color:#ccc;
    }

.modalBody p, .modalBody p a, .modalBody ul li a
    {
    font-size:13px;
    line-height:16px;
    color:#ccc;
    text-decoration:none;
    }

#modalBodyWhite p, #modalBodyContact p
    {
    color:#000;
    padding-bottom:20px;
    }

#modalBodyNarrow p, #modalBodyNarrow pa
    {
    color:#0a304e;
    }

.modalBody p a:hover, .modalBody ul li a:hover
    {
    text-decoration:underline;
    color:#1f7eba;
    }

/*Contact form*/
.form
    {
    font-size: 13px;
    color: #fff;
    }
    
.form label
    {
    display: block;
    width: 130px;
    float: left;
    padding: 5px 15px 0px 0px;
    cursor: pointer;
    }
    
.form label.check
    {
    float: left;
    width: auto;
    text-align: left;
    padding: 5px 5px 0px 0px;
    margin: 0px 20px 0px 5px;
    }
    
.form input.text
    {
    width: 250px;
    float: left;
    border: 1px solid #c5c5c5;
    padding: 3px;
    margin-bottom:10px;
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif;
    }
    
.form input.checkbox
    {
    float: left;
    margin: 6px 0px 0px 0px;
    width: auto;
    }
    
.form .errors
    {
    color: #b01d1d;
    margin: 0px 0px 15px;
    }
    
.form fieldset
    {
    border: none;
    margin-bottom: 25px;
    }
    
.form input.required
    {
    border: 1px solid #b43131;
    }
    
.form select
    {
    margin-top: 3px;
    }
    
.form input.short
    {
    width: 30px;
    }
    
.form span.extra
    {
    display: block;
    float: left;
    margin: 7px 0px 0px 10px;
    }
    
.form textarea
    {
    width: 450px;
    height: 115px;
    border: 1px solid #c5c5c5;
    padding: 3px;
    font-size: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
    }
    
.form small
    {
    font-size: 0.85em;
    }
    
.form p
    {
    margin-bottom: 10px;
    clear: both;
    }
    
.form .error
    {
    font-size: 0.85em;
    color: #d14949;
    }

.form .submit
    {
    color:#000;
    }

/*CONTACT-specific content tweaks*/
#modalContact
    {
    font-size:14px;
    }

#modalContact p span
    {
    font-weight:bold;
    color:#fff;
    }

#modalContact p
    {
    margin-top:15px;
    clear:both;
    }

#modalContact p a
    {
    color:#fff;
    text-decoration:underline;
    }

#modalContact p a:hover
    {
    color:#ccc;
    text-decoration:underline;
    }

#modalContact ul
    {
    margin:15px 0px 20px 15px;
    width:230px;
    float:left;
    color:#fff;
    }

#modalContact ul li a
    {
    color:#fff;
    }

#modalContact ul li a:hover
    {
    color:#ccc;
    text-decoration:underline;
    }

/*APPLY-specific content tweaks*/
#modalApply .modalBody h4
    {
    margin:0px;
    padding:25px 0px 0px 0px;
    }

#modalApply .modalBody h4.first
    {
    padding-top:0px;
    }

#modalApply .modalBody p a
    {
    border-bottom:#fff 1px dotted;
    }

#modalApply .modalBody p a:hover
    {
    border-bottom:0px;
    }

/*GIVE-specific content tweaks*/
#modalGive .modalBody h4
    {
    margin:0px;
    padding:25px 0px 0px 0px;
    }

#modalGive .modalBody h4.first
    {
    padding-top:0px;
    }

#modalGive p span
    {
    border-bottom:#ccc 1px dotted;
    }
    
/*VISIT-specific content tweaks*/
#modalVisit ul
    {
    list-style:none;
    margin-top:15px;
    }

#modalVisit ul.left
    {
    width:40%;
    float:left;
    padding:0px 5px 0px 10px;
    margin-bottom:5px;
    border-right:#666 1px solid;
    }

#modalVisit ul.right
    {
    width:48%;
    float:right;
    padding:0px 0px 0px 10px;
    }

#modalVisit ul li
    {
    padding-bottom:15px;
    line-height:14px;
    }

#modalVisit ul li a
    {
    font-size:14px;
    }

#modalVisit ul li.last
    {
    padding-bottom:0px;
    }

#modalVisit p span
    {
    border-bottom:#ccc 1px dotted;
    }

/*FIND-specific content tweaks*/
#modalFind h5
    {
    margin:15px 0px 2px 0px;
    }

#modalFind h5 a
    {
    color:#ccc;
    text-decoration:none;
    font-size:18px;
    }

#modalFind input.text
    {
    font-family: Helvetica, Arial, sans serif;
    color:#555;
    width:250px;
    font-size:13px;
    }

#modalFind div.radioButtons
    {
    color:#fff;
    font-size:13px;
    }
    
#modalFind div#librarysearch
    {
    margin-bottom:5px;    
    }
    
#modalFind div.radioButtons input.first, #modalFind div.radioButtons input#first
    {
    margin-left:0px;
    }

#modalFind select.dirSelect
    {
    width:235px;
    }

/*survey styles*/
#modalUserSurvey .modalBody
    {
    width:585px;
    border:#333 5px solid;
    background-color:#fff;
    }

#modalPrezSpeech ul
    {
    list-style:none;
    color:#626262;
    }
    
#modalPrezSpeech ul li
    {
    padding-bottom:10px;
    }
    
#modalPrezSpeech ul li, #modalPrezSpeech ul li a
    {
    font-size:12px;
    }

#modalPrezSpeech ul li a
    {
    color:#0a304e;
    text-decoration:none;
    }

#modalPrezSpeech ul li a:hover
    {
    text-decoration:underline;
    }

#modalPrezStaff table
    {
    font-size:13px;
    }

#modalPrezStaff table a
    {
    color:#0a304e;
    }