/* Reset */

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, abbr, acronym, address, big,
del, dfn, em, img, ins, kbd, q, s, samp, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}



/* General */

a:link,a:visited,a:active {
color: #619633;
text-decoration: none;
font-weight: normal;
background: transparent;
}

a:hover {
text-decoration: underline;
}

body,html {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#374030;
text-align:center;
margin:0;
padding:0;
background: #ffffff url(skins/staffie2/images/pattern.jpg) repeat-y center;
}

textarea,input {
color: #374030;
border: 1px solid #d0d0a2;
background: #ffffff;
vertical-align: middle;
margin: 4px 0px;
padding: 4px;
}

hr {
height: 1px;
border: 0px;
background-color: #cccc9f;
color: #cfcfa1;
border-color: #d0d0a2;
}

div {
vertical-align:top;
text-align:left; }


.clear {
clear:both;
font-size:0; }


#outer_wrapper {
background: url(skins/staffie2/images/background.jpg) repeat-x top;
}

#inner_wrapper {
background: url(skins/staffie2/images/banner.jpg) no-repeat top center;
text-align: center;
}

#content {
width: 1061px;
margin-left: auto;
margin-right: auto;
padding-right: 1px;
}

#navigation {
height: 51px;
padding: 0px 40px 0px 240px;
}

.navigation {
height: 51px;
line-height: 50px;
float: right;
width: auto;
white-space: nowrap;
}

.navigation li {
float: left;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap;
margin-left: 15px;
cursor: pointer;
}

.navigation li:hover {
background: url(skins/staffie2/images/navigation.gif) repeat-x top;
}

.navigation li a {
font-weight: bold;
color: #dbe5b7;
}

.navigation li a:hover {
color: #ffffff;
text-decoration: none;
}

.categorydefault {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap;
margin: 0px 7px;
color: #dbe5b7;
text-align: center;
}

.categoryhover {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap;
margin: 0px 7px;
text-align: center;
color: #ffffff;
background: url(skins/staffie2/images/navigation.gif) repeat-x top;
}

.subcategorydefault {
height: 29px;
line-height: 29px;
border-top: 1px solid #ffffff;
background: #293417;
color: #dbe5b7;
font-size: 11px;
font-weight: bold;
padding: 0px 7px;
text-transform: uppercase;
text-align: center;
}

.subcategoryhover {
height: 29px;
line-height: 29px;
border-top: 1px solid #ffffff;
background: #ffffff;
color: #374030;
font-size: 11px;
font-weight: bold;
padding: 0px 7px;
text-transform: uppercase;
text-align: center;
}

#header {
background: #eff0bb url(skins/staffie2/images/header.jpg) no-repeat top center;
position: relative;
padding: 238px 0px 17px 0px;
}

#header img.header {
position: absolute;
top: 35px;
left: 56px;
}

#left_column {
background: url(skins/staffie2/images/left_background.jpg) repeat-y left;
width: 270px;
float: left;
}

#left_column .bottom {
background: url(skins/staffie2/images/left_bottom.jpg) no-repeat bottom left;
}

#left_column .top {
background: url(skins/staffie2/images/left_top.jpg) no-repeat top left;
min-height: 300px;
padding-top: 26px;
}

#left_column .content {
padding: 0px 29px 26px 59px;
}

#right_column .content {
padding: 0px 59px 26px 29px;
}

#left_column h2, #right_column h2, #center_column h1 {
font-weight: bold;
text-transform: uppercase;
padding-bottom: 5px;
}

#center_column {
float: left;
width: 480px;
margin: 16px 0px 16px 20px;
}

#center_column_alt_1 {
float: right;
width: 710px;
margin: 16px 40px 16px 0px;
}

#center_column_alt_2 {
float: left;
width: 710px;
margin: 16px 0px 16px 40px;
}

#center_column_alt_3 {
margin: 16px 40px 16px 40px;
}

#center_column .content {
padding: 10px 0px 10px 0px;
}

#right_column {
background: url(skins/staffie2/images/right_background.jpg) repeat-y left;
width: 270px;
float: right;
}

#right_column .bottom {
background: url(skins/staffie2/images/right_bottom.jpg) no-repeat bottom left;
}

#right_column .top {
background: url(skins/staffie2/images/right_top.jpg) no-repeat top left;
min-height: 300px;
padding-top: 26px;
}

#footer {
border-top: 1px solid #ffffff;
text-align: center;
font-size: 11px;
line-height: 12px;
font-weight: bold;
padding: 15px;
color: #989968;
}

#footer a {
font-weight: normal;
color: #989968;
}

#footer a:hover {
color: #374030;
text-decoration: none;
}

div.navigation ul li ul li ul {
	width: 230px;
	left: 109px !important; }
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 {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; }div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px;font-weight: bold;background-color: #cfc5b4; }div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;color: #dddddd; }
div.navigation ul ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */ }
 
	div.navigation ul ul li { width: 100%; }
 
div.navigation ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
 
div.navigation ul li { position: relative; }
 
div.navigation ul a { display: block; }
 
div.navigation ul li:hover ul, div.navigation ul li.sfHover ul {
	left: -22px;
	top: 0px;
	z-index: 99; /* match top ul list item height */
	padding-top: 50px;
	float: none; }
 
div.navigation ul li:hover ul li, div.navigation ul li.sfHover ul li {
	height: 29px;
	line-height: 29px;
	border-top: 1px solid #ffffff;
	background: #293417;
	color: #dbe5b7;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 7px;
	text-transform: uppercase;
	text-align: left; }
 
div.navigation ul li:hover ul li:hover, div.navigation ul li.sfHover ul li:hover { background: #ffffff; }
 
div.navigation ul li:hover ul li:hover a, div.navigation ul li.sfHover ul li:hover a { color: #374030; }
 
div.navigation ul li:hover li ul, div.navigation ul li.sfHover li ul, div.navigation ul li li:hover li ul { top: -999em; }
 
div.navigation ul li li:hover ul, div.navigation ul li li.sfHover ul, div.navigation ul li li li:hover ul, div.navigation ul li li li.sfHover ul {
	left: 0;
	top: 0; /* match ul width */ }
 
div.navigation ul li:hover ul li:hover ul, div.navigation ul li.sfHover ul li:hover ul, div.navigation ul ul ul ul {
	top: -51px;
	color: #dbe5b7; }
 
div.navigation ul li:hover ul li:hover ul a, div.navigation ul li.sfHover ul li:hover ul a, div.navigation ul ul ul ul a { color: #dbe5b7; }
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 {background: transparent;font-size: 16px;line-height: 1;padding-bottom: 15px; }a.article_title_link {background: transparent;font-size: 16px;line-height: 1;font-style: normal;text-decoration: none; }div.article_footer {position: relative;width: 100%;height: 50px; }div.article_footer_left {position: absolute;width: auto;height: 50px;font-size: 12px;left: 0px; }div.article_footer_right {position: absolute;width: auto;right: 0px; }
div#forum * {font-style: normal;text-align: left; }div#forum {position: relative;height: auto;width: 100%; }#forum div.clear { clear: both; }#forum p {padding: 0;margin: 0; }#forum table {width: 100%;border-collapse: collapse;margin-top: 4px; }#forum table.forum-category { margin-bottom: 20px; }#forum table thead th {background-color: #2a3517;color: #fff;padding: 6px; }#forum table thead th.col-topic-count, #forum table thead th.col-post-count {width: 60px;text-align: center; }#forum table thead th.col-last-updated { width: 200px; }#forum table td {padding: 6px;border-bottom: 1px dashed #ccc; }#forum table td.col-topic-title img {width: 30px;height: 30px;float: left;margin-right: 10px; }#forum table td.col-forum-title a {float: left;font-size: 16px;text-decoration: none; }#forum table td.col-topic-title a {float: left;font-size: 14px;text-decoration: none; }#forum table td.col-topic-count, #forum table td.col-post-count {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 img.edit-post-link {float: right;padding-left: 5px;padding-bottom: 5px;cursor: pointer; }#forum table tr td.col-post textarea {width: 400px;height: 150px;display: block; }#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 h2.bold { font-weight: bold; }#forum a.new-topic-link, #forum a.reply-link { float: right; }#forum div#forum-footer {width: 100%;height: 50px;margin: 8px 0 8px 0; }#forum div#forum-footer div#topic-options {float: left;width: 300px;height: auto; }#forum div#forum-footer div#topic-options a { margin-right: 10px; }#forum div#forum-footer div.pagination { float: right; }#forum div#new-topic-wrap, #forum div#new-post-wrap {position: relative;width: auto;height: auto;padding: 20px;background-color: #f5f6f9;margin: 0; }#forum div#new-topic-wrap label, #forum div#new-post-wrap label {display: block;width: 416px;font-size: 12px;padding: 0;margin: 0; }#forum #new-topic-wrap input[type="text"] {width: 400px;margin: 0 0 10px 0;padding: 8px; }#forum #new-topic-wrap textarea, #forum #new-post-wrap textarea {width: 400px;height: 150px;display: block;padding: 8px;margin: 3px 0 10px 0; }#forum #new-topic-wrap input[type="submit"], #forum #new-post-wrap input[type="submit"] {border: 1px solid #408bb6;padding: 8px 25px;background-color: #44B0EB;color: #fff;cursor: pointer; }#forum #new-topic-wrap input[type="submit"]:hover, #forum #new-post-wrap input[type="submit"]:hover { background-color: #2e97d1; }
#image_gallery_image img {border: 1px solid #2a3517;padding: 4px; }#image_gallery_sections img {border: 1px solid #5f7835;padding: 4px; }#image_gallery_thumbnails img {border: 1px solid #acca79;padding: 4px; }
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;
}

div.ucp-groupheader {
  background-color: #e0e0e0;
  border: 1px solid #c0c0c0;
  font-size: 20px; font-weight: bold; background-color: #E0E0E0;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  padding: 5px;
  margin: 5px 1px 5px 5px;
}
#ucpForm { width: 100%; padding: 2px; }
#ucpForm fieldset legend { padding: 0.5em; }
#ucpForm fieldset div { padding: 4px; }
#ucpForm fieldset div label { display: inline-block; width: 200px; }
#ucpForm fieldset div input,
#ucpForm fieldset div select,
#ucpForm fieldset div textarea,
{ display: inline-block; line-size: 1px; margin-right: 8px; }
#ucpForm .ctrlHolder{ padding: 4px; border-bottom: 1px solid #efefef; }
#ucpForm .ctrlHolder.focused { background: #fffcdf; }
#ucpForm fieldset div label.error{ display: inline; color: red; }
#ucpForm .ucp_value_only { font-weight: bold; padding: 6px; }

#ucpForm button.primaryAction {
  background-color: #58B9EB;
  border: 1px solid #40A2D4;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Helvetica,Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  margin: 6px;
  width: auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#ucpForm button.primaryAction:hover {
  background-color:#80cdf5;
  border-color:#52b1e2;
}
/* -------------------------------------------------------------------
// 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; */
}

/* 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;
}
/* Hides the whole contact form until needed */
#contactForm {
  max-width: 500px;
  background: transparent;
	border:0;
	padding:2px 2px;
	color:#000;
	display:block;
	}

/* Loading bar */
.bar {
  display:none;
  background:url(../images/ajax-loader.gif) no-repeat center;
  margin-top:50px;
  height:40px; width:230px;
}

/* Hides the confirmation message until needed */
#messageSent { display:none; }

/* This hides the form validation alert messages until needed */
#contactForm span {
	display:none;
	font-size:12px;
	line-height:10px;
  padding-left:6px;
	padding-bottom:2px;
	color:#800000;
}

/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */
#contactForm textarea, #contactForm input {
	width: 80%;
  font-family: Arial, Geneva, sans-serif;
	/* background:#6d6d6d url(../images/contact_input.png) repeat-x top; */
	border:1px solid #8a8a8a;
	height:15px;
	line-height:14px;
	font-size:12px;
	padding:2px 2px 0px;
	}
#contactForm input { height: 20px; line-height:15px; font-size: 13px; margin: 1px; padding: 2px; }
#contactForm textarea { height:114px; font-family: Arial, Geneva, sans-serif; }
#contactForm .submit {
	border:1px solid #aba8a8;
	background:#e5e5e5;
	text-transform:uppercase;
	color:#4d4d4d;
	font-weight:bold;
	padding:7px 16px 7px 14px;
	height:37px; width:130px;
	cursor:pointer;
	margin-top:10px;
	}
#contactForm .submit:active { background: #cacaca; }
#contactForm label { padding-left: 4px; font-weight: bold; }
#contactForm p { padding-bottom: 4px; }

input.p6_error { background-color: #FFC0C0; }