/*

J2PlusZa 1st Theme
Author: Woratana Ngarmtrakulchol

Theme code and css are under copyright 2009 CodeNIL.com

*/

body {
	font-family: MS Sans Serif, Tahoma, sans-serif;
	font-size: 14px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	BACKGROUND-POSITION: top center;
	background: #FFFFFF url(images/site/bgo2di.jpg) top center fixed;
	word-break: break-all;
	word-wrap: break-word;
}

img {
	border: 0;
}

a { text-decoration: none }
a:link { text-decoration: none }
a:visited { text-decoration: none }
a:hover { text-decoration: underline }

.focusbox {
	border: 1px solid #FF009A
}

#floatbar {
	width: 100%;
	height: 40px;
	background: #FFFFFF;
	border-bottom: 1px solid #000000;
}

#floatbar img {
	vertical-align:middle;
}

.spacer {
	width: 100%;
	height: 5px;
}

#loginbox {
	padding-top: 15px;
	padding-left: 15px;
	width: 910px;
	height: 230px;
	background: #FFFFFF url(images/site/o2pluz_bglogin0909.jpg);
	border: 1px solid #000000;
}

#loginbox-inside {
	border: 1px solid #000000;
	width: 318px;
	height: 220px;
	background: #FFFFFF;
	float: left;
	font-size: 16px;
}

#loginbox-inside p {
	padding-left: 10px;
}

#loginbox-sms {
	padding-top: 1px;
	padding-left: 77px;
	width: 428px;
	height: 18px;
	margin-right: 10px;
	float: right;
	background: url(images/site/o2pluz-sms.gif);
}

#navibox {
	width: 915px;
	padding: 5px;
	padding-bottom: 10px;
	background: #FFFFFF;
	border: 1px solid #000000;
	border-top: 0px;
}

.statbox {
	font-size: 14px;
	vertical-align:middle;
	text-align:center;
	padding: 5px;
	width: 150px;
	height: 50px;
	background: #E9E9E9;
	border: 1px solid #000000;
}

.statbox b {
	font-size: 24px;
	color: #660033;
	font-weight: normal;
}

#col-left {
	float: left;
	width: 681px;
	background: #FFFFFF;
	border: 1px solid #000000;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-bottom: 3px;
}

#col-right {
	margin-bottom: 10px;
	float: right;
	width: 244px;
}

#rightbox {
	vertical-align: middle;
	text-align: center;
	width: 240px;
	height: 100px;
}

#chatbox {
	float: left;
	background: #000000;
	padding: 5px;
	width: 917px;
}

input[type="submit"] {
	background: #BF00BB;
	color: #FFFFFF;
	border: 1px solid #000000;
}

input[type="submit"]:hover {
	background: #000000;
}

h1 {
	font-family: Tahoma;
	font-size: 25px;
	color: #CA1FFF;
}

#wrapper {
	margin: 0px auto 0px 0px;
	width: 100%;
}

.main-wrap {
	margin: 0px auto 0px;
	width: 930px;
}

.bookshelf {
	width: 640px;
	height: 288px;
	border: 2px solid #CCCCCC;
	background: #FFF6F5;
	padding: 1px 2px 1px 2px;
	margin-left:18px;
	margin-top: 6px;
}

.bookone {
	width: 110px;
	height: 272px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 4px;
}

#slist {
	background: url(images/site/friendshopicon.jpg) no-repeat left bottom;
	padding-left: 7px;
	color: #FF0033;
}

#slist a {
	color: #FF0033;
	text-decoration: none;
}

#slist a:hover {
	color: #FF0033;
	text-decoration: underline;
}

#blackboard {
	color: #FFFFFF;
	background: #292929;
	margin: 4px 12px 8px 12px;
	padding: 7px;
}

#blackboard a {
	color: #FFFFFF;
	text-decoration: none;
}

#blackboard a:hover {
	color: #FDFF00;
	text-decoration: underline;
}

#boardhead {
	background: #1A1A1A;
	font-size: 36px;
}

#boardtopic {
	font-size: 14px;
	margin: 3px;
	padding: 3px;	
	background: #333333;
	color: #FFFFFF;
}

#boardtopic b {
	background: #333333;
	color: #9900FF;
	font-weight: normal;
}

.boardline {
	width: 302px;
	height: 5px;
	margin-top: 7px;
	margin-bottom: 7px;
	background: url(images/site/bglinedotboardup.gif) repeat-x;
}

.boardlineblack {
	width: 660px;
	height: 5px;
	margin-top: 7px;
	margin-bottom: 7px;
	background: url(images/site/bglinedotboard300.gif) repeat-x;
}


.grey-box {
	background: #EEEEEE;
	padding: 10px;
	padding-top: 15px;
	padding-bottom: 2px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.grey-box a {
	text-decoration: none;	
}

.grey-box strong {
	font-size: 18px;
}

.grey-border {
	border: 1px solid #CCCCCC;
}

.votetable {
	font-family: Tahoma;
}

.comment-form {
	width: 860px;
	padding: 10px;
	font-size: 12px;
	color: #D11730;
}

.noveldata-img {
	vertical-align: middle;
	color: #666666;
	padding: 3px;
	border: 2px solid #FF2674;
}

.noveldata-img img {
	vertical-align: middle;
	padding-bottom: 3px;
}

.pinktag {
	width: 100%; background: #FF0066; color: #FFFFFF; font-weight: bold; padding-top: 5px; padding-bottom: 5px; font-size: 14px;
}

.gray-11 {
	font-size: 12px;
	font-family: Tahoma;
	color: #666666;
}

.gray-11bold {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

.grey-11 {
	font-size: 11px;
	color: #666666;
}


.grey-12 {
	font-size: 12px;
	color: #666666;
}

.purple-12 {
	color: #8E00FF;
	font-size: 12px;
}

.red-12 {
	color: #FF000A;
	font-size: 12px;
}

.pink-12 {
	color: #FF0033;
	font-size: 12px;
}

.white-12 {
	color: #FFFFFF;
	font-size: 12px;
}

.white-14 {
	color: #FFFFFF;
	font-size: 14px;
}

.purple-14 {
	color: #8E00FF;
	font-size: 14px;
}

.red-14 {
	color: #FF000A;
	font-size: 14px;
}

.pink-14 {
	color: #FF0033;
	font-size: 14px;
}

.blue-14 {
	color: #3366FF;
	font-size: 14px;
}

.grey-14 {
	color: #666699;
	font-size: 14px;
}


.red-18 {
	color: #CC0033;
	font-size: 18px;
}

.pink-18 {
	color: #FF0033;
	font-size: 18px;
}

.blue-18 {
	color: #3366FF;
	font-size: 18px;
}

.purple-18 {
	color: #6600CC;
	font-size: 18px;
}

.grey-18 {
	color: #666699;
	font-size: 18px;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

img.whitebd {
	width: 80px !important;
	height: 80px !important;
	border: 3px solid #FFFFFF;
	outline: 1px solid #666666;
}

.link-page-on, .link-page-off {
	display: inline;
	margin-right: 7px;
}

.link-page-on, .link-page-off a {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #FFF;
	border: 1px solid #9F9F9F;
	color: #FF000A;
	text-decoration: none;
}

.link-page-on {
	color: #000 !important;
	background-color: #FF8FB3 !important;
}

.link-page-off a:hover {
	background-color: #FFCFDE;
}