@font-face {
    font-family: "Oceania";
    src: local("Oceania"), url("fonts/oceania.ttf") format("truetype");
	font-style: normal;
	/*src: local("Calibri"), url("CALIBRI.ttf") format("truetype");*/
}



html {
  height: 100%;
  margin-bottom: 0px;
}

form {
  margin: 0;
  padding: 0;
}

img,table {
	border: none;
}

body {
	font-family: Calibri, Lucida Sans, Verdana, Helvetica, Tahoma, Arial, sans-serif;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #8c8c8c;
	background-color:#060606;
	padding: 0;
	padding-top:8px;
	/*background-image: url(http://content.zebrana.net/global/images/woody.jpg);*/
	background-repeat:repeat;
}

body.contentpane {
	background: #FEFEFE;
}

p {
	margin-top: 0;
	margin-bottom: 5px;
	text-align: justify;
}

.contentpaneopen p {
	margin: 8px 160px 0 40px ;
	font-size:16px;
	color: #8c968c;
	line-height:19px;
}

td.artcontent {
	padding-left:80px;
}

a:link, a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #999;
	outline: none;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
}

input  {
	color: #ccc;
	padding: 2px;
	border: 1px solid #333;
	background: #222;
}

button {
	color: #583d2f;
	font-size: 11px;
	border: 1px solid #339fb7;
	background: #c7eef9;
	cursor: pointer;
}

.inputbox {
	border: 1px solid #333;
	color: #ccc;
	padding: 2px;
	background: #222;
}

.inputbox:hover {
	background: #313131;
}

#modlgn_remember.inputbox  {
	background: none;
	border: none;
}

input.button, .validate  {
	color: #ccc;
	font-size: 11px;
	border: 1px solid #333;
	background: #222;
	cursor: pointer;
}

input.button:hover, .validate:hover  {
	background: #313131;
	cursor: pointer;
}

.search input.button {
	text-align: right;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#page_bg {
	background:transparent;
}

#header {
	width: 940px;
	height: 266px;
	margin: 0 auto;

}

#greenframe {
	background-color:transparent;
	margin: 0 auto 0 auto;
	max-width:1200px;
	width:100%;
	background-image:url(../images/landscapes/curtains.jpg);
}

#landscape {
	background-image:url(http://content.zebrana.net/global/images/frame.png);
	z-index:-2;
}

#zebralogo {
	display:inline;
	margin:none;
	padding:none;
	width:100%;
	height:100%;
}

#headerimg {
	margin-bottom:30px;
	margin-left:15px;
	position:relative;
	display:block;
	width:180px;

}

#jflanguageselection {
	position:relative;
	bottom:10px;
	left:100px;
	}
	
#jflanguageselection span {
	margin-right:10px;
	}

#active_language {
	border-bottom:dotted 1px #fff;
	}


#newsflash {
	float: left;
	width: 540px;
}

#newsflash div.module div div div {
	text-align: left;
}

#newsflash div.module div div div h3 {
	background: url(http://content.zebrana.net/templates/greenray/images/newsflashh3.jpg) top left no-repeat;
	height: 25px;
	line-height: 26px;
	padding: 0 0 0 8px;
	color: #999;
	font-family: Verdana, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

#newsflash div.module div div div table.contentpaneopen {
	color: #999;
	margin: 6px 0 0 0;
	text-align: justify;
}

#newsflash div.module div div div table.contentpaneopen td {
	padding: 0 10px;
}

#zeb-top-border {
	margin:0 auto 0 auto;
	width:1200px;
	height:6px;
	background-image: url(images.png);
	background-position:0 0;
}

#zeb-bottom-border {
	margin:0 auto 0 auto;
	width:1200px;
	height: 6px;
	background-image: url(images.png);
	background-position:0 -6px;
}

#wrapper {
	width: 1200px;
	margin: 0 auto;
	padding: 0;
	/*background-image: url(images/articles.png);
	background-position:0 -13px;
	background-repeat:repeat-y;*/
}

#holder {
	/*background: url(images.png) 0 0  no-repeat;*/
}

div.center {
	text-align: left;
	background-image: url(../images/content_middle.jpg);
	background-repeat: repeat-y;
}

#content {
	width: 1180px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

#logo {
	padding: 0;
	text-align: left;
	margin: 0 auto;
	width: 800px;
	height: 20px;
}

#logo a, #logo a:link, #logo a:hover {
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	font-size: 20px;
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
	color: #ccc;
	text-decoration: none;
	outline: none;
	line-height: 40px;
}

.pill_m {
	text-align: center;
	padding: 0;
	height: 38px;
	margin: 0 auto;
}

#pillmenu {
	margin: 0 auto;
	width: 940px;
	padding-left:460px;
}

#pillmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#pillmenu li {
	float: left;
	margin: 0 10px;
	padding: 0;
	height: 38px;
	background: url(http://content.zebrana.net/templates/greenray/images/menu_li.jpg) top right no-repeat;
}

#pillmenu li:hover {

}

#pillmenu li a#active_menu-nav {
	color: #738349;
}

#pillmenu li a {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 12px;
	float: left;
	display: block;
	line-height: 34px;
	padding: 0 20px;
	color: #e4e4e4;
	text-decoration: none;
	font-weight: normal;
	background: url(http://content.zebrana.net/templates/greenray/images/menu_li_a.jpg) top left no-repeat;
}

#pillmenu li a:hover {
	color: #738349;
}

#leftcolumn {
	margin: 0;
	width: 190px;
	float: left;
	padding: 0 0 10px 0;
	text-align: left;
}

#rightcolumn {
	margin: 0;
	width: 190px;
	float: left;
	padding: 0 0 10px 0;
	text-align: left;	
}

div#maincolumn {
	float: left;
	width: 520px;
	margin: 0;
	padding: 0 10px;
}

div#maincolumn_full {
	float: left;
	width: 980px;
	margin: 0;
	padding: 0 0 0 10px;
}

div.nopad {
	overflow: hidden;
	padding: 0;
}

div.nopad ul {
	clear: both;
}

td.middle_pad {
	width: 20px;
}

#banner_l {
	text-align: left;
	padding: 0 0 0 24px;
}

#validation {
	width: 280px;
	margin: 0 auto;
	text-align: center;
}

#validation a {
	color: #8e8e8e;
	font-size: 11px;
	text-decoration: underline;
	padding: 0 2px;
}

#validation a:hover {
	color: #8e8e8e;
	padding: 0 2px;
	text-decoration: none;
}

#footer {
	margin: 0 auto;
	width: 900px;
	text-align: center;
	vertical-align: top;
	padding: 4px 14px 0 14px;
	height: 32px;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

/* headers */
h1.componentheading {
	text-align:left;
	margin: 10px 0px 10px 600px;
	font-size:18px;	 
}

table.blog {
	
}

h1 {
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	width: 100%;
}

h2, .contentheading {
	padding: 0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	color: #738349;
	text-align: left;
	font-weight: bold;
}

h2, a.contentheading {
	background: none;
	border: none;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

h4 {
	font-family: Tahoma, Arial, sans-serif;
	color: #333;
}

h3, .componentheading, table.moduletable th, legend {
	margin: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #738349;
	padding: 0;
}
/* small text */
.small {
	font-size: 10px;
	color: #999;
	font-weight: bold;
	text-align: left;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-size: 10px;
	color: #999;
	font-weight: bold;
	text-align: right;
}

.createdate {
	vertical-align: top;
	font-size: 10px;
	color: #999;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 8px;
}

a.readon {
	display: block;
	float: right;
	line-height: 14px;
	font-size: 11px;
	text-decoration: underline;
	padding: 1px 2px 1px 2px;
	color: #999;
	text-transform: lowercase;
}

a.readon:hover {
	text-decoration: none;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
	background-color: #f1f1f1;
	color: #333;
}

.ol-background {
	background-color: #f1f1f1;
	color: #333;
}

.ol-textfont {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}

.ol-captionfont {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	background-color: #f1f1f1;
	color: #333;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	padding-left: 5px;
}

a.mainlevel:hover {
	text-decoration:none;
}

/* spacers */
span.article_separator {
	display: block;
	height: 20px;
}

.article_column {

}

.column_separator {
	
}

td.buttonheading {
	text-align: right;
	width: 0;
}

.clr {
	clear: both;
}

table.blog span.article_separator {
	display: block;
	height: 20px;
}



/* table of contents */
table.contenttoc {
  margin: 5px;
  padding: 5px;
  background: none;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  color: #999;
  font-weight: bold;
  padding: 4px;
}

tr.sectiontableentry1 td {
	padding: 4px;
	background: #111;
}

tr.sectiontableentry0 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
  color: #8e8e8e;
  font-size: 11px;
}


/* content styles */
.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
}

table.contentpane td{
	text-align: left;
}

table.contentpane td.contentdescription {
	width: 100%;
}

table.contentpane  {
	text-align: left;
	float: left;
	width: 100%;
	margin: 8px;
}

table.contentpane ul li a .category {
	color: #FF8800;
}

table.contentpane ul li {
	color: #444;
}

table.contentpaneopen {
	margin: 0 4px;
	border-collapse: collapse;
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #669933;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table.contentpaneopen h4 {
	font-family: Tahoma, Arial, sans-serif;
	color: #669933;
}

.highlight {
	background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
	margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 25px;
}

div.module_menu, div.module, div.module_mainmenu {
	margin: 0;
	padding: 0;
}

div.module_menu div div, div.module div div, div.module_mainmenu div div {
	/*margin-bottom: 14px;*/
	padding: 0 0 10px 0;
}

div.module_menu div div div, div.module div div div, , div.module_mainmenu div div div {
	padding: 0;
	width: auto;
	margin: 0;
	text-align: center;
}

div.module_menu div div div div, div.module div div div div, , div.module_mainmenu div div div div {
	background: none;
	padding: 4px 8px;
}

div.module div div div form {
	padding: 4px 0 0 0;
	margin: 0 auto;
	text-align: left;
}

div.module_menu ul, div.module_mainmenu ul {
	list-style: none;
	padding: 0;
}

div.module_menu ul li{
	margin: 0;
	padding: 0;
}

div.module_mainmenu a {
	height: 24px;
	width:146px;
	display:block;
	background-image: url(images.png);
	background-position:0 -12px;
	padding: 10px 0px 0 0;
	text-align:center;
	color:#aaa;
	font-size:1.5em;
	text-decoration:none;
	}

div.module_mainmenu a:hover {
	background-position: -169px -12px;
	color:#fff;
	}

div.module_mainmenu table {
	width:150px;
	margin: 10px auto 0 auto;
}

li a#active_menu-nav {
		color: #738349;
	}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
	font-weight: bold;
	background: transparent url(http://content.zebrana.net/templates/greenray/images/blue/bullet2.jpg) top left no-repeat;
	padding: 2px 0;
	line-height: 24px;
}

.mod_login a {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	list-style-type:none;
	text-decoration:none;
	list-style-image:none;
		}
		
.mod_login a:hover {
	color:#aaa;
	}		
		
div.module_mainmenu li a:hover {
	color: #738349;
		text-decoration: none;
}
#leftcolumn div.module table ,#rightcolumn div.module table {
	
}

#leftcolumn div.module table.poll {

}

#leftcolumn div.module table.poll td {
	text-align: left;
}

/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3 { 	
	color: #d2d2d2;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	height: 40px;
	width: 182px;
	text-decoration: none;
	padding: 0 0 0 8px;
	background: url(images.png) 0 -46px no-repeat;
	font-weight: bold;
	line-height: 25px;
}

#leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c, 
#rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c {
	margin: 0 0 16px 0;
	padding: 0 0 8px 0;
}

#leftcolumn ul.menu, #rightcolumn ul.menu {
	margin: 0 auto;
	padding: 0 0 4px 0;
	list-style: none;
	width: 174px;
	text-align: left;
}

#leftcolumn ul.menu li, #rightcolumn ul.menu li {
	margin: 0;
	padding: 0;
	display:list-item;
}

#leftcolumn ul.menu li:hover, #rightcolumn ul.menu li:hover {

}

#leftcolumn ul.menu li ul li, #rightcolumn ul.menu li ul li{
	border-bottom: none;
}

/*LEFT COL LINK*/
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 22px;
	height: 22px;
	padding: 0 0 0 12px;
	text-decoration: none;
	color: #8e8e8e;
	margin: 0;
	display: block;
}

#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
	color: #fff;
}

/*LEFT COL CURRENT LINK*/
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link, 
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
	line-height: 22px;
	height: 22px;
	padding: 0 0 0 12px;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	font-size: 11px;
	margin: 0;
}

#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
	
}

/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
	text-decoration: none;
	color: #8e8e8e;
	margin: 0;
	font-size: 11px;
	font-weight: normal;
	display: block;
	line-height: 22px;
	padding: 0 0 0 22px;
	border: none;
	height: 22px;
}

#leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {
	font-size: 11px;
	margin: 0;
	padding: 0 0 0 22px;
	text-decoration: none;
	border: none;
	color: #FFF;
	height: 22px;
	line-height: 22px;
}

#leftcolumn ul.menu li.parent ul li a {
	border: none;
	color: #8e8e8e;
	font-size: 11px;
	height: 22px;
	line-height: 22px;
	margin: 0;
	padding: 0 0 0 22px;
	text-decoration: none;
	display: block;
	font-weight: normal;
}

#leftcolumn ul.menu li.parent ul li a:hover {
	color: #FFF;
}

/*SUBMENU POSITION*/
#leftcolumn ul.menu li#current ul {
	margin: 0;
	padding: 0;
}

#leftcolumn ul.menu li#current ul li {
	margin: 0;
	padding: 0;
}

/*CURRENT SUBMENU POSITION*/
#leftcolumn ul.menu li ul {
	margin: 0;
	padding: 0;
}

#leftcolumn ul.menu li#current ul li a:hover {
	color: #FFF;
}

#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
	list-style: none;
}

/* forms */
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
	margin: 6px 0;
	padding: 0;
	list-style: none;
}

#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
	margin: 0;
	padding: 0 2px;
}

table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

form#form-login fieldset { 
	border: 0 none; 
	margin: 0; 
}
form#form-login ul li{ 
	padding: 0; 
}

form#form-login ul li a {
	text-align: left;
	padding: 0;
	font-size: 10px;
	color: #8e8e8e;
}

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #333; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #333; text-align: center; }

/* Parameter Table */
table.paramlist {
	margin-top: 5px;
}

table.paramlist td.paramlist_key {
	width: 128px;
	text-align: left;
	height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem {
}

/* Text advert style */

.banneritem_text {
	padding: 4px;
	font-size: 11px;
}

.bannerfooter_text {
	padding: 4px;
	font-size: 11px;
	text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
	text-align: left;
}

/* Frontend Editing*/
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 4px;
}

legend {
	margin: 0;
	padding: 0 10px;
}

td.key {
	border-bottom:1px solid #eee;
	color: #333;
}

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(images.png) 190px -46px no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* System Standard Messages */
#system-message dd.message ul { 
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}

/* System Error Messages */
#system-message dd.error ul { 
	color: #c00; 
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

/* System Notice Messages */
#system-message dd.notice ul { 
	color: #c00; 
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

#system-message dd {
	text-indent: 0;
}

#system-message dd ul {
	list-style-type: none;
	color: #c00; 
	background: none;
	border: none;
}

#system-message {
	margin-top: 5px;
}



/* ****************************************************************************** */
/* blue */
input[type="checkbox"], input[type="radio"]{
   background: none;
   border: none;
}

/* -------------------------- */
#footer {
	color: #8e8e8e;
	font-family:"Courier New", Courier, monospace ;
	text-decoration: none;
	background: none;
	margin-top:25px;
	padding: 0;
	text-align:center;
}
#footer #sgf a.sgfooter:hover {
	color: #8e8e8e;
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
	background: none;
	padding: 0;
}
#sgf {
	font-size: 11px;
	text-align: center;
	margin: 0 auto;
	color: #8e8e8e;
}
.sgf {
	text-align: right;
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	color: #8e8e8e;
	text-decoration: none;
}
.sgf1 {
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	color: #8e8e8e;
	text-align: left;
}

a.sglink:link, a.sglink:visited {
	color: #8e8e8e;
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
}
a.sglink:hover {
	color: #8e8e8e;
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
	}
	

/**
 * Joom!Fish - Multi Lingual extention and translation manager for Joomla!
 * Copyright (C) 2003-2009 Think Network GmbH, Munich
 */


#jflanguageselection
{
    float: right;
	margin: 15px 0px 10px 5px;    
}

/* language lists with UL (names & images) */
#jflanguageselection ul.jflanguageselection
{
	list-style: none;
	padding: 0;
	margin-top: 3px;
	font-weight: normal;
}

#jflanguageselection ul.jflanguageselection li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 1px 1px 1px 1px;
	white-space: nowrap;
	border: none;
	font-size: 0.9em;
}

#jflanguageselection ul.jflanguageselection li#active_language
{
 	font-weight: bold;
	font-size: 1.0em;
}

#jflanguageselection ul.jflanguageselection li a
{
	display: block;
}

#jflanguageselection ul.jflanguageselection img
{
	border: none;
}

div#jflanguageselection img.langImg {
	float: left;
	border: none;
	margin-top: 3px;
}
div#jflanguageselection li img.langImg {
	float: left;
	border: none;
	margin: 0px 1px 0px 1px;
}

/** Styles for the drop down list */

#jflanguageselection select.jflanguageselection
{
	border: 1px solid #cccccc;
}

#jflanguageselection label.jflanguageselection
{
	position:absolute;
	left:-1000px;
}

/** Controls Raw Display of Images **/

.rawimages {
	text-align: center;
	margin-top: 3px;
}
.rawimages img {
	border: none;
	margin:2px;
}
.rawimages span#active_language img
{
	margin:2px;
	border: none;
}

div#jflanguageselection img.langImg{ float: left; border: none; margin-top: 3px; }
div#jflanguageselection li img.langImg{ float: left; border: none; margin: 1px 3px 0px 0px; }

#jflanguageselection .opaque{
	filter:alpha(opacity=30);
}
#jflanguageselection option.opaque{
	color:graytext;
}

/* content plugin styles */
.jcomments-links {margin-top: 10px; clear:both; text-align: left}
.comment-link, .readmore-link{padding: 0 5px 5px 14px;background-image: url(../images/comments/jc_blog.gif);background-repeat: no-repeat}
.comment-link {background-position: 0 -27px}
.readmore-link {background-position: 0 2px}
	
/* JComments common styles */
#jc {margin-top:35px;}
#jc a:link, #jc a:visited, #jc a:hover {outline: none} 
#jc .clear {clear: both; height: 1px; overflow: hidden}
#jc .busy { display:none; margin: 3px auto; padding: 0; width: 16px; height: 16px; background: url(../images/comments/jc_busy.gif) no-repeat; }

#jc h4 {display:none; color: #ccc; background-color: #111b11; font-weight: bold; text-align: left;border: 1px solid #000;padding: 4px 0 4px 12px; margin-bottom: 10px;}

#jc p.message {color: #777;background-color: inherit; background-image: none; text-align: center;text-decoration: none;text-transform: none;text-indent: 0;padding: 5px 0 0 0;border-top: 1px solid #D2DADB}

#comments {margin: 60px 0 0 0; padding: 0;width: 100%;text-align: left;text-decoration: none;text-transform: none;text-indent: 0}
#comments a {color: #849B9F;background-color: inherit;font-weight: normal;text-decoration: none}
#comments a:active, #comments a:focus, #comments a:hover {color: #cc0000}
#comments a[rel*=external] {background: url(../images/comments/jc_link.gif) no-repeat center right;padding: 0 10px 0 0;margin: 0 2px}

/* RSS and Refresh*/
#comments .rss, #comments .refresh, #comments .subscribe {padding: 0 0 0 14px;margin: 0 0 0 2px;border: none}
#comments .rss {background: url(../images/comments/jc_rss.gif) no-repeat center left}
#comments .refresh {background: url(../images/comments/jc_refresh.gif) no-repeat center left}
#comments .subscribe {background: url(../images/comments/jc_subscribe.gif) no-repeat center left}
#comments h4 .rss, #comments h4 .refresh {padding: 0 0 0 10px;margin: 0 0 0 5px;display: inline}

/* List footer */
#comments-list-footer {margin: 0 0 10px 20px}

/* Show/hide form */
#comments-form-link .showform {margin: 5px 0 0 22px;padding: 0 0 5px 14px;background: url(../images/comments/jc_blog.gif) no-repeat 0 -28px;border: none;font-weight: bold;display: block}

/* Comment */
#comments .comment-box {margin: 0;padding: 0; background-color: #111b11;}
#comments .comment-avatar {float: left;margin: 0;padding: 0}
#comments .avatar-indent {padding-left: 40px}

#comments .comment-anchor {color: #777; text-decoration: none; border: none}
#comments .comment-author, #comments .author-homepage {color: #777;font: bold 1.4em Calibri, Lucida Sans, Verdana, Sans, Sans-Serif; margin-right: 25px;padding: 0}
#comments .author-homepage {text-decoration: none; border-bottom: 1px dotted #3c452d}
#comments .comment-title {color: #b01625;font: bold 1em Verdana, Arial, Sans-Serif;margin: 0;padding: 0}

/* Avatar */
#comments .comment-avatar img {width: 32px}

/* Date and Time*/	
#comments .comment-date {font-size: 10px;color: #999;margin: 0;padding: 0 0 0 12px;background: url(../images/comments/jc_date.gif) no-repeat center left}
#comments .comment-body {font-size:1.4em;color: #aaa;margin: 2px 0 0 15px;padding:16px 25px 4px 15px; border-top:dotted 1px #444;}

/* Quote, Code and Hidden block styles */
#comments .quote, #comments blockquote, #comments .code, #comments code, #comments pre {margin: 5px 0 5px 10px; display: block; clear: both; background-image: none}
#comments blockquote, #comments .hidden, #comments code, #comments pre {color: #849B9F;text-align: left;padding: 8px;margin-bottom: 8px}
#comments blockquote, #comments .hidden {border: 1px dashed #849B9F}
#comments code, #comments pre {border: 1px solid #dedede;overflow: hidden;white-space:normal}
#comments .code {background: none; border: none; padding:0}
#comments .quote {color: #777}
#comments .hidden {clear: both;display: block;margin: 5px 0}

/* Quote and Reply to buttons panel */
#comments .comments-buttons {height: 15px;float: right}

#comments .email, #comments .emailactive {font: normal 1em Verdana, Arial, Sans-Serif; text-decoration: none; white-space: normal; margin: 0; padding: 0; line-height: 10px; cursor: pointer; border-bottom: 1px dotted #999}
#comments .email {color: #444; background-color: inherit}
#comments .emailactive {color: #cc0000; background-color: inherit}
#comments .email img, #comments .emailactive img {padding: 0}

#comments p {font: normal 1em Verdana, Arial, Sans-Serif;margin: 5px 5px 5px 0;	padding: 0; text-decoration: none; text-transform: none; text-indent: 0}

#comments .comment-body img {padding: 0; border: 0 none}
#comments .comment-body .img {padding: 4px 0 !important; max-width: 500px}
#comments .toolbar {clear: both;color: #ccc;border-top: 1px solid #ccc;margin: 8px 0 0 0;padding: 5px 0 0 0}
#comments .toolbar img{cursor: pointer; padding: 0; margin: 0}

/* Comments list */
#comments .comments-list {margin-left: 20px;height: 1%}
#comments .even, #comments .odd {background-image: none;color: #3c452d; margin-left: 0px;margin-bottom: 10px;padding: 0}

#comments-list .comments-inline-edit {padding: 5px; margin: 5px 0; color: inherit;background-color: #fff;border: 1px solid #ccc}

/* Comment form */
#comments-form {margin-left:50px;}
#comments-form, #comments-form p, #comments-form .comments-policy, #comments-form span, #comments-form .counter {text-align: left;text-decoration: none;text-transform: none;text-indent: 0}
#comments-form p, #comments-form span, #comments-form .counter {color: #777;font: normal 1em Verdana, Arial, Sans-Serif}
#comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error {font: normal 1em Verdana, Arial, Sans-Serif;margin-left: 20px !important;margin-top: 10px;margin-bottom: 8px;overflow: hidden;padding: 0}

#comments-inline-edit {border: 1px solid #ccc;margin: 5px 0 0 0;background: transparent;}
#comments-inline-edit #comments-form p, #comments-inline-edit #comments-form #comments-form-buttons,
#comments-inline-edit #comments-form-error {font: normal 1em Verdana, Arial, Sans-Serif;margin-left: 5px !important;margin-left: 5px;margin-top: 5px;margin-bottom: 2px;padding: 0}

#comments-form div.comments-policy {color: #777; background-color: inherit; border: 1px dotted #ccc; margin-left: 20px !important; margin-left: 20px; margin-top: 5px; margin-bottom: 5px; padding: 5px}
#comments-form div.comments-policy ol, #comments-form div.comments-policy ul {margin: 0;padding: 5px 0 0 20px;line-height: 5px}
#comments-form div.comments-policy ol li,
#comments-form div.comments-policy ul li {font: normal 1em Verdana, Arial, Sans-Serif; margin: 0;padding: 0;border: none;line-height: 5px}

#comments-form img.smile {margin: 0 3px 3px 0;padding: 0;border: none;cursor: pointer}
#comments-form img.captcha {padding: 0;margin: 0 0 3px 0;border: 1px solid #ccc}
#comments-form span.captcha {padding: 0 0 0 12px; color: #777; background: url(../images/comments/jc_refreshg.gif) no-repeat 0 2px;cursor: pointer}
#comments-form label {color: #777; background-color: inherit; line-height: 1.5em; padding: 0; margin: 0; vertical-align: middle}
#comments-form input, #comments-form textarea {color: #777; background-color: #111; padding: 0; border: 1px solid #ccc}
#comments-form input {width: 170px;margin-bottom: 2px;height: 1.5em}
#comments-form input.selected, #comments-form textarea.selected {color: #aaa;background-color: #111;border: 1px solid #849B9F}
#comments-form input.error, #comments-form textarea.error {border: 1px solid #f00;text-decoration:none;text-transform:none;background-color: #ffffe0}

#comments-form input.checkbox {width: 16px; line-height: 1.5em; padding: 0; margin: 0; vertical-align: middle; border: none}
#comments-form input.captcha {width: 116px; margin: 3px 0 5px 0}
#comments-form textarea {max-width: 600px !important;margin:0; background-color:#111; color:#777; padding:6px;}

#comments-form #comments-form-message, #comments-inline-edit #comments-form-message {padding: 5px 5px 5px 25px;margin-right: 5px;display: block}
.comments-form-message-error {background: #FFD86F url(../images/comments/jc_error.gif) no-repeat 4px 50%}
.comments-form-message-info {background: #DFEEFF url(../images/comments/jc_info.gif) no-repeat 4px 50%}

#comments-form .counterpanel {height:13px;display:block;overflow:hidden;color: #ccc;padding: 0;margin:0;border:1px solid #ddd;border-top-width:0;max-width: 400px !important;width: 350px;background-color: #eee}

#comments-form .grippie {height:13px;display:block;overflow:hidden;color: #ccc;padding: 0;margin:0;border:1px solid #ddd;border-top-width:0;max-width: 400px !important;width: 350px;cursor:s-resize;background: #eee url(../images/comments/resize.gif) no-repeat right center}
#comments-form .grippie .counter {font-size: 10px;padding: 0; margin: 0}
#comments-form .grippie span {display:block;float:left}
#comments-form .grippie span span {display:inline;float:none}

#comments-form .btn {float: left}
#comments-form .btn {background: url(../images/comments/jc_btnl.gif) no-repeat; margin-right: 5px}
#comments-form .btn div {}
#comments-form a.btn {
color:#777;
background-color:transparent;
border:1px solid #222222;
display:block;
padding:4px 4px 2px;
text-align:center;
text-decoration:none;
width:85px;
position:relative;
left:450px;
}
#comments-form a.btn:hover {background-color:#004000; color: #aaa;}
#comments-form-smilespanel {display: none;cursor: pointer;padding: 2px;max-width: 200px;background-color: #fff;border: 1px solid #ccc;overflow: auto;left: 0;top: 0;position:absolute}
#comments-footer, #comments-footer a {color: #ccc !important; background-color: inherit; font: normal 9px Verdana, Arial, Sans-Serif !important}
#comments-footer {display: block;height: 14px;border-top: 1px solid #ccc;padding-top: 1px;margin-top: 4px;margin-bottom:12px;text-align: right}
#comments-footer a {text-decoration: none !important;text-transform: none;padding: 0;margin: 0;border: none !important;float: right; background: none !important}

/* Pagination */
body #jc #nav-bottom, body #jc #nav-top {line-height: 19px !important;line-height: 17px;height: auto !important;text-align: center}
#jc #nav-bottom span.page, #jc #nav-top span.page {color: #777;background-color: #eee;border: 1px solid #d6dadd}
#jc #nav-bottom span.hoverpage, #jc #nav-top span.hoverpage {color: #777;background-color: #e8e9ea;border: 1px solid #d6dadd}
#jc #nav-bottom span, #jc #nav-top span {color: #777;background-color: inherit;font-size: 10px;font-family: Arial, sans-serif;margin: 0 2px;height: 15px;padding: 2px 8px;cursor: pointer;vertical-align: top}
#jc #nav-bottom span.activepage, #jc #nav-top span.activepage {color: inherit;background-color: white}
#jc div#nav-bottom, #jc div#nav-top {position: relative;z-index: 2;width: 100%}
#jc div#nav-bottom {margin: 10px 0 0 0;padding: 0;background: url(../images/comments/jc_dot.gif) repeat-x top left}
#jc #nav-bottom span.activepage {border-bottom: 1px solid #d6dadd;border-left: 1px solid #d6dadd;border-right: 1px solid #d6dadd;border-top: 1px solid white}
#jc div#nav-top {margin: 10px 0;background: url(../images/comments/jc_dot.gif) repeat-x bottom}
#jc #nav-top span.activepage {border-top: 1px solid #d6dadd;border-left: 1px solid #d6dadd;border-right: 1px solid #d6dadd;border-bottom: 1px solid white}

/* Vote */
#jc span.comments-vote {width: 6em;height: 15px;float: right}
#jc span.comments-vote a{width: 15px;height: 14px;float: left;margin: 0 3px 0 0;display: block;background-repeat: no-repeat;background-image: url(../images/comments/jc_vote.gif);border: none !important; text-decoration: none}
#jc span.comments-vote .busy{margin: 0; float: right; width: 16px}
#jc .vote-good{background-position: 0 0}
#jc .vote-poor{background-position: -15px 0}
#jc span.vote-good,#jc span.vote-poor,#jc span.vote-none{margin: 0;float: right;font: bold 1em Verdana, Arial, Sans-Serif;line-height: 14px}
#jc span.vote-good{color: #339900}
#jc span.vote-poor{color: #CC0000}
#jc span.vote-none{color: #A9A9A9}

/* BBCode */
#jc span.bbcode{width: auto;height: 23px;display: block;margin-bottom: 5px}
#jc .bbcode a, #jc .bbcode a:focus, #jc .bbcode a:active, #jc .bbcode a:hover{width: 23px;height: 23px;float: left;margin: 0 2px 0 0;display: block;background-color:transparent !important;background-repeat: no-repeat;background-image: url(../images/comments/jc_bbcode.gif);text-decoration:none;border:none !important}
#jc a.bbcode-empty{background-position: 0 0}
#jc a.bbcode-b{background-position: -30px 0 !important}
#jc a.bbcode-i{background-position: -60px 0 !important}
#jc a.bbcode-u{background-position: -90px 0 !important}
#jc a.bbcode-s{background-position: -120px 0 !important}
#jc a.bbcode-url{background-position: -150px 0 !important}
#jc a.bbcode-img{background-position: -180px 0 !important}
#jc a.bbcode-list{background-position: -210px 0 !important}
#jc a.bbcode-hide{background-position: -240px 0 !important}
#jc a.bbcode-quote{background-position: -270px 0 !important}
#jc a.bbcode-smile{background-position: -300px 0 !important}
#jc a.bbcode-youtube{background-position: -330px 0 !important}
#jc a.bbcode-google{background-position: -360px 0 !important}
#jc a.bbcode-wiki{background-position: -390px 0 !important}
#jc span.bbcode img {width: 23px;height: 23px;float: left;margin: 0 2px 0 0}
#jc .custombbcode {width: 23px;height: 23px;float: left;margin: 0 2px 0 0;display: block;text-decoration:none;cursor: pointer}

/* Rounded comments */
.rbox {margin: 0;width:auto;overflow: hidden;}
.rbox div {text-align: left;margin: 0px}
.rbox_t {margin: 0;border-top: 1px solid #111;background-color:#111b11;}
.rbox_tl {background: url(../images/comments/jc_rb_tl.gif) 0 0 no-repeat;padding-left: 13px}
.rbox_tr {height: 10px;overflow: hidden;background: url(../images/comments/jc_rb_tr.gif) 100% 0 no-repeat;padding-right: 13px;}
.rbox_m {border-left: 1px solid #111;border-right: 1px solid #111;width: auto;padding: 0px 8px; background-color:#111b11;line-height: 100%;}
.rbox_b {margin-top: -5px;border-bottom: 1px solid #111;background-color:#111b11;height: 12px;line-height: 12px;}
.rbox_bl {background: url(../images/comments/jc_rb_bl.gif) 0 100% no-repeat;padding-left: 13px;}
.rbox_br {height: 13px;background: url(../images/comments/jc_rb_br.gif) 100% 100% no-repeat;padding-right: 13px;}

/**
 * @version		$Id: ccboard.css 188 2009-09-26 07:11:56Z thomasv $
 * @Project		ccBoard - Joomla! Bulletin Board Extension/Component
 * @author 		Thomas Varghese 
 * @package		ccBoard
 * @copyright	Copyright (C) 2008-2009 codeclassic.org. All rights reserved.
 * @license 	http://www.gnu.org/licenses/old-licenses/gpl-2.0.html GNU/GPL version 2
*/

/* COMMON  ------------------------------------------------------------------  */
div.ccbmaindiv 			{ overflow: hidden; padding: 0px; margin: 0px; word-break: keep-all; font-family:Calibri, Lucida Sans, Verdana, Sans; }
td a:link, td a:visited { text-decoration: none; }
.ccbheaderlink a {display:block; padding:3px; border: solid 1px #111; text-align:center; font-size:1.1em; font-family:Calibri, Lucida Sans, Verdana, Sans;}
.ccbheaderlink a:hover {text-decoration:none; background-color:#004000; color:#fff;}
td a:hover              { text-decoration: underline; }
span.textwhite          { color: white; font-weight:bold; }
table.ccbnormaltable 	{ table-layout: fixed; width:100%; border:none;  border-collapse: collapse;}
td.ccbtopleftgreen		{ background-image: url(../images/forum/rhleftgreen.gif); 	vertical-align:middle; height:28px; width:5px; padding: 0px; margin: 0px; } 
td.ccbtopmiddlegreen	{ background-image: url(../images/forum/rhgreen.gif); 		vertical-align:middle; height:28px; background-repeat: repeat-x; color:white; font-weight:bold; overflow: hidden; word-break: keep-all; padding: 0px; margin: 0px; vertical-align:middle;}
td.ccbtoprightgreen 	{ background-image: url(../images/forum/rhrightgreen.gif); 	vertical-align:middle; height:28px; width:5px; padding: 0px; margin: 0px; } 
td.ccbtopleftred		{ background-image: url(../images/forum/rhleftred.gif); 	vertical-align:middle; height:28px; width:5px; padding: 0px; margin: 0px; } 
td.ccbtopmiddlered		{ background-image: url(../images/forum/rhred.gif); 		vertical-align:middle; height:28px; background-repeat: repeat-x; color:white; font-weight:bold; overflow: hidden; word-break: keep-all; padding: 0px; margin: 0px; vertical-align:middle;}
td.ccbtoprightred		{ background-image: url(../images/forum/rhrightred.gif); 	vertical-align:middle; height:28px; width:5px; padding: 0px; margin: 0px; } 
td.ccbtopleftgray		{ background-image: url(../images/forum/rhleftgray.gif); 	vertical-align:middle; height:28px; width:5px; padding: 0px; margin: 0px; } 
td.ccbtopmiddlegray		{ background-image: url(../images/forum/rhgray.gif); 		vertical-align:middle; height:28px; background-repeat: repeat-x; color:white; font-weight:bold; overflow: hidden; word-break: keep-all; padding: 0px; margin: 0px; vertical-align:middle;}
td.ccbtoprightgray		{ background-image: url(../images/forum/rhrightgray.gif); 	vertical-align:middle; height:28px; width:5px; padding: 0px; margin: 0px; } 
td.ccbtopleftblue		{ background-image: url(../images/forum/rhleftblue.gif); 	vertical-align:middle; height:28px; width:5px; padding: 0px; margin: 0px; } 
td.ccbtopmiddleblue		{ background-image: url(../images/forum/rhblue.gif); 		vertical-align:middle; height:28px; background-repeat: repeat-x; color:white; font-weight:bold; overflow: hidden; word-break: keep-all; padding: 0px; margin: 0px; vertical-align:middle;}
td.ccbtoprightblue		{ background-image: url(../images/forum/rhrightblue.gif); 	vertical-align:middle; height:28px; width:5px; padding: 0px; margin: 0px; } 

td.ccbleftbody			{ background-image: url(../images/forum/rleftbody.png); 	width: 5px; background-repeat: repeat-y; padding: 0px; margin: 0px;}
td.ccbrightbody			{ background-image:url(../images/forum/rrightbody.png); 	width: 5px; background-repeat: repeat-y; padding: 0px; margin: 0px;}
td.ccbbotleft			{ background-image: url(../images/forum/rfl.gif); 			vertical-align:middle; height: 6px; width: 5px; padding: 0px; margin: 0px;}
td.ccbbotmiddle			{ background-image: url(../images/forum/rf.gif); 			vertical-align:middle; height: 6px; background-repeat: repeat-x; padding: 0px; margin: 0px;}
td.ccbbotright			{ background-image: url(../images/forum/rfr.gif); 			vertical-align:middle; height: 6px; width: 5px; padding: 0px; margin: 0px;}
td.ccblinetop 			{ border-top: dotted 1px gray; padding-top: 10px; padding-bottom: 4px; vertical-align: middle; overflow: hidden; word-break: keep-all; padding-left:15px;}
td.ccblinetop a {
	color:#fff; font-size:14px; position:relative; display:inline;
}

td.ccbheaderrow    		{ background-color:#111b11; height:40px; padding: 0px 0px 0px 0px;}
td.ccbheaderlink 		{ width: auto; vertical-align: bottom; padding:2px; }
td.ccbheaderusername 	{ width: 220px; text-align:right; overflow: hidden; word-break: keep-all; }
td.ccbheaderavatar 		{ width: 40px; }
td.ccbtopicicon			{ width: 30px; text-align: left; }
img.ccbiconimg			{ width: 27px; height: 27px; }

tr.ccbtablefooter		{ margin-bottom: 15px; }
td.ccbcolspacer			{ height: 15px; }
td.ccbdatacolumn		{ background-color: #111b11; padding: 0px; margin: 0px; color:#fff; }
div.ccbdvfooter			{ text-align:center; margin:auto; width: 100%; font-family: Arial, Verdana; font-size: 12px; color: orange; }


/* ForumList ------------------------------------------------------------------  */
td.ccbfrmlast  			{ width: 240px; text-align: left; border-top: dotted 1px gray; padding-top: 10px; padding-bottom: 4px; vertical-align: middle; overflow: hidden; word-break: keep-all; }
tr.ccbfrmrowheader 		{ background-color: #111b11; padding: 0px; margin: 0px; }
td.ccbfrmrowcol1		{ width: 30px; height: 60px; text-align: center; }
td.ccbfrmrowcol2		{ text-align: left; }
td.ccbfrmrowcol3		{ width: 100px; text-align: center; }
td.ccbfrmrowcol4		{ width: 100px; text-align: center; }
td.ccbfrmrowcol5		{ width: 160px; text-align: left; }
td.ccbfrmlinetop 		{ border-top: dotted 1px gray; padding-top: 10px; padding-bottom: 4px; text-align:center; vertical-align: middle; overflow: hidden; word-break: keep-all;}
td.ccbfrmrowcol6		{ width: 30px; text-align: center; }
td.ccbboardsummary      { background-color: #111b11; padding: 5px; margin: 0px;}
div.graphleft           { float:left;  padding-top: 5px;}
div.graphright          { float:left;  padding-top: 5px; padding-left:10px;}

/* Topic List ----------------------------- */
td.ccbtpkmenu 			{ vertical-align: bottom; }
td.ccbtpkmenucol		{ width: 500px; padding: 10px 0px 5px 0px; overflow:hidden; text-align: left; vertical-align: middle; }
td.ccbtpkmenucolbot		{ width: 500px; overflow:hidden; text-align: left; vertical-align: middle; }
td.ccbtpklinktext		{ width: 120px; text-align: left; vertical-align: middle; }
td.ccbtpkpages			{ width: auto; padding: 10px 0px 5px 0px; text-align: right; }
td.ccbtpkdetail    		{ background-color: #111b11; padding: 0px 0px 0px 0px; width: 100%;}
td.ccbtpkdataheader		{ height: 60px; border-bottom: solid 1px white; }
td.ccbtpkcol3			{ width: 50px; text-align:center; }
td.ccbtpkpagecount		{ width: 100px; vertical-align: bottom; text-align: right;}
span.topicavatar        { border:1px solid #CCCCCC; display:block; height: 40px; padding:1px; width:40px; }
		

/* Post List ----------------------------- */
td.ccbuserinfo	 		{ background-color: #111b11; padding: 0px 0px 0px 0px; width:150px; text-align:center; vertical-align: top;}
td.ccbpostuserdetails 	{ font-size: 10px; text-align: left; overflow: hidden; word-break: keep-all;}
span.ccbdvsubject		{ width:70%; margin: 0px; text-align:left; float:left; overflow: hidden; }
span.ccbdvpostime		{ width:30%; margin: 0px; text-align: right; float:right; }
td.ccbpstusername		{ text-align:center; overflow: hidden; }
img.ccbpostavatar		{ height: 80px; width: 80px; }
td.ccbpostcenter		{ text-align: center; }
span.ccbpostrank		{ width:90px; text-align: center; }
span.ccbposticons		{ text-align: center; }
td.ccbpostarea			{ vertical-align:top; height:100%; background-color: #111111; padding-right: 10px; color:#999; font-size:1.2em;}
table.ccbposttable		{ margin-left: 5px; width:100%; height:100%; border:none; table-layout: fixed; border-bottom:solid 1px #111;}
td.ccbpostediticons		{ text-align: right; height: 40px; }
td.ccbposttextcol		{ width:100%; height: 100%; text-align:left; vertical-align:top; overflow: hidden; break-word: keep-all;}
td.ccbpostlogip			{ text-align: right; vertical-align:top; }
td.ccbpostsignature		{ height: auto; color:gray; border-top:solid 1px silver; text-align:left; vertical-align:top; }
td.ccbpostemail			{ width: 90px; text-align: center; color: blue; vertical-align: top; }
span.ccbpostmodified	{ border:dotted 1px gray; display: inline; padding-left: 5px; padding-right: 5px; color: red; font-size: 12px; background: #EEEEFF; overflow:auto; break-word: keep-all; }
td.ccbpostmod			{ text-align: right; }
td.ccbmodmenu			{ width: 100%; height: auto; padding-top: 5px; text-align: right; vertical-align:bottom; }
div.attachbox			{ border: 1px dashed #D8D8D8; clear: left; float:left; margin: 5px 5px 5px 0; padding: 6px; width: auto; background-color: #F9F9FF; border-color: #C9D2D8;  }

/* BBCode Parser Classes --------------------------------------- */
div.bbcode_quote		{ width: 96%; border: 1px dashed #D8D8D8; clear: left; float:left; margin: 5px 5px 5px 0; padding: 6px;  background-color: #FFFFEA; border-color: #C9D2D8;  }
div.bbcode_quote_head	{ font-weight: bold; color: maroon; }
div.bbcode_quote_body	{ width: 100%; font-style: italic;  overflow: auto; max-height: 500px;}
span.bbcode_spoiler		{ }
span.bbcode_acronym		{ }
div.bbcode_left			{ }
div.bbcode_right		{ }
div.bbcode_center		{ }
div.bbcode_indent		{ }
table.bbcode_columns	{ }
td.bbcode_column		{ }
td.bbcode_column bbcode_firstcolumn	{ }
div.bbcode_code			{ width: 96%;  border: 1px dashed #D8D8D8; clear: left; float:left; margin: 5px 5px 5px 0; padding: 6px;  background-color: #F9FFE8;  }
div.bbcode_code_head	{ font-weight: bold; color: #008B00; }
div.bbcode_code_body	{ width: 100%; color: black; font-family:monospace; font-size:12px; font-style: normal;  overflow: auto; max-height: 500px;}

/* Recent List --------------------------------------- */
div.ccbrcntsubjline		{ width:70%; margin: 0px; text-align:left; float:left; overflow: hidden; }
div.ccbrcntdateline		{ width:30%; margin: 0px; text-align:right; float:right; }


/* Profile -------------------------------------------------------- */
td.ccbprofiledetail		{ padding: 0px; margin: 0px; }
span.ccbprofilerank		{ float:left; width:90px; }
table.ccbprofiletable 	{ table-layout: fixed; width:100%;  }
td.ccbprofilekey		{ width: 150px; padding-right: 5px; background-color: #111b11; border: solid 1px white; text-align: right; vertical-align: middle;}
td.ccbprofiletext		{ border: solid 1px silver; }
td.ccbprofilebutton		{ text-align:center; height:40px; width:50px; }
td.ccbprofilebuttonarea { height: 80px; text-align: right; background-color: #111b11; }

/* Post Edit ------------------------------------------------------------------------ */
input.ccbeditsubj		{ border: solid 1px gray; }
input.ccbeditcapinput	{ border: solid 1px gray; width: 60px; }
td.ccbeditsubjlabel		{ text-align: left; width: 100px; padding-left: 5px;}
td.ccbeditsubj			{ text-align: left; width:100%; vertical-align: middle;}
td.ccbedittext			{ width: 100%; overflow:scroll; padding: 0px; margin: 0px; text-align: center;}
div.ccbuploadbut		{ float: left; vertical-align: middle; padding-right: 5px; }

td.ccbeditcaplabel		{ width: 60px; }
td.ccbeditcap			{ width: 130px; }
td.ccbeditcaptext		{ width: 80px; }
div.buttonarea			{ float: right; width: auto; }
div.ccbeditpreview		{ display: none; float:left; width: 100%; text-align:left; }
span.attachlabels		{ text-align: left; width: 100px; }
input.attachtext		{ width: 320px; border: solid 1px gray; }
input.uploadbutton		{ border: solid 1px gray; }
td.ccbeditattach		{ width: 100%; background-color: #111b11; overflow:scroll; padding: 5px; margin: 0px; text-align: left;}
label.delattachlink		{ color: red; font-weight: bold; text-decoration: underline; cursor:hand; cursor:pointer;}
div.replyquote			{ font-style:italic; width:auto; background-color:#111b11; border:dashed 1px blue; }
td.ccbquickreply        { color: black; background-color: #111b11; padding: 5px 10px 5px 5px; }
td.ccbquickreply textarea {background-color:#111111; color:#777; font-size:1.2em;}
/* -------------------- MOVE -------------------------------------------------- */
td.ccbmovcap			{ width: 150px; height: 15px; background-color: #111b11; text-align: right; font-weight: bold; padding-right: 5px;}


/* -------------------- MYPROFILE -------------------------------------------------- */
td.ccbprolabel			{ width: 150px; height: auto; background-color: #111b11; text-align: right; font-weight: bold; padding-right: 5px; }
td.ccbproval			{ width: 100%; text-align: left; padding-left: 10px; }

/* PAGE INDEX ----------------------------------------------------------------- */
span.pagination span 	{ border:solid 1px #DDDDDD; margin-right: 2px; }
span.pagination a 		{ border:solid 1px #DDDDDD; font-weight: bold; margin-right: 2px; }
span.pagination a:link 	{ color: #0063e3; text-decoration: none; }
span.pagination a:hover { border: solid 1px #666666; background-color: blue; color: white; text-decoration: none; }
select.inputbox 		{ border: solid 1px #DDDDDD; margin: 0 0 0 0; padding: 2px 0 0 0; vertical-align: top; }
label.page 				{ vertical-align: middle; }

/*  KARMA -------------------------------------------------------------------- */
div.ccbkarma			{ display: block; visibility: visible; padding-top: 5px;}
ul.ccbkarmapanel 		{ margin: 0; padding: 0; width: 100%; height: 25px; }
ul.ccbkarmapanel li		{ list-style: none; float: right; background: none; padding: 0; margin: 0; }
li.ccbkarmapanelup a:link,
li.ccbkarmapanelup a:visited 	{ width: 21px; height: 18px; outline: none; display: block;	cursor: pointer; outline-style:none; background: transparent url(karma.gif) no-repeat 0 -20px; text-indent: -9999px; }
li.ccbkarmapanelup a:hover 		{ background: transparent url(../images/forum/karma.gif) no-repeat 0 0; }
li.ccbkarmapaneldown a:link,  
li.ccbkarmapaneldown a:visited 	{ width: 19px; height: 18px;  outline: none; display: block; cursor: pointer; text-indent: -9999px; background: transparent url(karma.gif) no-repeat 0 -62px; }
li.ccbkarmapaneldown a:hover 	{ background: transparent url(../images/forum/karma.gif) no-repeat 0 -42px; }
ul.ccbkarmapanel li.ccbkarmapaneltotal { height: 18px;	width: auto; padding: 0px 5px 0px 8px; display: block; color: #999999; text-align: center; font-weight: 700; font-size: 10px; line-height: 17px; background: transparent url(karma.gif) no-repeat 0 -125px; }
li.ccbkarmapanelrpt a:link,  
li.ccbkarmapanelrpt a:visited 	{ width: 20px;	height: 18px;  outline: none; display: block; text-indent: -9999px; cursor: pointer; background: transparent url(karma.gif) no-repeat 0 -103px; }
li.ccbkarmapanelrpt a:hover 	{ background: transparent url(../images/forum/karma.gif) no-repeat 0px -84px; }
/*  KARMA -------------------------------------------------------------------- */


/* BUTTON -------------------------------------------------------------------- */
a.ovalbuttongray	{border: 1px solid #111; background-color: #111b11; display: block; float: left; font-size: 1.1em; line-height: 16px; height: 24px; padding-left: 11px; text-decoration: none;  padding-right: 5px;}
a:link.ovalbuttongray, a:visited.ovalbuttongray, a:active.ovalbuttongray{ color: #494949; text-decoration: none;}
a.ovalbuttongray span	{ display: block; padding: 4px 11px 4px 0; color: #eee;}
a.ovalbuttongray:hover	{ background-color:#004000;}
a.ovalbuttongray:hover span{ }

a.ovalbuttonred	{background: transparent url('../images/forum/oval-red-left.gif') no-repeat top left; display: block; float: left; font: normal 13px Tahoma; line-height: 16px; height: 24px; padding-left: 11px; text-decoration: none;  padding-right: 5px; }
a:link.ovalbuttonred, a:visited.ovalbuttonred, a:active.ovalbuttonred{ color: #494949; text-decoration: none;}
a.ovalbuttonred span	{ background: transparent url('../images/forum/oval-red-right.gif') no-repeat top right; display: block; padding: 4px 11px 4px 0; color: #646464;}
a.ovalbuttonred:hover	{ background-position: bottom left; text-decoration: none;}
a.ovalbuttonred:hover span{ background-position: bottom right; color: black; text-decoration: none;}

a.ovalbuttonblue	{background: transparent url('../images/forum/oval-blue-left.gif') no-repeat top left; display: block; float: left; font: normal 13px Tahoma; line-height: 16px; height: 24px; padding-left: 11px; text-decoration: none; padding-right: 5px;}
a:link.ovalbuttonblue, a:visited.ovalbuttonblue, a:active.ovalbuttonblue{color: #ccc; text-decoration: none; }
a.ovalbuttonblue span	{ background: transparent url('../images/forum/oval-blue-right.gif') no-repeat top right; display: block; padding: 4px 11px 4px 0; color: #ccc}
a.ovalbuttonblue:hover	{ background-position: bottom left; text-decoration: none; color:#fff }
a.ovalbuttonblue:hover span{ background-position: bottom right; color: black; text-decoration: none;  color:#fff}

a.ovalbuttongreen	{background: transparent url('../images/forum/oval-green-left.gif') no-repeat top left; display: block; float: left; font: normal 13px Tahoma; line-height: 16px; height: 24px; padding-left: 11px; text-decoration: none;  padding-right: 5px; }
a:link.ovalbuttongreen, a:visited.ovalbuttongreen, a:active.ovalbuttongreen{ color: #494949; text-decoration: none; }
a.ovalbuttongreen span	{ background: transparent url('../images/forum/oval-green-right.gif') no-repeat top right; display: block; padding: 4px 11px 4px 0; color: #646464;}
a.ovalbuttongreen:hover	{ background-position: bottom left; text-decoration: none; }
a.ovalbuttongreen:hover span{ background-position: bottom right; color: black; text-decoration: none; }

a.squarebutton			{  border: 1px solid #111; border-bottom:none;  background-color: #111b11; display: block; float: right; font: normal 1.1em; line-height: 15px; height: 23px; padding-left: 9px; margin-left:4px; text-decoration: none; }
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{ color: black;  text-decoration: none;}
a.squarebutton span		{ display: block; padding: 4px 9px 4px 0; color: #eee;}
a.squarebutton:hover	{ text-decoration: none; background-color:#004000;}
a.squarebutton:hover span{ text-decoration: none;}