/* loaded in forumdisplay_start & showthread_start*/
#header-background{ height: 167px;}
.title{height:30px;}

.btn,
.post-review.detail
{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    text-decoration:none;    
}

.btn.delete{
    width:74px;
    text-decoration:none;
}
.btn.cancel{ background-color: #e4e4e4; border-color: #e4e4e4; color:#555555 !important; }
.coverphoto-holder .btn.cancel{
    position: absolute;
    top: 20px;
    /*margin-left: 899px;*/
	right:104px;
    z-index: -1;   
}

td.alt1 img,
td.alt2 img{  margin-bottom:3px;}

td.smallfont .postreply{ display:block; width:110px; height:26px;}
td.smallfont .post-review.detail{ /* for forumdisplay */
    margin-top: -20px; padding:0; border:none;
	width:155px; height:29px;
	background:url(../img/btn-new-hotel-review.png) no-repeat 0 0;
}

td.smallfont .post-reply.detail{  /* for showthread */
    margin-top: -28px; margin-left:120px; padding:0; border:none; display:block; float:left;
	width:155px; height:29px;
	background:url(../img/btn-reply-with-review.png) no-repeat 0 0;
}

a.post-review.reply.detail{
    background:url(../img/btn-reply-with-review.png) no-repeat 0 0;
}

td.smallfont .post-review.detail:hover{background:url(../img/btn-new-hotel-review.png) no-repeat 0 -30px;}
td.smallfont .post-reply.detail:hover,
a.post-review.reply.detail:hover
{background:url(../img/btn-reply-with-review.png) no-repeat 0 -30px;}

.review a{ color:#3C9EE4;}

.wrapper{
    /*border-bottom:1px solid #ccc;*/
    height: auto;/*280px;*/
    /*display:none;*/
}

/* forum content */
#page_box{ clear:both; display:block;}
/* footer */
#forum #footer{ height: 100px;}
#footer { width:100%; clear:both;  margin-top: 0; padding:0px;  background: #e9e9e9; margin-top: 0;
    position: relative;  z-index: 9;}
#footer ul { clear:both; display:block; text-align:center; background: #e9e9e9; width: 100%; }
#footer ul li{ list-style:none; display:inline; padding:0 10px 0; border-color: #ccc;}
#footer .footer{ clear:both;}
#footer .content{ width: 100%;}

#topmenu{
    width:100%;
    border-top:1px solid #ccc;
    margin-bottom:20px;
    margin-top:0;
    font-family: 'Proxima Nova',Arial, Helvetica, sans-serif;    
    font-weight: normal;
	font-size:13px;
    color: #707070;
}

#thread-title{
   font-family: 'Proxima Nova',Arial, Helvetica, sans-serif;    
   font-weight: normal; 
   width:100%;
}
#thread-title h1{
   font-family: 'Proxima Nova',Arial, Helvetica, sans-serif;    
   font-weight: normal;
   font-size:36px;
   margin:15px 0;
   color:#2E2E2E;
}

#topmenu .row.legend{ color:#868686; font-size:13px; background: #efefef;}
#topmenu .row{ width:100%; border-bottom:1px solid #ccc;  }
#topmenu .row .span{ float:left; padding-top:5px; padding-bottom:5px;}

#topmenu .row.odd .span,
#topmenu .row.even .span {padding-top:10px; padding-bottom:10px;}

#topmenu .row.odd{ background:#eee;}
#topmenu .row .span.review{ width:37%; padding-left:6px;}
#topmenu .row .span.hotel{ width:31%;}
#topmenu .row .span.photos{ float: right;  text-align: right; padding-right: 6px;}
#topmenu .row .span.recommendation{ width:15%; text-align:left;}
#topmenu .row .span.recommendation.red{/* define color in the future */ }
#topmenu .row .span.recommendation.green{/* define color in the future */ }

span.no-upgrade-msg{
    font-style:italic;
    color:#ccc;
    font-weight:normal;
    font-size:16px;
}

.controls,
.edit-btn,
.handle
{
    position: absolute;
    margin-top: -260px;
    margin-left: 530px;
}

.handle{
	position:absolute;
    margin-top:0;
	top:135px;
	left:50%;
	margin-left:-77px;
}


.controls a.btn,
.social a.btn,
.masthead a.finalize-position,
.coverphoto-holder a.cancel
{
    width:60px;
    color:#fff;
    text-decoration:none;
    padding:2px;
    margin-right:5px;
}

.masthead a.finalize-position{
    position: absolute;
    top: 20px;
    /*margin-left: 984px;*/
	right:20px;
    z-index:-1;
}

.controls a.btn.upload{
    background-color:#51a351;
    border-color:#51a351;	
}

.controls a.btn.crop{
    background-color:#fbb450;
    border-color:#fbb450;
}

.hotel-review-container h3 a{
    color:#000;
    text-decoration:none;
}

.edit-btn{
	position:absolute;
    width:137px;
    height: 31px;
    background-image: url(../img/cover_photo_edit_bn.png);
    background-repeat: no-repeat;
    display: none;
	right:20px;
}

.edit-btn:hover{ opacity:0.8;}
.handle {
    width: 155px;
    height: 20px;
    background: #000;
    
    color: #fff;
    padding: 6px 2px 2px 2px;
    text-align: center;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    opacity: 0.7;
    font-family: 'Proxima Nova',Arial, Helvetica, sans-serif;
}
.handle .drag-text{
    padding-left:15px;
}