﻿.bk { color: #333333; font-family: Arial, Verdana; font-size: 12px; }
    .bk td, .bk th { padding: 3px; vertical-align: top; font-size: 12px; }
	.bk h3 {
			color:#555555;
			font-weight:bold;
			font-size:15px;
	}
	
.flash { background-color: #74D19D; font-weight: bold; padding: 10px; }
input.addButton { background: #D3D3D3 url('/images/add.gif') no-repeat left top; padding-left: 18px; }

/*----------------------
    List By Position
-----------------------*/
.bk.listByPosition { clear: both; overflow: auto; }
    .bk.listByPosition .col1 { width: 220px; float: left; }
    .bk.listByPosition .col2 { width: 220px; float: left; }
    .bk.listByPosition .col3 { width: 210px; float: left; }

/*----------------------
    List
-----------------------*/
.filterOn {}
    .filterOn a { display: block; padding: 0 0 10px 0; }
.noResults {}

.staffList { clear: both; overflow: auto; }
    .staffList .row { border-top: 1px solid #BC8E64; padding: 6px 0 3px 0; clear: both; overflow: auto; }
        .staffList .row span { display: block; }
        .row .colPhoto { width: 72px; float: left; }
            .row .colPhoto img { max-width: 70px; max-height: 70px; }
        .row .col1 { float: left; width: 230px; margin-left: 10px; }
        .row .col2 { float: left; width: 310px; margin-left: 10px; }
        .row h3.name { color: #1F3F87; font-weight: bold; margin: 0 0 10px 0 !important; padding: 0; font-size: 14px; }
        .row .office { font-weight: bold; margin-bottom: 10px; }
        .row .position { font-weight: bold; }        
        .row .practiceAreas label { font-weight: bold; }
        
/*----------------------
    Search Box
-----------------------*/        
.bk.searchBox {  }
    .bk.searchBox h4 { color: #1F3E86; font-size: 18px; font-family: Arial, Verdana; }
    .bk.searchBox label, .bk.searchBox input { display: block; }
    .bk.searchBox label { margin-bottom: 2px; font-weight: bold; }
    .bk.searchBox input, .bk.searchBox select { margin-bottom: 10px; }

.searchBox .txtName {
	width:168px;	
}

.searchBox .ddlPracticeAreas, .searchBox .ddlSchoolNames, .searchBox .ddlTechnologyAreas
{
	 width: 174px;	 
	 max-width: 245px;
}
.searchBox .ddlSchoolNames option { max-width: 245px; }

.btnSearch {
	background:url(images/people-search.jpg) no-repeat;
	border:none;
	width:62px;
	height:19px;
	margin:0 0 0 110px;
	cursor:pointer;
}

/*----------------------
    Person - Detail
-----------------------*/
.bk.detail { color: #333333; overflow: auto; margin:7px 0 0 0; }
	body.ie7 .bk.detail { color: #333333; overflow: auto; margin:32px 0 0 0; }
	
    .bk.detail h1, .bk.detail h2, .bk.detail h3, .bk.detail h4
    {
        font-family: Arial, Verdana; 
		font-style: normal; 
		font-variant: normal; 
		font-weight: normal;
        margin: 4px 0 !important;
        padding: 0;
    }
    .bk.detail .sideCol { width: 148px; float: left; margin-right: 16px; font-size: 11px; }
        .sideCol .photo, .sideCol .vcard, .sideCol .education, .sideCol .organizations { display: block; }
        .sideCol label { color: #267326; display: block; margin: 8px 0; font-weight: bold; }            
        .sideCol .photo img { max-width: 140px; max-height: 200px; border:1px solid #666; padding:2px; }
    
    .bk.detail .mainCol { width: 490px; float: left; }
	    body.ie .bk.detail .mainCol { width: 470px; float: left; }
    .nameHeader { clear: both; background-color: #E4CAB2; overflow: auto; padding: 3px 6px; margin-bottom: 8px; }
        .nameHeader .name { float: left; color: #1F3F87; font-size: 18px; }
        .nameHeader .position { float: right; color: #333333; font-size: 16px; }        
        .nameHeader h2.position { margin-top: 4px !important; }
    .mainInfo { clear: both; overflow: auto; }        
    .mainInfo .leftCol { width: 46%; float: left; }
        .mainInfo .email, .mainInfo .phone, .mainInfo .fax
        ,.mainInfo .office, .mainInfo .titles, .mainInfo .practiceAreas 
        { display: block; }
        .mainInfo .email { margin-bottom: 8px; }
        .mainInfo .office { margin-top: 8px; }
        .mainInfo .titles { font-weight: bold; margin-bottom: 8px; }
    .mainInfo .rightCol { width: 54%; float: left; }
    .bk.detail .bio { clear: both; border-top: 1px solid #BC8E64; margin: 8px 0; padding:5px 0 0 0; }

.vcardimg {
	background:url(images/vcard.jpg) no-repeat;
	border:none;
	width:136px;
	height:22px;
	cursor:pointer;
	margin:4px 0 0 4px;
}

/*----------------------
    Admin - Edit
-----------------------*/    
.bk.edit th { text-align: right; }
.bk.edit textarea { width: 400px; height: 49px; }

/*----------------------
    jQuery - Watermark Styles
-----------------------*/    
/* make textbox dimensions consistent in all browsers */
/* you may choose to use a reset stylesheet instead */
.txt
{
	border: solid 1px #999;
	padding: 2px;
	margin: 0;
	height: 1.25em;	/* must specify height for consistent vertical alignment */
	vertical-align: middle;
}
/* watermark positioning container */
.updnWatermark
{
	position: relative;	/* positioning container */
	width: 0;
	height: 1.25em;	/* must specify height for consistent vertical alignment */
	vertical-align: middle;
}
/* IE7/6 hasLayout hack */
.updnWatermark
{
	*zoom: 1;
}
/* watermark label styling */
.updnWatermark label
{
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	color: #999;
	padding-left: 4px;
	height: 1.25em;	/* must specify height for consistent vertical alignment */
	vertical-align: middle;
}