/* Layout */
html {
	scrollbar-face-color: #000; 
	scrollbar-highlight-color: #999;
	scrollbar-shadow-color: #999;
	scrollbar-3dlight-color: #999;
	scrollbar-arrow-color: #FFBA00;
	scrollbar-track-color: #AAA;
	scrollbar-darkshadow-color: #999;
}
body {
	background-color: #000;
	margin: 0;
	padding: 0;
}
#container {
	width: 850px;
	margin:0 auto;
	padding: 0 1em;
	background-color: #000;
	color: #fff;
	border: solid 1px #835108;
}
#header {
	clear: both;
	background: url(images/header.jpg) no-repeat;
	height: 100px;
	width: 810px;
	margin: 1.5em auto;
}
#header h1 {
	position: absolute;
	top: 0;
}
#header h1 a {
	color: #fff;
	text-decoration: none;
}
#header .info {
	display: none;
	float: right;
	text-align: right;
}
#content {
	clear: both;
	float: right;
	width: 714px;
	min-height: 400px;
	padding: 1em .5em;
}
#sidebar {
	float: left;
	width: 120px;
}
#footer {
	clear: both;
	padding-top: 2em;
}

/* Enter */
#enter #header {
	background: #000;
	height: auto;
}
#enter #header h1 {
	position: static;
}
#enter #content {
	clear: both;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}
#enter .flash {
	width: 800px;
	height: 450px;
	clear: both;
	background: url(images/maintop.jpg) no-repeat;
}
#enter .actions {
	position: absolute;
	top: 250px;
	left: 100px;
}
#enter .actions a {
	display: block;
	margin-top: 20px;
	width: 140px;
	height: 70px;
}
#enter .actions a.allow {
	background: url(images/enter.jpg) no-repeat;
}
#enter .actions a.allow:hover {
	background: url(images/enter_01.jpg) no-repeat;
}
#enter .actions a.deny {
	background: url(images/exit.jpg) no-repeat;
}
#enter .actions a.deny:hover {
	background: url(images/exit_01.jpg) no-repeat;
}
#enter .actions span {
	display: none;
}

#enter .linkCategory {
}
#enter .linkCategory li {
	float: left;
}
#enter .linkCategory .title {
	display: none;;
}

/* Navi */
#navi li {
	display: inline;
}
#navi a {
	display: block;
	float: left;
	width: 100px;
	height: 30px;
}
#navi a span {
	display: none;
}
#navi a.top {
	background: url(images/b01.jpg) no-repeat;
}
#navi a.top:hover {
	background: url(images/b01_01.jpg) no-repeat;
}

#navi a.schedules {
	background: url(images/b05.jpg) no-repeat;
}
#navi a.schedules:hover {
	background: url(images/b05_01.jpg) no-repeat;
}

#navi a.profiles {
	background: url(images/b03.jpg) no-repeat;
}
#navi a.profiles:hover {
	background: url(images/b03_01.jpg) no-repeat;
}

#navi a.pages-system {
	background: url(images/b02.jpg) no-repeat;
}
#navi a.pages-system:hover {
	background: url(images/b02_01.jpg) no-repeat;
}

#navi a.posts-5 {
	background: url(images/b06.jpg) no-repeat;
}
#navi a.posts-5:hover {
	background: url(images/b06_01.jpg) no-repeat;
}

#navi a.posts-6 {
	background: url(images/b07.jpg) no-repeat;
}
#navi a.posts-6:hover {
	background: url(images/b07_01.jpg) no-repeat;
}

#navi a.posts-1 {
	display: none;
}
#navi a.posts-2 {
	display: none;
}
#navi a.posts-13 {
	display: none;
}

#navi a.posts-3 {
	background: url(images/b04.jpg) no-repeat;
}
#navi a.posts-3:hover {
	background: url(images/b04_01.jpg) no-repeat;
}

#navi a.posts-4 {
	display: none;
}

#navi a.pages-course {
	background: url(images/b09.jpg) no-repeat;
}
#navi a.pages-course:hover {
	background: url(images/b09_01.jpg) no-repeat;
}

#navi a.formMails-1 {
	background: url(images/b08.jpg) no-repeat;
}
#navi a.formMails-1:hover {
	background: url(images/b08_01.jpg) no-repeat;
}

#navi a.access {
	background: url(images/b15.jpg) no-repeat;
}
#navi a.access:hover {
	background: url(images/b15_01.jpg) no-repeat;
}

#navi a.mailMagazines {
	background: url(images/b14.jpg) no-repeat;
}
#navi a.mailMagazines:hover {
	background: url(images/b14_01.jpg) no-repeat;
}

#navi a.rankings {
	background: url(images/b13.jpg) no-repeat;
}
#navi a.rankings:hover {
	background: url(images/b13_01.jpg) no-repeat;
}

#navi a.links {
	background: url(images/b16.jpg) no-repeat;
}
#navi a.links:hover {
	background: url(images/b16_01.jpg) no-repeat;
}

#navi a.recruit {
	background: url(images/b17.jpg) no-repeat;
}
#navi a.recruit:hover {
	background: url(images/b17_01.jpg) no-repeat;
}
#navi a.hotels {
	background: url(images/b18.jpg) no-repeat;
}
#navi a.hotels:hover {
	background: url(images/b18_01.jpg) no-repeat;
}

/* Sidebar */
#sidebar a {
	display: block;
	float: left;
	width: 120px;
	height: 62px;
}
#sidebar a span {
	display:none;
}
#sidebar a.mailMagazines {
	background: url(images/left_b_01.jpg) no-repeat;
}
#sidebar a.mailMagazines:hover {
	background: url(images/left_b_01_01.jpg) no-repeat;
}

#sidebar a.postMembers {
	background: url(images/left_b_05.jpg) no-repeat;
}
#sidebar a.postMembers:hover {
	background: url(images/left_b_05_01.jpg) no-repeat;
}

#sidebar a.side-01 {
	background: url(images/left_b_10.jpg) no-repeat;
}
#sidebar a.side-01:hover {
	background: url(images/left_b_10_01.jpg) no-repeat;
}

#sidebar a.side-02 {
	background: url(images/left_b_11.jpg) no-repeat;
}
#sidebar a.side-02:hover {
	background: url(images/left_b_11_01.jpg) no-repeat;
}

#sidebar .side-03 {
	background: url(images/left_24h.jpg) no-repeat;
	margin-top: 5px;
}

#sidebar .side-04 {
	background: url(images/left_qr.jpg) no-repeat;
	margin-top: 5px;
	width: 120px;
	height: 200px;
}

/* Form */
fieldset {
border:1px solid #ccc;
margin-top:30px;
padding:16px 20px;
}
fieldset fieldset {
margin-bottom:20px;
margin-top:0;
padding:16px 10px;
}
fieldset fieldset div {
clear:left;
margin:0 20px;
}
fieldset fieldset legend {
background:inherit;
padding:10px;
}
fieldset legend {
color:#e32;
line-height: 1.5;
padding:0 1em;
}
form {
clear:both;
padding:0 3em;
width: 80%;
font-size: 12px;
}
form .error {
background:#000;
border-color:#FBC2C4;
color: red;
}
form div {
clear:both;
margin-bottom:1em;
padding:.5em;
vertical-align:text-top;
}
form div.required {
color:#333;
font-weight:700;
}
form div.submit {
border:0;
clear:both;
margin-left:140px;
margin-top:10px;
}
form div.submit input {
width:auto;
}
input,textarea {
clear:both;
margin-right:1em;
padding:2px;
width:60%;
}
input[type=checkbox] {
clear:left;
float:left;
margin:0 6px 7px 2px;
width:auto;
}
input[type=radio] {
float:left;
margin:0 3px 7px 0;
width:auto;
}
input[type=submit],input[type=button],input[type=reset] {
display:inline;
padding:2px 5px;
vertical-align:bottom;
width:auto;
}
label {
display:block;
padding-right:20px;
line-height: 1.7;
}
li.divider {
border-top:1px solid #ebebeb;
margin-top:2px;
padding-top:3px;
}
option {
padding:0 3px;
}

/* Common Action */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}

/* Common Box */
.box {
	float: left;
	width: 30%;
	height: 218px;
	margin: .2em;
	padding: .2em;
	border: #835108 1px solid;
	text-align: left;
}
.box div.profileTags {
	width: 100%;
	height: 30px;
	overflow: hidden;
}
.box .profileTags li {
	display: inline;
}
.box .profilePhoto {
	float: left;
	display: inline;
	width: 100px;
	height: 150px;
}
.box .profileItems {
	float: left;
	display: inline;
	width: 110px;
}
.box .profileItems ul {
	margin: 0 0 0 2px;
	border-top: #835108 1px solid;
	border-left: #835108 1px solid;
	border-right: #835108 1px solid;
}
.box .profileItems li {
	padding: .2em .3em 0;
	border-bottom: #835108 1px solid;
	font-size: 12px;
}
.box a.profileLink {
	display: block;
	margin: 2px;
	width: 100%;
	height: 15px;
	background: url(images/mb.jpg) no-repeat;
}
.box .profileLink span {
	display: none;
}
.box .profileMessage {
	clear: both;
	font-size: 12px;
	line-height: 1.0;
	height: 36px;
	overflow: hidden;
	padding-top: 2px;
}

/* Common Paginate */
.paginate {
	clear: both;
}

/* Top */
#content div.top {
	position: relative;
}
.top div.flash {
	float: right;
	width: 352px;
	height: 240px;
	padding: 0 auto;
	z-index: 2;
}

.top .profileCover {
	display: none;
}

.top .posts {
	clear: both;
}
.top .postCategory {
	padding: .2em;
	margin-bottom: 1em;
	border: #835108 1px solid;
	font-size: 12px;
}
.top .postCategory .hd {
	background: url(images/bar00.jpg) no-repeat;
	height: 24px;
	padding: 2px 0 0 25px;
	line-height: 1.5;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.top .postCategory .first {
	padding: .5em;
	border: #835108 1px solid;
}
.top .postCategory .first .image {
	float: left;
	padding: 0 .5em .5em 0;
}
.top .postCategory .pastPosts {
	float: right;
}
.top .postCategory-13 {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	height: 230px;
}
.top .postCategory-13 .bd {
	height: 200px;
	overflow-y: scroll;
}

/* Posts */
.posts .post {
	padding: .5em;
	border: #835108 1px solid;
	margin-bottom: 1em;
}
.posts .subject {
	font-size: 18px;
}
.posts .date {
	float: right;
	font-size: 12px;
}
.posts .body {
	clear: right;;
}
.posts p.image {
	float: left;
	padding: 0 .5em .5em 0;
}

/* Profiles */
.view .profileInfo {
	padding: 0 3em 0 0;
	text-align: right;
}
.view span.name {
	font-size: 24px;
}
.view span.age {
	margin: 0 0 0 1em;
	font-size: 14px;
}
.view span.size {
	margin: 0 0 0 1em;
	font-size: 14px;
}
.view .profiles{
	width: 100%;
}
.view .profileTags li{
	display: inline;;
}
.view .profilePhoto {
	float: left;
	width: 40%;
	padding: .4em;
	border: #835108 1px solid;
}
.view .profilePhotoFirst {
	text-align: center;
}
.view .profilePhotoThumb li {
	display: inline;
}
.view .profileItems {
	float: left;
	width: 50%;
	padding: 0 1em;
	font-size: 12px;
}
.view .profileItems dl {
	line-height: 2em;
	border-top: #835108 1px solid;
	border-right: #835108 1px solid;
	border-left: #835108 1px solid;
}
.view .profileItems dt {
	padding-left: 4px;
	border-bottom: #835108 1px dotted;
}
.view .profileItems dd {
	padding-left: 2em;
	vertical-align: top;
	border-bottom: #835108 1px solid;
}
.view .profileOptions li {
	float: left;
	width: 10em;
	padding: .2em;
}
.view .enabled {
	
}
.view .disabled {
	color: #666;
}
.view .profileShedules {
	clear: both;
	padding: 1em 0;
}
.view .profileShedules dl {
	line-height: 2em;
	margin: 0em 0em;
	border-top: #835108 1px solid;
	border-right: #835108 1px solid;
	border-left: #835108 1px solid;
}
.view .profileShedules dt {
	width: 6em; 
	padding-left: 1em;
	vertical-align: top;
	border-right: #835108 1px dotted;
}
.view .profileShedules dd {
	padding-left: 8em;
	margin-top: -2em;
	vertical-align: top;
	border-bottom: #835108 1px solid;
}

/* Schedules */
.schedules .actions li {
	display: inline;
}
.schedules .actions li a {
	display: block;
	float: left;
	width: 91px;
	height: 34px;
	background: url(images/day02.jpg) no-repeat;
	font-size:12px;
	text-align: center;
	line-height: 3;
}
.schedules .actions li a:hover {
	background: url(images/day02_01.jpg) no-repeat;
}
.schedules .actions li .selected {
	background: url(images/day01.jpg) no-repeat;
}

/* links */
.links li {
	display: block;
	float: left;
}
.links li img {
	display: block;
}
.links li .title {
	display: block;
	width: 88px;
	height: 1.5em;
	overflow: hidden;
}
.links div {
	clear: both;
}