*{font-family: 'Times New Roman';}
html,body{margin:0;padding:0;font:10pt 'Times New Roman'}

.bd-T{background:#ddd9cd}
.bd-G{background:#eee}

/************************
*     MINI-DIALOGS      *
************************/

.err{
	position: absolute;
	display:inline-block;
	color: #eee;
	z-index: 99999;
	font-size: 10pt;
	border-radius: 5px;
	padding:10px;
	background-color:#888;
	margin-left:10px;
	cursor: pointer;
}
.err div{display:inline-block;}
.err:before{
	content: "";
    position: absolute;
    border: 10px solid transparent;
	border-right-color:#888;
    left: -20px;
    top: 10px;
}
.err div{
	width:21px;
	height:21px;
	border-radius:10px;
	background: url(pic/x.png) #fff;
	margin: 0 0 0 5px;
	padding:0;
	vertical-align: middle;
}

#hint{
	position: absolute;
	display:inline-block;
	color: #eee;
	z-index: 99999;
	font-size: 10pt;
	border-radius: 5px;
	padding: 5px;
	margin-top:-10px;
	cursor: pointer;
	
	
	background:#333;
	background: -moz-linear-gradient(top, #ddd 0%, #777 100%);
	background: -webkit-linear-gradient(top, #ddd 0%, #777 100%);
	background: -o-linear-gradient(top, #ddd 0%, #777 100%);
	background: -ms-linear-gradient(top, #ddd 0%, #777 100%);
	background: linear-gradient(top, #ddd 0%, #777 100%);
	
}
#hint:before{
	content: "";
    position: absolute;
    bottom: -20px;
	left: 45%;
	padding:0;
	margin:0;
	
	border: 10px solid transparent;
	border-top-color:#777;
}

/************************
*         PANEL         *
************************/
#up,#left,#right,#meddle,#down{
	position: absolute;
	box-shadow:0 0 10px rgba(0,0,0,0.4);
}
#up,#meddle,#down {
	left:0;
	right:0;
}
#up{
	top:0;
	height: 30px;
	font-size:12pt;
	vertical-align:top;
}
#down{
	bottom:0;
	text-align: center;
	font-size: 6pt;
}
#meddle,#left,#right{
	top:45px;
	bottom: 2%;
	padding: 5px;
}
#left{left: 1%; width:25%}
#right{right:1%; left: 27%}

#winpanel,#winpanel1,#winpanel2,#winpanel3{
	overflow: auto;
	position: absolute;
	border:solid #bbb 1px;
	border-radius:5px;
}

#window{
	position:fixed;
	top: 0;
	bottom:0;
	right:0;
	left:0;
	display:flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	background-color: rgba(0,0,0,.5);
	z-index:999999999;
}
#window>div{
	min-width: 150px;
	min-height: 60px;
}


.panel{
	border-radius: 10px;
	padding:10px;
	margin: 5px;
	box-shadow:0 0 10px rgba(0,0,0,0.4);
}

/************************
*     COLOR-THEME       *
************************/

.cl-gray{
	color: #ddd;
	background:#ccc;
	background:      -o-linear-gradient(top, #aaa 0%, #888 5%, #787878 95%);
	background:     -ms-linear-gradient(top, #aaa 0%, #888 5%, #787878 95%);
	background:    -moz-linear-gradient(top, #aaa 0%, #888 5%, #787878 95%);
	background: -webkit-linear-gradient(top, #aaa 0%, #888 5%, #787878 95%);
	background:         linear-gradient(top, #aaa 0%, #888 5%, #787878 95%);
}

.cl-gray.act{
	color: #fff;
	background:#ccc;
	background:      -o-linear-gradient(top, #aaa 0%, #999 5%, #a8a8a8 95%);
	background:     -ms-linear-gradient(top, #aaa 0%, #999 5%, #a8a8a8 95%);
	background:    -moz-linear-gradient(top, #aaa 0%, #999 5%, #a8a8a8 95%);
	background: -webkit-linear-gradient(top, #aaa 0%, #999 5%, #a8a8a8 95%);
	background:         linear-gradient(top, #aaa 0%, #999 5%, #a8a8a8 95%);
}

a.cl-gray:hover,.cl-gray.but:hover,.cl-gray.radio:hover{
	color: #ddd;
	background:#ccc;
	background:      -o-linear-gradient(top, #666 0%, #787878 5%, #aaa 95%);
	background:     -ms-linear-gradient(top, #666 0%, #787878 5%, #aaa 95%);
	background:    -moz-linear-gradient(top, #666 0%, #787878 5%, #aaa 95%);
	background: -webkit-linear-gradient(top, #666 0%, #787878 5%, #aaa 95%);
	background:         linear-gradient(top, #666 0%, #787878 5%, #aaa 95%);
}

.cl-gray.act:hover{
	color: #fff;
	background: #ccc;
	background:      -o-linear-gradient(top, #bbb 0%, #777 5%, #b0b0b0 95%);
	background:     -ms-linear-gradient(top, #bbb 0%, #777 5%, #b0b0b0 95%);
	background:    -moz-linear-gradient(top, #bbb 0%, #777 5%, #b0b0b0 95%);
	background: -webkit-linear-gradient(top, #bbb 0%, #777 5%, #b0b0b0 95%);
	background:         linear-gradient(top, #bbb 0%, #777 5%, #b0b0b0 95%);
}

.cl-black{
	color: #eee;
	background: #404040;
	background:      -o-linear-gradient(top, #555555 0%, #2d2d2d 100%);
	background:     -ms-linear-gradient(top, #555555 0%, #2d2d2d 100%);
	background:    -moz-linear-gradient(top, #555555 0%, #2d2d2d 100%);
	background: -webkit-linear-gradient(top, #555555 0%, #2d2d2d 100%);
	background:         linear-gradient(top, #555555 0%, #2d2d2d 100%);
}

.cl-red{
	color: #222;
	background: #f0363c;
	background:      -o-linear-gradient(top, #fe4f55 0%, #e01b21 100%);
	background:     -ms-linear-gradient(top, #fe4f55 0%, #e01b21 100%);
	background:    -moz-linear-gradient(top, #fe4f55 0%, #e01b21 100%);
	background: -webkit-linear-gradient(top, #fe4f55 0%, #e01b21 100%);
	background:         linear-gradient(top, #fe4f55 0%, #e01b21 100%);
}

.cl-red.act{
	color: yellow;
	background: #f0363c;
	background:      -o-linear-gradient(top, #e01b21  0%, #fe4f55 100%);
	background:     -ms-linear-gradient(top, #e01b21  0%, #fe4f55 100%);
	background:    -moz-linear-gradient(top, #e01b21  0%, #fe4f55 100%);
	background: -webkit-linear-gradient(top, #e01b21  0%, #fe4f55 100%);
	background:         linear-gradient(top, #e01b21  0%, #fe4f55 100%);
}                                                        

a.cl-red:hover,.cl-red.but:hover,.cl-red.radio:hover{
	background: #f2464c;
	background:      -o-linear-gradient(top, #ff8080 0%, #fe4f55 25%, #e01b21 100%);
	background:     -ms-linear-gradient(top, #ff8080 0%, #fe4f55 25%, #e01b21 100%);
	background:    -moz-linear-gradient(top, #ff8080 0%, #fe4f55 25%, #e01b21 100%);
	background: -webkit-linear-gradient(top, #ff8080 0%, #fe4f55 25%, #e01b21 100%);
	background:         linear-gradient(top, #ff8080 0%, #fe4f55 25%, #e01b21 100%);
}

.cl-white{
	color: #000;
	background: #f0f0f0;
}

.cl-lBlue{
	color: #000;
	background: #e8f8ff;
}

.cl-lBlue.act{
	color: #000;
	background: #fff;
}

a.cl-lBlue:hover,.cl-lBlue.but:hover,.cl-lBlue.radio:hover,.cl-lBlue.act:hover{
	color: #000;
	background: #f0faff;
}

.cl-Tree{
	color:#555;
	background: #eeeade;
    background:      -o-linear-gradient(top, #eeeade 0%, #ddd9cd 100%);
    background:     -ms-linear-gradient(top, #eeeade 0%, #ddd9cd 100%);
    background:    -moz-linear-gradient(top, #eeeade 0%, #ddd9cd 100%);
    background: -webkit-linear-gradient(top, #eeeade 0%, #ddd9cd 100%);
    background:         linear-gradient(top, #eeeade 0%, #ddd9cd 100%);
}

.cl-Tree.act{
	background:      -o-linear-gradient(top, #eeebde 0%, #f8f8f8 100%);
    background:     -ms-linear-gradient(top, #eeebde 0%, #f8f8f8 100%);
    background:    -moz-linear-gradient(top, #eeebde 0%, #f8f8f8 100%);
    background: -webkit-linear-gradient(top, #eeeede 0%, #f8f8f8 100%);
    background:         linear-gradient(top, #eeebde 0%, #f8f8f8 100%);
}

a.cl-Tree:hover,.cl-Tree.but:hover,.cl-Tree.radio:hover{
    color: black;
    background: #f0f0f0;
    background:      -o-linear-gradient(top, #f0f0f0 0%, #dedace 100%);
    background:     -ms-linear-gradient(top, #f0f0f0 0%, #dedace 100%);
    background:    -moz-linear-gradient(top, #f0f0f0 0%, #dedace 100%);
    background: -webkit-linear-gradient(top, #f0f0f0 0%, #dedace 100%);
    background:         linear-gradient(top, #f0f0f0 0%, #dedace 100%);
}

.cl-Tree.act:hover{
    background:      -o-linear-gradient(top, #dedace 0%, #f0f0f0 100%);
    background:     -ms-linear-gradient(top, #dedace 0%, #f0f0f0 100%);
    background:    -moz-linear-gradient(top, #dedace 0%, #f0f0f0 100%);
    background: -webkit-linear-gradient(top, #dedace 0%, #f0f0f0 100%);
    background:         linear-gradient(top, #dedace 0%, #f0f0f0 100%);
}

.cl-l-gray{
	color: #fff;
	background-color:#f0363c;
	background:      -o-linear-gradient(top, #eee 0%, #999 100%);
	background:     -ms-linear-gradient(top, #eee 0%, #999 100%);
	background:    -moz-linear-gradient(top, #eee 0%, #999 100%);
	background: -webkit-linear-gradient(top, #eee 0%, #999 100%);
	background:         linear-gradient(top, #eee 0%, #999 100%);
}

.cl-l-gray.act{
	color: #fff;
	background-color:#f0363c;
	background:      -o-linear-gradient(top, #ddd 0%, #aaa 100%);
	background:     -ms-linear-gradient(top, #ddd 0%, #aaa 100%);
	background:    -moz-linear-gradient(top, #ddd 0%, #aaa 100%);
	background: -webkit-linear-gradient(top, #ddd 0%, #aaa 100%);
	background:         linear-gradient(top, #ddd 0%, #aaa 100%);
}

a.cl-l-gray:hover,.cl-l-gray.but:hover,.cl-l-gray.radio:hover{
	background-color:#f0363c;
	background:      -o-linear-gradient(top, #999 0%, #eee 100%);
	background:     -ms-linear-gradient(top, #999 0%, #eee 100%);
	background:    -moz-linear-gradient(top, #999 0%, #eee 100%);
	background: -webkit-linear-gradient(top, #999 0%, #eee 100%);
	background:         linear-gradient(top, #999 0%, #eee 100%);
}

.cl-l-gray.act:hover{
	color: #fff;
	background-color:#f0363c;
	background:      -o-linear-gradient(top, #aaa 0%, #ddd 100%);
	background:     -ms-linear-gradient(top, #aaa 0%, #ddd 100%);
	background:    -moz-linear-gradient(top, #aaa 0%, #ddd 100%);
	background: -webkit-linear-gradient(top, #aaa 0%, #ddd 100%);
	background:         linear-gradient(top, #aaa 0%, #ddd 100%);
}

.brd-none{
	border:none;
}

.brd-lGray, .cl-gray.but.brd-dGray:hover, .cl-gray.radio.brd-dGray:hover{
	border: solid 2px #eee;
}

.brd-dGray, .cl-gray.but.brd-lGray:hover, .cl-gray.radio.brd-lGray:hover{
	border: solid 2px #666;
}

.brd-lTree, .cl-Tree.but.brd-dTree:hover, .cl-Tree.radio.brd-dTree:hover{
	border: solid 2px #eeeade;
}

.brd-dTree, .cl-Tree.but.brd-lTree:hover, .cl-Tree.radio.brd-lTree:hover{
	border: solid 2px #dadada;
}

.brd-l-3d{
	border: outset 2px #fff;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.5);
}

.brd-input{
	border: solid 1px #ddd;
}

.brd-wTree{
	border: solid 2px #f0f0f0;
}

.sh-black{
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}

.sh-black2{
	box-shadow:0 0 20px rgba(0,0,0,0.5);
}

.sh-white{
	box-shadow: 0 0 10px rgba(255,255,255,.5);
}

.sh-white2{
	box-shadow: 0 0 20px rgba(255,255,255,.5);
}

.but.sh-black:hover, .radio.sh-black:hover, .sh-h-black:hover{
	box-shadow:0 0 15px rgba(0,0,0,0.8);
}

.but.sh-white:hover, .radio.sh-white:hover, .sh-h-white:hover{
	box-shadow:0 0 15px rgba(255,255,255,0.9);
}

/************************
*       INPUTES         *
************************/

.but,.radio{
	display:inline-block;
    padding:5px;
    cursor:pointer;
    text-decoration:none;
}

.but{
	border-radius:5px;
}

.radio.-l{
	border-radius: 6px 0 0 6px;
}
.radio.-r{
	border-radius: 0 6px 6px 0;
}

/************************
*      OTHER-STYLE      *
************************/

.flexpanel{
	display:flex;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.flexcolumn{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.flexcenter{
	display:flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.i-sh-in{
	padding:10px 15px;
	border-radius: 5px;
	border: solid 1px #aaaaaa;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
	color: #888;
	width: 240px;
}

.u-rd{
	border-radius: 10px;
}


/********************
*     BB-CODE       *
********************/

.post em{font-style:normal}
.post strike{text-decoration:none}
.post userStyle{
	border-radius: 10px;
	padding:10px;
	margin: 5px;
	border: solid 2px #eee;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}