.port_main { width: 75%; float: left; }
.port_rightside { width: 22%; float: right; clear:right; max-width: 250px; }

.port_main > div { width: 100%; max-width: 800px; margin: .5em auto; }

.port_rightside > div { margin: .5em 0; }


@media screen and (max-width: 839px){
	.port_main { float: none; width: auto; }
	.port_rightside { width: auto; max-width: none; float: none; margin: 0 auto; clear: both;  }
	#topContent #portProfile { display:none }
	#topContent #toolsRender h4 { display:none;  }
}

#portProfile > table { margin: 0 auto; word-break: break-all; }

.port_rightside #portNav { 
		border: 1px solid darkseagreen; 
		background: white;
		font-size: small;
		padding: .5em;
}

.port_rightside #portNav.navCondensed { text-align: center; }
.port_rightside #portNav.navBullet ul { padding: 0 0 0 1em; margin: 0; }


#portFooter { 
	font-size: small; 
	text-align: right;
}

#portFooter ul { padding:0; }
#portFooter ul li { list-style: none; }


.port_rightside #toolsList { 
		border: 1px solid darkseagreen; 
		background: white;
		font-size: small;
}

#toolsRender h4 { margin: 22px 0 4px 0; }
#toolsRender ul { padding: 0 0 0 1.5em; margin: 0; }
#toolsList > li { padding: 3px 0; }
#toolsList li { }


#chatWindow h4 { margin: 22px 0 4px 0; }
#chatWindow h4 a { text-decoration: none; }


#pitems *.element { margin: 10px 0; }

#forumRender h4 { margin: 22px 0 4px 0; }
#forumIndex > table { width: 100%; border: 1px solid darkseagreen }

#wlRender .port_rightside { padding: 0px 0 12px 12px; border-left: 3px solid darkseagreen; }

@media screen and (max-width: 839px) {
	#wlRender .port_rightside { padding: 0; border: none; }
	#wlText	{ max-width: none; margin: 0; }

}


*.wlItemView_viewing #wlEditDialog { display:none; }
*.wlItemView_editing *.hideWhenEditing { display: none; }

*.wlItemView_editing  #editDialogTitle:after { content: "Editing" }
*.wlItemView_drafting #editDialogTitle:after { content: "Drafting" }
*.wlItemView_creating #editDialogTitle:after { content: "Creating" }

*.isAuthenticated #wlAnonymousNameField { display:none; }
#wlAnonymousNameField label { float:left; margin-right: 1em; }
#wlAnonymousNameField div { float: left; max-width: 320px; font-size: x-small; margin-bottom: 5px; }
#wlAnonymousNameField div b { display: block; }
#wlAnonymousNameField:after { content:''; display:block; clear: both;  }

#wlToSubsCheckbox.wlSubs0 { display: none; }


#wlArchiveSidebar h4 { margin: .5em 0 4px 0; }
#wlArchiveSidebar a { text-decoration: none; }
#wlArchiveSidebar a:hover { background: white; text-decoration: underline; }
#wlArchive > div { margin: 0; background: white; border: 1px solid darkseagreen; padding: 10px; }
#wlSearch { text-align: center; padding-bottom: 5px; border-bottom: 1px solid darkseagreen }
#wlSub { font-size: small; }
#wlSub .wlSubOn { background-color: white; border: 1px solid darkseagreen; }
#wlSub a { text-decoration:none; }
#wlSubOpts { white-space: nowrap; }

#wlSystem_Content { margin: 0 auto; max-width: 800px; }

#wlSystem_Content h3 { margin: 1em 0 0 0;  }

.wlIndex ul { margin-left: 0em; padding-left: 1em; }
.wlIndex_YearLabel { font-weight: bold; }
.wlIndex_ItemList { font-size: small; }
.wlIndex_Read { color: black; }
.wlIndex_Item { background: #eaeaea; }

#wlNavBottom, #wlNavTop { display: none; }
.wlNav h4 { margin:0; }
.wlNavIndex0 { display: none; }
.wlDraftsTotal0 { display: none !important; }

.wlDraftAutopost { display:none }

.wlState_Hide { display: none !important; }


.wlFormLabel { 
	width: 150px;
	text-align: right;
	display: inline-block; 
}

#wlSearchForm *.wlFormFields {float:left; margin: 0 0 1em; }
#wlSearchComplete
{
	clear:both; 
	padding: 1em 0;
	border-top: 3px double darkseagreen;
}

#wlSearchNoResults { display: none; }
#wlSearchNoResults.wlSearchState0 { 
	display: block;
	font-weight: bold;
	border-top: 3px double darkseagreen;
	padding: 1em;
}
#wlSearchResults.wlSearchState0, #wlSearchResults.wlSearchStateNone   { display: none; }

.wlResultTable {
	font-size: small; 
	background: white;
	border-bottom: 1px solid darkseagreen;
	border-top: 1px solid darkseagreen; 
	border-collapse: collapse;
}

.wlResultTable  td, .wlResultTable  th { padding: .25em .5em; }

.wlResultTable  a { color: black; }
.wlResultTable  a:hover { text-decoration: underline; }

.wlResultTable  tr:hover { background: #eaeaea; }

.wlResultTable  tr { border: 1px solid darkseagreen; }

@media only screen and (max-width: 600px) {

	.wlResultTable 	{ width: 100%; font-size: medium; }
	.wlResultTable  tr { display:block; }

	td.wlItemLink { display:block; }

}

.wlItemCommentsLink { white-space: nowrap; }
.wlItemCommentsLink a.wlItem_Comments0 { display:none; }
.wlItemLink { font-weight: bold; }
.wlItemAuthorLink { white-space: nowrap; }

.wlResultTable tr.wlItemStateisUnread  td.wlItemLink a,
.wlResultTable tr.wlItemStateisUnread  td.wlItemCommentsLink a,
.wlResultTable tr.wlItemStatehasUnread td.wlItemCommentsLink a
{ color: blue }

.wlAuthorControl { display: none; }
#pagerender_main.isAuthor .wlAuthorControl { display:inline; display:initial;  }

#wlAddCommentDialog { display:none; }							 /* Default: don't allow comments */
#pagerender_main.isReviewer div.wlItemView_viewing #wlAddCommentDialog { display:inline; display:initial;  }	 /* Let reviews add comments */

#wlArchiveEmpty { display: none; }

.wlStateEmpty #wlArchiveEmpty { display:inline; display:initial;  }

.wlArchiveStateAuthor .wlAuthorControl { display:inline; display:initial;  }


article header .wlItem_Controls { float: right; font-size: small; }
article header .wlItem_Controls ul { margin: 0em 0 0 0; }
article header .wlItem_Controls li { 
	display: inline; 
	border-left: 1px solid black; 
}
article header .wlItem_Controls li:first-child { border: none;}
article header .wlItem_Controls a { padding: 0 1px 0 5px; }

article header .wlItem_Datestr { font-weight: bold; float:left; white-space: nowrap; }
article header h3 { margin: 0 0 .2em .5em; clear: left; }

article header a, article footer a { text-decoration:none; }
article header a:hover, article footer a:hover { text-decoration: underline; background: white }

article .wlItem_Msg {
	border: 1px solid black;
	background: white;
	padding: .75em;
}

article footer { margin: 2px 0; }
article footer { font-size: small; }
article footer img { vertical-align: text-top; }

article footer .wlItem_CommentsLink { float: right; }
article footer .wlItem_CommentsLink span { display:none; }
article.wlItemState_hasUnread footer .wlItem_CommentsLink span { display:inline; display:initial;  }

.cfTags { margin: 0; padding:0; display:inline; }
.cfTags li
{
	margin: 0; padding:0;
	list-style: none;
	display: inline;
}
.cfTags li:after		{ content: ", "; }
.cfTags li:last-child:after	{ content: normal; }
.cfTags li:first-child:before	{ content: "Tags: "; }




/*
  What were the '*' characters supposed to do?  Just disable?
	e.g.   *background-color: #e6e6e6;

*/


.btn, .btns a {
  text-decoration: none;

  display: inline-block;
  padding: .25em .9em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;

  color: #ffffff;
  text-align: center;

  text-shadow: 1px 1px 2px #000000;

  vertical-align: middle;
  cursor: pointer;

  background-color: darkseagreen;

  background-image: -webkit-linear-gradient(top, #c2efc2, darkseagreen);
  background-image: linear-gradient(to bottom,  #c2efc2, darkseagreen);
  background-repeat: repeat-x;

  border: 1px solid #5c895c;
  border-color: #c2efc2 #c2efc2 #5c895c;

  -webkit-border-radius: .75em;
          border-radius: .75em;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2efc2', endColorstr='darkseagreen', GradientType=0);
}



.btn:hover, .btn:active,
.btns a:hover, .btns a:active {
  color: #ffffff;
  background-image: none;
}

.btn:active, .btns a:active {
  outline: 0;
  text-shadow: none;
  -webkit-box-shadow: inset 0 2px 4px #5c895c;
     -moz-box-shadow: inset 0 2px 4px #5c895c;
          box-shadow: inset 0 2px 4px #5c895c;
}

.btn-small, .btns-small a { font-size: 11.9px; }
.btn-mini, .btns-mini a { font-size: 10.5px; }

.btn-block, .btns-block a {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}