/**************************************************************/
/************  generic CSS for all WEC plugins   **************/
/**************************************************************/
.pluginContent {
	margin:		0px;
	padding:	0px;
}

.pluginNav {
	float: left;
	width: 100%;
	clear: both;
	margin: 0px;
}
.pluginNav .box {
	display: inline-block;
	margin: 0px 8px 0px;
}

.pluginHeader {
	clear:	both;
	margin: 4px 0px;
}

.pluginSection {
	margin:		0px;
	padding:	0px;	
}

.pluginFooter {
	margin-top:	16px;
	text-align:	center;
}

.pluginSection .entry, 
.pluginSection .entries {
	margin: 0px;
	padding: 2px 0px;
	list-style:none;
}
.pluginSection .entries {
	float:  left;
	width:	100%;
}
.pluginSection .entry {
	margin-bottom: 4px;
}
.pluginSection .entry .entryInfo {
	padding:2px 6px;
	margin: 4px 0px;
}

/*---- SIDEBAR ----*/
.pluginContent .aside {
	float:			right;
width: 320px;
	padding:		0px;
	margin:			0px;
	background-color: #F0F0E0;
}
.pluginContent .aside .gutter{
	padding:		6px;
}
.pluginContent .aside .gutter div {
	 margin: 4px 2px;
}

.pluginContentWithAside {
	width:			74%;
	margin:			0px;
}

/*----- FORMS -----*/
.pluginForm {
	background:#eee;
	border: 	1px solid #ccc;
	padding:	8px;
	margin:		12px 0;
}
.pluginForm ol, 
.pluginForm ul,
.pluginContent .aside ul {
	list-style-type: none;
	margin:		0;
	padding:	0px 4px;
}
.pluginForm input[type=text], 
.pluginForm textarea, 
.pluginForm select { 
	background-color:#fff; 
	border:1px solid #bbb; 
	margin:5px 0 0 0;
}
.pluginForm input[type=text]:focus,  
.pluginForm textarea:focus, 
.pluginForm select:focus { 
	border-color:#666; 
}
.pluginForm input[type=text] {
	width: 80%; 
	padding:3px; 
}
.pluginForm textarea { 
	width: 80%; 
	height: 250px; 
	padding:3px; 
}
.pluginForm input[type=checkbox], 
.pluginForm input[type=radio] { 
	position:relative; 
	top:.25em; 
}

.pluginForm .fullRow {
	display: block; 
	float: left;  
	width: 100%;  
	text-align: center; 
	margin: 0px auto;
	padding: 12px 0px 4px;
}
.pluginForm .fullRow input {
	font-size: 105%;
}
.pluginForm.narrowWidth {
	width: 400px;
}
.pluginForm.mediumWidth {
	width: 550px;
}
.pluginForm.largeWidth {
	width: 700px;
}

.pluginForm label,
.pluginContent form label {
	display:	block;
	font-weight: bold;
	margin-top: 8px;
}

/*-- forms within plugin that are not full forms --*/
.pluginContent form.selectForm {
	padding:	0;
	margin:		4px;
	width:		auto;
	background: 0;
	border:		0;
}

.pluginContent .results {
	font-style:italic;
}

.entryBy, 
.entryLocation, 
.entryDate, 
.entryWebsite,
.entryCategory {
}

.pluginContent .image {
	float: left;
	margin: 0 8px 8px 0;
}

/*---- Alerts & Notices ----*/
.error,
.notice,
.success {
	border:2px solid #DDDDDD;
	margin-bottom:6px;
	padding:4px 8px;
}
.error {
	background:#FBE3E4 none repeat scroll 0 0;
	border-color:#FBC2C4;
	color:#8A1F11;
}
.success {
	background:#E6EFC2 none repeat scroll 0 0;
	border-color:#C6D880;
	color:#264409;
}
.notice {
	background:#FFF6BF none repeat scroll 0 0;
	border-color:#FFD324;
	color:#514721;
}

/*-- GENERAL Positioning / Sizing Classes --*/
.floatLeft {
	float:		left;
	text-align: left;
}
.floatRight{
	float:		right;
	text-align: right;
}
.alignRight{
	text-align:	right;
}
.hidden {
	display:	none;
}
.showBlock {
	display:	block;
}
.showInline {
	display:	inline;
}
.vspacer {
	clear:		both;	
	height:		0.1em; 
	width:		100%;
}
.hspacer {
	display: 	inline;  
	width: 		4px;  
	line-height: 1px;  
	margin: 	0px 2px;  
	padding: 	0px; 
}
.centered {
	margin: 	0px auto;
	text-align:	center;
}
.smallText {
	font-size:	9px;
}
.fullWidth {
	width: 		100%;
}

/*------ PREVIEW STYLES -----*/
.preview  {
	font-size: 	95%;
	line-height:150%;	
}
.preview ul {
	list-style: none;
	margin:	0;
	padding:0;
}
.preview .entryInfo {
	border-top:1px dotted #ccc;
}
.preview .header {
	font-size:		105%;
	font-weight:	bold;
}

/*-------- BUTTON LINK STYLES -------*/
.pluginContent .button {
	display: inline-block;

	background-color: #E6E6E6;
	padding: 4px 6px;
	margin: 2px 4px 2px 0px;

	text-decoration: none !important;
	color: #444;

	border: solid 1px #B3B3B3;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 1px 1px 3px #CCC;
	-moz-box-shadow: 1px 1px 3px #CCC;

	background-image: -moz-linear-gradient(top, #FFF, #CCC);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #FFF),color-stop(1.00, #CCC));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#CCCCCC)
	       progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#E6E6E6, Positive='true');
}

.pluginContent .button .label {
	color: #444;
}
.pluginContent .button .text {
	vertical-align: bottom;
}

.pluginContent .button .addIcon {
	background: url(images/add-icon.png) no-repeat;
}
.pluginContent .button .deleteIcon {
	background: url(images/delete-icon.png) no-repeat;
}
.pluginContent .button .prevIcon {
	background: url(images/previous-icon.png) no-repeat;
}
.pluginContent .button .nextIcon {
	background: url(images/next-icon.png) no-repeat;
}
.pluginContent .button .hideIcon {
	background: url(images/hide-icon.png) no-repeat;
}
.pluginContent .button .replyIcon {
	background: url(images/reply-icon.png) no-repeat;
}
.pluginContent .button .viewIcon {
	background: url(images/view-icon.png) no-repeat; 
}
.pluginContent .button .editIcon {
	background: url(images/edit-icon.png) no-repeat; 
}
.pluginContent .button .adminIcon {
	background: url(images/admin-icon.png) no-repeat; 
}
.pluginContent .button .subscribeIcon {
	background: url(images/subscribe-icon.png) no-repeat;
}

.pluginContent .button .addIcon,
.pluginContent .button .deleteIcon,
.pluginContent .button .prevIcon,
.pluginContent .button .nextIcon,
.pluginContent .button .hideIcon,
.pluginContent .button .replyIcon,
.pluginContent .button .viewIcon,
.pluginContent .button .editIcon,
.pluginContent .button .adminIcon,
.pluginContent .button .subscribeIcon {
	display:		inline-block;
	height:			16px;
	padding-left: 	20px;
}


.pluginContent .button:hover {
	color: black;
	background-image: -moz-linear-gradient(top, #EEE, #BBB);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #EEE),color-stop(1.00, #BBB));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#EEEEEE, EndColorStr=#BBBBBB)
	       progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#E6E6E6, Positive='true');
}

.pluginContent .button:active {
	color: black;
	background-image: -moz-linear-gradient(top, #FFF, #B3B3B3);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #FFF),color-stop(1.00, #B3B3B3));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#B3B3B3);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.pluginContent .smallButton  {
	font-size:	85% !important;
	font-weight: normal !important;
	padding: 2px 6px !important;
}
.pluginContent .xsmallButton  {
	font-size:	75% !important;
	padding: 0px 3px !important;
}
/*-------------------------- MAIN DISCUSSION STYLES ---------------------------*/
.tx_wecdiscussion_pi1, 
.pluginContent {
	max-width:	850px;
	min-width:  300px;
}

.tx_wecdiscussion_pi1 H3 {	background-image: none; background-image: -moz-linear-gradient(top, #FFF, #CCC);}
.pluginSection {
	float:			left;
	width:			100%;
	margin:			0px;
	padding:		0px;
}

.searchBox {
	float:			right;
	margin:			2px;
	margin-right:	10px;
}

.button {
	text-align:		center;
	padding:		3px 0px 3px 0px;
	text-decoration: none !important;	
}

.pluginNav {
	background-color: #F0F0E0;
    margin: 		0px;
	padding:		6px 0px;
}
.pluginNav .gutter{
	padding:		6px;
}
.pluginNav span {
	vertical-align: bottom;
}
.pluginNav a.button, 
.aside a.button {
	padding: 2px 6px;
	font-size: 12px;
}
.pageLinkSection {
	display:		block;
	text-align:		center;
	margin:			0px auto;
}
.pageLink {
	display:		inline;
	padding-left:	6px;
	padding-right:	6px;	
}

.tx_wecdiscussion_pi1 .pluginNav {
	background-image: -moz-linear-gradient(top, #FFE, #DDC);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #FFE),color-stop(1.00, #DDC));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFEE, EndColorStr=#DDDDCC);
}
.tx_wecdiscussion_pi1 .aside {
	background-image: -moz-linear-gradient(top, #DDC, #BBA);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #DDC),color-stop(1.00, #BBA));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#DDDDCC, EndColorStr=#BBBBAA);
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;	
}
/*-----------ARCHIVE and CATEGORY LISTS ------------*/
.archive, 
.categoryList {
font-family: 	Arial;
	margin:		0px;
	margin-top: 4px;
	padding:	6px;
	font-size:	11px;
	font-weight:bold;
	background-color: #FFF;
	border: 3px solid #bba;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.archive h4, 
.categoryList h4 {
	font-size:		14px;
	font-weight:	bold;
	margin:		4px 0px;
}
.aside li,
.archive li {
	list-style-type: none;
}
.aside li a, 
.archive li a {
	display:		block;
	color:			#320C0C;
	font-size:		12px;
	padding:		3px 0px 0px 3px;
	margin:			0px;
	white-space:	nowrap;
	text-decoration: none !important;
}
.aside li a:hover,
.archive li a:hover {
	color:		#279838;
}
.isSelected a, 
.isSelected a:visited, 
.isSelected a:link  {
	color: 		#C53434 !important;
}
.showarchive li {
	margin-left:10px;
}
.archive li a {
	display:	inline;
}



.wecDiscussionForm H3 { background-image: none; }
/*------------ POST ENTRY --------------*/

.entries h3 {
	font-weight: 	bold;
	font-family: 	"Trebuchet MS", Tahoma, Arial;
	font-size:		14px;
	padding:		2px 14px;
	margin:			0px;

}
.entries h3 a, .entries h3 a:link, .entries h3 a:visited {
	text-decoration: none !important;
}

.entries .messageCommentNum, .entries .messageCommentNumOnly {
	font-size:		11px;
	font-weight:	normal;
	padding-left:	4px;
}

.entries .message {
	padding:		2px 8px 0px 8px;
	line-height:	1.4em;
}
.entries .messageReply {
	padding-left:	30px;
	padding-right:	30px;
	padding-top:	10px;
	color:			#444;
    background-color: #FFF;
}

.entries .entryInfo {
	font-size: 		10px;
	color:			#555;
	padding-left:	10px;
	padding-top:	3px;
	padding-bottom: 6px;
	border-top:		dotted 1px #888;
    color: 			#404040;
}

.entries li .buttonRow {
	margin: 2px 2px 8px 2px;
}
.entries li .buttonRow a {
	font-size: 	11px;
	padding: 	2px 6px;
}
.entries li .buttonRow a:hover {
	background-color: #f44 !important;
}

.entries .replyInfo {
	font-size: 	10px;
	color:		#555;
	padding-left:5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top:	dotted 1px #888;
}

.messageBox {
	margin:	5px;
	border: 2px solid #111;
	padding: 4px;
	background-color: #444;
	opacity: 0.6;
}
.messageBox p {
	color: #fff;
	opacity: 1.0;
}

/*----------- PREVIEW --------------*/
.preview {
	width:			300px;
	padding:		4px;
	border:			1px solid #ccc;
}
.preview .entryInfo {
	color:			#555;
	font-size: 		80%;
    margin-bottom: 	6px;
	border-top:		dotted 1px #ccc;
}

/*------- FORUM REPLY FORM -------*/
.pluginForm {
	float:		left;
	clear:		both;
	background-color: #F0F0E0;
	border: 	1px solid #888;
	margin:		0px auto;
    margin-top:	4px;
    margin-bottom:4px;
	min-width: 350px;
	max-width: 800px;
}
.pluginForm h3 {
	font-size:		14px;
	font-weight:	bold;
}
.pluginForm fieldset {
	border: 0;
	margin: 3px;
	padding: 3px;
}
.pluginForm div.header {
	display:block; 
	width: 	100%;  
	text-align: center; 
	margin: 0px auto;
}
.pluginForm .required {
	color: #CC0000;
}

.pluginForm .instructions {
	font-weight:	normal;
	font-size:		12px;
	text-align:		center;
	margin:			4px auto;
}

/*------ MODERATED FORM ---------*/
.moderatedForm {
	width: 600px;
}
.moderatedForm .btnColumn {
	width: 60px;
}
.moderatedForm .msgColumn {
}
.moderatedForm .headerField {
	background-color: #ccc;
	font-weight:	bold;
	color:			#000;
	padding:		4px;
}
.moderatedForm .subjectLabel {
	font-size:		12px;
	font-weight:	bold;
}
.moderatedForm .textLabel {
	font-weight:	normal;
	font-size:		11px;
}
.moderatedForm .msgCell {
	padding:		4px;
}