/* Override some defaults */
  html, body {
    background-color: #eee;
  }
  .container > footer p {
    margin:20px;
    text-align: center; /* center align it with the container */
  }
  .container_form > footer p {
    margin:20px;
    text-align: center; /* center align it with the container */
  }

  footer{
      text-align: center;
  }

  .container_form {
    width: 460px;
	margin:auto;
  }

  /* The white background content wrapper */
  .content {
    background-color: #fff;
    padding: 20px;
    margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
    -webkit-border-radius: 0 0 6px 6px;
       -moz-border-radius: 0 0 6px 6px;
            border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
            box-shadow: 0 1px 2px rgba(0,0,0,.15);
  }

  /* The white background content wrapper */
  .content_unit {
    background-color: #fff;
    padding: 20px;
    margin: 10px -20px 0; /* negative indent the amount of the padding to maintain the grid system */
    -webkit-border-radius: 6px 6px 6px 6px;
       -moz-border-radius: 6px 6px 6px 6px;
            border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
            box-shadow: 0 1px 2px rgba(0,0,0,.15);
  }

   /* The white background content wrapper */
  .footer_unit {
    background-color: #fff;
    padding: 10px 10px 2px 10px;
    margin: 20px -20px 0; /* negative indent the amount of the padding to maintain the grid system */
    -webkit-border-radius: 6px 6px 6px 6px;
       -moz-border-radius: 6px 6px 6px 6px;
            border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
            box-shadow: 0 1px 2px rgba(0,0,0,.15);
  }

  /* Page header tweaks */
  .page-header {
    background-color: #f5f5f5;
    padding: 15px 20px 10px;
    margin: -20px -20px 20px;
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
            box-shadow: 0 1px 2px rgba(0,0,0,.15);
  }

.clearfix:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}

.clearfix {
        overflow:hidden;
        display: inline-block;
}
.clearfix { display: block; }

h3.sectionheader{
    padding:3px;
    margin-bottom:10px;
    border-bottom:solid 1px #EEEEEE;
}

div.frontform{
    width:460px;
    margin:auto;
}

div.caption{
	font-size:10px;
	color:#333333;
}

div.error{
	color:#FF0000;
	font-weight:bold;
}

.comments{
	margin:0px;
	padding:0px;
}

.comment{
	border-left:5px solid #EEEEEE;
	background-color:#FAFAFA;
	padding:10px 5px 5px 10px;
	margin-bottom:5px;
}

span.main_text{
	word-wrap: break-word;
	overflow-wrap: break-word;
}

span.c_text{
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.c_author{
    padding:5px;
}

.c_body{
    padding:5px;
}
.c_body .c_name{
	font-weight:bold;
}

.c_body .c_text{
	font-weight:normal;
}

.thread_props{
	font-weight:bold;
	padding:3px;
	color:#333333;
	margin-bottom:10px;"
}

.props{
	font-weight:bold;
	color:#333333;
}

span.wrap_unit{
  display: inline-block;
  white-space: nowrap;
}

.commentform{
	border-left:5px solid #EEEEEE;
	background-color:#FAFAFA;
	padding:5px;
	margin-bottom:2px;
}

table.commentform{
	margin:0 auto 0px auto;
}

.body{
	margin:0px;
	padding:0px;
}

.body .text{
	line-height:180%;
	color:#333333;
	padding:5px;
}

.body .name{
	font-weight:bold;
	border-bottom:dotted 1px #EEEEEE;
	padding:3px;
}

.post .author{
	margin:0px;
	padding:0px;
}

.post{
	padding-bottom:0px;
	margin-left:0px;
	margin-bottom:0px;
}

.thread_box{
	padding-bottom:8px;
	margin-left:0px;
	margin-bottom:8px;
	border-bottom:4px dotted #EEEEEE;
}

.comment_more{
	padding:5px;
	font-weight:bold;
	text-align:center;
	border:solid 1px #EEEEEE;
	margin:3px 0 5px 0;
	border-top:solid 1px #CCCCCC;
	border-radius:5px;
}

.loadmore{
	padding:20px;
	text-align:center;
	margin:10px 0 5px 0;
	font-size:20px;
}

table.searchform,table.searchform td{
	border:none;
}

p.footer a,p.footer span{
    margin:5px;
}

div.document_body span{
    line-height:180%;
}

div.document_body h3{
    font-size:14px;
    border-bottom:solid 1px #EEEEEE;
    margin-bottom:5px;
}

div.document_body p{
    padding-left:10px;
    padding-right:15px;
    margin-top:2px;
    margin-bottom:5px;
}

ul.userinfo{
    float:right;
}

li.dropdown{
    cursor:pointer;
}

li.newnotice{
    background-color:#CC3300;
    font-weight:bold;
}

li.newnotice a{
    color:#DDDDDD;
}

div.nodata{
    text-align:center;
    padding:10px;
    margin:10px 0px;
    background-color:#CCCCCC;
    font-weight:bold;
    -webkit-border-radius: 6px 6px 6px 6px;
       -moz-border-radius: 6px 6px 6px 6px;
            border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
            box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

unread{
    background-color:#FFFFCC;
}

.c_name img, .name img{
    margin-right:4px;
}

.manage_guide pre{
    font-weight:bold;
    font-size:16px;
}

.manage_guide blockquote{
    margin-left:5px;
    font-size:14px;
    line-height:150%;
}

.manage_guide h3{
    margin:10px 0 20px;
    padding:5px;
    font-size:18px;
    border-bottom:solid 2px #999999;
}

/* event */
.eventsection th, .eventsection .time, .eventsection .created,.eventsection .author{
    text-align:center;
}

.eventsection .date{
    text-align:center;
    font-weight:bold;
    font-size:18px;
}

.eventsection .area{
    text-align:center;
    font-weight:bold;
    font-size:18px;
}

.eventsection .participant{
    text-align:center;
    font-size:16px;
}

.eventsection .eventname{
    text-align:left;
    font-weight:bold;
    font-size:18px;
}

.eventsection h3{
    margin:10px 0 20px;
    padding:5px;
    font-size:30px;
    line-height:1.1em;
    border-bottom:solid 2px #999999;
}

/* mvp */
.mvpsection th, .eventsection .time, .eventsection .created,.eventsection .author{
    text-align:center;
}

.mvpsection .mvp_name{
    margin-left:10px;
    font-weight:bold;
    font-size:18px;
    vertical-align:-20%;
}

.mvpsection .mvp_ranking{
    margin-left:10px;
    font-weight:bold;
    font-size:22px;
    vertical-align:-30%;
}

.mvpsection .mvp_point1{
    font-weight:bold;
    font-size:18px;
    color:#CC6600;
    vertical-align:-20%;
}

.mvpsection .mvp_point2{
    font-weight:bold;
    font-size:16px;
    vertical-align:-15%;
}

.mvpsection .mvp_pref{
    font-size:10px;
    color:#333333;
    vertical-align:-10%;
}


h2.manage_section, h2.store_section{
    padding:5px;
    border-bottom:solid 1px #CCCCCC;
    margin-bottom:10px;
    color:#999999;
}

.featured_topic{
    margin:15px 0px 15px;
}

.table-inner-element{
    margin-bottom:8px;
    padding-left:8px;
}

hr.datalist{
    margin-top:5px;
    margin-bottom:10px;
    border-color:#DDDDDD;
    border-style:dashed;
}


/* extented thread view */
.comment_form{
    text-align:center;
}

.thread_detail_author{
    padding:5px;
    font-weight:bold;
    color:#333333;
}

.thread_detail_text{
    padding:5px;
    color:#333333;
}

.thread_detail_date{
    padding:5px;
    font-weight:bold;
    color:#333333;
}

.thread_detail_info{
    padding:5px;
    font-weight:bold;
    color:#333333;
    margin-bottom:5px;
}

.td_c_author{
    padding:5px;
    font-weight:bold;
    color:#333333;
}

.td_c_text{
    padding:5px;
    color:#333333;
}

.td_c_info{
    padding:5px;
    font-weight:bold;
    color:#333333;
}

.thread_tags{
    padding:5px;
    color:#333333;
}

.table tbody tr:hover td{
  background-color: #FFFFFF;
}

.nowrap{
    white-space:nowrap;
}

ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}

ul.inline > li,
ol.inline > li {
  display: inline-block;
  *display: inline;
  padding-right: 5px;
  padding-left: 5px;
  *zoom: 1;
}

.frame_wrapper_16x9 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 5px;
}

.frame_wrapper_16x9 iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}