/* STAFF PAGE STYLES */

/* team containers */
.team {
    float:left;
    margin:0px;
    padding:0px;
}

/* team titles */
.team h2 {
    width:470px;
    height:28px;
    background-color:#EBEDEE;
    margin:0px 0px 10px 0px;
    padding:0px;
}

.team:hover h2 {
    background-color:#0089CF;
}

.team h2 span {
    display:inline-block;
    margin:7px;
}

.team:hover h2 span {
    color:#fff;
}

/* exceptions */
.team.mng , .team.isn_design {
    width:160px;
}
.team.mng h2 , .team.isn_design h2 {
    width:150px;
}
.team.isn_mng , .team.isn_mng h2 , .team.isn_admin , .team.isn_admin h2 {
    width:310px;
}

/* person */
.team .person {
    position:relative;
    margin-bottom:10px;
}

/* placeholder image */
.team .person-placeholder {
    background:transparent url(../images/staff_placeholder.gif) top left no-repeat;
}

/* picture size */
.team .person , 
.team .person a ,
.team .person a img {
    width:150px !important; 
    height:200px !important;
}

/* person link */
.team .person a {
    position: absolute;
    bottom:0px;
    margin:0;
    padding:0;
    text-decoration: none !important;
    border: none !important;
}

/* person image */
.team .person a img {
    position:absolute;
    top:0;
    left:0;
}

/* person info outer container */
.team .person a:link .person_abstract_oc , .team .person a:visited .person_abstract_oc , .team .person a:hover .person_abstract_oc , .team .person a:active .person_abstract_oc {
    position: absolute;
    bottom:0px;
    left:0px;
    width:150px !important;
    height:63px;
    background: #000 !important;
    opacity: 0.75;
}

/* hover colour change */
.team .person a.active .person_abstract_oc , .team .person a:hover .person_abstract_oc , .team .person a:active .person_abstract_oc {
    background: #0089CF !important;
    opacity: 0.8;
}

/* person info inner container */
.team .person a .person_abstract_oc .person_abstract_ic {
    position: absolute;
    bottom:10px;
    left:10px;
}

/* person info text container */
.team .person a .person_abstract_oc .person_abstract_ic .person_abstract {
    display:table-cell;
    vertical-align: bottom;
    width:130px !important;
    height:53px;
}

/* person info text elements */
.team .person a .person_abstract_oc .person_abstract_ic .person_abstract * {
    color:#fff !important;
    opacity:2;
}

/* person info text seperator */
.team .person a .person_abstract_oc .person_abstract_ic .person_abstract hr {
    margin:7px 0px 6px;
}

/* hide bio container */
.team .person .person_bio {
    display:none;
}

.biosep /*.team .biosep */{
    width:470px;
    float:left;
    display:none;
}

#person_bio_full {
    width:470px;
    margin-top:-6px;
}

#person_bio_full div span.close {
    display:block;
    float:right;
    font-size:20px;
}

/*
All for name and title
*/

#person_bio_full div.nametitle {
    background:#0089CF;
    font-size:14px;
    color:white;
}

#person_bio_full div.nametitle u {
    display:inline-block;
    margin:10px 0px 0px 10px;
    font-weight:bold;
    color:white;
    text-decoration: none;
    border-bottom:solid 1px white;
    padding-bottom:7px;
}

#person_bio_full div.nametitle em {
    display:block;
    margin:7px 10px 10px;
    font-style:normal;
    font-size:12px;
}

/*
All for the biodescription
*/

#person_bio_full div.biodescription {
    background:white url(../images/higher_bg_white.gif) repeat-x scroll bottom left;
}

#person_bio_full div.biodescription p {
    margin:10px;
}

/*
All for the bio Footer (projects and such)
*/

#person_bio_full div.biofooter {
    border-top:1px solid #FFF;
    border-bottom:10px solid white;
    background:#0089CF url(../images/lower_bg_blue.gif) repeat-x scroll bottom left;
    font-size:12px;
    line-height:130%;
}

#person_bio_full div.biofooter div {
    color:white;
    margin:10px 0px 10px 10px;
}

#person_bio_full div.biofooter a , 
#person_bio_full div.biofooter a:link , 
#person_bio_full div.biofooter a:visited , 
#person_bio_full div.biofooter a:hover , 
#person_bio_full div.biofooter a:active { 
    text-decoration:none !important;
    border:none !important;
    color:white !important;
    background: url(../images/icons/more_white.gif) no-repeat scroll 0 0.4em transparent;
    padding-left: 0.8em;
}

/*Indicator arrow*/
#person_bio_full div.left img {
    margin-left:67px;
}
#person_bio_full div.middle img {
    margin-left:227px;
}
#person_bio_full div.right img {
    margin-left:387px;
}