/*** Member panel ***/
#panel {
	width: 1000px;
	overflow:visible;
}
#panel  .ui-tabs-nav {
	font-size:11px;
}
#panel>div {
	padding: 0 8px;
}



/**** general ****/
.member_form .row, .comic_box .row
{
	float:left;
	width:100%;
	margin-top:10px;
	clear:left;
}
.member_form .subrow
{
	display:none;
	margin: 5px 5px 5px 60px;
	padding: 5px 10px;
	clear:left;
	border: 1px solid #ccc;
}
.row .upload_wrapper object
{
	cursor: pointer;
}
.member_form .row label, .comic_box .row label
{
	float:left;
	width:285px;
	clear:left;
	margin-left:15px;
}

/* table a bordure nette */
table.bords {
	text-align: center;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0.5em auto;
}
table.bords td, table.bords th {
	border: 1px solid black;
	text-indent: 0;
}
table.bords th { background: #EFD87C }

/* old panel */

#member_panel {
	width:1000px;
	min-height:400px;
	margin-bottom:10px;
	border: 1px solid #AAA;
	overflow:visible;
	clear: both;
}

#member_panel .ui-tabs-nav {
	font-size:11px;
}

/**** personal tab ****/

#personal_forms{
	margin-top: 1em;
}
#personal_forms>div {
	clear: both;
	margin-bottom: 0.5em;
}
#personal_forms>h4 {
	clear: both;
	margin: 0.5em 0;
}
#personal_forms>div>label {
	display: block; float: left;
	width: 35%;
}
#personal_forms .personal_hidden {
	display: none;
	clear: both;
	border: 1px solid #888;
	padding: 0.5em;
	margin-bottom: 0.5em;
}
#personal_forms .personal_hidden label {
	display: inline-block;
	width: 15em;
}
#personal_forms .personal_hidden .upload_wrapper {
	display: inline-block;
}
#personal_forms .personal_ajaxmsg {
	font-weight: bold; color: red;
}

#personal_forms #member_avatar {
float: right;
}



.banlist {
	overflow: auto;
}
.banlist h3 {
	margin:3px;
	text-align: center;
}
.banlist .banned_user {
	overflow: auto;
	float:left;
	width:45%;
	margin: 5px 2%;
	border: 1px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.banlist .banned_user .avatar {
	float:left;
	margin: 4px;
}
.banlist .banned_user p {
	margin: 5px 0;
	padding: 0;
}
.banlist .banned_user .remove_block {
	float:right;
	height:25px;
	line-height:25px;
	cursor:pointer;
	font-size:11px;
	text-transform: uppercase;
	text-align: center;
	padding:0px 6px;
	margin:4px;
	background:url('images/box_top_center.png');
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid #ccc;
}


#personal_forms #user_background_delete {
	display:inline-block;
	color:#fff;
	cursor: pointer;
	height:18px;
	padding: 3px 7px 0 7px; margin-top:8px;
	background: #800;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}


/**** Manage your comics ****/

#Manage_your_comics {
overflow: auto;
}

.comic_box .row .upload_wrapper
{
	float:left;
	width:64px;
	height:20px;
	padding:0 3px 3px;
	cursor: pointer;
	position:relative;
}
.comic_box .row .upload_wrapper .qq-upload-button
{
	margin-top:0;
}
.comic_box .row textarea
{
	font-size:11px;
}

.edit_box .go_back
{
	padding:4px 16px;
	margin-right:15px;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	font-weight: bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background: #ccc;
	border:1px solid #ccc;
}
.edit_box .go_back:hover
{
	border:1px solid black;
}
.comic_box {
	float:left;
	width:99%;
	margin-top:5px;
	padding:10px;
	border:1px solid #909090;
	background:#fbfbfb;
	position:relative;
}
.comic_box .row .genres
{
	float:left;
	width:298px;
	font-size:11px;
}
.comic_box .row .genres span
{
	float:left;
}
.comic_box .row .genres .genre
{
	margin:2px 4px;
	padding:2px 8px;
	background: #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.comic_box .row .genres .genre b
{
	float:right;
	cursor: pointer;
	font-size:10px;
	margin:-2px -5px 0px 5px;
}

.btn_bgred {
	display: inline-block;
	color:white;
	background:#880000;
	cursor: pointer;
	padding:2px 6px;
	border: none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.comic_box .row .genres .choose_genres:hover
{
	background:#CC0000;
}
#avail_genres
{
	display:none;
}
#avail_genres span
{
	float:left;
	margin-top:5px;
	clear:left;
	cursor: pointer;
}
#save_genres
{
	float:left;
	margin-left: 10px;
}

/*this is created by js*/
#counted {
	line-height:20px;
	margin-left:4px;
}

#projects .info
{
	width:11px;
	height:11px;
	cursor: help;
	margin:2px 0px 0px 3px;
	background:url('images/questionmark.png') no-repeat;
	float: none;
	display:inline-block;
}

.comic_chapters .row label
{
	float:left;
	width:175px;
	clear:left;
}
.comic_chapters .row label.version_editor_language
{
	width:100%;
	text-align: center;
}

.comic_box .row select {
	float:left;
}
.comic_box .row select.dhour { float:none; }
.comic_box .row table select { float:none; }

#save_direction
{
	margin:2px 0 0 4px;
}


.comic_box .right_part {
	float:right;
	width: 200px;
}
.comic_box .right_part h4 {
	margin:15px 0 4px 0;
	text-align: center;
}
.comic_box .right_part img.close_image, .comic_box .right_part span.close_image
{
	float: right;
	position: relative;
	cursor: pointer;
	margin-bottom: -16px;
}
.comic_box .right_part span.close_image
{
	width:16px;
	height:16px;
	cursor: default;
}


.ch_close_image
{
	float:right;
	position: relative;
	right:5px;
	top:-25px;
	cursor:pointer;
}
.ch_close_image.bottom_close
{
	top:0px;
}


.comic_box .row .person
{
	float:left;
	width:100%;
	margin:5px 0px 0px 15px;
	font-size:12px;
}
.comic_box ul .name
{
	float:left;
	width:248px;
}
.comic_box ul .legend.edit, .comic_box ul .legend.leadership, .comic_box ul .legend.part
{
	float:left;
	width:75px;
	text-align: center;
}
.comic_box ul .legend.part
{
	width:90px;
}
.edit, .comic_box ul .legend.leadership
{
	width:75px;
}

.legend b
{
	float:left;
	font-weight: normal;
}


.comic_box .row .person span.can_edit, .row .person span.leadership
{
	float:left;
	width:65px;
	text-align:center;
}
.comic_box .row .person span.leadership
{
	width:72px;
}
.comic_box .row .person span.can_edit input, .comic_box .row .person span.leadership input
{
	float:none;
}
.comic_box .row .person .team_member_name
{
	float:left;
	width:244px;
	line-height:22px;
	font-size:14px;
}
.comic_box .row .person input.team_member_name
{
	width:233px;
}

.comic_box .row .person input, .comic_box .row .person select
{
	float:left;
	width:150px;
	margin-right:5px;
}
.comic_box .row .person .can_edit input, .comic_box .row .person .leadership input
{
	width:50px;
}
.comic_box .row img.uedit, .comic_box .row img.udelete, .comic_box .row img.uminus, .comic_chapters img.uedit
{
	width:20px;
	cursor:pointer;
}
.comic_box #save_fb, .comic_box #save_title
{

	margin:2px 0px 0px 4px;
}
.comic_box .fb_group, .comic_box .comic_title,
.comic_box .fb_group, .comic_box .comic_description
{
	float:left;
	width:200px;
}




.comic_box .umanage_box
{
	padding-bottom:5px;
	background:#ddf9c0;
	border:1px solid black;
	margin-bottom: 10px;
	clear: left;
	float:left;
	width:74%;
}
.comic_box .umanage_box.chapters_administration {
	background:#fbf7b6;
}
.comic_box .umanage_box#team {
	background:#cff3f3;
}
.comic_box .umanage_box#ebooks {
	background:#f3cfcf;
}
.comic_box .umanage_box h3
{
	margin:10px;
	font-size:17px;
	text-transform: uppercase;
}
.comic_box .umanage_box h3 a {
	color:blue;
	text-decoration:underline;
	text-transform:none;
	font-size: 0.8em;
}

.comic_box .umanage_box .itemline {
	width:80%;
	margin:4px 0 0 14px; padding: 1px 4px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
	font-size:12px;
	background:#F0EEE4;
}
.comic_box .umanage_box .itemline img {
	vertical-align: middle
}
.comic_box .umanage_box .new_item
{
	height:30px;
	line-height:30px;
	margin:10px 0px 0px 15px;
	padding-left:22px;
	cursor:pointer;
	background:url("images/add.png") no-repeat left center;
}
.comic_box .umanage_box .itemline .edit_version, .comic_box .umanage_box .itemline .delete_version, .comic_box .umanage_box .itemline .save_version
{
	width: 20px;
	cursor: pointer;
	margin: 0 4px;
}
.comic_box .umanage_box .itemline img.smallflag {
height: 10px
}
.comic_box .umanage_box .itemline span.right {
	float: right;
}

#please_wait {
	position:fixed;
	top:40%;
	left:20%;
	width:35%;
	padding: 1em 3%;
	border: 2px solid;
	color: black;
	background: #bbd;
	font-size: 2em;
	text-align: center;
	z-index: 9898785;
}

.row .chapter
{
	float:left;
	width:80%;
	margin:4px 0px 0px 14px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
	font-size:12px;
	background:#F0EEE4;
}
.row .new_chapter
{
	float:left;
	clear:left;
	height:30px;
	line-height:30px;
	margin:10px 0px 0px 15px;
	padding-left:22px;
	cursor:pointer;
	background:url("images/add.png") no-repeat left center;
}

.row .chapter .ch_head
{
	float:left;
	width:100%;
	line-height:20px;
}
.row .chapter .ch_head b
{
	float:left;
	margin-left:5px;
	font-weight: normal;
}
.row .chapter .ch_head i
{
	float:left;
	width:240px;
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
}
.row .chapter .ch_head .new_chapter_num
{
	float:left;
	width:30px;
	height:14px;
	margin:1px 15px 0px 5px;
	text-align: center;
}
.row .chapter .ch_versions
{
	float:left;
	width:100%;
	display:none;
}
.go_to_chapter
{
	float:left;
	margin-left:40px;
}
.row .chapter .simple_view
{
	float:left;
	width:47%;
	background:#E9DFCC;
	border:1px solid #999;
	border-radius:7px;
	margin:5px 0px 0px 10px;
}
.row .chapter .simple_view.empty_chapter
{
	background:#bbacd0;
}
.row .chapter .simple_view .language b,
.row .chapter .simple_view .showing b
{
	display:none;
}
.row .chapter .ch_versions .simple_view .language
{
	width:136px;
	margin-left:5px;
	line-height:35px;
	clear:none;
}
.row .chapter .ch_versions .simple_view .showing
{
	width:22px;
	margin:8px 0px 0px 10px;
}
.row .chapter .ch_versions .simple_view .go_to_chapter,
.row .chapter .ch_versions .simple_view .edit_version
{
	margin:7px 0 0 0;
	line-height:35px;
}
.row .chapter .ch_versions .simple_view .edit_version,
.row .chapter .ch_versions .simple_view .save_version
{
	float:right;
	margin:7px 4px 0 4px;
}

.row .chapter .ch_versions .showing
{
	float:left;
	width:150px;
}

.row .chapter .ch_versions .showing b, .row .chapter .ch_versions .showing img, .row .chapter .ch_versions .version_team b, .row .chapter .ch_versions .version_team img
{
	float:left;
	margin-right:4px;
	line-height:22px;
	font-weight:normal;
}
.row .chapter .ch_versions .version_team img
{
	cursor: pointer;
}

.row .chapter .ch_versions .new_version
{
	float: left;
	height:30px;
	padding-left:22px;
	margin-left:30px;
	line-height:30px;
	cursor: pointer;
	background:url('images/add.png') left center no-repeat;
}
.row .chapter .ch_versions .version_team
{
	float:left;
	width:78px;
	height:20px;
	margin-right:5px;
}

.row .chapter .ch_versions ul, #team ul
{
	float:left;
	width:93%;
	list-style: none;
	margin:5px 14px;
	padding:4px 10px;
	background:#cbcac6;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.row .chapter .ch_versions .no_empty
{
	color:red;
	font-weight: bold;
	text-align: center;
}
#team ul li
{
	margin:3px 0px;
}
.row .chapter .ch_versions ul li .language
{
	float:left;
	width:206px;
	clear:left;
	line-height: 22px;
}
.row .chapter .ch_versions ul li .edit_version, .ch_versions ul li .delete_version, .ch_versions ul li .save_version
{
	float: left;
	width:20px;
	cursor: pointer;
	margin-left:8px;
}

.row .chapter .ch_versions ul li .edt_version:hover
{
	font-weight:bold;
}
.row .chapter .delete_chapter
{
	float:right;
	margin:3px 12px 0px 0px;
	height:14px;
	cursor: pointer;
}
.row .chapter .sell_chapter
{
	float:right;
	margin:3px 12px 0px 0px;
	height:14px;
}

.styled_dialog
{
	width:300px;
}
#confirmChange p
{
	text-align:center;
}
#confirmChange p input
{
	text-transform: capitalize;
	margin-right:5px;
}
#big_loader
{
	width:200px;
	height:60px;
	position:absolute;
	border:1px solid black;
	margin-left:330px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background:white url(images/ajax-loader.gif) center center no-repeat;
	-moz-box-shadow: 4px 4px 4px #888;
	-webkit-box-shadow: 4px 4px 4px #888;
}

.comic_box .comic_chapters
{
	float:right;
	right:5px;
	clear:both;
	width:395px;
	margin-left:16px;
	z-index:1;
	visibility: hidden;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size:12px;
	-moz-box-shadow: 4px 4px 16px black;
	-webkit-box-shadow: 4px 4px 16px black;
	border:2px solid;
	position: absolute;
}
.comic_chapters .title
{
	float:left;
	width:100%;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
}
.comic_chapters .row
{
	float:left;
	width: 95%;
	padding:10px;
}
.comic_chapters .row.close
{
	padding:2px 10px;
}
.comic_chapters .row .release_text
{
	float:left;
	width:100%;
	text-align: center;
	font-weight: bold;
}
.comic_chapters .row .version_language, .comic_chapters .row .edit_version_language
{
	float:left;
}
.comic_chapters .row input.version_language
{
	width:100px;
}
.comic_chapters .row .edit_version_language
{
	margin-left: 5px;
	cursor: pointer;
}
.comic_chapters .comic_description
{
	width:174px;
	height:18px;
}
.comic_chapters .row table
{
	width:100%;
	text-align: center;
}
.comic_chapters .row .text_label
{
	width:30px;
}
.comic_chapters .row table .upload_page
{
	float:left;
    width: 60px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding: 3px 0;
	margin:3px;
    text-align: center;
	background: #880000;
	border:none;
    border-bottom: 1px solid #DDDDDD;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.comic_chapters .row table .upload_page:hover
{
	background:#cc0000;
}
.comic_chapters .row table .preview_icon
{
	width:22px;
	margin-top:5px;
}
.row table .not_validated
{
	background:#FFE3E3;
}
#apply_changes
{
	float:left;
	margin:5px 0px 0px 10px;
}
.comic_chapters .row table td .move_up, .comic_chapters .row table td .move_down
{
	float:left;
	width:49%;
	height:25px;
	cursor: pointer;
	background:url('images/up.png') center center no-repeat;
}
.comic_chapters .row table td .move_down
{
	background:url('images/down.png') center center no-repeat;
}
.comic_chapters .row .delete
{
	cursor: pointer;
}
.comic_chapters .row .add_comic_page, .comic_chapters .row .create_ebook
{
	float:left;
	line-height:24px;
	padding-left:28px;
	margin:5px 0px 0px 10px;
	cursor: pointer;
	background:url('images/g_add.png') left center no-repeat;
}
.comic_chapters .row .download_pages, .comic_chapters .row .download_link, .comic_chapters .row .download_text
{
	float:right;
	padding-left:28px;
	margin-top:4px;
	line-height: 25px;
	cursor: pointer;
	background:url('images/download.gif') left center no-repeat;
}
.comic_chapters .row .download_text, .comic_chapters .row .download_link
{
	clear:both;
}
.comic_chapters .row .download_link
{
	color:blue;
	background:none;
	text-decoration: underline;
}
.comic_chapters .row .info_message
{
	float:left;
	width:100%;
	font-size:11px;
	margin-top:10px;
	font-weight: bold;
	text-align: justify;
	text-indent: 1em;
}
.uploadifyQueue
{
	float:left;
	width:15px;
	position:relative;
	left:-170px;
}
.comic_chapters .row table .yes
{
	width:18px;
	cursor: pointer;
}
.comic_chapters .row table .no
{
	width:18px;
	margin-top:5px;
}
.comic_chapters .row table object
{
	margin-top:4px;
}
#chapter_notice
{
	float:left;
	margin:10px 0px 0px 15px;
	padding-bottom:10px;
}
#add_user
{
	float:left;
	clear:left;
	height: 34px;
	line-height: 34px;
	cursor: pointer;
	padding-left:34px;
	margin-left:15px;
	background:url('images/uadd.png') left center no-repeat;
}
.add_new_comic
{
	float:left;
	height:32px;
	line-height:32px;
	margin-top:15px;
	padding-left:35px;
	cursor: pointer;
	font-size:18px;
	background:url('images/add_big.png') left center no-repeat;
}
#upanel_view_mode
{
	float:right;
	border:2px solid #999;
	border-radius:7px;
	padding:5px 10px;
	cursor: pointer;
	color:white;
	font-weight: bold;
	background:#99CB3F;
	text-transform: capitalize;
}
.comic_box .delete_box
{
	float:right;
	position: relative;
	right:0px;
}
.comic_box .delete_box img, .comic_box .delete_box input
{
	float:left;
}
.comic_box .delete_box img
{
	cursor: pointer;
}
.comic_box .delete_box input
{
	margin-top:20px;
}
.comic_box .compact_view, .comic_box .detailed_view
{
	float:left;
	clear:both;
	position: relative;
	left:0;
	bottom:0;
	margin-top:20px;
}
.comic_box .detailed_view
{
	margin-top:0;
	margin-right: 20px;
}




.comic_box .umanage_box#ebooks p {
	margin: 1em 2em;
}
.comic_box .umanage_box#ebooks p label {
	display: inline-block;
	width: 32%;
}
.comic_box .umanage_box#ebooks p input[type=text] {
	width: 45%;
}
.comic_box .umanage_box#ebooks form .btn_bgred {
	font-size: 130%;
	width: 15em;
}
.comic_box .umanage_box#ebooks form .upload_wrapper .qq-uploader {
	display: inline-block; width: auto;
}
.comic_box .umanage_box#ebooks form .upload_wrapper .qq-uploader .qq-upload-button {
	margin: 0;
}
.comic_box .umanage_box#ebooks form img {
	float: right;
	margin-right: 1em;
}

/*** Newsletter ***/

.newsletter_block {
	margin-top:0.5em;
	padding:1em;
	border:1px solid #909090;
	background:#fbfbfb;
	overflow: auto;
}
.newsletter_block h3 {
	text-align:center;
	margin:0; padding:0;
	font-size:14px;
}


#newsletter_icons_apply {
	clear:both;
	background: #8cf;
	padding: 0.7em;
	margin-top: 0.7em;
}
#newsletter_icons_apply h4 { margin-top: 0 }
#newsletter_icons_apply img, #newsletter_icons_apply button {
	margin: 0.5em 1em;
	vertical-align:middle;
}
#newsletter_icons_apply img.normal {
	cursor: pointer;
}
#newsletter_icons_apply img.published {
	opacity:0.4;
}
#newsletter_icons_apply img.publishing {
	margin: 0 0.5em;
	border: 0.5em solid red;
	background: red;
}


#newsletter_list {
	width:100%;
	text-align:center;
	border-collapse: collapse;
}
#newsletter_list thead tr {
	background:#cbcac6;
}

.newsletter_icons_list {
	text-align:center;
	background: #8cf;
}
.newsletter_icons_list img, .newsletter_icons_list span {
	display:inline-block;
	width: 25px;
	margin: 1px;
	font-size: 1px;
}





/*** Member landing page ***/
.left_content .uprojects
{
	float:left;
	width:100%;
}
.left_content .uprojects .project
{
	float:left;
	width:33%;
}
.uprojects .project b
{
	float:left;
	width:100%;
	text-align: center;
}
.uprojects .project img
{
	margin:5px 30px;

}
#translator
{
	float:left;
	width:1020px;
	height: auto;
	display: block;
	margin-left:-25px;
	position:absolute;
	top:0;
	z-index:6;
	-moz-box-shadow: 2px 2px 10px black;
	-webkit-box-shadow: 2px 2px 10px black;
}
#translator .close
{
	float:right;
	right:6px;
	top:10px;
	position: absolute;
	cursor:pointer;
}
#translator #navigaton
{
	float:left;
	width:100%;
}
#navigation .load_prev
{
	float:left;
	width:26px;
	height:25px;
	cursor:pointer;
	margin:10px 0px 0px 10px;
	background:url(images/arrow-left.gif);
}
#navigation .load_next
{
	float:right;
	width:26px;
	height:25px;
	cursor:pointer;
	margin:10px 10px 0px 0px;
	background:url(images/arrow-right.gif);
}

#translator .translating_image
{
	float:left;
	border:1px solid;
	position:relative;
}
#translator .translating_image span
{
	position:absolute;
	opacity: .9;
}
#translator .translating_image .label
{
	width:100%;
	height:16px;
	top:-15px;
	position:absolute;
	color:white;
	font-size:12px;
	font-weight: bold;
	background:black;
	text-align: center;
	border:1px solid white;
	border-bottom:none;
	overflow:hidden;
}
#translator .translating_image textarea
{
	background: #f1f1f1;
	border:1px solid;
}
#translator .translation_control_center
{
	float:left;
	width:210px;
	text-align: center;
}
.translation_control_center label
{
	float:left;
	font-weight:bold;
	margin:10px 0px 0px 4px;
}
.translation_control_center p
{
	float:left;
	width:98%;
	margin:0px 0px 0px 4px;
	text-align:left;
}

#translator .balloon_control_center
{
	float:left;
	width:220px;
	margin-left:10px;
}
#balloon_info
{
	float:left;
	width:100%;
}
#balloon_info button
{
	clear:left;
	margin-top:10px;
}
#balloon_info span
{
	float:left;
	width:100%;
	margin-top:5px;
	line-height:24px;
}
#balloon_info b, #balloon_info label, #balloon_info input, #balloon_info img, #balloon_info select
{
	float:left;
	margin-right:5px;
}
#balloon_info img
{
	margin-top:2px;
	cursor:pointer;
}
#translator .submit
{
	float:left;
	clear:left;
	margin:10px;
	width:150px;
	height:42px;
}

#translator .empty_balloon
{
	float:left;
	width:90px;
	height: 50px;
	text-align: center;
	padding-top:2px;
	border:1px solid;
	opacity: 0.9;
	background:#ccc;
}





/********* comics or something *******/

#chooseComic
{
	float:left;
	width:600px;
	margin-left:200px;
	position:absolute;
	z-index: 2;
	border:2px solid;
	background:white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 8px 8px 10px black;
	-webkit-box-shadow: 8px 8px 10px black;
	display:none;
}
.choose_translate_comic
{
	float:left;
	width:590px;
	padding:5px;
	background: #f4f4f4;
}
.choose_translate_comic .close_image
{
	float:right;
	margin-right: 5px;
	cursor: pointer;
}
.choose_translate_comic .comic_list, .comic_list .translate_comic
{
	float:left;
	width:99.5%;
}
.comic_list .translate_comic
{
	margin-top:10px;
	padding:3px;
	border:1px solid #ccc;
	background:#fbfbfb;
}
.comic_list .translate_comic img
{
	float:right;
}
.comic_list .translate_comic span img
{
	margin-top:6px;
}
.comic_list .left
{
	float:left;
	width:272px;
	padding-left:6px;
}
.comic_list .left .comic_title
{
	font-size:14px;
	text-align:left;
	border:none;
}
.comic_list .left span
{
	float:left;
	width:100%;
	margin-top:3px;
	padding-bottom:1px;
	text-align:right;
	line-height:26px;
	border-bottom: 1px solid #ccc;
}
.comic_list .left span i
{
	float: left;
}
.comic_list .left span em
{
	cursor: pointer;
	padding:2px 5px;
	font-weight:bold;
	border:1px solid black;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #ccc;
}
.comic_list .left span em:hover
{
	color:white;
}
.comic_box .subscribe
{
	float:left;
	position: relative;
	left:-10px;
	bottom:-10px;
}
.choose_translate_comic #paging, .edit_box #paging, #friends #paging
{
	clear:both;
	width:200px;
	margin:0 auto;
	padding:6px 0px;
	text-align:center;
	display:block;
}
#friends #paging
{
	width:300px;
}

.choose_translate_comic #paging a, .edit_box #paging a, #friends #paging a
{
	margin:0px 2px;
	padding:2px 7px;
	border:1px solid #ccc;
}
.choose_translate_comic #paging a:hover, .edit_box #paging a:hover, #friends #paging a:hover, .choose_translate_comic #paging a.active, .edit_box #paging a.active, #friends #paging a.active
{
	background: white;
	border:1px solid;
}
.edit_box .peek_at
{
	float:left;
	clear:left;
	margin-top:15px;
}
#Notifications .menu
{
	float:right;
	width:100%;
	padding:0;
	margin-top: 10px;
	text-align:right;
}
#Notifications .menu a:hover
{
	text-decoration: underline;
}
#Notifications .menu a.active
{
	font-weight: bold;
}
#Notifications .content
{
	float: left;
	width:100%;
	margin-top:10px;
	color:#444;
	padding-bottom:20px;
}
#Notifications .content .ndate
{
	float:left;
	width:100%;
	height:20px;
	margin-top:10px;
	line-height:20px;
	text-indent: 2em;
	overflow:hidden;
	text-transform: capitalize;
	background:#E6E6E6;
}
#Notifications .content a.send_back, #Notifications .content a.send_friend, #Notifications .content a.read_comments
{
	color:#415CF7;
}
#Notifications .content a.send_back:hover, #Notifications .content a.send_friend:hover
{
	color:#d3cded;
	text-decoration:underline;
}
.demo_link
{
	color: #415CF7;
	cursor:pointer;
}
#Notifications .content .notification
{
	float:left;
}
#Notifications .content .notification.ploke
{
	background:url('images/send_ploke_icon.png') 4px center no-repeat;
	padding-left:20px;
}
#Notifications .content .notification.mecha_ploke
{
	background:url('images/send_mecha_ploke_icon.png') 4px center no-repeat;
	padding-left:20px;
}
#Notifications .content .notification.comment
{
	background:url('images/comments_icon.png') 4px center no-repeat;
	padding-left:20px;
}
#Notifications .content .notification.ncomic
{
	background:url('images/comic_icon.png') 4px center no-repeat;
	padding-left:20px;
}
#Notifications .content .notification.friend
{
	background:url('images/friends.png') 10px center no-repeat;
	padding-left:20px;
}
#Notifications .content .notification.lova
{
	background:url('images/heart_plus_mini.png') 10px center no-repeat;
	padding-left:20px;
}
#Notifications .content .notification.badge
{
	background:url('images/badge_icon.png') 3px center no-repeat;
	padding-left:20px;
}
#Notifications .content .notification.fight
{
	background:url('images/fight_icon.png') 3px center no-repeat;
	padding-left:20px;
}
#Notifications .content .notification.npremium
{
	background:url('images/premium_small_icon.png') 3px bottom no-repeat;
	padding-left:20px;
}
#Notifications .content .notification.nsystem
{
	width:85%;
	text-indent: 0em;
	background:url('images/notification_system_icon.png') 3px center no-repeat;
	padding-left:27px;
}
#Notifications .content .notification.sell
{
	background:url('images/coins_icon.png') 3px center no-repeat;
	padding-left:20px;
}

#Notifications .content b.when
{
	font-size:11px;
	color:#aaa;
	font-weight:normal;
}
#Notifications .content span.hide
{
	float:right;
	color:#982121;
	font-size: 9px;
    text-transform: uppercase;
	display:none;
	cursor:pointer;
}

#Notifications .old, #Notifications .new
{
	float:left;
	width:98%;
	margin:4px 0px 0px 10px;
	text-indent: 1em;
	border-bottom:1px solid #eee;
}
#Notifications .new
{
	font-weight: bold;
}
#Notifications .old span i, #Notifications .new span i
{
	cursor:pointer;
	color:#6567c1;
	font-weight:bold;
}
#friends .f_content
{
	float:left;
	width:450px;
	height:85px;
	margin:0px 5px 2px 0px;
	border-bottom:1px solid silver;
}
#friends .f_title {
	float: left; 
	width: 310px;
	height: 30px;
	margin: 20px 0pt 0pt 10px;
	border-right: 1px solid silver;
}

#friends .f_action {
	float: left;
	width: 40px;
	height: 30px;
	margin: 25px 0pt 0pt 4px;
}

.search_results {
	display:none;
	position:absolute;
	top:6;
	width:253px;
	background-color:white;
	border:1px solid grey;
	-moz-border-radius: 6px; border-radius: 6px;
	z-index:500;
}

.search_results .footer {
	position:absolute;
	margin:0;
	padding-top:3px;
	bottom:0;
	width:253px;
	height:17px;
	background-color:#F1F3DE;
	text-align:center;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
}

.search_results .topp {
	position:absolute;
	margin:0;
	top:0;
	width:253px;
	height:17px;
	background-color:#F1F3DE;
	margin:0; text-align:center;
	border-bottom:1px solid grey;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
}

#Notifications .send_back, #Notifications .when, #Notifications .send_friend
{
	float:left;
}

#Notifications .hovered
{
	border-bottom: 1px dashed black;
}

#Notifications .content .options
{
	float:left;
	width:100%;
}
#Notifications .content .option
{
	float:left;
	width:100%;
}
#Notifications .content .save_options
{
	float:left;
	margin-top:20px;
}
#Notifications .content .saved_result
{
	float:left;
	line-height:25px;
	margin:20px 0px 0px 10px;
}
#hover_dataContainer
{
	display:none;
}
#fileProgress
{
	width:100%;
	line-height:30px;
	font-size:11px;
	text-align:center;
	color:#666;
	clear:both;
}
#cancelUpload
{
	float:right;
	font-size:11px;
	text-transform:uppercase;
	margin-top:-28px;
	cursor:pointer;
	color:red;
	font-weight: bold;
}
#epic_uploader, #epic_uploader_color
{
	float:left;
	margin-right:6px;
}
#epic_uploader .qq-upload-button
{
	padding:3px;
}
#preloaded_img
{
	display:none;
}

.releace_pace {
	text-align:center;
	width:100%;
	border:1px solid #ccc;
	background:white;
}
.releace_pace td a
{
	text-transform: capitalize;
}
a.load_moar,
#Notifications .unsub_from_all,
#Notifications .login_first
{
	width:300px;
	border: 1px solid #AAAAAA;
	color: #555;
	text-transform:uppercase;
	font-size:14px;
	font-weight: bold;
	text-align: center;
	padding:5px 0px;
	cursor:pointer;
	margin:10px auto;
	display:block;
	clear:both;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	background: url("libs/ui-css/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #CCCCCC;
}
.load_moar:hover
{
	color:#999;
	border: 1px solid #ccc;
}
#Notifications .unsub_from_all,
#Notifications .login_first
{
	width:85%;
	font-size:13px;
	margin:10px auto;
	display:block;
	background:red;
	padding:5px 0;
	cursor: pointer;
	color:black;
	text-transform: none;
}
#Notifications span.unsub_from_all
{
	font-size:16px;
}
#Notifications .login_first
{
	background:#06fa17;
}

.filter_by
{
	float:left;
	margin-left:10px;
}
.filter_by label
{
	font-weight: bold;
	text-transform: capitalize;
}
#ajax_wrapper
{
	display:none;
	position:absolute;
	z-index:10;
}
#ajax_wrapper .close
{
	float:right;
	top:10px;
	right:14px;
	position: relative;
	cursor: pointer;
}
#info
{
	padding:1em 10px;
}
#member_panel .other_comics, #member_panel .other_comics label
{
	float:left;
	width:100%;
}
#member_panel .other_comics label
{
	font-size:15px;
	margin-top:15px;
	text-transform: capitalize;
}
#member_panel .other_comics .comics
{
	float:left;
}
.other_comics .comics input
{
	float:left;
	padding:4px;
	margin:5px 10px;
	background:#ccc;
	cursor:pointer;
	font-weight: bold;
	border:1px solid #999;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.other_comics .comics input.loaded
{
	background:#29d213;
}
/*
* Upload window
*/
#upload_window
{
	float:left;
	width:654px;
	padding:10px;
	z-index:30;
	position: absolute;
	background:white;
	border:1px solid black;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#upload_window h1
{
	text-align: center;
}
#upload_window h1 b
{
	color:#d30101;
}
#upload_window .left_part
{
	float:left;
	width:197px;
	margin-left:10px;
}
#upload_window .left_part .already_uploaded
{
	float:left;
	clear:left;
	width:195px;
	color:white;
	position: relative;
	border:1px solid #ff1010;
}
#upload_window .already_uploaded .other_image
{
	display:none;
}
#upload_window .already_uploaded .current_image,
#upload_window .already_uploaded .other_image
{
	position: absolute;
	top:0;
	left:0;
}
#upload_window .diff_dimensions
{
	float:left;
	width:190px;
	text-align: center;
}
#upload_window .version_options
{
	float:left;
	width:100%;
	line-height:25px;
	background:#ff1010;
}
#upload_window .version_options span
{
	width:49%;
	color:white;
	font-size:14px;
	cursor: pointer;
	text-align: center;
	display:inline-block;
	text-decoration: underline;
}
#upload_window .left_part_help
{
	float:left;
	width:137px;
	padding-bottom: 10px;
	margin:0px 0px 0px 10px;
	border:1px solid black;
	background:url('images/super_upload_grad.png');
}
#upload_window .trim_options
{
	float:left;
	width:400px;
	margin:10px 0px 0px 20px;
	text-align: center;
}
#upload_window .trim_options select
{
	margin-top:5px;
}
#upload_window .trim_options a
{
	margin-left:5px;
}
#upload_window .right_part .trim_options p
{
	margin-top:2px;
	font-weight: bold;
}
#upload_window .bottom_options
{
	margin-top:15px;
	text-align: center;
}
#upload_window .bottom_options .buttons
{
	text-align: center;
}
#upload_window .bottom_options .buttons span
{
	float:left;
	width:110px;
	height:46px;
	color:white;
	border-left:0;
	border-right:0;
	font-size:20px;
	cursor:pointer;
	margin-left:14px;
	font-weight: bold;
	background:#0f467d;
	border:1px solid #4b77a7;
	line-height: 46px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.left_part .num_boxes
{
	float:left;
	width:80px;
	margin:5px 0px 0px 14px;
}
.num_boxes b
{
	float:left;
	width:73px;
	height:39px;
	font-size:16px;
	margin-top:1px;
	line-height: 39px;
	text-align: center;
	border:1px solid black;
	background:#38ff70;
}
.num_boxes b.second
{
	background:#92e9aa;
}
.num_boxes b.third
{
	background:#bcdfc5;
}
.num_boxes b.fourth
{
	background:#cadbce;
}
#upload_window .left_part b
{
	float:left;
	width:100%;
	margin-top:8px;
	text-align: center;
	text-transform: uppercase;
}
#upload_window .left_part p
{
	float:left;
	padding:0px 4px;
}
#upload_window .left_part .super_upload_arrow
{
	float:left;
	width:15px;
	height:176px;
	margin:10px 0px 0px 10px;
	background:url('images/super_upload_arrow.png') bottom no-repeat;
}
#upload_window .left_part .super_upload_arrow b
{
	float:left;
	width:5px;
	height:160px;
	margin-left:5px;
	background:black;
}
#upload_window .right_part
{
	float:left;
	width:440px;
	margin-left:5px;
}
#upload_window .right_part p
{
	margin-top:10px;
}
#upload_window .right_part p img
{
	float:left;
}
.right_part .same_versions a,
#upload_window .trim_options a
{
	color:blue;
	cursor: pointer;
	text-decoration: underline;
}
#upload_window .close_window, #why_the_same .close_window, #confirmChange .close_window
{
	float:right;
	position: absolute;
	right:4px;
	top:2px;
	font-size:12px;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
}
#why_the_same
{
	float:left;
	width:900px;
	height:600px;
	background:url('images/why-identical.png') no-repeat;
	z-index:13;
	position: absolute;
	font-size:13px;
	cursor: pointer;
	border: 10px solid white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#why_the_same div
{
	position: absolute;
}
.whs_0
{
	left:16px;
	top:15px;
	font-size:36px;
	font-weight: bold;
}
.whs_1
{
	left:12px;
	top:62px;
	font-size: 26px;
	font-weight: bold;
}
.whs_2
{
	left:12px;
	top:103px;
	width:335px;
}
.whs_3
{
	left:380px;
	top:103px;
	width:200px;
}
.whs_4
{
	left:592px;
	top:100px;
	width:300px;
}
.whs_5
{
	left:12px;
	top:340px;
	font-size: 26px;
	font-weight: bold;
}
.whs_6
{
	left:12px;
	top:420px;
	width:100px;
}
.whs_7
{
	left:462px;
	top:420px;
	width:100px;
}


.lightTip {
	width: 342px;
}
.lightTip .content {
	width: 310px;
	padding: 10px;
	border: 6px solid #e2e2e2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ffffff;
	color: #020202;
}
.lightTip .bottom {
	height: 14px;
	background: url('images/notch-white.png') top center no-repeat;
}



/**** Last Comment ****/
#Last_Comments .comments_feed
{
	font-size: 11px;
	position: relative;
	min-height:500px;
}
#Last_Comments #latest_comments
{
	width:670px;
	margin-bottom:20px;
}
#Last_Comments #latest_comments .comment
{
	width:100%;
}
.comment .avatar img
{
	float:left;
}
#Last_Comments #latest_comments .comment_text,
#Last_Comments #comments_queue .comment_text
{
	width:570px;
	position: relative;
}
#site .comments_feed .menu
{
	float:right;
	width:245px;
	right:0;
	position: relative;
}
.comments_feed .menu strong
{
	float:left;
	width:100%;
	text-align: left;
	font-size:15px;
}
.comments_feed .menu .by_comics strong,
.comments_feed .menu .by_date strong,
.comments_feed .menu .by_language strong
{
	font-size:12px;
	text-align: left;
	margin-top:10px;
}
.comments_feed .menu .by_comics,
.comments_feed .menu .by_date,
.comments_feed .menu .by_language
{
	float:left;
	clear:left;
}
.comments_feed .menu .comic
{
	float:left;
	width:100%;
	margin-top:4px;
}
#filter_options
{
	display:none;
}
.comment .comment_text .info
{
	line-height: 22px;
}
.comment .comment_page_info
{
	float:left;
	clear:left;
	width:100%;
	margin-top:-5px;
	color:#921879;
}
.comment .comment_page_info a
{
	color: blue;
	font-weight: bold;
	text-decoration: underline;
}
#comic_comments
{
	margin-top:0;
}
#comic_comments .reader_form
{
	display:none;
}
#comic_comments .reader_form .comment_text .center
{
	width:586px;
}
.comment_text .center textarea
{
	width:572px;
}
.reader_form .post_comment_format.premium_smiles
{
	width:440px;
}
#Last_Comments #latest_comments .reader_form .comment_text
{
	width:592px;
	background:none;
	border:none;
	margin:0 0 0 10px;
	padding:0;
}
#Last_Comments #latest_comments .comment.replied .comment_text
{
	border:3px solid #ccc;
	border-left:1px solid #ccc;
	background:#F6F5F7 url('images/check.png') top right no-repeat;
}
#latest_comments .reader_form .comment_text .left
{
	margin: 6px 0 0 -19px;
}
#latest_comments .reader_form .user_avatar
{
	width:50px;
}
#Last_Comments .page_id_js, #Last_Comments .bp_js
{
	display: none;
}
#latest_comments .comment .green_button
{
	position: relative;
	bottom: -10px;
}
.comment_text .replied_to_comment
{
	float:right;
	position: absolute;
	right:2px;
	top:2px;
}
#Notifications .centered
{
	text-align: center;
}
#Notifications .options .main_notifications,
#Notifications .options .secondary_notifications,
#Notifications .options .subs_notifications
{
	float:left;
	width:98%;
	padding:10px;
	margin-bottom: 10px;
	background:#afe1f5;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#Notifications .options .secondary_notifications
{
	background:#f0f6a9;
}
#Notifications .options .subs_notifications
{
	background:#b9f6a9;
}
.subs_notifications ul
{
	float:left;
	width:50%;
	padding:0;
}
.subs_notifications li
{
	width:100%;
	display:inline-block;
}
.subs_notifications li .subs_delete
{
	float:left;
	width:16px;
	height:16px;
	cursor: pointer;
	background:url('images/small_delete.png') no-repeat;
}
.subs_notifications li .subscr_text
{
	float:left;
	width:90%;
}
.options.notlogged
{
	display:none;
}
#ui-datepicker-div
{
	display:none;
}
#validate,
#create_subdomain
{
	cursor: pointer;
	font-weight: bold;
	color:#333;
	width:122px;
	text-align: center;
	display:inline-block;
	font-size:11px;
	line-height: 10px;
}
#validate:hover,
#create_subdomain:hover
{
	text-decoration: underline;
}
#validate
{
	color: #880000;
}
.leftfloat
{
	float:left;
}
.all_author_words,
.all_title,
.all_description
{
	display:none;
}
.words_language
{
	width:100px;
}
.comic_box .subdomain_input
{
	width:120px;
}
#daily_release_mode
{
	float:left;
}
a.show_unconfirmed
{
	float:right;
	color:#415CF7;
	line-height:36px;
}
a.show_unconfirmed:hover
{
	text-decoration: underline;
}

/******* parrainage usharing page *******/
.parrain {
	border: 1px solid #888;
	border-collapse: collapse;
	margin: 10px 0;
	width: 100%;
}
.parrain td {
border: 1px solid #888;
width: 30%;
}
.parrain h4, .parrain p {
	margin: 4px;
}
.parrain a { text-decoration: underline }
.parrain td:first-child {
	 width: 40%;
}
.parrain td:first-child + td {
	text-align:center;
	font: 10px sans-serif;
	color: #555;
	width: 24%;
}
.parrain td:first-child + td+td {
	text-align:center;
	width: 35%;
}

.parrain textarea {
width: 80%; height: 30px;
}

.parrain.image td:first-child { width: 29% }
.parrain.image td:first-child + td { }
.parrain.image td:first-child + td+td { width: 45% }