/*

=========================================

    J! Reactions CSS Template: SIMPLE

 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 entries */

#jreact_wrap {

	border:1px dashed #f49401;
margin-top:15px;
	font-size:1.0em;

	padding:9px;

}



/* 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;

}



#jreact_footer {
visibility:hidden;
	display:none;
	color:#ffffff;
	text-align:center;

}
#jreact_footer a{
visibility:hidden;
	display:none;
	color:#ffffff;
	text-align:center;

}
span#software, span#license, span#copyright {

	font-family:'ms sans-serif',sans-serif,arial,helvetica;
visibility:hidden;
	font-size:10px;

	padding:6px;

}

span#software a{

	color:#ffffff;
visibility:hidden;
	font-weight:bold;

}
span#software a:hover{

	color:#ffffff;
visibility:hidden;
	font-weight:bold;

}

span#license {

	color:#ffffff;
visibility:hidden;
}

span#copyright {

	color:#ffffff;
visibility:hidden;
}



/* ------------

   Form Styling

   ------------ */



/* Optional hide/show link */

a#showForm {

	border:2px solid #606060;

	color:#606060;

	display:block;

	margin-top:9px;

	margin-bottom:9px;

	padding-top:6px;

	padding-bottom:6px;

	text-align:center;

	width:100%;

}



a#showForm:hover {

	background-color:#606060;

	color:white;

	text-decoration:none;

}



/* Submit form client object */

form#jreact_form { }



/* Table wrapper for the submit form */

table#jreact_contentpane {

	padding:3px;

	width:100%;

}



/* 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 {

	padding-top:6px;

	padding-bottom:9px;

	text-align:center;

}



td.jreact_label { }



/* Apply to all three types of text fields: normal, locked (disabled) and required */

input.textbox, input.locked, input.required {

	border:1px solid #808090;

	padding-left:3px;

	padding-right:3px;

	width:100%;

}



/* This allows you to style locked/disabled fields */

input.locked {

	background-color: #CCCCCC;

	color:#606060;

}



/* This allows you to style mandatory fields */

input.required {

	background-color:#FFE080;

	color:#000000;

}



/* Optional toolbars for enhancement icons */

td#jreact_bbcodes, td#jreact_smileys {

	height:24px;

}



td#jreact_smileys { }



/* The color droplist */

td#jreact_bbcodes select {

	height:24px;

	margin:0px;

}



/* Optional emoticons */

img.jreact_smiley {

	border:none;

	line-height:24px;

	padding-left:3px;

	vertical-align:middle;

}



/* Optional bbcode icons (with hover effect) */

#jreact_bbcode01 {background:transparent url('bbcodes/bbc_bold.png') no-repeat;}

#jreact_bbcode02 {background:transparent url('bbcodes/bbc_italic.png') no-repeat;}

#jreact_bbcode03 {background:transparent url('bbcodes/bbc_underline.png') no-repeat;}

#jreact_bbcode04 {background:transparent url('bbcodes/bbc_list.png') no-repeat;}

#jreact_bbcode05 {background:transparent url('bbcodes/bbc_code.png') no-repeat;}

#jreact_bbcode06 {background:transparent url('bbcodes/bbc_quote.png') no-repeat;}

#jreact_bbcode07 {background:transparent url('bbcodes/bbc_image.png') 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;

}



textarea#jreact_text {

	background:#FFFFFF no-repeat;

	background-position:50% 50%;

	color:#000000;

	width:100%;

}



td#jreact_clicksubmit {

	text-align:center;

}



/* ----------------

   Comments Styling

   ---------------- */



/* Main heading for comment list */

div.comHeading {

	background-color:#f49401;

	color:white;

	display:block;

	font-weight:bold;

	line-height:1.5em;

	text-align:center;

}



/* Optional hide/show link */

a#showComments {

	border:2px solid #606060;

	color:#606060;

	display:block;

	margin-top:9px;

	margin-bottom:9px;

	padding-top:6px;

	padding-bottom:6px;

	text-align:center;

	width:100%;

}



a#showComments:hover {

	background-color:#606060;

	color:white;

	text-decoration:none;

}



/* Parent container for each individual comment

   Odd and even entries can be styled separately below for improved readability */

div.comWrap00, div.comWrap01 {

	background: transparent none;

	margin-bottom:15px;

	margin-top:15px;

}



/* The top region of each comment */

div.comHead {

	display:block;

	padding-bottom:9px;

}



span.comID {

	color:#999999;

	font-size:10px;

}



span.comTitle {

	font-size:13px;

	font-weight:bold;

}



/* The quote and moderator functions */

span.comFunctions img {

	border:none;

	float:right;

	margin-left:6px;

}



span.comSignature {

	color:#666666;

	padding-left:15px;

}



/* The middle region of each comment */

div.comBody {

	display:block;

	line-height:125%;

	padding:0px 0px 12px 0px;

	text-align:justify;

}



/* The bottom region of each comment */

div.comFoot {

	border-top:1px dotted #999999;

	border-bottom:1px solid #999999;

	display:block;

	height:17px;

	padding: 3px 3px 3px 3px;

}



span.comExtra img {

	border:none;

	float:right;

	margin-left:6px;

}



span.comDate {

	color:#666666;

}



/* Code blocks */

div.code_block {

	background-color:#F0F0F0;

	border:1px solid #E0E0E0;

	color:#008000; /* shade of green */

	font-family:"Courier New", Courier, monospace;

	font-size:11px;

	margin:9px;

	padding:9px;

}



/* The next three elements underly our custom quote blocks */

div.quote_open {

	background:#F0F0F0 url('quote_open.png') no-repeat;

	background-position:7px 7px;

	border:1px solid #E0E0E0;

	display:block;

	margin:12px;

	padding-left:30px;

	padding-right:6px;

	padding-top:9px;

	padding-bottom:6px;

}

div.quote_close {

	background:transparent url('quote_close.png') no-repeat;

	background-position:right bottom;

	color:#606060;

	display:block;

	font-size:11px;

	font-style:italic;

	margin-bottom:6px;

	padding-right:24px;

	text-align:justify;

}

span.cite {

	background-color:transparent;

	color:#606060;

	display:block;

	font-size:11px;

	font-weight:bold;

	text-align:right;

}