div#comments {
  padding: 4px;
  margin-top: 4px;
  width: 99%;
}

div#comments .comment_editor_header {
  padding-left: 4px;
  font-weight: bold;
}

div#comments .comments-title {
  font-size: 15pt;
  text-shadow: 1px 1px 0 #DDDDDD;
  text-transform: none;
  padding: 2px;
  margin-bottom: 8px;
  margin-top: 8px;
}

div#comments ol {
  padding: 0;
  margin: 0;
  margin-top: 8px;
}

div#comments ol li {
  list-style:none outside none;
  background:none repeat scroll 0 0 #F9F9F9;
  border:1px solid #CFCFCF;
  height:auto !important;
  margin: 4px 0;
  padding: 0;
  min-height:60px;
  overflow:hidden;
  font-style: normal;
}

div#comments ol li div.comment {
  padding: 4px;
  min-height: 60px;
  width: 99%;
}
div#comments ol li div.comment-admin {
  vertical-align: middle;
  float: right;
  display: inline;
  margin: 2px 8px 2px 2px;
  height: 18px;
}
div#comments ol li span.admin-hint {
  display: none;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 9px;
}
div#comments ol li div.comment-admin:hover {
  background-color: #FFC0C0;
}
div#comments ol li div.comment-admin:hover span {
  display: inline;
}

div#comments ol li img.avatar {
  background-color: #fff;
  padding: 3px;
  border: 1px solid #eee;
}

div#comments ol li div.avatar-column {
  float: left;
  width: auto;
  height: auto;
}

div#comments ol li div.message-column {
  margin-left: 100px;
  width: auto;
}

div#comments ol li p {
  padding: 2px;
  margin-top: 4px;
}

div#comments ol li span {
  line-height: 20px;
  margin-bottom: 10px;
  padding: 0;
}
div#comments ol li span.date {
  color: #666;
  font-size: smaller;
}

form#comment-form {
  background: none repeat scroll 0 0 #F9F9F9;
  border: 1px solid #CFCFCF;
  clear: both;
  margin: 0;
  overflow: hidden;
  padding: 4px;
}

form#comment-form markItUpComment_comment { width: 100%; height: 250px; padding: 0; }
form#comment-form div.markItUpContainer { width: 98%; height: 200px; padding: 4px; }
#comment_comment {
  font: 14px 'Lucida Console', Courier, monospace;
  padding: 0px;
  margin: 0px;
  border:1px solid #3C769D;
  height: 166px;
  position: relative;
  left: 4px;
  line-height:17px;
  overflow: scroll;
  width: 98%;
  z-index: 1;
  /*
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  */
}

form#comment-form input {
  border: 1px solid #CFCFCF;
  padding: 4px;
  display: block;
  width: 300px;
  margin-bottom: 10px;
  margin-left: 4px;
}

form#comment-form input[type="submit"] {
  background-color:#58B9EB;
  border:1px solid #40A2D4;
  color:#FFFFFF;
  cursor:pointer;
  font-family: Helvetica,Arial,sans-serif;
  font-size:14px;
  font-weight:bold;
  padding:4px;
  margin-top:5px;
  width: 150px;
  /*
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  */
}

form#comment-form input[type="submit"]:hover {
  background-color:#80cdf5;
  border-color:#52b1e2;
}

a.comment-edit {
  background: url("includes/images/edit.png") no-repeat scroll top center transparent;
  height: 16px;
  line-height: 16px;
  padding-left: 22px;
}
a.comment-delete {
  background: url("includes/images/eraser.png") no-repeat scroll top center transparent;
  height: 16px;
  line-height: 16px;
  padding-left: 22px;
}

div.comment_username { padding: 4px; }


div #error_message {
	background: #ffeaef;
	border: 3px solid #ff829f;
	left: 55px;
	margin-bottom: 15px;
	padding: 15px; }
 
div #success_message {
	background: #eaf4ff;
	border: 3px solid #82c0ff;
	left: 55px;
	margin-bottom: 15px;
	padding: 15px; }

div.pagination {
	font-family: Georgia, Times, serif;
	font-style: italic;
	padding: 0px;
	margin: 0px;
	line-height: 40px;
	text-align: left;
	height: 40px; }
 
	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		text-decoration: none;
		color: #44B0EB; }
 
		div.pagination a:hover {
			color: #44e5eb; }
 
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		font-weight: bold;
		background-color: #44B0EB;
		color: #ffffff; }
 
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		color: #dddddd; }

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */ }
 
	.sf-menu ul li { width: 100%; }
 
	.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
 
	.sf-menu li { position: relative; }
 
	.sf-menu a {
		display: block;
		padding-left: 20px;
		padding-right: 20px; }
 
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {
		left: 0;
		background: #ffffff;
		top: 24px; /* match top ul list item height */
		z-index: 99; }
 
	.sf-menu li:hover li ul, .sf-menu li.sfHover li ul, .sf-menu li li:hover li ul, .sf-menu li li.sfHover li ul { top: -999em; }
 
	.sf-menu li li:hover ul, .sf-menu li li.sfHover ul, .sf-menu li li li:hover ul, .sf-menu li li li.sfHover ul {
		left: 10em; /* match ul width */
		top: 0; }

div.bbcode_quote,
div.bbcode_code
{
  border: 1px solid #44B0EB;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  background-color: #f5f5f5;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  max-height: 410px;
  max-width: 720px;
  overflow: hidden;
  width: 98%; /* must be < 100% for nested quotes! */
}


div.bbeditor {
  position: relative;
  width: auto;
  height: 24px;
  margin: 0;
  padding: 0;
}

div.bbeditor img {
  padding: 3px;
  border: 1px solid #eee;
  margin-right: 3px;
  background-color: #fff;
  cursor: pointer;
}

div.bbcode_quote_head, div.bbcode_code_head {
  font-weight: bold;
  margin-bottom: 10px;
}

div.bbcode_code_body,
div.bbcode_quote_body {
  border: 1px solid #dadada;
  font-size: 13px;
  line-height: 9pt;
  max-height: 350px;
  /*max-width: 520px;*/
  overflow: scroll;
  padding: 4px;
  width: 99%;
}

div.bbcode_quote_body {
  font-style: italic !important;
}
div.bbcode_code_body {
  /*border: 1px solid #dadada;*/
  border: 0;
  font-family: "Lucida Console",courier,monospace,mono !important;
  white-space: pre;
}

.markItUpContainer {
  max-width: 900px;
}


div.rating_wrapper *{margin:0; border:0; padding:0; }
div.rating_wrapper {overflow:hidden; height:16px; }
div.sp_rating{ font-family: Georgia, Times, serif; font-size:11px; line-height:1.7em; color:#5f5f5f; display:block; }
  div.sp_rating div.rating{ float:left; padding-right:4px; }
  div.sp_rating div.base{ background:url(images/ratings.gif) 0 0 no-repeat; width:85px; height:100%; float:left; padding-right:4px; overflow:hidden; }
  div.sp_rating div.average{background:url(images/ratings.gif) 0 -16px no-repeat; text-indent:-9999px; }
  div.sp_rating div.votes{ float:left; padding-right:4px;}
  div.sp_rating div.score{ background: url(images/ratings.gif) 0 0 no-repeat; width:85px; height:100%; float:left; position:relative; }
    div.sp_rating div.score a{display:block; height:100%; float:left; text-indent:-9999px; position:absolute; overflow:hidden; line-height:1em; }
    div.sp_rating a.score1 {width:20%; z-index:55; }
    div.sp_rating a.score2 {width:40%; z-index:54; }
    div.sp_rating a.score3 {width:60%; z-index:53; }
    div.sp_rating a.score4 {width:80%; z-index:52; }
    div.sp_rating a.score5 {width:100%; z-index:51; }
    div.sp_rating div.score a:hover{ background:url(images/ratings.gif) bottom right no-repeat; }
  div.sp_rating div.rating_status {height:16px; width:100px; overflow:hidden; position:relative; }
  div.sp_rating div.rating_score_this{ height:100%; overflow:hidden; }
    div.sp_rating div.rating_score_this a{color:#44b0eb; }


/* -------------------------------------------------------------------
// markItUp!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.bbcode .markItUpButton1 a  {
  background-image:url(includes/images/markitup/bold.png);
}
.bbcode .markItUpButton2 a  {
  background-image:url(includes/images/markitup/italic.png);
}
.bbcode .markItUpButton3 a  {
  background-image:url(includes/images/markitup/underline.png);
}
.bbcode .markItUpButton4 a  {
  background-image:url(includes/images/markitup/picture.png);
}
.bbcode .markItUpButton5 a  {
  background-image:url(includes/images/markitup/link.png);
}
.bbcode .markItUpButton6 a {
  background-image:url(includes/images/markitup/colors.png);
}
.bbcode .markItUpButton6 ul {
    padding:1px;
    width:81px;
}
.bbcode .markItUpButton6  li {
    border:1px solid white;
    width:25px;  height:25px;
    overflow:hidden;
    padding:0px; margin:0px;
    float:left;
}
.bbcode .markItUpButton6 ul a {
    width:25px;  height:25px;
}
.bbcode .markItUpButton6 ul a:hover {
    background-color:none;
}
.bbcode .markItUpButton6 .col1-1 a {
    background:yellow;
}
.bbcode .markItUpButton6 .col1-2 a {
    background:orange;
}
.bbcode .markItUpButton6 .col1-3 a {
    background:red;
}
.bbcode .markItUpButton6 .col2-1 a {
    background:blue;
}
.bbcode .markItUpButton6 .col2-2 a {
    background:purple;
}
.bbcode .markItUpButton6 .col2-3 a {
    background:green;
}
.bbcode .markItUpButton6 .col3-1 a {
    background:white;
}
.bbcode .markItUpButton6 .col3-2 a {
    background:gray;
}
.bbcode .markItUpButton6 .col3-3 a {
    background:black;
}
.bbcode .markItUpButton7 a  {
  background-image:url(includes/images/markitup/fonts.png);
}
.bbcode .markItUpButton8 a  { /* Smilies */
  background-image:url(includes/images/smileys/smile.gif);
}
.bbcode .markItUpButton9 a  {
  background-image:url(includes/images/markitup/list-bullet.png);
}
.bbcode .markItUpButton10 a  {
  background-image:url(includes/images/markitup/list-numeric.png);
}
.bbcode .markItUpButton11 a  {
  background-image:url(includes/images/markitup/list-item.png);
}
.bbcode .markItUpButton12 a  {
  background-image:url(includes/images/markitup/quotes.png);
}
.bbcode .markItUpButton13 a  {
  background-image:url(includes/images/markitup/code.png);
}
.bbcode .markItUpButton14 a  {
  background-image:url(includes/images/markitup/clean.png);
}
.bbcode .markItUpButtonXX a {
  background-image:url(includes/images/markitup/preview.png);
  display: none;
}

/* Color Palette */
.bbcode .colors a {
  background-image:url(includes/images/markitup/colors.png);
}
  .bbcode .colors ul {
    width:110px;
    padding: 2px !important;
    margin: 2px !important;
  }
  .bbcode .colors li {
    border:1px solid white;
    width:25px;
    height:25px;
    overflow:hidden;
    padding:2px !important;
    margin:2px !important;
    float:left;
  }
  .bbcode .colors ul a {
    width:25px;
    height:25px;
  }
  .bbcode .colors ul a:hover {
    background-color: none;
  }

  .bbcode .colors .col1-1 a {
    background:yellow;
  }
  .bbcode .colors .col1-2 a {
    background:orange;
  }
  .bbcode .colors .col1-3 a {
    background:red;
  }

  .bbcode .colors .col2-1 a {
    background:blue;
  }
  .bbcode .colors .col2-2 a {
    background:purple;
  }
  .bbcode .colors .col2-3 a {
    background:green;
  }

  .bbcode .colors .col3-1 a {
    background:white;
  }
  .bbcode .colors .col3-2 a {
    background:gray;
  }
  .bbcode .colors .col3-3 a {
    background:black;
  }

.bbcode .calculator a {
  background-image:url(includes/images/markitup/calculator.png);
}

/* Smileys - point to /includes/images/smileys folder! v3.3.2 */
.bbcode .smileys a {
  background-image:url(includes/images/smileys/smile.gif);
}
  .bbcode .smileys ul {
    width: 126px;
    padding: 2px !important;
    margin: 2px !important;
  }
  .bbcode .smileys li {
    border: 1px solid white;
    width: 20px;
    height: 22px;
    overflow: hidden;
    padding: 2px !important;
    margin: 2px !important;
    float: left;
  }
  .bbcode .smileys ul a {
    width: 20px;
    height: 20px;
  }
  .bbcode .smileys ul a:hover {
    background-color: none;
  }

  .bbcode .smileys .col1-1 a {
    background-image:url(includes/images/smileys/angry.gif);
  }
  .bbcode .smileys .col1-2 a {
    background-image:url(includes/images/smileys/bigsmile.gif);
  }
  .bbcode .smileys .col1-3 a {
    background-image:url(includes/images/smileys/confuse.gif);
  }
  .bbcode .smileys .col1-4 a {
    background-image:url(includes/images/smileys/frown.gif);
  }

  .bbcode .smileys .col2-1 a {
    background-image:url(includes/images/smileys/neutral.gif);
  }
  .bbcode .smileys .col2-2 a {
    background-image:url(includes/images/smileys/smile.gif);
  }
  .bbcode .smileys .col2-3 a {
    background-image:url(includes/images/smileys/laugh.gif);
  }
  .bbcode .smileys .col2-4 a {
    background-image:url(includes/images/smileys/surprise.gif);
  }

  .bbcode .smileys .col3-1 a {
    background-image:url(includes/images/smileys/tongue.gif);
  }
  .bbcode .smileys .col3-2 a {
    background-image:url(includes/images/smileys/worry.gif);
  }
  .bbcode .smileys .col3-3 a {
    background-image:url(includes/images/smileys/wink.gif);
  }
  .bbcode .smileys .col3-4 a {
    background-image:url(includes/images/smileys/sleepy.gif);
  }

/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
  margin:0px; padding:0px;
  outline:none;
}

.markItUp a:link,
.markItUp a:visited {
  color:#000;
  text-decoration:none;
}
.markItUp  {
  width:98%;
  margin:5px 0 5px 0;
  border:5px solid #F5F5F5;
}
.markItUpContainer  {
  border:1px solid #ccc;
  background:#FFF;
  padding:5px 5px 2px 5px;
  font:11px Arial, Helvetica, Verdana, sans-serif;
}
textarea.markItUpEditor {
  font:14px 'Lucida Console', Courier, monospace;
  /*padding: 4px;*/
  margin: 2px;
  border:1px solid #ccc;
  clear:both;
  display:block;
  line-height:17px;
  overflow: scroll;
  width: inherited;
}
.markItUpPreviewFrame {
  overflow:auto;
  background-color:#fff;
  border:1px solid #ccc;
  width:99.9%;
  height:300px;
  margin:5px 0;
}
.markItUpFooter {
  width:100%;
  cursor:n-resize;
}
.markItUpResizeHandle {
  overflow:hidden;
  width:22px; height:5px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(includes/images/markitup/handle.png);
  cursor:n-resize;
}

/* first row of buttons */
.markItUpHeader ul  {
  list-style-type: none !important;
  padding: 2px !important;
  margin: 2px !important;
}
.markItUpHeader ul li,
.markItUpHeader ul ul li {
  margin: 0px !important;
  padding: 0px !important;
}
.markItUpHeader ul li {
  list-style:none !important;
  float:left;
  position:relative;
  margin-right: 2px !important;
  padding: 2px !important;
}
.markItUpHeader ul li:hover {
  background-color: #f0f0f0;
}
.markItUpHeader ul li ul {
  display:none;
  list-style-type: none;
}
.markItUpHeader ul li:hover > ul {
  list-style-type: none;
  display:block;
}
.markItUpHeader ul .markItUpDropMenu {
  background:transparent url(includes/images/markitup/menu.png) no-repeat 115% 50%;
  margin-right:4px;
  z-index: 10; /* 1000; */
}
.markItUpHeader ul .markItUpDropMenu li {
  margin-right:0px;
  list-style: none !important;
}
.markItUpHeader ul .markItUpSeparator {
  background:transparent url(includes/images/markitup/handle.png) repeat-y;
  margin:0 10px;
  width:1px;
  height:16px;
  overflow:hidden;
  background-color:#ccc;
}
.markItUpHeader ul ul .markItUpSeparator {
  width:auto; height:1px;
  margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
  display:none;
  position:absolute;
  list-style:none !important;
  top:22px; left:0px;
  background:#F5F5F5;
  border:1px solid #d0d0d0;
  height:inherit;
  width:120px;
}
.markItUpHeader ul ul li {
  float:none;
  border-bottom:1px solid #d0d0d0;
}
.markItUpHeader ul ul .markItUpDropMenu {
  background:#F5F5F5 url(includes/images/markitup/submenu.png) no-repeat 100% 50%;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
  position:absolute;
  top:-1px; left:120px;
}
.markItUpHeader ul ul ul li {
  float:none;
}
.markItUpHeader ul a {
  display:block;
  width:18px; height:18px;
  text-indent:-10000px;
  background-repeat:no-repeat;
  padding:3px;
  margin:0px;
}
.markItUpHeader ul ul a {
  display:block;
  padding-left:0px;
  text-indent:0;
  width:120px;
  padding:5px 2px 5px 30px;
  background-position:2px 50%;
}
.markItUpHeader ul ul a:hover {
  color:#FFF;
  background-color:#d0d0d0;
  width:inherit;
}

li.markItUpButton {
  list-style:none;
  list-style-type: none;
}

div#p9_top_posters {
  padding: 0px;
  margin: 0px;
  width: 100%;
}

div#p9_top_posters ul {
  padding: 0;
  margin: 0;
}

div#p9_top_posters ul li {
  list-style:none outside none;
  /* background:none repeat scroll 0 0 #F9F9F9; */
  /* border:1px solid #CFCFCF; */
  height:auto !important;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

div#p9_top_posters ul li div.p9-outer {
  width: 100%;
}

div#p9_top_posters ul li img.avatar {
  background-color: #fff;
  border: 0;
  padding: 4px;
  border: 1px solid #eee;
}

div#p9_top_posters ul li div.p9-avatar {
  float: left;
  width: auto;
  height: auto;
}

div#p9_top_posters ul li div.p9-user {
  /*font-family: Helvetica,Arial,sans-serif !important;
  font-size: 14px;*/
  display: inline;
  float: left;
  font:inherit;
  padding: 4px;
  width: auto;
}

div#p9_top_posters ul li span {
  font:inherit;
  padding-top: 4px;
}
div#p9_top_posters ul li span.p9-count {
  color: #666;
  /* font-size: smaller; */
}


div.latest_articles {
	margin-bottom: 4px;
}

