.votes { font-size: 13px;font-weight: bold; float: left; }
	.voted_up { color: green; }
	.voted_down { color: red; padding-top: 5px; }
	.voted_zero { color: gray; padding-top: 5px; }
	.vote_arrow {  width: 24px; height: 24px; float: right;}
	.vote_arrow:hover { cursor: pointer; cursor: hand; }
	.vote_down { background: url(/peoplepedia/Frontend/img/down.gif) no-repeat; margin-left: 5px; margin-top: 5px; }
	.vote_up { 
        background: url(/peoplepedia/Frontend/img/up.gif) no-repeat;
        margin-left: 10px; /* 0px -16px */ 
    }
	
	.vote_up:hover, .vote_up.voted { background: url(/peoplepedia/Frontend/img/up_active.gif) no-repeat; }
	.vote_down:hover, .vote_down.voted { background: url(/peoplepedia/Frontend/img/down_active.gif) no-repeat; }
	
	.voted:hover { cursor: default; }



html{
    height: 100%;
}
	
body{
    font-family: Comic Sans MS, Helvetica, sans-serif;
    margin:0px;
    padding:0px;
    color: #434343;
/*    min-height: 100%;*/
    height: 100%;
    position: relative;
    font-size: 14px;
}

table{
	font-size: 14px;
	}

form{
	padding: 0px;
	margin: 0px;
	}
	
img{
	border:none;
}

a {
	color: #000000;
}

h2{
    color: #333333;
}

textarea{
	border: solid 1px #cccccc;
}

select{
	border: solid 1px #cccccc;
}

input[type=text]{
	border: solid 1px #cccccc;
}

input[type=password]{
	border: solid 1px #cccccc;	
}

.success{
	position:relative;
	font-size: 12px;
	color: #003371;
	border: solid 1px;
	margin-left: 62px;
	margin-top: 15px;	
	padding: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* KHTML */	
        display: block;
        margin-bottom: 15px;
        clear: both;
}

.page-error{
	position:relative;
	font-size: 12px;
	color: #FF0000;
	border: solid 1px;
	margin-left: 62px;
	margin-top: 15px;	
	padding: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* KHTML */	
        display: block;
        margin-bottom: 15px;
        clear: both;
}

#wrapper {
	
}

.body-container,.body-container-trade{
    width: 1424px;
    
    /*margin-left: auto;
    margin-right: auto;*/
    margin: 0 auto;
    min-height: 100%;
/*    height: 100%;*/
    position: relative;
    clear: both; /* FF fix */
}
.body-container-trade{
    width: 1500px !important;
}
.sel-pos-container
{
    width:500px;
    margin-left: 20px;
    float: left;
}
#left-column {
	width: 200px; /* ?????? ????? ??????? */
	float: left;
	padding-left: 10px;
}

#right-column {
	width: 300px; /* ?????? ?????? ??????? */
	float: right;
}

#top{
    background-color:#333333;
	height: 50px; 
	width: 100%;
	min-width: 1300px;
	
	/*z-index: 100;
	position: absolute;*/
}
#body_trade{
    width: 1500px;
    /*margin-left: auto;
    margin-right: auto;*/
    /*margin: 0 300px 0 160px;*/
    min-height: 800px;
    height: 100%;
    
/*        min-height: 100%;*/
/*    position: relative;*/
    padding-left: 50px;
    padding-bottom: 250px;
    /*background:transparent url('../img/bg.png') repeat-y scroll 0 0;    */
}
#body{
	width: 960px;
	/*margin-left: auto;
	margin-right: auto;*/
	margin: 0 300px 0 160px;
	min-height: 800px;
	height: 100%;
	
/*        min-height: 100%;*/
/*	position: relative;*/
	padding-left: 50px;
	padding-bottom: 250px;
	background:transparent url('../img/bg.png') repeat-y scroll 0 0;	
}

#container{
	display:table;		
	width: 900px;
}
#container_trade{
    display:table;        
    width: 1500px;
}

#bottom{
	height: 50px;
        position: relative;
	margin-top: -50px;
        margin-left: auto;
        margin-right: auto;
        width: 1024px;
}

#bottom #container{
/*    margin-left: auto;*/
    margin-right: auto;
    width: 945px;    
    border-top: 1px solid #CCC;
    position: relative;    
}
#bottom .copyright {
    margin: 10px 0 ;
    max-width: 450px;
    font-size: 11px;
    color: #666;
    }
#bottom .copyright p {
    margin: 0;
    }
#bottom .copyright a {
    font-size: 11px;
    color: #666;
    }

#body #left{
	vertical-align: top;
}

#body #center{
	vertical-align: top;
    overflow: hidden;
}

#body #right{
	vertical-align: top;
}

.menu{
/*	padding-top: 38px;*/
    height: 50px;
/*    background: url('../img/menu.png') no-repeat bottom;*/
    /*padding-left: 40px;*/
    color: white;
    overflow: hidden;
}

.logo{
    float: left;
    position: relative;
    left: -3px;
    top: 10px;
    margin-right: 20px;

}
.menu-item{
    display:inline-block;
/*    padding-top: 10px;*/
    height: 50px;
    padding-top: 15px;
    color: white;
}
.menu-item a img{
    margin-top: -5px;
    width: 30px;
    height: 30px;
}
.wide {
	padding-left: 10px;
    padding-right: 10px;
}

.menu-item:hover{
/*    background: url('../img/menuactive.png') no-repeat bottom;*/
	/*background-color: rgb(219, 214, 245);*/
	/*color: black;*/
}

.menu-item-low {
/*	color: white;*/
}

.menu-item-low:hover{
	background-color: rgb(219, 214, 245);
}

.menu a{
	font-family: Arial, Helvetica, sans-serif;
	color:inherit;
	text-decoration: none;
	font-size: 14px;	
}

.menu a:hover{
/*     color: black;*/
/*    text-decoration: underline;*/
}

/* Forms */

.user-form {
    border-radius: 5px;
    background-color:#EFEEDB;
    border:1px solid #CCCCCC;
    padding:10px;
    width: 455px;
    z-index:100;
}

.form .row {
    margin: 0 0 10px;
    }
.form label {
    display: block;
}
.form label .required {
    color: #D40707;
    }
.form input.error,
.form textarea.error,
.form select.error {
    background: #fffafa;
    }
.form .input-radio,
.form .input-check {
    width: auto!important;
    margin: 0.15em 3px 0 0;
    }
.form .row_submit{
  height: 20px;
}
.form p.error {
    margin: 0 0 0 150px;
    padding: 5px 0 0 12px;
    color: #D40707;
    clear: both;
    font-size: 11px;
    background: url(../img/validation_advice_bg.gif) no-repeat 0 5px;
    }

    .form_signup{        
        width: 400px;
    }
    .form_signup .input{
        width: 100%;
    }
    .sign-links {
        display: inline;
    }
        .sign-links .delimeter{
            padding-left: 10px;
            padding-right: 10px;
        }
        .sign-links a{
            
        }
        
/* Form: Search */
.form_search {
    float: left;
    }
    .form_search label {
        float: left;
        width: 100px;
        }
    .form_search .row {
        margin: 0 0 10px 0;
        }
    .form_search .row input.long-text {
        width: 300px;
        }

/* Form: Event Manage */
.my-event {
    background-color: #EFEEDB; 
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    -khtml-border-radius: 4px; /* KHTML */ 
}

.form_event {
    margin-bottom: 10px;
    }
    .form_event label {
        float: left;
        width: 100px;
        }
    .form_event .row {
        margin: 0 0 10px 0;
        }
    .form_event .row_submit {
        margin: 10px 0 10px 0;
        }
    .form_event .row_title a{
        text-decoration: none;
        font-size: 1.1em;
        font-style: italic;
        font-weight: bold;
        }
    .form_event .row_date img{
        vertical-align: bottom;
        }

/* Form: Add Event */
.form_addEvent {
    float: left;
    margin-top: 10px;
    }
    .form_addEvent label {
        float: left;
        width: 100px;
        }
    .form_addEvent .row {
        margin: 0 0 10px 0;
        }
    .form_addEvent .row_submit {
        float: right;
        margin: 10px 0 10px 0;
        }
    .form_addEvent .row input[type="text"] {
        width: 200px;
        }
    .form_addEvent .row input.longtext {
        width: 350px;
        }
    .form_addEvent .row textarea {
        width: 350px;
        height: 200px;
        }
    .form_addEvent .row_start_date {
        position: relative;
        }
    .form_addEvent .row_start_date input[type="text"] {
        width: 167px;
        }
    .form_addEvent .row_start_date .ui-datepicker-trigger {
        top: 0;
        position: absolute;
        cursor: pointer;
        }
    .form_addEvent p.error{
        float: left;
        margin-left: 100px;
        }

.form_addTemplate {
    float: left;
    margin-top: 10px;
    }
    .form_addTemplate label {
        float: left;
        width: 120px;
        }
    .form_addTemplate .row {
        margin: 0 0 10px 0;
        }
    .form_addTemplate .row_submit {
        margin: 10px 0 10px 0;
        }
    .form_addTemplate .row input[type="text"] {
        width: 400px;
        }
    .form_addTemplate p.error{
        float: left;
        margin-left: 100px;
        }

.reserv_table {
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
}

/* Table: Print event table*/

.reserv_table {
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
}

.reserv_table thead {
    font-weight: bold;
    background-color: #D2D9CE;
}

.reserv_table td{
    padding: 10px 10px 10px 10px;
}

.cell_title {
    border-top: 1px solid #6E6E6E;
    border-bottom: 1px solid #6E6E6E;
}
.cell_price {
    text-align: center;
    border-top: 1px solid #6E6E6E;
    border-bottom: 1px solid #6E6E6E;
}
.cell_qty {
    text-align: center;
    border-top: 1px solid #6E6E6E;
    border-bottom: 1px solid #6E6E6E;
}
.cell_amount {
    text-align: center;
    border-top: 1px solid #6E6E6E;
    border-bottom: 1px solid #6E6E6E;
}

.cell_label {
    font-weight:bold;
    text-align:right;
}

.cell_total {
    text-align: center;
    font-weight:bold;
}

.stay {
    color:#3C3C3C;
    margin: 0 0 10px;
    font-weight: bold;
}
        
/* Table: Users table*/

.users-table {
    width: 100%;
    border: none;
    background-color: white;
    margin-bottom: 5px;
    
}
.users-table td{
    padding: 5px;
}
.users-table tr.head{
    background-color: #A8B259;
}
.users-table tr.head td{
    text-align: center;
    color: white;
}

.users-table tr.user-item td{
    border-bottom: 1px #ccc dotted;
    text-align: center;
    color: black;
}

.create {
    background: url(../img/act_test_regist.png) no-repeat;
    min-height: 30px;    
}
.create h4{
    padding: 5px 0 0 10px;
    color: white;
}

.long {
	width: 705px;
	padding-left: 2px;
    background: url(../img/act_test_regist_long.png) no-repeat;
    min-height: 30px;    
}
.long h4{
    padding: 5px 0 0 10px;
    color: white;
}

            
#right .block {
	display: block;
	float: left;
	width: 295px;
}

#center .block.trade{
    margin-top:15px;
    overflow: hidden;
}
.trade input[type="text"]{
    width:80px;
}
#center .block{
	margin-top:15px;
	/*float: left; */
}

#center .content{
	padding-right: 10px;
}

#spinner{
	position: absolute;
	background: url('../img/contentPattern.png');
	z-index: 199;	
}

.contactform #spinner{
	width: 295px;
	height: 560px;
	position: absolute;
	background: url('../img/contentPattern.png');
	z-index: 199;	
}

#spinner img{
	margin-left: auto;
	margin-right: auto;
	margin-top: 100%;		
	display: block;
	
}

.user-panel,
.loginform{
	width: 275px;
	margin-top: 15px;
	padding: 10px;
	border: solid 1px #cccccc;
	background-color: #f4f9fa;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* KHTML */
	float: left;
}

.loginform span{
	display:block;
	width: 130px;
	float:left;		
}

.loginform span.password{
	margin-left: 12px;
}

.loginform input[type=text]{
	color:#666666;
	width: 135px;
	border: solid 1px #cccccc;
}	

.loginform input[type=password]{
	color:#666666;
	width: 110px;
	margin-left: 5px;
	border: solid 1px #cccccc;
}	

.loginform  div.submit{	
	padding: 5px 10px 0 0;
	width: 253px;
}


.loginform  div.submit input{
	float:right;
	/* padding-right: 3px; */
}


.loginform   a.forgot{
	padding-left:5px;	
	color:#666666;
}
#content_container .main_content {	
    border-radius: 5px;
	background-color:#f4f9fa;
    border:1px solid #CCCCCC;
    padding:10px;
    z-index:100;
}

.join #content_container .main_content {
	margin-right: 10px;
}
.reg_form tr td {
    padding-left: 5px;    
}
.reg_form tr td span {
    color: red;    
}
.reg_form input[type^=text], .reg_form input[type^=password] {
    width: 98%;
}
.reg_form .add{	
	float: right;
	padding-right: 3px;	
}
.reg_form .selects{	
	border-radius: 5px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* KHTML */
	background-color:#f4f9fa;
    border:1px solid #CCCCCC;
    padding:5px;
    margin-bottom:5px;     
    z-index:100;	
}
.tabs {
    display: block;
    height: 30px;
    width: 100%;
    padding-left: 15px;
}
.tabs div {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    float: left;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0; /* Firefox */
	-webkit-border-radius: 5px 5px 0 0; /* Safari, Chrome */
	-khtml-border-radius: 5px 5px 0 0; /* KHTML */
	background-color:#f4f9fa;
    cursor: pointer;
}
.tabs div.inactive {
    border-bottom:1px solid #CCCCCC;
    margin-bottom: -1px;
}
.tab {
    display: none;
}
tr.header td{
    border-bottom: 1px #cccccc solid;
    /*text-align: center;*/
    font-weight: bold;
}
#popup {
    display: none;
}

.tools{
	float: left;
	width: 150px;	
	padding: 10px;	
	margin-right: 15px;	
	border: solid 1px #cccccc;
	background-color: #eff7fa;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* KHTML */	
}

.tools a{
	display: block;
	padding: 10px;
}

.data{
	border: solid 1px #cccccc;
	background-color: #eff7fa;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* KHTML */
	width: 100%;		
}

.data tr td{
	margin: 0px;	
	border-top: solid 1px #999999;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}
.data tr.header {
    background-color: #4DADCD;    
}

.data tr.header td{
    border-top: 0 none;
	/* background-color:#4dadcd; */
	color: #FFFFFF;
	/*text-align: center; */
	margin: 0px;	
}
.tabs {
    display: block;
    height: 30px;
    width: 100%;
    padding-left: 15px;
}
.tabs div {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    float: left;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0; /* Firefox */
	-webkit-border-radius: 5px 5px 0 0; /* Safari, Chrome */
	-khtml-border-radius: 5px 5px 0 0; /* KHTML */
	background-color:#EFF7FA;
    cursor: pointer;
}
.tabs div.inactive {
    border-bottom:1px solid #CCCCCC;
    margin-bottom: -1px;
}
.tab {
    display: none;
}
div#translate {
	float: right;
	margin-top: -50px;
	z-index: 1000;
}


.menu_table {
	background-color:#EFF7FA;
}

.menu_table td{
	padding: 5px;
}

.active_cell {
	background-color: #4cadcd;
	border: 1px solid #CCCCCC;
}

.active_cell a{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

.inactive_cell {
	background-color: #eff7fa;
	border: 1px solid #CCCCCC;
}

.inactive_cell a{
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}

.inactive_cell a:hover{
	color: #cccccc;
	font-size: 12px;
	text-decoration: none;
}

.history {
	background-color: #ffffff; 
	padding: 5px;
}	

.info {
	text-align: left;
	vertical-align: top;	
}

.lsd {
	padding-top: 5px;
	font-size: 10px;
	font-weight: bold;	
}

.lsd a{
	color: black;
	padding-top: 5px;
	font-size: 10px;
	font-weight: bold;	
}

.deny_message {
	background-color: #F0B2B2; 
	padding: 5px;
}	
#sitemap {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}
#sitemap ul {
	list-style-type: none;
	list-style-position: outside;
}
.pagination a.paginate {
	padding: 2px 3px 2px 3px;
	text-decoration: underline;
	color: #1b6fad;
	margin-right:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.pagination a.paginate:hover {
	background-color: #1b6fad;
	color: #FFF;	
}
.pagination a.current_page,
.pagination a.current_page:hover {
	color: #1b6fad;
    font-weight: bold;
    text-decoration: none;
    background: none;
}
.pagination{
	padding: 5px;
	padding-left: 0px;
	margin-top: 5px;
}
#content_container {
	float: left;
	width: 100%;
}

.focus {
	background-color: #FFFFDD;
	color: black;
}

.expert_materials {
	width: 900px;
	position: absolute;
}

.sort {
	vertical-align: middle;
}
.search {
	display: block;
	float: right;
}
.search input[type^=image] {
	padding-top: 2px;
	padding-right: 3px;
	vertical-align: top;
}
.search #search {
	margin-right: -45px;
	padding-right: 45px;
}
#bottom .block {
}
#bottom .block .header {
	margin-top: 0;
	margin-bottom: 0;
}




/* Page help (Help topics) */
.page-help {
    color: #666;
    margin: 0 10px 0 0;
    border-bottom: 1px solid #EEE;
    }
    .page-help h3 {
        color: #333;
        margin: 20px 0 10px 22px;
        }
    .page-help .topic {
        padding: 0 0 10px;
        margin: 0 0 10px;
        }
        .page-help_columns .topic {
            width: 48%;
            }
        .page-help_columns .topic.odd {
            float: left;
            }
        .page-help_columns .topic.even {
            float: right;
            }
        .page-help .topic .title { 
            margin: 0 0 5px;
            }
            .page-help .topic .title a { 
                min-height: 16px;
                color: #214ea3;
                /*margin: 0 0 0 -22px;*/
                padding: 0 0 0 22px;
                background: url(../img/ico_help.gif) no-repeat 0 0;
                }
        .page-help .topic .short_text {
            margin: 0 0 0 22px;
            }
.help-entry h2,
.page-help_list h2 a {
    font-size: 18px;
    margin: 0 0 10px;
    color: #1B6FAD;
    }
.page-help_list .topic {
    width: auto;
    float: none;
    }


.header h2 {
	padding: 10px;
	border: solid 1px #cccccc;
	background-color: #eff7fa;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* KHTML */
	z-index: 100;
	margin: -15px 10px 10px 0;
}
#menu {
    min-height: 20px;
    }
#menu h5 {
    font-size: 14px;
    display: none;
    margin: 10px 0 0;
}
#menu ul {
    margin: 5px 0 10px;
    padding: 0;
    }
#menu ul li {
    list-style-type: none;
    padding: 3px 5px;
    border-bottom: 1px solid #CCC;
    }
input.submit-button {    
    float: right;
    border: none;
    background: #889238 url(../img/submit.jpg) repeat-x;    
    color: #FFF;
    width: auto;
    padding: 3px 10px;
    font-size: 12px;
	border-radius: 3px;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	-khtml-border-radius: 3px; /* KHTML */
    cursor: pointer;
	margin-left: 5px;
}

.user-links {
    padding: 5px 0px 0px;
    text-align: right;
    }
.user-links,
.user-links a {
    font-size: 12px;
}
.user-links .profile {
    font-weight: bold;
    padding: 0 0 0 15px;
    background: url(../img/user-icon.png) no-repeat 0 -1px;
}
.user-links .google {
    font-weight: bold;
    padding: 0 0 0 15px;
    background: url(../img/icon_google.png) no-repeat 0 -1px;
}
.user-links .facebook {
    font-weight: bold;
    padding: 0 0 0 15px;
    background: url(../img/icon_facebook.png) no-repeat 0 -1px;
}
.user-links a.logout {
    padding: 0 18px 0 0;
    background: url(../img/logout-icon.gif) no-repeat right 4px;
}
.loginform #language_selector{
    padding: 5px 0 0;
}
.user-panel #language_selector{
    padding: 5px 0 10px;
}

/* User menu */

ul {
    color: #1A1A1A;
    
}
ul.product{
    list-style-image: url(../img/check-mark-20.png);
}
ul.user-menu {
    margin: 10px 10px 0 0;
    border: medium none;
    list-style: none outside none;
    text-align: left;
}

ul.user-menu li {
    height: 25px;
    width: 150px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 10px;
    
    background-color: rgba(154, 148, 185, 0.19);
    border-radius:5px;
    color:#ffffff;
    margin-bottom: 5px;
    
}

ul.user-menu li:hover {
	background-color: rgba(54, 48, 85, 0.19);
/*	text-shadow: #999999 0.1em 0.1em 0.1em;*/
	color: #fff;
}










ul.user-menu li a {
	display: block;
    text-decoration: none;
    color: #2D8092;
}

ul.user-menu li.active {
    background: url("../img/bg-act-menu.png") no-repeat;
    }
    ul.user-menu li.active a {
        color: #FFF;
        text-decoration: none;
        }
        
        
        

/* Profile table */
.loginform table.profile {
	background-color: #eeeeee;
}
.loginform table.profile td {
	background-color: #F4F9FA;
	border-top: 0 none !important;
}
.loginform table.profile tr.focus td {
	background-color: #ffffdd;
}

/* Event post list */
    .post-list .post:last-child {
        margin: 0;
        padding: 0;
        border-bottom: 0;
        }
    .post {
        margin: 0 0 10px;
        padding: 0 0 10px;
        border-bottom: 1px solid #e5e5e5;
        color: #707070;
        }
    .post div.post__title {
        margin: 0;
        padding-bottom: 3px;
        font-weight: normal;
        font-size: 14px;
        }
    .post div.post__title a {
        color: #1c4eac;
        text-decoration: none;
        }
    .post div.post__title a:hover {
        text-decoration: underline;
        }
    .post div.fee {
        margin: 0;
        font-weight: normal;
        font-size: 11px;
        }
    .post a {
        text-decoration: none;
        }
    .post a:hover {
        text-decoration: underline;
        }
    .post a.more {
        font-size: 12px;
        color: #bbb;
        }
        .post__title {
            font-size: 13px;
            font-weight: normal;
            margin: 0!important;
            color: #1b1b1b!important;
            }
            .post__title a {
                color: #1b1b1b!important;
                }
        .post__info {
            margin: 0;
            color: #1B5967;
            font-size: 0.9em;
            }
        .post__text {
            margin: 0;
            }
    .bottom-line{
        margin-right: 15px;
    }
    .bottom-zip{
        margin-right: 15px; 
        margin-bottom: 5px;
    }
            
/* Event: Box */
    .post-list_box .post__thumb {
        margin: 0;
        width: 55px;
        overflow: hidden;
        float: right;
        }
        .post-list_box .post__thumb img {
            max-width: 55px;
            }
    .post-list_box .post__content {
        margin: 0 60px 0 0;
        }

/* Event: Post list */
    .post-list_page .post__thumb {
        width: 80px;
        overflow: hidden;
        }
        .post-list_page .post__thumb img {
            max-width: 80px;
            }
    .post-list_page .post__content {
        margin-left: 10px;
        color: #535353;
        }
        .post-list_page .post__info {
            padding-bottom: 5px;
            }

/* Event: Full post */
    .post_full .post__thumb {
        float: left;
        margin: 0 10px 5px 0;
        }
    .post_full .post__author,
    .post_full .post__author a {
        color: #003582!important;
        }
/* Manage Menu */
.manage-menu {
    padding-bottom: 10px;
}
.manage-menu a{
    color: #2D8092;
    margin: 5px;
    text-decoration: none;
}
.manage-menu a:hover{
    text-decoration: underline;
}
.manage-menu b{
    margin: 5px;
    color: #889238;
    text-decoration: underline;
}

/* Global */
    .cleared:after {
        display:block;
        clear:both;
        overflow: hidden;
        height:0;
        content:" ";
        }
    .no-bg {
        background: none!important;
        }
    .no-bdr {
        border: none!important;
        }
    .no-margin {
        margin: 0!important;
        }
    .hidden {
        display:none!important;
        }
    .f-left {
        float: left!important;
        }
    .f-right {
        float: right!important;
        }
    .a-left {
        text-align: left!important;
        }
    .a-right {
        text-align: right!important;
        }
    .a-center {
        text-align: center!important;
        }
    .no-opacity {
        opacity: 1!important;
        }
    .shadow {
        -webkit-box-shadow: 3px 3px 10px #222;
        -moz-box-shadow: 3px 3px 10px #222;
        box-shadow: 3px 3px 10px #222;
        }
    .clearer {
        overflow: hidden;
        height: 0;
        clear: both;
        }

        
#person_rating {     /*  ### should be not ID!! */
	font-weight: bold;
}

#person_rating.good{ 
	color: green;
}

#person_rating.bad{
	color: red;
}

#person_rating.neutral{
	color: grey;
}

#person_menu {
	width: 900px;
	margin-bottom: 30px;
	background-color: rgb(154, 147, 189);
    border-spacing: 0px;
    border-radius: 5px;
    color: white;
}

#person_menu td{
	text-align: center;
	width: 30%;
	border-radius: 5px;
	color: inherit;
}

#person_menu a{
	text-align: center;
	width: 30%;
	text-decoration: none;
	font-weight: bold;
	color: inherit;
/*	display: block;*/
}

#person_menu td:hover{
	background-color: rgb(219, 214, 245);
	color: black;
}

#person_menu td.selected {
	background-color: rgb(219, 214, 245);
	color: black;
}


.selected {
	background-color: rgb(219, 214, 245);
	color: black;
}

.attr_author {
	color: grey;
	font-size: 8pt;
}

.input-box {
	text-align: right!important;
	width: 350px;
	overflow: hidden;
}

.input-box-deed {
	margin-bottom: 10px;
}

.pdata {
	border-radius: 5px;
	/*background-color: rgba(154, 148, 185, 0.19);*/
    background-color: #eae3cf;
	margin-bottom: 20px;
	padding: 10px;
    overflow: hidden;
}

.search_result_item {
	margin-bottom: 20px;
	padding: 10px;
}

.search_result_item:hover {
	cursor: pointer;
	border-radius: 5px;
	background-color: rgba(154, 148, 185, 0.19);
}



.anontoggle {
/*	margin-bottom: 10px;*/
	width: 43px;
	height:50px;
	display:block;
	margin-left: 5px;
}

.noanon {
	background-image: url('/peoplepedia/Frontend/img/anon.png');
}

.noanon:hover {
   background-image: url('/peoplepedia/Frontend/img/anonw.png');
}

.anon {
	background-image: url('/peoplepedia/Frontend/img/anonw.png');
}

.anon:hover {
   background-image: url('/peoplepedia/Frontend/img/anon.png');
}

.button {
	text-decoration: none;
	color: white;
	background-color: rgb(154, 147, 189);
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	font-weight: bold;
}

.button:hover {
	background-color: rgb(219, 214, 245);
	color: black;
}

.showmore {
	font-size: 12px;
	color: grey;
}

.good {
	color: green;
}

.bad {
	color: red;
}

.bold {
	font-weight: bold;
}
.theme-img,.theme-desc{
display: inline-block;
position: relative;
}
.theme-name{
background: white;
}
.theme-desc{
vertical-align: top;
padding: 20px 0 0 0;
margin-left: 5px;
width:620px;
height: 180px;
border-radius: 4px;
background-color: white;
min-height: 130px;
overflow-y: scroll;
max-height: 200px;
}
.theme-note{
padding: 20px 0 20px 20px;
border-radius: 4px;
width:800px;
}
.theme-img a.image{
display: block;
width: 200px;
height: 200px;  
background-position: center;
background-repeat: no-repeat;
position: relative;
margin: 0 25px 10px 20px;
border-radius: 6px;
overflow: hidden;  
}
.theme-img a.star{
background-image: url(../img/star.png);    
}
.theme-img a.ystar{
background-image: url(../img/star_yellow.png);    
}
.theme-img a.star,.theme-img a.ystar{
position:absolute;
right:0;
top:0;
width:20px;
height:20px;
z-index: 1;
}
.theme-img a.grade{
background-image: url(../img/grade.png);
position:absolute;
right:0;
top:25px;
width:15px;
height:21px;
z-index: 1;
margin-right: 2px;
}
.theme-img a.share{
background-image: url(../img/share.png);
position:absolute;
right:0;
top:50px;
width:20px;
height:20px;
z-index: 1;
}
a.editT{
display: block;
background-image: url(../img/editT.png);
width:21px;
height:21px;
}
.theme-img a.editT{
background-image: url(../img/editT.png);
position:absolute;
right:0;
top:75px;
width:21px;
height:21px;
z-index: 1;
}
.theme-img a.delT{
background-image: url(../img/deleteT.png);
position:absolute;
right:0;
top:100px;
width:21px;
height:21px;
z-index: 1;
}
td .theme-img a.share{
top:25px;
}
td .theme-img a.editT{
top:50px;
}
td .theme-img a.delT{
top:75px;
}
.theme-img a.startT{
background-image: url(../img/startT.gif);
display: block;
width:21px;
height:21px;
float:right;
margin-top: -3px;
}
.theme-img a.stopT{
background-image: url(../img/stopT.gif);
display: block;
width:21px;
height:21px;
float:right;
margin-top: -3px;
margin-left:3px;
}
.theme-img .theme-date{
float:right;
margin-right:20px;
padding-left:25px;
}
.theme-img .theme-date div{
height:21px;
}
.rec-info,.material-item-name{
float: left;
border-radius: 6px 6px 6px 6px;
background-color: rgba(255, 255, 255, 1);
padding: 5px;
}
.material-item-name div a, a.viewM{
background-image: url(../img/view_medium.png);
display: block;
width:54px;
height:56px;    
}
.spirit-rec-info,.spirit-rec-info-top {
position: absolute;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.6);
padding: 16px;
border-radius: 0 0 6px 6px;
text-align: center;
}
.spirit-rec-info-top {
top: 0;
}
.spirit-rec-info {
bottom: 0;
}
.spirit-rec-info strong,.spirit-rec-info-top strong{
font-size: 15px;
color: #ffffff;
display: block;
}
.thems .show-all{
border-radius: 40px;
display: inline-block;
padding: 0 10px 10px;
position: absolute;
left: 350px;
}
.show-my{
bottom: -10px;
display: inline-block;
padding: 0 10px 10px;
position: absolute;
}

.top-themes,.my-themes,.all-themes {
border-radius: 4px;
position: relative;
margin-bottom: 20px;
overflow-y: auto;
overflow-x: hidden;
max-height: 500px;
}
.top-themes,.thems .top-themes .show-all{
/*background: #E16F26;    */
background: #eae3cf;
padding-bottom: 30px;
}
.my-themes,.thems .my-themes .show-all{
/*background: #EDBE6C;    */
background: #F5F2E9;
padding-bottom: 30px;
}
.all-themes,.thems .all-themes .show-all{
/*background: #F1D9B5;    */
background: #ffffff;
padding-bottom: 30px;
}
/*.top-themes .title,.my-themes .title,.all-themes */
.title{
font-family: Lucida Sans,Arial;
font-size: 18px;
color: rgb(51, 51, 51);
margin-left:25px;
width:100%;
float:left;
}
.my-themes .theme-items,.all-themes .theme-items, .products .theme-items{
padding:0 50px 0 50px;
}
.top-themes .theme-items{
padding:20px 0 0 20px;
}
.theme-items{
overflow: hidden;
}
.add-theme,.add-material{
cursor: pointer;    
position: absolute;
right:0px;
display:block;
width: 54px;
z-index:1;
}
.add-theme{
background-image: url(../img/plus.png);
height: 54px;
}
.add-theme:hover{
background-image: url(../img/plus_hover.png);
height: 54px;
}
.add-material{
background-image: url(../img/material.png);
height: 33px;
}
.thems{
position: relative;
}
.about-text{
border-radius: 4px;
position: relative;
overflow: hidden;
margin-bottom: 10px;
height:250px;
font-weight: bold;    
}
.thems .btn-show,.show-my .btn-show {
border-radius: 20px;
}
.btn, button, input[type="submit"], input[type="button"], input[type="file"]>input[type="button"], a.submit-button {
display: inline-block;
font-size: 15px;
text-decoration: none;
cursor: pointer;
padding: 7px 15px;
border: 1px solid;
border-color: #dddddd #dddddd #aaaaaa;
background: #f5f5f5;
border-bottom-width: 2px;
background: -webkit-linear-gradient(top, #F5F5F5, #E7E7E7);
background: -moz-linear-gradient(top, #F5F5F5, #E7E7E7);
background: -o-linear-gradient(top, #F5F5F5, #E7E7E7);
background: -ms-linear-gradient(top, #F5F5F5, #E7E7E7);
background: linear-gradient(top, #F5F5F5, #E7E7E7);
box-shadow: 0 1px #ffffff inset,1px 0 #f7f7f7 inset,-1px 0 #f7f7f7 inset,0 -1px #f1f1f1 inset,0 1px #e6e6e6;
border-radius: 2px 2px 3px 3px;
text-align: center;
color: #333333;
text-shadow: 0 1px #f0f0f0;
-webkit-appearance: none;
}
.btn:hover{
background: #f9f9f9;
}
.highslide-body{
width:450px;
}
textarea.description{
width: 450px;
height: 100px;
}
.type-sub,.img-type-2{
background-image: url(../img/subtheme/subtheme.gif);
}
.type-identity{
background-image: url(../img/subtheme/identity.gif);
}
.type-skill,.img-type-4{
background-image: url(../img/subtheme/skil.png);
}
.type-diary,.img-type-3{
background-image: url(../img/subtheme/diary.gif);
}
.type-mood,.img-type-5{
background-image: url(../img/subtheme/mood.gif);
}
.type-product,.img-type-product{
background-image: url(../img/subtheme/product70.png);
}
.type-sub,.type-identity,.type-skill,.type-mood,.type-diary{
width:70px;
height:70px !important;
display:block;
}
.type-sub.active,.type-identity.active,.type-skill.active,.type-mood.active,.type-diary.active{
border: 2px #007A43 solid;
border-radius: 4px;
position: relative;
}
.img-type-2,.img-type-3,.img-type-4,.img-type-5,.img-type-product{
position: absolute;
cursor: pointer;
width: 70px;
height: 70px;
top:0px;
left:0px;
}
.my-themes .sub,.all-themes .sub,.products{
position: relative;    
}
.message {
/*margin-bottom: 20px;*/
padding: 10px;
border-radius: 5px;
}
.message.unread {
background-color: rgba(154, 148, 185, 0.19);
}
td.type-material {
width:70px;
height:70px !important;
display:block;
}
.material-item{
border-radius: 6px;
position: relative;
background: #eae3cf;
width:550px;
float: left;
}
.material-item table{
    border: black;
    border-width: 3px;
}
.material-item.view {
width:900px;
clear: both; min-height: 250px; margin-bottom: 20px;
}
.material-item .theme-img{
position: inherit;
}
.material-votes.view {
float: right; clear: both; margin: 15px;
}
.material-comments.view {
clear: both;
}
tr.material-item-header td{
padding: 5px;    
}

.product-item{
border-radius: 6px;
position: relative;
/*background: #eae3cf;*/
float: left;
}
.product-item.view {
width:900px;
clear: both; min-height: 250px; margin-bottom: 20px;
}

.comment-header{
background-color: #98bfdf;
padding: 5px;
height: 25px;
}
.comment{
width:800px;
margin-bottom: 20px;
border-radius: 5px;
border-color: #98bfdf;
border-style: solid;
border-width: 1px;
padding: 10px;
overflow: auto;
}
.comment-top{
width:330px;
float: left;
margin-left: 10px;
}
.comment-top a.delT{
background-image: url(../img/deleteT.gif);
display: block;
width:21px;
height:21px;
}
.item-wrapper{
margin-bottom: 10px;
margin-top:20px;
clear: both;
min-height: 120px;
overflow: hidden;
}
.comment-info{
    font-size: 10pt;
    color: gray;
}

.material-item .comment-block{
border-color: white;
border-style: solid;
border-radius: 4px;
position: relative;
margin-bottom: 5px;
}

.comment-body{
background: white;
height:100px;
padding: 5px;
}
.add-comment{
background-image: url(../img/editT.gif);
background-repeat: no-repeat;
display: block;
height:21px;
padding-left: 25px;
}

.breadcrumbs {
margin-bottom: 10px;
font-style: italic;
font-size: 11pt;
}
.material-item .left{
float: left; 
}

.material-item-text,.article-item-text,product-item-text{
float: left; 
word-wrap: break-word;
background: white;
border-color: #eae3cf;;
border-style: solid;
border-radius: 4px;
position: relative;
margin-bottom: 5px;
min-height: 230px;
min-width: 795px;
padding: 10px 5px 5px 5px;
}
.product-item-text.view{
width:100%;
}
.material-item-text.view{
min-width: 595px;
width: 650px;
overflow-x: scroll;
}
.article-item-text.view{
width: 884px;
}
.comment__body{
max-width: 580px;
}

.trdebug label {
color: red; 
margin-bottom: 10px;
clear: both;
}

.right{
float:right;
}
.sort{
overflow: hidden;
}
.sort div{
    float:left;
    margin-right: 5px;
}
.sort_mode a{
display: block;
width:20px;
height:16px;
}
.sort_mode a.asc{
background-image: url(../img/sort_asc.png);
background-repeat: no-repeat;
}
.sort_mode a.desc{
background-image: url(../img/sort_desc.png);
background-repeat: no-repeat;
}
/*grades*/
.grades{
padding-left: 0px;
float:left;
}
.grades input.val{
width:94px;
}

.grades a.plusA{
background-image: url(../img/plusA.jpg);
background-repeat: no-repeat;
display: block;
width: 21px;   
height:21px;
}
.grades table.template{
display: none;    
}
.pdata .grades-cont{
width:100%; 
overflow: hidden;
}
.pdata .grades-cont .item{
float:left;
margin-right:10px;
word-break: break-all;
}
.grade-total{
color:#F39C12;
font-weight: bolder;
}
.none{
display: none;
}
.green{
color:green;
}
.red{
color:red;
}
.yellow{
    color:yellow;
}
.reward,.reward-a{
background-repeat: no-repeat;
display: block;
width: 25px;   
height: 31px;    
float: right;
cursor: pointer;
}
.reward-a{
background-image: url(../img/reward-a.png);
}
.reward{
background-image: url(../img/reward.png);
}
a.buttonS,a.buttonG{
background-image: url(../img/save_b1.png) !important;
width: 127px;
height: 37px;
display: block;
text-decoration:none;
font-size:16px;
font-weight:bold;
color:#C6CCD9;
}
a.luna,a.im,a.love,a.jupiter,a.talant,a.gold,a.astro{
width: 110px;
height: 38px;
display: block;
text-decoration:none;
float:left;
}
a.luna{
background-image: url(../img/astro/luna.png) !important;
}
a.im{
background-image: url(../img/astro/im.png) !important;
}
a.love{
background-image: url(../img/astro/love.png) !important;
}
a.jupiter{
background-image: url(../img/astro/jupiter.png) !important;
}
a.talant{
background-image: url(../img/astro/talant.png) !important;
}
a.gold{
background-image: url(../img/astro/gold.png) !important;
}
a.astro{
background-image: url(../img/astro/astro.png) !important;
width: 150px !important;
}
a.buttonS:hover,a.buttonG:hover{
color:white;
}
.buttonS div{
padding: 5px 25px;
}
.buttonG div{
padding: 5px 18px;
}
.add-link{
cursor: pointer;
color:blue;
}
.del-link{
cursor: pointer;
color:blue;
}
.error{
color:red;
}
#divReward{
cursor: pointer;
}
.reward-user{
overflow: hidden;
    padding: 5px 0 5px 0;
    margin: 5px 1px 5px 1px;
}
.left{
float: left;
}
.hidden{
overflow: hidden;
}
.groups a{
margin-right:5px;
}
.groupcreate{
position: relative;margin-left: 200px;margin-top: 10px;
}
.rewards{
    overflow: hidden;border-radius: 5px;margin-top:10px;
    color:white;
    vertical-align: middle;
    font-size: large;
}
.tag{
    margin-right:5px;
}
img.placeImg
{
    width:20px;
}

div.prof{
    background: url(/peoplepedia/Frontend/img/ls.jpg) !important;
    color:white;
}

.tradingview-widget-container
{
    float:left;
}
#resp{
    margin-top:10px;
    margin-bottom:10px;
}
.loader
{
    width: 300px;
    height: 169px;
    background: url(/peoplepedia/Frontend/img/loader_earth.gif) !important;
}
.hidden
{
    display: none;
}

.delta
{
    margin-left:70px;
    width:90px;
    float:left;
    display: inline;
}

.messages
{
    width:800px;
    float:left;
    margin-top:20px;
    max-height: 500px;
    overflow-y: scroll;
}
.trackT
{
    width:400px;
}
.trades
{
    margin-right:50px;
    float:left;
}
.ui-datepicker-trigger
{
    padding: 0;
}

a.delT{
    background-image: url(../img/deleteT.png);
    width:21px;
    height:21px;
    display: block;
    float:left;
}

a.trackP{
    display: block;
    float:left;
}

#tblPosUsdt,#tblPosBtc
{
    min-width:800px;
}

.min-loader
{
    width: 24px;
    height: 24px;
    background: url(/peoplepedia/Frontend/img/loader.gif) !important;
}

a.delO{
    background-image: url(../img/deleteT.png);
    width:21px;
    height:21px;
    display: block;
    float:right;
}
a.order-del-link,a.order-add-link,a.order-can-link{
    width:50px;
    height:21px;
    display: block;
    float:right;
}
a.order-can-link{
 margin-right: 20px;
}
a.order-add-link{
    width:60px;
}
h3.deleted
{
    background: #FF6070;
}
h3.deleted:hover
{
    background: #FF3060;
}
h3.error
{
    background: #000000;
}
h3.error:hover
{
    background: #303030;
}
h3.complete
{
    background: #26A69A;
}
h3.complete:hover
{
    background: #32DBCA;
}
h3.wait
{
    background: #FFD800;
}
h3.wait:hover
{
    background: #FFE97F;
}
#profit
{
    width: 160px;
}
.deals-history
{
    height: 510px;
    overflow-y: scroll;
}

#thumbnails
{
    margin-bottom:20px;
}
.copy-to-clipboard
{
    width:14px;
    height:14px;
    background-image: url(../img/copy_clipboard14x14.png);
    display: block;
    float:left;
    margin-right: 10px;
    cursor: pointer;
}

.copy-to-clipboard-txt
{
    margin-left: -2000px;
    position: absolute;
}

.by-cont-hidden
{
    visibility: hidden;
}
.by-cont
{
    visibility:visible;
}
.smallb
{
    height: 15px !important;
    font-size: 10px !important;
    padding-top: 0px !important;
}
.done
{
    width: 20px;
    height: 20px;
    background-image: url(../img/check-mark-20.png);
    display: block;
    float:right;
}
.sliderA{
    width: 500px;
    background-image: url(../img/colorscale.png);
    opacity: 1 !important;
    background-size: cover;
    margin-bottom: 5px;
    margin-top: 5px;
}
.sliderA span{
    background-color: #C6CCD9 !important;
    width: 0.5em !important;
}