/*
.tx-wecstaffdirectory-pi1 {
	font-family: 	Arial, Tahoma, Verdana, "Times New Roman";
	font-size:		12px;
}*
*/

.tx-wecstaffdirectory-content {
	width:			{$plugin.tx_wecstaffdirectory_pi1.totalWidth};
	margin: 		2px;
}
.tx-wecstaffdirectory-header {
	float:			left;
	font-size:		14px;
	font-weight:	bold;
	padding:		0px;
	padding-top:	8px;
	padding-bottom: 3px;
	margin:			0px;
	margin-top:		8px;
	width:			100%;
	clear:			both;
}

.tx-wecstaffdirectory-title {
	display:		block;
	font-size:		16px;
	font-weight:	bold;
	text-align:		center;
	margin:			0px auto;
	width:			100%;
}
.tx-wecstaffdirectory-responseMsg {
	display:		block;
	font-weight:	bold;
	font-size:		105%;
	color: 			#F02020;
	padding:		0px;
	text-align: 	center;
	margin:			0px auto;
	margin-top: 	4px;
	margin-bottom: 	8px;
	width:			100%;	
}
.tx-wecstaffdirectory-errorText {
	display:		block;
	color:			#FF2020;
	text-align:		center;
	font-size:		105%;
	font-weight:	bold;
	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:	0px;
	margin:		0px;
}
.tx-wecstaffdirectory-staffpage {
	width:		{$plugin.tx_wecstaffdirectory_pi1.staffPageWidth};
	background-color: {$plugin.tx_wecstaffdirectory_pi1.staffPageBackColor}
}
.tx-wecstaffdirectory-stafflist {
	width:		{$plugin.tx_wecstaffdirectory_pi1.staffListWidth};
	height:		{$plugin.tx_wecstaffdirectory_pi1.staffListHeight};
}

.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: box;
	width:	30%;
}
.tx-wecstaffdirectory-stafflist div.rightColumn {
	float: left;
	display: box;
	width:	65%;
	padding-left: 4px;
}

.tx-wecstaffdirectory-stafflist .float-med 	{ float:left; width:15%; padding-left:5px; line-height:1.4em;}
.tx-wecstaffdirectory-stafflist .float-lg 	{ float:left; width:20%; padding-left:5px; line-height:1.4em;}
.tx-wecstaffdirectory-stafflist .float-xlg 	{ float:left; width:25%; padding-left:5px; line-height:1.4em;}
.tx-wecstaffdirectory-stafflist .float-xxlg { float:left; width:30%; padding-left:5px;line-height:1.4em; }
.tx-wecstaffdirectory-stafflist .float-sm 	{ float:left; width:10%; padding-left:5px; line-height:1.4em;}
.tx-wecstaffdirectory-stafflist .float-xsm 	{ float:left; width:5%; padding-left:5px; line-height:1.4em;}
.tx-wecstaffdirectory-stafflist .float-photo { float:left; display:box; width:30%; padding-right:10px; }
.tx-wecstaffdirectory-stafflist .header 	{ font-weight:bold;font-size:110%; }

.tx-wecstaffdirectory-stafflist .fullwidth 	{ width:95%; padding-bottom:2px;}
.tx-wecstaffdirectory-stafflist .xsmText  	{ font-size:9px; }
.tx-wecstaffdirectory-stafflist .smText  	{ font-size:10px; }
.tx-wecstaffdirectory-stafflist .medText 	{ font-size:11px; }
.tx-wecstaffdirectory-stafflist .lgText  	{ font-size:11px; }
.tx-wecstaffdirectory-stafflist .xlgText  	{ font-size:12px; }
.tx-wecstaffdirectory-stafflist .isBold  	{ font-weight:bold; }
.tx-wecstaffdirectory-stafflist .gutter  	{ float:left; display:box; 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:block;
	float:left;
	padding-right: 8px;
}
.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:	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-fieldHeader {
	display:		block;
	float:			left;
	width:			100%;
	font-weight:	bold;
	font-size:		14px;
	margin-top:		8px;
	margin-bottom:	2px;
}
.tx-wecstaffdirectory-fieldHeaderLarge {
	font-size:		18px;
	font-weight:	bold;
}
.tx-wecstaffdirectory-fieldLabel {
	display:		block;
	float:			left;
	width:			35%;
	padding-left:	8px;
	padding-bottom: 2px;
	clear:			left;
}
.tx-wecstaffdirectory-fieldDescription {
	display:		block;
	float:			left;
	width:			60%;
	padding-bottom: 2px;
}
.tx-wecstaffdirectory-fieldDescriptionLarge {
	display:		block;
	float:			left;
	width:			90%;
	padding-bottom: 2px;
	padding-left:	8px;
}
.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: 		{$plugin.tx_wecstaffdirectory_pi1.formWidth};
	background-color: {$plugin.tx_wecstaffdirectory_pi1.formBackColor};
	color:		{$plugin.tx_wecstaffdirectory_pi1.formColor};
	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: {$plugin.tx_wecstaffdirectory_pi1.formLabelWidth}; text-align: right;  padding-top:3px;
}
.tx-wecstaffdirectory-form div.inputFormRow span.textacross {
	float: left;  width: {$plugin.tx_wecstaffdirectory_pi1.formWidth};  text-align: center;
}
.tx-wecstaffdirectory-form div.inputFormRow span.bottomrow {
	float: left;  width: {$plugin.tx_wecstaffdirectory_pi1.formWidth};  text-align: center; padding-top:8px; padding-bottom:8px;
}
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox {
	float: right; width: {$plugin.tx_wecstaffdirectory_pi1.formInputWidth}; 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:{$plugin.tx_wecstaffdirectory_pi1.formTextAreaHeight};
}
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox textarea.high {
	 width:	95%;	height:100px;
}
.tx-wecstaffdirectory-form div.inputFormRow span.inputBox input.button {
	 width:	100px;
}