/*Theme 1 
@import url("../theme/css/able.min.css");
@import url("../theme/css/able-rtl.min.css");
@import url("../theme/css/able-skins.min.css");
*/

/*Theme 2 
@import url("../theme2/css/main.css");
@import url("../theme2/css/main-responsive.css");
@import url("../theme2/css/theme_light.css");
@import url("../theme2/css/custom.css"); */

/*Theme 3 
@import url("../themes/monochrome.css");
*/

/*Theme 4 
@import url("../themes/sunny.css");
*/


/*Nav theme */

/*@import url("../i
			  /css/style.css");*/
/*@import url("../nav/css/b3.css");*/

@import url('http://fonts.googleapis.com/css?family=Open+Sans:300italic,300,400italic,400,600italic,600,700italic,700,800italic,800');
@import url('../../../../../../css/ae-exchange-buttons.css');
@import url('../../../../../../css/ae-exchange-menu.css');
@import url('../../../../../../css/hexagons.min.css');
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   html {
 
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
	padding-top: 65px;
	padding-bottom: 20px;
	height:100%;
	font-size: 14px;
	font-family: "open sans";
	background-color:#aaa;
	color:#000 !important;
}
h4 {
	color:#000;
}
.form-control {
    color: #000;
}
.form-control::-webkit-input-placeholder { color: #000; }
.form-control:-moz-placeholder { color: #000; }
.form-control::-moz-placeholder { color: #000; }
.form-control:-ms-input-placeholder { color: #000; }
.help-block {
    color: #000;
}
.text-muted, .text-warning {
    color: #000;
}
.breadcrumb{background-color:#aaa;}
.breadcrumb > li > a
{color:#000;}
.breadcrumb .active
{color:#000;}
.navbar-inverse {
    background-image: linear-gradient(to bottom, #000 0px, #000 100%);
    background-repeat: repeat-x;
}
small {
	color:#000 !important;
}
/*Theme 1
.breadcrumb {background-color: transparent;}*/

.footer {
  bottom: 0;
  position: absolute;
}

/* Equal width button for MMP pages */
.btn-cons {
min-width: 120px;
}
.btn-box {
	padding: 25px 0;
	width: 120px;
	height: 120px;
	border-radius:180px;
	border-top-radius:180px;
	
}


/* Equal width & height button for download pages */
.btn-dwn {
	min-width: 70px;
	min-height: 70px;
	border-radius: 8px;
	/*line-height: 30px;*/
	/*text-shadow: 0px 1px 0px rgba(256, 256, 256, 0);*/
	/*opacity: 0.7;
	color:#222;*/
}

/* Add red asterisk to required fields */
.required:after {
  content:"*";
  color: red;
  padding:3px;
}



/* to remove top & bottom margin */
.pagination {
	margin: 0px;
}

.form-horizontal .label-left {
	text-align:left;
}

/* Help button */

.help-button{
	display:inline-block;
	height:22px;
	width:22px;
	line-height:22px;
	text-align:center;
	padding:0;
	background-color:#f0ad4e;
	color:#FFF;
	font-weight:bold;
	cursor:default;
	margin-left:4px;
	border-radius:100%;
	border-color:#FFF;
	border:2px solid #FFF;
	-webkit-box-shadow:0 1px 0 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 0 1px rgba(0,0,0,0.2)
}
.help-button:hover{
	background-color:#f0ad4e;
	text-shadow:none
}
.nav > li > a {
    padding: 16px 20px 10px;
	color: #fff;
}
.tab-content {
	background: #fff;
	padding: 10px;
}


/*3d spinner*/
@-webkit-keyframes spinner {
    from { -webkit-transform: rotateY(0deg);    }
    to   { -webkit-transform: rotateY(-360deg); }
  }

  /* all other browsers */
  @keyframes spinner {
    from {
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    to {
      -moz-transform: rotateY(-360deg);
      -ms-transform: rotateY(-360deg);
      transform: rotateY(-360deg);
    }
  }

#stage {
    margin: 0 auto;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
  }
#spinner {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;

    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 2s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
/* table overflow */

.table-overflow { overflow: scroll; overflow-y: hidden;}


/* NEW STYLE */
  
.event_list img {
	width: 100%;
	border: 2px solid #bababa;
}

.main-bg {
	height: 100%;
	padding: 0px;
}
.main-bg {
	display: table;
	width: 10%;
	height: auto;
	padding-top: 150px;
	background: url('../img/even.jpg') no-repeat relative center top / cover #;
}
.main-bg:after {
	content: "";
	background-color: rgba(13, 13, 21, 0.7);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: -110px;
	z-index: 1;
}
.main2-bg {
	
	background: url('../img/demo-image1.jpg') center top / cover #666;
	
}
.main2-bg:after {
	content: "";
	background-color: rgba(13, 13, 21, 0.5);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}
.main3-bg {
	
	background: url('../img/busines.jpg') center top / cover #666;
	
}
.main3-bg:after {
	content: "";
	background-color: rgba(13, 13, 21, 0.5);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}

.home-page {
	z-index: 2;
	position: relative;
}
/*Login*/
.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}
.form-signin .form-control
{
    position: relative;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin input[type="password"]
{
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.account-wall
{
    margin-top: 20px;
    padding: 40px 0px 20px 0px;
    background-color: #f7f7f7;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.login-title
{
    color: #555;
    font-weight: 400;
    display: block;
}
.profile-img
{
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.need-help
{
    margin-top: 10px;
}
.new-account
{
    display: block;
    margin-top: 10px;
}


/*Social buttons*/

/*!
 * Social Buttons for Twitter Bootstrap v1.0.0
 *
 * Copyright 2013 Adam Neumann
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 */

.btn-facebook {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2b4b90;
  *background-color: #133783;
  background-image: -moz-linear-gradient(top, #3b5998, #133783);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#133783));
  background-image: -webkit-linear-gradient(top, #3b5998, #133783);
  background-image: -o-linear-gradient(top, #3b5998, #133783);
  background-image: linear-gradient(to bottom, #3b5998, #133783);
  background-repeat: repeat-x;
  border-color: #133783 #133783 #091b40;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff133783', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook[disabled] {
  color: #ffffff;
  background-color: #133783;
  *background-color: #102e6d;
  background-image: linear-gradient(to bottom, rgb(45, 73, 220), rgb(2, 213, 891));
}
.btn-facebook:active,
.btn-facebook.active {
  background-color: linear-gradient(to bottom, rgb(45, 73, 220), rgb(2, 213, 891));
}

.btn-twitter {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1c95d0;
  *background-color: #0271bf;
  background-image: -moz-linear-gradient(top, #2daddc, #0271bf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2daddc), to(#0271bf));
  background-image: -webkit-linear-gradient(top, #2daddc, #0271bf);
  background-image: -o-linear-gradient(top, #2daddc, #0271bf);
  background-image: linear-gradient(to bottom, #2daddc, #0271bf);
  background-repeat: repeat-x;
  border-color: #0271bf #0271bf #014473;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2daddc', endColorstr='#ff0271bf', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.btn-twitter.disabled,
.btn-twitter[disabled] {
  color: #ffffff;
  background-color: #0271bf;
  *background-color: #0262a6;
  background-image:linear-gradient(to bottom, rgb(59, 89, 152), rgb(19, 95, 939));
}

.btn-twitter:active,
.btn-twitter.active {
  background-color: linear-gradient(to bottom, rgb(59, 89, 152), rgb(19, 95, 939));
}

.btn-github {
  color: #000000;
  text-shadow: 0 0.7px 0 rgba(0, 0, 0, 0.1);
  background-color: #f2f2f2;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: -o-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: linear-gradient(to bottom, #fafafa, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #c0c0c0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.btn-github.disabled,
.btn-github[disabled] {
  color: #000000;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn-github:active,
.btn-github.active {
  background-color: #cdcdcd \9;
}

.btn-pinterest {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #c51e25;
  *background-color: #ab171e;
  background-image: -moz-linear-gradient(top, #d62229, #ab171e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d62229), to(#ab171e));
  background-image: -webkit-linear-gradient(top, #d62229, #ab171e);
  background-image: -o-linear-gradient(top, #d62229, #ab171e);
  background-image: linear-gradient(to bottom, #d62229, #ab171e);
  background-repeat: repeat-x;
  border-color: #ab171e #ab171e #680e12;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd62229', endColorstr='#ffab171e', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.btn-pinterest.disabled,
.btn-pinterest[disabled] {
  color: #ffffff;
  background-color: #ab171e;
  *background-color: #95141a;
}

.btn-pinterest:active,
.btn-pinterest.active {
  background-color: #7e1116 \9;
}

.btn-linkedin {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #60a9ce;
  *background-color: #4393bb;
  background-image: -moz-linear-gradient(top, #73b8db, #4393bb);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#73b8db), to(#4393bb));
  background-image: -webkit-linear-gradient(top, #73b8db, #4393bb);
  background-image: -o-linear-gradient(top, #73b8db, #4393bb);
  background-image: linear-gradient(to bottom, #73b8db, #4393bb);
  background-repeat: repeat-x;
  border-color: #4393bb #4393bb #2f6783;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff73b8db', endColorstr='#ff4393bb', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.btn-linkedin.disabled,
.btn-linkedin[disabled] {
  color: #ffffff;
  background-color: #4393bb;
  *background-color: #3c84a8;
}

.btn-linkedin:active,
.btn-linkedin.active {
  background-color: #367595 \9;
}

.btn-google-plus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d34332;
  *background-color: #c53727;
  background-image: -moz-linear-gradient(top, #dd4b39, #c53727);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#c53727));
  background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
  background-image: -o-linear-gradient(top, #dd4b39, #c53727);
  background-image: linear-gradient(to bottom, #dd4b39, #c53727);
  background-repeat: repeat-x;
  border-color: #c53727 #c53727 #85251a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ffc53727', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.btn-google-plus.disabled,
.btn-google-plus[disabled] {
  color: #ffffff;
  background-color: #c53727;
  *background-color: #b03123;
   background-image: linear-gradient(to bottom, rgb(45, 73, 220), rgb(2, 213, 891));
}

.btn-google-plus:active,
.btn-google-plus.active {
  background-color: linear-gradient(to bottom, rgb(45, 73, 220), rgb(2, 213, 891));
}

.btn-instagram {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5c88ab;
  *background-color: #3f729b;
  background-image: -moz-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f97b6), to(#3f729b));
  background-image: -webkit-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -o-linear-gradient(top, #6f97b6, #3f729b);
  background-image: linear-gradient(to bottom, #6f97b6, #3f729b);
  background-repeat: repeat-x;
  border-color: #3f729b #3f729b #294a65;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f97b6', endColorstr='#ff3f729b', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active,
.btn-instagram.disabled,
.btn-instagram[disabled] {
  color: #ffffff;
  background-color: #3f729b;
  *background-color: #386589;
}

.btn-instagram:active,
.btn-instagram.active {
  background-color: #305777 \9;
}

.btn-dropbox {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2e95e0;
  *background-color: #2181cf;
  background-image: -moz-linear-gradient(top, #37a3eb, #2181cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#37a3eb), to(#2181cf));
  background-image: -webkit-linear-gradient(top, #37a3eb, #2181cf);
  background-image: -o-linear-gradient(top, #37a3eb, #2181cf);
  background-image: linear-gradient(to bottom, #37a3eb, #2181cf);
  background-repeat: repeat-x;
  border-color: #2181cf #2181cf #16588d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff37a3eb', endColorstr='#ff2181cf', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.btn-dropbox.disabled,
.btn-dropbox[disabled] {
  color: #ffffff;
  background-color: #2181cf;
  *background-color: #1d73b9;
}

.btn-dropbox:active,
.btn-dropbox.active {
  background-color: #1a66a3 \9;
}

.btn-bitbucket {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #285991;
  *background-color: #205081;
  background-image: -moz-linear-gradient(top, #2d5f9c, #205081);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d5f9c), to(#205081));
  background-image: -webkit-linear-gradient(top, #2d5f9c, #205081);
  background-image: -o-linear-gradient(top, #2d5f9c, #205081);
  background-image: linear-gradient(to bottom, #2d5f9c, #205081);
  background-repeat: repeat-x;
  border-color: #205081 #205081 #112a44;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2d5f9c', endColorstr='#ff205081', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-bitbucket:hover,
.btn-bitbucket:focus,
.btn-bitbucket:active,
.btn-bitbucket.active,
.btn-bitbucket.disabled,
.btn-bitbucket[disabled] {
  color: #ffffff;
  background-color: #205081;
  *background-color: #1b436d;
}

.btn-bitbucket:active,
.btn-bitbucket.active {
  background-color: #163758 \9;
}

.btn-dribbble {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #de447f;
  *background-color: #cb396f;
  background-image: -moz-linear-gradient(top, #ea4c89, #cb396f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ea4c89), to(#cb396f));
  background-image: -webkit-linear-gradient(top, #ea4c89, #cb396f);
  background-image: -o-linear-gradient(top, #ea4c89, #cb396f);
  background-image: linear-gradient(to bottom, #ea4c89, #cb396f);
  background-repeat: repeat-x;
  border-color: #cb396f #cb396f #91264e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffea4c89', endColorstr='#ffcb396f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-dribbble:hover,
.btn-dribbble:focus,
.btn-dribbble:active,
.btn-dribbble.active,
.btn-dribbble.disabled,
.btn-dribbble[disabled] {
  color: #ffffff;
  background-color: #cb396f;
  *background-color: #ba3163;
}

.btn-dribbble:active,
.btn-dribbble.active {
  background-color: #a62b59 \9;
}

.btn-flickr {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f63198;
  *background-color: #ff0084;
  background-image: -moz-linear-gradient(top, #f051a5, #ff0084);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f051a5), to(#ff0084));
  background-image: -webkit-linear-gradient(top, #f051a5, #ff0084);
  background-image: -o-linear-gradient(top, #f051a5, #ff0084);
  background-image: linear-gradient(to bottom, #f051a5, #ff0084);
  background-repeat: repeat-x;
  border-color: #ff0084 #ff0084 #b3005c;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff051a5', endColorstr='#ffff0084', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.btn-flickr.disabled,
.btn-flickr[disabled] {
  color: #ffffff;
  background-color: #ff0084;
  *background-color: #e60077;
}

.btn-flickr:active,
.btn-flickr.active {
  background-color: #cc006a \9;
}

.btn-foursquare {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #079dcd;
  *background-color: #0072b1;
  background-image: -moz-linear-gradient(top, #0cbadf, #0072b1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0cbadf), to(#0072b1));
  background-image: -webkit-linear-gradient(top, #0cbadf, #0072b1);
  background-image: -o-linear-gradient(top, #0cbadf, #0072b1);
  background-image: linear-gradient(to bottom, #0cbadf, #0072b1);
  background-repeat: repeat-x;
  border-color: #0072b1 #0072b1 #004165;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0cbadf', endColorstr='#ff0072b1', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.btn-foursquare.disabled,
.btn-foursquare[disabled] {
  color: #ffffff;
  background-color: #0072b1;
  *background-color: #006298;
}

.btn-foursquare:active,
.btn-foursquare.active {
  background-color: #00517e \9;
}

.btn-renren {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3773ab;
  *background-color: #33669a;
  background-image: -moz-linear-gradient(top, #397cb6, #33669a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#397cb6), to(#33669a));
  background-image: -webkit-linear-gradient(top, #397cb6, #33669a);
  background-image: -o-linear-gradient(top, #397cb6, #33669a);
  background-image: linear-gradient(to bottom, #397cb6, #33669a);
  background-repeat: repeat-x;
  border-color: #33669a #33669a #204061;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff397cb6', endColorstr='#ff33669a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-renren:hover,
.btn-renren:focus,
.btn-renren:active,
.btn-renren.active,
.btn-renren.disabled,
.btn-renren[disabled] {
  color: #ffffff;
  background-color: #33669a;
  *background-color: #2d5987;
}

.btn-renren:active,
.btn-renren.active {
  background-color: #264d74 \9;
}

.btn-skype {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #43bbe8;
  *background-color: #00aff0;
  background-image: -moz-linear-gradient(top, #70c3e2, #00aff0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70c3e2), to(#00aff0));
  background-image: -webkit-linear-gradient(top, #70c3e2, #00aff0);
  background-image: -o-linear-gradient(top, #70c3e2, #00aff0);
  background-image: linear-gradient(to bottom, #70c3e2, #00aff0);
  background-repeat: repeat-x;
  border-color: #00aff0 #00aff0 #0077a3;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff70c3e2', endColorstr='#ff00aff0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-skype:hover,
.btn-skype:focus,
.btn-skype:active,
.btn-skype.active,
.btn-skype.disabled,
.btn-skype[disabled] {
  color: #ffffff;
  background-color: #00aff0;
  *background-color: #009cd7;
}

.btn-skype:active,
.btn-skype.active {
  background-color: #008abd \9;
}

.btn-stackexchange {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3a70b0;
  *background-color: #185397;
  background-image: -moz-linear-gradient(top, #5184c1, #185397);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5184c1), to(#185397));
  background-image: -webkit-linear-gradient(top, #5184c1, #185397);
  background-image: -o-linear-gradient(top, #5184c1, #185397);
  background-image: linear-gradient(to bottom, #5184c1, #185397);
  background-repeat: repeat-x;
  border-color: #185397 #185397 #0e2f55;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5184c1', endColorstr='#ff185397', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-stackexchange:hover,
.btn-stackexchange:focus,
.btn-stackexchange:active,
.btn-stackexchange.active,
.btn-stackexchange.disabled,
.btn-stackexchange[disabled] {
  color: #ffffff;
  background-color: #185397;
  *background-color: #154781;
}

.btn-stackexchange:active,
.btn-stackexchange.active {
  background-color: #113b6b \9;
}

.btn-trello {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #438ab4;
  *background-color: #27709b;
  background-image: -moz-linear-gradient(top, #569cc4, #27709b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#569cc4), to(#27709b));
  background-image: -webkit-linear-gradient(top, #569cc4, #27709b);
  background-image: -o-linear-gradient(top, #569cc4, #27709b);
  background-image: linear-gradient(to bottom, #569cc4, #27709b);
  background-repeat: repeat-x;
  border-color: #27709b #27709b #18445e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff569cc4', endColorstr='#ff27709b', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-trello:hover,
.btn-trello:focus,
.btn-trello:active,
.btn-trello.active,
.btn-trello.disabled,
.btn-trello[disabled] {
  color: #ffffff;
  background-color: #27709b;
  *background-color: #226187;
}

.btn-trello:active,
.btn-trello.active {
  background-color: #1d5372 \9;
}

.btn-tumblr {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #34526e;
  *background-color: #2a4763;
  background-image: -moz-linear-gradient(top, #3a5976, #2a4763);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a5976), to(#2a4763));
  background-image: -webkit-linear-gradient(top, #3a5976, #2a4763);
  background-image: -o-linear-gradient(top, #3a5976, #2a4763);
  background-image: linear-gradient(to bottom, #3a5976, #2a4763);
  background-repeat: repeat-x;
  border-color: #2a4763 #2a4763 #13202d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a5976', endColorstr='#ff2a4763', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.btn-tumblr.disabled,
.btn-tumblr[disabled] {
  color: #ffffff;
  background-color: #2a4763;
  *background-color: #223a51;
}

.btn-tumblr:active,
.btn-tumblr.active {
  background-color: #1b2d3f \9;
}

.btn-vk {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #50739a;
  *background-color: #426187;
  background-image: -moz-linear-gradient(top, #5a7fa6, #426187);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a7fa6), to(#426187));
  background-image: -webkit-linear-gradient(top, #5a7fa6, #426187);
  background-image: -o-linear-gradient(top, #5a7fa6, #426187);
  background-image: linear-gradient(to bottom, #5a7fa6, #426187);
  background-repeat: repeat-x;
  border-color: #426187 #426187 #293c54;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a7fa6', endColorstr='#ff426187', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-vk:hover,
.btn-vk:focus,
.btn-vk:active,
.btn-vk.active,
.btn-vk.disabled,
.btn-vk[disabled] {
  color: #ffffff;
  background-color: #426187;
  *background-color: #3a5576;
}

.btn-vk:active,
.btn-vk.active {
  background-color: #314865 \9;
}

.btn-weibo {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f14f4f;
  *background-color: #e64141;
  background-image: -moz-linear-gradient(top, #f85959, #e64141);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f85959), to(#e64141));
  background-image: -webkit-linear-gradient(top, #f85959, #e64141);
  background-image: -o-linear-gradient(top, #f85959, #e64141);
  background-image: linear-gradient(to bottom, #f85959, #e64141);
  background-repeat: repeat-x;
  border-color: #e64141 #e64141 #c11919;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff85959', endColorstr='#ffe64141', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-weibo:hover,
.btn-weibo:focus,
.btn-weibo:active,
.btn-weibo.active,
.btn-weibo.disabled,
.btn-weibo[disabled] {
  color: #ffffff;
  background-color: #e64141;
  *background-color: #e32a2a;
}

.btn-weibo:active,
.btn-weibo.active {
  background-color: #d81c1c \9;
}

.btn-xing {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #155c5d;
  *background-color: #074c4d;
  background-image: -moz-linear-gradient(top, #1f6768, #074c4d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1f6768), to(#074c4d));
  background-image: -webkit-linear-gradient(top, #1f6768, #074c4d);
  background-image: -o-linear-gradient(top, #1f6768, #074c4d);
  background-image: linear-gradient(to bottom, #1f6768, #074c4d);
  background-repeat: repeat-x;
  border-color: #074c4d #074c4d #010707;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f6768', endColorstr='#ff074c4d', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-xing:hover,
.btn-xing:focus,
.btn-xing:active,
.btn-xing.active,
.btn-xing.disabled,
.btn-xing[disabled] {
  color: #ffffff;
  background-color: #074c4d;
  *background-color: #053536;
}

.btn-xing:active,
.btn-xing.active {
  background-color: #031e1e \9;
}

.btn-youtube {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #a72121;
  *background-color: #6e0610;
  background-image: -moz-linear-gradient(top, #cd332d, #6e0610);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cd332d), to(#6e0610));
  background-image: -webkit-linear-gradient(top, #cd332d, #6e0610);
  background-image: -o-linear-gradient(top, #cd332d, #6e0610);
  background-image: linear-gradient(to bottom, #cd332d, #6e0610);
  background-repeat: repeat-x;
  border-color: #6e0610 #6e0610 #250205;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd332d', endColorstr='#ff6e0610', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.btn-youtube.disabled,
.btn-youtube[disabled] {
  color: #ffffff;
  background-color: #6e0610;
  *background-color: #56050c;
}

.btn-youtube:active,
.btn-youtube.active {
  background-color: #3e0309 \9;
}

  .btn.jumbo {
            font-weight: normal;
            padding: 14px 24px;
            margin-right: 10px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
        }



/*Modal*/

.modal-open{
	overflow:hidden
}

.modal{
	display:none;
	overflow:auto;
	overflow-y:scroll;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1050;
	-webkit-overflow-scrolling:touch;
	outline:0
}

.modal.fade .modal-dialog{
	-webkit-transform:translate(0,-25%);
	-ms-transform:translate(0,-25%);
	transform:translate(0,-25%);
	-webkit-transition:-webkit-transform .3s ease-out;
	-moz-transition:-moz-transform .3s ease-out;
	-o-transition:-o-transform .3s ease-out;
	transition:transform .3s ease-out
	width:80%;
}

.modal.in .modal-dialog{
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0);
	width:62%;
}

.modal-dialog{
	position:relative;
	width:70%;
	margin:10px
}

.modal-content{
	position:relative;
	background-color:#fff;
	border:1px solid #999;
	border:1px solid rgba(0,0,0,.2);
	border-radius:6px;
	-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
	box-shadow:0 3px 9px rgba(0,0,0,.5);
	background-clip:padding-box;
	outline:0
}

.modal-backdrop{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1040;
	background-color:#000
}

.modal-backdrop.fade{
	opacity:0;
	filter:alpha(opacity=0)
}

.modal-backdrop.in{
	opacity:.5;
	filter:alpha(opacity=50)
}

.modal-header{
	padding:15px;
	border-bottom:1px solid #e5e5e5;
	min-height:16.42857143px
}

.modal-header .close{
	margin-top:-2px
}

.modal-title{
	margin:0;
	line-height:1.42857143
}

.modal-body{
	position:relative;
	padding:20px
}

.modal-footer{
	margin-top:15px;
	padding:19px 20px 20px;
	text-align:right;
	border-top:1px solid #e5e5e5
}

.modal-footer .btn+.btn{
	margin-left:5px;
	margin-bottom:0
}

.modal-footer .btn-group .btn+.btn{
	margin-left:-1px
}

.modal-footer .btn-block+.btn-block{
	margin-left:0
}

@media (min-width:768px){
	.modal-dialog{
		width:600px;
		margin:30px auto
	}

	.modal-content{
		-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
		box-shadow:0 5px 15px rgba(0,0,0,.5)
	}

	.modal-sm{
		width:300px
	}
.main-bg {
	height: 100%;
	padding: 0px;
}
.main-bg {
	display: table;
	width: 100%;
	height: auto;
	padding-top: 150px;
	background: url('../img/conference.jpg') no-repeat fixed center top / cover #666;
}
.main-bg:after {
	content: "";
	background-color: rgba(13, 13, 21, 0.6);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}
.main1-bg {
	
	background: url('../img/event_t.jpg') center top / cover #666;
	
}
.main1-bg:after {
	content: "";
	background-color: rgba(13, 13, 21, 0.5);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}
.main2-bg {
	
	background: url('../img/image.jpg') center top / cover #666;
	
}
.main2-bg:after {
	content: "";
	background-color: rgba(13, 13, 21, 0.5);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}
.main3-bg {
	
	background: url('../img/busines.jpg') center top / cover #666;
	
}
.main3-bg:after {
	content: "";
	background-color: rgba(13, 13, 21, 0.5);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}
}


@media (min-width:340px){
	.modal-lg{
		width:900px
	}
.main-bg {
	height: 100%;
	padding: 0px;
}
.main-bg {
	display: table;
	width: 100%;
	height: auto;
	padding-top: 150px;
	background: url('../img/conference.jpg') no-repeat fixed center top / cover #666;
}
.main-bg:after {
	content: "";
	background-color: rgba(13, 13, 21, 0.6);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}
.main1-bg {
	
	background: url('../img/event_t.jpg') center top / cover #666;
	
}
.main1-bg:after {
	content: "";
	background-color: rgba(13, 13, 21, 0.5);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}
.main2-bg {
	
	background: url('../img/image.jpg') center top / cover #666;
	
}
.main2-bg:after {
	content: "";
	background-color: rgba(13, 13, 21, 0.5);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}
.main3-bg {
	
	background: url('../img/busines.jpg') center top / cover #666;
	
}
.main3-bg:after {
	content: "";
	background-color: rgba(13, 13, 21, 0.7);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}
}






.conditional_form_part {
	display:;
}
.conditional_form_part_activator:checked + .conditional_form_part {
	display:none;
}

/*.navbar-inverse .navbar-brand 
{
	color:#fff;
}

.nav-tabs a {
	color: #000;
}
.nav-tabs a:hover {
	color: #666;
}*/
.tab-content a {
	color:#fff;
}
.app {
	color:#fff;
}
.app a {
	color:#fff;
}

/* Padding For MMP Pages <dd> list */
dd { padding: 5px 0 5px 0 ; }
dd > a > i { padding: 0 3px 0 0 ; }
.tab-content {
    background-color: rgba(13, 13, 21, 0.2);
	border: 1px solid #c4c4c4;
	border-top: none;
	color: #000;
}
/*.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #000;
    background-color: #CCC;
	border-bottom: none;
}
.nav-tabs > li > a:hover
{
	 color: #fff;
    background-color: rgba(13, 13, 21, 0.5);
	border-bottom: none;
}
.navbar-inverse .navbar-nav > li > a {
	color:#fff;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color:#DDD;
}*/


/**** BASE ****/


/**** LAYOUT ****/
.list-inline>li {
    padding: 0 10px 0 0;
}
.container-pad {
    padding: 30px 15px;
}


/**** MODULE ****/
.bgc-fff {
    background-color: #EEE!important;
	
}
.box-shad {
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.3);
    box-shadow: 1px 1px 0 rgba(0,0,0,.3);
}
.brdr {
    border: 1px solid #ededed;
}

/* Font changes */
.fnt-smaller {
    font-size: .9em;
}
.fnt-lighter {
    color: #bbb;
}

/* Padding - Margins */
.pad-10 {
    padding: 10px!important;
}
.mrg-0 {
    margin: 0!important;
}
.btm-mrg-10 {
    margin-bottom: 10px!important;
}
.btm-mrg-20 {
    margin-bottom: 20px!important;
}

/* Color  */
.clr-535353 {
    color: #535353;
}




/**** MEDIA QUERIES ****/
@media only screen and (max-width: 991px) {
    #property-listings .property-listing {
        padding: 5px!important;
    }
    #property-listings .property-listing a {
        margin: 0;
    }
    #property-listings .property-listing .media-body {
        padding: 20px;
    }
}

@media only screen and (min-width: 992px) {
    #property-listings .property-listing img {
        max-width: 180px;
    }
}


.media-body {
padding-left:15px;
padding-top:15px;
}


.faq-cat-tabs li a {
    padding: 15px 10px 15px 10px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #777777;
}

.nav-tabs li a:focus,
.panel-heading a:focus {
    outline: none;
}

.panel-heading a,
.panel-heading a:hover,
.panel-heading a:focus {
    text-decoration: none;
    color: #777777;
}

.faq-cat-content .panel-heading:hover {
    background-color: #efefef;
}

.active-faq {
    border-left: 5px solid #888888;
}

.panel-faq .panel-heading .panel-title span {
    font-size: 13px;
    font-weight: normal;
}
.panel-group {
	margin-bottom:0px;
}
/*.square, .btn {
    border-radius: 0px!important;
}*/

/* -- color classes -- */
.coralbg {
    background-color: #FA396F;
} 

.coral {
    color: #FA396f;
}

.turqbg {
    background-color: #46D8D2;
}

.turq {
    color: #46D8D2;
}

.white {
    color: #fff!important;
}

/* -- The "User's Menu Container" specific elements. Custom container for the snippet -- */
div.user-menu-container {
  z-index: 10;
  background-color: #fff;
  margin-top: 20px;
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

div.user-menu-container .btn-lg {
    padding: 0px 12px;
}

div.user-menu-container h4 {
    font-weight: 300;
    color: #8b8b8b;
}

div.user-menu-container a, div.user-menu-container .btn  {
    transition: 1s ease;
}

div.user-menu-container .thumbnail {
   width:100%;
   min-height:200px;
   border: 0px!important;
   padding: 0px;
   border-radius: 0;
   border: 0px!important;
}

/* -- Vertical Button Group -- */
div.user-menu-container .btn-group-vertical {
    display: block;
}

div.user-menu-container .btn-group-vertical>a {
    padding: 20px 25px;
    background-color: #46D8D2;
    color: white;
    border-color: #fff;
}

div.btn-group-vertical>a:hover {
    color: white;
    border-color: white;
}

div.btn-group-vertical>a.active {
    background: #FA396F;
    box-shadow: none;
    color: white;
}
/* -- Individual button styles of vertical btn group -- */
div.user-menu-btns {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

div.user-menu-btns div.btn-group-vertical>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #46D8D2;
}
/* -- The main tab & content styling of the vertical buttons info-- */
div.user-menu-content {
    color: #323232;
}

ul.user-menu-list {
    list-style: none;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 10px;
    border: 1px solid #eee;
}
ul.user-menu-list>li {
    padding-bottom: 8px;
    text-align: center;
}

div.user-menu div.user-menu-content:not(.active){
  display: none;
}

/* -- The btn stylings for the btn icons -- */
.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}

/* -- Custom classes for the snippet, won't effect any existing bootstrap classes of your site, but can be reused. -- */

.user-pad {
    padding: 20px 25px;
}

.no-pad {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.user-details {
    background: #eee;
    min-height: 333px;
}

.user-image {
  max-height:200px;
  overflow:hidden;
}

.overview h3 {
    font-weight: 300;
    margin-top: 15px;
    margin: 10px 0 0 0;
}

.overview h4 {
    font-weight: bold!important;
    font-size: 40px;
    margin-top: 0;
}

.view {
    position:relative;
    overflow:hidden;
    margin-top: 10px;
}

.view p {
    margin-top: 20px;
    margin-bottom: 0;
}
 
.caption {
    position:absolute;
    top:0;
    right:0;
    background: rgba(70, 216, 210, 0.44);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}

.caption a {
    padding-right: 10px;
    color: #fff;
}

.info {
    display: block;
    padding: 10px;
    background: #eee;
    text-transform: uppercase;
    font-weight: 300;
    text-align: right;
}

.info p, .stats p {
    margin-bottom: 0;
}

.stats {
    display: block;
    padding: 10px;
    color: white;
}

.share-links {
    border: 1px solid #eee;
    padding: 15px;
    margin-top: 15px;
}

/*.square, .btn {
    border-radius: 0px!important;
}*/

/* -- media query for user profile image -- */
@media (max-width: 767px) {
    .user-image {
        max-height: 400px;
    }
}
/* IFA ADDTION */

.page-header{
  text-align: center;    
}

/*social buttons*/
.btn-social{
  color: white;
  opacity:0.9;
}
.btn-social:hover {
  color: white;
    opacity:1;
}
.btn-facebook {
background-color: #3b5998;
opacity:0.9;
}
.btn-twitter {
background-color: #00aced;
opacity:0.9;
}
.btn-linkedin {
background-color:#0e76a8;
opacity:0.9;
}
.btn-github{
  background-color:#000000;
  opacity:0.9;
}
.btn-google {
  background-color: #c32f10;
  opacity: 0.9;
}
.btn-stackoverflow{
  background-color: #D38B28;
  opacity: 0.9;
}

/* resume stuff */

.bs-callout {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin-bottom: 15px;
    padding: 20px;
}
.bs-callout:last-child {
    margin-bottom: 0px;
}
.bs-callout h4 {
    margin-bottom: 10px;
    margin-top: 0;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-danger h4{
    color: #d9534f;
}

.resume .list-group-item:first-child, .resume .list-group-item:last-child{
  border-radius:0;
}

/*makes an anchor inactive(not clickable)*/
.inactive-link {
   pointer-events: none;
   cursor: default;
}

.resume-heading .social-btns{
  margin-top:15px !important;
}
.resume-heading .social-btns i.fa{
  margin-left:-5px !important;
}



@media (max-width: 992px) {
  .resume-heading .social-btn-holder{
    padding:5px !important;
  }
}


/* skill meter in resume. copy pasted from http://bootsnipp.com/snippets/featured/progress-bar-meter */

.progress-bar {
    text-align: left;
	white-space: nowrap;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.progress-bar > .progress-type {
	padding-left: 10px;
}

.progress-meter {
	min-height: 15px;
	border-bottom: 2px solid rgb(160, 160, 160);
  margin-bottom: 15px;
}

.progress-meter > .meter {
	position: relative;
	float: left;
	min-height: 15px;
	border-width: 0px;
	border-style: solid;
	border-color: rgb(160, 160, 160);
}

.progress-meter > .meter-left {
	border-left-width: 2px;
}

.progress-meter > .meter-right {
	float: right;
	border-right-width: 2px;
}

.progress-meter > .meter-right:last-child {
	border-left-width: 2px;
}

.progress-meter > .meter > .meter-text {
	position: absolute;
	display: inline-block;
	bottom: -20px;
	width: 100%;
	font-weight: 700;
	font-size: 0.85em;
	color: rgb(160, 160, 160);
	text-align: left;
}

.progress-meter > .meter.meter-right > .meter-text {
	text-align: right;
}
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}
/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			Charon
	Based on style:		prosilver (the default phpBB 3.0.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		KomiDesign ( http://www.phpbb3responsive.com/ )
    --------------------------------------------------------------
*/

/* General Markup Styles
---------------------------------------- */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #828282;
	/*background-color: #FFFFFF;*/
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 0;
}

h1 {
	/* Forum name */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #FFFFFF;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

h2 {
	/* Forum header titles */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3f3f3f;
	font-size: 2em;
	margin: 0.8em 0 0.2em 0;
}

h2.solo {
	margin-bottom: 1em;
}

h4 {
	/* Forum and topic list titles */
	/*font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;*/
	font-size: 1.3em;
}

p {
	/*line-height: 1.3em;*/
	/*font-size: 1.1em;*/
	/*margin-bottom: 1.5em;*/	
	word-wrap: break-word;
}

img {
	border-width: 0;
}

hr {
	/* Also see tweaks.css */	
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

hr.dashed {	
	margin: 22px 0;
}

hr.divider {
	display: none;
}

p.right {
	text-align: right;
}

/* Main blocks
---------------------------------------- */
#wrap {
	/*padding: 0 20px;*/
	/*min-width: 650px;*/	
}

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
	/*margin: 4px 0;*/
	clear: both;
}



/* Search box
--------------------------------------------- */
#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 30px;
	margin-right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

#search-box #keywords {
	width: 95px;
	background-color: #FFF;
}

#search-box input {
	border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
	padding: 1px 5px;
}

#search-box li {
	text-align: right;
	margin-top: 4px;
}

#search-box img {
	vertical-align: middle;
	margin-right: 3px;
}

/* Site description and logo */
#site-description {
	float: none;
	text-align: center;
	position: fixed;
    right: 0;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}

#site-description h1 {
	margin-right: 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	/*background: #ebebeb none repeat-x 0 0;*/
	/*color: #FFFFFF;*/
	/*margin-bottom: 4px;*/
	/*padding: 0 5px;*/
}


.forabg {
	/*background: #b1b1b1 none repeat-x 0 0;*/
	margin-bottom: 20px;
	padding: 0;
	clear: both;
}

.forumbg {
	/*background: #ebebeb none repeat-x 0 0;*/
	margin-bottom: 20px;
	padding: 0;
	clear: both;
}

.post {	    
    margin-bottom: 10px;
    overflow: hidden;
    padding: 15px;	
}

.post:target .content {
	color: #000000;
}

.post:target h3 a {
	color: #000000;
}

.bg1	{ /*background-color: #f7f7f7;*/}
.bg2	{ /*background-color: #f2f2f2;*/ }
.bg3	{ /*background-color: #ebebeb;*/ }

.rowbg {
	margin: 5px 5px 2px 5px;
}

.ucprowbg {
	/*background-color: #e2e2e2;*/
}

.fieldsbg {
	/*border: 1px #DBDEE2 solid;*/
	/*background-color: #eaeaea;*/
}

/*span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}*/

/*span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}*/

/*span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}*/

/*span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}*/

/*span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}*/

/*.headbg span.corners-bottom {
	margin-bottom: -1px;
}*/

/*.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
	margin: 0 -10px;
}*/

/*.rules span.corners-top {
	margin: 0 -10px 5px -10px;
}*/

/*.rules span.corners-bottom {
	margin: 5px -10px 0 -10px;
}*/

/* Horizontal lists
----------------------------------------*/
ul.linklist {
	display: block;
	margin: 0;
	padding-bottom: 0;
	font-family: "Arial",Helvetica,Arial,Verdana,sans-serif;
}

ul.linklist li {
    display: block;
    float: left;
    font-size: 1em;
    line-height: 42px;
    list-style-type: none;
    margin-right: 5px;
    width: auto;    
    /*margin-right: 5px;*/
	/*font-size: 1.1em;*/
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {	
	/*margin-bottom: 1px;*/
	/*border-bottom: 1px solid #FFFFFF;*/
	/*font-weight: bold;*/	
	border-bottom: none;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

/* Table styles
----------------------------------------*/
table.table1 {
	/* See tweaks.css */
}

#ucp-main table.table1 {
	padding: 2px;
}

table.table1 thead th {
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 10px;
	line-height: 46px;
	min-height: 46px;
	word-wrap:break-word;
	font-size: 1em;	
}

table.table1 thead th:first-child {	
	-webkit-border-radius: 3px 0 0 0;
	-moz-border-radius: 3px 0 0 0;
	border-radius: 3px 0 0 0;
}

table.table1 thead th:last-child {	
	-webkit-border-radius: 0 3px 0 0;
	-moz-border-radius: 0 3px 0 0;
	border-radius: 0 3px 0 0;
}

.section-search table.table1 thead th {
	text-indent: 15px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px; 
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr {
	/*border: 1px solid #cfcfcf;*/
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	/*background-color: #f6f6f6;*/
	color: #000;
}

table.table1 td {
	color: #6a6a6a;
	font-size: 1.1em;
}

table.table1 tbody td {
	padding: 15px 10px;
	border-top: 1px solid #FAFAFA;
}

table.table1 tbody th {
	padding: 5px;
	border-bottom: 1px solid #000000;
	text-align: left;
	color: #333333;
	/*background-color: #FFFFFF;*/
}

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .posts		{ text-align: center !important; width: 7%; }
table.table1 .joined	{ text-align: left; width: 15%; }
table.table1 .active	{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 30%; }
table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

table.info td {
	padding: 3px;
}

table.info tbody th {
	padding: 3px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
}

.forumbg table.table1 {
	margin: 0;
}

.forumbg-table > .inner {
	margin: 0 -1px;
}

/*.forumbg-table > .inner > span.corners-top {
	margin: 0 -4px -1px -4px;
}*/

/*.forumbg-table > .inner > span.corners-bottom {
	margin: -1px -4px 0 -4px;
}*/

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts 
   Also see tweaks.css */
.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
	float: left;
	width: auto;
	text-align: left;
}

.right-box {
	float: right;
	width: auto;
	text-align: right;
}

dl.details {
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.1em;
	margin-top: 20px;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	color: #000000;
	display: block;
}

dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #828282;
	float: left;
	width: 65%;
}

/* Pagination
---------------------------------------- */
.pagination {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	text-align: right;
	margin-top: 5px;
	float: right;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	/*color: #FFFFFF;*/
	/*background-color: #bfbfbf;*/
	/*border: 1px solid #bfbfbf;*/
	/*font-size: 0.9em;*/
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #747474;
	margin: 0 2px;
	padding: 0 2px;
	/*background-color: #eeeeee;*/
	border: 1px solid #bababa;
	font-size: 0.9em;
	line-height: 1.5em;
}

.pagination span a:hover {
	border-color: #d2d2d2;
	/*background-color: #d2d2d2;*/
	color: #FFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	display: block;
	float: right;
	width: auto;
	margin-top: 0;
	padding: 1px 0 1px 15px;
	font-size: 0.9em;	
}

.row .pagination span a, li.pagination span a {
	/*background-color: #FFFFFF;*/
	margin: 0 2px;
    padding: 2px 6px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.row .pagination span a:hover, li.pagination span a:hover {
	/*background-color: #d2d2d2;*/
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
	float: right;
	width: auto;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 10px;
	text-align: right;
}

.copyright {
	padding: 36px 0;
	text-align: left;
	/*color: #555555;*/
}

.small {
	font-size: 0.9em !important;
}

.titlespace {
	margin-bottom: 15px;
}

.headerspace {
	margin-top: 20px;
}

.error {
	/*color: #bcbcbc;*/
	font-weight: 400;
	font-size: 14px !important;
	-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 20px!important;
}

.reported {
	/*background-color: #f7f7f7;*/
}

li.reported:hover {
	/*background-color: #ececec;*/
}

div.rules {
	/*background-color: #ececec;*/
	/*color: #bcbcbc;*/
	/*padding: 0 10px;*/
	/*margin: 10px 0;*/
	font-size: 1.1em;
}

div.rules ul, div.rules ol {
	margin-left: 20px;
}

p.rules {
	/*background-color: #ececec;*/
	/*background-image: none;*/
	padding: 15px;
}

p.rules img {
	vertical-align: middle;
	padding-top: 5px;
}

p.rules a {
	vertical-align: middle;
	clear: both;
}

#top {
	position: absolute;
	top: -20px;
}

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}
/* Link Styles
---------------------------------------- */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
a {
	direction: ltr;
	unicode-bidi: embed;
}

a { color: #898989; text-decoration: none; }
/* a:visited	{ color: #898989; text-decoration: none; } */
a:hover, a:focus	{ color: #d3d3d3;}
/* a:active	{ color: #d2d2d2; text-decoration: none; } */

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

a:focus {
  outline: none!important;
}

/* Coloured usernames */
.username-coloured {
	font-weight: 500;
	display: inline !important;
	padding: 0 !important;
}

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
	color: #333;
	text-decoration: none;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
	color: #333;
	text-decoration: none;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #333;
	text-decoration: underline;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
	color: #333;
	text-decoration: none;
}

/* Links for forum/topic lists */
a.forumtitle {
	/*font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;*/
	font-size: 1.1em;
	font-weight: 400;
	color: #898989;
	text-decoration: none;
}

/* a.forumtitle:visited { color: #898989; } */

a.forumtitle:hover {
	color: #bcbcbc;
	text-decoration: none;
}

a.forumtitle:active {
	color: #898989;
}

a.topictitle {
	/*font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;*/
	font-size: 1.2em;
	font-weight: 400;
	color: #898989;
	text-decoration: none;
}

/* a.topictitle:visited { color: #d2d2d2; } */

a.topictitle:hover {
	color: #bcbcbc;
	text-decoration: none;
}

a.topictitle:active {
	color: #898989;
}

/* Post body links */
.postlink {
	text-decoration: none;
	color: #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 0;
}

/* .postlink:visited { color: #bdbdbd; } */

.postlink:active {
	color: #d2d2d2;
}

.postlink:hover {
	background-color: #f6f6f6;
	text-decoration: none;
	color: #404040;
}

.signature a, .signature a:visited, .signature a:hover, .signature a:active {
	border: none;
	text-decoration: underline;
	background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
	font-weight: 500;
	color: #898989;
	text-decoration: none;
}

.postprofile a:hover, .postprofile dt.author a:hover {
	text-decoration: underline;
	color: #d3d3d3;
}

/* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
/* See http://www.phpbb.com/bugs/phpbb3/59685 */
.postprofile a:active {
	font-weight: 500;
	color: #898989;
	text-decoration: none;
}


/* Profile searchresults */	
.search .postprofile a {
	color: #898989;
	text-decoration: none; 
	font-weight: normal;
}

.search .postprofile a:hover {
	color: #d3d3d3;
	text-decoration: underline; 
}

/* Back to top of page */
.back2top {
	clear: both;
	height: 11px;
	text-align: right;
}

a.top {
	text-decoration: none;
	width: 14px;
	height:16px;
	display: block;
	float: right;
	overflow: hidden;
}

a.top2 {
	display: block;    
    height: 16px;
    overflow: hidden;
    text-decoration: none;
    width: 14px;
}

dl.faq a.top2 {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Arrow links  */
a.up		{ background: none no-repeat left center; }
a.down		{ background: none no-repeat right center; }
a.left		{ background: none no-repeat 3px 60%; }
a.right		{ background: none no-repeat 95% 60%; }

a.up, a.up:link, a.up:active, a.up:visited {
	padding-left: 10px;
	text-decoration: none;
	border-bottom-width: 0;
}

a.up:hover {
	background-position: left top;
	background-color: transparent;
}

a.down, a.down:link, a.down:active, a.down:visited {
	padding-right: 10px;
}

a.down:hover {
	background-position: right bottom;
	text-decoration: none;
}

a.left,a.right	{
	display: inline-block;
	width: auto;
	height: 36px;
	line-height: 36px;
	font-size: 13px;	
	position: relative;
	padding: 0 15px;
	overflow: hidden;
	margin-bottom: 0;	
	-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px; 
}

a.left, a.left:active, a.left:visited {
	/* padding-left: 12px;*/
}

a.left:hover {
	color: #d2d2d2;
	text-decoration: none;
	background-position: 0 60%;
}

a.right, a.right:active, a.right:visited {
	/*padding-right: 12px;*/
}

a.right:hover {
	color: #d2d2d2;
	text-decoration: none;
	background-position: 100% 60%;
}

/* invisible skip link, used for accessibility  */
.skiplink {
	position: absolute;
	left: -999px;
	width: 990px;
}

/* Feed icon in forumlist_body.html */
a.feed-icon-forum {
	float: right;
	margin: 3px;
}
/* Content Styles
---------------------------------------- */

ul.topiclist {
	/*display: block;*/
	list-style-type: none;
	margin: 0;
	font-weight: 400;
}

ul.forums {
	/*background: #f9f9f9 none repeat-x 0 0;*/
}

ul.topiclist li {
	display: block;
	list-style-type: none;
	color: #000;
	margin: 0;
}

ul.topiclist dl {
	position: relative;
}

ul.topiclist li.row dl {
	padding: 15px 0;
}

ul.topiclist dt {
	display: block;
	float: left;
	width: 50%;
	font-size: 1.1em;
	padding-left: 5px;
	padding-right: 5px;
}

ul.topiclist dd {
	display: block;
	float: left;
	font-size: 1.1em;
	/*border-left: 1px solid #FFFFFF;*/
	padding: 4px 0;
}

ul.topiclist dfn {
	/* Labels for post/view counts */
	position: absolute;
	left: -999px;
	width: 990px;
}

ul.topiclist li.row dt a.subforum {
	/*background-image: none;*/
	/*background-position: 0 50%;*/
	/*background-repeat: no-repeat;*/
	position: relative;
	white-space: nowrap;
	padding: 0 0 0 5px;
}

.forum-image {
	float: left;
	padding-top: 5px;
	margin-right: 5px;
}

li.row {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #8f8f8f;
}

li.row strong {
	font-weight: normal;
	color: #000000;
}

li.row:hover {
	/*background-color: #f6f6f6;*/
}

li.row:hover dd {
	/*border-left-color: #CCCCCC;*/
}

li.header dt, li.header dd {
	line-height: 46px;
	border-left-width: 0;
	margin:	0;
	color: #333;
	padding-top: 0;
	padding-bottom: 0;
	/*font-size: 1em;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	text-transform: uppercase;
}

li.header dt {
	font-weight: 400;
}

li.header dd {
	margin-left: 1px;	
}

li.header dl.icon {
	min-height: 0;
}

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 50px;
}

/* Forum list column styles */
dl.icon {
	min-height: 35px;
	background-position: 15px 18px;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.icon dt {
	padding-left: 60px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 20px;		/* Position of topic icon */
}

dd.posts, dd.topics, dd.views, dd.replies {	
	text-align: center;
	line-height: 2.2em;
	font-size: 1.1em;
}

/* List in forum description */
dl.icon dt ol,
dl.icon dt ul {
	list-style-position: inside;
	margin-left: 1em;
}

dl.icon dt li {
	display: list-item;
	list-style-type: inherit;
}

dd.lastpost {
	width: 25%;
	font-size: 1.1em;
}

dd.redirect {
	font-size: 1.1em;
	line-height: 2.5em;
}

dd.moderation {
	font-size: 1.1em;
}

dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
	display: block;
	padding-left: 5px;
}

dd.time {
	width: auto;
	line-height: 200%;
	font-size: 1.1em;
}

dd.extra {
	width: 12%;
	line-height: 200%;
	text-align: center;
	font-size: 1.1em;
}

dd.mark {
	float: right !important;
	width: 9%;
	text-align: center;
	line-height: 200%;
	font-size: 1.2em;
}

dd.info {
	width: 30%;
}

dd.option {
	width: 15%;
	line-height: 200%;
	text-align: center;
	font-size: 1.1em;
}

dd.searchby {
	width: 47%;
	font-size: 1.1em;
	line-height: 1em;
}

ul.topiclist dd.searchextra {
	margin-left: 5px;
	padding: 0.2em 0;
	font-size: 1.1em;
	color: #333333;
	border-left: none;
	clear: both;
	width: 98%;
	overflow: hidden;
}

/* Container for post/reply buttons and pagination */
.topic-actions {
	margin-bottom: 3px;
	font-size: 1.1em;
	height: 28px;
	min-height: 28px;
}
div[class].topic-actions {
	height: auto;
}

/* Post body styles
----------------------------------------*/
.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: left;
	/*clear: both;*/
	position: relative;
}

.postbody .ignore {
	font-size: 1.1em;
}

.postbody h3.first {
	/* The first post on the page uses this */
	/*font-size: 1.3em;*/
	text-indent: 0;
}

.postbody h3 {
	/* Postbody requires a different h3 format - so change it here */
	font-size: 1.3em;
	padding: 2px 0 0 0;
	margin: 0 0 0.3em 0 !important;
	text-transform: none;
	border: none;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
}

.postbody h3 img {
	/* Also see tweaks.css */
	vertical-align: bottom;
}

.postbody .content {
	font-size: 1.2em;
	margin-top: 22px;
}

.search .postbody {
	width: 68%
}

/* Topic review panel
----------------------------------------*/
#review {
	margin-top: 2em;
}

#topicreview {
	padding-right: 5px;
	overflow: auto;
	height: 300px;
}

#topicreview .postbody {
	width: auto;
	float: none;
	margin: 0;
	height: auto;
}

#topicreview .post {
	height: auto;
}

#topicreview h2 {
	border-bottom-width: 0;
}

.post-ignore .postbody {
	display: none;
}

/* MCP Post details
----------------------------------------*/
#post_details
{
	/* This will only work in IE7+, plus the others */
	overflow: auto;
	max-height: 300px;
}

#expand
{
	clear: both;
}

/* Content container styles
----------------------------------------*/
.content {
	min-height: 3em;
	/*overflow: hidden;*/
	line-height: 22px;
	font-family: "Arial",Helvetica,Arial,Verdana,sans-serif;
	font-size: 1em;
	color: #333333;
	padding-bottom: 1px;
}
/*
.content h2,.content h3,.content h4, .panel h2,.panel h3,.panel h4 {
	font-weight: 400;	
	border-bottom: none;
	font-size: 1.1em;
	margin-top: -17px;
	margin-left: -17px;
	margin-right: -17px;
	margin-bottom: 30px;
	padding-left: 15px;	
	padding-bottom: 0;
	line-height: 46px;	
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-transform: uppercase;
}
*/
.panel p {
	/*font-size: 1.2em;*/
	/*margin-bottom: 1em;*/
	/*line-height: 1.4em;*/
}

.content p {
	/*font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.2em;
	margin-bottom: 1em;	
}

dl.faq {
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 2em;
	line-height: 1.4em;
}

dl.faq dt {
	font-weight: 400;
	color: #333333;
	padding-bottom: 10px;
}

.content dl.faq {
	font-size: 1.2em;
	margin-bottom: 0.5em;
}

.content li {
	list-style-type: inherit;
}

.content ul, .content ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

.posthilit {
	background-color: #f3f3f3;
	color: #BCBCBC;
	padding: 0 2px 1px 2px;
}

.announce, .unreadpost {
	/* Highlight the announcements & unread posts box */
	border-left-color: #BCBCBC;
	border-right-color: #BCBCBC;
}

/* Post author */
p.author {
	margin: 0 15em 0.6em 0;
	padding: 0 0 5px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
}

/* Post signature */
.signature {
	margin-top: 1.5em;
	padding-top: 16px;
	padding-left: 50px;
	font-size: 1.1em;
	border-top: 2px solid #CCCCCC;
	clear: left;
	line-height: 140%;
	overflow: hidden;
	width: 100%;
	position: relative;
}

dd .signature {
	margin: 0;
	padding: 0;
	clear: none;
	border: none;
}

.signature li {
	list-style-type: inherit;
}

.signature ul, .signature ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

/* Post noticies */
.notice {
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	width: auto;
	margin-top: 15px;
	padding: 15px 15px 15px 50px;
	font-size: 1em;
	border: none;
	clear: left;
	position: relative;	
}

/* Jump to post link for now */
ul.searchresults {
	list-style: none;
	text-align: right;
	clear: both;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background: #ebebeb none 6px 8px no-repeat;
	border: 1px solid #dbdbdb;
	font-size: 0.95em;
	margin: 0.5em 1px 0 25px;
	overflow: hidden;
	padding: 5px;
}

blockquote blockquote {
	/* Nested quotes */
	background-color: #bababa;
	font-size: 1em;
	margin: 0.5em 1px 0 15px;	
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #e4e4e4;
}

blockquote cite {
	/* Username/source of quoter */
	font-style: normal;
	font-weight: 400;	
	display: inline-block;
	font-size: 0.9em;
}

blockquote cite cite {
	font-size: 1em;
}

blockquote.uncited {
	/*padding-top: 25px;*/
}

/* Code block */

dl.codebox {
	padding: 10.5px 21px;
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	font-size: 1em;
	margin: 15px 0;
}

dl.codebox dt {
	text-transform: uppercase;
	border-bottom: 2px solid #CCCCCC;
	margin-bottom: 5px;
	font-size: 0.8em;
	font-weight: 400;
	padding-bottom: 5px;
	display: block;
}

blockquote dl.codebox {
	margin-left: 0;
}

dl.codebox code {
	/* Also see tweaks.css */
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	white-space: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.3em;
	color: #8b8b8b;
	margin-top: 10px;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #000000; }
.syntaxdefault	{ color: #bcbcbc; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #585858; }
.syntaxstring	{ color: #a7a7a7; }

/* Attachments
----------------------------------------*/
.attachbox {
	float: left;
	width: auto; 
	margin: 5px 5px 5px 0;
	padding: 6px;
	background-color: #FFFFFF;
	border: 1px dashed #d8d8d8;
	clear: left;
}

.pm-message .attachbox {
	background-color: #f3f3f3;
}

.attachbox dt {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.attachbox dd {
	margin-top: 4px;
	padding-top: 4px;
	clear: left;
	border-top: 1px solid #d8d8d8;
}

.attachbox dd dd {
	border: none;
}

.attachbox p {
	line-height: 110%;
	color: #666666;
	font-weight: normal;
	clear: left;
}

.attachbox p.stats
{
	line-height: 110%;
	color: #666666;
	font-weight: normal;
	clear: left;
}

.attach-image {
	margin: 3px 0;
	width: 100%;
	max-height: 350px;
	overflow: auto;
}

.attach-image img {
	border: 1px solid #999999;
/*	cursor: move; */
	cursor: default;
}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
	display: block;
	margin-bottom: 4px;
}

div.inline-attachment p {
	font-size: 100%;
}

dl.file {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	display: block;
}

dl.file dt {
	text-transform: none;
	margin: 0;
	padding: 0;
	font-weight: 400;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}

dl.file dd {
	color: #666666;
	margin: 0;
	padding: 0;	
}

dl.thumbnail img {
	padding: 3px;
	border: 1px solid #666666;
	background-color: #FFF;
}

dl.thumbnail dd {
	color: #666666;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.attachbox dl.thumbnail dd {
	font-size: 100%;
}

dl.thumbnail dt a:hover {
	background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
	border: 1px solid #d2d2d2;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

fieldset.polls dl {
	margin-top: 5px;
	border-top: 1px solid #e2e2e2;
	padding: 15px 0 0 0;
	line-height: 120%;
	color: #666666;
}

fieldset.polls dl.voted {
	font-weight: 400;
	color: #000000;
}

fieldset.polls dt {
	text-align: left;
	float: left;
	display: block;
	width: 30%;
	border-right: none;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}

fieldset.polls dd {
	float: left;
	width: 10%;
	border-left: none;
	padding: 0;
	margin-left: 0;
	margin-right: 10px;
	font-size: 1.1em;
}

fieldset.polls dd.resultbar {
	width: 50%;
}

fieldset.polls dd input {
	margin: 2px 0;
}

fieldset.polls dd div {
	text-align: right;
	/*font-family: Arial, Helvetica, sans-serif;*/
	color: #FFFFFF;
	font-weight: 400;
	padding: 0 2px;
	overflow: visible;
	min-width: 2%;
}

.pollbar1 {
	background-color: #aaaaaa;
	border-bottom: 1px solid #747474;
	border-right: 1px solid #747474;
}

.pollbar2 {
	background-color: #bebebe;
	border-bottom: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
}

.pollbar3 {
	background-color: #D1D1D1;
	border-bottom: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
}

.pollbar4 {
	background-color: #e4e4e4;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
}

.pollbar5 {
	background-color: #f8f8f8;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	/* Also see tweaks.css */
	margin: 15px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border-left: none;
	width: 22%;
	float: right;
	display: inline;
	position: relative;
}
.pm .postprofile {
	border-left: 1px solid #DDDDDD;
}

.postprofile dd, .postprofile dt {
	line-height: 1.544em;
	margin-left: 8px;
}

.postprofile strong {
	font-weight: normal;
	color: #000000;
}

.avatar {
	border: none;
	margin-bottom: 3px;
}

.online {
	background-image: none;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

/* Poster profile used by search*/
.search .postprofile {
	width: 30%;
}

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {
	width: 60% !important;
}

dl.pmlist dt textarea {
	width: 95%;
}

dl.pmlist dd {
	margin-left: 61% !important;
	margin-bottom: 2px;
}
/* Button Styles
---------------------------------------- */

/* Rollover buttons
   Based on: http://wellstyled.com/css-nopreload-rollovers.html
----------------------------------------*/
.buttons {
	float: left;
	width: auto;
	height: auto;
	margin: 15px 15px 0 0;	
}

/* Rollover state */
.buttons div {
	float: left;
	margin-bottom: 10px;
    margin-right: 10px;	
}

.section-viewtopic .buttons div {	
	margin-bottom: 0;
	margin-right: 0;	    	
}

/* Rolloff state */
.buttons div a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 3px;
    font-size: 13px;   
    margin-bottom: 15px;   
    padding: 7px 15px;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
    white-space: nowrap;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span		{ display: none; }*/
/*.buttons div a:hover	{ background-image: none; }*/

.buttons div span	{ 	 
	cursor: pointer;
	height: 100%;
    line-height: 1;
    margin-right: 10px;
    position: relative;
    text-transform: none;
    top: 1px;
    width: 100%;
}

.buttons div a:hover span	{ background-position: 0 100%; }

/* Big button images */
/*.reply-icon span	{ background: transparent none 0 0 no-repeat; }*/
/*.post-icon span		{ background: transparent none 0 0 no-repeat; }*/
/*.locked-icon span	{ background: transparent none 0 0 no-repeat; }*/
/*.pmreply-icon span	{ background: none 0 0 no-repeat; }*/
/*.newpm-icon span 	{ background: none 0 0 no-repeat; }*/
/*.forwardpm-icon span 	{ background: none 0 0 no-repeat; }*/

/* Set big button dimensions */
/*.buttons div.reply-icon		{ width: 96px; height: 25px; }*/
/*.buttons div.post-icon		{ width: 96px; height: 25px; }*/
/*.buttons div.locked-icon	{ width: 88px; height: 25px; }*/
/*.buttons div.pmreply-icon	{ width: 96px; height: 25px; }*/
/*.buttons div.newpm-icon		{ width: 84px; height: 25px; }*/
/*.buttons div.forwardpm-icon	{ width: 96px; height: 25px; }*/

/* Sub-header (navigation bar)
--------------------------------------------- */
a.print, a.sendemail, a.fontsize {	
	overflow: hidden;
	height: 18px;
	/*text-indent: -5000px;*/
	text-align: left;
	font-size: 15px;
	/*background-repeat: no-repeat;*/
}

a.print {
	/*background-image: none;*/
	width: 22px;
}

a.sendemail {
	/*background-image: none;*/
	width: 22px;
	margin-left: 10px;
}

a.fontsize {
	background-image: none;
	background-position: 0 -1px;
	width: 29px;
}

a.fontsize:hover {
	background-position: 0 -20px;
	text-decoration: none;
}

/* Icon images
---------------------------------------- */
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search {
	/*background-position: 0 50%; */
	/*background-repeat: no-repeat; */
	/*background-image: none; */
	/*padding: 0 0 0 17px; */
}

/* Poster profile icons
----------------------------------------*/

.postprofile .profile-icons li a {
	display: block;
	width: 26px;
	height: 24px;
	text-align: center;
	line-height: 22px;
	text-decoration: none;	
	position: relative;	
	font-size: 1.333em;	
}

ul.profile-icons {
	padding-top: 10px;
	list-style: none;
}

/* Rollover state */
ul.profile-icons li {
	float: left;
	margin-right: 3px;
	/*background-position: 0 100%;*/
}

ul.profile-icons li:last-child {	
	margin-right: 0;	
}

/* Rolloff state */

ul.profile-icons > li > a {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 27px;
	text-decoration: none;	
	position: relative;
	text-align: center;		
	font-size: 1.122em
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span { display:none; }
/*ul.profile-icons li a:hover { background: none; }*/

/* Positioning of moderator icons */
.postbody ul.profile-icons {
	float: right;
	width: auto;
	padding-top: 10px;
}

.postbody ul.profile-icons li {
	margin: 0 5px;
}

/* Profile & navigation icons */
/*.email-icon, .email-icon a		{ background: none top left no-repeat; }*/
/*.aim-icon, .aim-icon a			{ background: none top left no-repeat; }*/
/*.yahoo-icon, .yahoo-icon a		{ background: none top left no-repeat; }*/
/*.web-icon, .web-icon a			{ background: none top left no-repeat; }*/
/*.msnm-icon, .msnm-icon a			{ background: none top left no-repeat; }*/
/*.icq-icon, .icq-icon a			{ background: none top left no-repeat; }*/
/*.jabber-icon, .jabber-icon a		{ background: none top left no-repeat; }*/
/*.pm-icon, .pm-icon a				{ background: none top left no-repeat; }*/
/*.quote-icon, .quote-icon a		{ background: none top left no-repeat; }*/

/* Moderator icons */
/*.report-icon, .report-icon a		{ background: none top left no-repeat; }*/
/*.warn-icon, .warn-icon a			{ background: none top left no-repeat; }*/
/*.edit-icon, .edit-icon a			{ background: none top left no-repeat; }*/
/*.delete-icon, .delete-icon a		{ background: none top left no-repeat; }*/
/*.info-icon, .info-icon a			{ background: none top left no-repeat; }*/

/* Set profile icon dimensions */
/*ul.profile-icons li.email-icon		{ width: 20px; height: 20px; }*/
/*ul.profile-icons li.aim-icon	{ width: 20px; height: 20px; }*/
/*ul.profile-icons li.yahoo-icon	{ width: 20px; height: 20px; }*/
/*ul.profile-icons li.web-icon	{ width: 20px; height: 20px; }*/
/*ul.profile-icons li.msnm-icon	{ width: 20px; height: 20px; }*/
/*ul.profile-icons li.icq-icon	{ width: 20px; height: 20px; }*/
/*ul.profile-icons li.jabber-icon	{ width: 20px; height: 20px; }*/
/*ul.profile-icons li.pm-icon		{ width: 28px; height: 20px; }*/
/*ul.profile-icons li.quote-icon	{ width: 54px; height: 20px; }*/
/*ul.profile-icons li.report-icon	{ width: 20px; height: 20px; }*/
/*ul.profile-icons li.edit-icon	{ width: 42px; height: 20px; }*/
/*ul.profile-icons li.delete-icon	{ width: 20px; height: 20px; }*/
/*ul.profile-icons li.info-icon	{ width: 20px; height: 20px; }*/
/*ul.profile-icons li.warn-icon	{ width: 20px; height: 20px; }*/

/* Fix profile icon default margins */
/*ul.profile-icons li.edit-icon	{ margin: 0 0 0 3px; }*/
ul.profile-icons li.quote-icon	{ margin-left: 15px; }
/*ul.profile-icons li.info-icon, ul.profile-icons li.report-icon	{ margin: 0 3px 0 0; }*/
/* Control Panel Styles
---------------------------------------- */


/* Main CP box
----------------------------------------*/
#cp-menu {
	/*float:left;*/
	/*width: 19%;*/
	margin-top: 1em;
	margin-bottom: 5px;
}

#cp-main {
	/*float: left;*/
	/*width: 81%;*/
	padding:0 0 0 15px;
}

#cp-main .content {
	padding: 0;
}

#cp-main hr, #cp-menu hr {
	border-color: #bfbfbf;
}

#cp-main h3 {
	border-bottom: none;
	line-height: 46px;
	min-height: 46px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	word-wrap:break-word;
	padding-left: 0;
	margin: 0;	
}

.ucp-main h3 {
	text-indent: 15px;
}

#cp-main .panel p {
	font-size: 1.1em;
	margin-top: 8px;
}

#cp-main .panel ol {
	margin-left: 2em;
	font-size: 1.1em;
}

#cp-main .panel li.row {
	/*border-bottom: 1px solid #cbcbcb;*/
	/*border-top: 1px solid #F9F9F9;*/
}

ul.cplist {
	margin-bottom: 50px;
	border-top: 1px solid #cbcbcb;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
	color: #000000;
	/*margin-bottom: 2px;*/
}

#cp-main table.table1 {
	margin-bottom: 1em;
}

#cp-main table.table1 thead th {
	color: #333333;
	font-weight: 400;	
	padding: 0;
	padding-right: 15px;
	line-height: 46px;
	min-height: 46px;
	word-wrap:break-word;
}

#cp-main table.table1 thead th:first-child {
	text-indent: 10px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}

#cp-main table.table1 thead th:last-child {	
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}

#cp-main table.table1 tbody th {
	font-style: italic;
	background-color: transparent !important;
	border-bottom: none;
}

#cp-main .pagination {
	float: right;
	width: auto;
	/*padding-top: 1px;*/
}

#cp-main .postbody p {
	font-size: 1.1em;
}

#cp-main .pm-message {
	border: 1px solid #e2e2e2;
	margin: 10px 0;
	background-color: #FFFFFF;
	width: auto;
	float: none;
}

.pm-message h2 {
	padding-bottom: 5px;
}

#cp-main .postbody h3, #cp-main .box2 h3 {
	margin-top: 0;
}

#cp-main .buttons {
	margin: 0;
}

#cp-main ul.linklist {
	margin: 0;
}

/* MCP Specific tweaks */
.mcp-main .postbody {
	width: 100%;
}

.tabs-container h2 {
	float: left;
	margin-bottom: 0px;
}

.tabs-container #minitabs {
	float: right;
	margin-top: 19px;
}

.tabs-container:after {
	display: block;
	clear: both;
	content: '';
}

/* CP tabbed menu
----------------------------------------*/
#tabs {
	line-height: normal;
	margin: 0;
	min-width: 570px;
}

#tabs ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#tabs li {
	display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0;
	font-size: 1em;
	font-weight: 400;
}

#tabs a {
	float: left;
	font-size: 14px;
	padding: 12px;
  	word-wrap:break-word; 
	display: block;
	text-align: left;	 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

#tabs a span {
	/*float: left;*/
	/*display: block;*/
	/*background: none no-repeat 100% -35px;*/
	/*padding: 6px 10px 6px 5px;*/
	/*color: #828282;*/
	/*white-space: nowrap;*/
}

#tabs a:hover span {
	/*color: #bcbcbc;*/
}

#tabs .activetab a {
	/*background-position: 0 0;*/
	/*border-bottom: 1px solid #ebebeb;*/
}

#tabs .activetab a span {
	/*background-position: 100% 0;*/
	/*padding-bottom: 7px;*/
	/*color: #333333;*/
}

#tabs a:hover {
	/*background-position: 0 -70px;*/
}

#tabs a:hover span {
	/*background-position:100% -70px;*/
}

#tabs .activetab a:hover {
	/*background-position: 0 0;*/
}

#tabs .activetab a:hover span {
	/*color: #000000;*/
	/*background-position: 100% 0;*/
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs {
	line-height: normal;
	margin: -20px 7px 0 0;
}

#minitabs ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#minitabs li {
	display: block;
	float: right;
	padding: 0 10px 4px 10px;
	font-size: 1em;
	font-weight: 400;
	background-color: #f2f2f2;
	margin-left: 2px;
}

#minitabs a {
}

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

#minitabs li.activetab {
	background-color: #F9F9F9;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
	color: #333333;
}

/* UCP navigation menu
----------------------------------------*/
/* Container for sub-navigation list */
#navigation {
	width: 100%;
	padding-top: 40px;
}

#navigation ul {
	list-style:none;
}

/* Default list state */
#navigation li {
	margin: 1px 0;
	padding: 0;
	font-weight: 400;
	display: inline;
}

#navigation li:first-child a {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#navigation li:last-child a {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

/* Link styles for the sub-section links */
#navigation a {
	display: block;
	padding: 12px;
	margin: 1px 0;
	text-decoration: none;
	font-weight: 400;
	color: #333;
	background: #cfcfcf none repeat-y 100% 0;
}

#navigation a:hover {
	text-decoration: none;
	background-color: #c6c6c6;
	color: #bcbcbc;
	background-image: none;
}

#navigation #active-subsection a {
	display: block;
	color: #d3d3d3;
	background-color: #F9F9F9;
	background-image: none;
}

#navigation #active-subsection a:hover {
	color: #d3d3d3;
}

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
	border-bottom: none;
	padding: 0;
	margin: 0;
	color: #333333;
	background-color: transparent;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 1.6em;
    text-transform: none;

}

#cp-main .panel {
	background-color: #F9F9F9;
	border: none;
}

#cp-main .pm {
	background-color: #FFFFFF;
}

/*#cp-main span.corners-top, #cp-menu span.corners-top {
	background-image: none;
}*/

/*#cp-main span.corners-top span, #cp-menu span.corners-top span {
	background-image: none;
}*/

/*#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
	background-image: none;
}*/

/*#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
	background-image: none;
}*/

/* Topicreview */
/*#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
	background-image: none;
}*/

/*#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
	background-image: none;
}*/

/*#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
	background-image: none;
}*/

/*#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
	background-image: none;
}*/

/* Friends list */
.cp-mini {
	background-color: #f9f9f9;
	padding: 15px;
	margin-bottom: 20px;  	  
  	border-radius: 3px;	
}

/*.cp-mini span.corners-top, .cp-mini span.corners-bottom {
	margin: 0 -5px;*/
}

dl.mini dt {
	font-weight: 400;
	color: #676767;
}

dl.mini dd {
	padding-top: 4px;
}

.friend-online {
	font-weight: 400;
}

.friend-offline {
	font-style: italic;
}

/* PM Styles
----------------------------------------*/
#pm-menu {
	line-height: 2.5em;
}

/* PM panel adjustments */
.reply-all a.left {
	background-position: 3px 60%;
}

.reply-all a.left:hover {
	background-position: 0px 60%;
}

.reply-all {
	font-size: 11px;
	padding-top: 5px;
}

/* PM Message history */
.current {
	color: #999999;
}

/* Defined rules list for PM options */
ol.def-rules {
	padding-left: 0;
}

ol.def-rules li {
	line-height: 180%;
	padding: 1px;
}

/* PM marking colours */
.pmlist li.bg1 {
	padding: 0 3px;
}

.pmlist li.bg2 {
	padding: 0 3px;
}

.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #bcbcbc;
	border-right-color: #bcbcbc;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	padding: 0;
	border: solid 3px #ffffff;
	border-width: 0 3px;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	padding: 0;
	border: solid 3px #c2c2c2;
	border-width: 0 3px;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	padding: 0;
	border: solid 3px #bdbdbd;
	border-width: 0 3px;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
	padding: 0;
	border: solid 3px #000000;
	border-width: 0 3px;
}

.pm-legend {
	border-left-width: 10px;
	border-left-style: solid;
	border-right-width: 0;
	margin-bottom: 3px;
	padding-left: 3px;
}

/* Avatar gallery */
#gallery label {
	position: relative;
	float: left;
	margin: 10px;
	padding: 5px;
	width: auto;
	background: #FFFFFF;
	border: 1px solid #CCC;
	text-align: center;
}

#gallery label:hover {
	background-color: #EEE;
}
/* Form Styles
---------------------------------------- */

/* General form styles
----------------------------------------*/
fieldset {
	border-width: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
}

input {
	font-weight: normal;
	/*cursor: pointer;*/
	vertical-align: middle;
	padding: 0 3px;
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

select {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #666666;
	padding: 1px;
	background-color: #FAFAFA;
	font-size: 1em;
}

option {
	padding-right: 1em;
}

option.disabled-option {
	color: graytext;
}

textarea {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: 60%;
	padding: 2px;
	font-size: 1em;
	line-height: 1.4em;
}

label {
	cursor: default;
	padding-right: 5px;
	color: #676767;
}

label input {
	vertical-align: middle;
}

label img {
	vertical-align: middle;
}

/* Definition list layout for forms
---------------------------------------- */
fieldset dl {
	padding: 4px 0;
}

fieldset dt {
	float: left;	
	width: 40%;
	text-align: left;
	display: block;
}

fieldset dd {
	margin-left: 41%;
	vertical-align: top;
	margin-bottom: 3px;
}

/* Specific layout 1 */
fieldset.fields1 dt {
	width: 15em;
	border-right-width: 0;
}

fieldset.fields1 dd {
	margin-left: 15em;
	border-left-width: 0;
}

fieldset.fields1 {
	background-color: transparent;
}

fieldset.fields1 div {
	margin-bottom: 3px;
}

/* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
fieldset.fields1 #recaptcha_widget_div div {
	margin-bottom: 0;
}

/* Specific layout 2 */
fieldset.fields2 dt {
	width: 15em;
	border-right-width: 0;
}

fieldset.fields2 dd {
	margin-left: 16em;
	border-left-width: 0;
}

/* Form elements */
dt label {
	font-weight: 400;
	text-align: left;
}

dd label {
	white-space: nowrap;
	color: #333;
}

dd input, dd textarea {
	margin-right: 3px;
}

dd select {
	width: auto;
}

dd textarea {
	width: 85%;
}

/* Hover effects */
fieldset dl:hover dt label {
	color: #000000;
}

fieldset.fields2 dl:hover dt label {
	color: inherit;
}

#timezone {
	width: 95%;
}

* html #timezone {
	width: 50%;
}

/* Quick-login on index page */
fieldset.quick-login {
	margin-top: 5px;
}

fieldset.quick-login input {
	/*width: auto;*/
}

fieldset.quick-login input.inputbox {
	/*width: 15%;*/
	vertical-align: middle;
	margin-right: 5px;
	background-color: #f3f3f3;
}

fieldset.quick-login label {
	white-space: nowrap;	
}


fieldset.quick-login .button2{
	margin-top: 10px;	
}

/* Display options on viewtopic/viewforum pages  */
fieldset.display-options {
	text-align: center;
	margin: 3px 0 5px 0;
}

fieldset.display-options label {
	white-space: nowrap;
	padding-right: 2px;
}

fieldset.display-options a {
	margin-top: 3px;
}

/* Display actions for ucp and mcp pages */
fieldset.display-actions {
	text-align: right;
	line-height: 2em;
	white-space: nowrap;
	padding-right: 1em;
}

fieldset.display-actions label {
	white-space: nowrap;
	padding-right: 2px;
}

fieldset.sort-options {
	line-height: 2em;
}

/* MCP forum selection*/
fieldset.forum-selection {
	margin: 5px 0 3px 0;
	float: right;
}

fieldset.forum-selection2 {
	margin: 13px 0 3px 0;
	float: right;
}

/* Jumpbox */
fieldset.jumpbox {
	text-align: right;
	/*margin-top: 15px;*/
	/*height: 2.5em;*/
	margin-bottom: 15px;
}

fieldset.quickmod {	
	float: right;
	text-align: right;
	height: 2.5em;
}

/* Submit button fieldset */
fieldset.submit-buttons {
	text-align: center;
	vertical-align: middle;
	margin: 5px 0;
}

fieldset.submit-buttons input {
	vertical-align: middle;
	/*padding-top: 3px;*/
	/*padding-bottom: 3px;*/
}

/* Posting page styles
----------------------------------------*/

/* Buttons used in the editor */
#format-buttons {
	margin: 15px 0 0 0;
}

#format-buttons input, #format-buttons select {
	vertical-align: middle;
	margin-bottom: 15px;
}

/* Main message box */
#message-box {
	width: 80%;
}

#message-box textarea {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	width: 450px;
	height: 270px;
	min-width: 100%;
	max-width: 100%;
	font-size: 1.2em;
	color: #333333;
}

/* Emoticons panel */
#smiley-box {
	width: 18%;
	float: right;
}

#smiley-box img {
	margin: 3px;
}

/* Input field styles
---------------------------------------- */
.inputbox, select {
	background-color: #FFFFFF;	 
	height: 36px;
	padding: 6px 10px;
	font-size: 13px;
	line-height: 1.42857143;  
	background-image: none;  
	border-radius: 3px;  
}

.inputbox:hover {
	/*border: 1px solid #eaeaea;/*
}

.inputbox:focus {
	/*border: 1px solid #eaeaea;*/
	/*color: #4b4b4b;*/
}

input.inputbox	{ width: 85%; }
input.medium	{ width: 50%; }
input.narrow	{ width: 25%; }
input.tiny		{ width: 125px; }

textarea.inputbox {
	width: 85%;
}

.autowidth {
	width: auto !important;
}

/* Form button styles
---------------------------------------- */
input.button1, input.button2 {
	font-size: 1em;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
	width: auto !important;
	border-radius: 3px;
    font-size: 13px;
    line-height: 1.5;
    padding: 8px 11px;     
    border: none;
}

a.button1, input.button1 {
	font-weight: 500;
	/*border: 1px solid #666666;*/
}

input.button3 {
	padding: 0;
	margin: 0;
	line-height: 5px;
	height: 12px;
	background-image: none;
	font-variant: small-caps;
}

/* Alternative button */
a.button2, input.button2, input.button3, input.button1 {
	border-radius: 3px;
    font-size: 13px;
    line-height: 1.5;
    height: 36px;
    padding: 8px 15px;     
    border: none;
    vertical-align: top;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	text-decoration: none;
	border-radius: 3px;
    font-size: 13px;
    line-height: 1.5;
    padding: 8px 11px;     
    border: none;
    display: inline-block;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	/*border: 1px solid #BCBCBC;*/
	background-position: 0 100%;
	color: #BCBCBC;
}

input.disabled {
	font-weight: normal;
	color: #666666;
}

/* Topic and forum Search */
.search-box {
	margin: 15px 0;
	float: left;
}

.search-box input.button2 {
	margin-left: -10px;
	-webkit-border-radius: 0 3px 3px 0;
  	-moz-border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0;
    font-family: "FontAwesome",Arial,Helvetica,Verdana,sans-serif; 
}

input.search {
width: 230px;
}

.full { width: 95%; }
.medium { width: 50%;}
.narrow { width: 25%;}
.tiny { width: 10%;}
/* Style Sheet Tweaks

These style definitions are mainly IE specific 
tweaks required due to its poor CSS support.
-------------------------------------------------*/

* html table, * html select, * html input { font-size: 100%; }
* html hr { margin: 0; }
* html span.corners-top, * html span.corners-bottom { background-image: url("./styles/Charon%20-%20Main/theme/images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("./styles/Charon%20-%20Main/theme/images/corners_right.gif"); }

table.table1 {
	width: 99%;		/* IE < 6 browsers */
	/* Tantek hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
}
html>body table.table1 { width: 100%; }	/* Reset 100% for opera */

* html ul.topiclist li { position: relative; }
* html .postbody h3 img { vertical-align: middle; }

/* Form styles */
html>body dd label input { vertical-align: text-bottom; }	/* Align checkboxes/radio buttons nicely */

* html input.button1, * html input.button2 {
	padding-bottom: 0;
	margin-bottom: 1px;
}

/* Misc layout styles */
* html .column1, * html .column2 { width: 45%; }

/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
   From http://www.positioniseverything.net/easyclearing.html 
#tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}*/

#tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
	height: 1%;
	overflow: hidden;
}

/* viewtopic fix */
* html .post {
	height: 25%;
	overflow: hidden;
}


/* Simple fix so forum and topic lists always have a min-height set, even in IE6
	From http://www.dustindiaz.com/min-height-fast-hack */
dl.icon {
	min-height: 35px;
	height: auto !important;
	height: 35px;
}

* html li.row dl.icon dt {
	height: 35px;
	overflow: visible;
}

* html #search-box {
	width: 25%;
}

/* Correctly clear floating for details on profile view */
*:first-child+html dl.details dd {
	margin-left: 30%;
	float: none;
}

* html dl.details dd {
	margin-left: 30%;
	float: none;
}

/* Headerbar height fix for IE7 and below */
* html #site-description p {
	margin-bottom: 1.0em;
}

*:first-child+html #site-description p {
	margin-bottom: 1.0em;
}

/* #minitabs fix for IE */
.tabs-container {
	zoom: 1;
}

#minitabs {
	white-space: nowrap;
	*min-width: 50%;
}
/*  CUSTOM.CSS Style Sheet
  --------------------------------------------------------------
  Style name:       Charon  
  Author:           KomiDesign ( http://www.phpbb3responsive.com/ )
  --------------------------------------------------------------
*/

/* General Markup Styles
---------------------------------------- */

html {
    position: relative;
    min-height: 100%;
}

body,body.rtl {
  font-family: 'Roboto',sans-serif;
  font-size: 12px;
  line-height: 22px;  
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {    
    line-height: 1;
    font-family: 'Roboto',sans-serif!important;
}


h1, .h1 {
    font-size: 2.464em;
    font-weight: 100;
}

h2 {
  /* Forum header titles */ 
  font-weight: 300;   
  font-size: 2em; 
  margin-bottom: 40px;
  margin-top: 0; 
}

h2.solo {
  margin-bottom: 1em;
}

h3 {
  /* Sub-headers (also used as post headers, but defined later) */
  font-weight: 400; 
  margin-bottom: 15px;
  padding-bottom: 2px;  
  margin-top: 20px;
  font-size: 1.3em;
}

h4 {
  /* Forum and topic list titles */ 
  font-weight: 400;
}


img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    width: auto;
}

b, strong {
    font-weight: 400;
}

ul {
    list-style: none;
}

/* ==============================
              HEADER 
   ============================== */

.headerbar {
  min-height: 47px;
  position: relative;
  top: 0;
  width: 100%;   
  background-repeat: repeat;     
}

.headerbar ul {
    margin: 0;
    line-height: 1;
} 

.headerbar .dropdown-menu {
  top:100%;  
} 

.top-nav-left {
  float: left;
  margin-top: 8px
}

.top-nav-left .search-box input.inputbox {
  width: auto;
  border: none;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  padding-top: 0;
  padding-bottom: 0;
}

.top-nav-left .search-box input.button2 {
  height: 30px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.top-nav-left .search-box {
  margin: 0;
  position: relative;  
}

.top-nav-right {  
  margin-top: 8px;
  float: right;
}

.top-nav-right > ul > li {
  float: left;    
}

.top-nav-right > ul > li > a {    
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  line-height: 30px;
} 

.top-nav-right i {    
  font-size: 13px;
  margin-right: 5px;
}

.kd-username .fa-angle-down { 
  margin-right: 0;
  margin-left: 5px;
}

#site-description h2 {
  font-size: 1.250em;
  font-weight: 300;
}

/* LOGO */ 

#logo {  
  font-family: 'Roboto',sans-serif;
  font-size: 1.622em;
  font-weight: 400;    
  text-transform: uppercase;
  margin-right: 10px;
  margin-left: 10px;
  position: relative;
  line-height: 76px;  
  float: left;    
}

#logo img { 
  max-height: 70px;
}

#logo i{  
  font-size: 34px;
  vertical-align: middle;
}

.logo-text {
  margin-left: 10px;
  position: relative;
  top: 2px; 
}

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


#page-header .nav > li {    
  height: 80px;     
}


/* HEADER TYPE 4 */

.header-type-4 #logo img {
    max-height: 90px;
}

.header-type-4 .kd-breadcrumbs { 
  padding-top: 24px;   
  position: relative;
}

.header-type-4 .navbar {
  min-height: 54px;
}

.header-type-4 .navbar-toggle {
  margin-top: 11px;
  margin-bottom: 11px;
  margin-left: 5px;
  padding: 9px;
  float: left;
}

.header-type-4 .navbar-socials {
  font-size: 16px;
  margin-right: 5px;
  float: right;
  height: 54px;
  line-height: 54px;
}

.header-type-4 .navbar-socials li {
  float: left;
  margin-left: 20px; 
}


/* ==============================
            PAGE BODY 
   ============================== */

/* MAIN LAYOUT */

#sidebar {
  float: right;
  width: 270px;   
}

#body-with-sidebar {
  float: left;
  width: 910px;
}   

/* BREADCRUMBS STYLES */

.kd-breadcrumbs {  
  height: auto;   
}

.kd-breadcrumbs ul.linklist {
  padding-bottom: 0; 
}

.page-body-inner > h2,
.page-body-inner > form > h2,
.page-body-inner > #body-with-sidebar > h2{   
  margin-bottom: 30px;
  margin-top: 0;
}

#page-body  {
  position: relative; 
  padding-bottom: 50px; 
}

.section-about #page-body {
  overflow: hidden;
}

.page-body-inner {
  padding-top: 40px;
  min-height:370px;   
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.body-on-scroll {
  padding-top: 80px;
}

.no-modal-link {
  display: none;
}   

.dropdown-menu .search-box {    
  padding: 0;
  float: none;
  margin: 10px;  
  position: relative;
} 

.dropdown-menu .search-box input.inputbox {
  margin-right: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.dropdown-menu .search-box .button2 {
  position: absolute;    
  right: 0;
  top: 0;
}

.dropdown-menu .search-box .inside-search-box  {
  position: relative;    
}

.dropdown-btn-right { 
  margin-left:15px;
  margin-top:15px;
}

/* FORUM TABLES */

ul.topiclist li.header {
    font-weight: normal;
    line-height: 46px;
    min-height: 46px;
    padding: 0 15px;
    word-wrap:break-word;
}

li.row:last-child {
  border-bottom: none;
}

dt {
  font-weight: 400;
}

dl {
  margin-bottom: 0;   
}

.kd-btn-collapse {
  display: block;
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: 0;
  padding-left: 10px;
  padding-right: 10px;  
}

.panel .kd-btn-collapse {
  line-height: 46px;
  padding-left: 10px;
  padding-right: 10px;
  top: 0;
  right: 0;
}

.panel .collapsed + h2,
.panel .collapsed + h3,
.panel .collapsed + h4{
  border-radius: 3px;
}

.kd-forum-header.collapse.in .kd-btn-collapse:before,
.kd-forum-header.collapse.in .kd-btn-collapse:before,
.kd-btn-collapse:before {
  font-family: FontAwesome;
  content:"\f056";
  font-size: 14px;  
}

.kd-forum-header.collapse .kd-btn-collapse:before,
.kd-btn-collapse.collapsed:before {
  font-family: FontAwesome;
  content:"\f055";  
}

.kd-forum-header {
  height: auto!important;
}

.kd-forum-header.collapse {
  opacity: 0.2;
}

.kd-forum-header.collapse:hover {
  opacity: 0.5;
}

.kd-forum-header.collapse.in {
  opacity: 1;
}

.kd-forum-header.collapsing {
    -webkit-transition: none;
          transition: none;
}

.kd-forum-body.collapse.in {
  height: auto;
}

.kd-forum-body.collapse {
  height: 0;
  overflow: hidden;
  position: relative;    
}

/* PANELS 

.panel {
  margin-bottom: 21px;
  padding: 15px;  
}

.panel-heading {
  margin-top: -16px;
  margin-left: -16px;
  margin-right: -16px;
  padding: 0;
  border:none; 
  position: relative;
}

.panel-body {
  padding: 15px 0 0 0!important;
  word-wrap: break-word;
}

.panel .panel-heading h2,
.panel .panel-heading h3,
.panel .panel-heading h4 {
  margin: 0;
  padding: 0;
  border:none;
  padding-left: 15px;
  line-height: 46px;
  word-wrap:break-word;
}

.panel-group .panel {    
  overflow: visible;
}

.panel-body p {
  margin-bottom: 0;  
}

.panel-title {
  font-size: 1.1em;
  text-transform: uppercase;
}

.panel-group .panel {
  padding-bottom: 0;
} 

.panel-group .panel .panel-body{
  padding-bottom: 15px!important;
} 
*/
/* VIEWFORUM PAGE */

div.pagination {    
    margin: 15px 0;    
}

.last-post-icon {
    position: relative;
    margin-left: 4px;
}

div.pagination > a,
div.pagination > strong,
div.pagination > span,
div.pagination > div > strong{
  position: relative;
  float: left;
  font-size: 13px;
  padding: 8px 10px;
  line-height: 1.42857143;
  text-decoration: none;    
}

div.pagination > strong,
div.pagination > strong:hover,
div.pagination > strong:focus {
  z-index: 2;  
  cursor: default;
}

/* VIEWPROFILE PAGE */

#viewprofile .left-box {
  position: relative;
  margin-top: 15px;
}

#viewprofile .status-sign {
  left: 0;
}

/* VIEWTOPIC PAGE */

.progress {    
    height: 18px;
    margin-bottom: 15px;
}

.progress-bar {    
    line-height: 14px;
}

.online .status-sign {  
  background: #55E06C;  
}

.status-sign {  
  height: 8px;
  width: 8px;
  content: "";
  background: #DDDDDD;  
  position: absolute;
  top: -15px;
  right: 0;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}

p.author .fa {  
 font-size: 13px;
}

.postprofile .img-thumbnail {
  margin-bottom: 10px;
}

.signature:before {
  font-family: "fontello-custom";
  font-style: normal;
  font-weight: normal;
  speak: none; 
  display: inline-block;
  text-decoration: inherit;   
  margin-left: -40px;
  content: '\e862'; /* '' */
  font-size: 30px;  
  position: absolute;
  bottom: 8px;  
}

form#viewtopic {
  padding-top: 20px;
}  

.btn-lg,
.btn-group-lg > .btn {  
  border-radius: 3px;
}


/* TweetScroll Plugin Styles */

.tweets-list-container{
    width: 100%;
    overflow: hidden;
}

.tweet-list {
    position: relative;
    list-style-type: none;
    padding: 0;
}

.tweet-list li {
    padding-bottom: 10px;
}

/* Twitter logo before tweet */

.tweet-list.twitter-logo li {    
    padding-left: 27px;
    position: relative;    
}

.rtl .tweet-list.twitter-logo li {    
    padding-left: 0;
    padding-right: 27px;
    position: relative;    
}

.tweet-list.twitter-logo li:before {
  content:"\f099";
  font-family: FontAwesome;  
  font-size: 18px;
  left: 0;
  position: absolute;
  top: 0;
}



/* GO TO TOP BUTTON */

.go-top {
  position: fixed;
  bottom: -35px;
  right: 20px;  
  text-decoration: none;  
  font-size: 10px;  
  z-index: 99999; 
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 32px;
  font-weight: normal!important;
  opacity: 0;    
}

.go-top-visible {
  bottom: 30px;
  opacity: 1;
}

/* BUTTONS */

.buttons i {
    margin-right: 10px;
}

/* BBCODES */

.video-wrapper {
   width: 640px;
   max-width: 100%;
   margin-bottom:20px;
}

.video-container {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/*    
--------------------------------------------------------------
404 ERROR PAGE
-------------------------------------------------------------- */

.page_404error {  
  margin: 0 auto;
  padding: 20px 20px 60px;
  text-align: center;
  width: 62%;
}

.page_404error strong {  
  display: block;
  font-size: 120px;
  font-weight: normal;
  line-height: 100px;
}

.page_404error b {  
  display: block;
  font-size: 32px;
  font-weight: 300;
  line-height: 36px;
  margin: 0;
}

.page_404error em {  
  display: block;
  font-size: 16px;
  font-style: normal;
  line-height: 54px;
  margin: 0;
}
.page_404error .search-box {
  float: none;
  padding-top: 25px;
  padding-bottom: 10px;
}  

/*    
--------------------------------------------------------------
ABOUT PAGE
-------------------------------------------------------------- */

#about section {
  margin-left: -3000px;
  padding-left: 3000px;
  margin-right: -3000px;
  padding-right: 3000px;
  padding-top: 60px;
  padding-bottom: 60px;
}

#about h3 {  
  font-size: 1.7em;
  margin-bottom: 30px;
  border-bottom: none;
  text-transform: none;
  font-weight: 300;
  margin-top: 0; 
} 

#about .team-desc h3 {  
  margin-bottom: 10px;  
} 

#about p {  
  padding: 0;
  padding-bottom: 20px; 
}  


#about .team-photos .tm {
  text-align: center;
}


/* Statistics in "About Page" */

#statistics-about {    
  text-align: center;
  position: relative;
  clear: both;
  overflow: hidden;
} 

#statistics-about a,.statistics-about a:hover{   
  text-decoration: none;
}

#statistics-about p {   
  font-size: 19px;
  font-weight: 400;
  padding: 0!important;
  margin-top: 86px;
  margin-bottom: 0;
  font-family: 'Roboto',sans-serif;     
}

#statistics-about p strong {  
  display: block;
  font-size: 26px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  bottom: 54px;
}

#statistics-about .statistics-icon {    
  display: block;
  height: 120px;
  line-height: 120px;
  margin: 0 auto;
  text-align: center;
  width: 120px;
}  

#statistics-about  i {  
  font-size: 34px;
  line-height: 110px;  
}
 

/* Team pictures in "About Page" */
.tm-thumb {  
  overflow: hidden;
  position: relative; 
  text-align: center;    
}

#team-about .team-desc {
  text-align: center; 
}

.tm h3 {  
  font-size: 1.544em;
  margin: 0;
  padding-top: 20px!important; 
}

.tm h4 {  
  text-transform: uppercase;
  font-size: 1em;
  margin: 0;
}

.tm h3,.tm h4 {  
  padding: 5px 0; 
}

.tm p {  
  font-size: 1.244em;  
  line-height: 26px;    
  position: relative;
} 

.tm-icons {  
  padding: 20px 0;
  position: relative;
  text-align: center;  
  width: 100%;  
}

.tm-icons li {  
  display: inline-block;
  margin-right: 5px;       
}

.tm-icons li a {  
  display: block;  
  height: 32px;
  text-align: center;  
  width: 32px;  
}

.tm-icons a i {  
  font-size: 15px;
  position: relative;
  top: 5px;   
}

#gmap {
 height: 350px;
 width: 100%;
}

/* GENERAL CUSTOM STYLES */

.topic-actions:before,ul.linklist:before,.panel:before,
.topic-actions:after,.panel:after,ul.linklist:after {
  content: "";
  display: table;
  line-height: 0;
}

.panel:after,.topic-actions:after,ul.linklist:after {
  clear: both;
}


input[type="text"], 
input[type="password"],
input[type="email"], 
input[type="url"], 
input[type="search"] {
    outline-width: 0; 
}

input[type="submit"] {
    
}

.modal-kd {
  width: 400px;
}

.quick-login a {
  clear: both;
  display: block;
}

.rules-title {    
    font-size: 1.4em;   
}

.panel .col-md-9,
.panel .col-md-3 {    
    padding: 0;   
}

.col-md-2 ul {
    display: table;
}

#colour_palette a {
    display: block;
}

.section-search .attach-icon {
    margin-right: 4px;
}

/* ==============================
      RESPONSIVE CUSTOM STYLE 
   ============================== */

@media (min-width: 992px) {


  /* HEADER TYPE 3 */ 

  .header-type-3 .navbar-nav > li {
    float: right;
  } 

  .header-type-3 #page-header .nav > li.dropdown.open > a {  
    border-top-right-radius: 3px;
    border-top-left-radius: 3px; 
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    height: 47px;     
  }

  .header-type-3 .navbar-nav > li > a:hover {    
    border-radius: 3px;   
  }

  .hidden-min992 {    
    display: none!important;   
  }

  .kd-mega-menu .dropdown-menu > li a {
    margin-left: -15px;      
  }

  .rtl .kd-mega-menu .dropdown-menu > li a {
    margin-left: 0;
    margin-right: -15px;      
  }

  /* HEADER TYPE 4 */ 

  .header-type-4 #logo {
    line-height: 90px;     
  }

  .header-type-4 .middle-bar {
    padding-top: 10px;
    padding-bottom: 10px;      
  }

  .header-type-4 #page-header .nav > li {
    height: 54px;
  }

  .header-type-4 .navbar-nav > li > a {
    height: 54px;
    line-height: 54px;
  }

  .header-type-4 .header-ads {
    float: right;    
    position: relative;
    height: 90px;
    line-height: 90px;
  } 

  .header-type-4 .header-ads > ins{
    vertical-align: middle;
    display: inline-block;
  }  

  .header-type-4 .navbar-nav > li {
    float: right;
  }

  .header-type-4 .navbar .dropdown-submenu > .dropdown-menu {
    left: 100% !important;
    right: auto!important;   
  }

  .header-type-4 .body-on-scroll {
    padding-top: 56px;
  }

  dd.posts, dd.topics, dd.views, dd.replies {
    width: 8%; 
 }

}


@media (min-width: 992px) and (max-width: 1199px) {
  #body-with-sidebar {    
    width: 680px;
  }  
}


@media only screen and (max-width: 991px) {

   .navbar-header {
    float: none;
  }

  .navbar-toggle {
    display: block;
  }

  .body-on-scroll {
    padding-top: 0!important;
  }

  #logo {    
    float: none;
    display: table;
    margin-left: auto;
    margin-right: auto;            
  } 

  .navbar-collapse.collapse {
    display: none!important;
  }

  .navbar-collapse.in {
    overflow-y: auto!important;
  }

  .navbar-nav {
    float: none!important;
    display: block!important;
    margin: 0;      
  }

  .navbar-nav.navbar-right:last-child {
    margin-right: 0;
  }
  
  .navbar-nav > li {
    float: none!important;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-collapse.collapse.in { 
    display: block!important; 
  }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }

  .navbar .kd-mega-menu .dropdown-menu {    
    padding: 0;    
  }

  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }

  .navbar > .container {
    padding: 0!important;
  }

  .navbar-nav > li > a {    
    padding-bottom: 0;
    padding-top: 0;
    width: 100%;
    height: 54px!important;
    line-height: 54px!important;        
  }

  .navbar-nav .caret {
    position: absolute;
    right: 20px;
    top: 23px;
  }

  .navbar-nav li > a:after {    
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 15px;
    display: block;
  } 

  #page-header .nav > li {
    height: auto!important;   
  }

  .container .navbar-collapse {
    margin: 0;
  }

  .nav-menu-inner {
    text-align: left;
  } 

  #nav-menu {    
    width: 100%;
    margin-top: 0;    
  } 

  .navbar-nav .open .dropdown-menu li a {        
    line-height: 54px;
    padding:0;
    padding-left: 30px;    
    white-space: normal; 
  } 

  .navbar .dropdown-menu li.dropdown-submenu li > a {        
    line-height: 54px;
    padding:0;
    padding-left: 50px;        
  }

  .navbar .dropdown-menu li.dropdown-submenu li.dropdown-submenu li > a {        
    line-height: 54px;
    padding:0;  
    padding-left: 70px;  
      
  }

  .navbar .dropdown-menu li.dropdown-submenu li.dropdown-submenu li > a:first-child {        
    border-top: none;  
  }    

  .navbar .dropdown-menu > li > a > i {
    left: 0;
    margin-right: 10px;    
  }

  .navbar .dropdown-menu .divider {
    display: none;
  } 

  h1, .h1 {
      font-size: 2em;
      font-weight: 100;
  }

  .navbar .col-name {  
    margin: 0;
    padding: 0;
    line-height: 54px;  
    padding-left: 15px;
    height: 54px;    
  }

  .navbar .dropdown-submenu > .dropdown-menu {  
    margin-right: 0;    
  }

  .navbar .dropdown-menu .row {
    margin: 0;    
  }

  .navbar .dropdown-menu p {  
    padding-top: 0;
    padding-bottom: 25px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .navbar .dropdown-menu p.first-element {  
    padding-top: 25px;    
  }

  .navbar .dropdown-menu p a {  
    padding: 0!important;
    line-height: 1!important;
  }

  .navbar .dropdown-menu hr {
    display: none;
  }

  .navbar .col-xs-1,.navbar .col-sm-1,.navbar .col-md-1,.navbar .col-lg-1,
  .navbar .col-xs-2,.navbar .col-sm-2,.navbar .col-md-2,.navbar .col-lg-2,.navbar .col-xs-3, 
  .navbar.col-sm-3,.navbar .col-md-3,.navbar .col-lg-3,.navbar .col-xs-4,
  .navbar .col-sm-4,.navbar .col-md-4,.navbar .col-lg-4,.navbar .col-xs-5,.navbar .col-sm-5, 
  .navbar .col-md-5,.navbar .col-lg-5,.navbar .col-xs-6,.navbar .col-sm-6,.navbar .col-md-6,
  .navbar .col-lg-6,.navbar .col-xs-7,.navbar .col-sm-7,.navbar .col-md-7, 
  .navbar .col-lg-7,.navbar .col-xs-8,.navbar .col-sm-8,.navbar .col-md-8,
  .navbar .col-lg-8,.navbar .col-xs-9,.navbar .col-sm-9,.navbar .col-md-9,.navbar .col-lg-9, 
  .navbar .col-xs-10,.navbar .col-sm-10,.navbar .col-md-10,.navbar .col-lg-10,.navbar .col-xs-11,
  .navbar .col-sm-11,.navbar .col-md-11,.navbar .col-lg-11, 
  .navbar .col-xs-12,.navbar .col-sm-12,.navbar .col-md-12,.navbar .col-lg-12 {    
    padding-left: 0;
    padding-right: 0;
  }

  /* HEADER TYPE 2 */  

  .header-type-2 .navbar-nav > li > a > i,
  .header-type-2 .navbar-nav > li > a > span > i{    
    display: none;
  }

  .header-type-2 .navbar-nav > li > a {       
    padding-left: 15px;
    padding-right: 15px;    
  }
    
  /* HEADER TYPE 3 */

  .header-type-3 #nav-menu {    
    margin-top: 0; 
    border-top: 0;      
  } 

  /* HEADER TYPE 4 */

  .header-type-4 #logo {
    padding-top: 10px;
  }

  .header-type-4 .navbar-socials {
    margin-right: 20px;
  }

  .header-type-4 .header-ads {
    display: table;
    float: none;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
    width: auto;
    padding-bottom: 10px;
    padding-top: 10px;
  }

  #body-with-sidebar {
    float: none;
    overflow: hidden;
    width: 100%;
  }

  #sidebar {
    float: none;
    margin-left: 0;
    position: relative;
    width: 100%;
  }  
  
  .body-on-scroll {
    padding-top: 0;
  } 

  .navbar-fixed-top {
    position: relative;
    z-index: 2;
  }

  #cp-main {
    padding: 0;
  }

  #tabs {    
    margin: 0;   
  }

  #tabs li {    
    width: 100%;
  }

  #tabs a {
    float: none;
  } 

  #about .col-md-3 {
    margin-bottom: 20px;
  }

  #statistics-about p {      
    margin-bottom: 20px;         
  } 

  .hidden-max991 {      
    display: none!important;
  }

  .column1,.column2 {
    clear: both;
    float: none;
    width: 100%;
  } 

  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    dd.topics,dd.posts,dd.replies,dd.views {
      display: none!important;
    }
    
    ul.topiclist dt {
      width: 60%;
    }

    /* Display options on viewtopic/viewforum pages  */
    select {    
      max-width: 400px;    
    }

    input.narrow {
      width: 45%;
    }    

    .navbar-nav { 
      float: none;
      display: inline-block;      
    }

    .navbar-right { 
      float: none!important;
      display: inline-block;      
    }

    #nav-menu {
      text-align: center;
    }

}   

@media (max-width: 767px) {

  #wrap {
      overflow: hidden;
  }

  .container {
      padding-left: 5px;
      padding-right: 5px;
  }    

  input.narrow {
      width: 75%;    
  }

  .headerbar .dropdown-menu {
    text-align: left;
  }

  .headerbar .dropdown-menu > li > a {
    padding: 10px 15px;
  }

  .headerbar .pull-right > .dropdown-menu {
    left: 0;
    right: 0;
  }

  .headerbar .dropdown-menu .divider {
    display: none;
  }

  .top-nav-left {
    float: none;
    width: 100%;    
    margin-top: 15px;    
  }  

   .top-nav-left .search-box input.inputbox  {
    width: 100%;
  }

  .top-nav-left .search-box {
    float: none;     
  }

  .top-nav-left .search-box input.button2 {    
    position: absolute;
    right: 0;
    top: 0;
    display: table;
    vertical-align: top;
  }

  .top-nav-right {
    float: none;
    width: 100%;
    text-align: left;    
    margin-top: 15px;
    margin-bottom: 10px;
  } 

  .kd-username .fa-angle-down {
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    right: 15px;
    top: 15px;
  }

  .top-nav-right > ul {    
    position: relative;
    margin-left: auto;
    margin-right: auto;    
  }

  .top-nav-right > ul > li {
    float: none!important;
  } 

  .top-nav-right > ul > li > a {
    height: 40px;
    line-height: 40px;    
  } 
   
  /* UCP and MCP */
  #cp-menu, #cp-main {
    float: none;
    width: 100% !important;
  }

  #tabs {
    min-width: 100% !important;
  }

  #smiley-box {
    float: none;
    width: 100%;
  }

  #cp-main .time, #cp-main .ip, #cp-main .logs,#cp-main .extra {
    display: none;
  }

  #cp-main .logs-table th:nth-child(4) {
    border-top-right-radius: 3px;
  }

  #cp-main .panel {
    background-color: transparent;
    padding: 0;
  }

  .memberlist .info.groups {
    display: none;
  }

  #memberlist .joined,#memberlist .info,#memberlist .active {
    display: none;
  }

  table.table1#memberlist thead th:nth-child(2n) { 
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
  }

  blockquote {
    margin: 0;
  }

  .left-box {
    float: none !important;
    margin-bottom: 5px;
    text-align: left;
    width: auto;
  }

  .cols-3 {
    margin-bottom: 20px;
  }

  .cols-3:last-child {
    margin-bottom: 0;
  }

}


@media only screen and (min-width: 481px) and (max-width: 767px) {
    
    dd.topics,dd.posts,dd.replies,dd.views {
      display: none!important;
    }

    ul.topiclist dt {
      width: 60%;
    }

    dd.moderation {
      width: 30%;
    }    

    /* Display options on viewtopic/viewforum pages  */ 
    #jumpbox {
      clear: both;
    } 

    fieldset.quickmod {      
      height: auto;
      padding-top: 10px;     
      width: 100%;
    }

    fieldset.fields2 dt {    
      width: 100%;
    }

    fieldset.fields2 dd {    
      margin-left: 0;
    }

    .autowidth {
      width: 75% !important;
    }

    select {    
      max-width: 300px;    
    } 

}

@media (max-width: 480px) {

  h1, .h1 {
    font-size: 1.300em;
    font-weight: 100;
  }  

  h2 {
    font-size: 1.7em;   
  }

  #logo {
    width: 67%!important;
    display: block!important;
    margin: 0!important;
    padding-left: 5px;    
  } 

  #site-description h2 {
    font-size: 1.167em;
    display: none;      
  }

  .navbar.navbar-fixed-top {    
    margin-top:0;    
  }

  #page-header-nav.navbar {   
    margin-top: 0;      
  }

  #page-body  {   
    overflow: hidden; 
  }

  dd.lastpost,dd.posts,dd.views {
    display: none!important;
  }

  .section-index ul.topiclist dt, .section-viewforum ul.topiclist dt {
    width: 80%;
  }

  ul.topiclist dt {
    width: 80%;
  }

  li.header dl.icon dt {    
    padding-right: 0;
  }

  dd.moderation {
    display: none!important;
  }

  fieldset.polls dd.resultbar {
    width: 80%;
  }


  /* Display options on viewtopic/viewforum pages  */ 
  #jumpbox {
    clear: both;
  }

  .pagination {
    display: table;    
  }

  fieldset.quickmod {      
    height: auto;
    padding-top: 10px;     
    width: 100%;
  }

  .autowidth {
    width: 95% !important;
    min-width: 85% !important;
  }

  textarea.inputbox {
    width: 85% !important;
  }

  select {    
    max-width: 240px;    
  }

  dd select {
    width: 90%;
  }

  #message-box {
    width: 100%;
  }

  fieldset dt {    
    width: 100%!important;
  }

  fieldset dd {    
    margin-left: 0!important;
  }

  .rtl fieldset dd {      
    margin-right: 0!important;
  }

  fieldset.display-actions label {    
    display: inline-block;
  }

  fieldset.display-actions label select {    
    display: block;
  }

  fieldset.display-actions input {    
    display: inline-block;
  }

  fieldset.submit-buttons input {    
    margin-bottom: 20px;
  }

  fieldset.display-options label {    
    white-space: normal;
  }

  .search .postprofile {
    width: 100%;    
  }

  .search .postbody {
    width: 100%;    
  }

  #register img {
    width: 90% !important;
  }

  .col-xxs-12 {
    width: 100%;
  }

  .cols-4:last-child {
    margin-bottom: 0;
  }

  .col-xxs-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,
  .col-md-9,.col-md-10,.col-md-11 {
    margin-bottom: 20px;    
  }

   
  #cp-main {
    padding: 0;
  }

  #cp-main .panel li.header dd.mark,#cp-main .info {
    display: none;
  }

  #cp-main dd.extra {
    display: none !important;    
  }

  .well h3 {
    display: table;    
  }

  /* Viewtopic page */
  .postprofile > dt > a > img {      
    border: none;     
    padding: 0;
    max-width: 60px;      
  }

  .postbody h3 {      
    clear: both;     
    padding-top: 10px!important;     
  } 

  p.author {      
    margin: 0;
    padding: 0 0 10px;
  }

  .postprofile {      
    width: 100%;
    float: right;
  }

  .postprofile dt {     
    float: left;
  }

  .profile-fields {      
    float: right;
    max-width: 70%;
  }

  .postprofile .profile-icons {     
    display: none;
  }

  .postbody {     
    width: 100%;
  }


  /* Page 404 error */
  .page_404error {      
    margin: 0 auto;
    padding: 0 0 60px;      
    width: 100%;
  }

  .page_404error strong {    
    font-size: 105px;    
  }

  .page_404error b {    
    font-size: 28px;    
  }

  /* About us page */
  
  #statistics-about .statistics-icon {    
    height: 90px;
    line-height: 90px;    
    width: 90px;
  }

  #statistics-about  i {  
    font-size: 26px;
    line-height: 84px; 
  }

  #statistics-about p {      
    font-size: 16px;
    margin-top: 46px;         
  }

  #statistics-about p strong {      
    font-size: 20px;
    bottom: 46px;      
  }
   
}

@media (max-width: 370px) {

  dd.topics,dd.replies {
    display: none!important;
  }

  div.pagination > span:first-child {
    display: none;
  }

  .post {    
    padding: 5px;
  }  
}

/* ==================================
      BOOTSTRAP GENERAL CUSTOM STYLE 
   ================================== */

/* BUTTONS */

.btn {
  padding: 7px 15px;  
} 

.btn i{
  margin-right: 5px;
}   

.btn-lg, .btn-group-lg > .btn {
  padding: 12px 18px;  
} 

.btn-sm, .btn-group-sm > .btn {
  padding: 4px 10px;  
} 

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;  
} 

.page-header {
  padding-bottom: 15px;
  margin: 40px 0;
}  

.page-header h1,.page-header h2,.page-header h3,.page-header h4 {
  margin-bottom: 0;
  padding-bottom: 0;
}  

/* DROPDOWNS */

.dropdown-menu {
  font-size: 12px;
}

.dropdown-menu > li > a {
  padding: 7px 15px;
}

.dropdown-menu i{
  margin-right: 10px;
} 

.blockquote-reverse, 
blockquote.pull-right {
  padding: 10px 20px;
}  

.dropdown-menu .divider { 
  margin: 5px 0; 
}

/* CAROUSELS */

.carousel-large a.left,
.carousel-large a.right{
  font-size: 16px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  padding: 0;
  top: 46%;  
  width: 40px;
  position: absolute;
}

.carousel-large a.left {
  left: 10px;
  right: auto;
}

.carousel-large a.right {
  right: 10px;
  left: auto;
}

.carousel-mini a.left,
.carousel-mini a.right{
  font-size: 10px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
}

.carousel-mini a.right {  
  margin-left: 5px;
}

.carousel a.left:before{
  margin-right: 0;
}

.carousel a.right:after {
  margin-left: 0;
}

.carousel-indicators {
  bottom: 0;
}

.nav-tabs > li > a {
  font-size: 13px;
}

.alert .alert-link {
  font-weight: 500;
}

.label,.badge {
  font-weight: 400;
}

.label {
  font-size: 80%;
}

label {    
  font-weight: normal;   
}

.well {    
  padding: 15px; 
  font-size: 13px;  
}

.well h3 {    
  height: 30px!important;
  line-height: 30px!important;   
}

.well p {
  margin: 0;
}

.well.well-sm {  
  padding: 9px;
}

.well.well-lg {  
  padding: 24px;
}

/* ==================================
     ELEMENTS PAGE CUSTOM STYLE 
   ================================== */

.ch-elements-btns .btn,.ch-elements-tt .btn {
  margin-bottom: 15px;
  margin-right: 10px;
}

#ch-elements .btn-group{
  margin-bottom: 15px;
  margin-right: 10px;
}   

#ch-elements .btn-group .btn,#ch-elements .btn-group-vertical .btn{
  margin-bottom: 0;
  margin-right: 0;
}         
/* ============================
     Styles Switcher
=============================== */

  #style-switcher h3 {
    color:#ffffff;
    font-size:12px;
    margin: 5px 0 -3px 10px;
    clear: both;
  }
  
  #style-switcher {    
    width:215px;
    position:fixed;
    top:87px;
    z-index:9999;
    left:0px;           
  }
  
  #style-switcher div {
    padding:10px 7px 5px 10px;    
  }

  #style-switcher > div {    
    background: #292D30; /* The Fallback */
    background: rgba(41, 45, 48, 0.8);
  }
  
  #style-switcher h2 {     
    background: #373C3F; /* The Fallback */
    background: rgba(55, 60, 63, 0.8);
    color: #FFFFFF;
    font-weight: 500;
    padding: 0;
    font-size: 14px;
    padding: 6px 0 5px 15px;
    margin-bottom: 0;    
    line-height: 30px;
    text-transform: uppercase;    
  }
  
  #style-switcher h2 a {
    background-color: #373C3F; /* The Fallback */
    background-color: rgba(55, 60, 63, 0.8);
    background-image: url("styles/Charon - Main/theme/images/demo/cp.png"); 
    background-repeat: no-repeat;
    background-position: 6px center;
    display: block;        
    height: 41px;
    position: absolute;
    right: -39px;    
    top: 0;
    width: 39px;
    line-height: 40px;
    border-radius: 0 5px 5px 0;
  }

.sw-buttons{
    margin-left: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
  } 

.sw-buttons li a.active{
    -webkit-box-shadow:inset 0 0 8px 1px #888888;
    box-shadow:inset 0 0 8px 1px #888888; 
}

.sw-buttons li a,#reset a {
    color: #eeeeee;
    font-size: 12px;
    display: table;    
    margin-bottom: 0;    
    padding: 5px 12px;
    text-decoration: none;
    background: #373C3F; /* The Fallback */
    background: rgba(55, 60, 63, 0.8);
    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  }

  .sw-buttons li{
    float: left;
    margin-right: 5px;
  }

  #style-switcher .colors { list-style:none; margin: 10px 0; overflow: hidden;padding-left: 8px;}
  #style-switcher .colors span{ width: 100%;display: table;}
  #style-switcher .colors li { float:left; margin:3px; }
  #style-switcher .colors li a { 
    display: block; 
    width:20px; 
    height:20px; 
    cursor: pointer;
    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  } 
    
  #style-switcher #reset {
    margin: 0;
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
      border-radius: 0 0 5px 0;
    padding-left: 18px;
    padding-top: 10px;
    padding-bottom: 10px;  
  }  
  
  #style-switcher .chblue { background: #396189; }
  #style-switcher .chmain { background: #12B0E5; }
  #style-switcher .chorange {background: #F27E1F; }
  #style-switcher .chred { background: #C0392B; }  
  #style-switcher .chpink { background : #F44672; }
  #style-switcher .chgreen { background: #06AA7F; }
  #style-switcher .chgray { background: #7B8889; }  
  
  #style-switcher .colors li a.active { box-shadow:0 0 0 2px #eeeeee inset }
 
  .sw-hide {display: none;}
  .sw-show {display: block!important;}
  
  @media only screen and (max-width: 1029px) {#style-switcher {display: none;}}
/*    
--------------------------------------------------------------
Colours and backgrounds for BOOTSTRAP.CSS
-------------------------------------------------------------- */

/* BUTTONS */

.btn {
  border-radius: 3px;
}

.btn-theme a,.btn-success a,.btn-warning a,.btn-danger a,.btn-info a {
  color: #333;
}

.btn.btn-default {
  background: #F7F8F8;
  border: 1px solid #E8E8E8;
  color: #000;
}

.panel .btn.btn-default {
  background: #F2F3F3;  
}

.btn.btn-default a {  
  color: #999999;
}

.btn.btn-default:hover a {  
  color: #333333;
}

.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default {
  background: #EBEBEB; 
  border-color: transparent; 
  color: #333333;
  -webkit-box-shadow: none;
          box-shadow:  none;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
          box-shadow:  none;
}

.btn-theme {
  background-color: #12B0E5;
  border-color: #12B0E5;
  color: #FFFFFF;
}

.btn-theme:hover, 
.btn-theme:focus, 
.btn-theme:active, 
.btn-theme.active, 
.open .dropdown-toggle.btn-theme {
  background-color: #20C3F9;
  border-color: transparent;
  color: #FFFFFF;  
}

.btn-success {
  background-color: #1AAD8F;
  border-color: #1AAD8F;  
}

.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success {
    background-color: #1D9980;
    border-color: transparent;
    color: #FFFFFF;
    -webkit-box-shadow: none;
          box-shadow:  none;
}

.btn-success.disabled, 
.btn-success[disabled], 
fieldset[disabled] .btn-success, 
.btn-success.disabled:hover, 
.btn-success[disabled]:hover, 
fieldset[disabled] .btn-success:hover, 
.btn-success.disabled:focus, 
.btn-success[disabled]:focus, 
fieldset[disabled] .btn-success:focus, 
.btn-success.disabled:active, 
.btn-success[disabled]:active, 
fieldset[disabled] .btn-success:active, 
.btn-success.disabled.active, 
.btn-success.active[disabled], 
fieldset[disabled] .btn-success.active {
  background-color: #1AAD8F;
  border-color: transparent;
  color: #FFFFFF;
  -webkit-box-shadow: none;
          box-shadow:  none;
}

.btn-primary {  
  border-color: transparent;  
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {  
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow:  none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {  
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow:  none;
}

.btn-info {  
  border-color: transparent;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {  
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow:  none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active { 
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow:  none;
}

.btn-warning {    
  border-color: transparent;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning { 
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow:  none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {    
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow:  none;
}

.btn-danger {
  background-color: #EA5648;
  border-color: transparent;    
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {  
  background-color: #DB5043;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow:  none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #EA5648;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow:  none;
}

/* DROPDOWNS */

.dropdown-menu {
  background-color: #F7F8F8; 
  border: 1px solid #E8E8E8;  
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #EBEBEB;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}

/* DARK COLOR DROPDOWNS */

.dropdown-menu.dropdown-menu-dark {
  border: none;   
  box-shadow: none;
  background-color: #263442;
}

.open .dropdown-menu.dropdown-menu-dark > li > a {
  color: #C2C7D3;
}

.open .dropdown-menu.dropdown-menu-dark > li > a:hover, 
.open .dropdown-menu.dropdown-menu-dark > li > a:focus {
  color: #20C3F9;
  background-color: #222E3A;
}

.dropdown-menu.dropdown-menu-dark > li > a:hover > i {
   color: #20C3F9;
}

.dropdown-menu.dropdown-menu-dark .divider {
  background-color: #314254;    
}

.dropdown-menu.dropdown-menu-dark .search-box .button2 {
  background-color: #12B0E5; 
  border:none;   
}

.dropdown-menu.dropdown-menu-dark .search-box .inputbox:hover,
.dropdown-menu.dropdown-menu-dark .search-box .inputbox:focus {  
  border:none;   
}

/* DARK COLOR DROPDOWNS END */

.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {  
  border-color: transparent;
}

.form-control,.form-control:focus {  
   -webkit-box-shadow: none;
          box-shadow: none;
}

.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus {
  background-color: #12B0E5;
  color: #FFFFFF;
}

.well {    
  padding: 15px; 
  border-radius: 3px!important;
  background: #ECF0F1;
  border:none;
   -webkit-box-shadow: none;
          box-shadow: none; 
}

/* PANELS 



.section-search .panel h3,
.section-index .panel h3 ,
.panel > h2,.panel > .inner > h2,.panel > .inner > h3,.panel > h3 ,.panel .panel-header{
  background-color: #12B0E5;
  color: #FFFFFF;
}

.panel-default .panel-heading h2 a,
.panel-default .panel-heading h3 a,
.panel-default .panel-heading h4 a {
  color: #ffffff; 
}

.panel-default .panel-heading h2,
.panel-default .panel-heading h3,
.panel-default .panel-heading h4 {
  color: #ffffff;
  background-color: #12B0E5;
}
*/
/* CAROUSEL */

.carousel-control{
  text-shadow:none;
}

a.left.carousel-control,a.right.carousel-control{
  text-shadow:none;
  background: #13191E;
}

a.left:hover.carousel-control,a.right:hover.carousel-control{
  color: #333!important;
  background: #12B0E5;
}

.carousel-large a.left.carousel-control,
.carousel-large a.right.carousel-control { 
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);  
}

.carousel-large a.left.carousel-control:hover,
.carousel-large a.left.carousel-control:focus,
.carousel-large a.right.carousel-control:hover,
.carousel-large a.left.carousel-control:focus {
  color: #333333!important;
  background: #FFFFFF!important;
  opacity: 0.5!important;
}

.carousel-indicators li {
  opacity: 0.5;
}

.carousel-large a.left,
.carousel-large a.right{
  background: transparent;
}

/* INDICATORS */

.alert {
  border-color: transparent;
  color: #FFFFFF;
  font-size: 13px;
}

.alert a, .alert .alert-link {
  color: #FFFFFF;
  text-decoration: underline!important;
}

.alert-warning {
  background-color: #FFA621;  
}

.alert-success {
  background-color: #1AAD8F;  
}

.alert-info {
  background-color: #5BC0DE;  
}

.label-success {
  background-color: #1AAD8F;  
}

.label-info {
  background-color: #5BC0DE;  
}

.label-warning {
  background-color: #FFA621;  
}

.progress {    
  background-color: #E8E8E8;
  -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px; 
}

.pagination {
  border-radius: 3px;
}

div.pagination > a,
div.pagination > strong,
div.pagination > span,
div.pagination > div > strong {  
  border-right: 1px solid #EEEEEE;  
}

div.pagination > a:first-child,
div.pagination > span:first-child {
  margin-left: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

div.pagination > a:last-child,
div.pagination > span:last-child {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-right: none;
}

/*    
--------------------------------------------------------------
Colours and backgrounds for custom.css
-------------------------------------------------------------- */

/* TRANSITIONS */

.last-post-icon,#page-footer a {
-webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;    
}

.modal-header {
    background: #12B0E5; 
    padding-top: 0;
    padding-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; 
    border-bottom: none;  
}

.modal-header h4 {
    color: #FFFFFF;
    line-height: 48px; 
    height: 48px;   
    text-transform: uppercase;
    font-size: 1.2em;    
}

.modal-header .close {
    margin-top: 10px;
}

/* ==============================
          HEADER 
   ============================== */

.headerbar {
  background-color: #12B0E5;
  color: #FFFFFF;
}

.headerbar .search-box .inputbox:focus + .button2 {
  background-color: #20C3F9;
}

.headerbar .search-box .button2:hover {
  background-color: #20C3F9;
}

.headerbar .dropdown-menu {
  background: #263442;  
  border: none;
  border-top:  10px solid #12B0E5;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.headerbar .dropdown-menu .divider {
  border-top: 1px solid #314254;
}

.headerbar .dropdown-menu > li > a {
  color: #C2C7D3;
}

.headerbar .dropdown-menu > li > a:hover, 
.headerbar .dropdown-menu > li > a:focus {
  color: #20C3F9;
  background: #222E3A;
}

.top-nav-left .search-box input.inputbox {
  background: #20C3F9;
  color: #FFFFFF
}

.top-nav-left .search-box input.button2 {
  background: #20C3F9;  
}

.top-nav-right {  
  border-radius: 3px;
  -webkit-border-radius: 3px;  
}

.top-nav-right > ul > li:first-child > a {   
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.top-nav-right > ul > li:last-child > a,
.top-nav-right > ul > li.kd-no-modal > a{    
  border: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.top-nav-right > ul > li > a {
  color: #FFFFFF;
  border-right: 1px solid #12B0E5;
  background: #20C3F9;
  display: block;
}

.top-nav-right > ul > li:hover > a,
.top-nav-right > ul > li.open > a {
  color: #FFFFFF;  
  background: #263442; 
  border-right-color: transparent; 
}

/* NAVBAR */

#wrap .navbar {
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #E5E9EC; 
}

#wrap .navbar-fixed-top {
  background: #FFFFFF; /* fallback color */
  background: rgba(255,255,255, 0.96);  
} 

#logo {
    color: #333333;
}

#logo i{
  color: #DDDDDD;  
}

/* DROPDOWN MENU */

.navbar-default .dropdown-menu {  
  border: none;   
  box-shadow: none;
  background-color: #263442; 
}

.navbar-default .dropdown-menu p a:hover {  
  text-decoration: underline!important;
}

.dropdown-menu > li {
  border-bottom: none;       
}

.navbar-default .navbar-nav > li > a {
  color: #333333;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #263442;    
  text-decoration: none;
  color: #FFFFFF;  
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #C2C7D3;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #20C3F9;
}

.navbar-default .dropdown-menu > li > a:hover > i {
   color: #20C3F9;
}

.nav.navbar-nav > li > a > i,
.nav.navbar-nav > li > i  {
  color: #C2C7D3!important;
}

#private-msg strong {   
  color: #FFFFFF;  
}

.navbar-default .dropdown-menu .divider {
  background-color: #314254;    
}

.navbar p {    
  color:#333333;
}

/* HEADER TYPE 4 */ 

.header-type-4 .middle-bar {
  border-bottom: 1px solid #E8E8E8;
  background: #FFFFFF;      
}

.header-type-4 .kd-breadcrumbs { 
  border-bottom: none;
  background: transparent;
}

#wrap.header-type-4 .navbar {
  background-color: #F9F9FA;
  border: none;
  border-bottom: 1px solid #E5E9EC; 
}

#wrap.header-type-4 .navbar-fixed-top {
  background: #F9F9FA; /* fallback color */
  background: rgba(249,249,250, 0.96);  
} 

.header-type-4 .navbar-socials a {
  color: #BBBBBB;        
} 

.header-type-4 .navbar-socials a:hover {
  color: #12B0E5;        
} 

/* BREADCRUMBS STYLES */

.kd-breadcrumbs {
  background: #F9F9FA;
  border-bottom: 1px solid #E5E9EC;    
}

.kd-breadcrumbs ul.linklist {
  color: #CCCCCC;   
}

.kd-breadcrumbs ul.linklist a:last-child {
  color: #CCCCCC;   
}

.kd-breadcrumbs ul.linklist a:hover {
  color: #333333;   
}

ul.linklist li.leftside a:not(:first-child):before {
  color: #DDDDDD;  
  content: "/ "; 
  padding: 0 5px;           
}

/* RESPONSIVE NAVIGATION */

@media (min-width: 992px) { 

  .dropdown-menu li:last-child > a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .dropdown-menu .dropdown-submenu .dropdown-menu > li:last-child > a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .dropdown-menu .dropdown-submenu .dropdown-menu > li:first-child > a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .navbar .dropdown-menu > li li a {
    color: #C2C7D3;
  }

  .navbar .kd-mega-menu .col-name {
    color: #20C3F9;
  }

  .navbar p {    
    color:#C2C7D3;
  }

  .navbar-default .dropdown-menu > li a:hover,
  .navbar-default .dropdown-menu > li a:focus {
    background-color: #222E3A;
    color: #20C3F9;    
  }

  .header-type-2 .navbar-nav > li:hover > a > i, 
  .header-type-2 .navbar-nav > li:hover > a > span > i {    
    color: #FFFFFF;    
  }

  /* MEGA MENU */

  .navbar .kd-mega-menu .dropdown-menu > li li a:hover {     
    border-radius: 4px;     
  }

  .dropdown-menu hr {
    border-top: 1px solid #314254;
  }
 

}

@media (max-width: 991px) {


/* SECOND LEVEL DROPDOWN */

  #wrap .dropdown-menu li.dropdown-submenu .dropdown-menu li:first-child > a{        
      border-top: 1px solid #E5E9EC;  
  }   

  /* THIRD LEVEL DROPDOWN */

  #wrap .dropdown-menu li.dropdown-submenu li.dropdown-submenu li > a:last-child {        
      border-bottom: 1px solid #E5E9EC;  
  } 

  /* HEADER TYPE 4 */ 

  .header-type-4 #nav-menu {
    background: transparent;        
  } 

}

@media (max-width: 767px) {

  .top-nav-right {  
    border-radius: 0;
    -webkit-border-radius: 0;  
  }

  .top-nav-left .search-box input.inputbox {
    border-radius: 0;
    -webkit-border-radius: 0;
  }  

  .top-nav-right > ul > li:first-child > a {   
    border-radius: 0;
    -webkit-border-radius: 0; 
  }

  .top-nav-right > ul > li:last-child > a,
  .top-nav-right > ul > li.kd-no-modal > a{    
    border: none;    
    border-radius: 0;
    -webkit-border-radius: 0; 
  }

  .top-nav-right > ul > li > a {
    color: #FFFFFF;
    border-right: 0;
    border-bottom: 1px solid #12B0E5;
    background: #20C3F9;
    display: block;
  }

  .headerbar .dropdown-menu > li {
    border-bottom: 1px solid #314254;
  } 
  .headerbar .dropdown-menu > li:last-child {
    border-bottom: none;
  } 
}


/* ==============================
         PAGE BODY 
   ============================== */

#page-body  {
  background-color: #FFFFFF;  
}

.kd-btn-collapse,
.kd-btn-collapse:hover,
.kd-btn-collapse:focus {
    color: #FFFFFF;
}

.kd-forum-header.collapse.in .kd-btn-collapse{
    opacity: 0.2; 
}

.kd-forum-header.collapse.in .kd-btn-collapse:hover{
    opacity: 1; 
}

.last-post-icon {
    color: #B8B8B8; 
}

.last-post-icon:hover {
    color: #12B0E5; 
}

/* SIDEBAR */

#sidebar .panel-body a {   
  color: #12B0E5;  
} 

#sidebar h2,#sidebar h2 a,
#sidebar h3,#sidebar h3 a,
#sidebar h4,#sidebar h4 a,
#sidebar.panel-heading a {   
  color:#FFFFFF;  
} 

#sidebar .panel-default .panel-heading h2,
#sidebar .panel-default .panel-heading h3,
#sidebar .panel-default .panel-heading h4 {
  color: #333;
  background-color: #273442;
}

.panel-heading .kd-btn-collapse {
  opacity: 0.2;
} 

.panel-heading .kd-btn-collapse:hover {
  opacity: 1;
} 

/* FORUM TABLES */

ul.topiclist li.header {   
    background: #E8E8E8;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

ul.topiclist li.header a {
  color: #333;
}

ul.topiclist li.header.kd-forum-header.collapse {    
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

ul.topiclist li.header.kd-forum-header.collapse.in {    
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}



/*    
--------------------------------------------------------------
404 ERROR PAGE
-------------------------------------------------------------- */

.page_404error strong {
  color: #DDDDDD;  
}

.page_404error b {
  color: #DDDDDD;  
}

.page_404error em {
  color: #777777;  
}

/*    
--------------------------------------------------------------
ABOUT PAGE
------------------------------------------------------------- */

section#team-about {
  background-color: #CDD1D3;   
}

section#description-about {
  background-color: #F9F9FA;
  border-top: 1px solid #E5E9EC;
  background-attachment: fixed; 
  background-image: url('styles/Charon - Main/theme/images/patterns/geometry.png');
  background-repeat: repeat;     
}

section#statistics-about {
  background-attachment: fixed; 
  background-image: url('styles/Charon - Main/theme/images/patterns/geometry.png');
  background-repeat: repeat;  
  position: relative; 
  border-bottom: 1px solid #E5E9EC;
}

#about #team-about h3 {  
  color: #FFFFFF; 
} 

/* Statistics in "About Page" */

#statistics-about .statistics-icon {    
  border: 5px solid #12B0E5;
  border-radius: 50%; 
  background: #12B0E5; 
}

#statistics-about >.row > div:hover .statistics-icon {    
  border-color: #12B0E5; 
  background: #20C3F9; 
  color: #ffffff;
} 

#statistics-about >.row > div:hover .statistics-icon  i {  
  color: #ffffff;
} 

#statistics-about  i {  
  color: #FFFFFF;  
}   

.statistics-about p {    
  color: #888888;   
}

.statistics-about p strong {
  color: #111111;  
}

/* Team pictures in "About Page" */

#team-about .team-desc {
  background-color: #12B0E5;
  border-bottom-left-radius : 3px;
  border-bottom-right-radius: 3px;   
}

.tm-thumb img {  
  border-top-left-radius : 3px;
  border-top-right-radius: 3px;   
}

.tm-icons {  
  color: #ffffff;  
}

.tm-icons li a {
  background-color: transparent;
  border: 1px solid #ffffff;
  border-radius: 3px;
  color: #ffffff;   
}

.tm-icons li a:hover {
  background-color: #ffffff;
  border-color: transparent;  
  color: #333333; 
}

.tm h3 {
  color: #FFFFFF; 
  border-bottom: 1px solid #20C3F9; 
}


.tm h4 {
  color: #EEEEEE; 
}

.tm p {
  color: #666666; 
} 


/*    
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */



h1 {
  color: #111111;
}

h2,h2 a {
  color: #AAAAAA;
}

.page-body-inner > h2,
.page-body-inner > h2 a,
.page-body-inner > form > h2 {
  color: #333333;
}

h3 {
  border-bottom: none;
  color: #999999;
}

hr {
  border-top: 1px solid #E5E9EC;  
}

hr.dashed {
  border-top-color: #E5E9EC;
}

.form-control, textarea.form-control, 
input[type="text"], input[type="password"], 
input[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], input[type="time"], 
input[type="week"], input[type="number"], input[type="email"], 
input[type="url"], input[type="search"], 
input[type="tel"], input[type="color"], 
.uneditable-input{
  border-width: 1px;
}

/* Search box
--------------------------------------------- */

#search-box {
  color: #FFFFFF;
}

#search-box #keywords {
  background-color: #FFF;
}

#search-box input {
  border-color: #0075B0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */

.forabg {
  background-color: #F7F8F8;
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/bg_list.gif");*/
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px; 
}

.forumbg {
  background-color: #F7F8F8;
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/bg_header.gif");*/
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px; 
}



.post:target .content {
  color: #000000;
}

.post:target h3 a {
  color: #000000;
}

/*.bg1  { background-color: #ECF3F7; }*/
/*.bg2  { background-color: #e1ebf2;  }*/
/*.bg3  { background-color: #cadceb; }*/

.ucprowbg {
  background-color: #DCDEE2;
}

.fieldsbg {
  background-color: #E7E8EA;
}

/*span.corners-top {
  background-image: url("./styles/Charon%20-%20Main/theme/images/corners_left.png");
}*/

/*span.corners-top span {
  background-image: url("./styles/Charon%20-%20Main/theme/images/corners_right.png");
}*/

/*span.corners-bottom {
  background-image: url("./styles/Charon%20-%20Main/theme/images/corners_left.png");
}*/

/*span.corners-bottom span {
  background-image: url("./styles/Charon%20-%20Main/theme/images/corners_right.png");
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
  /*border-bottom-color: #FFFFFF;*/
}

/* Table styles
----------------------------------------*/
.forumbg.forumbg-table {
  border: 1px solid #E5E9EC;
  overflow: hidden;
}

table.table1 thead th {
  color: #FFFFFF;
  background: #12B0E5;
}

table.table1 tbody tr {
  border-color: #BFC1CF;
}

table.table1 tbody tr:hover {
  background-color: #F9F9F9;
  color: #000000;  
}

table.table1 td {
  color: #333333;
  border-bottom: 1px solid #E5E9EC;
}

table.table1 tbody tr:last-child td{
  border-bottom:none; 
}

table.table1 tbody tr:last-child td:last-child{
  border-bottom-right-radius: 3px; 
}

table.table1 tbody td {
  border-top-color: #FAFAFA;
}

table.table1 tbody th {
  border-bottom-color: #000000;
  color: #333333;
  background-color: #FFFFFF;
}

table.info tbody th {
  color: #000000;
}


/* Misc layout styles
---------------------------------------- */
dl.details dt {
  color: #000000;
}

dl.details dd {
  color: #536482;
}

.sep {
  color: #1198D9;
}

/* Pagination
---------------------------------------- */

div.pagination {
  border: 1px solid #E8E8E8;
  background: #F7F8F8;
}

div.pagination > a,
div.pagination > strong,
div.pagination > span,
div.pagination > div > strong {
  color: #333333;
    background-color: #F7F8F8;
} 

div.pagination > a:hover,
div.pagination > a:focus{
  color: #ffffff;
  background-color: #12B0E5;
  border-color: transparent;
}

div.pagination > strong,
div.pagination > strong:hover,
div.pagination > strong:focus {  
  color: #ffffff;
  background-color: #12B0E5;
  border-color: transparent;  
}

.panel div.pagination > a,
.panel div.pagination > strong,
.panel div.pagination > span,
.panel div.pagination > div > strong {  
    background-color: #F2F3F3;
} 

.panel div.pagination > a:hover,
.panel div.pagination > a:focus{
  color: #ffffff;
  background-color: #12B0E5;
  border-color: transparent;
}

.panel div.pagination > strong,
.panel div.pagination > strong:hover,
.panel div.pagination > strong:focus {  
  color: #ffffff;
  background-color: #12B0E5;
  border-color: transparent;  
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_pages.gif");*/
}

.row .pagination span a, li.pagination span a {
  background-color: #FFFFFF;
  border: 1px solid #E5E9EC;
}

.row .pagination span a:hover, li.pagination span a:hover {
  background-color: #12B0E5;
  border-color: #12B0E5;
}

/* Miscellaneous styles
---------------------------------------- */

.error {
  background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    color: #E87A89;
}

.error:before {
  font-family: FontAwesome;
  content:"\f071";
  font-size: 1.42em;
  margin-right: 10px;    
}

.reported {
  /*background-color: #FFFFFF;*/    
}

li.reported:hover {
  /*background-color: #FFFFFF !important;*/
}

.reported-icon {
    color: #EA5648;
    font-size: 16px;
}

.unapproved-icon {
    color: #34AADC;
    font-size: 16px;
}

.attach-icon {
    color: #BBBBBB;
}

.sticky, .announce {
  /* you can add a background for stickies and announcements*/
}

div.rules {
  background-color: #ECD5D8;
  color: #BC2A4D;
}

p.rules {
  background-color: #F4F4F4;
  background-image: none;
}

p.rules a{
  color: #EA5648; 
}

/*    
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a { color: #12B0E5; }
a:hover,a:focus { color: #333333; }


/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
  /*color: #FFFFFF;*/
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
  /*color: #FFFFFF;*/
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
  /*color: #A8D8FF;*/
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
  /*color: #C8E6FF;*/
}

/* Links for forum/topic lists */
a.forumtitle {
  color: #333333;
}

/* a.forumtitle:visited { color: #12B0E5; } */

a.forumtitle:hover {
  color: #12B0E5;
}

a.forumtitle:active {
  color: #21272D;
}

a.topictitle {
  color: #333333;
}

/* a.topictitle:visited { color: #12B0E5; } */

a.topictitle:hover {
  color: #12B0E5;
}

a.topictitle:active {
  color: #333333;
}

/* Post body links */
.postlink {
  color: #12B0E5;
  border-bottom-color: #12B0E5;
}

.postlink:visited {
  color: #5D8FBD;
  border-bottom-color: #5D8FBD;
}

.postlink:active {
  color: #12B0E5;
}

.postlink:hover {
  background-color: #D0E4F6;
  color: #0D4473;
}

.signature a, .signature a:visited, .signature a:hover, .signature a:active {
  background-color: transparent;
}

.signature:before {   
  color: #E8E8E8;  
}

/* Profile links */
.postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
  color: #12B0E5;
}

.postprofile a:hover, .postprofile dt.author a:hover {
  color: #333333;
}

.postprofile a:active {
  color: #12B0E5;
}

/* Profile searchresults */ 
.search .postprofile a {
  color: #12B0E5;
}

.search .postprofile a:hover {
  color: #333333;
}

/* Go to top fixed button */

.go-top {  
  transition: all 0.3s ease;
    -moz-transition: all 0.3s ease; /* Firefox 4 */
    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -o-transition: all 0.3s ease; /* Opera */
     border-radius: 3px;      
}

a.go-top {  
  color: #FFFFFF;
  border: none;  
  background: rgba(0, 0, 0, 0.2);
}

a.go-top:hover {  
  color: #FFFFFF;
  background: #192128;  
} 

/* Back to top of page */

a.top:before,a.top2:before,a.up:before,a.down:before,a.left:before {
  font-family: 'FontAwesome';
  margin-right: 10px;
  position: relative; 
  width: 100%;
}

a.top:before {  
  content: "\f062"; 
  font-size: 12px;
  right: -2px;
    top: -4px;
}

a.top2:before { 
  content: "\f062";
  font-size: 12px;  
}

a.top:hover,a.top2:hover {
  color: #12B0E5; 
}

a.top {
  /*background-image: url("./styles/Charon%20-%20Main/imageset/icon_back_top.gif");*/
  color: #DDDDDD;
}

a.top2 {
  /* background-image: url("./styles/Charon%20-%20Main/imageset/icon_back_top.gif");*/
  color: #DDDDDD;
}

/* Arrow links  */
a.up    { 
  /* background-image: url("./styles/Charon%20-%20Main/theme/images/arrow_up.gif")*/ 
}

a.down    { 
  /* background-image: url("./styles/Charon%20-%20Main/theme/images/arrow_down.gif")*/ 
}

a.left    { 
  /* background-image: url("./styles/Charon%20-%20Main/theme/images/arrow_left.gif") */
  background-color: #12B0E5;
  color: #333; 
}

a.left:before {   
  content: "\f053";
}

a.right:after { 
  font-family: 'FontAwesome';
  margin-left: 10px;
  position: relative; 
  width: 100%;  
  content: "\f054";
}

.carousel-large a.left.carousel-control,
.carousel-large a.right.carousel-control { 
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);  
}

a.left.carousel-control:before {   
  content: "\f053";
  margin-left: 0;
}

a.right.carousel-control:before { 
  font-family: 'FontAwesome';
  margin-left: 0;
  position: relative; 
  width: 100%;  
  content: "\f054";
  padding-right: 0;
}

a.right.carousel-control:after {  
  content: "";
  margin-left: 0;
}

a.right   { 
  /* background-image: url("./styles/Charon%20-%20Main/theme/images/arrow_right.gif")*/
  background-color: #12B0E5;
  color: #FFFFFF;
}

a.up:hover {
  background-color: transparent;
}

a.left:hover {
  color: #000;
  background-color: #20C3F9;
}

a.right:hover {
  color: #000;
  background-color: #20C3F9;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

/*    
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums,ul.topics {
  border-left:1px solid #E8E8E8;
  border-right: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
  border-top: 0;
  /*background-color: #eef5f9;*/
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/gradient.gif");*/
}

ul.topiclist li {
  color: #000;
}

ul.topiclist dd {
  /*border-left-color: #FFFFFF;*/
}

.rtl ul.topiclist dd {
  /*border-right-color: #fff;*/
  border-left-color: transparent;
}

ul.topiclist li.row dt a.subforum.read {
  /*background-image: url("./styles/Charon%20-%20Main/imageset/subforum_read.gif");*/
}

ul.topiclist li.row dt a.subforum.read:before {
  font-family: 'FontAwesome';
  content: "\f114";
  margin-right: 5px;
  font-size: 1.0822em;
  position: relative; 
}

ul.topiclist li.row dt a.subforum.unread {
  /*background-image: url("./styles/Charon%20-%20Main/imageset/subforum_unread.gif");*/
}

ul.topiclist li.row dt a.subforum.unread:before {
  font-family: 'FontAwesome';
  content: "\f07b";
  margin-right: 5px;
  font-size: 1em;
  position: relative; 
}

li.row {
  border-top-color:  #FFFFFF;
  border-bottom-color: #E5E9EC;
}

ul.forums li:last-child, ul.topics li:last-child, ul.forums, ul.topics {    
  -webkit-border-radius:  0 0 5px 5px;
     -moz-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px; 
}

li.row strong {
  color: #848484;
}

li.row:hover {
  background-color: #F9F9F9;
}

li.row:hover dd {
  /*border-left-color: #CCCCCC;*/
}

.rtl li.row:hover dd {
  /*border-right-color: #CCCCCC;*/
  border-left-color: transparent;
}

li.header dt, li.header dd {
  color: #333;
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
  color: #333333;
}

/* Post body styles
----------------------------------------*/
.postbody {
  color: #333333;
}

.post { 
  background-color: #F7F8F8;
  border: 1px solid #E8E8E8;
    border-radius: 3px;    
}

#cp-main .post {  
  background-color: #FFFFFF;
}

/* Content container styles
----------------------------------------*/
.content {
  color: #333333;
}

.content h2,.content h3 {
  background-color: #12B0E5;
  color: #FFFFFF;
}

dl.faq dt {
  color: #333333;
}

.posthilit {
  background-color: #F3BFCC;
  color: #BC2A4D;
}

/* Post signature */
.signature {
  border-top-color: #E8E8E8;
}

/* Post noticies */
.notice {
  background: #F6F6F6;
}

.notice:before {
    color: #DDDDDD;
    content: "\f044";
    font-family: FontAwesome;    
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    margin-left: -40px;
    position: absolute;
    top: 25px;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
  background-color: #F4F4F4;
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/quote.gif");*/
  border-color: #ECF0F1;
  border-left-color: #E8E8E8;
  font-size: 13px;
}

blockquote > div:before {
  color: #CCCCCC;
  content: "\f10d";
  font-family: FontAwesome;    
  font-size: 1.2em;
  margin-right: 10px;
  display: inline-block;
}

.rtl blockquote {
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/quote_rtl.gif");*/
}

.rtl blockquote  > div:before {
  content:"\f10e";
  margin-right: 0;
}

blockquote blockquote {
  /* Nested quotes */
  background-color:#F9F9F9;
}

blockquote blockquote blockquote {
  /* Nested quotes */
  background-color: #F4F4F4;
}

/* Code block */
code {
  background:#F9F9F9;
  border-radius: 0;
}

dl.codebox {
  background-color: #F4F4F4;
  border-color: #E8E8E8;
}

dl.codebox dt {
  border-bottom-color:  #E8E8E8;
}

dl.codebox code {
  color: #2E8B57;
}

.syntaxbg   { color: #FFFFFF; }
.syntaxcomment  { color: #FF8000; }
.syntaxdefault  { color: #0000BB; }
.syntaxhtml   { color: #000000; }
.syntaxkeyword  { color: #007700; }
.syntaxstring { color: #DD0000; }

/* Attachments
----------------------------------------*/
.attachbox {
  background-color: #FFFFFF;
  border-color:  #E8E8E8;
}

.pm-message .attachbox {
  background-color: #F2F3F3;
}

.attachbox dd {
  border-top-color: #E8E8E8;
}

.attachbox p {
  color: #666666;
}

.attachbox p.stats {
  color: #666666;
}

.attach-image img {
  border-color: #E8E8E8;
}

/* Inline image thumbnails */

dl.file dd {
  color: #666666;
}

dl.thumbnail img {
  border-color: #666666;
  background-color: #FFFFFF;
}

dl.thumbnail dd {
  color: #666666;
}

dl.thumbnail dt a:hover {
  background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
  border-color: #12B0E5;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
  border-top-color: #ECF0F1;
  color: #666666;
}

fieldset.polls dl.voted {
  color: #000000;
}

fieldset.polls dd div {
  color: #FFFFFF;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
  border-right-color: transparent;
}

.pollbar1 {
  background-color: #AA2346;
  border-bottom-color: #74162C;
  border-right-color: #74162C;
}

.rtl .pollbar1 {
  border-left-color: #74162C;
}

.pollbar2 {
  background-color: #BE1E4A;
  border-bottom-color: #8C1C38;
  border-right-color: #8C1C38;
}

.rtl .pollbar2 {
  border-left-color: #8C1C38;
}

.pollbar3 {
  background-color: #D11A4E;
  border-bottom-color: #AA2346;
  border-right-color: #AA2346;
}

.rtl .pollbar3 {
  border-left-color: #AA2346;
}

.pollbar4 {
  background-color: #E41653;
  border-bottom-color: #BE1E4A;
  border-right-color: #BE1E4A;
}

.rtl .pollbar4 {
  border-left-color: #BE1E4A;
}

.pollbar5 {
  background-color: #F81157;
  border-bottom-color: #D11A4E;
  border-right-color: #D11A4E;
}

.rtl .pollbar5 {
  border-left-color: #D11A4E;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
  color: #666666;
  border-left-color: #FFFFFF;
}

.rtl .postprofile {
  border-right-color: #FFFFFF;
  border-left-color: transparent;
}

.pm .postprofile {
  border-left: none;
}

.rtl .pm .postprofile {
  border-right-color: #DDDDDD;
  border-left-color: transparent;
}

.postprofile strong {
  color: #000000;
}

/*  
.online {
  background-image: url("./styles/Charon%20-%20Main/imageset/en/icon_user_online.gif");
}*/

/*    
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */

/* Big button images */

.buttons div a {
  background-color: #12B0E5;
  color: #000;
}

.buttons div a:hover {
  background-color: #20C3F9;
  color: #000;  
}

.buttons div.locked-icon a {
  background-color: #EA5648;
}

.buttons div.locked-icon a:hover {
  background-color: #DB5043;
}

.buttons div span:before {
  font-family: 'FontAwesome';   
}

.reply-icon span:before { 
  content: "\f112";    
}

.post-icon span:before  { 
  content: "\f067"; 
}

.locked-icon span:before { 
  content:  "\f023";
}

.pmreply-icon span:before { 
  content: "\f112";
}

.newpm-icon span:before {  
  content: "\f075";
}

.forwardpm-icon span:before {  
  content: "\f122";
}


.reply-icon span  { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/en/button_topic_reply.gif");*/ 
}

.post-icon span   { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/en/button_topic_new.gif");*/ 
}

.locked-icon span { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/en/button_topic_locked.gif");*/   
}

.pmreply-icon span  { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/en/button_pm_reply.gif");*/
}

.newpm-icon span  { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/en/button_pm_new.gif") ;*/
}

.forwardpm-icon span  { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/en/button_pm_forward.gif") ;*/
}

a.print {
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_print.gif");*/
  color: #CCCCCC;
}

a.print:hover { 
  color: #333333;
}

a.sendemail {
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_sendemail.gif");*/
  color: #CCCCCC;
}

a.sendemail:hover { 
  color: #333333;
}

a.fontsize {
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_fontsize.gif");*/
}

/* Icon images
---------------------------------------- */
.sitehome           { 
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_home.gif");*/ 
}

.icon-faq           { 
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_faq.gif");*/ 
}

.icon-members         { 
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_members.gif");*/ 
}

.icon-home            { 
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_home.gif");*/ 
}

.icon-ucp           { 
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_ucp.gif");*/ 
}

.icon-register          { 
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_register.gif");*/ 
}

.icon-logout          { 
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_logout.gif");*/ 
}

.icon-bookmark          { 
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_bookmark.gif");*/ 
}

.icon-bump            { 
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_bump.gif");*/ 
}

.icon-subscribe         { 
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_subscribe.gif");*/ 
}

.icon-unsubscribe       { 
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_unsubscribe.gif");*/ 
}

.icon-pages           { 
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_pages.gif");*/ 
}

.icon-search          { 
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_search.gif");*/ 
}

/* Profile & navigation icons */

.postprofile .profile-icons li a {  
  font-family: fontello-custom;   
  color: #cecece;
  font-style: normal;
  font-weight: normal;
  speak: none; 
  display: inline-block;
  text-decoration: inherit; 
  text-align: center;
  font-size: 1.333em;
  border-color: transparent;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.profile-icons > li > a { 
  font-family: FontAwesome;   
  color: #CCCCCC;
  background-color: transparent;
  border: 1px solid #ECF0F1;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.profile-icons > li > a:hover {   
  color: #ffffff;
  background-color: #12B0E5;
  border-color: transparent;  
}

.email-icon a:before    { content: "\f0e0";font-family: 'FontAwesome';}
.aim-icon a:before      { content: '\e831'; } /* '' */
.yahoo-icon a:before    { content: '\e81a'; } /* '' */
.web-icon a:before      { content: "\f0ac";font-family: 'FontAwesome'; } 
.msnm-icon a:before     { content: '\e840'; } /* '' */
.icq-icon a:before      { content: '\e847'; } /* '' */
.jabber-icon a:before   { content: "\f0eb";font-family: 'FontAwesome';}
.pm-icon a:before     { content: "\f075";font-family: 'FontAwesome'; } 
.quote-icon a:before      { content: "\f10d"; } 

/* Moderator icons */
.report-icon a:before   { content: "\f024"; }
.edit-icon a:before     { content: "\f040"; }
.delete-icon a:before   { font-family: fontello-custom; content: '\e861';font-size: 0.89em;position:relative;top: -1px; } /* '' */
.info-icon a:before     { content: "\f129"; }
.warn-icon a:before     { content: "\f12a"; } 

.profile-icons li.warn-icon a { color: #E87A89;border-color:#E87A89; }
.profile-icons li.warn-icon a:hover { color: #ffffff;background-color: #E87A89; }

.postprofile .profile-icons li a:hover {
  color: #ffffff;
  background-color: #12B0E5;
}


.email-icon, .email-icon a    { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/icon_contact_email.gif");*/ 
}

.aim-icon, .aim-icon a      { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/icon_contact_aim.gif");*/
}

.yahoo-icon, .yahoo-icon a    { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/icon_contact_yahoo.gif");*/ 
}

.web-icon, .web-icon a      { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/icon_contact_www.gif");*/ 
}

.msnm-icon, .msnm-icon a      { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/icon_contact_msnm.gif");*/ 
}

.icq-icon, .icq-icon a      { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/icon_contact_icq.gif");*/ 
}

.jabber-icon, .jabber-icon a    { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/icon_contact_jabber.gif");*/ 
}

.pm-icon, .pm-icon a        { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/en/icon_contact_pm.gif");*/ 
}

.quote-icon, .quote-icon a    { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/en/icon_post_quote.gif");*/ 
}

/* Moderator icons */
.report-icon, .report-icon a    { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/icon_post_report.gif");*/ 
}

.edit-icon, .edit-icon a      { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/en/icon_post_edit.gif");*/ 
}

.delete-icon, .delete-icon a    { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/icon_post_delete.gif");*/ 
}

.info-icon, .info-icon a      { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/icon_post_info.gif");*/ 
}

.warn-icon, .warn-icon a      { 
  /*background-image: url("./styles/Charon%20-%20Main/imageset/icon_user_warn.gif");*/ 
} /* Need updated warn icon */

/*    
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

#cp-main h3, #cp-main hr, #cp-menu hr {
  border-color: #E8E8E8;
}

#cp-main .panel li.row {
  border-bottom: 1px solid #E5E9EC;
  /*border-top-color: #F9F9F9;*/
}

#cp-main .panel li.row:last-child {
  border-bottom: none;  
}

ul.cplist {
  background: #FFFFFF;  
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;  
  border-top-color: transparent;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
  color: #333;
}

#cp-main table.table1 thead th {  
  background: #12B0E5;
  border-bottom: none;
  color: #FFFFFF;
}

#cp-main .pm-message {
  border-color: #DBDEE2;
  background-color: #FFFFFF;
}

#cp-main table.table1 {  
  background-color: #FFFFFF;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* CP tabbed menu
----------------------------------------*/
#tabs a {
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/bg_tabs1.gif");*/
  background-color: #F7F8F8;
  border: 1px solid #E8E8E8;
  color: #1F1F21;
}

#tabs a span {
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/bg_tabs2.gif");*/
  /*color: #536482;*/
}

#tabs a:hover {
  background-color: #12B0E5;
  border-color: transparent;
  color: #FFFFFF;
}

#tabs .activetab a {
  background-color: #12B0E5;
  border-color: transparent;
  color: #FFFFFF;
}

#tabs .activetab a:hover {  
  border-color: transparent;
  color: #FFFFFF;
}

#tabs .activetab a span {
  /*color: #333333;*/
}

#tabs .activetab a:hover span {
  /*color: #000000;*/
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
  background-color: #E1EBF2;
}

#minitabs li.activetab {
  background-color: #F9F9F9;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
  color: #333333;
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a {
  color: #333;
  background-color: #ECF0F1;
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/bg_menu.gif");*/
}

.rtl #navigation a {
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/bg_menu_rtl.gif");*/
  /*background-position: 0 100%;*/
}

#navigation a:hover {
  /*background-image: none;*/
  background-color: #12B0E5;
  color: #ffffff;
}

#navigation #active-subsection a {
  color: #FFFFFF;
  background-color: #12B0E5;
  /*background-image: none;*/
}

#navigation #active-subsection a:hover {
  color: #FFFFFF; 
}

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
  color: #333333;
}

#cp-main .panel {
  background-color: #F8F8F8;
}

#cp-main .pm {
  background-color: #FFFFFF;
}

#cp-main.mcp-main h3 {
  color: #333333;
  background-color: transparent;
}

/*#cp-main span.corners-top, #cp-menu span.corners-top {
  background-image: url("./styles/Charon%20-%20Main/theme/images/corners_left2.gif");
}*/

/*#cp-main span.corners-top span, #cp-menu span.corners-top span {
  background-image: url("./styles/Charon%20-%20Main/theme/images/corners_right2.gif");
}*/

/*#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
  background-image: url("./styles/Charon%20-%20Main/theme/images/corners_left2.gif");
}*/

/*#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
  background-image: url("./styles/Charon%20-%20Main/theme/images/corners_right2.gif");
}*/

/* Topicreview */
/*#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
  background-image: url("./styles/Charon%20-%20Main/theme/images/corners_left.gif");
}*/

/*#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
  background-image: url("./styles/Charon%20-%20Main/theme/images/corners_right.gif");
}*/

/*#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
  background-image: url("./styles/Charon%20-%20Main/theme/images/corners_left.gif");
}*/

/*#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
  background-image: url("./styles/Charon%20-%20Main/theme/images/corners_right.gif");
}*/

/* Friends list */
.cp-mini {
  background-color: #ecf0f1;
}

dl.mini dt {
  color: #425067;
  margin-bottom: 10px;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
  color: #000000 !important;
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
  border-left-color: #BC2A4D;
  border-right-color: #BC2A4D;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
  border-color: #FF6600;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
  border-color: #A9B8C2;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
  border-color: #5D8FBD;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
  border-color: #000000;
}

/* Avatar gallery */
#gallery label {
  background-color: #FFFFFF;
  border-color: #CCC;
}

#gallery label:hover {
  background-color: #EEE;
}

/*    
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/

label {
  color: #333333;
}

fieldset.fields2 span {
  color:#7B88A0;
}

option.disabled-option {
  color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
dd label {
  color: #333;
}


fieldset dl:hover dt label {
  color: #000000;
}

fieldset.fields2 dl:hover dt label {
  color: inherit;
}


fieldset.quick-login input.inputbox {
  background-color: #F2F3F3;
}

/* Posting page styles
----------------------------------------*/

#message-box textarea {
  color: #333333;
}

/* Input field styles
---------------------------------------- */
.inputbox, select {
  background-color: #F7F8F8; 
  border-color: #E8E8E8;
  border-width: 1px;
  border-style: solid;
  color: #333333;
}

.panel .inputbox,.panel select {
  background-color: #F2F3F3;  
}

.search-box:hover .inputbox {
  border-color: #12B0E5;
}

.search-box .inputbox:focus + .button2{
  background-color: #12B0E5;
}

.search-box .inputbox:focus {
  border-color: #12B0E5;
}

.search-box .button2 {
  background-color: #DDDDDD;
}

.search-box:hover .button2 {
  background-color: #12B0E5;
}

.inputbox:focus { 
  color: #333333;
  border-color: #ABABAB;
}

.form-control:focus {
  border-color: #ABABAB;
}

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
  background-color: #12B0E5;    
  color: #000;
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/bg_button.gif");*/
}

a.button1, input.button1 {
  border-color: #666666;
}

input.button3 {
  background-image: none;
}

#cp-main .submit-buttons .button2,
#cp-main .display-actions .button2{
  background-color: #EA5648;
}

#cp-main .submit-buttons .button2:hover,
#cp-main .display-actions .button2:hover {
  background-color: #DB5043;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
  border-color: #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
  color: #000;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { 
  color: #000;
  background-color: #20C3F9;
}

input.search {
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_textbox_search.gif");*/ 
  color: #bbbbbb;
}

input.search:hover {
  /*background-image: url("./styles/Charon%20-%20Main/theme/images/icon_textbox_search.gif");*/ 
  color: #333333;
}

input.disabled {
  color: #666666;
}

/* BOOTSTRAP SPECIFIC */

.alert-danger {
    background-color: #EA5648;
    border-color: #EA5648;
    color: #FFFFFF;
}