/* utf8-marker = ֳ₪ֳ¶ֳ¼ֳŸ

CMSimple Plugin "comments"
Version comments_XH 1.0 beta
Gert Ebersbach
http://www.ge-webdesign.de
------------------------------------------
Based on: 
uBlog V.0.86
Markus Vetter
www.mv-web-design.de/?CMSimple/

Many thanks to Markus for permission to use the code of 
uBlog V.0.86 for the CMSimple Plugin "comments"
==========================================
*/

.comments_main {
clear:both; 
float:left; 
overflow: hidden; 
width: 100%; 
line-height: 1.2em; 
margin: 20px 0 0 0;
}

.comments_blog_closed {
clear: both; 
font-weight: 700; 
padding: 20px 0 0 0;
}


/* Blog-Entries */

.comments_number_of {
clear: both; 
font-family: verdana, sans-serif; 
font-weight: 300; 
border-bottom: 1px solid; 
padding: 0; 
margin: 0 0 20px 0;
}

.comments_entry_no_entry {
background:#eee; 
border:1px solid #f0f0f0; 
padding:2px; margin:0;
}

.comments_entry {
clear:both; float:righ; 
width: 100%; 
border:0px solid #ccc; 
margin-bottom:16px;
}

.comments_entry_split {
clear: both; 
font-family: verdana, sans-serif; 
font-weight: 300; 
border-top: 1px solid; 
border-bottom: 1px solid; 
padding: 6px 0; 
margin: 0 0 20px 0;
}

.comments_entry_split span {
font-family: verdana, sans-serif; 
font-weight: 700; 
padding: 2px 3px 2px 3px; 
margin:0 6px;
}
.comments_entry_split a {
margin:0 4px;
}

.comments_entry_head {
background: #f3f3f3; 
border: 5px solid #ccc; 
padding: 8px; 
margin: 4px 0 0 0;
}

.comments_entry_head_number {
float: right; 
font-family: georgia, serif; 
color: #963; 
font-size: 200%; 
text-align: right; 
border: 0; 
padding: 2px 8px 8px 10px; 
margin:0 0 0 10px;
}

.comments_entry_head_title {
font-family: georgia, serif; 
font-size: 114%; 
font-weight: 300; 
color: #930;
}

.comments_entry_head_user {
font-weight: 300;
}

.comments_entry_head_sub {
clear: left; 
padding: 0;
}

.comments_entry_head_sub img {
float: right; 
padding: 0; 
margin: 2px 0 0 6px;
}

.comments_entry_head_homepage {}

.comments_entry_content {
border-top: 0px solid; 
padding: 10px 0; 
margin: 4px 0 10px 0;
}

.comments_entry_content p {
color:#000000;
}

img.comments_entry_image {
float: left; 
margin: 0 0 12px 0;
} 


/* Blog-Formular */

.comments_input_field {
border: 1px solid #bbb; 
background: #eee; 
padding: 3px 4px;
}

.comments_form {
clear: both; 
float: left; 
width: 100%; 
font-family: arial, sans-serif; 
font-size: 94%; 
border: 0px solid #c0c0c0; 
margin: 0 0 30px 0;
}

.comments_form_in {
padding: 0;
}

#comments_form_input_emoticons {
float: right; 
padding: 12px 0 6px 0; 
width: 90%; 
border: 0px solid;
}

#comments_form_input_emoticons img {
float: right; 
margin: 3px;
}

#comments_form_input_blog_text {
width: 100%; 
text-align: right; 
font-size: 112%; 
border: 0; 
padding: 0; 
margin: 20px 0 0 0;
}

#comments_form_input_blog_text textarea {
height: 200px; 
width: 99%; 
font-family: arial, sans-serif; 
font-size: 15px; 
color: #333; 
padding: 8px; 
margin:0 auto;
}

.comments_nojs {
background: #fc0; 
color: #000; 
text-align: center; 
border: 3px solid #000; 
padding: 10px 16px; 
margin: 10px 0 0 0;
}

/* captcha */

#comments_form_captcha {
text-align: left; 
float: left; 
width: 100%;
}

.comments_form_captcha {
padding: 10px 0;
}

.comments_form_captcha_div {
padding: 0;
margin: 0;
}

.comments_form_captcha_img {
border: 3px solid #c0c0c0; 
margin: 6px 0;
}

.comments_form_captcha_input {
width: 6em; 
font-family: verdana, sans-serif; 
font-size: 16px; 
margin: 5px 0;
}

#comments_form_captcha img {
border: 3px solid #c0c0c0; 
margin: 0 4px 0 4px;
}

.comments_form_captcha_input {
float: left; 
margin: 0;
}

.comments_form_captcha_input input {
width: 6em; 
font: bold 16px Verdana; 
letter-spacing: 0.2em; 
padding: 2px 4px;
}

#comments_form_submit {
clear: both; 
padding: 8px 0 0 0;
}

.comments_form_failure_description {}

.comments_form_input {
margin: 0 0 6px 0;
}

#comments_form_input_pic_upload {
width: 100%; 
text-align: left;
}

* html #comments_form_input_pic_upload input {
padding: 2px; 
border: 1px solid #c0c0c0;
}

* html #comments_form_input_emoticons {
margin: 8px 4px 4px;
}

/* Blog-Formular: Hint-Section */
.comments_form_hint {
clear: both; 
margin: 10px 0;
}

.comments_form_hint_heading {
font-size: 1.0em; 
color: #00f; 
font-weight: bold; 
margin: 6px 4px 4px 0;
}

#comments_form_hint_last_div {}


/* Blog-Admin */

.comments_admin {
width: 100%; 
font-family: arial, sans-serif; 
margin: 0; 
padding: 0;
}

.comments_admin_header {
background: #eee; 
font-family: arial, sans-serif; 
border: 3px solid; 
padding: 7px; 
margin: 8px 0;
}

.comments_admin_header_file_info {
float: left;
}

.comments_admin_header_file_select {
float: right; 
font-weight: bold;
}

.comments_admin_header_file_input {
font-weight: normal;
}

.comments_admin_header_file_input input {
clear: both; 
float: left; 
margin: 1px 4px 0 0;
}

.comments_admin_header_file_version {
clear: both;
}

.comments_admin_header_file_version input {
width: 100px;
}

.comments_admin_download {
float: right; 
font-family: arial, sans-serif;
}

.comments_admin_no_entry {
color: #900; 
background-color: #f6f6f6; 
text-align: center; 
border: 3px solid; 
margin: 4px 0; 
padding: 4px 6px;
}

.comments_admin_entry {
overflow: auto;
}

.comments_admin_entry_item {
background: #f6f6f6; 
border: 3px solid; 
margin: 0 0 16px 0; 
padding: 8px;
}

.comments_commentinfo {
float: right; 
width: 200px;
}

.comments_admin_entry_item_input  {
text-align: right; 
font-weight: 700; 
margin: 2px;
}

.comments_admin_entry_item_input input {
width: 70%;
}

.comments_admin_entry_item_nr {
float: left; 
width: 60%; 
text-align: left; 
font-family: georgia, serif; 
font-size: 125%; 
font-weight: 600; 
color: #930; 
padding: 2px;
}

.comments_admin_entry_item_delete {
float: right; 
width: 100px; 
text-align: left; 
padding: 0;
}

.comments_delete {
color: #c00;
}

.comments_delete_checkbox {
float: left; 
width: 20px; 
padding: 3px 0;
}

.comments_admin_entry_item_delete input {
width: auto; 
margin: 0; 
padding: 0;
}

.comments_admin_entry_item_title {
clear: both; 
float: right; 
width: 300px;
}

.comments_admin_entry_item_user {
clear: both; 
float: right; 
width: 300px;
}

.comments_admin_entry_item_email {
clear: both; 
float: right; 
width: 300px;
}

.comments_admin_entry_item_email input {}

.comments_admin_entry_item_email img {}

.comments_admin_entry_item_homepage {
float: right; 
width: 300px;
}

.comments_admin_entry_item_homepage input {}

.comments_admin_entry_item_homepage img {}

.comments_admin_entry_item_ip {
clear: both; 
float: right; 
width: 323px;
}

.comments_admin_entry_item_timestamp {
width: 140px; 
float:left; 
text-align: left;
}

.comments_admin_entry_item_timestamp input.comments_entry_time {
width: 24px; 
text-align: center; 
padding: 0 1px;
}

.comments_admin_entry_item_timestamp input.comments_entry_date {
width: 24px; 
text-align: center; 
padding: 0 1px;
}

.comments_admin_entry_item_timestamp input.comments_entry_year {
width: 36px; 
text-align: center; 
padding: 0 1px;
}

.comments_admin_entry_item_image {
width: 98%; 
clear: both; 
width: 100%; 
text-align: left; 
font-weight: 700; 
padding: 6px 0;
}

.comments_admin_entry_item_image input {
width: 96%; 
padding: 2px;
}

.comments_admin_entry_item_text {
width: 98%; 
text-align: left; 
font-weight: 700; 
padding: 6px 0;
}
.comments_admin_entry_item_text textarea {
width: 98%; 
height: 160px; 
font-family: 'courier new', serif; 
padding: 2px;
}

.comments_admin_submit {
float: left;
}


/*
#comments_admin_tabs {
border: 1px solid blue; 
margin: 35px 0 -20px 0; 
padding: 6px;
}

#comments_admin_tab {
margin :-23px 0 6px -7px; 
border-left: 1px solid #c0c0c0;
}

#comments_admin_tab a.tab {
width: 140px; 
background: url(../images/tab_bg.gif) top right no-repeat; 
padding: 6px 10px;
}

#comments_admin_tab_mode {
color: #00f; 
margin: 10px 0;
}
*/