/*
=========================================
    J! Reactions CSS Template: BLANK
 Prepared and issued by SDeCNet Software
=========================================

NOTE--The following elements are listed in their actual generating order to assist your styling */

/* ------------
   Main Styling
   ------------ */

/* Master container for ALL comment and form elements */
#jreact_wrap {
	width:432px; /* 432 pixels is maximum width for the standard Joomla! template */
}

/* styling for LANG_INTRO_0, LANG_INTRO_1 and LANG_INTRO_2 */
td.jreact_intro_0, td.jreact_intro_1, td.jreact_intro_2 {
	height:16px;
	padding-bottom:6px !important;
	padding-top:6px !important;
	padding-left:48px !important;
	text-align:left;
	vertical-align:middle;
}

td.jreact_intro_0 {
	background: transparent url('../../../images/frontend/intro_0.png') no-repeat;
	background-position:24px 6px;
}

td.jreact_intro_1, td.jreact_intro_2 {
	background: transparent url('../../../images/frontend/intro_1.png') no-repeat;
	background-position:24px 6px;
}

/* The software footer (must be displayed in Free Edition) */
#jreact_footer { text-align:center; }

/* Apply to all footer elements */
span#software, span#license, span#copyright {
	font-family:'ms sans-serif',sans-serif,arial,helvetica;
	font-size:10px;
	padding:6px;
}

/* Separate styling... */
span#software { }

span#license { }

span#copyright { }


/* ------------
   Form Styling
   ------------ */

/* Optional hide/show link */
#showForm { }
#showForm:hover {}

/* Submit form client object */
form#jreact_form { }

/* Table wrapper for the submit form */
table#jreact_contentpane { }

/* The first table cell is used as a heading for the submit form;
   this is also the destination for LANG_FORM_OPEN, LANG_FORM_CLOSED and LANG_FORM_RESTRICTED */
td#jreact_contentheading { }

/* Form labels */
td.jreact_label { }

/* Apply to all three types of text fields: normal, locked (disabled) and required */
input.textbox, input.locked, input.required { }

/* This allows you to style locked/disabled fields */
input.locked { }

/* This allows you to style mandatory fields */
input.required { }

/* Apply to both toolbars (enhancement icons) */
td#jreact_bbcodes, td#jreact_smileys { }

/* Just the table cell for bb-codes */
td#jreact_bbcodes { }

/* Just the table cell for smileys */
td#jreact_smileys { }

/* The color droplist */
td#jreact_bbcodes select { }

/* Optional smiley images */
img.jreact_smiley { }

/* Optional bbcode icons (with hover effect) */
#jreact_bbcode01 {background:transparent url('bbcodes/bbc_bold.gif') no-repeat;}
#jreact_bbcode02 {background:transparent url('bbcodes/bbc_italic.gif') no-repeat;}
#jreact_bbcode03 {background:transparent url('bbcodes/bbc_underline.gif') no-repeat;}
#jreact_bbcode04 {background:transparent url('bbcodes/bbc_list.gif') no-repeat;}
#jreact_bbcode05 {background:transparent url('bbcodes/bbc_code.gif') no-repeat;}
#jreact_bbcode06 {background:transparent url('bbcodes/bbc_quote.gif') no-repeat;}
#jreact_bbcode07 {background:transparent url('bbcodes/bbc_image.gif') no-repeat;}

#jreact_bbcodes a {
	background-position:0px 0px;
	display:block;
	float:left;
	height:20px;
	width:20px;
	margin:1px;
	vertical-align:middle;
}

#jreact_bbcodes a:hover {
	background-position:0px -20px;
	display:block;
	float:left;
	height:20px;
	width:20px;
}

/* Comment entry box */
textarea#jreact_text {
	background:#FFFFFF url('watermark.png') no-repeat;
	background-position:50% 50%;
	color:#000000;
	width:100%;
}

/* Submit button */
td#jreact_clicksubmit { }


/* ----------------
   Comments Styling
   ---------------- */

/* Main heading for comment list */
div.comHeading { }

/* Optional hide/show link */
#showComments { }
#showComments:hover { }

/* Parent container for each individual comment
   Odd and even entries can be styled separately below for improved readability */
div.comWrap00, div.comWrap01 { }

/* The top section of each comment entry */
div.jrtHead { }

/* The main section of each comment entry */
div.jrtBody { }

/* The bottom section of each comment entry */
div.jrtFoot { }

/* Styling for code format */
div.code_block {
	background-color:#F0F0F0;
	border:1px solid #C0C0C0;
	color:#008000; /* shade of green */
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	margin-top:6px;
	margin-bottom:6px;
	padding:6px;
}

/* The next three elements are used to create quote blocks */
div.quote_open {
	background: #F0F0F0 url('quote_open.gif') no-repeat;
	background-position:6px 6px;
	border:1px solid #C0C0C0;
	display:block;
	margin-top:6px;
	padding:6px;
	padding-bottom:3px;
	padding-left:32px;
}

div.quote_close {
	background:transparent url('quote_close.gif') no-repeat;
	background-position:right bottom;
	color:#606060;
	display:block;
	font-style:italic;
	line-height:16px;
	margin:0px;
	padding:0px;
	padding-right:32px;
}

span.cite {
	color:#606060;
	display:block;
	font-weight:bold;
	margin-top:3px;
	padding:0px;
	text-align:right;
}