/* RESET */
html{color:#fff;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#fff;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}

h1 { font-size: 12px; font-weight: bold; }
h2 { font-size: 12px; font-weight: bold; line-height: 18px; }
h3 { font-size: 1em; font-weight: bold; line-height: 16px; }
h4 { font-size: 10px; font-weight: bold; line-height: 15px; }
img { border: 0; }

/*links*/
a { color: #000; text-decoration: none; outline: none;  }
a:hover { text-decoration: underline; }

/*PAGE*/
body {height:auto; min-height:852px; margin: 0; padding: 0;  font-family: Helvetica, Arial, sans-serif; background:#fff url(/skins/agencom/agencom-bg.jpg) no-repeat top center;  font-size:12px; text-align: left; color:#000;}

table, td  { color:#666; vertical-align:top; }
textarea, input  { border: 1px  solid #666; color:#666; padding: 1px;   font-size:12px; background-color: #fff; margin: 1px; overflow:hidden; }

hr  { height: 1px; border: 0px; color: #BAC4D7; background-color: #BAC4D7; }
img { border: 0; }

.centeres {width:900px; height:auto; margin:auto; padding:0 0 0 0;  }
.clear {clear:both; height:0; margin:0; padding:0; font-size:0; border:0;}


#menu { list-style-type:none; margin: 0; padding: 15px 0 0 0; width: 209px; }
#menu a { display: block; text-decoration: none;}
#menu li { margin-top: 1px;}
#menu li a { color: #3b3b3b;	 padding: 0.5em;  border-bottom:1px solid #a4a4a4; font-weight: bold;}
#menu li a:hover { background: #cc0000; color:#fff;}

#content {width:900px; height:auto; margin:0; padding:120px 0 0 0;}
#content-left {width:345px; height:auto; margin:0; padding:110px 0 0 0; float:left;}
#content-right {width:555px; height:auto; margin:0; padding:0 0 40px 0 ; float:right; text-align:justify; position: relative;}

#foto {width:225px; height:247px; background:#f2f5ee; margin:10px; float:right;}
#foto img{padding:15px;}

.news { width: 249px; margin:0; padding:0 0 20px 0 ;}
.news-title {color:#cf141d; font-size:14px; font-weight:bold;}
.news-desc a {font-weight:bold;}

#footer {padding:20px 0 40px 0; border-top:1px solid #a4a4a4; font-size:11px; text-align:center; color:#a4a4a4;}

#content-right ul {margin:0 0 0 20px; list-style-type:circle; color:#000;}
#content-right li {margin:0 0 0 20px; list-style-type:circle; color:#000;}
#content-right a { color:#cc0000;}

strong {font-weight: bold;}
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.article_title,
div.article_subtitle {
  background: transparent;
  clear: both;
  color: #272727;
  display: block;
  line-height: 1em;
  padding-bottom: 4px;
  width: 100%;
}

div.article_subtitle {
  font-size: 11px;
  margin: 4px 4px;
}

div.article_title h2 {
  padding-bottom: 0px;
  margin-bottom: 2px;
}

.article_title_link {
  background: transparent;
  color: #272727;
  font-size: 30px;
  line-height: 1;
  font-style: normal;
  text-decoration: none;
  padding-bottom: 0px;
  margin-bottom: 2px;
}

a.article_title_link:hover {
  background: transparent;
  color: #44b0eb;
}

div.article_article,
div.article_description {
  margin: 4px 4px;
  overflow-x: hidden;
}

div.article_comments,
div.article_read_more {
  display: inline;
  margin: 4px 4px 10px 4px;
}

div.article_rating {
  margin: 4px 4px 10px 4px;
  width: 100%;
}

.article_tools, .article_tools li {
  margin:0px !important;
  margin-right: 4px !important;
  padding:0px !important;
  list-style: none outside none;
  list-style-type: none;
  vertical-align: top;
}
.article_tools li {
  display: inline;
  vertical-align: top;
  height: 20px;
}
.article_tools li a {
  height: 16px;
  outline: none;
}
.article_tools li.social a {
  display: inline-block;
  margin-top: 5px;
  width: 16px;
}
.article_tools a:hover,
.article_tools a:visited,
.article_tools a:focus {
  outline: none;
}
.article_tools .delicious a { background-image:url(includes/images/social/delicious-16x16.png); }
.article_tools .digg a { background-image:url(includes/images/social/digg-16x16.png); }
.article_tools .email a { background-image:url(includes/images/social/email-16x16.png); }
.article_tools .facebook a { background-image:url(includes/images/social/facebook-16x16.png); }
.article_tools .twitter a { background-image:url(includes/images/social/twitter-16x16.png); }
.article_tools .article_pdf_link a { background-image:url(plugins/p2_news/pdf.png); }
.article_tools .article_print_link a { background-image:url(plugins/p2_news/printer.png); }
.article_tools .article_comments_link a { margin-left: 4px; }

div.article_footer {
  border-bottom: 1px solid #82c0ff;
  border-top: 1px solid #82c0ff;
  clear: both;
  display: block;
  height: 34px;
  margin: 10px 4px 15px 2px;
  padding-left: 2px;
  position: relative;
  vertical-align: middle;
  width: 99%;
}

div.article_footer_left {
  margin:0px;
  padding:4px;
  display: inline;
  float: left;
  left: 0px;
  top: 0px;
  position: relative;
  line-height: 10px;
  height: 10px;
  font-style: italic;
}

div.article_footer_right {
  margin: 0;
  padding: 4px;
  display: inline;
  float: right;
  right: 0px;
  top: 0px;
  position: absolute;
}

iframe.facebook_iframe {
  border: none;
  display: inline;
  float: left;
  padding-top: 4px;
  height: 30px;
  position: absolute;
  width: 70%;
}

div#forum *
{
  font-style: normal;
  text-align: left;
}

div#forum
{
  position: relative;
  height: auto;
  width: 100%;
  margin-bottom: 20px;
}

#forum div.clear
{
  clear: both;
}

#forum p
{
  padding: 0;
  margin: 0;
}

#forum table
{
  width: 100%;
  border-collapse: collapse;
  margin-top: 4px;
}

#forum table thead th
{
  background-color: #44B0EB;
  color: #fff;
  padding: 6px;
}

#forum table thead th.col-topic-count,
#forum table thead th.col-post-count,
#forum table thead th.col-view-count /* SD313 */
{
  width: 60px;
  text-align: center;
}

#forum table thead th.col-forum-title,
#forum table thead th.col-topic-title
{
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
}

#forum table thead th.col-last-updated
{
  width: 200px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
}

#forum table td
{
  padding: 6px;
  border-bottom: 1px dashed #ccc;
}

#forum table thead th.col-rss,
#forum table td.col-rss
{
  width: 16px;
}

a.rss-icon
{
  background: none no-repeat scroll 0 0 transparent;
  background-image: url('plugins/forum/images/rss.png');
  display: block;
  height: 16px;
  opacity: 0.50;
  overflow: hidden;
  text-indent: 9999px;
  width: 16px;
}

a.rss-icon:hover
{
  opacity: 1.0;
}

#forum table td.col-forum-title a
{
  font-size: 16px;
  text-decoration: none;
}

#forum table td.col-forum-title p
{
  padding-top: 5px;
}

#forum table td.col-topic-title a
{
  font-size: 14px;
  text-decoration: none;
}

#forum table td.col-topic-count,
#forum table td.col-post-count,
#forum table td.col-view-count /* SD313 */
{
  width: 60px;
  text-align: center;
}

#forum table tbody#posts tr:first-child
{
  border-top: 1px dashed #ccc;
}

#forum table tr.topic
{
  background-color: #fff;
}

#forum table tr.alt
{
  background-color: #f5f6f9;
}

#forum table tr td.col-user-details
{
  width: 225px;
  background-color: #f5f6f9;
  padding: 10px;
  height: 150px;
}

#forum table tr td.col-user-details small
{
  font-size: 11px;
  font-family: verdana;
}

#forum table tr td.col-user-details img.avatar
{
  width: 50px;
  height: 50px;
  padding: 3px;
  background-color: #fff;
  border: 1px solid #eee;
  float: left;
  margin-right: 10px;
}

#forum table tr td.col-post
{
  padding: 10px;
}

#forum table tr td.col-post input[type=checkbox]
{
  float: right;
  margin: -6px -10px 0 10px;
}

#forum table tr td.col-post div.post
{
  min-height: 150px;
}

#forum table tr td.col-post div.post-footer
{
  margin-top: 15px;
  font-size: 11px;
}

#forum table tr td.col-post div.post-footer div.private-links
{
  float: left;
}

#forum table tr td.col-post div.post-footer div.private-links a
{
  margin-right: 10px;
}

#forum table tr td.col-post div.post-footer div.public-links
{
  float: right;
}

#forum table tr td.col-post div.post-footer div.public-links a
{
  margin-left: 10px;
}

#forum p.breadcrumb
{
  position: relative;
  float: left;
  width: auto;
  height: 20px;
  padding: 0px;
  margin-bottom: 8px;
  font-size: 12px;
  font-style: normal;
}

#forum h2
{
  background: none;
  color: #333;
  font-size: 22px;
  margin: 0;
  padding: 0;
  text-align: left;
  display: inline;
}

#forum a.new-topic-link,
#forum a.reply-link
{
  float: right;
  padding: 4px;
}


#forum div#topic-footer
{
  width: 100%;
  height: 25px;
  margin: 14px 0;
}

#forum div#topic-footer div.pagination
{
  float: left;
  height: 0;
  line-height: normal;
}

#forum div#topic-footer div.topic-options
{
  float: right;
  text-align: right;
}

#forum div#topic-footer div.topic-options select
{
  margin-right: 10px;
}

#forum div.form-wrap
{
  position: relative;
  width: auto;
  height: auto;
  padding: 20px;
  background-color: #f5f6f9;
  margin: 4px 0 0;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

#forum div.form-wrap label
{
  display: block;
  width: 416px;
  font-size: 12px;
  padding: 0;
  margin: 0;
}

#forum div.form-wrap input[type="text"]
{
  width: 400px;
  margin: 0 0 10px 0;
  padding: 8px;
}

#forum div.form-wrap textarea
{
  width: 98%;
  height: 310px;
  display: block;
  padding: 8px;
  margin: 3px 0 10px 0;
}

#forum div.form-wrap input[type="submit"]
{
  border: 1px solid #408bb6;
  padding: 8px 25px;
  background-color: #44B0EB;
  color: #fff;
  cursor: pointer;
}

#forum div.form-wrap input[type="submit"]:hover
{
  background-color: #2e97d1;
}

#forum div.form-wrap textarea.quick-reply
{
  height: 300px;
}
#image_gallery_image img
{
  border: 1px solid #eee;
  padding: 2px;
}

#image_gallery_sections img
{
  border: 1px solid #eee;
  padding: 2px;
}

#image_gallery_thumbnails img
{
  border: 1px solid #eee;
  padding: 2px;
}
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; }

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

/* Subdreamer Registration plugin CSS */
form.registration-form {
  background: transparent;
  border: 0;
  margin-bottom: 15px;
  padding: 5px 5px 5px 0px;
}

table.registration-table {
  background: none;
  margin-bottom: 15px;
  padding: 15px;
}

table.registration-table td.registration-prompt {
    margin-bottom: 10px;
    padding: 10px;
}

table.registration-table td.registration-detail {
    margin-bottom: 10px;
    padding: 10px;
}

/* Subdreamer User Profile plugin CSS */
div#user-profile {
  border: 0px;
}

form.usercp-form {
  background: transparent;
  border: 0;
  margin-bottom: 15px;
  padding: 5px 5px 5px 0px;
}

table.usercp-table {
  margin-bottom: 15px;
  padding: 15px;
}

table.usercp-table td.usercp-prompt {
    margin-bottom: 10px;
    padding: 10px;
}

table.usercp-table td.usercp-detail {
    margin-bottom: 10px;
    padding: 10px;
}

/* -------------------------------------------------------------------
// 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  {
  background-image:url(includes/images/markitup/list-bullet.png);
}
.bbcode .markItUpButton9 a  {
  background-image:url(includes/images/markitup/list-numeric.png);
}
.bbcode .markItUpButton10 a  {
  background-image:url(includes/images/markitup/list-item.png);
}
.bbcode .markItUpButton11 a  {
  background-image:url(includes/images/markitup/quotes.png);
}
.bbcode .markItUpButton12 a  {
  background-image:url(includes/images/markitup/code.png);
}
.bbcode .markItUpButton13 a  {
  background-image:url(includes/images/markitup/clean.png);
}
.bbcode .markItUpButton18 a {
  background-image:url(includes/images/markitup/preview.png);
  display: none;
}

/* -------------------------------------------------------------------
// markItUp!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.bbcode .colors a {
  background-image:url(includes/images/markitup/colors.png);
}
  .bbcode .colors ul {
    width:81px;
    padding:1px;
  }
  .bbcode .colors  li {
    border:1px solid white;
    width:25px;  height:25px;
    overflow:hidden;
    padding:0px; margin:0px;
    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);
}

/* -------------------------------------------------------------------
// 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 #3C769D;
  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: 4px;
  border:1px solid #3C769D;
  clear:both;
  display:block;
  line-height:17px;
  overflow: scroll;
  width: inherited;
}
.markItUpPreviewFrame  {
  overflow:auto;
  background-color:#FFFFFF;
  border:1px solid #3C769D;
  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;
}
.markItUpHeader ul li  {
  list-style:none !important;
  float:left;
  position:relative;
  margin: 2px !important;
  padding: 2px !important;
}
.markItUpHeader ul li:hover {
  background-color: #E0E0E0;
}
.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:5px;
  z-index: 1000;
}
.markItUpHeader ul .markItUpDropMenu li {
  margin-right:0px;
  list-style: none;
}
.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;
  top:18px; left:0px;
  background:#F5F5F5;
  border:1px solid #3C769D;
  height:inherit;
}
.markItUpHeader ul ul li {
  float:none;
  border-bottom:1px solid #3C769D;
}
.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:150px;
}
.markItUpHeader ul ul ul li {
  float:none;
}
.markItUpHeader ul a {
  display:block;
  width:16px; height:16px;
  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 5px 5px 30px;
  background-position:2px 50%;
}
.markItUpHeader ul ul a:hover  {
  color:#FFF;
  background-color:#3C769D;
}

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; */
}

/* Subdreamer User Login Panel plugin CSS */
.login-panel {
  padding: 0px;
  margin: 0 0 8px 4px;
}

.login-panel div.login-avatar {
  clear: both;
  display: block;
}

.login-form { padding: 0; }
  .login-form input { width: 70px; }
  .login-form .login-div-user1 { display: inline; float: left; padding: 0px; vertical-align: middle; width: 80px;}
  .login-form .login-div-user2 { display: block; clear: right; }
  .login-form .login-div-pwd1  { display: inline; float: left; padding: 0px; vertical-align: middle; width: 80px; }
  .login-form .login-div-pwd2  { display: block; clear: right; }
  .login-form .login-div-remember { display: block; clear: both; padding: 0px; width: 100%; }
  .login-form .login-div-remember input { border: 0; padding: 4px; }
  .login-form .login-div-submit   { display: block; clear: both; padding: 0px; }
  .login-div-register { display: block; clear: both; padding: 6px; width: 100px; }
  .login-div-lostpwd { display: block; clear: both; padding: 6px; width: 100px; }

.login-form input[type="submit"] {
  background-color: #58B9EB;
  border: 1px solid #40A2D4;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 8px 2px 8px;
  margin: 4px 4px 8px 0px;
  width: auto;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

.login-form input[type="submit"]:hover {
  background-color:#80cdf5;
  border-color:#52b1e2;
}

.login-welcome {
  clear: right;
  display: block;
  font-size: 12px; font-weight: bold;
  padding: 0;
  margin-bottom: 8px;
}