/* JSP generated CSS for /staff/_css/classes/department # /_css/classes/department */
	
/************************************************************************************
 * Department CSS styles                                                            *
 ************************************************************************************/

div.w3xhtml h2 {
	margin-top: 0.5em;
	margin-bottom: 0.1em;
}

div.w3attributes {
	margin-bottom: 0em;
}

td.w3attribute {
	color: #000000;
}

/* Styles for expandable divs */

div.expandableGroup
{
	font-size: 100%;
	padding-left: 0px;
}

div.expandableGroup div.expandableGroup
{
	padding-left: 25px;
}

.opener, .openerFirst, .openerLast, .openerFirstLast,
.leaf, .leafFirst, .leafLast, .leafFirstLast,
.closer, .closerFirst, .closerLast, .closerFirstLast
{
	padding-bottom: 2px;
	width: 20px;
}

.opener, .openerFirst
{
	background: url(/_definition/shared/images/icons/tree-middle-close.gif) no-repeat scroll left top;
}

.closer, .closerFirst
{
	background: url(/_definition/shared/images/icons/tree-middle-open.gif) no-repeat scroll left top;
}

.openerLast, .openerFirstLast
{
	background: url(/_definition/shared/images/icons/tree-last-close.gif) no-repeat scroll left top ;
	padding-bottom: 2px;
	width: 20px;
}

.closerLast, .closerFirstLast
{
	background: url(/_definition/shared/images/icons/tree-last-open.gif) no-repeat scroll left top ;
	padding-bottom: 2px;
	width: 20px;
}

.leaf, .leafFirst
{
	background: url(/_definition/shared/images/icons/tree-line-middle.gif) no-repeat scroll left top;
}

.leafLast, .leafFirstLast
{
	background: url(/_definition/shared/images/icons/tree-line-last.gif) no-repeat scroll left top ;
	padding-bottom: 2px;
	width: 20px;
}

div.expandableHeader, div.expandableHeaderFirst, div.expandableHeaderLast, div.expandableHeaderFirstLast,
div.leafHeader, div.leafHeaderFirst, div.leafHeaderLast, div.leafHeaderFirstLast
{ 
	background-color: white;
}

div.expandableBody, div.expandableBodyFirst
{
	background: url(/_definition/shared/images/icons/tree-line-vert.gif) repeat-y scroll left top;
}


div.expandableBodyLast, div.expandableBodyFirstLast
{
	background-image: none;
}

/* Styles for horizontal and vertical panes */

table.horizontalPanes, table.verticalPanes
{
	width: 100%;
}

table.horizontalPanes td.pane, table.horizontalPanes td.paneLast
{
	border-left: 1px dashed #DCDCDC;
	padding-left: 5px;
}

table.horizontalPanes table td, table.verticalPanes table td
{
	border: none;
}

table.horizontalPanes td.pane,
table.horizontalPanes td.paneFirst,
table.horizontalPanes td.paneFirstLast,
table.horizontalPanes td.paneLast
{
	vertical-align: top;
	padding-right: 5px;
}

table.verticalPanes td.pane,
table.verticalPanes td.paneFirst,
table.verticalPanes td.paneFirstLast,
table.verticalPanes td.paneLast
{
	vertical-align: top;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-top: 0px;
}

/* Specific styles for department layout */
/* specified width is used to force identical layout for MEPA/PHD student overview */

table.departmentPane table.employeeTable
{
	width: 100%;
}

table.employeeTable td.fullName
{
	width: 35%;
	white-space: nowrap;
	padding-right: 3px;
}

table.employeeTable td.email {
	padding:3px;
	text-align:center;
	vertical-align:top;
	width:5%;
}

table.employeeTable td.phoneNum
{
	width: 20%;
	padding-right: 3px;
	white-space: nowrap;
}

table.employeeTable td.function
{
	width: 40%;				
}

table.employeeTable td.disciplines
{
	white-space: nowrap;	
}

table.verticalPanes td.pane, table.verticalPanes td.paneLast
{
	border-top: 1px dashed #DCDCDC;
	padding-top: 5px;
}

/* Styles for nested divs, specific styles for department layout */

div.nested
{
	padding-left: 0px;
}

div.departmentNested div.nestedItem a.w3link
{
	font-size: 91.667%;
	color: #7D7D7D;
}

div.departmentNested
{
	padding-bottom: 1px;
}

div.departmentNested div.nestedItem
{
	padding-bottom: 2px;
	padding-left: 10px;
	background: white url(/_definition/shared/images/small_arrow.gif) no-repeat scroll left center;
}

div.nested div.nested
{
	padding-left: 25px;
}