body {
    color: #000000;
    background-color: #FFAE5D;
    background-image: url(/images/bobhead-gradiaent.gif);
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

body#up {
    background: #FFFFFF;
    padding:0;
}

#wrapper {
    width:98%;
    min-width:978px;
    padding: 0 0;
    margin:0 auto;
}

#header {
    position:absolute; 
    top:0; 
    left:0; 
    width:98%;    
    margin:0;
    padding:0;
}

#header table.header {
    margin: 0 6px;
}

#sidebar {
    position:absolute; 
    left:6px; 
    top:141px;
    width:220px;
    overflow-x:hidden;
    z-index: 0;
}

#content {
    min-height: 400px;
}

#main table.content {
}

#main > .content {
    margin-left:220px; 
    margin-top: 133px;    

	border-radius: 5px;
	padding: 8px 12px;
	background-color: #fff;
}

/* Contribution page wrappers */
#contri #main {
    margin-top: 31px;    
}

#contri #header {
    top:0; 
    left:0; 
    padding: 0 1%;
    width:98%;
}

#contri #materials .thumb_list {
    min-height: 354px;
}

#contri #banners {
    margin-top: 8px;
}

/* */

h1 {
    font-weight: bold;
    font-size: 14px;
    color: #FF0000;
    padding: 0;
    margin: 3px 0 6px;
}

.title_container h1 {
    margin: 6px 0 6px;
}

body#up h1 {
    display: block;
    margin: 20px 0 0;
}

h1.title {
    font-size: 18px;
    display: block;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

h2 {
    font-size: 12px;
    font-weight: bold;
    color: #F97B31;
    padding: 6px 0;
    margin: 0;
}

p {
	margin: 4px 0 8px 0;
	line-height: 150%;
}

td {
    font-size: 12px;
	color: #000000;
	line-height: 150%;
}

a {
	font-size: 12px;
	color: #000000;
}

a:hover {
	text-decoration: none;
}

img {
    border:none;
}

a.bl {
	color: #0000FF;
}

.bk {
    color: #000000;
}

a.bk {
	color: #000000;
}

a:visited.c {
    color: #840084;
}

.thsub {
    color: #444444;   
}

.clist a {
	color: #000000;
    text-decoration:none;
}

.clist a:visited {
	color: #888888;
}

.clist span.ul {
    text-decoration: underline;
}

.clist span.ul:hover {
    text-decoration: none;
}

.best_list a, .certified_list a {
    text-decoration: none;
    color: #000000;
}

.best_list a:hover, .certified_list a:hover {
    text-decoration: underline;
    color: #000000;
}
    
a.db {
	color: #000000;
	text-decoration: none;
}

#content h2 {
    font-weight: bold;
    color: #F97B31;
    padding: 6px 0;
    margin: 0;
}

.hdr {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;
    text-decoration: none;
}

p.dsc {
	margin: 0 0 6px 0;
	line-height: 120%;
}

#sidebar .mobi {
    text-align:center;
    margin: 2px 0;
    line-height: 240%;
}
#sidebar .mobi a {
    color: #000080;
    text-decoration:none;
}

#bobhead { float: right; padding: 0 12px; margin-right: 165px; overflow: hidden; }
#bobhead .outer { position:absolute; width:0; height:0; }
#bobhead .inner { position:relative; top:-133px; }
#bobhead img { margin: 0; z-index:99; }

#head_welcome {
    position:absolute;
    width:70%;
    right: 0;
    top: 20px;
}

#head_welcome strong {
    display: block;
    font-size:12px;
    font-weight: normal;
    float:right;
    line-height:120%;
    text-align:left;
    padding:6px 190px 6px 10px;
    color: #000000;
    margin:0;
}

#page_title {
    text-align:center;
    font-weight: bold;
    font-size: 14px;
    color: #ff0000;
    padding-top: .5em;
}

.edit {
	font-size: 12px;
	color: #111111;
}

.txtedit {
	font-size: 12px;
	color: #111111;
	width: 100%;
}

.areaedit {
	font-size: 12px;
	color: #111111;
	width: 100%;
	height: 100px;
}

.ytext {
	font-size: 12px;
	height: 40px;
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(/images/corner/tabs/middle.gif);
    background-repeat: repeat-x;
	color: #FF0000;
}

.rn,.spr span {
    color: #ff0000;
    line-height: 150%;
}

.important {
    color: #ff0000;
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 11px;
}

.ra {
	background-color: #ffffff;
	color: #000000;
}

.rob {
	background-color: #99ccff;
	color: #ff0000;
}

.rab {
	background-color: #ffffff;
    color: #000000;
}

.red {
	color: #FF0000;
}

.warn {
    color: #FF7931;
}

.rb {
	color: #800000;
	line-height: 24px;
}

.pn {
	color: #CC0000;
    font-size: 13px;
}

.mt {
    background-color: #ffffff;
    color: #ff0000;
    font-weight: bold;
}

.mtt {
	color: #000000;
}

div.ml {
    padding:16px 6px 4px 0;
}

div.ml a {

	color: #000000;
    font-weight: bold;
	line-height: 21px;
    white-space: nowrap;
}

div.ml a.red {
    color: #FF0000;
}

.ml2 {
	background-color: #99ccff;
	color: #000000;
	line-height: 18px;
}

.mr {
	color: #990000;
	line-height: 18px;
}

.mrw {
	color: #990000;
	line-height: 18px;
}

.tht {
	color: #000000;
}

.thn {
	color: #000000;
    font-size: 11px;
}

.wn {
	background-color: #000000;
	color: #ffffff;
    font-size: 13px;
}

.wn_a {
	background-color: #000000;
	color: #ffffff;
}

.bb {
	color: #99ccff;
    font-size: 13px;
}

.yb {
	color: #ffff00;
    font-size: 13px;
}

.yn_a {
	color: #ffff00;
}

.text {
	background-color: #ffffff;
	color: #000000;
}

.textb {
    font-weight: bold;
	background-color: #ffffff;
	color: #000000;
}

.note {
	font-size: 12px;
	background-color: #ffffff;
	color: #000000;
}

.trow {
	background-color: #ffffff;
	color: #000000;
}

.btext {
	color: #000000;
}

.t_desc_header {
	color: #000000;
	text-align: right;
}

.t_desc_row {
	color: #000000;
	background-color: #ffffff;
	vertical-align: top;
	text-align: left;
}

.t_desc_row a {
}

.rtext {
    color: #ff0000;
}

.rtext2 {
    font-size: 14px;
    color: #ff0000;
}

.cm {
    color: #FFFFFF;
}

.cm2 {
    color: #000000;
}

.small {
	font-size: 10px;
	color: #000000;
}

.simple {
	color: #111111;
}

.archive_title {
    font-size: 12px;
    height: 40px;
    width: 100%;
    background-color: #FFFFFF;
    background-image: url(/images/corner/tabs/middle.gif);
    background-repeat: repeat-x;
    color: #FF0000;
}

.error {
    font-weight: bold;
	color: #F97B31;
}

.msg {
	color: #ff0000;
	line-height: 170%;
}

.msg a {
    font-weight: bold;
}

.err {
	background-color: #FFFFAD;
	color: #F97B31;
	padding: 0 6px;
	margin: 4px 0;
	line-height: 170%;
}

.err a {

}

.progress_area {
	background-color: #FFAE5A;
	border: 1px solid #FF6900;
    font-weight: bold;
	text-align: left;
	width: 250px;
	padding: 8px;
}

.red8 {
	color: #800000;
}

.white {

	color: #ffffff;
}

.yellow {
	color: #cccc00;
}

.blue8 {
	background-color: #99ccff;
	color: #000000;
}

div.artop a, #forum_list a {
    color: #000000;
	font-size: 11px;
	line-height: 16px;
	text-decoration: underline;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow: hidden;
    width:220px;
    display:block;
    margin:0;
    padding:0;
}

div.artop a:hover, #forum_list a:hover {
    text-decoration: none;
}

/* Forum posts at user profile */
.forum_message { float:left; text-align:left; width:48%; padding:0 1% 14px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.forum_message .time { font-size:10px; }
/* */

div.flv {
	position: absolute;
	z-index: 25;
	display: inline;
	width: 0;
	height: 0;
	padding: 0;
	margin-left: -4px;
}

div.clist {
	line-height: 140%;
    padding: 0;
}

input.login {
	border: 1px solid #999999;
	color: #000033;
}

input.bbtn {
    border: 1px solid #F97B31 !important;
	background-color: #FFFFFF;
	color: #F97B31;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	padding: 2px 6px;
}

input.bbtn:hover, a.btn:hover {
	color: #000000;
}

input.bbtn:disabled {
    border: 1px solid #999999 !important;
    color: #999999;
}

a.ar {
	color: white;
}

a.cmm {
}

a.cmmcur {
	font-weight: bold;
	text-decoration: none;
}

a.inbox_new {
	font-weight: bold;
}

input.abtn {
	width: 310px;
	height: 45px;
	border: none;
    font-weight: bold;
    font-size: 16px;
	color: #990000;
	background: url('/images/cherry/join1_0.jpg') no-repeat;
}

input.abtn:hover {
	color: #FF0000;
	cursor: pointer;
	background: url('/images/cherry/join1_1.jpg') no-repeat;
}

input.abtn2 {
	width: 201px;
	height: 45px;
	border: none;
    font-weight: bold;
    font-size: 16px;
	color: #990000;
	background: url('/images/cherry/join2_0.jpg') no-repeat;
}

input.abtn2:hover {
	color: #FF0000;
	cursor: pointer;
	background: url('/images/cherry/join2_1.jpg') no-repeat;
}

span.rf {
    font-size: 8px;
	color: #FF0000;
}

span.link {
	cursor: pointer;
    color: #000000;
	text-decoration: underline;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none; 
}
span.link:hover { text-decoration: none; }

span.link_colored {
    cursor: pointer;
    color: #F97B31;
    text-decoration: underline;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none; 
}
span.link_colored:hover { text-decoration: none; }
    
.msgown {
	color: #990099;
}

.msg_unread {
	font-weight: bold;
}

.hlrow {
    background-color: #FFFFFF;
}

.hlrow:hover {
    background-color: #F5F5F5;
}

td.msg_caption {
	font-weight: bold;
    background-color: #FFD080;
}

td.msg_text {
    background-color: #FFFCD8;
}

table.list{
    border: solid 1px #FFAE5D;
}
table.list th{
    text-align: center;
    font-weight: bold;
    background-color: #FFAE5D;
}
table.list tr{
    background-color: #FFFFFF;
}
table.list tr:hover{
    background-color: #FFD35D;
}
table.list td{
    text-align: left;
    cursor: pointer;
}
table.list td a{
    text-decoration: none;
    color: inherit;
}
table.list .row_unread {
    font-weight: bold;
}

table.payment td {
    text-align:center;
}

.iform input,.iform textarea,.iform select {
	border: 1px solid #999999;
}

.iform input.bbtn {
    border: 1px solid #F97B31;
}

#arch h1 {
	background-color: transparent;
	color: #CC0000;
	margin: 18px 0;
	display: block;
}

#arch h2 {
    font-weight: bold;
    color: #FF0000;
    padding: 6px 0;
    margin: 0;
}

.adt {
	font-weight: bold;
	padding: 8px 0 4px;
}

.adt span {
	color: #CC0000;
}

.ym {
    font-weight: bold;
	color: #000000;
	background-color: #F97B31;
	padding: 1px 6px;
	display: block;
	cursor: pointer;
	border-bottom: 1px solid #7C3D18;
    width: 176px;
}

.ym:hover {
	background-color: #FFDEAD;
	color: #404040;
}

div.yms table {
	border: 1px solid #000000;
    float:left;
}

div.yms table td {
	white-space: nowrap;
    width: 188px;
	height: 18px;
	line-height: 100%;
}

div.yms table tr:hover {
	background-color: #FFD160;
}

div.yms a {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}

tr.mr {
	background-color: #FFFFFF;
	cursor: pointer;
}

tr.mrcur {
	background-color: #FFD160;
	cursor: pointer;
}

td.common-corner {
    background-color: transparent;
    width:8px;
    height:8px;
    font-size: 0;
    line-height: 100%;
}

table.index {
    width: 100%;
}

td.index h1 {
	display: block;
	color: #000000;
	background-color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
}

.index h2 {
    padding: 6px;
}

td.index a {
	margin: 10px;
}

.index img {
	margin: 0;
	border: none;
}

.index .chatroom .snapshot-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 700px;
}

.index .chatroom .big-link {
    font-size: 16px;
    min-height: 80px;
    display: flex;
    align-items: center;
}

.index .chatroom .snapshot-list .snapshot  {
	margin: 10px 16px 16px;
	position: relative;
}
.index .chatroom .snapshot-list .snapshot a {
	width: 200px;
	height: 150px;
	display: block;
	background-size: contain;
}

.index .chatroom .snapshot-list .snapshot a p {
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	width: 100%;
}
.index .chatroom .snapshot-list .snapshot a:hover p {
	display: block;
}

.index .chatroom .snapshot-list .snapshot a p span {
	color: #fff;
	text-shadow: -1px 0 #666, 0 1px #666, 1px 0 #666, 0 -1px #666;
	font-weight: bold;
	text-align: center;
	display: block;
	text-transform: uppercase;
}
.index .chatroom .snapshot-list .snapshot a p small {
	color: #fff;
	font-size: 10px;
	display: block;
	margin: 20px auto;
	text-align: center;
	opacity: 0.5;
	line-height: 110%;
}

table.index-block {
	background-color: #FFFFFF;
	margin: 14px 6px;
    width: 99%;
}

caption {
    text-align: left;
    font-weight: bold;
    color: #F97B31;
    padding-bottom: 2px;
}

.caption {
    display: block;
    text-align: left;
    font-weight: bold;
    color: #F97B31;
    margin: 0 10px 8px 8px;
}

.caption a {
    color: #F97B31;
}

.caption .note {
    color: #333333;
    font-size: 11px;
    font-weight: normal;
}

#labeller .caption {
    text-align: center;
    margin-bottom: 1em;
}

span.caption {
    font-weight: normal;
}

img.corner {
	margin: 0;
	border: 0;
    display: block;
}

table.photo {
    width:700px;
}

td.title_container {
    width:100%;
}

td.under-corner {
    height:22px;
}

table.photo td{
	color: black;
	text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 16px;
}

table.photo img {
    margin-bottom: 2px;
	border: 0px;
	max-height: 150px;
	max-width: 200px;
}

table.photo .desc {
    margin:0;
    line-height: 120%;
}

img.flag {
	margin-left: 40px;
	vertical-align: middle;
}

img.anchor {
    cursor: pointer;
}

td.index-block-left {
	font-size: 1pt;
	border-left: #99CCFF solid 1px;
}

td.common-block {
    font-size: 1pt;
    height: 8px;
    color: white;
    width: 100%;
}

td.index-block-right {
    font-size: 1pt;
    border-right: #99CCFF solid 1px;
}

td.index-block-top {
    font-size: 1pt;
    width: 100%;
    border-top: #99CCFF solid 1px;
}

td.index-block-right {
	font-size: 1pt;
	border-right: #99CCFF solid 1px;
}

td.index-block-bottom {
	font-size: 1pt;
	width: 100%;
	border-bottom: #99CCFF solid 1px;
}

td.login-block-left {
    font-size: 1pt;
    border-left: #999999  solid 1px;
}

td.login-block-top {
    font-size: 1pt;
    width: 100%;
    border-top: #999999  solid 1px;
}

td.login-block-right {
    font-size: 1pt;
    border-right: #999999  solid 1px;
}

td.login-block-bottom {
    font-size: 1pt;
    width: 100%;
    border-bottom: #999999  solid 1px;
}

#login-conteiner {
	width: 410px;
	height: 128px;
}
#login-conteiner caption {
	font-size: 15px;
    font-weight: bold;
    color: #FF0000;
    margin-bottom: 1em;
}

#login-conteiner td {
    color: #000000;
}

#upload_form input {

}

#upload_form table td {
    padding-right: 10px;
}

.album caption {
    margin-top: 1.6em;
}

.profileBlock .thfr {
    float:left;
	padding: 0;
	margin: 7px;
}

div.thfr.profiles {
	padding: 5px;
}

.profileBlock table {
    width:144px;
    height:142px;
    margin:4px;
    float:left;
}

.profileBlock table p {
    padding:0 0 2px;
    margin:0;
}

.profileBlock table a, .profileBlock table small {
    color: #000000;
    text-decoration: none;
    line-height:100%;
}

.profileBlock table a img {
    margin: 0 0;
    display: block;
}

.profileBlock .avatar {
    width:133px; 
    height:100px; 
    padding:0;
    vertical-align:middle;
}

.profile-cell {
	width:133px;
	height:100px;
	padding-bottom: 6px;
    vertical-align:middle;
}

.popup_info {
	display: none;
	position: relative;
	top: -20px;
	left: 50px;
	padding: 5px;
	width: 200px;
	font-size: 8pt;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #99CCFF;
	text-align: left;
	border-radius: 5px;
	z-index: 100;
}

div.gc {
    position:relative;
    text-align:left;
}

div.gc div {
    position:absolute;
    left:-6px;
    top:37px;
    padding-left:6px;
}

div.pi {
    line-height:100%;
    color: #000000;
    font-size: 10px;
}

div.pi small {
    color: #FF0000;
    font-size: 10px;
}

.profile_header {
    color: #F97B31;

}

div.apf {
    border: 2px solid #FFFFFF;
}
div.apf_avatar{
    border: 2px solid #0000FF;
}

.index_block {
    margin: 14px 0;
}

.index_block.top {
margin-top: 8px;
}

div.note {
    text-align: left;
    padding: 10px 20px 0;
}

/*
.bgbtl { background: #FFFFFF url('/images/corner/block/lt-corner.gif') top left no-repeat; }
.bgbbl { background: url('/images/corner/block/lb-corner.gif') bottom left no-repeat; }
.bgbbr { background: url('/images/corner/block/rb-corner.gif') bottom right no-repeat; }
.bgbtr { background: url('/images/corner/block/rt-corner.gif') top right no-repeat; padding:10px; height: 1%; }
*/

div.thfr {
    border: 0.5px solid #999;
    border-radius: 5px;
    padding: 2px;
}

/* thin round-corner frame styles */
.thfr table {
    border-collapse: collapse; border: none; min-height: 40px;
}
.thfr td { background: #FFFFFF; position: relative; }
.thfr .tf_top, .thfr .tf_bottom { height: 5px; }

/* frame border */
/*
.thfr .tf_frame .tf_top td { border-top: solid 1px #999999; }
.thfr .tf_frame .tf_left { border-left: solid 1px #999999; }
.thfr .tf_frame .tf_right { border-right: solid 1px #999999; }
.thfr .tf_frame .tf_bottom td { border-bottom: solid 1px #999999; }
.thfr .tf_frame .tf_top .tf_left { background: url('/images/corner/login/login-lt.gif') top left no-repeat; border: none; width: 5px; }
.thfr .tf_frame .tf_top .tf_right { background: url('/images/corner/login/login-rt.gif') top right no-repeat; border: none; width: 5px; }
.thfr .tf_frame .tf_bottom .tf_left { background: url('/images/corner/login/login-lb.gif') bottom left no-repeat; border: none; width: 5px; }
.thfr .tf_frame .tf_bottom .tf_right { background: url('/images/corner/login/login-rb.gif') bottom right no-repeat; border: none; width: 5px; }
*/

/* filled round-corner frame styles */
#ads .right {
margin:6px 0 0 0;
}
#ads .left {
margin:6px 6px 0 0;
}

div.ffr {
    border-radius: 5px;
    padding: 2px;
    background-color: #FFFFFF;
}

.ffr td { background: #FFFFFF; }
.ffr .ff_top, .ffr .ff_bottom { height: 5px; }

/* white filled, blue background */
/*
.ffr .ff_wblue .ff_top .ff_left { background: url('/images/corner/lt-corner.gif') top left no-repeat; border: none; width: 5px; }
.ffr .ff_wblue .ff_top .ff_right { background: url('/images/corner/rt-corner.gif') top right no-repeat; border: none; width: 5px; }
.ffr .ff_wblue .ff_bottom .ff_left { background: url('/images/corner/lb-corner.gif') bottom left no-repeat; border: none; width: 5px; }
.ffr .ff_wblue .ff_bottom .ff_right { background: url('/images/corner/rb-corner.gif') bottom right no-repeat; border: none; width: 5px; }
*/

div.ffry {
    border-radius: 5px;
    padding: 2px;
    background-color: #FEF193;
}
.ffry td { background: #FEF193; }
.ffry .ff_top, .ffry .ff_bottom { height: 5px; }

.ffry .cell, .ffr .cell {
padding:0;
}

/* yellow filled, blue background */
/*
.ffry .ff_yblue .ff_top .ff_left { background: url('/images/corner/yel/tl.gif') top left no-repeat; border: none; width: 5px; }
.ffry .ff_yblue .ff_top .ff_right { background: url('/images/corner/yel/tr.gif') top right no-repeat; border: none; width: 5px; }
.ffry .ff_yblue .ff_bottom .ff_left { background: url('/images/corner/yel/bl.gif') bottom left no-repeat; border: none; width: 5px; }
.ffry .ff_yblue .ff_bottom .ff_right { background: url('/images/corner/yel/br.gif') bottom right no-repeat; border: none; width: 5px; }
*/
.ibc {
float:left; 
margin:4px 10px 4px 4px;
}
.fbc {
float:left; 
margin:4px 10px 0 4px;
}
.fbd {
text-align:left;
}

.fbd  a.orange {
text-decoration:none; 
color:#ff6800;
}

.fbd  a.black {
text-decoration:none; 
color:#000000;
}

.fbd  a.blue {
text-decoration:none; 
color:#000000;
}

/* profile */

#profile .field_desc { color:#F97B31; font-size:11px; margin-right:20px; }

img.fl {
    border: none;
    vertical-align: middle;
}

div.imagebox {
    text-align: left;
    width: 100%;
    cursor: pointer;
}

div#images {
    cursor: default;
}

div#images img{
    cursor: pointer;
    margin: 3px;
}

.album_palett img {
    cursor: pointer;
}

div#photo { 
    min-height:300px; 
	position: relative;
    text-align: center;
}
div#photo img { vertical-align: middle; border: none; }
div#photo a.n { color:#FF0000; text-decoration: none; }
div#photo a.n:hover { color:#FF5555; }

div#photo .pro_adv { display:inline-block; padding:5px; background-color:#FFFFCC; border: solid 1px #FFFF99; margin-bottom:6px; }
* html div#photo .pro_adv { display:inline; clear:both }
* + html div#photo .pro_adv { display:inline; clear:both }
div#photo .pro_adv a { font-weight: bold; color: #FF0000; }

div#photo form input { font-size: 12px }

div#becomeMember {
    font-weight: bold;
    color: #FF0000;
    text-align:left;
    white-space:nowrap;
    width:680px;
    margin:0 auto;
}

div#becomeMember ul {
    color:#000000;
    margin:20px 0;
    padding:0 10px 0 20px;
}

div#becomeMember ul li {
    margin:6px 0;
}

.gt {
    height:70px;
    width:70px;
}

.btn {
    height: auto;
    margin: 2px;
}

a.btn {
    font-weight: bold;
    margin: 2px;
    border: 1px solid #808080;
    color: #000000;
    background-color: #FFAE5D;
    text-decoration: none;
    padding: 2px 6px;
    white-space: nowrap;
    display: inline-block;
}

div.l {
    float:left;
}
div.r {
    float:right;
}
div.center {
    text-align:center; 
    clear: both;
}

.profile_menu { 
    min-height:226px; 
    margin:4px 0; 
    padding:0px 12px 2px 4px; 
    border-left:#999999 solid 1px; 
    text-align:left; 
}

/* Profile photo popup menu */
.thfr .popup_menu {
position:absolute; 
width:0; 
height:0; 
display:none;
}

.thfr .popup_menu div {
position:relative; 
text-align:left; 
z-index:99; 
top:10px; 
left:-9px; 
width:142px; 
border:#CFCFCF solid 1px; 
background-color: #FFFFFF; 
padding:2px 2px 2px 4px;
}

.thfr .popup_menu a {
    color: #000000;
    text-decoration: underline;
}

.thfr .popup_menu a:hover {
    color: #000000;
    text-decoration: none;
}

.thfr .popup_menu a:visited {
    color: #000000;
    text-decoration: underline;
}
/* */

.inact {
    color: #999999;
}

.editor_comment {
    text-align:left; color:#FF0000;
}

.video-become-member-message {
    position: absolute;
    left: 50%;
    margin-left:-150px; 
    width: 300px;
    display:none;
	z-index: 10;
}
.video-become-member-message div {
    position: relative;
    padding: 20px;
    border: solid 1px #CC0000; 
    background-color: #FFFFCC;
}
.video-become-member-message div a { color: #FF0000 }

img.loading {
	z-index:0;
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin: auto;
	display: block;
}
#iimg { z-index:10; position:relative; }


#labeller table th {
    color: #FF0000;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
}

.clr {
    clear: both;
}

.index .section-header {
    position: absolute;
    width: 100%;
}

a.tag {
    color:#444444;
    text-decoration:none;
    white-space: nowrap;
    font-size: 11px; 
    line-height: 130%;
}
a.tag:hover {
    text-decoration:underline;
}

span.tag {
    padding-right: 0.75em;
    white-space: nowrap;
}

.no_tag {
    color:#999999;
}

.media_cont {
    margin: 0 auto;
    padding:0;
    display:inline-block;
}

.media_cont img {
    max-width: 65vw;
}

.thumb_list {
    display:inline-block;
    padding: 0 40px 15px;
}
.thumb_list .thumb {
    position:relative;
    float:left;
    margin:15px 15px 0 0;
    display: flex;
    width: 350px;
}

.media_taglist {
    width: 150px;
    display: flex;
    align-items: center;
}

.media_taglist ul {
    text-align: left;
    list-style: none;
    padding:0;
    margin-left: 20px;
}

#photo .media_taglist{
    display: inline-block;
    vertical-align: top;
    width: 0;
}

#photo .media_taglist ul{
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 150px;
}

#photo .media_taglist a.no-tag {
    color: #999;
    text-decoration: none;
}
#photo .media_taglist a.no-tag:hover {
    color: #CCCCCC;
}

.thumb_cont {
    margin:2px;
    display: inline-block;
}

.thumb_cont > div {
    height:150px;
    display: flex;
    align-items: center;
}

.thumb_cont a {
    white-space: nowrap;
    text-align: center;
    position: relative;
}

.thumb_cont a.thumb-img-link {
    position: relative;
}

.thumb_cont .duration {
    height: 24px;
    background: #000;
    position: absolute;
    right: 13px;
    bottom: 13px;
    opacity: .5;
    text-align: center;
    padding: 0 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
}

.thumb_cont img {
    vertical-align: middle;
    max-height: 150px;
    max-width: 200px;
}

.thumb_cont a.video:after {
    content: '';
    display: block;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin: auto;
    width: 46px;
    height: 46px;
    background: url('/images/icon-play.svg') no-repeat;
    opacity: .5;
}

.thumb_cont span {
    font: 12px Tahoma;
}

.media_cont.free {
    height:100px;
}

.media_cont.full {
    height:auto;
}

* html .media_taglist { display:inline; }  /* for IE 6 */
* + html .media_taglist { display:inline; }  /* for IE 7 */
* html .media_cont { display:inline; }
* + html .media_cont { display:inline; }

.media_taglist div {
    width:150px;
    height: 150px;
    overflow:hidden;
    padding-left:6px;
    text-align:left;
    display: flex;
    align-items: center;
}

#labeller, #commenter {
display:none;
}

#labeller_cont {
margin-top:3px;
}

#labeller_cont .desc {
text-align:left; 
padding:0 4px;
}

#labeller_cont .desc p {
line-height:120%;
}

.label_input {
width:99%;
}

/* Facebook like button */
.fb_cont {
position:static;
text-align:left;
}

.fb_inline {
    margin:10px 0;
    display: block;
    position: static;
    text-align:left;
}

.fb_cont .fb_inner {
position:relative; 
left:8px; 
height:20px;
width: 700px;
*position:static;
*margin-left:8px;
*padding-bottom:12px;
}

.fb_inline .fb_inner {
left:0px; 
}

.fb_buttons {
    display:inline;
}

.fb_cont div iframe {
border:none;
overflow:hidden; 
width:150px; 
height:21px; 
float:left;
margin:0; padding: 0;
}

.fb_cont p {
margin:0; 
padding:3px 0; 
line-height:16px; 
font-size:11px; 
color:#333333; 
display:inline;
float:left;
text-align:left;
}

.p1_cont_wide {
position:static;
}

.fb_cont_wide {
position:static;
clear: left;
}

.fb_cont_wide div {
position:static;
padding:6px 0 12px;
}

.fb_cont_wide div iframe {
border:none;
overflow:hidden; 
width:200px; 
height:24px; 
float:left;
margin:0; padding: 0;
}

.p1_cont_wide div p, .fb_cont_wide div p {
margin:0; 
padding:3px 0; 
line-height:21px; 
font-size:11px; 
color:#333333; 
display:inline;
float:left;
text-align:left;
}

/* */

/* contribution page */
.contri_menu td.cmenu {
padding:2px 0 0 2px;
}

.contri_menu td.cflag {
width:230px; 
height:24px;
padding:0;
}

#contri_content {
  padding:6px 12px;
}

#contri_content #info_container {
    width:250px;
    text-align:right;
}

#contri_content h2{
    display:inline;
    font-weight: normal;
}

#contri_content span.title{
    padding: 0 2px;
    color: #FF0000;
}

#contri_content span.greyed{
    color: grey;
    font-size: 11px;
    padding: 0 2px;
}

#contri_content hr {
    margin:12px 0 0px;
}

#contri_content #info {
    height:44px;
}

#contri_content .paging {
    margin: 0px auto 6px;
}

#contri_content .msg {
    margin: 3px auto;
}

#contri_content p { 
line-height: 100%; 
padding:0; 
margin:3px 2px; 
}

div.flalt{ background-color:#EEEEEE; width:120px; height:80px; line-height:100%; padding:4px; }
div.flalt a{ font-size:11px; }
.bt{ color:#99CCFF; }
.bt .hl{ background-color:#5060F0; }

td.notice {
    padding:5px;
    background-color:#FFFFCC;
    border: solid 1px #FFFF99;
}

td.notice small a {
    font-size: 10px;
}

/* */

/* Common contri & material list */
.contri_list, .mlist { display:flex; flex-wrap: wrap; }
.contri_list .item, .mlist .item { width:288px; max-width:288px; height:110px; margin:4px; padding:4px; }
.contri_list .item .img, .mlist .item .img { width:134px; max-width:134px; height:100px; overflow-y:hidden; text-align:center; vertical-align:top; float:left; font-size:0; }
.contri_list .item .img img, .mlist .item .img img { max-width: 100%; max-height: 100%; vertical-align:middle; }
* html .contri_list .item .img img { width: 100%; }
* html .mlist .item .img img { width: 100%; }
.contri_list .item .info, .mlist .item .info { height:100px; width:138px; max-width:138px; text-align:left; overflow:hidden; margin: -3px 1px -3px 4px; float:left; } 
.contri_list .item .info span, .mlist .item .info span { line-height: 130%; }

.mlist a { text-decoration:none; }
.mlist a:hover { text-decoration:underline; }
.mlist small { white-space: nowrap; }
/* */

.fright {
float:right;
}
.fleft {
float:left;
}

.page_desc {
text-align:left;
padding: 6px 6px;
}

.favorites {
width:674px; 
margin:4px auto;
}

.profiles {
width:668px; 
}

input.cb {
vertical-align:middle;
margin:2px;
border:none !important;
}

.floatform input, .floatform select {
border:1px solid #999999;
}

.inline {
display:inline;
}

p.flashing_location {
    padding:0;
    margin:4px 4px;
    color: #000000;
}

/* Import contacts form */

#contacts {
    display:none; 
    overflow:auto; 
    width:100%; 
    height:20em;
}

#contacts-table td {
    border-bottom:1px solid #CCCCCC;
    color: #000000;
}

#import_window {
    float: none;
    display:block; 
    width:575px; 
    margin:0 auto;
    margin-right: 7px;
    border: #999999 solid 1px;
    
}

#import_window .ic_text {
    width:234px;
}

#import_window textarea.ic_text {
    width:240px;
}

/* end Import contacts form */

/* payment window styles */
#lockLayer { display:none; position:absolute; left:0; top:0; z-index:100; width:100%; height:1100px; background-image:url(/images/pb/fog.gif); }
#lockLayer div { position:absolute; width:380px; left:45%; right:20%; bottom:50%; }
#lockLayer span { color:#000000; font:bold 12px Verdana; } 

#payment {
    min-height:400px;
}

#payment iframe {
	border: none;
}

#payment h1 {
    color: #F97B31;
    margin-bottom: 6px;
    background-color: transparent;
}
#payment p {
    text-align: center;
    color: #000000;
    margin: 0;
}
#payment .t1 {
    color: #F97B31;
    margin: 0;
}
#payment #rf {
    text-align: left;
}
#payment #dpt {
    width:400px;
    font-weight: bold;
    line-height: 200%;
}
#payment .err {
    background-color:#FFFFAD;
    color: #FF0000;
    padding: 0;
}
#payment td small {
    line-height: normal;
    color:#999999;
    font-style: italic;
}
#payment .ast{
    color: #F97B31;
    font-size: 11px;
}
#payment img {
    vertical-align:middle;
}
#payment #ticket span {
    color: #FF0000;
}
#payment .bl {
    color: #000000;
}

#payment .desc { color:#000000; text-align:center; }

#t1 {
    color: #FF0000;
}
#rf {
    text-align: left;
}
#dpt {
    font-weight: bold;
    line-height: 200%;
}
#adv {
    width:640px;
    background-color: #EEFFEE;
}
#adv div {
    width:380px;
    color: #990000;
    white-space:nowrap;
    padding:8px 8px 16px 8px;
    text-align:left;
    line-height:150%;
}

#wa {
    padding: 4px 10px;
    background-color:#FFFFAD;
    width:400px;
}
#wa table td{
    color: #FF0000;
}

/* */

/* Style for jquery hightlight plugin */
.highlight { background-color: #FFFF63; color:#000000; font-weight:bold; }
/* */

.nul {
    text-decoration: none;
}

.page_menu { float:right; height:0; }

.ui-autocomplete {
    text-align: left;
}

#fileupload-content { border: none; }
#fileupload-buttonbar { border: none; background: none; }

/************************** Banner Random Product ****/
div.products-export,
#products-export {
    width: 538px;
    height: 120px;
    border-radius: 5px;
    margin: 6px 6px 0 0;
    line-height: 1.5;
    background: #fff;
    padding-top: 5px;
    font-family: Verdana, Arial;
}

#products-export tr,
#products-export td,
#products-export tbody {
    background: none;
    border: none;
    vertical-align: top;
}

#products-export table {
    margin: 0;
    font-family: Verdana;
    width: 100%;
    font-size: 0.857em;
}

#products-export h2 {
    font-weight: bold;
    display: block;
    margin: 1.0em 0 0.5em;
    color: #0000FF;
}

#products-export td {
    padding: 4px 9px;
    color: #3b3b3b;
}

#products-export a {
    text-decoration: none;
}

#products-export a:hover {
    text-decoration: underline;
}

.errors {
    margin: 20px 0 0;
}