#village_header {
	margin:25px 20px 0px 20px;
	height:19px;
	background-image:url('../../image/magazine/allvillages.png');
	background-repeat:no-repeat;	
}
.outline {
	overflow:hidden;
	padding:2px 9px 12px 25px;
}
.outline .villageHeaderDescription {
	font-size:15px;
	color:#666;
	font-weight:normal;
}
.villageDescription {	
	float:left;
}
.villageDescription .text_div{
	font-size:18px;
	color:#787878;	
}
.villageDescription .text_sub_div
{
	padding: 7px 0px 0px 0px; 
	font-size:11px;
	color:#787878;	
}
#village_outline #villageSearch {	
	margin-top:2px;
	float:right;
}
#village_outline #villageSearch form {
	float:left;
}

/* Create Channel */
#village_create_btn {
	margin:10px 50px 10px 3px;
	padding:0px 5px;
	width:52px;
	height:18px;
	float:right;
	border:1px solid  #B0B0B0;
	background-color:#F0F0F0;
	text-align:center;		
	line-height:18px;
}
#village_create_btn:hover {
	background-color:#4D4D4D;	
	color:white;	
	cursor:pointer;
}
/* when user clicks create channel button */
#createChannel {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	/* for IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
	background:url('/media/image/empty_image.gif');
	/* for modern browser */
	background-color:rgba(0,0,0,0.5);
	z-index:1000;
	cursor:pointer;
	overflow-y:auto;
}
#createChannel .outer_box {
	position:relative;	
	border:1px solid #c2c2c2;
	background-color:#eceeed;	
	margin:300px auto 0px;
	width:400px;	
	padding:6px 0px;
	z-index:1001;
	cursor:default;
}
#createChannel .outer_box .box_crossline {
	position:absolute;
	width: 9px; height:8px;	
	overflow:hidden;
	background-color:transparent;
}
#createChannel .outer_box .box_crossline.upper{		
	top:0px;
	left:0px;
	background-image:url('../../image/bases/box_upper_crossline.png');
}
#createChannel .outer_box .box_crossline.lower{	
	bottom:0px;
	left:0px;
	background-image:url('../../image/bases/box_lower_crossline.png');	
}
#createChannel .outer_box .content{
	margin:0px 0px 0px 7px;
	padding:10px;
	height:100%;
	border:1px solid #c2c2c2;
	background-color:white;
	border-right:none;		
	overflow:hidden;
}
#createChannel .outer_box .content label{
	margin-bottom:2px;	
	font-size:13px;
}
#createChannel .outer_box .content .channel_warning {	
	padding:8px;
	margin-bottom:10px;
	line-height:17px;	
	background-color:#DDD;	
}
#createChannel .outer_box .content .channel_warning .warning_bold {
	font-weight:bold;
}
#createChannel .outer_box .content .channel_subject{		
	height:50px;	
}
#createChannel .outer_box .content .channel_description{		
	height:93px;
}
#createChannel .outer_box .content .channel_description textarea{ 	
	width:360px;
	height:50px;
	padding:5px;
	resize:none;
	overflow-x:hidden;
	overflow-y:hidden;
}
#createChannel .option{
	width:35px;
	height:18px;
	margin:13px 0 0 0;	
	float:left;
	background-color:#F0F0F0;
	border:1px solid #B0B0B0;
	padding:0px 3px;
	text-align:center;
	line-height:18px;
}
#createChannel #confirm{
	margin-left:276px;
}
#createChannel #cancel{
	margin-left:10px;	
}
#createChannel .option:hover{
	background-color:#4D4D4D;	
	color:white;	
	cursor:pointer;
}
#village_content #village_current {
	height:350px;	
/*	background-image:url('../../image/magazine/grid.gif');	*/
	position:relative;
}
#village_content #village_current .firstCategory_box{
	position:relative;	
	padding:26px 0px 0px 36px;
}
#village_content #village_current .subCategory_box {
	position:absolute;
}
#village_content #village_current .Category {
	height:26px;
	position:relative;
	overflow:hidden;
}
#village_content #village_current .Category .category_subject{
	font-size:13px;	
	padding-left:20px;
/*	background-image:url('../../image/magazine/village_mark.png');	*/
	background-repeat:no-repeat;	
	color:#686868 ;
}
#village_content #village_current .Category .category_subject:hover, #village_content #village_current .Category.selected .category_subject{
	cursor:pointer;
/*	background-image:url('../../image/magazine/village_mark_over.png'); */
	color:black;			
}
#village_content #village_current .Category.deselected .category_subject{	
}
#village_content #village_current .subCategory_box.village{				
}
#village_content #village_current .subCategory_box.village .village_subject{				
}
#village_content #village_current .subCategory_box.village .Village{	
	background-repeat:no-repeat;
	background-position:left bottom;	
	position:relative;
	padding:5px 0px 0px 27px;
	margin:18px 10px 0 0;
	top:-24px;	
	float:left;
	cursor:pointer;
}
#village_content #village_current .subCategory_box.village .Village.village_rank_1{	
/*	background-image:url('../../image/magazine/village_rank_1.png');	*/
	padding-top:20px;
	margin-top:3px;
}
#village_content #village_current .subCategory_box.village .Village.village_rank_2{	
/*	background-image:url('../../image/magazine/village_rank_2.png');	*/
	padding-top:20px;
	margin-top:3px;
}
#village_content #village_current .subCategory_box.village .Village.village_rank_3{	
/*	background-image:url('../../image/magazine/village_rank_3.png');	*/
	padding-top:20px;
	margin-top:3px;
}
#village_content #village_current .subCategory_box.village .Village.village_0{	
/*	background-image:url('../../image/magazine/village_0.gif');		*/
}
#village_content #village_current .subCategory_box.village .Village.village_1{	
/*	background-image:url('../../image/magazine/village_1.gif');	*/
}
#village_content #village_current .subCategory_box.village .Village.village_2{	
/*	background-image:url('../../image/magazine/village_2.png');	*/
}
/* My villages */
#village_group {
	margin:0 10px;
}
#village_group_header {
	overflow: hidden;
	margin: 8px 5px 0px 15px;
	font-size: 18px;
	color: #787878;	
}
#village_group_menu {
	width:100%;
	height:30px;	
	margin-top:10px;
	background-color:#f2f2f2;	
	border-top:1px solid #ADADAD;
}
#village_group_menu th{
	font-weight:bold;	
}
#village_group table{
	width:100%;	
}
#village_group tr{
	border-bottom:1px solid #f0f0f0;
	height:30px;
}
#village_group th{
	text-align:center;
	margin-top:3px;	
}
#village_group .name{	
	width: 30%;	
}
#village_group .name:hover{	
	font-weight:bold;
}
#village_group .category{
	width: 20%;
}
#village_group .birthdate{
	width: 20%;
}
#village_group .magazines_count{
	width: 15%;
}
#village_group .direct_link{
	width: 15%;
}
#village_group_list {
	
}
/* Waiting Village */
#village_waiting {
	margin-top:20px;
	background-image:url('../../image/magazine/village_vote_percentage.png');
	background-repeat:no-repeat;
	background-position:550px 3px;
	min-height:120px;
	overflow:hidden;
}
#village_waiting #village_waiting_header {
	overflow:hidden;
	height:37px;
	margin:20px 5px 0px 25px;
	font-size:18px;
	color:#787878;	
}
#village_waiting #village_waiting_descrption {	
	position:relative;
	top:-18px;
	left:160px;
	font-size:11px;
	color:#888888;	
}
#village_waiting #waitingListFolding {
	text-align:center;
	background-color:white;	
	color:#333;
	border:1px solid #DDD;
	margin:30px 30px 0;
	height:20px;
	line-height:20px;
}
#village_waiting #waitingListFolding:hover{
	color:black;
	background-color:#DDD;
	cursor:pointer;
}
#village_waiting #village_waiting_list_wrapper {
	display:none;
	padding:10px;	
}
#village_waiting #village_waiting_list {
	padding:10px 120px;	
}
#village_waiting #village_waiting_list .waiting_channel { 		
	background-repeat:no-repeat;		
	background-position:left 4px;
	border-bottom:1px solid #c2c2c2;
	padding-left:16px;	
	margin:5px 0px;	
	position:relative;
}
.ie7 #village_waiting #village_waiting_list .waiting_channel, .ie8 #village_waiting #village_waiting_list .waiting_channel { 	 
	background-position:left 2px;
}
#village_waiting #village_waiting_list .waiting_channel.stage_1{
	background-image:url('../../image/magazine/village_mark_stage_1.png');
}
#village_waiting #village_waiting_list .waiting_channel.stage_2{
	background-image:url('../../image/magazine/village_mark_stage_2.png');
}
#village_waiting #village_waiting_list .waiting_channel.stage_3{
	background-image:url('../../image/magazine/village_mark_stage_3.png');
}
#village_waiting #village_waiting_list .waiting_channel.stage_4{
	background-image:url('../../image/magazine/village_mark_stage_4.png');
}
#village_waiting #village_waiting_list .waiting_channel.stage_5{
	background-image:url('../../image/magazine/village_mark_stage_5.png');
}
#village_waiting #village_waiting_list .waiting_channel .village_vote {
	position:absolute;	
	top:-1px;
	right:0px;
	padding:0px 3px;
	border:1px solid #c2c2c2;
	background-color:#E8E8E8;
	cursor:pointer;
}
#village_waiting #village_waiting_list .waiting_channel.ilike .village_vote {
	background-color:#F8F8F8;	
	cursor:default;
	color:#A0A0A0;
}
#village_waiting #village_waiting_list .waiting_channel:not(.ilike) .village_vote:hover {
	border-color:#484848;
	font-weight:bold;
}
#village_waiting #village_waiting_list .waiting_channel label.underReview {
	color:#aaa;
}
#village_waiting #village_waiting_list .likecount {
	position:absolute;
	top:0px;
	right:55px;
}
/* channel */
.channelDescription {
	font-size:13px;
	color:darkRed;
	margin:20px 40px 5px 30px;
	text-align:right;
}
#channel_depth_wrapper {
	margin:15px 10px 15px 10px;
	font-size:13px;
	color:#505050;
	overflow:auto;
}
#channel_depth {
	padding-left: 10px;
}
#channel_depth .channel_depth_category {
	float:left;
	margin:0px 5px 0px 5px;
	padding:3px 17px 3px 7px;
	border:1px solid #EEE;
	background-image:url('../../image/dropdown_arrow.png');
	background-position:center right;
	background-repeat:no-repeat;
}
#channel_depth .channel_depth_show {
	border:1px solid #DDD;
	padding: 2px;
	background-color:white;
	position:absolute; 
	z-index:2;
	display:none; 
}
#channel_depth .channel_depth_show .channel_subject{
	padding:4px 15px 4px 5px;
}
#channel_list_wrapper{
	margin:0px 25px 30px 25px;
	border: 3px solid #DDD;
}
#channel_list_wrapper #channel_list{
	padding:5px 0px;
	background-color:#EEE;
	overflow:auto;
}
#channel_list_wrapper #channel_list #channel_subject{
	margin: 3px 20px 3px 20px;
	cursor:pointer;
	float:left;
}

#channel_outline {
	background-color:#E8E8E8;
	background-image:url('../../image/magazine/village_header.png');
	background-position:15px 16px;
	margin:10px 0px 15px 0px;	
	padding:13px 0px 15px 60px;
	background-repeat:no-repeat;
	position:relative;
}
#channel_outline #channel_name {
	font-size:25px;
	color:black;
	font-weight:bold;
	text-shadow: 1px 1px 1px #DDD;
	margin-left:20px;
	line-height:30px;
	height:30px;
}
#channel_outline #channelLike {
	margin:22px 1px 0px 3px;
	padding:0px 3px;
	width:77px;
	height:20px;
	float:left;
	border:1px solid  #B0B0B0;
	background-color:#F0F0F0;
	text-align:center;		
	font-size:12px;
}
#channel_outline #magazineCreate {		
	width:77px;
	height:27px;			
	border:1px solid  #B0B0B0;	
	border-bottom:none;
	background-color:white;
	text-align:center;		
	line-height:22px;
	color:#666;
	font-size:12px;
	position:absolute;
	bottom:0px;
	right:10px;
}
.ie7 #channel_outline #magazineCreate {		 
	border:medium none;	
}
#channel_outline #magazineCreate:hover{
	color:black;
	cursor:pointer;
}
#channel_outline #channelSubscribe {		
	width:20px;	
	height:20px;				
	background-repeat:no-repeat;	
	position:relative;
	float:left;
	margin-left:-7px;
	margin-top:-4px;
}
#channel_outline #channelSubscribe.cancelsting {			
	background-image: url(../../image/magazine/magazine_unfollow.png);
}
#channel_outline #channelSubscribe.sting {			
	background-image: url(../../image/magazine/magazine_follow.png);
}
#channel_outline #channelSubscribe:hover{		
	cursor:pointer;
}

/* Magazine List */
#magazineFilter {
	width:90px;
	margin:5px;
	float:right;
}
#magazineFilter .option{
	color:gray;
}
#magazineFilter .option.selected{
	color:black;
}
#magazineFilter .latest:hover {
	color:#F9A71B;
	cursor:pointer;
}
#magazineFilter .popular:hover {
	color:#F9A71B;
	cursor:pointer;
}
#magazine_list_wrapper {
	margin:0px 10px 0px 20px;
	overflow:hidden;
}
#magazine_list_wrapper .magazine_each {
	float:left;
	width:180px;
	height:216px;
	margin:12px 12px 20px 12px;
	border-left:1px solid #E0E0E0;	
	border-top:1px solid #E0E0E0;	
	border-right:1px solid #E0E0E0;	
	border-bottom:1px solid #E0E0E0;	
	box-shadow: 6px 6px 8px #E0E0E0;
	position:relative;
}
#magazine_list_wrapper .magazine_each:hover {
	cursor:pointer;
	border:1px solid #4D4D4D;
}
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper {
	width:180px;
	height:168px;
	overflow:hidden;
}
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper .alternative {
	position:absolute;
	top:0px;
	left:0px;
	width:180px;
	height:168px;
	background-repeat:no-repeat;
	background-position:center center;
}
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper .alternative.no_image {
	background-image:url('/media/image/no-image.png');	
}
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper .alternative.loading_bar {
	background-image:url('/media/image/loading_bar.gif');
	/* for IE */
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF);*/
	/* for modern browser */
	background-color:white;	
}
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper .alternative.loading_bar.completed {
	display:none;
}
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper .magazine_thumbnail {
	overflow:hidden;
}
/* Magazine thumbnail image combination */
/* total number : 1 */
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper .magazine_thumbnail.sub0in1 {height:168px;width:180px;}
/* total number : 2 */
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper .magazine_thumbnail.sub0in2 {height:168px;margin-right:0px;width:90px;float:left}
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper .magazine_thumbnail.sub1in2 {height:168px;width:90px;float:left}
/* total number : 3 */
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper .magazine_thumbnail.sub0in3 {height:168px;margin-right:0px;width:90px;float:left}
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper .magazine_thumbnail.sub1in3 {height:84px;width:90px;float:right;margin-bottom:0px;}
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper .magazine_thumbnail.sub2in3 {height:84px;width:90px;float:right;}
/* total number : 4 */
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper .magazine_thumbnail.sub0in4 {height:84px;margin:0 0px 0px 0;width:90px;float:left;}
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper .magazine_thumbnail.sub1in4 {height:84px;margin-bottom:0px;width:90px;float:right;}
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper .magazine_thumbnail.sub2in4 {height:84px;margin:0 0px 0 0;width:90px;float:left;}
#magazine_list_wrapper .magazine_each .magazine_thumbnail_wrapper .magazine_thumbnail.sub3in4 {height:84px;width:90px;float:right;}

#magazine_list_wrapper .magazine_each .magazine_title {	
	background-color:#F0F0F0;
	height:22px;	
	line-height:20px;
	padding:2px 5px 0;
	margin-top:0px;	
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#636363;
}
#magazine_list_wrapper .magazine_each:hover .magazine_title {
	background-color:#4D4D4D;	
	color:white;
}
#magazine_list_wrapper .magazine_each .magazine_description {
	background-color:white;
	height:20px;	
	line-height:20px;
	padding:1px;
	margin-top:1px;
	overflow:hidden;
	color:#808080;
}
#magazine_list_wrapper .magazine_each .magazine_description .maker {
	display:block;
	float:left;
}
#magazine_list_wrapper .magazine_each .magazine_description .maker .profileimage {
	width:18px;
	height:18px;
	border:1px solid #DDD;
	float:left;
}
#magazine_list_wrapper .magazine_each .magazine_description .maker .name {
	width:95px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#magazine_list_wrapper .magazine_each .magazine_description .sting {
	display:block;
	float:right;
	width:62px;
}
#magazine_list_wrapper .magazine_each .magazine_description .sting .sting_image {
	width:17px;
	height:15px;
	float:right;
	padding-top:3px;
	margin:0 2px;
}
#magazine_list_wrapper .magazine_each .magazine_description .sting .sting_count {
	text-align:right;
	overflow:hidden;
}

#magazine_list_wrapper .paging{
	margin-top:10px;
	text-align:center;
	clear:both;
	padding-top:15px;
}
#magazine_list_wrapper .paging .number {
	margin:0px 3px;
}
#magazine_list_wrapper .paging .number .page{
	padding:0px 3px;
	padding-bottom:1px;
	margin:0px 2px;
}
#magazine_list_wrapper .paging .number .page.selected{
	background-color:#F9A71B;
	color:white;
}
#magazine_list_wrapper .paging .number .page:not(.selected):hover{
	background-color:#E0E0E0;		
}