/* Normal, standard links.*/
a:link, a:visited {
	color: #000000;
	text-decoration: none;
	} 
	
a:hover {
	text-decoration: underline;
	}
.mceContentBody a:link, .mceContentBody a:hover, .mceContentBody a:visited, .mceContentBody a
{
    color: #FF6200; 
}
.poststable a:link, .poststable a:hover, .poststable a:visited, .poststable a
{
    color: #FF6200; 
}
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited	{
	height: 13px;
	text-decoration: none;
	}
	
a.nav:hover {
	text-decoration: underline;
	}

a.menuAboutusPadding {
	padding-left: 7px; 
	line-height: 30px
	}

a.menuAboutusPaddingOrange {
	color:#FF6200;
	padding-left: 7px; 
	line-height: 30px; 
	font-weight: bold;
	}

.menuAboutusPaddingOrange {
	color:#FF6200;
	padding-left: 7px; 
	line-height: 30px; 
	font-weight: bold;
	}

/* Tables should show empty cells. */
table
{
	empty-cells: show;
	
}

/* By default (td, body..) use Arial in black. */
body, td, th
{
	color: #000000;
	font-size: 12px;
	font-family: Arial,Helvetica, sans-serif;
}

/* The main body of the entire forum. */
body
{
	/*background-color: white;
	margin: 0px;
	padding: 0px;*/
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, select {
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
	padding-left:2px;
	color: #585858;
	font-size:11px;
	border:1px solid #bdbdbd;
	}
input {padding-top:2px;
}

select{padding-top:0px;
}

textarea, button
{
	font-size: 9pt;
	color: #585858;
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	border:1px solid #bdbdbd;	
}

input.subjectinput {
	background: #ffffff;
	width: 100%
}

td.subjectform {
	color: #575757;
	padding: 5px 20px 5px 20px;
	
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 8pt;
	font-weight: normal;
	color: #585858;
	font-family: Arial,Helvetica, sans-serif;
}


/*input file button Planetsoft changes - McGrady's technique*/

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: left;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	}

input.file2 {
	margin-bottom: 6px;
	}

div.fakefile img{
 	margin-top: 0;
 	margin-left: 5px;
 	}


/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #eee;
	background-color: #eee;
}

/* A quote, perhaps from another post. */
.quote
{
	color: #585858;
	background-color: #ffffff;
	/*border: 1px solid #585858; */
	margin: 1px;
	padding: 1px;
	font-size: 10px;
	line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #585858;
	background-color: #cccccc;
	font-family: "courier new", "times new roman", monospace;
	font-size: 10px;
	line-height: 1.3em;
	/* Put a nice border around it. */
	border: 1px solid #585858;
	margin: 1px auto 1px auto;
	padding: 1px;
	width: 99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space: nowrap;
	overflow: auto;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #585858;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
	/*background-color: yellow;*/
	font-weight: bold;
	color: black;
}

table.searchresults {
	font-size: 10px;
	color: #585858;
	font-weight: normal;
}

div#resultsfound {
margin-left: 10px !important;
margin-left: 0px; 
margin-top: 5px; 
font-weight: bold; 
float:left;
}

span.SearchInfo {
	margin-right: 15px;
	color: #585858;
}

.SearchResultsColumn1, .SearchResultsColumn2, .SearchResultsColumn3, .SearchResultsColumn4 {
	height: 40px;
	border-top: 1px solid #e3e3e3;
}

.SearchResultsColumn1{
	text-align:left;
	vertical-align: middle;
	width: 30px;
	}

.SearchResultsColumn1 img {
	margin-left: 8px;
	}

.SearchResultsColumn2 {
	width: 150px;
	text-align: left;
	vertical-align: middle;
}
.SearchResultsColumn3 {
	width: 330px;
	text-align: left;
	border-left: 1px solid #e3e3e3;
	
}
/*.SearchResultsColumn4 {
	border-left: 1px solid #e3e3e3;
	width: 70px;
	text-align: right;
	vertical-align: top;
	}*/

/* Alternating backgrounds for posts, and several other sections of the forum. */
td.windowbg {
padding: 0; }

.windowbg
{
	color: #585858;
	background-color: #fff;
	
	
}
.windowbg2
{
	color: #585858;
	/*background-color: #f3f3f3;*/ /*changed by planetsoft*/
	background-color: #fff;
}

.windowbg3  /*changed by planetsoft*/
{
	color: #515151;
	background-color: #fff;
	border-bottom: 1px solid #e3e3e3;
	}

.windowbgpost  /*changed by planetsoft*/
{
	color: #585858;
	background-color: #fff;
	border-top: 1px solid #e3e3e3;
	
}
.windowbg2post /*changed by planetsoft*/
{
	color: #585858;
	background-color: #fff;
	border-top: 1px solid #e3e3e3;
	
}

td.MoveMergeTopic {
	color: 585858;
	padding: 15px 15px 20px 18px;
	}

td.mergetable {
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	padding: 5px 0 5px 0;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, .titlebg a:link, .titlebg a:visited
{
	color: #333;
	font-style: normal;
	font-weight: bold;
	background: #fff;
}

/* Planetsoft changes*/

.titlebg, .titlebg1 {
	padding: 15px 10px 15px 20px;
}

tr.titlebg td {
  color: #ff6200;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	background-color: #f3f3f3;
	padding: 15px 10px 15px 20px;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

tr.titlebg1 td {
  color: #ff6200;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	background-color: #f3f3f3;
	padding: 15px 10px 15px 20px;
	border-top: 1px solid #e3e3e3;
	
}

.titlebg a:hover
{
	color: #333;
	text-decoration: underline;
}
tr.titlebgwhite td {
  color: #585858;
	font-style: normal;
	font-weight: bold;
	background-color: #ffffff; 
	padding: 10px 10px 10px 10px; 
	
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg
{
	background: #f3f3f3;/*changed by planetsoft*/
}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{
	background: #f3f3f3;/*changed by planetsoft*/
}

.catbg, .catbg2
{
	font-weight: bold;
	color: #585858;
}

td.catbg {
	height:44px; 
	border-top:1px solid #e3e3e3;
} 

.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited {
	color: #333;
	font-weight: bold;
}
/*added by Planetsoft*/
.blogtitle {
	padding: 2px 5px 5px 12px; 
	font-weight: bold;
	}
	
.blogtext {
	padding: 2px 5px 5px 12px;
	}
	
a.bloglink, a.edit, a.bloglink:hover, a.edit:hover, a.bloglink:visited, a.edit:visited {
	font-weight: normal; 
	color: #ff6200; 
	font-variant: small-caps; 
	font-size:10px;
	}
	


.blogtable{
	border-bottom: 1px solid #e3e3e3;
	}

/*end*/

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
/*changed by planetsoft*/
.bordercolor {
	margin: 0;
	background-color: white;
	border-top: 10px solid #e3e3e3;
	border-left: 10px solid #e3e3e3;
	border-right: 10px solid #e3e3e3;
	/*border-bottom: 10px; */
	width: 540px;
	}
	
.bordercolor1 {
	margin: 0;
	background-color: white;
	border-top: 10px solid #e3e3e3;
	border-left: 10px solid #e3e3e3;
	border-right: 10px solid #e3e3e3;
	width: 540px;
	
	}
	
.bordercolor2 {
	margin: 0;
	background-color: white;
	border-left: 10px solid #e3e3e3;
	border-right: 10px solid #e3e3e3;
	width: 540px;
	
	}
	
.bordercolor3 {
	margin: 0;
	background: #f3f3f3;
	/*border-bottom: 10px solid #e3e3e3;*/
	border-left: 10px solid #e3e3e3;
	border-right: 10px solid #e3e3e3;
	height: 44px;
	width: 540px;
	
	}
	
.bordercolor4 {
	margin: 0;
	background-color: white;
	border: 1px solid #e3e3e3;
	}
	
.poststabletitle td{
	color: #575757; 
	background: #f3f3f3; 
	border-top: 1px solid #e3e3e3; 
	border-bottom: 1px solid #e3e3e3;
	}

table.poststable {
	margin-left: 30px;
	
}	
.posttitle td, .posttitle a{
	color: #575757;
	}
	

div.posttext{
	color: #575757;
	text-align: justify;
	
	
	margin: 12px 0px 0px 0px;
	min-height: 80px;
	overflow: auto;
	
	
	}

div.posttext {
 width: 350px;
}
div[class] .posttext { 
	height:auto; 
	}

/* youtube embed video style for posts*/
div.posttext embed, div.posttext object{
  margin-top:5px;
  margin-bottom:5px;
  margin-left:0px;
  margin-right:0px;
  width:350px;
  height:288px;
}


div.posttext p, div.posttext pre, div.posttext h1, div.posttext h2, div.posttext h3, div.posttext h4, div.posttext h5, div.posttext h6{
	margin-top: 0;
	margin-bottom: 1em;
}

span.postdate, div.postdate {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #575757;
	margin: 0 5px 6px 0;
}

span#modbuttons {
 	margin-left: 40px;
	
}

#modbuttons a{
 color: #575757;
 font-weight: normal;
 margin-bottom: 20px;
 font-size: 11px;
 }
 
#modbuttons a:hover{
 color: #575757;
 }

span#pagenav {
	font-family: MyriadPro Regular, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
} 

div.posts {
	color: #c2c2c2;
	text-align: justify;
	margin: 0px 15px 0px 5px;
	font-size: 12px;
	width: 480px;
  overflow:hidden;
	}

div.posts a{
  color:#FF6200;
}

span.smalltext{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #575757;
}

div.avatardiv {
	overflow: auto; 
	padding-top: 15px;
}
	
div.postnum {
	color: #575757;
	font-weight: bold;
	font-size: 11px;
	}
	
div.username {
	padding-top: 5px;
	}

div.username a{ 
	color: #575757;
	font-weight: bold;
	font-size: 11px;
	}
	
tr.underline td {
	border-bottom: 1px solid #eee;
	}

/* This is used on tables that should just have a border around them. */
table.tborder
{
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	background-color: #FFFFFF;
	padding: 0px; /*changed by planetsoft*/
	width: 100%;
}

div.tborder {
	border: 1px solid #eee;
	background-color: #FFFFFF;
	padding: 1px;
	width: auto !important;
	width: 100%;
}

div.tborder td.catbg {
padding: 8px 5px 3px 5px;
}

table.tborder2 {
	border: 1px solid #eee;
	background: #fff;
}

table.tborder2 td {
	padding: 1px;
}

tr#navbuttons td { 
	padding: 7px 5px 2px 5px;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #585858;
}

.smalltextbg
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea /*changed by planetsoft*/
{
	background-color: white;
	border: none;
	/*border-bottom: 1px solid gray;*/
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
	background-color: #D4D4D4;
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
	color: black;
	background-color: white;
	border-top: 1px solid gray;
}

/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles
{
	background-color: #6B8EAE;
	border: 1px solid #6B8EAE;
	height: 12px;
}
.headerbodies
{
	border: 1px solid #7A7777;
	background-color: #EFEFEF;
	background-repeat: repeat-x;
	background-position: bottom;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	width: 100%;
	overflow: auto;
	line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
	width: 100%;
	overflow: auto;
	padding-bottom: 3px;
	line-height: 1.3em;
}
/* No image should have a border when linked */
a img{
	border: 0;
		
}

a:hover img {
	text-decoration: none:
}

img { border: 0 none; }
table.messagetable {
	border-bottom: 4px solid #ddd;
}


/* The AJAX notifier */
#ajax_in_progress
{
	background: #32CD32;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	padding: 3px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}


td.middletext
{
    font-size: 11px;
}


tr.top
{
	padding-top: 15px;
}


a.tabMenu
{
	color: #555555;
}