body {
padding: 0;
margin: 0; 
font-family: Helvetica neue, Helvetica, Arial, sans-serif;
font-size: 14px; 
background: #cceffc url(/bg.jpg) no-repeat fixed top center;;
}
#header { 
	margin: 0 auto;
	margin-bottom: 10px;
}
#container { 
    width: 1000px;
    margin: 0px auto;
	padding: 10px 0;
	text-align: left;
	display: inline-block;
}
#pagecontent { 
}
#main {
	margin: 0 auto;
    padding: 10px;
	background: linear-gradient(#ffda44,#ffcc00,#f0aa00);
    background: -webkit-linear-gradient(#ffda44,#ffcc00,#f0aa00);
    background: -o-linear-gradient(#ffda44,#ffcc00,#f0aa00);
    background: -moz-linear-gradient(#ffda44,#ffcc00,#f0aa00);
	background-color: #ffda44;
    border-top: 2px solid #ffda44;
    border-bottom: 2px solid #f0aa00;
    border-right: 2px solid #ffcc00;
    border-left: 2px solid #ffcc00;
    border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    box-shadow: 0 0px 10px 0px rgba(0,0,0,0.75),inset 0 0px 15px 0px rgba(0,0,0,0.28);
	display: block;
}
#main-content {
    padding: 0 10px;
    border-radius: 10px;
    border: 4px solid #976106;
    background: url(/main.png);
    box-shadow: inset 0 0 10px rgba(0,0,0,.4);
	display: block;
	margin: 0 auto;
}
a {
	color: #377BC7;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:active{
	color: #F57F17;
	text-decoration: none;
}
img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
p {
	margin: 2px 0 2px 0;
}
h1, h2, h3, h4, h5, h6 {
	color: #3B5998;
	font-size: 16px;
    line-height: 22px;
    font-weight: bold;
	margin: 0;
}
ul {
	margin: 0;
}
#logo { 
	width: 1000px;
	padding: 0;
	margin: 0 auto; 
	text-align: center;
}
#logo  img { max-width: 100%}
#logotext { 
	padding: 20px 0;
	font-size: 38px;
	font-family: comic sans ms, Arial, sans-serif;
}
#logotext a{
	text-decoration: none;
	color: #0179b5;
}
#nav {
	font-weight: bold;
	width: 1000px; 
	margin: 0 auto;
	min-height: 40px;
	background: linear-gradient(#ffda44,#ffcc00,#f0aa00);
    background: -webkit-linear-gradient(#ffda44,#ffcc00,#f0aa00);
    background: -o-linear-gradient(#ffda44,#ffcc00,#f0aa00);
    background: -moz-linear-gradient(#ffda44,#ffcc00,#f0aa00);
	background-color: #ffda44;
	border-top: 2px solid #ffd540;
	border-bottom: 2px solid #dc9c01;
	border-right: 2px solid #fec702;
	border-left: 2px solid #fec702;
    border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	box-shadow: 0 0px 10px 0px rgba(0,0,0,0.75),inset 0 0px 15px 0px rgba(0,0,0,0.28);
	display: inline-block;
}
#nav ul {
	list-style:none;
	padding:0;
	margin:0;
}
#nav ul li {
	float:left;
	font-size:16px;
	font-weight:bold;
}

#nav ul li a {
	color:#000;
	text-decoration:none;
	display:block;
	padding:10px;
}
#nav ul li a:hover , #nav ul li a:active, #nav ul li a:focus{
	background-color: #ffcc00;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}
#nav img {
	vertical-align: middle;
	padding: 0;
}
#leftcol{
	float: left;
	width: 180px;
	margin: 0 10px 0 0;
	overflow: hidden;
}
#content{ 
	float: left;
	width: 810px;
}
#contentcol{ 
	float: left;
	width: 620px;
}
#rightcol{
	float: left;
	width: 180px;
	margin: 0 0 0 10px;
	overflow: hidden;
}
.side{
	padding: 10px;
	margin: 0 0 10px 0;
	background-color: #f8edc2;
	border: 1px solid #ffda44;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	}
.article{ 
	clear: both;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #f8edc2;
	border: 1px solid #ffda44;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}
#contentbox{ 
	float: left;
	width: 810px;
}
#contentbox1{ 
	float: left;
	width: 790px;
}
.leftcol{
	float: left;
	width: 180px;
	margin: 10px 10px 0 0;
	overflow: hidden;
}
.rightcol{
	float: left;
	width: 180px;
	margin: 10px 0 0 10px;
	overflow: hidden;
}
.section{
	float: left;
	width: 420px;
	margin: 10px 0 0 10px;
	padding: 10px;
	background: linear-gradient(#ffd540, #ffcf27, #f3bd00);
	background-color:#ffcc00;
	border: 1px solid #ffda44;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}
#footer {
	clear: both; 
	margin: 10px auto;
	text-align: center;
	color: #fff;
	overflow:auto;
	padding: 10px;
	background: linear-gradient(#ffda44,#ffcc00,#f0aa00);
    background: -webkit-linear-gradient(#ffda44,#ffcc00,#f0aa00);
    background: -o-linear-gradient(#ffda44,#ffcc00,#f0aa00);
    background: -moz-linear-gradient(#ffda44,#ffcc00,#f0aa00);
	background-color: #ffda44;
    border-top: 2px solid #ffd540;
    border-bottom: 2px solid #dc9c01;
    border-right: 2px solid #fec702;
    border-left: 2px solid #fec702;
    border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    box-shadow: 0 0px 10px 0px rgba(0,0,0,0.75),inset 0 0px 15px 0px rgba(0,0,0,0.28);
}
#footer a, #footer a:hover, #footer a:focus, #footer a:active{
	color: #fff;
}
.footer-content {
    padding: 10px;
	overflow:auto;
    border-radius: 10px;
    border: 4px solid #976106;
    background: url(/main.png);
    box-shadow: inset 0 0 10px rgba(0,0,0,.4);
}
.btn-cookie {
	color: #fff;
	background-color: #990000;
	border-color: #ff3333;
}
#cookiebar {
    line-height: 24px;
	text-align: center;
	padding: 10px;
	width: 100%;
	color: white;
	background: #ff3333;
}
#cookiebar.fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
            
}
.profile-image {
    width: 200px;
    height: 200px;
	margin: 10px auto;
	background: #ffffff;
	border: 5px #ffffff solid;
	text-align: center;
}
.profile-image img {
    width: 200px;
	height: 200px;
	overflow: hidden;
}
.profile-action .btn {
    margin-bottom: 5px;
}
.minibox{
    display: block;
    float: left;
    width: 50%;
    height: auto;
}
.minibox-content{
	padding: 5px;
	display: block;
	 float: left;
}
.minibox-img{
    width: 100px;
	height: 100px;
	overflow: hidden;
	 float: left;
}
.minibox-img  img{
    width: 100px;
	height: 100px;
	overflow: hidden;
}
.midbox{
	background-color: #f8edc2;
    display: block;
    float: left;
    width: 405px;
	margin: 0 10px 10px 0;
	padding: 10px;
    height: auto;
}
.midbox-content{
	text-align: top;
	min-width: 170px;
	float: left;
	padding-left: 10px;
}
.midbox-img{
    width: 100px;
	height: 100px;
	overflow: hidden;
	float: left;
}
.midbox-img  img{
    width: 100px;
	height: 100px;
	overflow: hidden;
}
.avatar {
    width: 160px;
	height: 160px;
	overflow: hidden;
}
.avatar100 {
    width: 100px;
	height: 100px;
	overflow: hidden;
}
.avatar40 {
    float: left;
    width: 40px;
	height: 40px;
	margin-right: 10px;
	overflow: hidden;
}
.avatar30{
	float: left;
    width: 30px;
	height: 30px;
	margin-right: 10px;
	overflow: hidden;
}
.avatar20{
    width: 20px;
	height: 20px;
	overflow: hidden;
	vertical-align: middle;
}
.icon{
    height: 14px;
	overflow: hidden;
	vertical-align: middle;
	position: relative;
}
.clear {
	clear: both; 
}
.left{
	float: left;
}
.right{
	float:right;
}
.b50 {
    border-radius: 50%;
    overflow: hidden;
}
.list {
	padding: 2px 0;
}
.post-block{
	width: 100%;
	background: #f8edc2;
	border: 1px solid #ffda44;
	display:block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.post-header {
    padding: 10px;
    font-weight: bold;
    color: #2577b1;
    border-bottom: 1px solid #ffda44;
    background: linear-gradient(#ffda44,#ffcc00,#f0aa00);
	background: -webkit-linear-gradient(#ffda44,#ffcc00,#f0aa00);
	background: -o-linear-gradient(#ffda44,#ffcc00,#f0aa00);
	background: -moz-linear-gradient(#ffda44,#ffcc00,#f0aa00);
	background-color: #ffda44;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-khtml-border-top-right-radius:10px;
	border-top-right-radius: 10px;
}
.postbody{
	clear: both; 
	padding-top:5px;
	padding: 10px;
	display:block;
}
.postcode{
	margin-left:40px;
}
.postauthor{
	float:left;
	height:30px;
	width:30px;
	padding-right:5px;
}
.posttext{
	margin-left:40px;
	display:block;
}
.postanswer{
margin-left:40px;
}
.post-control {
    display: block;
	width:95%;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	cursor: pointer;
}
.post-control:focus{
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.fh1{
	height: 56px
}

.body-main {
    width: 100%;
	margin: 10px 0;
}
.body-content {
	width: 860px;
    vertical-align: top;
	padding-right: 10px;
	float:left;
}
.body-sidebar {
    vertical-align: top;
    width: 250px;
	float:left;
}
.block{
	width:100%;
	margin-bottom: 10px;
    color: #141414;
    background: #f8edc2;
    border: 1px solid #ffda44;
    border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	display: block;
}
.block-header {
    padding: 5px 10px 0 10px;
    text-decoration: none;
    font-size: 16px;
    color: #47a7eb;
}
.block-body {
    padding: 0px 10px;
	display: inline-block;
}
.block-box{
	display: inline-block;
}
.node-body {
	width: 100%;
	display: inline-block;
}
.node-header {
    padding: 10px;
    margin: 0;
    text-decoration: none;
    font-size: 20px;
    color: #2577b1;
    border-bottom: 1px solid #ffda44;
    background: linear-gradient(#ffda44,#ffcc00,#f0aa00);
	background: -webkit-linear-gradient(#ffda44,#ffcc00,#f0aa00);
	background: -o-linear-gradient(#ffda44,#ffcc00,#f0aa00);
	background: -moz-linear-gradient(#ffda44,#ffcc00,#f0aa00);
	background-color: #ffda44;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-khtml-border-top-right-radius:10px;
	border-top-right-radius: 10px;
}
.node-icon {
    width: 46px;
	padding: 2px;
	float:left;
}
.node-main {
	width: 70%;
	max-width: 560px;
	vertical-align: middle;
	padding: 5px;
	float:left;
}
.node-extra {
    width: 230px;
	vertical-align: middle;
	padding: 5px;
	float:left;
}
.messages{
	width: 100%;
	float: left;
	margin-bottom: 5px;
}
.usercell{
    width: 120px;
	margin-right: 10px;
	float: left;
}
.message-userifo{
    text-align: center;
	background: #f8edc2;
    border: 1px solid #ffda44;
	width: 118px;
	padding: 10px 0;
	 border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}
.message-avatar {
    text-align: center;
}
.userdetails {
	text-align: center;
}
.userbanner {
    color: #2577b1;
    background: #edf6fd;
    border: 1px solid #bcdef5;
}
.messagecell{
	width: 738px;
	background: #f8edc2;
    border: 1px solid #ffda44;
    border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	min-height: 134px;
	float: left;
}
.message-header {
    color: #8c8c8c;
    padding: 5px;
    border-bottom: 1px solid #ffda44;
}
.message-content {
	padding: 5px;
	min-height: 100px;
}
.message-footer {
	display: block;
	background: #f5f5f5;
	border: 1px solid #dfdfdf;
	margin: 5px;
	padding: 6px;
	font-size: 12px;
	min-height: 10px;
}
.page-title {
    max-width: 100%;
	padding-bottom: 10px;
	color: #FFF;
}
.page-title a {
	color: #FFF;
}
.page-footer {
	width: 100%;
	margin: 10px;
	float: left;
}
.page-footer-left {
    width: 70%;
	float: left;
}
.page-footer-right {
    width: 30%;
	text-align: right;
	float: left;
}

.newswrap {
	padding: 5px 5px;
	background-color: #ffda44;
	border: 1px solid #f3bd00;
	margin: 0 0 10px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}
div.userhead {
	width: 100px;
	height: 100%;
	padding: 5px 5px;
	margin: 0 5px;
	border: 1px solid #DDDDDD;
	background: #ffcc00;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	text-align: center;
}
div.forums {
	margin: 10px 0 10px 0;
}
div.forums li {
	list-style: none;
}
div.forumcategory {
    font-weight: bold;
	font-size: 16px;
	background: #ffda44;
	border: 1px solid #ffda44;
    padding: 5px 10px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-top-right-radius:5px;
	border-top-right-radius: 5px;
	box-shadow: inset 0px 10px 15px #f3bd00;
}
div.foruminfo {
	background-color:#f8edc2;
	border: 1px solid #ffda44;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.nodeIcon {
    width: 50px;
	float: left;
}
div.nodeText {
    width: 320px;
	padding: 10px;
	float: left;
}
div.nodeLastPost {
	width: 240px;
	padding: 10px;
	float: left;

}
div.messageList{
	margin: 10px 10px 10px 0;
}
div.messageUserInfo {
    width: 100px;
	padding: 10px;
	float: left;
	background: linear-gradient(#ffda44, #ffcc00, #f3bd00);
	background-color:#ffcc00;
	border-radius: 10px;
}
div.messageContent {
	width: 500px;
	padding: 10px;
	margin-left:10px;
	min-height: 100px;
	background: linear-gradient(#ffda44, #ffcc00, #f3bd00);
	background-color:#ffcc00;
	border-radius: 10px;
	float: left;
}
div.messageMeta {
    font-size: 12px;
}
div.PageNav {
	clear: both; 
	font-size: 12px;
	margin: 10px 10px 10px 0;
	display:block;
}
div.PageNav a {
	background: #0179b5;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #004566;
	margin: 2px 0;
	padding: 5px;
	line-height: 14px;
	cursor: pointer;
	box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
	-webkit-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
	-khtml-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
}
div.PageNav a:hover{
	border: 1px solid rgb(255, 254, 255);
}
.PageNav a:active, .pagenav-alink{
	background: #F57F17;
	color: 000;
	border: 1px solid rgb(255, 254, 255);
}
.pagenav-alink{
	background: #F57F17;
	color: 000;
	border: 1px solid rgb(255, 254, 255);
}
.ptop{
	margin: 10px auto 0 auto;
}
.pagination {
	width: 100%; 
	overflow:auto;
}
.pagination ul {
	list-style:none;
	padding:0;
	margin:0;
}
.pagination ul li {
	float:left;
	margin-left: 2px;
	font-size:12px;
	background: #0096d6;
	border: 1px solid #3374d6;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
	box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
	-webkit-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
	-khtml-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
	cursor: pointer;
}
.pagination ul li.selected {
	background: #F57F17;
}
.pagination ul li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 5px;
	text-align:center;
}
.pagination ul li a:hover {
	background: #F57F17;
}
.selected {
	background: #F57F17;
}
div.forumpost{
	width: 100%;
	padding: 5px 5px;
	margin: 0;
}
div.forumref {
	margin: 0;
	padding: 5px;
	background: rgb(230, 219, 176);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.image {
	max-width: 100%;
    height: auto;
}
.center{
	text-align: center; 
}
.forumimage img {
	max-width: 100%;
    height: auto;
}
.newbody {
	width: 100%;
	overflow:auto;
}
.newimage {
	width: 200px;
	float: left;
}
.newcontent {
	width: 388px;
	margin-left: 10px;
	float: left;
}
.quidebody {
	width: 100%;
	overflow:auto;
}
.quideimage {
	width: 100px;
	float: left;
}
.quidecontent {
	width: 488px;
	margin-left: 10px;
	float: left;
}
div.friends  {
	padding: 10px;
	margin: 10px 10px 0 0;
	background: linear-gradient(#ffda44, #ffcc00, #f3bd00);
	background-color:#ffcc00;
	border-radius: 10px;
    float: left;
    width: 300px;
}
div.friends img {
    float: left;
    margin-right: 10px;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-bottom: 0 dotted;
    border-left: 4px solid transparent;
    content: "";
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 80px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	padding:0;
	margin:0;
	left: auto;
    right: 0;
}
.dropdown-content li {
	display: block;
	list-style:none;
	float: left;
}
.dropdown-content li a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	min-width: 80px;
}
.dropdown .dropdown-content li a:hover {
    background: #6D84B4;
}
.dropdown:hover .dropdown-content {display: block;}
.dropdown-content li img {
    height: 14px;
    margin-top: 1px;
    margin-bottom: 1px;
    float: left;
    border: none;
}
.newstrumb{
	width: 120px;
	border: 1px solid #DDDDDD;
	margin: 0 10px 0 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	background-color: #FFFFFF;
	padding: 5px;
}
.warning {
	margin: 5px;
	border: 1px solid #800000;
	background: url("../images/icons/warning.png") 5px center no-repeat #FFD2D2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	padding: 5px 5px 5px 25px;
}
.information {
	margin: 5px;
	border: 1px solid #00A2B4;
	background: url("../images/icons/information.png") 5px center no-repeat #BDE5F8;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	padding: 5px 5px 5px 25px;
}
.success {
	margin: 5px;
	border: 1px solid #A2D246;
	background: url("../images/icons/ok.png") 5px center no-repeat #DFF2BF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	padding: 5px 5px 5px 25px;
}
.update {
	margin: 5px;
	border: 1px solid #A2D246;
	background: url("../images/icons/update.png") 5px center no-repeat #EBF8A4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	padding: 5px 5px 5px 25px;
}
.mainbox {
    max-width: 420px;
    margin: 0 auto;
}
.form-group {
    margin-bottom: 5px;
}
.form-control {
    display: block;
	width:95%;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	cursor: pointer;
}
.form-control:focus{
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.button{
	background: #0096d6;
	color: #fff;
	border: 1px solid #3374d6;
	margin: 2px 0;
	padding: 2px;
	box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
	-webkit-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
	-khtml-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
}
.btn-icon{
	height:14px;
}
.btn {
    display: inline-block;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
}
.btn:hover, .btn:focus {
  color: #333;
  text-decoration: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:active, .btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover , .btn-primary:active{
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover , .btn-success:active{
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-icon{
	height:14px;
}
.pager {
    display: inline-block;
	padding: 5px 14px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
	 -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
}
.pager:hover, .pager:focus , .pager:active {
	background-color: #eee;
	text-decoration: none;
}
.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}
.badge:empty {
  display: none;
}
.social-link {
    display: inline-block;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
	color: #fff;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;;
}
.facebook {
	background-color:#4a66b7;
}
.twitter {
	background-color:#00acee;
}
.gplus {
	background-color:#dd4b38;
}
.picturebox {
	float:left;
	width: 240px;
	margin: 5px;
	padding: 5px;
	background-color: #F8F3B2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}
.boxlist {
	float:left;
}
.box {
	float:left;
	width: 280px;
	margin: 0 5px 5px 5px;
	padding: 10px;
	background-color: #F8F3B2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}
.box-content{
	text-align: top;
	width: 170px;
	float: left;
	padding-left: 10px;
}
.boximg {
    width: 280px;
	height: 160px;
	overflow: hidden;
}
div.comment{
	margin: 5px;
}
div.comment img {
	margin-right: 5px;
}
div.answer {
	margin: 5px 0 5px 40px;
}
div.answer img {
	margin-right: 5px;
}
.newlist {
	width: 50%;
	float: left;
}
.item-info . {
    width: 96px;
    height: 72px;
    border-right: 1px solid #eeeeee;
    display: flex;
}
.item-date {
    font-size: 28px;
    line-height: 37px;
    color: #297fc7;
}
.item-month {
    font-size: 12px;
    line-height: 16px;
    color: #297fc7;
    text-transform: uppercase;
}
.table{
	width:100%;
	border: 1px solid black;
}
.table th, .table td{
	padding: 5px 5px 5px 10px;
	border: 1px solid black;
}
.tablebox{
	background-color: #ffcc00;
}
.silver {
	background-color: #DCDCDC;
}
.gold {
	background-color: #FFD700;
}
.diamond {
	background-color: #F8F8FF;
}
.qa-stat{
	float: left;
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 0;
    border-radius: 3px;
}
.qa-count-zero {
    background: #ffe9d5;
    border: 1px solid #ffd196;
}
.qa-count {
    background: #eafff4;
    border: 1px solid #c1daa6;
}
.qa-count-data {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    display: block;
    margin-top: 10px;
}
.qa-count-pad {
    font-size: 11px;
}
.qa-main {
    float: left;
	width: 100%;
    padding-left: 10px;
}
@media (min-width : 1200px){
	#header { width: 1168px;}
	#main  { width: 1148px; margin: 0 auto;}
	#container  { width: 1120px; margin: 0 auto;}
	#logo  { width: 1120px; height: 150px; margin: 0 auto;}
	#nav  { width: 1168px; margin: 0 auto;}
	#leftcol, .leftcol { width: 240px;}
	#contentcol { width: 620px;}
	#content { width: 870px}
	#rightcol, .rightcol{ width: 240px;}
	#footer  { width: 1148px;}
	#contentbox { width: 870px}
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
	#header  { width: 1048px;}
	#main  { width: 1028px; margin: 0 auto;}
	#container  { width: 1000px; margin: 0 auto;}
	#logo  { width: 1000px; height: 150px; margin: 0 auto;}
	#nav  { width: 1048px; margin: 0 auto;}
	#leftcol, .leftcol { width: 180px;}
	#contentcol { width: 620px;}
	#content { width: 810px}
	#rightcol, .rightcol{ width: 180px;}
	#footer  { width: 1028px;}
	#contentbox { width: 810px;}
	.messagecell  { width: 658px;}
	.midbox  { width: 375px;}
	.minibox-img, .minibox-img img {width: 70px; height: 70px;}
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
	#header  { width: 798px;}
	#main  { width: 778px; margin: 0 auto;}
	#container  { width: 750px; margin: 0 auto;}
	#logo  { width: 750px;  margin: 0 auto;}
	#nav  { width: 798px; margin: 0 auto;}
	#leftcol, .leftcol { width: 748px;  margin: 0 auto; }
	#contentcol { width: 748px;  margin: 0 auto; }
	#content { width: 748px;  margin: 0 auto; }
	#rightcol, .rightcol{ width: 748px;  margin: 0 auto; }
	#footer  { width: 778px;}
	#contentbox { width: 748px; margin: 0 auto;}
	.messagecell  { width: 100%;}
}
@media only screen and (min-width : 400px) and (max-width : 767px) {
	#header  { width: 668px;}
	#main  { width: 648px; margin: 0 auto;}
	#main-content  {padding:10px;}
	#container  { width: 620px; margin: 0 auto;}
	#logo  { width: 620px; height: 100px; margin: 0 auto;}
	#nav  { width: 668px; margin: 0 auto;}
	#leftcol, .leftcol { width: 620px;  margin: 0 auto; }
	#contentcol { width: 620px;  margin: 0 auto; }
	#content { width: 620px;  margin: 0 auto; }
	#rightcol, .rightcol{ width: 620px;  margin: 0 auto; }
	#footer  { width: 648px;}
	#contentbox { width: 620px; margin: 0 auto;}
	.messagecell  { width: 100%;}
}
@media only screen and (min-width : 0px) and (max-width : 400px) {
	#header  { width: 100%; margin: 0 auto;}
	#main  { width: 100%; margin: 0 auto;}
	#main-content  {padding:10px;}
	#container  { width: 100%; margin: 0 auto;}
	#logo { width: 100%; margin: 0 auto;}
	#nav  { width: 98%; margin: 0 auto;}
	#leftcol{ width: 100%;  margin: 0 auto;}
	#contentcol { width: 100%;  margin: 0 auto; }
	#content { width: 100%;  margin: 0 auto; }
	#rightcol{ width: 100%;  margin: 0 auto;}
	#footer  { width: 100%; margin: 0 auto;}
	#contentbox { width: 100%; margin: 0 auto;}
	.messagecell  { width: 100%;}
}