﻿#PanelDirectory { width:100%; }
#PanelDirectory .styleSiteMap { margin:5px 0 10px 0; }        
#PanelDirectory .styleSiteMap .Text { color:#000000; font-weight:bold; }
.color2 #PanelDirectory .styleSiteMap .Text { color:red; }
.color3 #PanelDirectory .styleSiteMap .Text { color:blue; }
.color4 #PanelDirectory .styleSiteMap .Text { color:green; }
#PanelDirectory .styleSiteMap .Text:hover { color:#CC3333; }

#PanelDirectory .ToolbarPanel { padding-bottom:5px; }
#PanelDirectory .ToolbarPanel .counter { float:left; width:auto; display:none; }
#PanelDirectory .ToolbarPanel .counter .label { font-weight:bold; padding-right:5px;}
#PanelDirectory .ToolbarPanel .search { float:right; width:auto; }
#PanelDirectory .ToolbarPanel .search input[type="text"] { margin-right:3px; height:18px; }
#PanelDirectory .ToolbarPanel .search .styleJQueryButton { font-size:85%; }

/* Department */

#PanelDirectory .styleDepartment { margin-bottom:10px; }
#PanelDirectory .styleDepartment thead tr th { font-weight:bold; color:#FFFFFF; background-color:#333333; padding:5px; }
.color2 #PanelDirectory .styleDepartment thead tr th { color:red; }
.color3 #PanelDirectory .styleDepartment thead tr th { color:blue; }
.color4 #PanelDirectory .styleDepartment thead tr th { color:green; }

#PanelDirectory .styleDepartment tbody tr td { padding:5px 3px; border-bottom:solid 1px #000000; }

#PanelDirectory .styleDepartment { color:#000000; }
#PanelDirectory .styleDepartment a { color:#000000; }
.color2 #PanelDirectory .styleDepartment, .color2 #PanelDirectory .styleDepartment a { color:Red; }
.color3 #PanelDirectory .styleDepartment,.color3 #PanelDirectory .styleDepartment a { color:blue; }
.color4 #PanelDirectory .styleDepartment, .color4 #PanelDirectory .styleDepartment a { color:green; }
#PanelDirectory .styleDepartment a:hover { font-weight:bold; }

/* Staff */

#PanelDirectory .styleStaff { margin-bottom:10px; }
#PanelDirectory .styleStaff thead tr th { font-weight:bold; color:#FFFFFF; background-color:#333333; padding:5px; }
.color2 #PanelDirectory .styleStaff thead tr th { color:red; }
.color3 #PanelDirectory .styleStaff thead tr th { color:blue; }
.color4 #PanelDirectory .styleStaff thead tr th { color:green; }

#PanelDirectory .styleStaff table { border-collapse:collapse; }
#PanelDirectory .styleStaff thead tr th { padding:5px 3px; border:solid 1px #676767; }
#PanelDirectory .styleStaff tbody tr td { padding:5px 3px; border:solid 1px #676767; }
#PanelDirectory .styleStaff tbody tr td.center { text-align:center; }

#PanelDirectory .styleStaff { color:#000000; width:100%; }       
#PanelDirectory .styleStaff a { color:#0000FF; font-weight:bold; }
.color2 #PanelDirectory .styleStaff, .color2 #PanelDirectory .styleStaff a { color:Red; }
.color3 #PanelDirectory .styleStaff, .color3 #PanelDirectory .styleStaff a { color:blue; }
.color4 #PanelDirectory .styleStaff, .color4 #PanelDirectory .styleStaff a { color:green; }
#PanelDirectory .styleStaff a:hover { color:#CC3333; }    

#PanelDirectory .styleStaff .Text { font-weight:bold; background-color:#333333; padding:10px 5px; color:#FFFFFF; border:solid 1px #CCCCCC; } 
.color2 #PanelDirectory .styleStaff .Text { color:Red; }
.color3 #PanelDirectory .styleStaff .Text { color:blue; }
.color4 #PanelDirectory .styleStaff .Text { color:green; }

/* Directory Details */

#PanelDirectory .styleDirectoryDetail { width:100%; background-color:#FFFFFF; }
#PanelDirectory .styleDirectoryDetail .ImageContainer { padding:10px; }
#PanelDirectory .styleDirectoryDetail .ImageContainer img { width:120px; height:auto; margin:auto; }
#PanelDirectory .styleDirectoryDetail table { border: 1px solid #c1dad7; }
#PanelDirectory .styleDirectoryDetail .Title { width:100px; font-weight:bold; text-align:right; }
#PanelDirectory .styleDirectoryDetail a { color:#000000; }
#PanelDirectory .styleDirectoryDetail a:hover { color:#CC3333; }
#PanelDirectory .styleDirectoryDetail td { border: 1px solid #c1dad7; }
#PanelDirectory .styleDirectoryDetail .styleName { width:80%; height:80px; text-align:center; }
#PanelDirectory .styleDirectoryDetail .styleName .font-xlarge { font-weight:bold; }
#PanelDirectory .styleDirectoryDetail .firstRow { background-color:#f2fafa; }
#PanelDirectory .styleDirectoryDetail .secondRow { background-color:#FFFFFF; }

#PanelDirectory .styleDirectoryDetail td { padding:10px; }

