/* start */

body {
font-family: "open sans",arial,sans-serif;
background: #ffffff;
padding-top: 70px;
color: #444444; 
}

a { color: #D53338; }

a:hover,
a:active {
color: #444444;
}

a[name] {
padding-top: 110px;
margin-top: -110px;
display: inline-block; 
height: 1px !important;
}

h1,h2,h3,h4,h5,h6 {
font-weight: 400;
letter-spacing: -0.5px;
}

h1 { margin: 10px 0px; }

h1.seo-title {
font-weight: 650;
font-size: 30px;
line-height: 36px;
letter-spacing: -0.8px;
margin-bottom: 8px;

}

/* buttons */

.button-action,
.button-normal,
.button-ghost {
display: inline-block;
height: 30px;
line-height: 26px;
font-size: 14px !important;
border-radius: 15px;
background-color: #eeeeee;
color: #444444 !important;
font-weight: 650;
padding: 0px 15px;
margin: 0px 2px 6px 0px;
text-decoration: none !important;
border: 2px solid #dddddd !important;
}

.button-action {
background-color: #E4252B !important;
border: 2px solid #E4252B !important;
color: #ffffff !important;
}

.button-ghost {
background-color: #ffffff !important;
border: 2px solid #dddddd !important;
}

#add-comment input[type="button"]{
padding: 5px 8px;
}

#add-comment input[type="submit"] {
font-size: 13px !important;
font-weight: 650;
padding: 0px 10px !important;
margin-left: 3px;
}

/* pagination */

.pagination { margin: 10px 0px; }

.pagination>li:last-child>a { border-radius: 0 !important; }
.pagination>li:first-child>a { border-radius: 0 !important; }

.pagination>li>a,
.pagination>li>span,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
color: #444444;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
font-weight: bold;
color: #444444;
background-color: #ffffff;
border-color: #222222;
}

.pagination span.form {
padding: 3px 0px;
}

.pagination span.form input {
height:26px;
}

.container img {
max-width:100% !important;
height:auto !important;
display:inline-block;
}

.container table {
max-width: 100% !important;
}

.image-test-charts td {
align: left !important;
vertical-align: top !important;
width: 50%;
}

.image-test-charts img {
width: 100%;
max-width: 330px !important;
margin: 0px !important;
}

.btn-default {
background: #eeeeee;
border-color: #cccccc;
color: #444444;
}

.btn-group .btn-default {
background: #ffffff;
}

.btn-file {
position: relative;
overflow: hidden;
}

.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
}

.footer {
background-color: #242424;
color:#fff;
padding: 30px 0px;
margin-top: 30px;
}

/* panel */

.panel {
border-radius: 0;
box-shadow: none;
}

.panel-heading {
font-weight:400;
}

.panel-default {
border: 0px;
}

.panel-default .panel-heading {
background-color:transparent;
border-bottom: 2px solid #dddddd;
font-size: 22px;
padding: 5px 0px;
}

.panel-default .panel-body {
padding-left:0;
padding-right:0;
}

/* moderator tools */

.moderator-tools {
margin-top: 40px;
border-top: 1px solid #eeeeee;
padding-top: 40px;
}

.moderator-tools .panel {
border-radius: 0;
box-shadow: none;
}

.moderator-tools .panel {
border: 1px solid #dddddd;
}

.moderator-tools .panel-heading {
font-weight: 650;
border-bottom: 1px solid #dddddd;
font-size: 14px;
padding: 10px 15px;
background-color: #eeeeee;
border-radius: 0px;
}

.moderator-tools .panel-body {
padding: 20px;
}

.moderator-tools .panel-body .control-label {
font-weight: 500;
padding-top: 5px;
}

/* list */

.list-group-item {
border-radius:0 !important;
border-left-width:0;
border-right-width:0;
}

.btn-group .btn {
border-radius:0 !important;
}

/* advert */

.leaderboard {
padding: 20px 0px 10px 0px;
}

.advert {
margin-bottom: 30px;
}

.advert h4 {
letter-spacing: 0.3px !important;
font-size: 14px;
font-weight: 300;
margin: 0px 0px 10px 0px;
}

.responsive-advert-1,
.responsive-advert-2,
.mpu-advert {
text-align: center;
margin: 0px !important;
}

.responsive-advert-1 ins.adsbygoogle,
.responsive-advert-2 ins.adsbygoogle,
.mpu-advert ins.adsbygoogle {
text-decoration: none !important;
margin-bottom: 30px;
}

.responsive-advert-1 ins.adsbygoogle[data-ad-status="unfilled"],
.responsive-advert-2 ins.adsbygoogle[data-ad-status="unfilled"],
.mpu-advert ins.adsbygoogle[data-ad-status="unfilled"]{
display: none !important;
}

.responsive-advert-1 ins.adsbygoogle h4,
.responsive-advert-2 ins.adsbygoogle h4 {
letter-spacing: 0.3px !important;
font-size: 14px;
font-weight: 300;
margin: 0px 0px 10px 0px;
}

@media screen and (max-width: 1199px){ .MH_970_250 { border: none !important; padding: 0px !important; margin-top: 10px !important; } }
@media (min-width: 992px) { .MH_970_250 { display: block; padding: 0px 0px 15px 0px; } .MH_300_250 { display: none; } .MH_728_90 { display: none; } }	
@media (min-width: 768px) and (max-width:992px) { .MH_970_250 { display: none; } .MH_300_250 { display: none; } .MH_728_90 { display: block; margin-top: 10px; } }
@media (max-width: 767px) { .MH_970_250 { display: none; } .MH_300_250 { display: block; margin-top: 10px; } .MH_728_90 { display: none; } }	

/* advert end */

.panel-login {
background: #eee;
}

.media-heading {
line-height:1.3;
}

.img-thumbnail {
border-radius:0;
}

p.lead {
font-size: 20px;
line-height: 28px;
margin: 10px 0px;
}

.content-hr {
clear: both;
display: block;
border-bottom: 2px solid #ddd;
margin: 20px 0px;
}

.breadcrumb {
font-size: 16px;
background-color: #ffffff;
padding: 0px;
margin: 0px 0px 20px 0px;
list-style: none;
}

.article-box {
border-bottom: 2px dotted #cccccc;
padding-bottom: 15px;
}

/* forms */

.form-control {
border: 1px solid #ddd !important;
box-shadow: none !important;
border-radius: 0px !important;}

.well {
border: 1px solid #dddddd !important;
background-color: #eeeeee !important;
box-shadow: none !important;
border-radius: 0px !important;
}

.well.warning {
border: 1px solid #E1D4AB !important;
background-color: #FBF1D3 !important;
}

.well.warning ul { margin: 0px; padding: 0px 15px; }
.well.warning ul li { padding: 0px; }

table, td, th { border: none;}

#pass_check { display: block; margin-top: 7px; text-transform: capitalize; }

/* articles */

#article p.lead {
font-size: 20px;
line-height: 28px;
padding: 0px;
margin: 0px 0px 20px 0px;
}

#article p {
font-size: 15px;
line-height: 25px;
padding: 0px;
margin: 0px 0px 15px 0px;
}

#article h2 {
font-weight: 650;
font-size: 22px;
line-height: 30px;
padding: 0px;
margin: 22px 0px 8px 0px;
}

#article h3 {
font-weight: 500;
font-size: 20px;
line-height: 28px;
padding: 0px;
margin: 0px 0px 8px 0px;
}

#article .image-border {
border: 1px solid #ddd;
margin: 0px 0px 20px 0px;
padding: 10px;
}

#article .image-container-border {
width: 100%;
text-align: center;
background-color: #eeeeee;
padding: 15px;
margin: 0px 0px 20px 0px;
}

#article .image-container-border img {
border: 1px solid #dddddd;
padding: 10px;
background-color: #ffffff;
}

#article .beforeAfter img { max-width: none !important; }
#article .beforeAfter i { margin-top: 12px; }

@media (min-width: 992px) and (max-width: 1199px){ #article .image-container-border { background-color: #ffffff; padding: 0px; }  }
@media screen and (min-width: 768px) and (max-width:992px) { #article .image-container-border { background-color: #ffffff; padding: 0px; } }
@media screen and (max-width: 767px) { #article .image-container-border { background-color: #ffffff; padding: 0px; } }

#article .image-inline-border {
border: 1px solid #ddd;
padding: 10px;
margin: 5px;
}

#article ul li {
padding: 0px;
margin: 0px 0px 10px 0px;
}

#article table.borders {
border: 1px solid #ccc !important;
border-collapse: collapse; margin: 20px 0px;
}

#article table.borders td, #article table.borders tr {
border: 1px solid #ccc !important;
}

#article table.borders td {
padding: 5px;
}

#review-pros-cons {
margin-top: 15px;
}

#review-pros-cons h3 {
font-weight: 650;
font-size: 20px;
}

#review-pros-cons ul {
margin: 0px 0px 20px 0px;
padding: 0px;
}

#review-pros-cons ul li {
font-size: 15px;
list-style-type: disc;
list-style-position: inside;
margin-bottom: 6px;
}

.rating-label { margin-bottom: 5px; }
.rating-indicator { background:#ededed; height:10px; margin-bottom: 20px; }
.rating-indicator-value { background: #E53036; height:10px; display:inline-block; }
.rating-overall {
display: inline-block;
margin-top: 10px;
padding: 12px;
background-color: #eeeeee;
font-size: 17px;
font-weight: bold;
}

.author {
margin: 40px 0px;
background-color: #eeeeee;
padding: 20px 30px 15px 30px;
}

.author h3 {
font-size: 20px !important;
margin: 0px 7px 0px 0px;
}

.author p a {
display: inline-block;
margin: 0px 15px 10px 0px;
}

.specs_table {
border-collapse: collapse;
}

.specs_table td {
border: 1px solid #dddddd;
padding: 6px;
}

#article h4.rg-gallery-title {
display: block;
text-align: center;
margin: 20px 0px 0px 0px;
padding: 30px 20px 10px 20px;
font-size: 16px;
line-height: 22px;
background-color: #eeeeee;
}

#article .chart-format {
border: 1px solid #dddddd;
background-color: #eeeeee;
padding: 20px 25px 10px 25px;
margin-bottom: 20px;
}

#article .chart-format h3 {
font-size: 20px;
line-height: 26px;
font-weight: 600;
}

#article .comment_info p {
font-size: 12px;
line-height: 16px;
margin-top: 5px;
}

.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%;
}

#related-photos {
margin-bottom: 20px;
}

.rating.article {
display: block;
margin-top: 10px;
width: 151px;
height: 32px;
background-image: url(../images/site/rating-stars.jpg);
background-position: 0px 0px;
}

.rating.article.stars45 { background-position: 0px -32px; } 
.rating.article.stars4 { background-position: 0px -64px; } 
.rating.article.stars35 { background-position: 0px -96px; } 
.rating.article.stars3 { background-position: 0px -128px; }
.rating.article.stars25 { background-position: 0px -160px; }
.rating.article.stars2 { background-position: 0px -192px; }
.rating.article.stars15 { background-position: 0px -224px; }
.rating.article.stars1 { background-position: 0px -256px; }

/* article list */

.article-list-item {
display: block;
float: left;
border-bottom: 1px solid #eeeeee;
padding: 30px 30px 30px 0px;
height: auto;
}

.article-list-item .image-container {
float: left;
margin-right: 26px;
}

.article-list-item .image-container img {
border: 1px solid #dddddd;
}

.article-list-item .article-info {
display: table-cell;
}

.article-list-item .article-info h2 {
font-weight: 650;
font-size: 24px;
line-height: 28px;
margin: 0px 0px 7px 0px;
padding: 0px;
}

.article-list-item .article-info h2 a {
color: #444444 !important;
}

.article-list-item .article-info p {
font-size: 15px;
line-height: 25px;
color: #444444;
margin: 0px;
padding: 0px;
}

.article-list-item .article-info p.meta {
color: #444444;
font-size: 14px;
line-height: 26px;
margin: 10px 0px 0px 0px;
padding: 0px;
}

@media screen and (max-width: 600px) {
.article-list-item .image-container {
display: block;
float: none !important;
width: 100%;
margin-right: 26px;
margin-bottom: 15px;
}

.article-list-item { padding: 20px 0px; }
.article-list-item .article-info { display: block; }

}

/* featured article */

.featured-article {
display: block;
float: left;
padding: 0px !important;
margin-bottom: 20px;
}

.featured-article .image-container {
display: block;
margin-bottom: 10px;
}

.featured-article .image-container img {
border: 1px solid #dddddd;
}

.featured-article .article-info {
display: block;
}

.featured-article .article-info h2 {
font-weight: 650;
font-size: 24px;
line-height: 28px;
margin: 0px 0px 7px 0px;
padding: 0px;
}

.featured-article .article-info h2 a {
color: #444444 !important;
}

.featured-article .article-info p {
font-size: 15px;
line-height: 25px;
margin: 0px;
padding: 0px;
}

.featured-article .article-info p.meta {
font-size: 15px;
line-height: 25px;
margin: 7px 0px 0px 0px;
padding: 0px;
}

/* forum */

h2.forum-section {
font-weight: 300;
margin: 20px 0px;
padding: 10px 15px;
font-size: 20px;
line-height: 24px;
background-color: #f1f1f1;
letter-spacing: 0.2px;
}

h2.forum-section a {
color: #444444 !important;
}

.forum-item {
padding: 15px 0px 8px 0px;
margin: 0px !important;
border-bottom: 1px solid #eeeeee;
}

.forum-item .col-md-8 {
padding-left: 0px;
}

@media screen and (max-width: 992px) {
.forum-item .col-md-4 {
padding-left: 25px !important;
}
}

.forum-item .indicator {
display: block;
width: 16px;
height: 16px;
background-color: #dddddd;
margin: 6px 12px 0px 0px;
}

.forum-item .indicator.default {
background-color: #cccccc;
}

.forum-item .indicator.new {
background-color: #E4252B;
}

.forum-item h3 {
font-weight: 650;
font-size: 19px;
line-height: 27px;
margin: 0px 0px 5px 0px !important;
padding: 0px 0px 0px 0px !important;
}

.forum-item h3 a {
color: #444444 !important;
}

.forum-item p {
font-size: 15px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

.forum-info p {
font-size: 14px !important;
line-height: 21px;
margin: 0px 0px 10px 0px !important;
}

.forum-menu {
margin-top: 10px;
}

.forum-menu.btn-group .btn {
margin: 1px;
}

/* topic item */

.topic-item {
padding: 20px 0px 7px 0px;
margin: 0px !important;
border-bottom: 1px solid #eeeeee;
}

.topic-item.deleted {
background-color: #FDEEEE;
border-bottom: 1px solid #dddddd;
}

.topic-item.sticky {
background-color: #FDF7E6;
border-bottom: 1px solid #dddddd;
}

.topic-item .indicator-container {
float: left;
width: 26px;
margin-top: 3px;
}

.topic-item .indicator-container .glyphicon {
font-size: 18px;
color: #cccccc;
font-weight: normal;
}

.topic-item .indicator-container .glyphicon-pushpin {
color: #444444;
}

.topic-item .indicator-container .glyphicon-fire {
color: #FF6600;
}

.topic-item .indicator-container .glyphicon-fire.new,
.topic-item .indicator-container .glyphicon-stop.new {
color: #E4252B;
}

.topic-item .topic-info {
display: table-cell;
}

.topic-head {
padding: 0px 0px 8px 0px;
margin: 0px !important;
}

.topic-head .col-md-7,
.topic-head .col-md-1,
.topic-head .col-md-4 {
padding: 10px 15px;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}

.topic-item h3 {
font-weight: 650;
font-size: 18px;
line-height: 26px;
margin: 0px 0px 8px 0px !important;
padding: 0px 0px 0px 0px !important;
}

/* temp */

.panel-body .topic-item h3 { font-weight: 600; }

.topic-item h3 a {
color: #444444 !important;
}

.topic-item p {
font-size: 15px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

.topic-latest-post p {
font-size: 14px !important;
line-height: 22px;
margin: 0px 0px 10px 0px !important;
}

.topic-pagination {
margin: 10px 0px;
}

@media screen and (max-width: 992px) {
.topic-item .col-md-4 {
padding-left: 40px !important;
}
}

.inline-topic-pagination {
margin-left: 10px;
}

.inline-topic-pagination a {
display: inline-block;
font-size: 12px;
font-weight: 500;
line-height: 20px;
min-width: 20px;
background-color: #eeeeee;
padding: 0px 4px;
margin: 0px 1px;
text-align: center;
color: #444444 !important;
}

.sticky .inline-topic-pagination a {
background-color: #dddddd;
}

/* activity item */

.activity-item {
padding: 20px 0px 7px 0px;
margin: 0px;
border-bottom: 1px solid #eeeeee;
}

.activity-item .avatar {
float: left;
width: 110px;
margin-bottom: 15px;
}

.activity-item .avatar img {
border: 1px solid #ddd;
padding: 4px;
}

.activity-item .activity-info {
margin-left: 105px;
}

.activity-item .activity-info h3 {
font-weight: 650;
font-size: 18px;
line-height: 26px;
margin: 0px 0px 5px 0px !important;
padding: 0px 0px 0px 0px !important;
}

.activity-item .activity-info h3 a {
color: #444444 !important;
}

.activity-item .activity-info p {
font-size: 15px;
line-height: 25px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
word-wrap: anywhere;
}

p.activity-latest-post {
display: table-cell;
font-size: 14px !important;
line-height: 22px;
padding: 0px 0px 10px 0px !important;
}

.activity-pagination {
margin: 10px 0px;
}

.article-head {
padding: 0px 0px 8px 0px;
margin: 0px !important;
}

.article-head .col-md-8,
.article-head .col-md-4 {
padding: 10px 15px;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}

@media screen and (max-width: 992px) {
.activity-item {
margin-right: -15px;
margin-left: -15px;
}

.activity-item .avatar {
float: left;
width: 80px;
padding-right: 15px;
margin-bottom: 15px;
}

.activity-item .avatar img {
width: auto !important;
height: auto !important;
border: 1px solid #ddd;
padding: 4px;
}

.activity-item .activity-info {
margin-left: 85px;
}
}

/* photo comment item */

.photo-item {
float: left;
display: block;
width: 100%;
padding: 20px 0px 7px 0px;
margin: 0px;
border-bottom: 1px solid #eeeeee;
clear: both;
}

.photo-item .photo-comment-container {
float: left;
width: 90px;
margin: 0px 20px 20px 0px;
border: 1px solid #dddddd;
padding: 4px;
background-size: cover;
}

.photo-item .photo-comment-container .photo {
display: inline-block;
width: 80px;
height: 80px;
background-position: center center;
background-repeat: no-repeat;
}

.photo-item .photo-info {
margin-left: 105px;
}

.photo-item .photo-info p {
font-size: 14px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

.community-article-comment {
width: 100%;
background-color: #f1f1f1;
padding: 25px;
margin: 1px 1px 10px 1px;
font-size: 15px;
line-height: 24px !important;
}

.community-article-comment {
background-color: #f1f1f1;
padding: 25px;
margin: 1px 1px 10px 1px;
font-size: 15px;
line-height: 24px !important;
}

.community-article-comment .pu-emoji {
display: inline-block;
margin: 0px 3px;
vertical-align: middle !important;
height: 24px;
width: 22px;
background-size: 22px;
}

.community-article-comment .quote {
background-color: #ffffff;
}

@media screen and (max-width: 992px) {
.activity-item .activity-info { margin-left: 80px; }	
.photo-item .photo-comment-container {
width: 70px;
}

.photo-item .photo-comment-container .photo {
width: 60px;
height: 60px;
}

.photo-item .photo-info {
margin-left: 85px;
}
}

@media screen and (max-width: 767px) {
.community-article-comment { padding: 18px; }
}

/* profile photo comments */

.profile-topic-comment {
background-color: #f1f1f1;
padding: 25px;
margin: 1px 1px 10px 1px;
font-size: 15px;
line-height: 24px !important;
}

.profile-topic-comment .pu-emoji {
display: inline-block;
margin: 0px 3px;
vertical-align: middle !important;
height: 24px;
width: 22px;
background-size: 22px;
}

.profile-topic-comment .quote {
background-color: #ffffff;
}

@media screen and (max-width: 992px) {
.activity-item .activity-info { margin-left: 80px; }	
}

@media screen and (max-width: 767px) {
.profile-topic-comment { padding: 18px; }
}

/* emoji */

.emojis {
display: none;
border: 1px solid #dddddd;
background-color: #eeeeee;
padding: 10px;
margin-bottom: 10px;
}

.pu-emoji {
display: inline-block;
height: 24px;
width: 24px;
background-repeat: no-repeat;
background-position: center center;
margin: 7px;
}

.pu-emoji.smile { background-image: url(../images/emoji/24/emoji_u1f642.png); }
.pu-emoji.grin { background-image: url(../images/emoji/24/emoji_u1f600.png); }
.pu-emoji.sad { background-image: url(../images/emoji/24/emoji_u2639.png); }
.pu-emoji.surprised { background-image: url(../images/emoji/24/emoji_u1f62e.png); }
.pu-emoji.shocked { background-image: url(../images/emoji/24/emoji_u1f632.png); }
.pu-emoji.confused { background-image: url(../images/emoji/24/emoji_u1f615.png); }
.pu-emoji.cool { background-image: url(../images/emoji/24/emoji_u1f60e.png); }
.pu-emoji.laugh {background-image: url(../images/emoji/24/emoji_u1f923.png); }
.pu-emoji.angry { background-image: url(../images/emoji/24/emoji_u1f620.png); }
.pu-emoji.tease {background-image: url(../images/emoji/24/emoji_u1f61b.png); }
.pu-emoji.blush {background-image: url(../images/emoji/24/emoji_u263a.png); }
.pu-emoji.crying { background-image:url(../images/emoji/24/emoji_u1f622.png); }
.pu-emoji.evil { background-image:url(../images/emoji/24/emoji_u1f608.png); }
.pu-emoji.twisted { background-image:url(../images/emoji/24/emoji_u1f47f.png); }
.pu-emoji.rolling { background-image:url(../images/emoji/24/emoji_u1f644.png); }
.pu-emoji.wink { background-image:url(../images/emoji/24/emoji_u1f609.png); }
.pu-emoji.exclaim { background-image:url(../images/emoji/24/emoji_u2757.png); }
.pu-emoji.arrow { background-image:url(../images/emoji/24/emoji_u27a1.png); }
.pu-emoji.question { background-image:url(../images/emoji/24/emoji_u2753.png); }
.pu-emoji.idea { background-image:url(../images/emoji/24/emoji_u1f4a1.png); }
.pu-emoji.neutral {background-image:url(../images/emoji/24/emoji_u1f610.png); }
.pu-emoji.nauseated { background-image:url(../images/emoji/24/emoji_u1f922.png); }
.pu-emoji.liked { background-image:url(../images/emoji/24/emoji_u1f44d.png); }

/* photo overlay */

#potw-photos-start .jg-entry, #potw-photos-end .jg-entry {
text-decoration: none !important;
}

.photo-meta-overlay {
display: none;
position: relative;
z-index: 1000;
height: 100%;
bottom: 0px;
color: #ffffff;
background: linear-gradient(to bottom, transparent 0%, black 100%);
pointer-events: none;
}

.photo-meta-overlay.open {
display: block;
}

.photo-meta-overlay .photo-meta {
position: absolute;
bottom: 0px;
left: 0px;
padding: 15px 17px;
}

.photo-meta-overlay .photo-meta .photo-title {
display: block;
font-size: 16px;
line-height: 22px;
margin-bottom: 2px;
}

.photo-meta-overlay .photo-meta .photo-owner {
display: block;
color: #aaaaaa;
font-size: 13px;
font-weight: 500;
}

.false-border {
position: relative;
border: 1px solid #dddddd;
height: 100%;
}

.site-header {
border-left: 1px solid #9A9A9A;
border-right: 1px solid #9A9A9A;
height: 70px;
background: #000 url(../images/site/header-bg.jpg) repeat-x top center;
padding: 0 5px 0 5px;
text-align:left;
}

.footer a:link,.footer a:visited,.footer a:active {
font-weight: 600;
color: #cccccc;
}

.footer a:hover {
color: #ffffff;
text-decoration: none;
}

.small-font {
font-size: 11px;
color: #5C5B5B;
}

td { text-align:left; }
input { font-size:12px; }

.user-menu {
margin: 0;
padding: 0;
list-style: none;
}

.user-menu li {
float:left;
}

.user-menu a {
display:block;
height: 16px;
line-height:16px;
width: 82px;
font-size: 11px;
padding-left: 20px;
background-repeat:no-repeat;
background-position: left center;
margin-bottom: 5px;
}

.avatar-box {
width: 80px;
height: 80px;
background-repeat: no-repeat;
background-position: center center;
}

.portfolio_header_menu {
margin: 0;
padding: 0;
list-style: none;
}

.portfolio_header_menu a {
display:block;
height: 16px;
line-height:16px;
font-size: 11px;
padding-left: 20px;
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 5px;
}

ul.buttonlist {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

.buttonlist li {
display: inline;
list-style-type: none;
font-size: 10px;
}

.buttonlist a {
padding: 3px 10px;
}

.buttonlist a:link, .buttonlist a:visited {
color: #000;
background-color: #e7e7e7;
text-decoration: none;
border: 1px solid #808080;
}

.buttonlist a:hover {
background: #ccc;
text-decoration: none;
}

.cat_row { 
padding: 5px 3px 5px 3px;
text-align: left;
font-weight: normal;
border-right: 1px solid #FFFFFF;
border-bottom: 1px dotted #FFFFFF;
vertical-align:top;
}

.cat_row_middle { 
padding: 5px 3px 5px 3px;
text-align: center;
font-weight: normal;
border-right: 1px solid #FFFFFF;
border-bottom: 1px dotted #FFFFFF;
}

td.cat_row_red { 
padding: 5px 3px 5px 3px;
text-align: left;
background-color:#F2B3B3;
font-weight: normal;
border-right: 1px solid #E7E7E7;
border-bottom: 1px dotted #CDCDCD;
vertical-align:top;
}

td.cat_row_red_middle { 
padding: 5px 3px 5px 3px;
background-color:#F2B3B3;
font-weight: normal;
border-right: 1px solid #E7E7E7;
border-bottom: 1px dotted #CDCDCD;
vertical-align:middle;
text-align:center;
}

.head_cat { 
padding: 3px;
text-align: left;
font-weight: normal;
border-right: 1px solid #E7E7E7;
border-bottom: 1px dotted #808080;
}

a.white_link {
font-weight: normal;
font-size: 11px;
}

.quote {
margin: 10px auto;
border: 1px solid #d4d4d4;
padding: 10px;
background: #f9f9f9;
width: 100%;
}

.alphabet {
height:26px;
background-image: url(../images/site/alphabet_bottom.jpg);
background-repeat: repeat-x;
background-position: bottom center;
margin: 0px 0 0px 0;
}

.alphabet ul {
margin: 0;
padding: 0;
padding-left: 10px;
list-style: none;
height: 30px;
overflow:hidden;
}

.alphabet li {
float:left;
overflow:hidden;
}

.alphabet li a {
display: block;
background-image: url(../images/site/alphabet_off.jpg);
height: 14px;
width: 22px;
margin-right: 1px;
text-align:center;
padding-top: 6px;
font-weight:bold;
overflow:hidden;
color:#000000;
}

.alphabet li a:hover {
background-image: url(../images/site/alphabet_on.jpg);
text-decoration: none;
}

.red-text {
color: #d81e05;
font-weight:bold;
}

.gallery_photo {
display:inline-block;
height:140px;
width:140px;
margin:3px;
background-repeat: no-repeat;
background-position: center center;
background-color: #eee;
}

.gallery_photo:hover {
border-color: #d81e05;
background-color: #F6F6F6;
}

.gallery_filter_option {
border-bottom: 1px solid #ccc;
background:#fff;
padding:5px;
}

.photo-data-wrapper { margin: 0px;}
.photo-data div { padding: 0px; }
.photo-data-inner div { background-color: #ededed; box-sizing: border-box; border: 2px solid #ebebeb; text-align: center; margin: 2px; padding: 4px 5px 6px 5px; font-size: 12px; line-height: 16px; min-height: 43px; }
.photo-data .photo-data-inner span { font-size: 11px; line-height: 11px; font-weight: bold; display: block; margin: 6px 0px; background-color: #fff; }
.photo-data-inner div { background-color: #fff; }

.photo-description {
border: 1px solid #ebebeb;
padding: 30px;
margin: 1px 1px 10px 1px;
font-size: 15px;
line-height: 25px !important;
}

.photo-description .pu-emoji {
display: inline-block;
margin: 0px 3px;
vertical-align: middle !important;
height: 24px;
width: 22px;
background-size: 22px;
}

.advert_enhanced {
background: #fcf8e3;
padding: 20px;
}

.rss-link {
display:block;
height: 16px;
width: 16px;
background: url(../images/site/feed.gif) no-repeat center center;
}

.article-summary {
font-weight:bold;
border-bottom: 1px solid #ccc;
margin: 0 0 5px 0;
padding: 5px 0 5px 0;
}

.tablist {
margin: 0 0 5px 0;
padding: 0;
list-style: none;
border-bottom: 2px solid #000;
height: 30px;
}

.tablist li {
float:left;
height:30px;
width:140px;
display:inline;
background: url(../images/site/box-title-bg-light.jpg) repeat-x left center;
margin: 0 2px 0 0;
padding: 0;
text-align:center;
cursor: pointer;
}

.tablist li a:link,  .tablist li a:visited, .tablist li a:active {
background: url(../images/site/round-top-left.gif) no-repeat left top;
height: 30px;
display: block;
cursor: pointer;
color: #e7e7e7;
}

.tablist li a:hover {
color: #000;
text-decoration: none;
}

.tablist li a span {
background: url(../images/site/round-top-right.gif) no-repeat right top;
height: 30px;
padding:0 3px 0 3px;
line-height: 30px;
display:block;
font-weight:bold;
cursor: pointer;
}

.tablist li.active {
background-image: url(../images/site/box-title-bg.gif);
}

.tablist li.active a:link, .tablist li.active a:visited, .tablist li.active a:active, .tablist li.active a:hover {
color:#d81e05;
}

.footer_list {
list-style: none;
margin: 0;
padding: 0;
}

.footer_list li {
float:left;
width: 150px;
font-weight:bold;
font-size: 14px;
}

.footer_list li ul {
list-style: none;
margin: 5px 0 0 0;
padding: 0;
}

.footer_list li ul li {
font-weight:normal;
font-size: 12px;
margin: 0 0 0px 0;
}

.private_report {
background-color: #999999;
}

.white_text {
color: #FFFFFF;
}

.team_member {
width: 325px;
float:left;
height: 145px;
}	

.team_member p {
padding: 0;
margin: 0;
}

.team_member .small-font {
margin-bottom: 5px;
}

.team_member .image {
float: left;
margin: 0 5px 0 0;
width:80px;
height:80px;
text-align:center;
}

.award {
text-align:center;
border: 1px solid #389709;
background: #b3f991;
padding: 5px;
margin: 5px;
font-weight:bold;
}

.mag_prize {
border: 1px solid #44474c;
}

.mag_prize h4 {
background: #44474c;
padding: 3px;
font-weight:bold;
color: #fff;
margin: 0;
}

.new_body {
min-height: 1px;
}

/* Magazine */

.year-selection {
margin: 20px 0px;
}

.year-selection a {
margin: 1px 2px;
}		

.magazine-list-item {
display: block;
overflow: auto;
border-top: 1px solid #eeeeee;
padding: 10px 0px 30px 0px;
}

.magazine-list-item h3 {
font-weight: 500;
margin-bottom: 20px;
}

.magazine-list-item .magazine-cover {
float: left;
width: 205px;
}	

.magazine-list-item .magazine-cover img {
border: 1px solid #eeeeee;
padding: 4px;
}	

.magazine-list-item .magazine-features {
display: table-cell;
}	

.magazine-list-item .magazine-features ul {
margin: 0px 0px 10px 0px;
padding: 0px 15px;
list-style: square;
}

.magazine-list-item .magazine-features ul li {
padding: 2px 0px 3px 0px;
}

@media screen and (max-width: 500px) {
	
.magazine-list-item .magazine-cover {
float: none !important;
display: block;
width: 100%;
margin-bottom: 20px;
}

}

/* FAQs */

.FAQ {
display: block;
padding: 20px 0px;
border-top: 1px solid #ddd;
font-size: 14px;
line-height: 22px;
}

.FAQ h4 {
font-weight: 650;
}

.FAQ .btn-group {
margin-top: 20px;
}

/* competitions page */

.competition-description {
padding: 15px;
font-size: 15px;
line-height: 24px !important;
}

.competition-description .pu-emoji {
display: inline-block;
margin: 0px 3px;
vertical-align: middle !important;
height: 24px;
width: 22px;
background-size: 22px;
}

#entries .select-winner {
display: inline-block;
text-align: center;
border: 1px solid #dddddd;
background-color: #eeeeee;
margin: 0px 10px 20px 0px;
}

#entries .select-winner .gallery_photo {
margin: 0px;
width: 150px;
height: 150px;
background-color: #eeeeee;
}

#entries .select-winner input[type="radio"] {
display: block;
margin: 0px auto 8px auto;
}

#winner-title {
margin-top: 40px;
border-bottom: 1px solid #dddddd;
}

#winner-title h3 {
display: inline-block;
margin: 0px;
color: #ffffff;
background-color: #444444;
font-size: 16px;
line-height: 34px;
padding: 0px 15px;
}

#winner {
padding: 20px;
text-align: center;
border: 1px solid #dddddd;
border-top: 0px;
}

#winner .winner-inner {
display: inline-block;
margin: 20px auto 0px auto;
text-align: left;
}

#winner .winner-inner h4 {
font-weight: 500;
font-size: 18px;
line-height: 32px;
margin: 10px 0px 0px 0px;
}

#winner .winner-inner h4 a {
color: #444444 !important;
}

/* comment */

.comment .comment_info {
text-align:center !important;
width:90px;
display:inline-block;
float:left;
}

.comment .comment_content {
position:relative;
margin-left:102px;
vertical-align:top;
padding:15px;
}

.comment .comment_content:before {
content: '';
position: absolute;
border-style: solid;
border-width: 8px 8px 8px 0;
border-color: transparent #ededed;
display: block;
width: 0;
z-index: 1;
left: -8px;
top: 14px;
}

@media screen and (max-width: 767px) {
	
.comment {
display:block;
}
	
.comment .comment_info {
text-align:left !important;
display:block;
float:none;
padding-top:0px;
padding-bottom:15px;
margin-left:15px;
margin-right:15px;
width:100%;
}

.comment .comment_info p {
display:inline-block;
}

.comment .comment_info .img-thumbnail {
max-height:35px;
max-width:35px;
padding:2px;
}
	
.comment .comment_content {
display:block;
float:none;
padding:15px;
border-left:0;
margin-left:15px;
margin-right:15px;
}
	
.comment .comment_content:before {
border-width: 0px 8px 8px 8px;
border-color: #ededed transparent;
left: 8px;
top: -8px;
}

}

/* display comment [new] */

.display_comment {
margin-right: 0px;
}

.display_comment .avatar {
display: inline-block;
margin-bottom: 5px;
}

.display_comment .comment_info .plus,
.display_comment .comment_info .moderator,
.display_comment .comment_info .new {
display: inline-block;
font-size: 12px;
font-weight: bold;
line-height: 22px;
width: 90px;
text-decoration: none !important;
}

.display_comment .comment_info .plus,
.display_comment .comment_info .moderator {
background-color: #E4252B;
color: #ffffff !important;
}

.display_comment .comment_info .new {
background-color: #59B200;
color: #ffffff !important;
}

.display_comment .comment_info .username {
display: block;
font-size: 15px;
font-weight: bold;
margin: 8px 0px 6px 0px;
color: #444444 !important;
}

.display_comment .comment_info p {
font-size: 12px !important;
line-height: 18px !important;
}

.display_comment .comment_info .glyphicon-star.bronze { color: #CD7F32; margin-right: 2px; }
.display_comment .comment_info .glyphicon-star.silver { color: #C0C0C0; margin-right: 2px; }
.display_comment .comment_info .glyphicon-star.gold { color: #F0CC00; margin-right: 2px; }

.display_comment .comment_info {
float: left;
display: inline-block;
text-align: center !important;
width: 120px;
}

/* display comment content */

.display_comment .comment_content a {
word-wrap: break-word;
}

.display_comment .comment_content {
background-color: #f1f1f1;
position: relative;
margin-left: 130px;
font-size: 15px;
line-height: 24px !important;
vertical-align: middle;
}

.display_comment .comment_content:before {
content: '';
position: absolute;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #f1f1f1;
display: block;
width: 0;
z-index: 1;
left: -8px;
top: 11px;
}

.display_comment .comment_content.helpful {
background-color: #E9F4E4 !important;
}

.display_comment .comment_content.helpful:before {
border-color: transparent #E9F4E4 !important;
}

.display_comment .comment_content.deleted {
background-color: #FFE9E9 !important;
}

.display_comment .comment_content.deleted:before {
border-color: transparent #FFE9E9 !important;
}

.display_comment .comment_content .comment_head {
min-height: 39px;
line-height: 39px;
font-size: 13px;
padding: 0px 15px;
border-bottom: 1px solid #dddddd;
color: #555555;
}

.display_comment .comment_content .comment_head a {
color: #555555;
text-decoration: none;
}

.display_comment .comment_content .comment_head a:hover {
color: #444444;
}

.display_comment .comment_content .new_body {
padding: 30px 20px;
}

.display_comment .comment_content .new_body .quote {
background-color: #ffffff;
}

.display_comment .comment_content .signature {
display: block;
font-size: 12px;
line-height: 18px;
padding: 25px 15px 10px 15px;
color: #555555;
}

.display_comment .comment_content .edit_tools {
min-height: 39px;
line-height: 39px;
font-size: 13px;
padding: 0px 15px;
border-top: 1px solid #dddddd;
color: #555555;
}

.display_comment .comment_content .edit_tools a {
color: #555555;
margin-right: 10px;
}

.display_comment .comment_content .edit_tools a:hover {
color: #444444;
}

.display_comment .delete_comment {
margin: 0px 15px;
}

.display_comment .delete_comment input {
margin: 10px 5px 15px 0px;
}

.edited_message {
display: block;
text-align: right;
font-size: 12px;
margin: 5px 0px 10px 0px;
}

/* emojis */

.display_comment .pu-emoji {
display: inline-block;
margin: 0px 3px;
vertical-align: middle !important;
height: 24px;
width: 22px;
background-size: 22px;
}

@media screen and (max-width: 767px) {
	
.display_comment {
display:block;
}
	
.display_comment .comment_info {
text-align: left !important;
display: block;
float: none;
padding-top: 0px;
padding-bottom: 15px;
margin-left: 15px;
margin-right: 15px;
width:100%;
}

.display_comment .comment_info .img-thumbnail {
max-height: 40px;
max-width: 40px;
padding: 2px;
}

.display_comment .comment_info p {
display:inline-block;
}

.display_comment .comment_info .username {
display: inline-block;
margin: 0px 0px 0px 5px;
}

.display_comment .comment_content {
display:block;
float: none;
margin: 0px 0px 0px 15px;
padding: 0px !important;
}

.display_comment .comment_content:before {
border-width: 0px 8px 8px 8px;
border-color: #ededed transparent;
left: 12px;
top: -8px;
}

.display_comment .comment_content .new_body {
padding: 15px;
}

}

.topic-actions .col-sm-6 {
margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
.topic-actions .col-sm-6 { text-align: left !important; }
}

/* display comment end */

.subscribe_caption {
font-weight:bold;
font-size: 18px;
line-height:26px;
margin:0;
padding: 10px;
}

.subscribe_table {
width:100%;
}

.subscribe_table td {
border-bottom: 1px #808080 dotted;
text-align:center;
padding: 5px;
}

td.sub_table_label {
font-weight:bold;
text-align:left;
}

div.whitebox_content_box {
z-index:999;
display:none;
}

div.jquery_dialog_position {
position:fixed !important;
}

.ui-widget-overlay {
background: none repeat scroll 0 0 #000000;
opacity: 0.4;
position:fixed;
left:0px;
top:0px;
}


/* framework */

@media screen and (min-width: 1300px) {
.container { width: 1300px !important; max-width: 1300px !important; }
#sidebar { width: 300px; padding: 0px !important; }
#content { width: 960px; margin-right: 25px; }
}

@media (min-width: 1200px) and (max-width: 1299px){
.container { width: 1170px !important; max-width: 1170px !important; }
#sidebar { width: 300px; padding: 0px !important; }
#content { width: 830px; margin-right: 25px; }
}

/* sub navigation */
.sub-navigation {
padding: 12px 0px 10px 0px;
background-color: #eeeeee;
border-bottom: 1px solid #dddddd;
}

.sub-navigation input,
.sub-navigation button {
border-radius: 0 !important;
}

.sub-navigation a {
font-weight: 600;
font-size: 14px;
line-height: 32px;
color: #444444 !important;
margin: 0px 5px;
white-space: nowrap;
}

.searchbox { background-color: #ffffff; border: 1px solid #dddddd; }
.searchbox input { border: none !important; }
.searchbox button { background-color: #ffffff !important; border: none !important; }

/* photo */
.photo-container { background-color: #2b2b2b; margin-bottom: 20px; padding: 10px 0px 40px 0px !important; border-bottom: 15px solid #dddddd; }
.photo-container-inner { width: 100%; min-height: 500px; }
.photo-container-inner td { text-align: center; }
.photo-container-inner .navigation { width: 50px; }
.photo-container-inner .navigation .arrow { display: block; width: 50px; height: 100px; }
.photo-container-inner .navigation .arrow.left { background-image: url(../images/site/photo-navigation_left.png); }
.photo-container-inner .navigation .arrow.right { background-image: url(../images/site/photo-navigation_right.png); }

@media (max-width: 992px) {
.sub-navigation { padding-bottom: 0px; }
.sub-navigation a { float: left; line-height: 34px; margin: 5px 15px 5px 2px; }
.photo-container-inner .navigation { display: none; }
.photo-container-inner { min-height: 300px; }
}

/* profile */
.profile-header h1 { margin: 0px 0px 12px 0px !important; color: #ffffff; font-size: 30px; line-height: 30px; }
.profile-header p { margin: 0px 0px 15px 0px !important; color: #ffffff; font-size: 16px; }
.profile-header .profile-image { margin-right: 30px; }
.profile-header .profile-image.placeholder { border: 5px solid #666666; }
.profile-header .profile-image.picture { border: 5px solid #eeeeee; }
.profile-header .profile-links { border-top: 2px solid #666666; padding-top: 10px; }
.profile-header .profile-links a { color: #ffffff; margin-right: 15px; font-size: 15px; }
.profile-header .plus { display: inline-block; background-color: #E4252B; color: #ffffff; padding: 3px 12px; margin: 5px 8px 0px 0px; font-weight: 700; font-size: 14px; border-radius: 20px; }
.information .active { background-color: #f1f1f1 !important; }
.information td, .information th { border: 1px solid #e1e0e0 !important; }

.about-description { padding: 15px; line-height: 24px; }
.about-description .pu-emoji {
display: inline-block;
margin: 0px 3px;
vertical-align: middle !important;
height: 24px;
width: 22px;
background-size: 22px;
}

@media screen and (max-width: 767px){
.profile-header { width: 100% }
.profile-header td.block { display: block; }
.profile-header h1 { margin-top: 20px !important; }
.profile-header .plus { margin-top: 25px !important; }
}

/* profile lists */
.profile-activity-title { 
font-weight: 300;
padding: 10px 15px;
font-size: 18px;
line-height: 22px;
background-color: #f1f1f1;
letter-spacing: 0.2px;
margin-bottom: 0px;
}

.profile-activity-topics-item {
border-bottom: 1px solid #eeeeee;
padding: 12px 5px;
}

.profile-activity-topics-title {
display: block;
color: #444444 !important;
font-size: 17px;
line-height: 25px;
font-weight: 650;
margin-bottom: 4px;
}

/* dropdown hover */

.dropdown:hover .dropdown-menu {
display: block;
}

/* navigation */

.navbar-brand {
min-height: auto !important;
padding: 5px 20px 5px 20px !important;
margin: 0px; !important;
}

.navbar-inverse {
background-color: #242424 !important;
border: 0 !important;
}

.navbar-nav > li > a {
font-weight: 600;
font-size: 17px;
line-height: 70px;
color: #ffffff !important;
padding: 0px 20px 0px 0px;
margin: 0px;
}

.navbar-nav .dropdown-menu {
background-color: #ffffff !important;
border-top: 0 !important;
padding: 0px;
}

.navbar-nav .dropdown-menu > li > a {
font-size: 15px;
margin: 0px !important;
padding: 8px 14px !important;
}

.navbar-nav .dropdown-menu > li > a:hover {
background-color: #eeeeee !important;
}

#usermenu span {
font-size: 14px !important;
font-weight: 650;
margin-left: 8px;
}

.navbar-nav .mobile-more {
display: none;
}

/* navigation adjustments */
@media (min-width: 992px) and (max-width: 1199px){
#usermenu { padding: 23px 0px !important; }
.navbar-nav > li > a { font-size: 16px !important; padding: 0px 15px 0px 0px; }
}

@media screen and (min-width: 768px) and (max-width:992px) {
.navbar-brand { min-height: auto !important; padding: 12px 10px 0px 15px !important; margin: 0px; !important; }
.navbar-brand img { height: 46px !important; }
.navbar-nav > li > a { font-size: 15px !important; line-height: 70px !important; padding: 0px 7px 0px 0px !important; margin: 0px !important; }
#usermenu { padding: 23px 0px; !important; margin: 0px !important; }
}

@media screen and (max-width: 767px) {
body { padding-top: 60px; }
.navbar-nav { float:none !important;  margin: 0px -15px !important; padding: 0px !important; }
.navbar-header { min-height: 60px !important; }

.navbar-toggle {
padding: 0px !important;
margin: 16px 20px 0px 0px !important;
border-radius: 0px !important;
border: none !important;
background-color: transparent !important;
}

.navbar-brand { padding: 0px 20px !important; }
.navbar-toggle .icon-bar { border-radius: 0px !important; margin-top: 6px; }
.dropdown:hover .dropdown-menu { display: none; }

.navbar-nav > li {
background-color: #ffffff;
border-bottom: 1px solid #dddddd !important;
}

.navbar-nav > li > a {
display: inline-block;
width: 200px;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 22px !important;
background-color: #ffffff !important;
color: #444444 !important;
padding: 10px 20px !important;
margin: 0px !important;
}

.navbar-nav > li > a.mobile-more {
display: inline-block;
width: auto;
font-family: monospace;
cursor: pointer;
color: #aaaaaa !important;
}

.navbar-nav > li > .dropdown-menu {
position: static !important;
float: none !important;
border-radius: 0 !important;
padding: 0px !important;
margin: 0px !important;
scrollbar-color: auto;
border-bottom: 0px !important;
}

.navbar-nav li > .dropdown-menu a {
font-size: 14px !important;
font-weight: 400 !important;
padding-left: 30px !important;
border-top: 1px solid #dddddd !important;
}

}

