/* default styles for extension "tx_wecstaffdirectory_pi1" */
/*-------------------------- STAFF DIRECTORY STYLES ---------------------------*/

.tx-wecstaffdirectory-pi1 {

	font-family: 	Arial;

	font-size:		12px;

}

.tx-wecstaffdirectory-content {

	width:			600px;

    margin: 		2px;

}

.tx-wecstaffdirectory-header {

	float:			left;

	font-size:		12px;

	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:		12px;

	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:	2px;

	margin:		1px;

}

.tx-wecstaffdirectory-staffpage {

	width:		98%;

	background-color: 

}

.tx-wecstaffdirectory-stafflist {

	width:		100%;

	height:		100%;

}



.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: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:box; width:100%;}

.tx-wecstaffdirectory-stafflist-alt1    	{ background-color:;}

.tx-wecstaffdirectory-stafflist-alt2    	{ background-color:;}



.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, .tx-wecstaffdirectory-staffpage .fullwidth-centered {

	display: 	block;

	float: 		left;

	width:		95%;

	clear:		both;

	padding:	0px;

}

.tx-wecstaffdirectory-staffpage .fullwidth-centered { 

	text-align:	center;

	margin:		0px auto;

}

.tx-wecstaffdirectory-staffdepartment {

	float:		left;

	width:		550px;

	font-size:	12px;

	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:		12px;

	margin-top:		8px;

	margin-bottom:	2px;

}

.tx-wecstaffdirectory-fieldHeaderLarge {

	font-size:		14px;

	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;
	font-family: arial;

}

.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: 		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;

}
