@charset "utf-8";
/* CSS Document */

body{
	background-color:#333;
}

#side-bar{
	background-color:#555555;
	-webkit-box-shadow: 3px 0px 4px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    3px 0px 4px rgba(50, 50, 50, 0.3);
	box-shadow:         3px 0px 4px rgba(50, 50, 50, 0.3);
}

#side-bar div#search-box{
	-webkit-box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 3px 4px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 3px 4px rgba(50, 50, 50, 0.3);
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

#side-bar div#search-box #search-field{
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	background-color:#FFF;
	color:#666;
	background-image:url(../images/icon_side_bar.png);
	background-size:50px 350px;
	background-repeat:no-repeat;
	background-position:-10px -260px;

}
#side-bar div.side-bar-block a{
	border-bottom:1px solid #CCC;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	color:#333;
	text-shadow: 0px 1px #CCCCCC;
	position:relative;
}
#side-bar .side-bar-block .left, #side-bar .side-bar-block .right{
	background-image:url(../images/icon_side_bar.png);
	background-size:50px 350px;
	background-repeat:no-repeat;
}
#side-bar div.side-bar-block .side-bar-icon-myfav{
	background-position:0px 0px;
}
#side-bar div.side-bar-block .side-bar-icon-pm{
	background-position:0px -50px;
}
#side-bar div.side-bar-block .side-bar-icon-pm-new{
	background-position:0px -200px;
}
#side-bar div.side-bar-block .side-bar-icon-logout{
	background-position:0px -100px;
}
#side-bar div.side-bar-block .side-bar-icon-login{
	background-position:0px -100px;
}
#side-bar div.side-bar-block .side-bar-icon-mine{
	background-position:0px -300px;
}

/*------------------------------------------*/

#side-bar .side-bar-block .group-link .left, #side-bar .side-bar-block .group-link .right{
	background-image:url(../images/group_icon_50.png);
	background-size:200px 500px;
	background-repeat:no-repeat;
	font-size:0.8em;
}

#side-bar .side-bar-block .group-link .side-bar-group-icon-621{background-position:0px 0px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-974{background-position:0px -50px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-255{background-position:0px -100px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-627{background-position:0px -150px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-1179{background-position:0px -200px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-620{background-position:0px -250px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-975{background-position:0px -300px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-617{background-position:0px -350px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-610{background-position:0px -400px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-976{background-position:0px -450px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-622{background-position:-50px 0px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-981{background-position:-50px -50px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-628{background-position:-50px -100px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-626{background-position:-50px -150px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-978{background-position:-50px -200px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-979{background-position:-50px -250px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-618{background-position:-50px -300px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-977{background-position:-50px -350px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-1180{background-position:-50px -400px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-619{background-position:-50px -450px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-630{background-position:-100px 0px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-274{background-position:-100px -50px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-266{background-position:-100px -100px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-10{background-position:-100px -150px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-980{background-position:-100px -200px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-629{background-position:-100px -250px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-1181{background-position:-100px -300px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-982{background-position:-100px -350px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-254{background-position:-100px -400px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-1{background-position:-100px -450px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-239{background-position:-150px 0px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-1412{background-position:-150px -50px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-1182{background-position:-150px -100px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-14{background-position:-150px -150px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-983{background-position:-150px -200px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-719{background-position:-150px -250px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-356{background-position:-150px -300px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-6{background-position:-150px -350px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-484{background-position:-150px -400px;}
#side-bar .side-bar-block .group-link .side-bar-group-icon-31{background-position:-150px -450px;}



#side-bar .side-bar-block .group-link .side-bar-group-icon-delete{
	background-image:url(../images/icon_side_bar.png);
	background-size:50px 350px;
	background-repeat:no-repeat;
	background-position:0px -150px;

}
/*-------------------------------------------*/
#side-bar div.side-bar-block{
	-webkit-box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 3px 4px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 3px 4px rgba(50, 50, 50, 0.3);
}

#side-bar div.side-bar-block a:hover{
	background: rgb(117,117,117); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(117,117,117,1) 0%, rgba(214,214,214,1) 11%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,117,117,1)), color-stop(11%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(117,117,117,1) 0%,rgba(214,214,214,1) 11%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(117,117,117,1) 0%,rgba(214,214,214,1) 11%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(117,117,117,1) 0%,rgba(214,214,214,1) 11%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(117,117,117,1) 0%,rgba(214,214,214,1) 11%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}
#side-bar div.side-bar-title{
	background-color:#666;
	color:#FFF;
	padding:2px;
}
#main-area{
	background-color:#FFF;
}
#top-bar{
	background-color:#FF7500;

	-webkit-box-shadow: 0px 3px 4px rgba(50, 50, 50, 0);
	-moz-box-shadow:    0px 3px 4px rgba(50, 50, 50, 0);
	box-shadow:         0px 3px 4px rgba(50, 50, 50, 0);

}
#top-menu-btn-menu{
	background-image:url(../images/icon_main_area.png);
	background-size: 250px 50px;

}
#top-menu-btn-post{
	background-image:url(../images/icon_main_area.png);
	background-position:-100px 0px;
	background-size: 250px 50px;
}
#top-menu-btn-next{
	background-image:url(../images/icon_main_area.png);
	background-position:-150px 0px;
	background-size: 250px 50px;
}
#top-menu-btn-mobile{
	background-image:url(../images/icon_main_area.png);
	background-position:-200px 0px;
	background-size: 250px 50px;
}
#top-logo{
	color:#FFF;
	/*background-image:url(../images/logo.png);*/
	/*background-size: 150px 50px;*/
	/*background-position:center;*/
	/*background-repeat:no-repeat;*/
	/*text-indent:-999px;*/
}
#go-top{
	/*background-image:url(../images/icon_main_area.png);*/
	background-size: 200px 50px;
	background-position:-50px 0px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#content-area{
	background-color:#FFF;
}
#content-area h1{
	color:#333;
	/*
	-webkit-box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 2px 4px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 2px 4px rgba(50, 50, 50, 0.3);
	*/
	border-bottom:3px double #999;
	border-top:3px double #999;
	background-color:#EEE;




	text-shadow: 0px 1px #FFF;
	/*
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 2px;
	*/
}
#content-area h1 a{
	color:#333;
}
#content-area .forum-hot, #content-area .forumdisplay, #content-area .pm-list{
	border:1px solid #DDD;
}
#content-area .forum-hot .thread-list-item, #content-area .forumdisplay .thread-list-item, #content-area .pm-list .list-item, .banner-forum{
	border-bottom:1px solid #DDD;
	text-decoration:none;
}
#content-area .even, #content-area .even{
	background-color:#FFFFF0;
}
#content-area .forum-hot .thread-list-item:hover, #content-area .forumdisplay .thread-list-item:hover, #content-area .pm-list .list-item:hover{
	background-color:#EEE;
}

#content-area .forum-hot .thread-list-item a.item-info, #content-area .forumdisplay .thread-list-item a.item-info{
	text-shadow: 0px 1px #FFF;
	color:#000;
	text-decoration:none;
}
#content-area .forumdisplay .thread-list-item a.item-info .info-user, #content-area .forumdisplay .thread-list-item a.item-info .info-reply{
	color:#999;
}
#content-area .forumdisplay .thread-list-item a.item-info .info-reply .reply-details{
	color:#777;
}

#content-area .forumdisplay .thread-list-item .item-page-select{
	/*background-color:#FFF;*/
	color:#444;
}

#content-area .forumdisplay .info-title em{
	font-style: normal;
	font-weight: normal;
	color:#999;
}

.forumdisplay-gallery .thread-list-item{
	-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.8);
	-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.8);
	box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.8);

	border:8px solid #FFF;
}
.forumdisplay-gallery .thread-list-item .blank{
	background-image:url(../images/placeholder_img.png);
	background-color: #EEEEEE;
  background-size: 215px 125px;
  background-position: center -45%;
}
.forumdisplay-gallery .thread-list-item .info-title{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#ccffffff',GradientType=0 ); /* IE6-9 */
	border-top:1px solid #FFF;
}

.forumdisplay-gallery .info-title em{
	font-style:normal;
	font-weight:normal;
}

.forumdisplay-gallery .info-title .title-text{
	color:#444;
	text-shadow:0px 2px #FFF;
}


.forum-focus .focus-title{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#ccffffff',GradientType=0 ); /* IE6-9 */
	border-top:1px solid #FFF;
	border-bottom:1px solid #CCC;



	color:#333;
	text-shadow:0px 1px #CCC;

}

.forum-focus .focus-item-large, .forum-focus .focus-item-odd, .forum-focus .focus-item-even{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


#content-area .pm-list .list-item .item-title{
	color:#333;
	text-shadow:0px 1px #FFF;


}

/*---Category Group----------------------------------------------------------------*/

.category-group-list a, .category-forum-list a{
	background-color:#F90;
	-webkit-borderradius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*
	-webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    0px 2px 3px rgba(50, 50, 50, 0.6);
	box-shadow:         0px 2px 3px rgba(50, 50, 50, 0.6);
	*/
	border-bottom:1px solid #999;


	text-shadow: 0px 2px #FFFFFF;

	color:#444;

	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 12%, #ededed 46%, #c6c6c6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(12%,#ffffff), color-stop(46%,#ededed), color-stop(100%,#c6c6c6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 12%,#ededed 46%,#c6c6c6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7f7f7 0%,#ffffff 12%,#ededed 46%,#c6c6c6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#ffffff 12%,#ededed 46%,#c6c6c6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 12%,#ededed 46%,#c6c6c6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */





}


/*---Category List ----------------------------------------------------------------*/
.category-forum-list a{
	color:#444;

}
.category-group-list a:hover, .category-forum-list a:hover{
	background: rgb(237,237,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 47%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 47%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 47%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 47%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.category-group-list a .item-icon{
	background-image:url(../images/group_icon_100.png);
	background-size:400px 1000px;
	background-repeat:no-repeat;
	filter:alpha(opacity=13);
	opacity:0.13;
	-moz-opacity:0.13;
}

.category-group-list a .gid_621{background-position:0px 0px;}
.category-group-list a .gid_974{background-position:0px -100px;}
.category-group-list a .gid_255{background-position:0px -200px;}
.category-group-list a .gid_627{background-position:0px -300px;}
.category-group-list a .gid_1179{background-position:0px -400px;}
.category-group-list a .gid_620{background-position:0px -500px;}
.category-group-list a .gid_975{background-position:0px -600px;}
.category-group-list a .gid_617{background-position:0px -700px;}
.category-group-list a .gid_610{background-position:0px -800px;}
.category-group-list a .gid_976{background-position:0px -900px;}
.category-group-list a .gid_622{background-position:-100px 0px;}
.category-group-list a .gid_981{background-position:-100px -100px;}
.category-group-list a .gid_628{background-position:-100px -200px;}
.category-group-list a .gid_626{background-position:-100px -300px;}
.category-group-list a .gid_978{background-position:-100px -400px;}
.category-group-list a .gid_979{background-position:-100px -500px;}
.category-group-list a .gid_618{background-position:-100px -600px;}
.category-group-list a .gid_977{background-position:-100px -700px;}
.category-group-list a .gid_1180{background-position:-100px -800px;}
.category-group-list a .gid_619{background-position:-100px -900px;}
.category-group-list a .gid_630{background-position:-200px 0px;}
.category-group-list a .gid_274{background-position:-200px -100px;}
.category-group-list a .gid_266{background-position:-200px -200px;}
.category-group-list a .gid_10{background-position:-200px -300px;}
.category-group-list a .gid_980{background-position:-200px -400px;}
.category-group-list a .gid_629{background-position:-200px -500px;}
.category-group-list a .gid_1181{background-position:-200px -600px;}
.category-group-list a .gid_982{background-position:-200px -700px;}
.category-group-list a .gid_254{background-position:-200px -800px;}
.category-group-list a .gid_1{background-position:-200px -900px;}
.category-group-list a .gid_239{background-position:-300px 0px;}
.category-group-list a .gid_1412{background-position:-300px -100px;}
.category-group-list a .gid_1182{background-position:-300px -200px;}
.category-group-list a .gid_14{background-position:-300px -300px;}
.category-group-list a .gid_983{background-position:-300px -400px;}
.category-group-list a .gid_719{background-position:-300px -500px;}
.category-group-list a .gid_356{background-position:-300px -600px;}
.category-group-list a .gid_6{background-position:-300px -700px;}
.category-group-list a .gid_484{background-position:-300px -800px;}
.category-group-list a .gid_31{background-position:-300px -900px;}

/* Category List Special */
.category-group-list a.special-bg{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffe589 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffe589)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffe589 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ffe589 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffe589 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffe589 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe589',GradientType=0 ); /* IE6-9 */

}
.category-group-list a.special-bg:hover{
	background: #ffe589; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffe589 0%, #fff0c1 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe589), color-stop(98%,#fff0c1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffe589 0%,#fff0c1 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffe589 0%,#fff0c1 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffe589 0%,#fff0c1 98%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffe589 0%,#fff0c1 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe589', endColorstr='#fff0c1',GradientType=0 ); /* IE6-9 */


}
.category-group-list a.special-text{
	color:#F60;
}

/*---Footer-----------------------------------------------------------------------------*/
/*#footer{*/
	/*background: #ff7500; !* Old browsers *!*/

	/*color:#FFF;*/
/*}*/
#footer .footer-img-link{text-align:center;}
#footer .footer-img-link a{margin:5px 8px 10px;display:inline-block;}
#footer .footer-img-link a img{height:40px;}
#footer .footer-link a{

	color:#FFF;
	text-shadow:0px 1px #000;

}
#footer .footer-text-additional a{
	background-color:#AAA;
	color:#FFF;
}

/*---Thread---------------------------------------------------------------*/
#content-area .post-info{
	background: rgb(237,237,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(214,214,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(214,214,214,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(214,214,214,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */


	border-bottom:1px solid #CCC;
}

.small-button{
	background: rgb(163,167,168); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(163,167,168,1) 0%, rgba(124,127,127,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(163,167,168,1)), color-stop(100%,rgba(124,127,127,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(163,167,168,1) 0%,rgba(124,127,127,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(163,167,168,1) 0%,rgba(124,127,127,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(163,167,168,1) 0%,rgba(124,127,127,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(163,167,168,1) 0%,rgba(124,127,127,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a7a8', endColorstr='#7c7f7f',GradientType=0 ); /* IE6-9 */

	border-top:1px solid #FFF;

	text-decoration:none;

	display:inline-block;
	padding:4px 10px;
	font-size:0.9em;
	text-align:center;




	text-shadow: 0px 1px #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 2px rgba(25, 25, 25, 0.2);
	-moz-box-shadow:    0px 2px 3px rgba(25, 25, 25, 0.2);
	box-shadow:         0px 2px 3px rgba(25, 25, 25, 0.2);
	color:#FFF;
}
.small-button:hover{
	background: rgb(124,127,127); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(124,127,127,1) 0%, rgba(163,167,168,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,127,127,1)), color-stop(100%,rgba(163,167,168,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(124,127,127,1) 0%,rgba(163,167,168,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(124,127,127,1) 0%,rgba(163,167,168,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(124,127,127,1) 0%,rgba(163,167,168,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(124,127,127,1) 0%,rgba(163,167,168,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7f7f', endColorstr='#a3a7a8',GradientType=0 ); /* IE6-9 */



	-webkit-box-shadow: 0px 1px 2px rgba(25, 25, 25, 0.2);
	-moz-box-shadow:    0px 1px 3px rgba(25, 25, 25, 0.2);
	box-shadow:         0px 1px 3px rgba(25, 25, 25, 0.2);




}

.post-info{
	color:#333;
	text-shadow: 0px 1px #FFF;
}
.post-info a{
	color:#333;
	text-decoration:none;
}

/*.post-info .info-name:after{*/
	/*background-image: url('../images/name-filter.png');*/
/*}*/
/*.post-info .filter-close:after{*/
	/*background-image: url('../images/name-filter-close.png') !important;*/
/*}*/
.post-info .host-name{
	background-image:url(../images/icon_side_bar.png);
	background-position:-5px -154px;
}

.post-ref{
	background-color:#F3F3F3;
}


.post .post-content .voting-title{
	color:#000;
	text-shadow:0px 1px #FFF;
	background-color:#EEE;
	border-top:4px double #999;
	border-bottom:4px double #999;
}
.post .post-content .voting-choice{
	text-shadow:0px 1px #CCC;
	color:#333;
	border:0px solid #FFF;
}

.post .post-content .voting-choice label, .post .post-content .voting-choice .choice-result{
	background-color:#FFF;
	border-bottom:1px dashed #999;

}
.post .post-content .voting-choice label:hover{
	background-color:#EEE;

}

.post .post-content .voting-choice .choice-result .percent{
	color:#666;
}
.post .post-content .voting-submit{
	border:1px solid #999;
	background: rgb(242,245,246); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */

}
.post .post-content .voting-submit:hover{
	background: rgb(200,215,220); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(200,215,220,1) 0%, rgba(227,234,237,1) 68%, rgba(242,245,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,215,220,1)), color-stop(68%,rgba(227,234,237,1)), color-stop(100%,rgba(242,245,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(200,215,220,1) 0%,rgba(227,234,237,1) 68%,rgba(242,245,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(200,215,220,1) 0%,rgba(227,234,237,1) 68%,rgba(242,245,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(200,215,220,1) 0%,rgba(227,234,237,1) 68%,rgba(242,245,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(200,215,220,1) 0%,rgba(227,234,237,1) 68%,rgba(242,245,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8d7dc', endColorstr='#f2f5f6',GradientType=0 ); /* IE6-9 */


}
.post-tool{
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}

/*---------------------------------------------*/
.action-bar a, .action-bar-bottom a{

	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;

	border-top:1px solid #CCC;

	color:#FFF;
	text-shadow:0px 1px #335;

	background: rgb(96,108,136); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,108,136,1)), color-stop(100%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */




	-webkit-box-shadow: 0px 1px 2px rgba(25, 25, 25, 0.2);
	-moz-box-shadow:    0px 1px 2px rgba(25, 25, 25, 0.2);
	box-shadow:         0px 1px 2px rgba(25, 25, 25, 0.2);


}
.action-bar-bottom a{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;


}

.action-bar a:hover{
	background: rgb(63,76,107); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(63,76,107,1) 0%, rgba(96,108,136,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,76,107,1)), color-stop(100%,rgba(96,108,136,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#606c88',GradientType=0 ); /* IE6-9 */

	border-top:1px solid #FFF;

}
.action-bar-bottom a:hover{
	background: rgb(63,76,107); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(63,76,107,1) 0%, rgba(96,108,136,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,76,107,1)), color-stop(100%,rgba(96,108,136,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#606c88',GradientType=0 ); /* IE6-9 */
}

/*---------------------------------------------------------------------------*/
.page-no .prev, .page-no .next, .page-no .page-select{
	background: rgb(242,245,246); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */



	border:1px solid #AAA;
	border-top:1px solid #DDD;
	border-bottom:1px solid #999;


	-webkit-box-shadow: 0px 1px 3px rgba(25, 25, 25, 0.3);
	-moz-box-shadow:    0px 1px 3px rgba(25, 25, 25, 0.3);
	box-shadow:         0px 1px 3px rgba(25, 25, 25, 0.3);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	text-shadow: 0px 1px #CCC;
	color:#666;



}
.page-no .prev, .page-no .next{
	background-color:#EEE;
}

.page-no .prev:hover, .page-no .next:hover{
	background: rgb(204,204,204); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	border-top:1px solid #999;
	color:#000;
}
.page-no .page-select{
	background-color:#EEE;
}
.page-no .page-select select{
	background:none;
	color:#666;
	vertical-align:middle;

	/*
	-webkit-box-shadow: 0px 1px 3px rgba(25, 25, 25, 0.3);
	-moz-box-shadow:    0px 1px 3px rgba(25, 25, 25, 0.3);
	box-shadow:         0px 1px 3px rgba(25, 25, 25, 0.3);
	*/
}
.page-no .page-select select option{
	vertical-align:middle;
}

/*-----------------------------------*/
.notice{
	color:#666;
	text-shadow: 0px 1px #FFF;

}

.post-form, .notice{
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

	/*
	-webkit-box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 2px 4px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 2px 4px rgba(50, 50, 50, 0.3);
	*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #AAA;
}

.post-form .form-field, .post-form .form-field-large, .post-form .form-select{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.post-form .form-title{
	color:#666;
}

/*------------------------*/

.login-radio-group{
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	border:1px solid #999;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.login-radio{
	color:#999;
}

.login-radio.active{
	color:#FFF;
	text-shadow:0px 1px 1px #900;
	background: rgb(226,83,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,83,0,1) 0%, rgba(255,103,15,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,83,0,1)), color-stop(100%,rgba(255,103,15,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,83,0,1) 0%,rgba(255,103,15,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,83,0,1) 0%,rgba(255,103,15,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,83,0,1) 0%,rgba(255,103,15,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(226,83,0,1) 0%,rgba(255,103,15,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25300', endColorstr='#ff670f',GradientType=0 ); /* IE6-9 */

}


/*--------------------------------------*/
.pm-bar a{
	background: rgb(242,245,246); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px -1px 3px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px -1px 3px rgba(50, 50, 50, 0.3);
	box-shadow:         0px -1px 3px rgba(50, 50, 50, 0.3);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-decoration:none;
	color:#333;
	text-shadow:0px 1px #FFF;
	font-size:0.9em;

}
.pm-bar a:hover, .pm-bar a.active{

	background: rgb(200,215,220); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(200,215,220,1) 0%, rgba(227,234,237,1) 62%, rgba(252,254,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,215,220,1)), color-stop(62%,rgba(227,234,237,1)), color-stop(100%,rgba(252,254,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(200,215,220,1) 0%,rgba(227,234,237,1) 62%,rgba(252,254,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(200,215,220,1) 0%,rgba(227,234,237,1) 62%,rgba(252,254,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(200,215,220,1) 0%,rgba(227,234,237,1) 62%,rgba(252,254,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(200,215,220,1) 0%,rgba(227,234,237,1) 62%,rgba(252,254,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8d7dc', endColorstr='#fcfeff',GradientType=0 ); /* IE6-9 */
	color:#000;

}

.pm-bar a.send{
	background: rgb(255,168,76); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	color:#FFF;
	text-shadow:0px 1px #C60;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
.pm-bar a.send:hover{
	background: rgb(255,123,13); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,123,13,1) 0%, rgba(255,168,76,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,123,13,1)), color-stop(100%,rgba(255,168,76,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,123,13,1) 0%,rgba(255,168,76,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,123,13,1) 0%,rgba(255,168,76,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,123,13,1) 0%,rgba(255,168,76,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,123,13,1) 0%,rgba(255,168,76,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b0d', endColorstr='#ffa84c',GradientType=0 ); /* IE6-9 */

}

.pm-content{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pm-content-user{
	border-bottom:1px solid #999;
	color:#666;
}

/*-----------------------------------------------------*/
.preload-bg{
	background-image:url(../images/loading.gif) !important;
	background-color:#EEE !important;
}

/* Delete before upload !!! */
.tutorial-screen{
	display:none;
}

/*---Uwants sub GID Panel ---------------------------------------------------*/
.sub-gid-panel{background-color:#FF7500; padding-bottom:15px;}

.sub-gid-panel-title{
	text-align:center;
	color:#FFF;
	height:24px;
	background-image:url(group_title_bg.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	font-size:16px;
	line-height:24px;
}
.sub-gid-panel-item{
	width:23%;
	margin-left:1%;
	margin-right:1%;
	display:block;
	margin-top:10px;
	text-decoration:none;
	float:left;
}
.sub-gid-panel-item-pic{
	height:110px;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}
.sub-gid-panel-item-title{
	text-align:center;
	margin-top:5px;
	color:#FFF;
	font-size:11px;
	height:11px;
	line-height:11px;
	overflow:hidden;
	width:110px;
	margin-left:auto;
	margin-right:auto;
	white-space:nowrap;

	text-overflow:ellipsis;
}

.end-of-panel{
	clear:both;
}

@media only screen and (max-width: 420px), only screen and (max-device-width: 420px) {
.sub-gid-panel-item-pic{height:90px;}
.sub-gid-panel-item-title{ width:90px;}
}
@media only screen and (max-width: 380px), only screen and (max-device-width: 380px) {
.sub-gid-panel-item-pic{height:70px;}
.sub-gid-panel-item-title{ width:70px;}
}
@media only screen and (max-width: 340px), only screen and (max-device-width: 340px) {
.sub-gid-panel-item-pic{height:60px;}
.sub-gid-panel-item-title{ width:60px;}
}


/* Upload images */
.upload-image-box .upload-images-btn {
	display: inline-block;
  background: url(../images/uploadimage_btn.png) no-repeat left 5px top 5px;
  background-size: 25px 25px;
  background-color: #fff;
  border-radius: 5px;
  moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #8B8B8B;
  width: 100px;
  height: 35px;
  position: relative;
  margin-top: 5px;
  color: #8B8B8B;
  line-height: 36px;
  font-size: 14px;
  text-indent: 0;
  text-align: center;
  font-weight: normal;
  padding-left: 18px;
  cursor:pointer;
  -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.upload-image-box .upload-preview-area {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
}

.upload-image-box .upload-images-preview {
	display:inline-block;
	position:relative;
	/*
  height: 50px;
	margin-top: 18px;
	margin-right: 16px;
	*/
	width: 30%;
	height: 125px;
	box-sizing: border-box;
	margin-top: 10px;
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	margin-right: 3%;
}
.upload-image-box .upload-images-preview.active {
	border:1px solid #FF7815;
}

.upload-image-box .upload-images-preview .preview-image-thumbnails {
	position: relative;
	overflow: hidden;
	height: 100px;
}

.upload-image-box .upload-images-preview .preview-image-thumbnails img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.upload-image-box .upload-images-preview .preview-location-labelbox {
	position: relative;
	height: 25px;
	font-size: 9px;
}

.upload-image-box .upload-images-preview .preview-location-labelbox .label {
	position: absolute;;
	height: 100%;
	top: 4px;
	left: 3px;
	color: #666666;

	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;

	text-decoration: line-through;
}
.upload-image-box .upload-images-preview.active .preview-location-labelbox .label {
	text-decoration: unset;
}

.upload-image-box .upload-images-preview .preview-location-labelbox .label:before {
	content: '';
	background: url(../images/icon/location_grey@2x.png) no-repeat center;
	display: inline-block;
	width: 15px;
	height: 15px;
	background-size: contain;
	float: left;
	margin-right: 5px;
}

.upload-image-box .upload-images-preview .preview-location-labelbox .label.nolocation:before {
	content: none;
}
.upload-image-box .upload-images-preview .preview-location-labelbox .label.nolocation {
	text-decoration: unset;
}


.upload-image-box .upload-images-preview .preview-location-labelbox .label:before {
	content: '';
	background: url(../images/icon/location_grey@2x.png) no-repeat center;
	display: inline-block;
	width: 15px;
	height: 15px;
	background-size: contain;
	float: left;
	margin-right: 5px;
}



.upload-image-box .upload-images-delete {
	display:inline-block;
	background-image: url(../images/uploadimage_delete.png);
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	margin-top: -12px;
	margin-right: -12px;
	/*float:right;*/
	position:absolute;
	right:0px;
	top:0px;
	z-index: 1;
}

.upload-image-box .upload-images-text{
	display:inline-block;
	color:#666;
	font-size:13px;
}

.upload-image-box .upload-images-box{
	display:block;
}


.upload-image-box .upload-images-preview .preview-image-thumbnails img.rotate-90 {
	-moz-transform: translate(-50%,-50%) rotate(90deg);
	-webkit-transform: translate(-50%,-50%) rotate(90deg);
	-o-transform: translate(-50%,-50%) rotate(90deg);
	transform: translate(-50%,-50%) rotate(90deg);
}

.upload-image-box .upload-images-preview .preview-image-thumbnails img.rotate-180 {
	-moz-transform: translate(-50%,-50%) rotate(180deg);
	-webkit-transform: translate(-50%,-50%) rotate(180deg);
	-o-transform: translate(-50%,-50%) rotate(180deg);
	transform: translate(-50%,-50%) rotate(180deg);
}

.upload-image-box .upload-images-preview .preview-image-thumbnails img.rotate-270 {
	-moz-transform: translate(-50%,-50%) rotate(270deg);
	-webkit-transform: translate(-50%,-50%) rotate(270deg);
	-o-transform: translate(-50%,-50%) rotate(270deg);
	transform: translate(-50%,-50%) rotate(270deg);
}

.upload-image-box .upload-images-preview .preview-image-thumbnails img.flip {
	-moz-transform: translate(-50%,-50%) scaleX(-1);
	-webkit-transform: translate(-50%,-50%) scaleX(-1);
	-o-transform: translate(-50%,-50%) scaleX(-1);
	transform: translate(-50%,-50%) scaleX(-1);
}

.upload-image-box .upload-images-preview .preview-image-thumbnails img.flip-and-rotate-90 {
	-moz-transform: translate(-50%,-50%) rotate(90deg) scaleX(-1);
	-webkit-transform: translate(-50%,-50%) rotate(90deg) scaleX(-1);
	-o-transform: translate(-50%,-50%) rotate(90deg) scaleX(-1);
	transform: translate(-50%,-50%) rotate(90deg) scaleX(-1);
}

.upload-image-box .upload-images-preview .preview-image-thumbnails img.flip-and-rotate-180 {
	-moz-transform: translate(-50%,-50%) rotate(180deg) scaleX(-1);
	-webkit-transform: translate(-50%,-50%) rotate(180deg) scaleX(-1);
	-o-transform: translate(-50%,-50%) rotate(180deg) scaleX(-1);
	transform: translate(-50%,-50%) rotate(180deg) scaleX(-1);
}

.upload-image-box .upload-images-preview .preview-image-thumbnails img.flip-and-rotate-270 {
	-moz-transform: translate(-50%,-50%) rotate(270deg) scaleX(-1);
	-webkit-transform: translate(-50%,-50%) rotate(270deg) scaleX(-1);
	-o-transform: translate(-50%,-50%) rotate(270deg) scaleX(-1);
	transform: translate(-50%,-50%) rotate(270deg) scaleX(-1);
}



/*msite login registration*/
.side-bar-facebook-register {
	display: block;
	background-color: #3B5998;
	border-radius: 20px;
	width: 90%;
	height: 60%;
	position: absolute;
	top: 20%;
	left: 5%;
	color: #ffffff;
	line-height: 29px;
	font-size: 15px;
	text-indent: 0;
	text-align: center;
	font-weight: normal;
}

.login-facebook {
	height: 30px;
	vertical-align: middle;
	width: 70%;
	border-radius: 20px;
	background: #3b5998;
	border: 0px none;
	color: #FFF;
	font-size: 15px;
	margin: 20px auto 10px auto;
	display: block;
	line-height: 30px;
	text-align: center;
}

.login-facebook:hover {
	background-color: #284477;
}

.login-divider {
	display: block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	color: #888888;
	margin-bottom: 15px;
}

.login-divider > span {
	position: relative;
	display: inline-block;
}

.login-divider > span:before,
.login-divider > span:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 9999px;
	height: 1px;
	background: #888888;
}

.login-divider > span:before {
	right: 100%;
	margin-right: 15px;
}

.login-divider > span:after {
	left: 100%;
	margin-left: 15px;
}

.register-randomname-btn {
	display: inline-block;
	height: 25px;
	vertical-align: middle;
	width: 25%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
	border: 1px solid #F99920;
	color: #F99920;
	font-size: 13px;
	line-height: 28px;
	text-align: center;
	float: right;
}

.confirm-btn {
	height: 30px;
  vertical-align: middle;
  width: 70%;
  border-radius: 5px;
  background: #FF7500 none repeat scroll 0% 0%;
  border: 0px none;
  color: #FFF;
  font-size: 15px;
  margin: 30px auto auto;
  display: block;
  text-align: center;
  line-height: 30px;
	text-decoration: none;
	-webkit-border-radius:;
	-moz-border-radius:;
}

.cancel-btn {
	height: 30px;
	width: 70%;
	border-radius: 20px;
	background: transparent none repeat scroll 0% 0%;
	border: 0px none;
	color: #ff7815;
	font-size: 15px;
	margin: 10px auto auto;
	display: block;
	text-align: center;
	line-height: 30px;
	text-decoration: underline;
}

.user-image-field {
	display: block;
	margin: auto;
	width: 106px;
	height: 106px;
}

.circular {
	width: 110px;
	height: 110px;
	border-radius: 110px;
	-webkit-border-radius: 110px;
	-moz-border-radius: 110px;
	background-position: center;
	background-size: cover;
	border:4px solid #FF7500;
}