/* _________________________________________________

Ball State Design - Person Profile

1.PERSONINFO
2.PROFILEPHOTO
3.PERSONCONTACTINFO
4.COURSELISTING
5.COURSEHEADER
6.DL, DT, DD
7.OUTLOOK DOWNLOAD
8.VIEW EMAIL
_____________________________________________________
    
PERSONINFO
*/
.personInfo 
{ 
    margin: 10px 0;
    padding: 0 0 10px;
    clear: both; 
        
    border-bottom: 1px dotted #666;
}
    
/**************************************************
**  PROFILE PHOTO    ******************************
**************************************************/
.profilePhoto 
{
    float: left;
    text-align: center;
    margin: 1px 20px 0 0;
    width: 129px;
}
    
.profilePhoto img 
{
    width: 125px;
    height: auto;
    border: 1px solid #000;
    padding: 1px 1px;
}
    
/**************************************************
**  PERSON CONTACT INFO    ************************
**************************************************/
.personContactInfo 
{ 
    float: left;
    width: 476px;
    line-height: 1.2em; 
}
    
.personContactInfo.noPhoto 
{ 
    float: none;
    width: 100%;
}
    
.personContactInfo h1.header 
{ 
    margin: 4px 0 8px; 
    line-height: 1em;
}
    
.personContactInfo h2.subHeader 
{ 
    margin: 0 0 25px; 
    padding: 0;
    line-height: 1.25em;
    font-size: 13.5pt;
}
    
.personContactInfo p { margin-bottom: 25px; }
    
.personContactInfo p.last { margin-bottom: 0; }
    
.personContactInfo a { text-decoration: none; }
    
.personContactInfo a:hover  
{
    text-decoration: underline; 
    color: #ba0c2f;
}
    
/**************************************************
**  COURSE LISTING     ****************************
**************************************************/
.courseListing { }
    
/**************************************************
**  COURSE HEADER     *****************************
**************************************************/
.courseListing div.courseHeader 
{
    padding: 4px 13px 4px 13px;
    font-weight: normal;
    text-transform: uppercase;
    background-color: #ba0c2f;
    color: #FFF;
    border-bottom: 1px solid #FFF;
}
    
/**************************************************
**  COURSE DL, DT, DD     *************************
**************************************************/
ul.courses 
{
    margin: 0;
    padding: 0;
    list-style: none;
}
    
ul.courses li { border-bottom: 1px solid #4E5E6D; }
    
ul.courses dl 
{
    margin: 0;
    overflow: hidden;
}
    
ul.courses li dt 
{
    float: left;
    display: none;
    visibility: hidden;
}
    
ul.courses li dd 
{
    float: left;
    padding: 6px 13px;
    vertical-align: top;
    line-height: 1.2em;
}
    
ul.courses li dd.course { width: 119px; }
    
ul.courses li dd.number { width: 37px; }
    
ul.courses li dd.section { width: 76px; }
    
ul.courses li dd.time { width: 96px; }

ul.courses li dd.days { width: 50px; }
    
ul.courses li dd.location { width: 91px; }
    
ul.courses li.courseHeader 
{
    background-color: #4E5E6D;
    color: #FFF;
    font-weight: normal;
    text-transform: uppercase;
    border-bottom: none;
}
    
ul.courses li.courseHeader dd 
{
    padding: 4px 13px;
    border-right: 1px solid #FFF;
    line-height: 2em;
}
    
ul.courses li.courseHeader dd.course { width: 118px; }
    
ul.courses li.courseHeader dd.number { width: 36px; }
    
ul.courses li.courseHeader dd.section { width: 75px; }
    
ul.courses li.courseHeader dd.time { width: 95px; }

ul.courses li.courseHeader dd.days { width: 49px; }
    
ul.courses li.courseHeader dd.location  
{
    border-right: none; 
}
    
/**************************************************
**  OUTLOOK DOWNLOAD      *************************
**************************************************/
.DownloadPopUp { border-top: solid 3px #ba0c2f; border-bottom: solid 3px #ba0c2f; padding: 20px 0px 20px 0px; margin: 20px 20px 20px 20px; text-align: left; float: left; min-width: 0px; overflow: hidden; }

/**************************************************
**  VIEW EMAIL      *******************************
**************************************************/
#imgEmail { width: 560px; margin-bottom: 20px;}

/*960px __________________________________________________________________________________________________________ */
/* @media only screen and (max-width: 960px) { */
    body {}
/* } */