/*-------------------------- STAFF DIRECTORY STYLES ---------------------------*/ 


#tx-wecstaffdirectory-content, .tx-wecstaffdirectory-title{
	display: block;
	font-family: "Trebuchet MS", Arial, Verdana;
	text-align: left;
	font-weight: normal;
	font-size: 14pt;
	padding-left: 10px;
	width: 100%; 
}
.tx-wecstaffdirectory-fieldHeaderLarge{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 14pt;
	text-decoration: none;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 0px;
	margin: 0px;
}
.tx-wecstaffdirectory-fieldHeader{
	margin-top: 8px; 
	margin-bottom: 2px;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 9pt;
	text-decoration: none;
	font-weight: normal;
}

.tx-wecstaffdirectory-pi1{ font-family: "Trebuchet MS", Arial, Verdana; font-weight: normal; padding: 7px 0px 0px 0px; margin: 0px; text-align: left; font-size: 14pt; text-decoration: none;}
.tx-wecstaffdirectory-pi1 a{ text-decoration: none; color: #c20000; font-weight: normal;}
.tx-wecstaffdirectory-pi1 a:hover{ text-decoration: underline; color: #c20000; }
.tx-wecstaffdirectory-header { font-size: 14px; font-weight: bold; width: 100%; padding-top: 18px;} 

.tx-wecstaffdirectory-responseMsg { display: block; font-size: 105%; color: #F02020; width: 100%; } 
.tx-wecstaffdirectory-errorText { display: block; color: #FF2020; font-size: 105%; width: 100%;} 
.tx-wecstaffdirectory-fullWidth { width: 100%; } 
.tx-wecstaffdirectory-fullWidthCentered { width: 100%; margin: 0px auto; text-align: center; } 
.tx-wecstaffdirectory-stafflist, .tx-wecstaffdirectory-staffpage {display: block; font-size: 12px; padding: 2px; margin: 1px; } 
.tx-wecstaffdirectory-staffpage { width: 98%;}
.tx-wecstaffdirectory-staffpage a, .tx-wcstaffdirectory-stafflist a { text-decoration: none; } 
.tx-wecstaffdirectory-stafflist-column { float: left; width: 48%; height: 120px; padding-bottom:5px; } 
.tx-wecstaffdirectory-stafflist div.leftColumn { float: left; display: block; width: 30%; } 
.tx-wecstaffdirectory-stafflist div.rightColumn { float: left; display: block; width: 65%; padding-left: 4px; } 


.tx-wecstaffdirectory-stafflist .float-med { float:left; display:inline; padding-left:10px;}
.tx-wecstaffdirectory-stafflist .float-lg { font-size: 14px; float:left; width: 320px; display:block; margin-left: 10px; padding-top: 10px;}
.tx-wecstaffdirectory-stafflist .float-xlg { float:left; width: 320px; display:block; padding-left:10px; padding-top: 3px;}
.tx-wecstaffdirectory-stafflist .float-tel { float:left; width: 70px; display:block; padding-left:10px; padding-top: 3px;}
.tx-wecstaffdirectory-stafflist .float-tel-des { float:left; width: 250px; display:block; padding-left:10px; padding-top: 3px;}
.tx-wecstaffdirectory-stafflist .float-mobile { float:left; width: 70px; display:block; padding-left:10px; padding-top: 3px;}
.tx-wecstaffdirectory-stafflist .float-mobile-des { float:left; width: 250px; display:block; padding-left:10px; padding-top: 3px;}
.tx-wecstaffdirectory-stafflist .float-xxlg { float:left; width: 320px; display:block; padding-left:10px; padding-top: 3px;}
.tx-wecstaffdirectory-stafflist .float-sm { float:left; width: 320px; display:block; padding-left:10px; padding-top: 3px;}
.tx-wecstaffdirectory-stafflist .float-xsm { float:left; width: 70px; display:block; padding-left:10px; padding-top: 3px;}
.tx-wecstaffdirectory-stafflist .float-xsm-des { float:left; width: 250px; display:block; padding-left:10px; padding-top: 3px;}
.tx-wecstaffdirectory-stafflist .float-photo { float:left; width: 80px; display:inline; padding-right:5px; }
.tx-wecstaffdirectory-stafflist .header {}

.tx-wecstaffdirectory-stafflist .fullwidth 	{ width:100%; padding-bottom:2px;}
.tx-wecstaffdirectory-stafflist .xsmText  	{ font-size:10px; }
.tx-wecstaffdirectory-stafflist .smText  	{ font-size:11px; }
.tx-wecstaffdirectory-stafflist .medText 	{ font-size:12px; }
.tx-wecstaffdirectory-stafflist .lgText  	{ font-size:14px; }
.tx-wecstaffdirectory-stafflist .xlgText  	{ font-size:16px; }
.tx-wecstaffdirectory-stafflist .isBold  	{ font-weight:bold; }
.tx-wecstaffdirectory-stafflist .gutter  	{ float:left; display:block; width:100%;}
.tx-wecstaffdirectory-stafflist-alt1    	{ background-color:{$plugin.tx_wecstaffdirectory_pi1.staffListingBackColor};}
.tx-wecstaffdirectory-stafflist-alt2    	{ background-color:{$plugin.tx_wecstaffdirectory_pi1.staffListingBackColor2};} 


.tx-wecstaffdirectory-staffpage .photo { display:inline; float:right; padding-top: 65px; padding-right: 35px; } 
.tx-wecstaffdirectory-staffpage .topmenu { display: block; float: left; width: 65%; text-align:right; padding: 0px; margin: 0px; } 
.tx-wecstaffdirectory-staffpage .topmenu .sep { padding-top: 6px; } 
.tx-wecstaffdirectory-staffpage .maincontent { display: block; float: left; width: 65%; padding: 15px 0px 15px 0px} 
.tx-wecstaffdirectory-staffpage .fullwidth { display: block; float: left; width: 95%; clear: both; padding: 0px; } 

.tx-wecstaffdirectory-staffdepartment { float: left; width: 100%; font-size: 16px; font-weight:bold; padding: 2px; margin-bottom: 2px; margin-top: 8px; border-bottom: 1px solid #888; } 

.tx-wecstaffdirectory-fieldLabel { display: block; float: left; width: 40%; clear: left; padding-left: 15px;} 
.tx-wecstaffdirectory-singlefieldHeader { font-size: 9pt; font-weight: bold; padding-left: 15px; padding-top: 10px;}
.tx-wecstaffdirectory-fieldDescription { display: inline; float: left; width: 50%; padding-bottom: 2px; } 
.tx-wecstaffdirectory-fieldDescriptionLarge { font-size: 9pt; font-weight: normal; display: block; float: left; width: 100%; padding-bottom: 2px; padding-left: 15px; } 

.tx-wecstaffdirectory-spacer { clear: both; line-height: 0.1em; height: 0.1em; } 
.tx-wecstaffdirectory-pagelink { font-size: 12px; padding: 0px; margin: 0px; margin-top: 4px; margin-right: 10px; } 
.tx-wecstaffdirectory-editbutton { font-size: 11px; } 
.tx-wecstaffdirectory-addbutton { font-size: 12px; clear: both; padding: 4px; text-align: center; margin: 0px auto; } 

.tx-wecstaffdirectory-form { font-size: 12px; font-family: Arial, Tahoma, "Trebuchet MS", Georgia, sans-serif; width: 100%; background-color: #C0C0D0; color: #202020; border: 1px solid #333; margin: 0px auto; padding: 4px; padding-bottom: 25px; margin-top: 5px; margin-bottom:5px; } 
.tx-wecstaffdirectory-form div.header { text-align: center; font-size: 125%; font-weight:bold; padding: 6px; } 

.tx-wecstaffdirectory-form div.inputFormRow { clear: both; margin:0px; padding:0px; padding-top: 2px; } 
.tx-wecstaffdirectory-form div.inputFormRow span.label { float: left; width: 25%; text-align: right; padding-top:3px; } 
.tx-wecstaffdirectory-form div.inputFormRow span.textacross { float: left; width: 100%; text-align: center; } 
.tx-wecstaffdirectory-form div.inputFormRow span.bottomrow { float: left; width: 100%; text-align: center; padding-top:8px; padding-bottom:8px; } 
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox { float: right; width: 73%; text-align:left; } 
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox input { width: 95%; } 
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox .inputMedium { width: 150px; } 
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox .inputShort { width: 90px; } 
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox textarea { width: 95%; height:140px; } 
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox textarea.high { width: 95%; height:100px; } 
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox input.button { width: 100px; }