@charset "utf-8";
/* CSS Document */
*:focus {
	outline: none;
}

html,body{
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background-color: #FFF;
	background-image: url(../images/bk.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	font-family: 'PT+Sans+Caption', Verdana, Arial;
/*	font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 14px;
}
body * {
	font-family: 'PT+Sans+Caption', Verdana, Arial;
}

textarea {resize: none}

input[type="text"] {
	background-color: #fff;
	border: 1px solid;
	border-left-color: #909090;
	border-top-color: #909090;
	border-right-color: #d3d3d3;
	border-bottom-color: #d3d3d3;
}
input[type="file"] {
	background-color: #fff;
	border: 1px solid;
	border-right-color: #909090;
	border-bottom-color: #909090;
	border-left-color: #d3d3d3;
	border-top-color: #d3d3d3;
}

input[type="text"][disabled], input[type="file"][disabled] {
	background-color: #ccc;
}

a {
	text-decoration: none;
	color: #333;
}

a:hover {
	color: #7bb4db;
}

.rejected {
	background-image: url(/images/logo_hbp.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: none;
	width: 100%;
	margin: 0 auto;
	height: auto !important;
	min-height: 100%;
}

.website {
	width: 1001px;
	position: relative;
/*	height: 100%;*/
	height: auto !important;
	margin: 0 auto;
	text-align: left;
/*	min-height: 500px;*/
	min-height: 100%;
	margin-bottom: -250px;
}
.header {
	width: 100%;
	height: 217px;
	overflow: hidden;
	background-image:url(../images/header_bk.png);
}
.header .logo {
	position: absolute;
	margin-top: 32px;
	margin-left: 46px;
	width: 164px;
	height: 139px;
	background-image: url(../images/logo_hbp.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
.header .menu {
	position: absolute;
	width: 427px;
	height: 40px;
	margin-left: 270px;
	margin-top: 27px;
	left: 1px;
}
.header .login_bk {
	position: absolute;
	margin-top: 35px;
	margin-left: 686px;
	width: 307px;
	height: 182px;
	background-image: url(../images/header_login_bk.png);
	background-repeat: no-repeat;
}
.header .steth {
	position: absolute;
	width: 190px;
	height: 87px;
	background-image: url(../images/header_steth.png);
	margin-left: 780px;
	margin-top: 17px;
}
.header #login {
	position: absolute;
	width: 280px;
	height: 150px;
	margin-left: 700px;
	margin-top: 46px;
	z-index: 100;
	color:#FFF;
}

.header #login .mylogin {
	height: 0px;
	overflow: hidden;
}
.header #login .mylogin form {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	height: 82px;
}
.header #login .mylogin input {
	font-size: 10px;
}
.header #login .myhbp form {
	margin: 0;
	padding: 0;
	height: auto;
}
.header #login .myhbp span#smile {
/*	margin-right: 8px;*/
}
.header #login .myhbp span#psm {
	width: auto;
	height: 16px;
}
.header #login .myhbp div.psm {
	width: 255px;
	margin-left: 5px;
	margin-right: 10px;
	padding-top: 5px;
}
.header #login .myhbp div.psm input#psm_text {
	width: 255px;
	font-size: 10px;
	height: 1.5em;
}

.header #login .myhbp form .login_name {
	font-size: 11px;
	margin-bottom: 15px;
	margin-left: 3px;
}
.header #login form div.next {
	margin-top: 6px;
}
.header #login form label {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}
.header #login form input {
	margin-top: -2px;
	border: 1px solid #00a8ff;
	width: 150px;
}
.header #login .myhbp form div#cpanel {
	position: absolute;
	margin-top: -56px;
	margin-left: 145px;
}
.header #login .myhbp form div#cpanel a {
	padding: 5px;
	text-align: center;
	font-size: 10px;
	text-transform: none;
}


/* CONTENT STYLES */
#contents {
	min-height: 98px;
}
#contents p {
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#contents div.content_bk_mid {
	width: 100% auto;
	margin-top: 0px;
	background-image:url(../images/content_bk_mid.png);
	background-repeat: repeat-y;
	overflow: visible;
}
#contents div.content_bk_mid div.content {
	position: relative;
	width: 100% auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	min-height: 98px;
}
#contents div.content_bk_dn {
	width: 100%;
	height: 27px;
	background-image:url(../images/content_bk_dn.png);
}
#contents div.footer_space {
	height: 270px;
}

#contents div.content_bk_mid div.content #sidebars {
	height: auto;
	width: 190px;
	float: left;
	overflow: hidden;
	margin-left: -6px;
	display: block;
	color: #FFF;
}
/* SIDEBAR BOX */
#contents div.content_bk_mid div.content #sidebars .sidebar_box {
	width: 100%;
	background-image: url(../images/ribbon_users.png);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 79px;
}
#contents div.content_bk_mid div.content #sidebars .sidebar_box #subcontent_admin,
#contents div.content_bk_mid div.content #sidebars .sidebar_box #subcontent_users,
#contents div.content_bk_mid div.content #sidebars .sidebar_box #subcontent_messages {
	overflow: hidden;
	position: absolute;
	width: 165px;
	height: 30px;
	padding-left: 11px;
	padding-right: 15px;
	z-index: 100;
	line-height: 15px;
}
#contents div.content_bk_mid div.content #sidebars .sidebar_box .box_footer {
	width: 100%;
	height: 34px;
	background-image: url(../images/leftbox_bk_dn.png);
	background-repeat: no-repeat;
	background-position: top left;
	z-index: 101;
}

/*
#contents div.content_bk_mid div.content #sidebars #users_head {
	background-image: url(../images/ribbon_users.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 100%;
	height: 79px;
}
#contents div.content_bk_mid div.content #sidebars #users {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}
#contents div.content_bk_mid div.content #sidebars #users_content {
	position: absolute;
	width: 165px;
	margin-left: -4px;
	height: auto;
	overflow:hidden;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 99999999;
	line-height: 15px;
}
*/

#contents div.content_bk_mid div.content #sidebars .counter {
	font-size:12px;
	line-height: 12px;
	margin-left: 5px;
}
#contents div.content_bk_mid div.content #sidebars .counter img {
	float: left;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin-right: 5px;
}
#contents div.content_bk_mid div.content #sidebars .userlist, .shoutbox_messages {
	min-height: 10px;
	overflow: hidden;
/*	margin-left:-4px;
	width: 165px;
*/
}
#contents div.content_bk_mid div.content #sidebars .psm, .shout_text {
/*	width: 150px;*/
	word-wrap: break-word;
	white-space: pre-line;
	color: #ccc;
	max-width: 158px;
	margin-left: 5px;
	line-height: 10px;
	
}
#contents div.content_bk_mid div.content #sidebars .user_line {
	padding-top: 4px;
	border-bottom: 1px solid #333333;
	padding-bottom: 4px;
	vertical-align: middle;
	font-size: 10px;
	background-color: #444;
	overflow-x: hidden;
	white-space: nowrap;
	cursor: default;
/*	width: 320px;*/
}
#contents div.content_bk_mid div.content #sidebars .user_line:hover {
	background-color: #555;
}
#contents div.content_bk_mid div.content #sidebars .user_line img {
	vertical-align: middle;
}
#contents div.content_bk_mid div.content #sidebars .user_line a, .next a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#contents div.content_bk_mid div.content #sidebars .user_line a:hover, .next a:hover {
	color: #7bb4db;
}

/* Offline messages */
/*
#contents div.content_bk_mid div.content #sidebars #msgs_head {
	background-image: url(../images/ribbon_messages.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 100%;
	height: 79px;
}
#contents div.content_bk_mid div.content #sidebars #msgs {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}
#contents div.content_bk_mid div.content #sidebars #msgs_content {
	position: absolute;
	width: 158px;
	height: auto;
	overflow:hidden;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 99999999;
}
*/
/* Admin Tools */
/*
#contents div.content_bk_mid div.content #sidebars #atools_head {
	background-image: url(../images/ribbon_tools.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 100%;
	height: 79px;
}
#contents div.content_bk_mid div.content #sidebars #atools {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}
#contents div.content_bk_mid div.content #sidebars #atools_content {
	position: absolute;
	width: 158px;
	height: auto;
	overflow:hidden;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 99999999;
}
*/
/* */
/*
div.fullbk {
	position: absolute;
	width: 190px;
	margin-left: -15px;
	z-index: 1;
}
div.fullbk img {
	border: 0;
	width: 190px;
	height: 100%;
}
#contents div.content_bk_mid div.content #sidebars .box_footer {
	width: 100%;
	height: 34px;
	background-image: url(../images/leftbox_bk_dn.png);
	background-repeat: no-repeat;
	background-position: top left;
	z-index: 2;
}
*/


#contents div.content_bk_mid div.content #pages {
	width: 795px;
/*	height: 0px;*/
	min-height: 0px;
	float: right;
	overflow: hidden;
/*	border: 1px #F00 solid;*/
}


.content_sizer {
	width: 100%;
	display: block;
	clear: both;
}

.sidebar_loading {
	margin-left: -4px;
}

/* BUTTONS */
.hbpButton {
	-moz-box-shadow:inset 0px 0px 8px 1px #8b8b8b;
	-webkit-box-shadow:inset 0px 0px 8px 1px #8b8b8b;
	box-shadow:inset 0px 0px 8px 1px #8b8b8b;
	background-color:#454545;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #333333;
	display:inline-block;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding:6px 16px;
	text-decoration:none;
	text-transform:uppercase;
	cursor: pointer;
}.hbpButton:hover {
	background-color:#3b3b3b;
	color:#ffffff;
}
.hbpButton:active {
	position:relative;
	top: 1px;
	color:#ffffff;
}

.hbpRedButton {
	-moz-box-shadow:inset 0px 0px 8px 1px #df7e7e;
	-webkit-box-shadow:inset 0px 0px 8px 1px #df7e7e;
	box-shadow:inset 0px 0px 8px 1px #df7e7e;
	background-color:#b92626;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #b42323;
	display:inline-block;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding:6px 16px;
	text-decoration:none;
	text-transform:uppercase;
	cursor: pointer;
}
.hbpRedButton:hover {
	background-color:#a62222;
	color:#ffffff;
}.hbpRedButton:active {
	position:relative;
	top:1px;
	color:#ffffff;
}

.hbpGreenButton {
	-moz-box-shadow:inset 0px 0px 8px 1px #7edf7e;
	-webkit-box-shadow:inset 0px 0px 8px 1px #7edf7e;
	box-shadow:inset 0px 0px 8px 1px #7edf7e;
	background-color:#26b926;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #23b423;
	display:inline-block;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding:6px 16px;
	text-decoration:none;
	text-transform:uppercase;
	cursor: pointer;
}
.hbpGreenButton:hover {
	background-color:#22a622;
	color:#ffffff;
}
.hbpGreenButton:active {
	position:relative;
	top:1px;
	color:#ffffff;
}

.hbpDisabledButton {
	-moz-box-shadow:inset 0px 0px 8px 1px #8b8b8b;
	-webkit-box-shadow:inset 0px 0px 8px 1px #8b8b8b;
	box-shadow:inset 0px 0px 8px 1px #8b8b8b;
	background-color:#454545;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #333333;
	display:inline-block;
	color:#999999;
	font-size:12px;
	font-weight:bold;
	padding:6px 16px;
	text-decoration:none;
	text-transform:uppercase;
	cursor: default;
}
.hbpDisabledButton:hover {
	background-color:#454545;
	color:#999999;
}
.hbpDisabledButton:active {
	position: relative;
	top: 0px;
	color:#999999;
}

.hbpSmallButton {
	-moz-box-shadow:inset 0px 0px 1px 1px #eee;
	-webkit-box-shadow:inset 0px 0px 1px 1px #eee;
	box-shadow:inset 0px 0px 1px 1px #eee;
	background-color:#bcbcbc;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #666;
	display:inline-block;
	color:#666;
	font-size:9px;
	font-weight:bold;
	padding:2px 5px;
	text-decoration:none;
	text-transform:uppercase;
	cursor: pointer;
}.hbpSmallButton:hover {
	background-color:#aaa;
	color:#333;
}.hbpSmallButton:active {
	position:relative;
	top:1px;
	color:#333;
}
.hbpSmallDisabledButton {
	-moz-box-shadow:inset 0px 0px 1px 1px #eee;
	-webkit-box-shadow:inset 0px 0px 1px 1px #eee;
	box-shadow:inset 0px 0px 1px 1px #eee;
	background-color:#bcbcbc;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #666;
	display:inline-block;
	font-size:9px;
	font-weight:bold;
	padding:2px 5px;
	text-decoration:none;
	text-transform:uppercase;
	color: #ccc;
	cursor: default;
}
.hbpSmallDisabledButton:hover {
	background-color: #bcbcbc;
	color:#ccc;
}
.hbpSmallDisabledButton:active {
	position: relative;
	top: 0px;
	color:#ccc;
}




.hbpDropDown {
	-moz-box-shadow:inset 0px 0px 8px 1px #8b8b8b;
	-webkit-box-shadow:inset 0px 0px 8px 1px #8b8b8b;
	box-shadow:inset 0px 0px 8px 1px #8b8b8b;
	background-color:#454545;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #333333;
	display:inline-block;
	color: #FFF;
	font-size:10px;
	font-weight:bold;
	padding:5px 18px 5px 3px;
	text-decoration:none;
	background-image: url(../images/droparrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
}
.hbpDropDown:hover {
	background-color:#3b3b3b;
}

div.dropmenu {
/*	display: none;*/
	min-width: 150px;
	overflow: hidden;
	position: absolute;
	border: 1px solid #333;
	background-color: #999;
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 12px;
	z-index: auto;
	white-space: nowrap;
}
div.dropmenu img {
	border: 0;
	margin-right: 5px;
}
div.dropmenu li {
	color: #fff;
	padding:2px 10px 2px 10px;
	display: block;
	cursor: pointer;
}
div.dropmenu li:hover {
	background-color: #333;
}
.more_down {
	border-bottom: 3px solid #333 !important;
	padding-bottom:0px;
	margin-bottom:0px;
}
.more_up {
	border-top: 3px solid #333 !important;
	padding-top: 0px;
	margin-top: 0px;
}


.hbpDropDownLight {
	background-color:#fff;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border:1px solid #bcbcbc;
	display:inline-block;
	color: #000;
	font-size:11px;
	font-weight:normal;
	padding:3px 18px 3px 2px;
	text-decoration:none;
	background-image: url(/images/droparrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	min-width: 8px;
	cursor: pointer;
}


/* FOOTER */
.footer {
	background-image: url(../images/footer.png);
	background-color: #bfbfbf;
	background-position: top;
	background-repeat: repeat-x;
	height: 250px;
	position: relative;
	left: 0px;
	right: 0px;
	margin: 0;
	padding: 0;
	min-width: 1001px;
}
.footer_content {
	width: 1001px;
	position: relative;
	height: auto !important;
	margin: 0 auto;
	text-align: left;
	color: #666;
	font-size: 12px;
}
.foot_rules, .foot_contact, .foot_donate {
	width: 242px;
	height: 96px;
	float: right;
	margin-top: 12px;
	background-repeat:no-repeat;
	cursor: pointer;
}
.foot_donate {
	background-image:url(../images/footer_box3.png);
}
.foot_contact {
	background-image:url(../images/footer_box1.png);
}
.foot_rules {
	background-image:url(../images/footer_box2.png);
}
.foot_protection1, .foot_protection2, .foot_protection3 {
	width: 84px;
	height: 90px;
	float: left;
	margin-top: 26px;
	background-repeat: no-repeat;
}
.foot_protection1 {
	background-image: url(../images/prot_1.png);
}
.foot_protection2 {
	background-image: url(../images/prot_2.png);
}
.foot_protection3 {
	background-image: url(../images/prot_3.png);
}
.protection_text, .protection_text1, .protection_text2, .protection_text3 {
/*	border: 1px solid #F00;*/
	clear:both;
	width: 100%;
	height: 60px;
	line-height: 14px;
	display: none;
}
.copyright {
	position: absolute;
	margin-left: 5px;
}


/* FONT TYPE */
.Normale {
	font-size:14px;
}

.piccolo {
	font-size:12px;
}

/* */
.myhbp {
	height: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 7px;
	overflow: hidden;
	font-size: 12px;
}
/*
.myhbp .state {
	float: left;
	margin-right: 1px;
	width: 20px;
	height: 20px;
	text-align: center;
	background-image: url(/images/small_panel.png);
}
.myhbp .state img {
	vertical-align: middle;
}
*/

/**/
#whatsnew {
	top: 127px;
	position: absolute;
	width: 282px;
	height: 26px;
	margin-top: 7px;
	margin-left: -4px;
	background-image: url(/images/whatsnew_dropdown.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align: center;
	font-size: 9px;
	color: #ccc;
	overflow: hidden;
	z-index: 20;
}
#whatsnew div.link {
	margin-top: 4px;
	text-decoration: none;
	text-transform: uppercase;
	color: #ccc;
	cursor: pointer;
}
#whatsnew div.link:hover {
	color: #7bb4db;
}
.whatsnew {
	position: absolute;
	overflow: hidden;
	height: 0px;
	width: 273px;
	margin-left: -3px;
	margin-top: 46px;
	background-color: #444;
	border: 1px solid #bc443e;
	padding-left: 5px;
	padding-top: 5px;
	z-index: 10;
	text-align: center;
}
.whatsnew div {
	font-size: 9px;
	color: #aaaaaa;
	width: 100%;
	text-align: left;
}
.whatsnew .whatsnew_info {
	border: 1px solid #666;
	width: 32px;
	height: 32px;
	float: left;
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
	margin-right: 5px;
	overflow: hidden;
	letter-spacing: .04em;
	margin-top: 3px;
	background-image: url(/images/box_lastvisit.jpg);
}
.whatsnew .whatsnew_info .whatsnew_info_icon {
	position: relative;
	height: 18px;
	width: 32px;
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 1px;
}
.whatsnew .whatsnew_info div {
	color: #CCCCCC;
	text-align: inherit;
/*	margin-top: 18px;*/
}

/**/
.loginloader {
	display: none;
	margin-top: 60px;
	text-align: center;
	width: 280px;
	font-size: 13px;
}
.pageloader {
	top:0px;
	position: absolute;
	text-align:center;
	padding-left: 128px;
	width: 852px;
	height: 25px;
	display: none;
	z-index:9999;
	margin-top: -1px;
}

/**/
.hbpAnnouncements {
	background-image: url(/images/bk_announcements.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
	min-height: 408px;
	line-height: 1.1em;
	padding-top: 110px;
}
.hbpAnnounceLeft {
	width: 560px;
/*	border: 1px solid #F00;*/
	float:left;
/*	margin-top: 110px; */
	padding-left: 25px;
}
.hbpAnnounceRight {
	width: 118px;
	float: right;
/*	margin-top: 110px; */
	margin-right: 10px;
	text-align: center;
	vertical-align: top;
	background-image: url(/images/calendar.png);
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 116px;
	color: #222;
}
.page {
	line-height: 1.1em;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	color: #222;
}

/**/
.calday {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	margin-top: 8px;
}
.calmonth {
	margin-top: 12px;
	margin-left: 7px;
	float: left;
	font-size: 11px;
}
.calyear {
	margin-top: 12px;
	margin-right: 7px;
	float: right;
	font-size: 11px;
}
.calnum {
	clear: both;
	font-size: 60px;
	margin-top: 50px;
	font-weight: bolder;
}

/* DROP-DOWN MENU */
.dropmenu {
	min-width: 50px;
	overflow: hidden;
	position: absolute;
	border: 1px solid #333;
	background-color: #999;
	padding-top: 10px;
	padding-bottom: 10px;
}
.dropmenu img {
	border: 0;
	margin-right: 5px;
}
.dropmenu span {
	color: #fff;
	padding:2px 10px 2px 10px;
/*	width: 100%;*/
	display: block;
	cursor: pointer;
}
.dropmenu span:hover {
	background-color: #333;
}

#alertnouser {
	display: none;
	background-image: url(/images/alert_bk.png);
	background-repeat: no-repeat;
	width: 260px;
	height: 118px;
	font-size: 12px;
	position: absolute;
	z-index: 9999;
	margin-left: -260px;
	margin-top: 45px;
	overflow: hidden;
}

#alertnouser .alertcontent {
	padding: 10px;
	padding-top: 10px;
	color: #444;
	width: 240px;
	height: 100px;
	line-height: 1.2em;
}

#alertnouser .alertcontent h1 {
	font-size: 18px;
	color: #444;
	text-transform: uppercase;
	margin:0;
	padding: 0;
	font-weight: 700;
	margin-bottom: 5px;
}

#alertnouser .alertcontent h1:first-letter {
	font-size: 24px;
}


.hbpPage_bk {
/*	background-image: none;*/
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	min-height: 408px;
	line-height: 1.1em;
	padding-top: 130px;
}

.cpanelbtns {
	position: absolute;
	width: 141px;
	height: auto;
	margin-left: 677px;
	margin-top: 10px;
	overflow: hidden;
}
.cpanelbtns div.tagicon {
	width: 22px;
	height: 22px;
	margin-left: -28px;
	margin-top: 13px;
	position:absolute;
	background-repeat: no-repeat;
}
.cpanelbtns div.tagbk {
	width: 87px;
	height: 40px;
	overflow: hidden;
	font-size: 10px;
	text-transform: none;
	padding-left: 38px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 15px;
	background-image: url(/images/toolbar_tag.png);
	background-repeat: no-repeat;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
.cpanelbtns div.tagbk {
	margin-top: -5px;
}
.cpanelbtns div.tagbk:first-child {
	margin-top: 0px;
}

/* BOX STYLES */
.box_page {
	background-image: url(/images/box_head.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 1px;
	margin-left: 10px;
	width: 644px;
	min-height: 65px;
	background-color: #444;
}

.box_page .box_title, .comment .box_title{
	width: 100%;
	height: 28px;
	padding-top: 5px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}
.box_page .box_title:first-letter {
	font-size: 25px;
}
.box_page .box_bar {
	height: 35px;
	padding-left: 10px;
	padding-right: 10px;
}

.box_page .box_content {
	font-size: 12px;
	margin-left: 1px;
	margin-top: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 642px;
	height: auto;
	background-color: #eee;
}

.box_page .box_table_cell {
	border: 0px;
	border-color: #ccc;
	border-style: solid;
	height: 40px;
	padding: 2px;
	display: block;
	vertical-align: middle;
	border-right-width: 1px;
	float: left;
	line-height: 10px;
}
.msg_line {
	cursor: default;
}
.msg_line:hover {
	background-image: url(/images/bk_selected.png);
	background-repeat: repeat !important;
}
.msg_line_selected {
	background-image: url(/images/bk_msgline_selected.png);
	background-repeat: repeat-x;
}
.msg_line_open {
	border-top: 1px solid #444;
}
.msg_text {
	font-size: 11px;
/*	display: none;*/
	overflow: hidden;
}
.msg_text .msg_content {
	background-image: url(/images/bk_arrow.png);
	background-repeat:no-repeat;
	background-position:49px top;
	height:100%;
}
.msg_text div.ctrls {
	margin-top: 20px;
	margin-bottom: 10px;
}
.msg_text .ctrls a {
}

.ctrl_page {
	font-size: 12px;
	float: right;
	padding-left: 25px; 
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 5px;
	margin-right: 5px;
	min-height: 22px;
	line-height: 20px;
	vertical-align: middle;
}

.box_menu {
	position: absolute;
	margin-left: -20px;
	margin-top: -15px;
}

.box_menu ul li {
	color: #fff;
	font-size: 11px;
	text-align: center;
	background-image: url(/images/button_tag1.png);
	background-repeat: no-repeat;
	background-position: top middle;
	width: 56px;
	height: 60px;
	list-style: none;
	float: left;
	overflow: hidden;
	padding: 5px;
	margin-right: 5px;
	cursor: pointer;
}
.box_menu ul li:hover {
	background-image: url(/images/button_tag1_on.png);
}
.box_menu ul li.active {
	background-image: url(/images/button_tag1_now.png);
	cursor: default;
}
.box_menu ul li.active:hover {
	background-image: url(/images/button_tag1_now.png);
}

.box_menu ul li.big {
	height: 78px;
	background-image: url(/images/button_tag2.png);
	line-height: 12px;
}
.box_menu ul li.big:hover {
	background-image: url(/images/button_tag2_on.png);
}
.box_menu ul li.big.active {
	background-image: url(/images/button_tag2_active.png);
	cursor: default;
}
.box_menu ul li.big img {
	margin-bottom: 5px;
}


.ctrls_msg {
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 15px;
	width: auto;
	height: 20px;
	padding-left: 75px;
}

img.wait {
	vertical-align: middle;
}

/* EFFECTS AND GROWLS */
.ui-effects-transfer { border: 2px solid #666; }

.blockMsg {
	padding: 10px !important;
	min-height: 71px;
}
.blockMsg div#question {
	padding-left: 35px;
}
.blockMsg h1 {
	font-family: 'Open Sans', Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
}
.blockMsg a {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	min-width: 50px;
}

.blockMsg div#question ul {
	margin: 0px;
	padding-left: 15px;
}

div#usersearch {
	display: none;
	position: absolute;
	width: auto;
	height: auto;
	border: 1px solid #444;
	border-top: 0px;
	z-index: 999999999;
	background-color:#999999;
	overflow: hidden;
	font-size: 11px;
}
div#usersearch div span {
	color: #FFF;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	height: 18px;
	display: block;
	cursor: pointer;
}
div#usersearch div span:hover {
	background-color:#3b3b3b;
}

div#ab_newmsg, div#ab_newmsg input {
	font-size: 11px;
}

.tbl_info tr td {
	font-size: 11px;
}
.tbl_info tr td input {
	font-size: 11px;
	padding: 2px;
	padding-top: 0px;
	min-height: 18px;
}
.mandatory {
	border-width: 1px !important;
	border-left: 2px solid #b63f3b !important;
}
.tbl_info tr td.info {
	font-size: 9px;
	background-image: url(/images/info.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	vertical-align: middle;
}

.little {
	font-size: 9px;
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
	width: auto;
	line-height: 10px;
}

div.info {
	margin-left: 5px;
	font-size: 11px;
}
.mandatory_example {
	width: 10px;
	height: 10px;
	border: 1px inset #ccc;
	border-left: 2px solid #b63f3b;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #fff;
}

#upload_progress {
	margin-top: 3px;
	width: 330px;
	height: 25px;
}

.gallerythumbs, .gallerythumbs_profile {
	overflow: hidden;
	min-height: 30px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
}
.gallerythumbs div.thumb {
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}
.gallerythumbs_profile div.thumb {
	width: 120px;
	height: 120px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}
.caroufredsel_wrapper, .gallery_profile_wrapper {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-left: 34px !important;
	padding-bottom: 20px;
	background-image: url(/images/bk_msg_text.png);
}
.gallery_profile_wrapper {
	margin-left: 0px !important;
}
a.gal_prev, a.gal_next {
	background: url(/images/gallery/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	margin-top: -140px;
	display: none;
}
a.gal_prev {
	margin-left: -11px;
	background-position: 0 0;
}
a.gal_prev:hover {		background-position: 0 -50px; }
a.gal_prev.disabled {	background-position: 0 -100px !important;  }
a.gal_next {
	margin-left: 588px;
	background-position: -50px 0;
}
#gallery_profile a.gal_next {
	margin-left: 575px;
	margin-top: -228px
}
#gallery_profile a.gal_prev {
	margin-left: 530px;
	margin-top: -228px
}
a.gal_next:hover {		background-position: -50px -50px; }
a.gal_next.disabled {	background-position: -50px -100px !important;  }
a.gal_prev.disabled, a.gal_next.disabled {
	cursor: default;
}
a.gal_prev span, a.gal_next span {
	display: none;
}
.gal_pagination {
	text-align: center;
	margin-top: -20px;
	position: absolute;
	width: 622px;
	display: none;
}
.gal_pagination a {
	background: url(/images/gallery/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.gal_pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.gal_pagination a span {
	display: none;
}

.thumb_vis {
}

div.thumb .btnDelImg, div.thumb .btnEdtImg {
	cursor: pointer;
}

div.thumb .galimgtext {
	background-image: url(/images/bk_text.png);
	padding: 2px;
	display: none;
	font-family: 'Open Sans', Verdana, Arial;
	font-size: 11px;
	height: auto;
	position: absolute;
	overflow-x: hidden;
	clear: both;
	width: 146px;
	word-wrap: break-word;
	color: #fff;
	line-height: 12px;
}
.gallerythumbs_profile div.thumb .galimgtext {
	width: 116px;
}
div.thumb .galimgedit {
	clear: both;
	position: absolute;
}
div.thumb .galimgedit textarea {
	width: 146px;
	height: 120px;
	font-family: 'Open Sans', Verdana, Arial;
	font-size: 11px;
	line-height: 12px;
	overflow: hidden;
	border: 0;
	padding: 2px;
}
div.thumb .galimgedit div {
	width: 146px;
	margin: 0px;
	padding: 2px;
	height: 26px;
	border: 0px;
	border-top: 1px solid #ccc;
	background-color: #fff;
	text-align: center;
}

.advanced textarea {
	font-family: 'Open Sans', Verdana, Arial;
	font-size: 11px;
	line-height: 14px;
}
.advanced .hr input {
	text-align: right;
}
.ckp input[type="checkbox"] {
	width:20px;
	height:20px;
	vertical-align: middle;
	display: inline-block;
}

.profile_contacts div.little {
	overflow-x: hidden;
	margin-bottom: 3px;
}

.profile_icon {
	background-image: url(/images/prof_icon1.png);
	background-repeat: no-repeat;
	height: 43px;
	width: 36px;
	position: absolute;
}
.profile_info {
	padding-left: 40px;
	background-image: url(/images/prof_bkinfo.png);
	background-repeat: repeat-y;
	padding-bottom: 10px;
	overflow-x: hidden;
	overflow-y: visible;
	height: auto;
	word-wrap: break-word;
}

.button_tags {
	position: absolute;
	width: 785px;
	height: 88px;
	margin-top: -1px;
	overflow: hidden;
}
.button_tag {
	float: right;
	width: 66px;
	height: 88px;
	background-image: url(/forum/forum_images/button_tag1.png);
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
	cursor: pointer;
}
.button_tag .text {
	width: 60px;
	margin-left: 3px;
	text-align: center;
	padding-top: 45px;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: center top+5px;
	line-height: 9px;
}

.files_right {
	width: 118px;
	float: right;
	margin-right: 10px;
	text-align: center;
	vertical-align: top;
	background-image: url(/images/calendar1.png);
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 116px;
	color: #222;
}

.files_right .file_date {
	margin-top: 4px;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	color: #fff;
}

.files_right .file_view {
	margin-left: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	width: 45px;
	height: 28px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.file_left {
	color: #333;
	float: right;
	margin-right: 10px;
	background-color: #eee;
	background-image: url(/images/prof_bkinfo.png);
	background-repeat: repeat-y;
	width: 650px;
	min-height: 115px;
	border: 1px solid #333;
}

.file_title {
	background-repeat: no-repeat;
	background-position: top left;
	height: 43px;
	width: 510px;
	padding-left: 45px;
	overflow: hidden;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 13px;
}
.file_title:first-letter {
	font-size: 16px;
}

.file_left .file_controls {
	background-image: url(/images/bk_filectrl.png);
	width: 45px;
	height: 41px;
	position:absolute;
	text-align: center;
	cursor: pointer;
}

.file_left .file_desc {
	width: 500px;
	padding-left: 45px;
	font-size: 12px;
	font-weight: normal;
	line-height: 13px;
	height: 41px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
	word-wrap: break-word;
}

.file_left .file_statusbar {
	background-color: #a2a2a2;
	height: 20px;
	width: 627px;
	border-top: 1px solid #444;
	margin-left: 23px;
/*	margin-top: 5px;*/
}
.file_left .file_comments {
	width: 627px;
	max-width: 627px;
	margin-left: 23px;
/*	margin-top: 10px;
	padding-bottom: 5px;*/
	height: 0px;
}
.file_left .file_comments .comment {
	border-top: 1px solid #444;
	padding-left: 20px;
	font-size: 12px;
	padding-bottom: 5px;
	background-image: url(/images/bk_comments.png);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #a2a2a2;
	color: #fff;
}
.file_left .file_comments .comment img {
	vertical-align: middle;
}
.file_left .file_comments .new_comment {
	display: none;
	height: 0px;
	overflow:hidden;
	border-top: 1px solid #444;
	padding-left: 20px;
	font-size: 12px;
	padding-bottom: 5px;
	background-image: url(/images/bk_comments.png);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #a2a2a2;
	color: #fff;
}
.file_left .file_comments .new_comment textarea {
	font-family: 'Open Sans', Verdana, Arial;
	font-size: 11px;
	line-height: 14px;
}

.file_left .file_statusbar .file_info {
	height: 20px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #444;
	line-height: 20px;
	vertical-align: middle;
	font-size: 11px;
	color: #fff;
}
.file_left .file_statusbar .file_info .file_info_comments {
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	width: 410px;
	overflow: hidden;
	cursor: pointer;
}
.file_left .file_statusbar .file_info .file_info_comments_dis {
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	width: 410px;
	overflow: hidden;
	color: #ccc;
}

.file_nyro_footer {
	position: absolute;
	width: 100%;
	height: auto;
	background-image: url(/images/bk_nyrodesc.png);
	overflow: hidden;
	bottom: 0px;
	border-top: 1px solid #000;
}
.file_nyro_footer div#file_desc {
	font-size: 12px;
	line-height: 13px;
	padding: 5px;
	padding-bottom: 0px;
	color: #fff;
}
.file_nyro_footer div#file_fullscr {
	width: 14px;
	height: 12px;
	background-image: url(/images/btn_fullscreen.png);
	right: 5px;
	top: 5px;
	position: absolute;
	cursor: pointer;
}

.files_readmore {
	position: absolute;
	width: 16px;
	height: 16px;
	margin-top: -22px;
	margin-left: 26px;
	background-image: url(/images/read_more.png);
}

.up_tags {
	padding: 1px;
	border: 1px solid #ccc;
	margin-right: 5px;
	color: #333;
	cursor: pointer;
	background-color: #fff;
}
.up_tags:hover {
	background-color: #eeeebb;
}
.up_tag_on {
	background-color: #ccffcc;
}
.up_tag_on:hover {
	background-color: #bbffbb;
}

.audioplayer {
	width: 100%;
	height: auto;
}

.nyroModalLink {
	background-color: #000;
}

.audio_wave {
	width: 450px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: top center;
}

.audio_wave .wave_pointer {
	width: 1px;
	height: 100px;
	background-image: url(/images/wave_index.png);
	background-repeat: repeat-x;
	background-position: middle left;
}

.videoplayer {
	width: 854px;
	height: 500px;
}

.videoplayer .mejs-mediaelement {
	text-align: center;
}

div.hbp_msgSignature {
	font-size: 12px;
	background-color: #fff;
	width: 624px;
	max-height: 150px;
	text-align: left;
	padding: 3px;

	border: 2px solid #36a3ec;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.gender_items {
	min-height: 30px;
	vertical-align: middle;
	line-height: 30px;
}

.lilike {
	background-image: url(/images/warn1.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	min-height: 16px;
}

.shout_user {
	padding-left: 3px;
	padding-right: 3px;
	overflow: hidden;
}




 /***********/
/* WINDOWS */
.window {
	z-index: 10;
	position: absolute;
	display: block;
	background: url(../images/windows/lines.png) 0px -100px;
	background-color: #a5bfda;
	overflow: hidden;
	-moz-border-radius: 10px;
 	border-radius: 10px;
}
.window .table-tl {
	min-width: 9px;
	background: url(../images/windows/tl.png);
	height: 9px;
}
.window .table-tm {
	background: url(../images/windows/tm.png);
}
.window .table-tr {
	min-width: 9px;
	background: url(../images/windows/tr.png);
	height: 9px;
}
.window .table-rm {
	background: url(../images/windows/rm.png);
}
.window .table-bl {
	width: 9px;
	background: url(../images/windows/bl.png);
	height: 9px;
}
.window .table-bm {
	background: url(../images/windows/bm.png);
}
.window .table-br {
	width: 9px;
	background: url(../images/windows/br.png);
	height: 9px;
}
.window .table-lm {
	background: url(../images/windows/lm.png);
}
.window .table-mm {
	background: url(../images/windows/mm.png);
	vertical-align: top;
}
.window .table-mm-container {
	border-bottom: #b0c6e4 1px solid;
	border-left: #b0c6e4 1px solid;
	margin-top: 20px;
	border-top: #b0c6e4 1px solid;
	border-right: #b0c6e4 1px solid;
}
.window .title {
	position: absolute;
	margin: 0px 0px 0px 5px;
	padding-right: 5px;
	font-family: arial;
	color: #333;
	font-size: 14px;
	cursor: default;
	left: 5px;
	text-shadow: #fff 0px 0px 5px;
	font-weight: bold;
	width: 90%;
	text-align: left;
}
.window .table-mm-content {
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	padding-bottom: 5px;
	background-color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	font-family: arial;
	overflow: auto;
	border-top: #000 1px solid;
	border-right: #000 1px solid;
	padding-top: 5px;
}
.buttons {
	position: relative;
	float: right;
	top: -6px;
}
.buttons A {
	cursor: default;
	text-decoration: none;
}
.window .buttons .win-max-btn {
	width: 26px;
	display: block;
	background: url(../images/windows/btn-max.png);
	float: left;
	height: 19px;
}
.window .buttons .win-close-btn {
	width: 46px;
	display: block;
	background: url(../images/windows/btn-close.png);
	float: left;
	height: 19px;
}
.window .buttons .win-btn-leftedge {
	width: 2px;
	background: url(../images/windows/left.png);
	float: left;
	height: 19px;
}
.window .buttons .win-btn-rightedge {
	width: 2px;
	background: url(../images/windows/right.png);
	float: left;
	height: 19px;
}
.window .buttons .win-max-btn:hover {
	background: url(../images/windows/btn-max-hover.png);
}
.window .buttons .win-close-btn:hover {
	background: url(../images/windows/btn-close-hover.png);
}
/**/
.window .scroll_dn {
	width: 9px;
	height: 16px;
	position: absolute;
	bottom: 13px;
	right: 13px;
}
.window .scroll_up {
	width: 9px;
	height: 16px;
	position: absolute;
	top: 43px;
	right: 13px;
}
/**/
.thin-window {
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
}
.thin-window .table-tl, .thin-window .table-tr {
	width: 1px !important;
	min-width: 1px !important;
	background-image: url("../images/windows/lm.png") !important;
}
.thin-window .table-tr {
	background-image: url("../images/windows/rm.png") !important;
	background-position: top right;
}
.thin-window .table-bl, .thin-window .table-br {
	width: 1px !important;
	height: 1px !important;
	background: none !important;
}
.thin-window .table-lm {
	background-position: top left !important;
}
.thin-window .table-rm {
	background-position: top right !important;
}
.thin-window .table-bm {
	background-position: bottom left !important;
}

#jr_inner {
	background-image: url(/images/hbp_logo_small.png);
	background-position: 10px 20px;
	background-repeat: no-repeat;
	padding-left: 120px;
}

#jr_inner ul {
	margin-top: 10px;
}

.admin_title {
	height: 43px;
	width: 510px;
	padding-left: 45px;
	overflow: hidden;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 13px;
}
.admin_title:first-letter {
	font-size: 23px;
}