/* FONTS */
@font-face {
  font-family: 'fontawesome';
  src: url('../fonts/fontawesome.eot?49278639');
  src: url('../fonts/fontawesome.eot?49278639#iefix') format('embedded-opentype'),
       url('../fonts/fontawesome.woff?49278639') format('woff'),
       url('../fonts/fontawesome.ttf?49278639') format('truetype'),
       url('../fonts/fontawesome.svg?49278639#fontawesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontawesome';
    src: url('../fonts/fontawesome.svg?49278639#fontawesome') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontawesome";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
}
.icon-folder-open:before{ content: '\e814'; } /* '?' */
.icon-loader:before { content: '\e812'; } /* '?' */
.icon-twitter-sign:before { content: '\e810'; } /* '?' */
.icon-remove-sign:before { content: '\e802'; } /* '?' */
.icon-link:before { content: '\e801'; } /* '?' */
.icon-external-link:before { content: '\e800'; } /* '?' */
.icon-lock:before { content: '\e80d'; } /* '?' */
.icon-pin:before { content: '\e803'; } /* '?' */
.icon-reply:before { content: '\e80f'; } /* '?' */
.icon-quote-left:before { content: '\e804'; } /* '?' */
.icon-envelope:before { content: '\e811'; } /* '?' */
.icon-edit:before { content: '\e806'; } /* '?' */
.icon-trash:before { content: '\e80e'; } /* '?' */
.icon-signin:before { content: '\e807'; } /* '?' */
.icon-step-forward:before { content: '\e80b'; } /* '?' */
.icon-step-backward:before { content: '\e80a'; } /* '?' */
.icon-ellipsis:before { content: '\e809'; } /* '?' */
.icon-check:before { content: '\e808'; } /* '?' */
.icon-facebook-sign:before { content: '\e80c'; } /* '?' */
.icon-export:before { content: '\e805'; } /* '?' */
.icon-bar-chart:before { content: '\e813'; } /* '?' */
/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
/* Animation example, for spinners */
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* CONTENT */
.ui-body-c{
	background-image: none !important;
	background: #f5f5f5 !important;
	min-height: 100%;
}

#mainPage{ z-index: 99999; }
.ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
.ui-btn-icon-top .ui-btn-inner .ui-icon.ui-iconsize-26, .ui-btn-icon-bottom .ui-btn-inner .ui-icon.ui-iconsize-26 { position: absolute; left: 50%;  margin-left: -13px; }
.ui-header .ui-btn-icon-left .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-left .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-left .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-left .ui-icon.ui-iconsize-26 { left: 3px; margin-top: -12px; }

.ui-header .ui-btn-icon-right .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-right .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-right .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-right .ui-icon.ui-iconsize-26 { right: 3px; margin-top: -12px; }

.ui-header .ui-btn-icon-top .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-top .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-top .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-top .ui-icon.ui-iconsize-26 { top: 3px; }

.ui-header .ui-btn-icon-bottom .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-bottom .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-bottom .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-bottom .ui-icon.ui-iconsize-26 { bottom: 3px; }
#selectmenu2-listbox-popup{ left: 10px !important; right: 10px; }
.ui-btn-inner, label.ui-input-text, .ui-link, label.ui-select, label{ font-size: 12px !important; }
label.ui-input-text, label.ui-select, label{ font-weight: bold !important;}
.ui-br{ border: none !important ;}
.ui-mini, .ui-content{ clear: both }
.ui-content, .ui-mobile .ui-page{ min-height: 100%; }
.ui-li-desc{ margin: 20px !important; }
.ui-radio{ border-radius: 0 !important; -webkit-border-radius: 0 !important; }
.ui-btn-up-a { margin-left: 0;}
.ui-btn-up-d, .ui-btn-hover-d{ border-bottom: 1px #eee solid !important; border-top: none; }
.ui-btn-active a, .ui-btn-active .meta a, .ui-btn-active .meta span, .ui-btn-active .unreadTopic, .ui-btn-active *, .ui-btn-active .meta .lastPostUser, .ui-btn-active .meta .topics, .ui-btn-active span, .ui-btn-active .blue{ color: #fff !important}
.ui-bar-c{ border-bottom: 1px #ccc solid !important; border-top: 1px #ccc solid; }
.ui-btn-d{ background-image: none !important; background: #fcfcfc !important;}
.ui-input-text input{ background: none !important; }
.deleteBtn{
	background: #b01a27;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ce7880', endColorstr = '#b01d29');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ce7880', endColorstr = '#b01d29')";
	background-image: -moz-linear-gradient(top, #ce7880, #b01d29);
	background-image: -ms-linear-gradient(top, #ce7880, #b01d29);
	background-image: -o-linear-gradient(top, #ce7880, #b01d29);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ce7880), to(#b01d29));
	background-image: -webkit-linear-gradient(top, #ce7880, #b01d29);
	background-image: linear-gradient(top, #ce7880, #b01d29);
	color: #fff !important;
	text-shadow: 0 1px #555;
	border: 1px #b01d29 solid !important;
}
.mobileAds{
	width: 100%;
	clear: both;
	max-height: 50px;
}

.mobileAds *{
	width: 100%;
	max-height: 50px
}

.slidePanel{
	position: relative !important;
	right: 10px;
	clear: right;
	float: right
}

.ui-header{
	clear: both
}

.list .ui-li-count {
	right: 12px !important;
	background: #eee !important;
	text-shadow: none;
	color: #888 !important;
	border: none;
	top: 36px;
}

.profile.list .ui-li-count{ 
  top: 0 !important;
  right: 5px !important;
  position: relative;
  vertical-align: middle;
  float: right;
  margin: 2px 0; 
}

.ui-listview .profile.list:last-child{
  border-bottom: 1px #ccc solid !important;
}

.ui-btn-corner-all, .ui-corner-all {
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	position:relative;
}

@media all and (max-width: 320px){
	.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text {
		width: 95% !important;
		display: block;
	}
	
	.ui-field-contain .ui-controlgroup-controls{
		width: 100% !important;
		display: block;
	}
	
	.postcontent object, .postcontent iframe{
		max-width: 270px !important;
		width: auto !important;
		height: auto !important;
		clear: both;
		margin: 0 auto !important;
	}
  .profile.list{
    width: 92.6%;
  }
}

@media all and (min-width: 325px){
	.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text, .ui-field-contain .ui-controlgroup-controls {
		width: 100% !important;
		display: block;
	}
	
	.postcontent object, .postcontent iframe{
		max-width: 95% !important;
		width: auto !important;
		height: auto !important;
		clear: both;
		margin: 0 auto !important;
	}
  .profile.list{
    width: 95.1%;
  }
}

.ui-icon-ios-pack-color-left-arrow {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}

.ui-icon-arrow-r {
	background: none !important;
	display: none;
}

.ui-mini .ui-btn-inner {
	font-size: 12.5px;
	padding: .3em 11px .3em;
}

legend{
	font-size: 14px;
	padding: 8px 6px 6px 6px;
	font-weight: bold;
}
  
.ui-icon-ios-pack-color-right-arrow {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-up-arrow {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-back {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-forward {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-down-arrow {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-plus {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-minus {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-check {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-delete {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-gear {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-refresh {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-grid {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-star {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-info {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
.ui-panel-content-wrap-closed{-webkit-transform: none !important;}
.ui-page { 
  min-height: 100%;
  display: block;
  background: #f5f5f5;
  width: 100%;
  z-index: 99999;
  padding-bottom: 0 !important;
}
.ui-icon-ios-pack-color-home {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-search {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-alert {
  margin-top: -13px !important;
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-left-arrow { background: url('../images/forum_mobile/ios-pack-color.png') -260px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-right-arrow { background: url('../images/forum_mobile/ios-pack-color.png') -364px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-up-arrow { background: url('../images/forum_mobile/ios-pack-color.png') -442px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-back { background: url('../images/forum_mobile/ios-pack-color.png') -26px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-forward { background: url('../images/forum_mobile/ios-pack-color.png') -130px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-down-arrow { background: url('../images/forum_mobile/ios-pack-color.png') -104px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-plus { background: url('../images/forum_mobile/ios-pack-color.png') -312px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-minus { background: url('../images/forum_mobile/ios-pack-color.png') -286px 50% no-repeat transparent !important;
}
.ui-icon-ios-pack-color-check { background: url('../images/forum_mobile/ios-pack-color.png') -52px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-delete { background: url('../images/forum_mobile/ios-pack-color.png') -78px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-gear { background: url('../images/forum_mobile/ios-pack-color.png') -156px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-refresh { background: url('../images/forum_mobile/ios-pack-color.png') -338px 50% no-repeat transparent !important; } 
.ui-icon-ios-pack-color-grid { background: url('../images/forum_mobile/ios-pack-color.png') -182px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-star { background: url('../images/forum_mobile/ios-pack-color.png') -416px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-info { background: url('../images/forum_mobile/ios-pack-color.png') -234px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-home { background: url('../images/forum_mobile/ios-pack-color.png') -208px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-search { background: url('../images/forum_mobile/ios-pack-color.png') -390px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-alert { background: url('../images/forum_mobile/ios-pack-color.png') -0px 50% no-repeat transparent !important; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {

.ui-icon-ios-pack-color-left-arrow,.ui-icon-ios-pack-color-right-arrow,.ui-icon-ios-pack-color-up-arrow,.ui-icon-ios-pack-color-back,.ui-icon-ios-pack-color-forward,.ui-icon-ios-pack-color-down-arrow,.ui-icon-ios-pack-color-plus,.ui-icon-ios-pack-color-minus,.ui-icon-ios-pack-color-check,.ui-icon-ios-pack-color-delete,.ui-icon-ios-pack-color-gear,.ui-icon-ios-pack-color-refresh,.ui-icon-ios-pack-color-grid,.ui-icon-ios-pack-color-star,.ui-icon-ios-pack-color-info,.ui-icon-ios-pack-color-home,.ui-icon-ios-pack-color-search,.ui-icon-ios-pack-color-alert {
    background-image: url('../images/forum_mobile/ios-pack-color@2x.png');
    -moz-background-size: 468px 26px;
    -o-background-size: 468px 26px;
    -webkit-background-size: 468px 26px;
    background-size: 468px 26px;
  }

}

.text-align-center { text-align: center; }
.text-align-right { text-align: right; }

.split-wrapper {
  width: 100%;
  min-height: 200px;
  clear: both;
}

@media all and (min-width: 650px) {
  .content-secondary {
    text-align: left;
    float: left;
    width: 45%;
    background: none;
    padding: 1.5em 6% 3em 0;
    margin: 0;
  }
  .content-secondary {
    background: none;
    border-top: none;
  }
  .content-primary {
    width: 45%;
    float: right;
    margin-right: 1%;
    padding-right: 1%;
  }
  .content-primary ul:first-child {
    margin-top: 0;
  }
  .content-secondary ul.ui-listview, .content-secondary ul.ui-listview-inset {
    margin: 0;
  }
  .content-secondary ul.ui-listview .ui-li-divider, .content-secondary ul.ui-listview .ui-li {
    border-radius: 0px;
  }
  .content-secondary ul.ui-listview .ui-li {
    border-left: 0;
    border-right: 0;
  }
  .content-secondary h2 {
    position: absolute;
    left: -9999px;
  }
  .content-secondary .ui-li-divider {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .content-secondary {
    margin: 0;
    padding: 0;
  }
  
}
@media all and (min-width: 750px){
  .content-secondary {
    width: 34%;
  }
  .content-primary {
    width: 60%;
    padding-right: 1%;
  }	
}

@media all and (min-width: 1200px){
  .content-secondary {
    width: 30%;
    padding-right:6%;
    margin: 0px 0 20px 5%;
  }
  .content-secondary ul {
    margin: 0;
  }
  .content-secondary {
    margin: 0;
    padding: 0;
  }
  .content-primary {
    width: 50%;
    margin-right: 5%;
    padding-right: 3%;
  }
  .content-primary {
    width: 60%;
  }
}

#rules_checkbox{ 
	width: 15px !important; 
	height: 15px !important; 
	margin: 3px 0 0 -18px !important;
}

.loginbtn{
	padding: 5px 5px;
	text-align: center;
	margin: 10px;
	background: #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border: 1px #fff solid;
}

.menu{ 
	padding: 0; 
	margin: 0;
	text-align: center;
}

.menu li{
	display: inline-block;
	background: #eee;
	padding: 5px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 84px;
	margin: 2px 2px 7px 2px;
	height: 80px;
	box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border: 1px #fff solid;
}

#menuPanel ul li:before{
	background: url('../images/forum_mobile/panel_Icons.png') no-repeat left;
	width: 16px;
	height: 16px;
	display: inline-block;
	position: absolute;
	content: " ";
	margin: 14px 0 10px 12px;
} 

#menuPanel li a, .searchPanel input{ 
	padding: 12px 0 12px 40px; 
	font-size: 14px !important;
	font-weight: normal;
	color: #c4ccda !important;
	text-shadow: 0 1px #212631 !important;
	position: relative;
	margin-top:0px;
}

.loginPanel{ 
	border-bottom:1px #242a37 solid !important; 
	border-top: 1px #3e4555 solid;
}

.loginPanel:before, .searchPanel:before{ background: none !important; }
.loginPanelBtn a{ 
	padding: 0 !important; 
	display: inline-block; 
	font-size: 12px !important;
}
.loginPanelBtn a:hover{ margin-left: 0 !important; }
.loggedOutPanel a .ui-btn-inner{ background: #212631 !important; }
.signInPanel{ width: 83px; }
.registerPanel{ width: 140px; }
.loggedInPanel{ 
	height: 26px; 
	padding: 10px 0 10px 0;
	background: #32394a;
}

.loggedInPanel .avatar, .loggedInPanel .author{ float: left; }
.loggedInPanel .author, .inline .author{
	max-width: 75%;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
	line-height: 16px;
}

.loggedInPanel .avatar{ margin: 0 10px 0 0; }
.loggedInPanel .avatar img{
	max-width: 25px;
	height: auto !important;
	border-radius: 3px;
}

.loggedInPanel .author{
	color: #c4ccda !important;
	font-weight: normal !important;
	margin: 3px 0 0 0;
}

.signOutPanel{ 
	width: 100px; 
	float: right; 
}

#menuPanel li.membersPanel:before { background-position: -16px 0; }
#menuPanel li.newPostsPanel:before  { background-position: -32px 0; }
#menuPanel li.markReadPanel:before  { background-position: -48px 0; }
#menuPanel li.chatPanel:before { background-position: -64px 0; }
#menuPanel li.messagesPanel:before { background-position: -79px 0; }
#menuPanel li.notifPanel:before {	background-position: -96px 0; }
#menuPanel li.calendarPanel:before { background-position: -112px 0; }
#menuPanel li.searchLinkPanel:before { background-position: -177px 0; }
#menuPanel li.fullVersionPanel:before { background-position: -128px 0; }
#menuPanel li.donatePanel:before { background-position: -161px 0; }
#menuPanel li.logOutPanel:before { background-position: -144px 0; }
#menuPanel li.logOutPanel{ background: #41485c !important; }
#menuPanel{ 
	background: #32394a !important; 
	z-index: 999; 
	min-height: 100%;
}

.ui-panel.ui-panel-open {
	position:fixed;
}

.ui-panel-inner {
	position: absolute;
	top: 1px;
	left: 0;
	right: 0;
	bottom: 0px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

.ui-panel{
	height: 100%;
	min-height: none;
	overflow-x: hidden;
}

.ui-panel-animate { 
      -webkit-transition: -webkit-transform 500ms ease-in-out !important;
      -moz-transition: -moz-transform 500ms ease-in-out !important;
      transition: transform 500ms ease-in-out !important;
}

#menuPanel .ui-btn-up-a{
    	background: #32394a !important;
      border-bottom:1px #242a37 solid !important;
      border-top: 0 transparent solid !important;
      border-left: 1px transparent solid !important;
      border-right: 1px transparent solid !important;
      text-shadow: 0 1px #212631 !important;
}

#menuPanel .ui-btn-hover-a{
	background: #292f3d !important;
	border-bottom:1px #242a37 solid !important;
	border-top: 0 transparent solid !important;
	border-left: 1px transparent solid !important;
	border-right: 1px transparent solid !important;
}

#menuPanel .ui-btn-inner { border-top: 1px #3e4555 solid !important;}
.searchPanel .ui-btn-corner-all{
	border: #222936 1px solid;
	border-radius: 1em !important; 
}

.searchPanel input, .searchPanel .ui-btn-corner-all{
	background: #47505f !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#4b5462', endColorstr = '#32394a');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#4b5462', endColorstr = '#32394a')";
	background-image: -moz-linear-gradient(top, #4b5462, #32394a);
	background-image: -ms-linear-gradient(top, #4b5462, #32394a);
	background-image: -o-linear-gradient(top, #4b5462, #32394a);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#4b5462), to(#32394a));
	background-image: -webkit-linear-gradient(top, #4b5462, #32394a);
	background-image: linear-gradient(top, #4b5462, #32394a);
	box-shadow: none;
}

.searchPanel{
	padding: 10px;
	border-bottom: 1px #212631 solid;
}

.unreadTopicSubject, label .list .unreadTopicSubject.editMode, #messageList label .list .unreadTopicSubject{
	font-weight: bold !important;
	color: #000 !important;
}

.readTopic{ color: #000 !important }

.threadMeta{ float: right; margin: -17px 10px; }
.topicIcons span i:before{ margin-left: -1px; width: auto; }
.topicIcons{
	float: left;
	display: inline-block;
}

.topicList .list.ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count{
	padding-right: 80px;
}

.list{ min-height: 55px; }
.list.ui-li-has-thumb .ui-btn-text a{ min-height: 20px !important }
.member.list.ui-li-has-thumb .ui-btn-text a{ min-height: 59px !important; }
.topicList .ui-btn-text a img{ margin: 15px 0 0 15px !important; }
.list.unread, .list, .resultsDate{ padding-left: 0px !important; }

.list .block img{ 
	float: left;
	padding: 10px 0 0 10px;
}

label .ui-btn-up-d{ border-bottom: 1px #ccc solid !important }
.list a, .list, label .list .editMode, .detailedTopic label{
	font-size: 15px !important;
	font-weight: 300;
	text-shadow: none !important;
	text-decoration: none !important;
}

.list a{
	margin: -1px 0 -10px 0;
	max-width: 100% !important;
}

label .list.edit_mode, #messageList label .list{
	background: none;
	border-bottom: 0 !important;
}

label .list.edit_mode .ui-btn-inner{
	padding: 0 !important;
	border-top: 0 !important;
}

label .list.edit_mode .ui-btn-inner a.ui-link-inherit, #messageList label .list .ui-btn-inner a.ui-link-inherit{
	padding: 0 15px !important;
	line-height: 24px;
}

#messageList label .list .ui-btn-inner a.ui-link-inherit{
  margin: -6px 0 -25px;
  max-width: 75% !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

label .list.editMode:visited, label .list .editMode:active{ color: #333 !important; }
.backText{ 
	max-width: 26% !important; 
	margin: 0 !important; 
	text-align: left; 
	float: left;
	position: relative !important;
}

.backText .ui-btn-inner{ 
	text-overflow: ellipsis !important; 
	padding: 6px 5px 6px 30px !important
}
.forumName_thread{ 
	margin: 0 16px;
	display: block;
	color: #1D3652;
	max-width: 75%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* EDIT MODE */
.topicList label , .detailedTopic label, #messageList label{
	background: #fcfcfc;
	border: 1px #e5e5e5 solid;
	padding: 0 !important;
	margin: -5px 0 !important;
	width: 100% !important;
	z-index: 9999 !important;
	font-weight: normal !important;
	overflow: hidden;
	border-radius: 0% !important;
	-webkit-border-radius: 0% !important;
}

.detailedTopic label .ui-icon-checkbox-on, .detailedTopic label .ui-icon-checkbox-off, .topicList label .ui-icon-checkbox-on, .topicList label .ui-icon-checkbox-off, #messageList label .ui-icon-checkbox-on, #messageList label .ui-icon-checkbox-off{
	top: 30px !important;
}

label .list  .editMode{
	padding-left: 14px !important;
	max-width: 55% !important;
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	color: #000 !important;
	position: absolute;
	margin-top: -15px;
}

label .list.edit_mode .ui-btn-inner .forumName_thread {
	margin: 10px 0 -30px 16px !important;
	display: block !important;
	line-height: 30px !important;
}

.detailedTopic label.ui-checkbox-on, .topicList label.ui-checkbox-on, #messageList label.ui-checkbox-on{ background: #ebf7f7;}
.detailedTopic label .postcontent{
	padding: 0 !important;
	margin: -5px -5px 0-29px
}

#post_list{ padding: 0 !important; }
.topicList label .previewWrap, #messageList label .previewWrap{ 
	width: 80%; 
	margin-top: -6px !important; 
}

.topicList .ui-checkbox .ui-btn-icon-left .ui-icon, #messageList .ui-checkbox .ui-btn-icon-left .ui-icon{ 
	padding-left: 0 !important; 
	margin-top: 0; 
	left: 10px !important;
	top: 12px !important; 
}

.topicList label .ui-btn-icon-left .ui-btn-inner, #messageList label .ui-btn-icon-left .ui-btn-inner{ padding-left: 25px !important; }
.detailedTopic label .ui-checkbox .ui-btn-icon-left .ui-btn-inner{ padding-left: 35px !important; }
.topicList label .ui-btn-inner{ padding: 10px 2px 12px 25px !important }
#messageList label .ui-btn-inner{ padding: 7px 2px 12px 12px !important }
.topicList label .ui-li-count, #messageList label .ui-li-count{ top: 10px !important; }
.topicList label .date{ top: -18px !important }
#messageList .list .date {
  margin: -15px 12px 0 0 !important;
  display: block 
}

#messageList label .list .date {
  margin: -15px -45px 0 0 !important;
}

#editPanel-popup, #postEditPanel-popup, #shareList-popup{
	width: 100% !important;
	left: 0 !important;
	right: 0;
	margin: 0 auto;
}

#editPanel-popup, #postEditPanel-popup, #subscribePanel-popup{ position: fixed; }
#editPanel-screen, #postEditPanel-screen, #subscribePanel-screen{
	background: rgba(0,0,0,0.7);
	overflow: hidden !important;
}

#editPanel, #postEditPanel, #subscribePanel{
	padding: 20px;
	bottom: 0 !important;
	margin: 0
}

#editPanel .ui-btn-text, #postEditPanel .ui-btn-text, #sharePopup .ui-btn-text, #sharePopup2 .ui-btn-text{ font-size: 16px !important}
#shareList, #subscribePanel{
	background: transparent !important;
	background-image: none !important;
	border: none;
}

#shareList-screen{
	background: #000 !important; 
	opacity: 0.8 !important;
}

#shareList ul li a i{
	line-height: 60px;
	width: 60px;
	height: 60px;
	display: block;
	padding: 0;
	border-radius: 13px;
	margin: 0 15px 10px 11px
}

#shareFb i{
	font-size: 70px;
	color: #3b5998;
	background: #fff;
}

#shareTwitter i{
	font-size: 70px;
	color: #00a0d1;
	background: #fff;
}

#shareMail i{
	font-size: 38px;
	background: #5aa8e6;
	color: #fff;
}

#shareList ul{
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#shareList ul li { 
	display: inline-block; 
	margin: 30px 0 20px 0
}

#shareList ul li a{
	text-decoration: none;
	padding: 0;
	display: block;
	color: #fff;
}

#shareList .cancelBtn{ margin: 10px 30px }
.cancelBtn .ui-btn-text{	font-size: 16px; }
#replyPanel{
	width: 100%;
	margin: 0;
	background: #eee;
	display: none;
	position: fixed;
	bottom: 0;
	padding: 8px 0;
	z-index: 9999;
	border-top: 1px #ddd solid;
}

#replyPanel textarea.ui-input-text {
	width: 95% !important;
	display: inline-block;
	overflow: hidden;
	font-size: 14px;
	margin: 0 auto;
	border: 1px #bbb solid;
}

#replyPanel textarea{
	display: block !important;
	z-index: 9
}

.replyBtn{
	color: #888 !important;
	padding: 0 10px;
	text-shadow: 0 1px #fff;
	cursor: pointer;
}

.closeReply, .fullReply{
	display: inline-block;
	text-decoration: none;
	color: #888 !important;
	text-overflow: none !important;
	cursor: pointer;
}

.replyPanelWrapper{
	text-align: right;
	display: block;
	width: 97%;
	border-radius: 0 0 8px 8px;
	padding: 6px 0 0 0;
}

.replyPanelWrapper .ui-submit{
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	display: inline-block;
}

.replyPanelWrapper .ui-btn-inner{
	background: none !important;
	padding: 0;
	color: #888 !important;
	display: inline !important;
}

.replyPanelWrapper .ui-btn:hover, .replyPanelWrapper .ui-btn:visited, .replyPanelWrapper .ui-btn-active a, .replyPanelWrapper .ui-btn-active * { font-weight: bold; text-shadow: none !important; color: #666 !important }
/* Fixed Footers */
.fixedFooter{
	position:fixed;
	left:0px;
	bottom:0px;
	z-index: 0;
	width: 100%;
}
.topicFooter, .pmFooter{ margin: -4px 0 0 -18px; }
.postFooter{ margin: -2px 0 0 6px; }
.topicFooter, .postFooter, .editFooter, .pmFooter{
	padding: 0;
	text-align: center;
	width: 114% !important;
	overflow-x: hidden !important;
	margin: 0
}

.topicFooter li, .editFooter li{ width: 22%; }
.postFooter .left { width: 20% }
.topicFooter li, .postFooter li, .editFooter li, .pmFooter li{
	list-style-type: none;
	display: inline-block;
	padding: 0;
	height: 50px;
	border-left: 1px #d5d5d5 solid;
}

.topicFooter li:active, .topicFooter li:visited, .postFooter li:active, .postFooter li:visited, .editFooter li:active, .editFooter li:visited, .pmFooter li:active, .pmFooter li:visited{
	background: #aaa;
}

.topicFooter li a, .postFooter li a, .editFooter li a, .pmFooter li a{
	color: #777 !important;
	text-decoration: none !important;
	font-weight: bold;
	margin: 0;
	display: block;
	text-shadow: none;
	text-align: center;
}

.topicFooter li a img, .postFooter li a img, .postFooter li a img{
	padding: 7px 0 1px 0;
	width: 22px;
}

.topicFooter li a i, .postFooter li a i, .editFooter li a i, .pmFooter li a i{
	padding: 10px 0 0 0;
	text-shadow: none;
}

.topicFooter li a i, .pmFooter li a i, .postFooter li a i, .editFooter li a i, .topicFooter li a img, .postFooter li a img{
	font-size: 20px;
	display: block;
	margin: 0 auto;
	line-height: 10px;
}

.editFooter li a{ font-size: 13px !important; }
.postFooter .left:first-child{ margin-left: -3px; }
.topicFooter .left:first-child{ margin-left: -4px; }
.topicFooter li, .pmFooter li{ margin: -3px 0 0 0; }
.pmFooter .left{ width: 29%; }

.pageLi:before{
	border-right: 1px #d5d5d5 solid; 
	content: " ";
	display: block;
	width: 1px;
	height: 52px;
	position: absolute;
	margin: -15px -35px;
}

.pageLi{
	moz-box-shadow: 0 1px 0 rgba(255,255,255,.3);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3);
	box-shadow: 0 1px 0 rgba(255,255,255, .3);
	margin: 10px 10px 0 10px;
	border-radius: 5px;
	padding: 3px 17px 1px 17px;
	display: inline-block;
	border: 1px #bbb solid;
	width: 11%;
	float: left;
	right: 0;
	position: absolute;
}

.pageLi li{ 
	height: 24px; 
	width: 22px;
	border-left: none;
}

.firstLi{ margin: 0 5px 0 -16px; }
.lastLi{ margin: 0 -16px 0 5px; }
.pageLi li a{ margin: -8px 0 0 0; font-size: 14px !important}
.disabled{ opacity: 0.4; cursor: default; }
.dividerLi{
	width: 1px !important;
	height: 28px !important;
	background: #bbb;
	margin: -3px 0 0 -2px;
	position: absolute;
}

#sharePopup, #sharePopup2{ padding: 10px; }
#sharePopup-popup,
#sharePopup2-popup, #subscribePanel-popup{
	left: 0 !important;
	right: 0 !important;
	width: 100%;
}

.ui-footer{
	background: #e5e5e5;
	border-top: 1px #ddd solid;
}

#message, #textarea-1, #searchMenu .ui-select, .customfield .ui-select, .customfield .ui-btn{
	width: 100% !important;
	font-size: 14px;
}

.quote, .votes p{ font-size: 13px; }
.quote_body{
	border: 1px #eee solid;
	padding: 5px;
	margin: 5px 0 5px 0;
}
#message{
  min-height: 100px; 
}
#messageReply{
  margin: 0.5em;
}


.messages.list{ margin-top: 30px; }

.messenger.folder{
  min-height: 30px;
}
.messenger.folder .ui-li-count {
  top: 16px !important;
}

.member.list:before, .profile.list:before{
	background: none !important;
	content: none !important;
}

.profile.list{
	padding: 10px !important;
	margin-bottom: 0 !important;
	float: left;
	min-height: 25px
}

.messages.list li{ font-weight: normal !important }
.topic{ font-weight: bold; }
.mainTitle{
	position: relative;
	max-width: 60%;
	margin: .6em auto !important
}

.mainTitle a{
	text-decoration: none !important;
	color: #fff !important;
	font-size: 16px !important;
}

.topicBtn, .topicBtn a{
	margin: 0 auto !important;
	text-align: center;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.topicBtn a{ width: 135px; } 
.loadPrev{
	margin: 15px 0 40px !important;
} 
.loadMore, .loadPrev{
	margin: 35px 0;
	text-align: center;
  text-shadow: 0 1px #fff !important;
}

.loadBtn, .prev_posts{
	display: block;
	clear: both;
	font-size: 16px !important;
	line-height: 15px;
	text-decoration: none;
}

.loadMore span{ font-size: 13px; }
.loadBtn.posts{	margin: 30px 10px 30px 10px; }

.grayBtn, .pollNav .ui-submit{
	background: #eaeaea;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c4c4c4));
	color: #313131;
	text-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
	border: 1px solid #c5c5c5;
}

.showResults{
	border: 1px solid #c5c5c5;
	font-weight: 700;
	color: #313131 !important;
	text-decoration: none !important;
	text-shadow: 0 1px 0 #fff;
	background: #eaeaea;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c4c4c4));
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 7px;
}

.heading, .pheading, .postcontent p, .postcontent li, .postcontent span{
	font-size: 14px !important;
	text-align: left !important;
}

/* Overwrite topic title's style on first page */
.firstPageTitle{
  margin: .6em 0% !important;
  overflow: auto !important;
  white-space: normal !important;
  line-height: 20px;
}

.heading{  
  margin: .6em 15px !important
}

.heading .login_dialog{
	margin: 0 !important;
	display: inline !important
}

.right{
	float: right;
	clear: right
}

.hidden, .searchPanel .ui-input-clear, #menuPanel .ui-icon-arrow-r{ display: none !important }
.left{ float: left }
.center{margin: 0 0 0 5px;}
.previewWrap:after{
	content: '';
	display: block;
	clear: both;
}

.previewWrap .meta{
	padding: 0 0 12px 15px !important;
	line-height: 15px !important;
	word-wrap: break-word;
	max-width: 80%;
}

label .list .previewWrap .meta{
	padding: 5px 0 5px 15px !important;
	margin-top: 18px;
}

.meta{
	padding: 8px 0 20px 15px !important;
	display: block !important;
	line-height: 0;
	overflow: hidden;
	white-space: normal;
	max-width: 85%;
	text-shadow: none !important;
}

.member.list .meta{
	max-width: 70% !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

label .list .meta.edit{
	width: 100%;
	max-width: 100%;
}

.meta span, .date, .meta a, .status{
	font-size: 12px !important;
	font-weight: normal !important;
	text-decoration: none;
	color: #858585 !important;
}

.date.right{
	color: #2470d8 !important;
	padding-left: 2px;
}

.meta span.blue, .blue{
	color: #336699 !important;
	font-weight: bold;
	text-decoration: none;
}

.meta.right{ position: absolute; }
.size, .count, small{ color: #777; }
.fullbtn, .sharebtn, .showReply{
	margin: 0 auto;
	margin-top: 8px;
	margin-bottom: 15px;
	width: 73%;
}

.sharebtn{
	text-align: center !important;
	margin-left: auto;
	margin-right: auto;
}

.fullbtn{
	clear: both;
	width: 50%;
}

.info{ 
	margin: 0;
	padding: 7px;
	height: 37px;
	clear: both
}

.info.profile_main{
	margin: 10px 0 0;
	padding: 7px;
	clear: both;
}

.info li.inline{
	clear: right;
	line-height: 10px;
	display: block;
	font-size: 12px !important;
	padding: 3px 0 0 0;
}

.info li.inline h1 a{ margin: -20px 0; display: block; }
.info li.block{
	display: block;
	width: 42px;
	float: left;
}

.detailedTopic.ui-corner-all{
	margin: 12px;
	background: #fff;
	padding: 0;
	overflow: hidden;
}

.postcontent{
	padding: 0 10px 15px 15px !important;
	margin: 0;
	line-height: 18px;
}

.postcontent p{
	clear: both;
	word-wrap: break-word;
	line-height: 19px;
}

.postcontent img{
	max-width: 98% !important;
	margin: 0 auto !important
}

.fullsize img{ max-width: 100% !important; }
.thumbnail img{ max-width: 150px !important; }
.postcontrols{
	height: 25px;
	background: #fafafa;
	border-top: 1px #e3e3e3 solid;
	width: 100%;
	display: block;
	padding: 8px 0 6px 0;
	text-align: center;
	overflow: hidden;
}

.postcontrols a{
	display: inline-block;
	padding: 3px 20px;
	color: #888 !important;
	text-decoration: none;
	height: 27px;
	float: right;
	font-size: 13px !important;
  font-weight: bold;
}

.postcontrols a i, .topicIcons i{ color: #bbb !important }
.info .avatar img{ border: 1px #ccc solid; }
.avatar.anonymous{
	content: " ";
	background: url(/images/forum_mobile/profile_anonymous.png) no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	float: left;
}

.member.list .avatar.anonymous{
	margin: 10px 0 0 10px;
}

.avatar img{	max-width: 34px; }

.author{
	font-weight: bold !important;
	color: #1d3652 !important;
	font-size: 14px !important;
	text-decoration: none
}

.status.online i{
	color: #98d66b;
	font-size: 10px;
}

.status.online i{
	color: #ccc;
	font-size: 10px;
}

.user_loggedin{ margin-bottom: -20px; }
.user_loggedin label.ui-input-text{
	display: inline-block;
	width: auto;
	margin: 3px 0 3px 0;
}

.user_post{
	padding: 0 5px 0 6px;
	font-size: 12px;
}

.attachment{
	padding: 0 0 10px 0;
	margin: 0;
}

.attachment p:first-child{
    padding: 5px 0 5px 0;
	border-top: 1px #eee solid;
}

.attachment li{
	list-style-type: none !important;
	vertical-align: middle;
}

.attachment.thumbnails img, .attachment.fullsize img{
	max-width: 100px;
	vertical-align: middle;
	margin: 2px 0 2px 0
}

.numbered li{ list-style-type: decimal !important; }
.alphascroll li, #shareList ul li{ list-style-type: none; }
.replyDiv{display: none; }
.alphascroll {
	color: #666;
	text-shadow: none;
	list-style: none;
	position: fixed;
	top: 70px;
	right: 4px;
	z-index: 1001;
	font-size: 11px;
	font-weight: bold;
	margin-left: 0;
	padding-left: 0;
	border-radius: 24px;
	padding: 0 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.alphascroll:active {
	background-color: rgba( 0, 0, 0, 0.4);
}

.alphascroll:active a{
	color: #fff;
}

.alphascroll li {
	display: block;
	width: 1em;
	text-align: center;
	line-height: 14px;
	margin: 0;
	width: 28px;
}

.alphascroll li.truncated {
	line-height: 4px;
	font-size: 10px;
	font-weight: normal;
}
.alphascroll a{
	text-decoration:none;
	color:#3E3E3E;
}

.redhighlight, .bluehighlight{ 
	margin: 0 auto; 
	text-align: center; 
	padding-left:5px;
}

.redhighlight{
	background: #f4e2e3;
	padding: 4px; 
	font-size: 12px;
	margin: 0 0 0px 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	line-height: 19px; 
}

.bluehighlight{
	background: #f2f7fa;
	border-top: 1px solid #d9dee1;
	border-bottom: 1px solid #d9dee1;
	line-height: 19px; 
	padding: 10px;
	margin: -15px -15px 0;
	width: 105%;
}

.redhighlight table{
	width: 100% !important;
	padding: 10px 0 0 0 !important;
}

.pollNav{
	width: 75% !important;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	list-style-type: none;
	text-align: center;
}

.pollNav input{ display: inline; }
.votes{
	background: #fff;
	padding: 5px 10px 25px 10px;
}

.gray{ color: #888; }
.bar{
	width: 100%;
	height: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	background: #eee;
	border: 1px #e5e5e5 solid;
}

.highest{
	width: 100%;
	height: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	background: #336699;
	display: block;
}

.highest_2{
	height: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	background: #336699;
	display: block;
}

.highest_3{
	width: 25%;
	height: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	background: #336699;
	display: block;
}

.messages{ color: #336699; }
.nomessages{
	text-align: center;
	background: #fff;
	padding: 15px;
	color: #888;
	margin: 30px 0 -28px -14px;
	font-size: 14px;
	width: 100%;
	display: block;
	border-top: 1px #ccc solid;
}

.termslabel{
	padding: 0 0 0 24px;
	font-size: 12px;
}

.customcheckbox, .customradio{ margin: 0 0 5px 0 !important; }
.customradio .ui-radio{
	border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
}

.captchaletters{
	display: block;
	margin: 15px 0 15px 0;
	content: " ";
}

.captchareload{ padding-left: 5px; }
.login_dialog{
	margin: 7px 0 0 5px;
	display: block;
	width: 45px;
}

/* css for lightbox image viewer */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* css for lightbox image display */
#lightbox img {
  width: 100%;
  height: 100%;
  *height: 95%;	
}
/* css for lightbox save button */
#light_save img {
  width: auto;
  height: auto; 
}

#light_close img {
  width: auto;
  height: auto;
}
#lightbox a img { border: none; }
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
 }
 
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 10px;
  float:left;
  *float:none; /* Set float value for IE browser */  
}

.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav { left: 0; }
.lb-nav a { outline: none; }
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

.lb-prev {
  left: 0;
  float: left;
}

.lb-next {
  right: 0;
  float: right;
}

.lb-prev:hover { background: url('../images/forum_mobile/prev.png') left 48% no-repeat; }
.lb-next:hover { background: url('../images/forum_mobile/next.png') right 48% no-repeat; }
.lb-dataContainer {
   background-color: white;
  margin: 0 auto;
  padding-top: 0px;
  *zoom: 1;
  width: 100%;
 
}
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data { color: #bbbbbb; }
.lb-data .lb-details {
  width: 65%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
  
}

.lb-data .lb-number {
  display: block;
  clear: left;
  font-size: 11px;
  padding-left:10px;
  font-weight:bold;
  
}

.lb-data .lb-close {
  margin-right:10px;
  float: right;
  padding-bottom: 0.5em;
  outline: none;
}

.lb-data .lb-save {
  margin-right:8px;
  float: right;
  outline: none;
}

.unread:before{
	background: url('../images/forum_mobile/bluecircle.png');
	display: block;
	float: left;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	content: "";
}

.lb-data .lb-close:hover { cursor: pointer; }
.forumrules-heading { margin-left: 38px !important }

#filesAdd, #profile_filesAdded, #attachment_list{
	padding: 0; 
	list-style: none; 
 	margin: 0px 0;
}
#filesAdd .file span,	#filesAdd .file a, #profile_filesAdded .file span,	#profile_filesAdded .file a , #attachment_list .file span,	#attachment_list .file a{
	padding: 0 5px;
	vertical-align: top
}
#uploadAvatar .file-invalid, #uploadProfile .file-invalid, #attachment_list .file-invalid  {
	cursor: pointer;
	color: #514721;
	padding-left: 48px;
	background: url(../images/js/uploader/error.png) no-repeat 24px 5px;	
	margin-bottom: 1px;
	list-style:none;
}
.file-invalid{
	text-align:left;
	margin-bottom:10px!important;
	padding-left:0px!important;
}
#uploadAvatar .file-invalid span, #uploadProfile .file-invalid span, #attachment_list .file-invalid span {
	background-color: #fff6bf;
	padding: 1px;
}
#uploadProfile{ height:30px;}
.progressText{
	text-align:center; 
	line-height: 10px; 
	font-size:10px
}
#attachment_list ul {
	list-style: none ;
	margin: 25px 0 0 0;
	padding: 0px;
}
#attachment_list li{	
	background-color: #E4EBF2;
	list-style: none ; 
	margin: 25px 0 0 0; 
	padding: 0px;
}

#attachment_list li{	
	background-color: #E4EBF2;
	border: 1px solid #D5DDE5;
	height: auto;
	margin-bottom: 10px;
	margin-top:0px;
	padding: 5px;
	position: relative;
	font-size:0.8em;
}

.attach{ line-height: 22px; }
.attachement_file-size{ color: #69727b; }
.attachment_file a{ 
	font-size: 12px;
	color: #2489CE;
	font-weight: bold;
	text-decoration: none;
	white-space: normal;
	text-overflow: ellipsis;
	max-width: 70%;
	display: inline-block;
	overflow: hidden;
}

#deleting_attachment{
	display: block;
	margin: 5px 0;
	font-size: 13px
}
/* This css is used to add inline images from attachment */
.thumb_holder{
	float: left;
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 0 !important;
}
/* This css is used with add inline images to post button and also for delete link */
.add_post_link{
	float: right;
	margin: -2px 5px 0 0;
	position:relative;
	bottom:3px;
}

#fileProgress a{
	font-weight: normal!important;
	text-decoration: none;
	float: right;
	clear: right;
	color: #2489CE;
}

/* This css is used for delete link in attachment lisitng */
.delete_attachment_link{
	display: inline-block;
	color: #AD2930;
	text-decoration: none;
	font-weight: bold;
}

#attachlist{ font-size: 14px; }
/* This class is used for attachment file */
.attachment_file {
	width: 100%;
	font-size: 12px;
	font-weight: normal;
}
/* This class is used for attachment file size */
.attachement_filesize {
	width: 100%;
	font-size: 9px;
	font-weight: normal;
	margin-left: 5px;
}
.loaderImage{
    content: " ";
    display: inline-block;
    background: url(../images/forum_mobile/loader.gif) no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 15px;
} 

/* Connect to FB */
.connectFb{
  margin-right: 5px;
  padding: 5px;
  border-right: 1px solid #304C92;
  text-shadow: 1px 2px #304C92;
} 

.shareFb{
	padding: 2px 0 0 2px;
	border-radius: 4px;
	color: #fff;
	text-shadow: 1px 2px #304C92;
}
#fb_login{
  max-width: 180px;
}
#fb_login, .shareFb{ background: #4c66a4; }
#fb_login .ui-btn-inner{ 
  text-align: left !important; 
  padding: 0 !important;
}

#fb_login .ui-btn-text{
  font-size: 13px;
  line-height: 25px;
  text-align: left;
}

.welcomeText{
  clear: right;
  width: 85%;
  margin: 0;
  font-size: 12px;
  text-align: left;
}

.center{ 
  text-align: center; 
  display: block; 
}

.red{ color: red; }

/* Put a border around prettyprinted code snippets. */
pre.prettyprint {
	padding: 5px;
	background: #F0F7F8;
	border: 1px solid #D0D8D8;
	overflow: auto;
	font-size: 11px;
	line-height: 140%;
	max-width: 100%;
	word-wrap: break-word;
}

.register_file {
  background-color: transparent;
  margin-left: 0;
  max-width:70%;
}

.register_file label{
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  max-width:100%;
  display: inline-block
}

.uploadCancelLink {
  font-size: 12px;
  margin: 3px !important;
}

#profile{ 
	position:absolute; 
	margin-bottom:20px; 
	height:20px;
	width:100%;
}

#mobileuploadProfile{ 
	margin-bottom:0px; 
	position:relative;
}

#termscheckbox{ 
	margin-top:0px;
}

.profile_menu{
	display: block;
	margin: 0;
	text-align: right;
	padding-right: 5px
}

.profile_menu_bottom{
	margin-top: .5em;
	clear: both;
	float: left;
}

.profile_menu a{ 
	margin: 0 5px 0 0;
}