/** * @version$Id: ccboard.css 188 2009-09-26 07:11:56Z thomasv $ * @ProjectccBoard - Joomla! Bulletin Board Extension/Component * @author Thomas Varghese  * @packageccBoard * @copyrightCopyright (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;
}
td a:link, td a:visited {
	text-decoration: none;
}
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(rhleftgreen.gif);
	vertical-align: middle;
	height: 28px;
	width: 5px;
	padding: 0px;
	margin: 0px;
}
td.ccbtopmiddlegreen {
	background-image: url(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(rhrightgreen.gif);
	vertical-align: middle;
	height: 28px;
	width: 5px;
	padding: 0px;
	margin: 0px;
}
td.ccbtopleftred {
	background-image: url(rhleftred.gif);
	vertical-align: middle;
	height: 28px;
	width: 5px;
	padding: 0px;
	margin: 0px;
}
td.ccbtopmiddlered {
	background-image: url(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(rhrightred.gif);
	vertical-align: middle;
	height: 28px;
	width: 5px;
	padding: 0px;
	margin: 0px;
}
td.ccbtopleftgray {
	background-image: url(rhleftgray.gif);
	vertical-align: middle;
	height: 28px;
	width: 5px;
	padding: 0px;
	margin: 0px;
}
td.ccbtopmiddlegray {
	background-image: url(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(rhrightgray.gif);
	vertical-align: middle;
	height: 28px;
	width: 5px;
	padding: 0px;
	margin: 0px;
}
td.ccbtopleftblue {
	background-image: url(rhleftblue.gif);
	vertical-align: middle;
	height: 28px;
	width: 5px;
	padding: 0px;
	margin: 0px;
}
td.ccbtopmiddleblue {
	background-image: url(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(rhrightblue.gif);
	vertical-align: middle;
	height: 28px;
	width: 5px;
	padding: 0px;
	margin: 0px;
}
td.ccbleftbody {
	background-image: url(rleftbody.png);
	width: 5px;
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
}
td.ccbrightbody {
	background-image: url(rrightbody.png);
	width: 5px;
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
}
td.ccbbotleft {
	background-image: url(rfl.gif);
	vertical-align: middle;
	height: 6px;
	width: 5px;
	padding: 0px;
	margin: 0px;
}
td.ccbbotmiddle {
	background-image: url(rf.gif);
	vertical-align: middle;
	height: 6px;
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
}
td.ccbbotright {
	background-image: url(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;
}
td.ccbheaderrow {
	background-color: #EEEEEE;
	height: 40px;
	padding: 0px 0px 0px 0px;
}
td.ccbheaderlink {
	width: auto;
	vertical-align: bottom;
}
td.ccbheaderusername {
	width: 250px;
	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: #EEEEEE;
	padding: 0px;
	margin: 0px;
}
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: #EEEEEE;
	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: #EEEEEE;
	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: #EEEEEE;
	padding: 0px 0px 0px 0px;
	width: 100%;
}
td.ccbtpkdataheader {
	height: 60px;
	border-bottom: solid 1px white;
}
td.ccbtpkcol3 {
	width: 60px;
	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: #EEEEEE;
	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: white;
	padding-right: 10px;
}
table.ccbposttable {
	margin-left: 5px;
	width: 100%;
	height: 100%;
	border: none;
	table-layout: fixed;
}
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: #EEEEEE;
	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: #EEEEEE;
}
/* 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: #EEEEEE;
	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: #EEEFFF;
	border: dashed 1px blue;
}
td.ccbquickreply {
	color: black;
	background-color: white;
	padding: 5px 10px 5px 5px;
}
/* -------------------- MOVE -------------------------------------------------- */
td.ccbmovcap {
	width: 150px;
	height: 15px;
	background-color: #EEEEEE;
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
}
/* -------------------- MYPROFILE -------------------------------------------------- */
td.ccbprolabel {
	width: 150px;
	height: auto;
	background-color: #EEEEEE;
	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(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(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(karma.gif) no-repeat 0px -84px;
}
/*  KARMA -------------------------------------------------------------------- */
/* BUTTON -------------------------------------------------------------------- */
a.ovalbuttongray {
	background: transparent url('oval-gray-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.ovalbuttongray, a:visited.ovalbuttongray, a:active.ovalbuttongray {
	color: #494949;
	text-decoration: none;
}
a.ovalbuttongray span {
	background: transparent url('oval-gray-right.gif') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0;
	color: #646464;
}
a.ovalbuttongray:hover {
	background-position: bottom left;
	text-decoration: none;
}
a.ovalbuttongray:hover span {
	background-position: bottom right;
	color: black;
	text-decoration: none;
}
a.ovalbuttonred {
	background: transparent url('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('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('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: #494949;
	text-decoration: none;
}
a.ovalbuttonblue span {
	background: transparent url('oval-blue-right.gif') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0;
	color: #646464;
}
a.ovalbuttonblue:hover {
	background-position: bottom left;
	text-decoration: none;
}
a.ovalbuttonblue:hover span {
	background-position: bottom right;
	color: black;
	text-decoration: none;
}
a.ovalbuttongreen {
	background: transparent url('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('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 {
	background: transparent url('square-gray-left.gif') no-repeat top left;
	display: block;
	float: right;
	font: normal 12px Arial;
	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 {
	background: transparent url('square-gray-right.gif') no-repeat top right;
	display: block;
	padding: 4px 9px 4px 0;
	color: #646464;
}
a.squarebutton:hover {
	background-position: bottom left;
	text-decoration: none;
}
a.squarebutton:hover span {
	background-position: bottom right;
	color: black;
	text-decoration: none;
}