/* Containers */
.container
{
	margin: 10px;
}

.form-container
{
	margin-bottom: 4px;
}

.table-container
{
	margin-bottom: 4px;
}

.content-container
{
	margin-bottom: 4px;
	background-color: #fff;
}

.container-border
{
	border: 1px solid #e2e2e2;
}

.block-title
{
}
	.block-title h1
	{
		background-color: #362996;
		background-image: url("../images/themes/1/block_title_bg.gif");
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		font-variant: small-caps;
		margin: 1px;
		margin-bottom: 0px;
		padding: 0px 5px;
		padding-left: 8px;
		text-align: left;
	}
	body.theme5 .block-title h1
	{
		background-color: #2c7b80;
		background-image: url("../images/themes/5/block_title_bg.gif");
	}
		body.theme5 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}
	body.theme6 .block-title h1
	{
		background-color: #c72868;
		background-image: url("../images/themes/6/block_title_bg.gif");
	}
		body.theme6 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}
	body.theme7 .block-title h1
	{
		background-color: #05070a;
		background-image: url("../images/themes/7/block_title_bg.gif");
	}
		body.theme7 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}
	body.theme8 .block-title h1
	{
		background-color: #680400;
		background-image: url("../images/themes/8/block_title_bg.gif");
	}
		body.theme8 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}
	body.theme9 .block-title h1
	{
		background-color: #b50e00;
		background-image: url("../images/themes/9/block_title_bg.gif");
	}
		body.theme9 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}
	body.theme10 .block-title h1
	{
		background-color: #000000;
		background-image: url("../images/themes/10/block_title_bg.gif");
	}
		body.theme10 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}
	body.theme11 .block-title h1
	{
		background-color: #0f1345;
		background-image: url("../images/themes/11/block_title_bg.gif");
	}
		body.theme11 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}
	body.theme12 .block-title h1
	{
		background-color: #0f1345;
		background-image: url("../images/themes/12/block_title_bg.gif");
	}
		body.theme12 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}
	body.theme13 .block-title h1
	{
		background-color: #0f1345;
		background-image: url("../images/themes/13/block_title_bg.gif");
	}
		body.theme13 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}
	body.theme14 .block-title h1
	{
		background-color: #05070a;
		background-image: url("../images/themes/14/block_title_bg.gif");
	}
		body.theme14 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}
	body.theme15 .block-title h1
	{
		background-color: #05070a;
		background-image: url("../images/themes/15/block_title_bg.gif");
	}
		body.theme15 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}
	body.theme16 .block-title h1
	{
		background-color: #a34240;
		background-image: url("../images/themes/16/block_title_bg.gif");
	}
		body.theme16 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}
	body.theme17 .block-title h1
	{
		background-color: #f9aa15;
		background-image: url("../images/themes/17/block_title_bg.gif");
		color: #000;
	}
		body.theme17 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}
	body.theme19 .block-title h1
	{
		background-color: #970706;
		background-image: url("../images/themes/19/block_title_bg.gif");
		color: #000;
	}
		body.theme19 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}
	body.theme20 .block-title h1
	{
		background-color: #811823;
		background-image: url("../images/themes/20/block_title_bg.gif");
		color: #fff;
	}
		body.theme20 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}
    
    body.theme21 .block-title h1
	{
		background-color: #555b8c;
		background-image: url("../images/themes/21/block_title_bg.gif");
		color: #fff;
	}
		body.theme21 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}		
    body.theme23 .block-title h1
	{
		background-color: #fe5101;
		background-image: url("../images/themes/23/block_title_bg.gif");
		color: #fff;
	}
		body.theme23 .block-title h1.simple
		{
			background-color: #eaeaea;
			background-image: none;
			color: #333;
		}		
	
	.block-title h1 img
	{
		vertical-align: middle;
		margin-right: 5px;
	}
	.block-title h1.simple
	{
		background-color: #eaeaea;
		background-image: none;
		color: #333;
		font-size: 14px;
		font-weight: bold;
		font-variant: small-caps;
		margin: 1px;
		margin-bottom: 0px;
		padding: 5px;
		padding-left: 8px;
		text-align: left;
		border-bottom: 1px solid #ddd;
	}

.avatar-border
{
	width: 130px;
	height: 130px;
	border: 1px solid #e2e2e2;
	text-align: center;
	margin: 0 auto;	
	background-color: #fff;
}
	
.group-menu-container
{
	margin-top: 6px;
}

/* Panels */
.confirmation-panel
{
	margin-bottom: 4px;
	padding: 20px;
	font-size: 15px;
	text-align: center;
	color: Green;
	font-weight: bold;
	background-color: #fff;
}

.critical-error-panel
{
	margin-top: 7px;
	padding: 20px;
	background-color: #ffb3b3;
	font-size: 15px;
	text-align: center;
	color: Red;
	font-weight: bold;
}

.error-panel
{
	margin-bottom: 4px;
	padding: 20px;
	background-color: #fff;
	font-size: 15px;
	text-align: center;
	color: Red;
	font-weight: bold;
}

/* new user list */
#new-user-list
{
	padding: 10px;
	background-color: #ddd2cd;
}
	#new-user-list table
	{
		width: 100%;
	}
	#new-user-list td
	{
		text-align: center;
		padding: 5px;
	}

/* group menu */
.group-menu
{
	margin-top: 0px;
	margin-left: 8px;
	margin-left: 1px;
	margin-right: 1px;
	font-size: 11px;
}
	.group-menu a
	{
		text-decoration: none;
	}
	.group-menu td
	{
		font-size: 11px;
		border-left: 1px solid #ffe1b8;
	}
	.group-menu .item
	{
		padding: 4px 8px;
		font-size: 11px;
		border-bottom: 1px solid #ffe1b8;
	}
	.group-menu .item:hover
	{
		background-color: White;
	}
	.group-menu .selected
	{
		font-size: 11px;
		background-color: white;
		padding: 3px 8px;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #ffe1b8;
		border-left: 1px solid #ffe1b8;
		border-right: 1px solid #ffe1b8;
	}
	
.group-menu-dyn
{
	font-size: 11px;
}
	.group-menu-dyn table
	{
		width: auto;
	}
	.group-menu-dyn td
	{
		font-size: 11px;
		border-right: 1px solid #ccc;
	}
	.group-menu-dyn .item
	{
		padding: 6px 08px;
		font-size: 11px;
	}
	.group-menu-dyn .item:hover
	{
		background-color: White;
	}
	.group-menu-dyn .selected
	{
		font-size: 11px;
		background-color: white;
		padding: 6px 8px;
	}
	
/* Comments */
.comments-list
{
	margin-top: 1px;
	padding: 10px;
	border-bottom: 1px dotted #eee;
	clear: both;
}
	.comments-list .comment-photo
	{
		
	}
	.comments-list .comment-text
	{
		margin-left: 10px;
	}
	.comments-list .comment-date
	{
		font-size: 0.8em;
		color: #666;
	}
	
/* Votes */
#vote-form
{
	background-color: #f8affb;
	text-align: center;
	padding: 10px;
	margin-top: 5px;
}
	#vote-form .vote-cell
	{
		padding: 0px 5px;
	}

/* Doska */
#doska-index
{
	background-color: #fff;
	padding: 5px;
}
	#doska-index h1
	{
		font-size: 14px;
	}
	#doska-index .count
	{
		padding: 0px;
		margin: 3px 0px 0px 0px;
		color: #444;
		background-color: #fff;
		padding: 2px 5px;
		border: 1px solid #eee;
	}
		#doska-index .count .nr
		{
			font-size: 14px;
		}

#doska-details
{
	padding: 10px;
	margin-top: 5px;
}
	
/* Groups */
#groups-index
{
	background-color: #fff;
	padding: 5px;
}
	#groups-index h1
	{
		font-size: 14px;
	}
	#groups-index .count
	{
		padding: 0px;
		margin: 3px 0px 0px 0px;
		color: #444;
		background-color: #fff;
		padding: 2px 5px;
		border: 1px solid #eee;
	}
		#groups-index .count .nr
		{
			font-size: 14px;
		}

#groups-group-index
{
	background-color: #eee;
	padding: 2px;
}
	#groups-group-index h1
	{
		color: #444;
	}
	#groups-group-index table
	{
		width: 100%;
	}
	#groups-group-index h2
	{
		color: #444;
		font-size: 15px;
		margin: 0px 0px 10px;
	}
	#groups-group-index h4
	{
		color: #444;
		font-size: 11px;
		margin: 0px 0px 10px;
	}
	#groups-group-index .item1
	{
		background-color: #fff;
		padding: 5px;
		margin-bottom: 2px;
	}
	#groups-group-index .item2
	{
		background-color: #eee;
		padding: 5px;
		margin-bottom: 2px;
	}
	#groups-group-index .status-bar
	{
		color: #666;
		border-top: 1px dotted #eee;
		text-align: right;
		margin-top: 20px;
		padding: 5px 10px;
		font-size: 11px;
	}
	
/* Games */
#games-index
{
	background-color: #fff;
	padding: 10px;
	margin-top: 5px;
}
	#games-index h1
	{
		color: #ca7c38;
	}
	#games-index a
	{
		color: #ca7c38;
	}
	#games-index .count
	{
		padding: 5px 10px;
		margin: 5px;
		border: 1px dotted White;
		background-color: #eee;
	}

/* Paginator */
.paginator
{
	padding: 10px 20px 15px;
	font-size: 11px;
	text-align: center;
}
	.paginator table
	{
		width: auto;
		margin: 0 auto;
		border-collapse: separate;
	}
	.paginator a
	{
		color: #999;
		text-decoration: none;
	}
	
	.paginator .nr
	{
		width: 15px;
		height: 11px;
		padding: 4px;
		background-color: #eee;
		border: 1px solid #ccc;
		cursor: hand;
	}
	
	.paginator .nr:hover
	{
		background-color: #ccc;
	}
	
	.paginator .selected
	{
		background-color: red;
		border: 1px solid red;
		color: white;
	}
		.paginator .selected:hover
		{
			background-color: red;
		}
		.paginator .selected a
		{
			color: #fff;
		}


/* Tag Menu */
.tagmenu
{
	text-align: center;
	padding: 10px;
	border-bottom: 1px dotted #ccc;
	font-size: 11px;
}
	.tagmenu a
	{
		padding: 3px;
	}
	.tagmenu a.selected
	{
		padding: 3px;
		background-color: #7a7a7a;
		color: #fff;
	}
	
/* User Avatar context menu */
.avatar-context-menu
{
	border: 1px solid #ccc;
}

/* Header profile menu */
#header-profile-menu
{
	padding: 5px;
	text-align: center;
	color: #fff;
	font-size: 12px;	
}
	#header-profile-menu a
	{
		color: #fff;
	}