/*
=========================================
    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 solid #d8c8b0;
	padding:5px;
	clear: left;
	margin: 40px 10px 10px 10px;
	color:#663303;
	background:#F6F1E8 url(../../../../../templates/toka3col/images/bkg-sidebars.gif) repeat scroll 0pt;
	}

/* 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: 0 !important;
	padding-top: 0 !important;
	padding-left:24px !important;
	text-align:left;
	vertical-align:middle;
}

td.jreact_intro_0 a,
td.jreact_intro_1 a,
td.jreact_intro_2 a {
	color: #663303;
	font-size: 0.8em;
	}

td.jreact_intro_0 {
	background: transparent url(../../../images/frontend/intro_0.png) no-repeat 4px 3px;
	}

td.jreact_intro_1, td.jreact_intro_2 {
	background: transparent url(../../../images/frontend/intro_1.png) no-repeat 4px 3px;
	}

#jreact_footer {
	display:none;
	text-align:center;
}
span#software, span#license, span#copyright {
	font-size:10px;
	padding:6px;
}
span#software {
	color:#000000;
	font-weight:bold;
}
span#license {
	color:#404040;
}
span#copyright {
	color:#606060;
}

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

/* Optional hide/show link */
a#showForm {
	display: block;
	width: 50%;
	margin: 10px 24% 10px 24%;
	border-top: 2px solid #613833;
	border-right: 3px solid #2e0500;
	border-bottom: 3px solid #2e0500;
	border-left: 2px solid #613833;
	padding: 2px;
	color: #d5bba7;
	font-weight:bold;
	font-size: 1em;
	background-color: #630800;
	text-align:center;
	} 

a#showForm:hover {
	border-top: 2px solid #2e0500;
	border-right: 3px solid #613833;
	border-bottom: 3px solid #613833;
	border-left: 2px solid #2e0500;
	text-decoration:none;
	color: #FFFFFF;
	}

/* 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:#E0E0E0;
	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 url('watermark.png') 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:#DACFB5 url(../../../../../templates/toka3col/images/moduleHeader-bkg.gif) repeat scroll 0pt;
	color: #390600;
	display:block;
	font-weight:bold;
	line-height:1.6em;
	font-size: 1em;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	}

/* 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: 0 0 10px 0;
	}

/* The top region of each comment */
div.comHead {
	display:block;
	padding:5px 0;
}

span.comID { }

span.comTitle {
	font-weight:bold;
	}

/* The quote and moderator functions */
span.comFunctions img {
	border:none;
	float:right;
	margin-left:6px;
}

span.comSignature {
	font-size: 0.8em;
	padding-left:20px;
	}

/* The middle region of each comment */
div.comBody {
	display:block;
	line-height:125%;
	padding: 12px 20px;
	text-align:justify;
	color: #333333;
	background:#F6F1E8 url(../../../../../templates/toka3col/images/bkg-mainbody.gif) repeat scroll 0pt;
	}

/* The bottom region of each comment */
div.comFoot {
	border-top:1px dotted #d8c8b0;
	border-bottom:1px solid #d8c8b0;
	display:block;
	padding: 3px;
}

span.comExtra img {
	border:none;
	float:right;
	margin-left:6px;
}

span.comDate {
	font-size: 0.8em;
	}

/* 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:#f5f2e9 url('quote_open.png') no-repeat;
	background-position:7px 7px;
	border:1px solid #e5dbc6;
	display:block;
	margin:6px;
	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;
	display:block;
	font-size: 0.8em;
	text-align:right;
}