.tiny { font-size: 80% }
.small { font-size: 100% }
.medium { font-size: 131% }
.large { font-size: 188% }
.huge { font-size: 270% }

* {
	font-family: Verdana,Sans-serif;
	margin: 0;
	padding: 0;
}

input, select {
	border: 0;
}

body {
	background: #CDE1C9;
}

a {
	font-weight: bold;
	text-decoration: none;
}

h1 {
	background: #7BB06F none repeat scroll 0 0;
	font-size: 188%;
	font-weight: normal;
	padding: 5px;
	color: #ffffff;
	font-variant: small-caps;
	border-bottom: 1px solid #000;
}

h1 a {
	color: #ffffff !important;
}

h1 a:hover {
	text-decoration: none !important;
}

#title {
	border-bottom: 1px solid #000;
	background: #000000;
	font-size: 188%;
	padding: 5px;
	color: #ffffff;
	font-variant: small-caps;	
}

#title a {
	color: #ffffff;
}

#title a:hover {
	text-decoration: none;
}

#title:after {
	clear: both;
	content: " ";
}



#site
{
	background: transparent url(mdl.jpg) repeat scroll 52% 52%;
	font-size: 69%;
	max-width: 1200px;
	margin: auto;
	/*font-size: 0.8em;*/
}

li {
	list-style-image: none; /*url(bullet.gif);*/
	list-style-type: none;
}

th {
	padding: 3px;
	text-align: left;
}

img {
	border: 0;
	margin-bottom:-3px;
}

img:hover {
	/*opacity: 0.6;*/
}

fieldset {
	border: 0;
}

/* Layout */

#login {
	text-align: right;
	font-size: 80%;
	background: #FFFFFF;
}

.search, label
{
	/*font-size: 140%;
	padding: 7px 0;
	width: 100%;*/
}

label {
	padding: 6px;
}

.drop
{
	padding:5px; 
	border: 1px solid #ccc; 
	width: 100%; 
	font-size: 11px;
}

.drop2 {
	width: auto;
}

.page
{
    	font-size: 11px;
	color: #000;
	width: 100%;
}

.page td
{
	vertical-align: top;
	padding: 5px;
}

select {
	
}

.input {
	margin: 1px;
	/*vertical-align: top;*/
}

.select, .date {
	/*display: inline;*/
}


.checkbox {
	font-size: 85%;
	padding: 3px;
	display: inline-block;
}

.checkbox label {
	padding: 2px;
	width: auto !important;
}

.form-error {
}

form {
	display: inline;
}

.table td {
	padding: 5px;
}

.edit {
	border: 0;
	border-bottom: 1px solid #7BB06F;
	font-size: 140%;
	font-weight: normal;
	margin: 8px;
}

.textinput, .textareainput {
	border: 0;
}

.textareainput {
}


.form {
	border-collapse: collapse;
	margin: 10px;
}

.form td {
	border: 1px solid #CCCCCC;
}

.submit {
	text-align: center;
}

.submitinput {
	border:1px solid #000000;
	font-weight:bold;
	float: right;
}

a, input {
	padding: 0;
	margin: 0;
}

.profile {
	border:1px solid #CCCCCC;
	margin-right: 10px;
	float: left;
	padding: 1px;
	max-height: 56px;
}

#loader {
	display: inline;
	font-size: 80%;
}






.h2 {
	padding: 4px; 
	background: rgb(177, 209, 171) none repeat scroll 0% 0%;
	text-align: center; 
	border-bottom: 1px solid #7BB067;
	border-top: 1px solid #7BB067;
	font-weight: bold;
	border-left: 0;
	border-right: 0;
}

h2, #help_bar {
	font-size: 131%;
	background: #CDE1C9;
	padding: 3px 10px;
	font-weight: normal;
	border-bottom: 1px dashed #000000;
}

h2 a, #help_bar a {
	color: #000000 !important;
}

h2 span, #help_bar span {
}

#forums .category {
	font-size: 131%;
	background: #CDE1C9;
	padding: 3px 10px;
}

#forums tr, #texts tr {
	font-size: 100%;
	padding: 3px 10px;	
}

#forums th, #texts th {
	background: #F9F9F9;
	border: 1px solid #CCCCCC;
	font-size: 131%;
}

#forums td, #texts td {
		background: #FFFFFF;
		padding: 3px;
		vertical-align: middle;
}

#forums .comment_body, #texts .comment_body {
	font-size: 131%;
}

h5
{
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #7BB06F;
	font-weight: normal;
}

.news_header {
	padding-left: 47px;
	font-size: 140%;
	margin-bottom: 5px;	
}

.news_title {
	font-weight: bold;
	display: inline;
}

.news_details {
	float: right;
}

h4 {
	font-weight: normal;
	background: #7BB06F;
	font-variant: small-caps;
	padding: 2px;
	border-bottom: 1px solid #000000;
	color: #ffffff;
}

.box_title {
	font-variant: small-caps;
	padding: 2px;
	border-bottom: 1px solid #000000;
	color: #ffffff;
	background: #7BB06F;
}

.box_contents {
	padding: 5px;
	text-align: center;
}

h3 /* syntax cleaned up */
{
    border-bottom: 1px solid #7BB06F;
    font-size: 131%;
	font-weight: bold;
	margin: 0 -6px 4px 4px;
    padding: 4px 4px 4px 8px;
}


.section
{
	
        margin: 0px;
	background: #F2F2F2;
	padding: 4px;
	padding-bottom: 6px;	
	height: 18px;
}

.section_title
{
	float: left;
	font-size: 16px;
}
.section_more
{
	padding-top: 2px;
	text-align: right;
}

/*h6
{
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin: 8px 8px 0 0;
	float: left;
}*/

/*.button {
	display: table;
	width: 100%;
	border-spacing: 10px;
}

.button div {
	display: table-cell;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	width: 33%;
}

.button li {
        background-color: #ffffff;
	font-weight: normal;
	text-align: left;
	padding: 4px;	
}

.button p {
	background-color: rgb(203, 224, 199);
}*/

#reception {
	width: 100%;
	border-spacing: 7px;
}

#reception tr.title td p {
	background: #F9F9F9;
	font-variant: small-caps;
	text-align: center;
	border: 1px solid #CCCCCC;
}

#reception tr.text td p {
	font-size: 131%;
}

#reception td {
	width: 33%;
	vertical-align: top;
}

#reception td > p.body {
	font-size: 131%;
}

.button_new {
	background: #CDE1C9 none repeat scroll 0 0 !important;
	border: 1px solid #000000 !important;
	color: #000000 !important;
	padding:1px;
	font-size: 11px;
	font-weight: normal !important;
	font-variant: normal;
}

.button_new:hover {
	background: #ffffff !important;
	text-decoration: none !important;
	cursor: pointer;
}

.searchbutton, .searchbutton:hover {
	float: right;
	height: 16px;
	width: 16px;
	margin-left: 3px;
	font-size: 0px;
}

*.searchbutton:hover {
	cursor: pointer;
	opacity: 0.6;
}

.search_dramas, .search_dramas:hover { background: transparent url(/img/interface/dramas_small.png) no-repeat right top; }
.search_people, .search_people:hover { background: transparent url(/img/interface/people_small.png) no-repeat right top; }
.search_users, .search_users:hover { background: transparent url(/img/interface/users_small.png) no-repeat right top; }

.hover:hover {
	cursor: pointer;
	opacity: 0.6;
}

.container {
	padding: 7px;
}

.mylist {
	border-collapse: collapse;
	width: 100%;
}

.mylist td {
	border: 1px solid #cccccc;
	padding: 5px;
	vertical-align: top;
}

.mylist th {
	white-space: nowrap;
}

/*.mylist tr :nth-child(even) {
	background: #F6F6F6;
}*/

.mylist select {
	background: #ffffff;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	border: 0;
}

.mylist_new {
	border-collapse: collapse;
        width: 100%;
        margin-top: 10px;
	background: #FFFFFF none repeat scroll 0 0;
}

.mylist_new th {
	border: 0;
	padding: 5px;
	background: #FCFCFC;
}

.mylist_new td {
	border: 1px solid #CCCCCC;
	padding: 5px;
	vertical-align: top;
}




/* contains logo, connect */
#header { 
	color: #ffffff;
	height: 24px; /* 29 */
	background: #7BB06F;
	padding: 0px;
}

#header label, #header input {
	border: 1px solid #000000;
	padding: 1px;
	margin: 3px;
	font-size: 100%;
}

#header div { display: inline; }
#header label { border: 0 none; }

#header .image {
	border: 1px solid #000000;
	padding: 2px;
	font-size: 100%;
	background: #7BB06F;
}


#logo {
	font-size: 150%;
	text-decoration: none;
	text-shadow: -1px -1px 10px #FFFFFF;
	padding: 0pt 4px;
}

#connect label, #connect input {
	border:1px solid #000000;
	padding: 1px;
	margin: 3px;
	font-size: 100%;
}

#connect .image {
	border: 1px solid #000000;
	padding: 2px;
	font-size: 100%;
	background: #7BB06F;
}



#connect label {
	border: 0 none;
}

#connect div {
	display: inline;
}

#content /* contains #sidebar, #browse */
{
	background: rgb(203, 224, 199) no-repeat scroll; /* fallback */
	background: rgba(203, 224, 199, 0.95) no-repeat scroll;
	padding: 7px;
	padding-top: 0;
}

#sidebar
{
	width: 160px;
	float: left;
	margin-top: 7px;
}

#sidebar h1 {
	border: 0 none;
	font-size: 11px;
	font-weight: normal;
	padding: 0;
	height: 17px;
}

.menu {
	margin: 7px 0;
}

.menu > li {
	background: #7BB06F;
	border-top: 1px solid #000000;
	padding: 6px 3px;
}

.menu > li > span {
	font-variant: small-caps;
	float: right;	
}

.menu > li > a {
	color: #ffffff;
	font-size: 80%;	
}

.menu > li > a:hover {
	color: #7BB06F;
}

.menu li:first-child {
	border-top: 0pt;
}

.menu li:hover {
	background: #000000;
	color: #ffffff;
}

#browse /* contains #tabs, #main */
{
	margin-left: 167px;
	margin-top: 7px;
}

.tabs {
	height: 17px;
	padding: 0 3px;
}

.tabs li {
background-color: #CEE2CA;
border:1px solid #000000;
cursor:pointer;
float:right;
height:16px;
margin:0 3px;
text-align:center;
}

.tabs li.active {
	border-bottom-color: #7BB06F;
}

.tabs li.left {
	float: left;
}

.tabs li:hover {
	border-bottom-color: #7BB06F;
}

.tabs li a, .tabs li a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 0 10px;
}

#main {
}

#main > .text {
	font-size: 131%;
	padding: 7px;
}

#links {
	border: 0;
	background: #CBE0C7;
	padding: 0;
	margin: 0
}

#links a, #links a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 4px;
}

#links a:hover {
	text-decoration: underline;
}



#footer /* contains validation, links */
{
	margin-top: 10px;
}

#validation
{
	float: left;
}

/*#menu
{
	vertical-align: bottom;
	float: right;
}*/

.genre
{
	vertical-align: middle;
	margin: 1px;
}

.green
{
	margin: 10px;
}

.dialog
{
	border: 1px dashed #000; /*#B1D1AB;*/
	margin: 40px auto;
	padding: 0px;
	text-align: center;
        background: #F2F2F2;
	width: 600px;
}

.dialog h1
{
	background-color: rgb(255, 255, 255); /* #fff */
	text-align: left;
	font-size: 11px;
	padding: 2px;
}

.error
{
}

#alphabet
{
	list-style: none;
	list-style-image: none;
	margin: 3px;
}

#alphabet li
{
	list-style: none;
	list-style-image: none;
	display: inline;
	margin: 3px;
}

.altrow {
	background: #F2F2F2;
}

.mydramalist {
	padding: 10px;
}

.mydramalist td {
	border: 1px solid #000;
	border-width:0 1px 1px 0;
}

.mydramalist th {
	border: 1px solid #000;
	border-width:1px 1px 1px 0;
}

/* general classes, to be used by all */

.inline {
	display: inline;
	margin: 3px;
}

.item_content {
	margin-right: 267px;	
}

.item_content:after {
	content: " ";
	display: block;
	clear: both;
}

#main:after {
	content: " ";
	display: block;
	clear: both;
}


.item_details {
	border: 1px solid #7BB06F;
	border-top: 0; 
	float: right; 
	width: 250px; 
	margin: 10px;
}

.drama_details_title
{
	padding: 4px; 
	background: rgb(177, 209, 171) none repeat scroll 0% 0%;
	text-align: center; 
	border-bottom: 1px solid #7BB067;
	border-top: 1px solid #7BB067;
	font-weight: bold;
}

.item_details_content
{
}

.item_details_content ul, .item_details_content li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 0;
	padding: 5px;
}

.watching_bar
{
	border: 1px solid #CCCCCC;
	margin: 10px;
}

.watching_bar:after {
	content: " ";
	display: block;
	clear: both;
}

.progress_text {
	position: absolute;
}


.progress_bar
{
	float: left;
	background: rgba(203, 224, 199, 0.95) none no-repeat scroll 0 0;

}


.form_new {
	margin: 10px;
	padding: 5px;
	border: 1px solid #888;
}

.form_header {
font-size:110%;
font-weight:bold;
padding:3px;
}

.form_new table {
	width: 100%;
}

.form_new td {
	padding: 2px	;
}

.form_new label {
	font-weight: bold;
	font-size: 100%;
	padding: 6px 0;
}

.form_new input, .form_new input:hover, .form_new textarea, .form_new textarea:hover, .form_new select, .form_new select:hover {
border:1px solid #CCCCCC;
background: #fff;
font-size:100%;
padding:5px 0;
width: 100%;
}

.form_new input:focus, .form_new textarea:focus, .form_new select:focus {
border:1px solid #888;
}

.form_new input[type=checkbox] {
	display:inline;
	margin-right:4px;
	position:relative;
	width: auto;
	padding: 0;
}

.form_new .submitbutton, .form_new .submitbutton:hover {
background:#F2F2F2 none repeat scroll 0 0;
border:1px solid #000000;
font-size:140%;
font-weight:bold;
padding:0;
width:auto;
}

.form_new .submitbutton:hover {
	background:#FFF none repeat scroll 0 0;

}

.form_new .submitbutton_new, .form_new .submitbutton_new:hover {
background:#F2F2F2 none repeat scroll 0 0;
border:1px solid #CCC;
font-size:100%;
font-weight:bold;
padding:0;
margin-top: 5px;
width:auto;

}

.form_new .submitbutton_new:hover {
        background:#FFF none repeat scroll 0 0;

}

.notice {
	font-size: 100%;
	background: rgba(249, 187, 127, 0.75) none repeat scroll 0 0;
	color: #000;
border: 1px solid #000000;
margin:7px;
padding:7px;
}

.important, .information, .message {
	padding: 3px;
	font-size: 100%;
	background: rgba(249, 187, 127, 0.75) none repeat scroll 0 0;
	color: #000;
	z-index:99;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
}

.important, .message {
	background:rgba(249, 187, 127, 0.75) none repeat scroll 0 0;
	border:1px solid #000000;
	top:0;
}

.information {
	background: #FCFCFC url(/img/info.png) no-repeat scroll 10px center;
	border: 1px solid #CCCCCC;
}



.bubble {
background-color:#F9F9F9;
border:1px solid #CCCCCC;
	margin: 10px;
	padding: 10px;
}

.info, .warning, .question, .dramas, .people, .roles, .users, .news {
	font-size: 140%;
	padding-left: 47px;
	height: 32px;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

.info { background: transparent url(/img/info.png) no-repeat scroll left top; }
.question { background: transparent url(/img/interface/question.png) no-repeat scroll left top; }
.warning { background: transparent url(/img/warning.png) no-repeat scroll left center; }
.news { background: transparent url(/img/interface/news.png) no-repeat scroll left center; font-size: 100%; }
.dramas { background: transparent url(/img/interface/dramas.png) no-repeat scroll left center; }
.people { background: transparent url(/img/interface/people.png) no-repeat scroll left center; }
.roles { background: transparent url(/img/interface/roles.png) no-repeat scroll left center; }
.users { background: transparent url(/img/interface/users.png) no-repeat scroll left center; }

.error-message
{
	color: #C80000;
	display: inline;
	font-weight: bold;
}

.paging {
	text-align: right;
}

.disabled {
	display: inline;
}

#help {
	/*display: none;*/
	position: absolute;
	right: 15px;
	top: 0;
}

/* building blocks */

.box {
        /*background: rgba(255, 255, 255, 0.898) none repeat scroll 0 0;*/
	background: #FFFFFF none repeat scroll 0 0;
	border: 1px solid #000000;
	margin: 10px 0;

}

.box a {
	color: #7BB06F;
	text-decoration: none;
	font-weight: bold;
}

.box a:hover {
	text-decoration: underline;
}

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

.left {
	float: left;
}

.right  {
	float: right;
}

.strip {
	border: 0;
}
 
.diff {
	background: #CBE0C7;
}

#view_status {
float:right;
}

#view_status li {
border-color:#CCCCCC;
border-style:none solid;
border-width:1px;
display:inline-block;
margin:0 2px;
padding:4px;
}

#view_status li a {
color:#000000;
font-weight:normal;
text-decoration:none;
}

#view_status li a:hover {
}



#view_status li:last-child {
}

#big_loader {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0, 0.5);
	z-index: 99;
	position: fixed;
}

#big_loader img {
	position: relative;
	left: 43%;
	top: 43%;
}


#UserRegisterForm label {
	display: inline-block;
	width: 13%;
	padding: 9px 0;
}

#UserRegisterForm div {
        display: inline;
}


#UserRegisterForm .error-message {
        display: block !important;
}


#UserLoginForm .error-message {
	display: none;
}

#tip {
	position: absolute;
}

#tip > span {
	position: relative;
	background: rgba(203, 224, 199, 0.55) no-repeat scroll;
	left:-15px;
	padding:2px;
	position:relative;
	top:15px;
	border: 1px dotted #000000;
	color: #000000;
}

.loadajax {
	display: none;
}

/* comments */
#comments {
	margin: 10px;
}

#comments > :nth-child(odd) > div {
	background: #F9F9F9;
}

.comment, .post {
	padding: 5px;
	min-height: 74px;
}

.comment_text, .post_text {
	padding-left: 64px;
}

.comment_header, .post_header {
	padding-bottom:2px;
	font-size: 11px;
	font-weight: bold;
}

.comment_body {
	margin-top: 5px;
}

.post_body {
	font-size: 131%;
}



#navigation {
	padding-top: 5px;
	font-variant: small-caps;
}

#navigation a {
	color: #000000;
}

#navigation a:hover {
	text-decoration: none;
}

#navigation input[type=submit]  {
	background: transparent;
	border: 0;
	font-weight: bold;
	font-variant: small-caps;
}

#navigation input[type=text] {
	background: #ffffff;
}

#navigation input {
	border: 1px solid #000000;
	font-size: 100%;
	color: #000000;
}



#navigation div {
	display: inline;
}

#navigation label {
	font-size: 100%;
	padding: 1px;
}

#searchform {
	border: 1px solid #000000;
	background: #ffffff;
}

#searchform:after {
	content: " ";
	clear: both;
	float: none;
}

#searchform div.select {
	position: relative;
	display: inline;
}

#searchform div.select > select {
	background: #ffffff;
}

#searchform input[type=text] {
	font-size: 131%;
	width: 200px;
}

#searchform input[type=submit] {
	background: #000000;
	color: #ffffff;
	font-variant: small-caps;
	font-size: 131%;
	font-weight: bold;
	padding: 0 2px;
}

#searchform input[type=submit]:hover {
	cursor: pointer;
}

#ajaxform {
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid black;
	margin:100px auto auto;
	padding:5px;
	width:50%;
	display: none;
	font-size: 80%}

#ajaxform fieldset {
	border:1px solid #888888;
	margin:10px;
	padding:5px;
}

#ajaxform legend {
	font-size: 100%;
	font-weight:bold;
	padding:3px;
}

#ajaxform input, #ajaxform input:hover, #ajaxform textarea, #ajaxform textarea:hover, #ajaxform select, #ajaxform select:hover {
border:1px solid #CCCCCC;
font-size:100%;
padding:5px 0;
width: 100%;
}

#ajaxform input:focus, #ajaxform textarea:focus, #ajaxform select:focus {
border:1px solid #888;
}

#ajaxform input[type=checkbox] {
	position:relative;
	top:3px;
	width: auto;
	padding: 0;
}

#ajaxform .submit {
	display: block;
	text-align: center;
}

#ajaxform input[type=submit] {
	background:#F9F9F9 none repeat scroll 0 0;
	border:1px solid #CCC;
	font-size: 131%;
	font-weight:bold;
	padding:0;
	margin: 3px;
	width:auto;
}

#ajaxform input[type=submit]:hover {
	background:#FFF none repeat scroll 0 0;
}

#ajaxform a {
	color: #000000;
}

#cancel {
	font-size: 80% !important;
}

.field-error {
	font-size: 80%;
	color: #FF0000;
	display: none;
}

#bbcode-tooltip {
	font-size: 80%;
}

.bbcode {
	margin-right: 3px;
}

.posted-by {
	font-size: 100%;
}

.posted-by a {
	color: #000000;
}


.gallery {
	text-align: center;
	font-size: 16px;
	margin-top: 7px;
}

.textbody {
	font-size: 131%;
	margin: 10px;
}

.submission .input label {
                display: inline-block;
                width: 130px;
}
 
.submitbutton {
        background:#F9F9F9 none repeat scroll 0 0;
        border:1px solid #CCC;
        font-size: 131%;
        font-weight:bold;
        padding:0;
        margin: 3px;
        width:auto;
}

.submitbutton:hover {
        background:#FFF none repeat scroll 0 0;
}

div[rev=edit] textarea {
	height: 100%;
	width: 100%;
	border: 0;
}

.spoiler > button {
}

.spoiler > .content {
	display: none;
	background: #FCFCFC;
}

#anchors > span:not(:last-of-type):after {
	content: " :: ";
}

tr.all:hover {
        background: #F9F9F9;
}