/* Copyright (c) 2010 Streker Atletiek Vereniging */
/* * * HTML * * */
body
{
	background: #e4e8ea;
	margin: 10px;
	padding: 0;	
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	color: #555555;
	font-size: 12px;
}

a
{
	color: #FE802B;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

form
{
	margin: 0;
	padding: 0;
	border: 0;
}

img
{
	border: 0;
}

h2
{
	color: #4C4C4C;
	display: block;
	font-size: 16px;
	margin: 0;
	padding: 0 5px 3px;
	border-bottom: 1px solid #FEBB8E;
}

h3
{
	font-size: 14px;
	margin: 1em 0;
}
/* * * HTML * * */

/* * * WRAPPER * * */
#wrapper
{
	width: 980px;
	margin: 0 auto;
}

#wrapper #footer
{
	color: #4C4C4C;
	font-size: 10px;
	font-weight: bold;
	padding-top: 7px;
	text-align: center;
}
/* * * WRAPPER * * */

/* * * HEADER * * */
#header
{
	margin-bottom: 5px;
}

#header .header-top
{
	background: url('header/top.jpg');
	height: 4px;
}

#header .header-banner
{
	background: url('header/banner.jpg');
	height: 131px;
}

#header .header-links
{
	background: url('header/links.jpg');
	height: 44px;
	padding: 0px 20px;
}

#header .header-links a
{
	float: left;
	padding: 12px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

#header .header-links a:hover
{
	background-image: url('tabs/active.gif');
	background-repeat: no-repeat;
	background-position: top center;
	text-decoration: underline;
}

#header .header-links .active
{
	background-image: url('tabs/active.gif');
	background-repeat: no-repeat;
	background-position: top center;
}

#header .header-links .split
{
	float: left;
	width: 2px;
	background: #FEBB8E;
	height: 30px;
	margin-top: 7px;
	margin-left: 3px;
	margin-right: 3px;
}

#header .header-bottom
{
	background: url('header/bottom.jpg');
	height: 2px;
}
/* * * HEADER * * */

/* * * PAGE * * */
#page
{
	background: url('page/bg.jpg');
}

#page .page-top
{
	height: 4px;
	background: url('page/top.jpg');
}

#page .page-content
{
	padding: 8px 15px;
}

#page .page-footer
{
	height: 4px;
	background: url('page/footer.jpg');
}
/* * * PAGE * * */

/* * * NEWS * * */
.news
{
	padding-bottom: 20px;
	clear: both;
}

.news h2
{
	color: #4C4C4C;
	display: block;
	font-size: 16px;
	margin: 0;
	padding: 0 5px 3px;
	border-bottom: 1px solid #FEBB8E;
}

.content p
{
	font-size: 12px;
	text-align: justify;
	margin: 1em 0;
	line-height: 18px;
	color: #555555;
	padding: 0;
}

.content table
{
	margin: 1em 0;
}

.content table p
{
	padding: 0;
	margin: 0;
}

.news .info
{
	clear: both;
	color: #555555;
	font-size: 11px;
}

.news .info .container
{
	float: left;
	background: #FFF5EF/*FFECDF*/;
	margin-right: 2px;
	padding: 2px 4px;
}

.news .info .date, .news .info .update, .news .info .user, .news .info .edit, .news .info .delete, .news .info .pinned, .news .info .special
{
	background-repeat: no-repeat;
	background-position: left center;
	padding: 3px;
	padding-left: 20px;
}

.news .info .date { background-image: url('news/date.png'); }
.news .info .update { background-image: url('news/date_edit.png'); }
.news .info .user {	background-image: url('news/user.png'); }
.news .info .edit {	background-image: url('news/note_edit.png'); }
.news .info .delete { background-image: url('news/note_delete.png'); }
.news .info .pinned { background-image: url('news/pinned.png'); }
.news .info .special { background-image: url('news/information.png'); }
/* * * NEWS * * */

/* * * Headings * * */
.heading
{
	background: #FE802B;
	border: 2px solid #FEBB8E;
	padding: 5px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 13px;
	text-align: center;
}
/* * * Headings * * */

/* * * MENU * * */
.link
{
	border-bottom: 1px dotted #FEBB8E;
	padding: 3px;
	font-size: 11px;
}

.link .link-date
{
	color: #666666;
}
/* * * MENU * * */

/* * * FORM * * */
input[type="submit"]
{
	background: #FE802B;
	border: 2px solid #FEBB8E;
	padding: 3px 8px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 5px;
}

.form fieldset 
{ 
	padding: 5px;
	background: #f2efe9;
	background-image: url('forms/bg.jpg');
	background-repeat: repeat-x;
	background-position: top;
	margin: 0;
	margin-top: 10px;
	border: 1px solid #d6d2cc;
}

.form legend 
{
	font-weight: bold; 
	color: #FE802B;
	padding: 2px;
	border: 0;
}

.form fieldset label 
{ 
	width: 170px;
	float: left;
	padding: 2px;
	font-size: 11px;
}

.form fieldset .row
{
	clear: both;
	padding: 5px;
}

.form fieldset input[type="text"], .form fieldset input[type="password"]
{
	border: 1px solid #CECECE;
	padding: 3px;
	width: 350px;
	float: left;
}

.form fieldset select
{
	float: left;
}

.form fieldset textarea
{
	width: 99%;
	border: 1px solid #CECECE;
	padding: 3px;
}

.form .buttons
{
	text-align: center;
	margin-top: 10px;
}
/* * * FORM * * */

/* * * ALERTS * * */
.alert-success  
{
	background: #E2F9E3 url('alert/accept.png') center no-repeat;
	background-position: 10px 50%;
	border: 2px solid #99CC99;
	color: #008800;
	margin-bottom: 5px;
	padding: 5px 5px 5px 32px;
	display: block;
	clear: both;
}
.alert-error 
{
	background: #ffe1da url('alert/error.png') center no-repeat;
	background-position: 10px 50%;
	border: 2px solid #f34f4f;
	color: #be0b0b;
	margin-bottom: 5px;
	padding: 5px 5px 5px 32px;
	display: block;
	clear: both;
}
/* * * ALERTS * * */

/* * * ARCHIVE * * */
.news-archive .links
{
	background-image: url('news/bullet_orange.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	padding-left: 20px;
	border-bottom: 1px dotted #FEBB8E;
	margin-bottom: 10px;
}

.news-archive .links a 
{
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}
/* * * ARCHIVE * * */

/* * * MENUS * * */
.menu
{
	width: 220px;
}

.menu .title
{
	background: url('menus/title-3.jpg');
	padding: 5px;
	font-size: 13px;
	color: #FFFFFF;
	/*-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;*/
	text-align: center;
	font-weight: bold;
}

.menu .content, .menu .links
{
	padding: 5px;
	background: #F1F1F1 url('menus/bottom.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
	/*-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;*/
	font-size: 11px;
}

.menu .links a
{
	display: block;
	padding: 4px;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px dotted #FEBB8E;
}
/* * * MENUS * * */

/* * * Ext heading * * */
.ext-heading
{
	color: #4C4C4C;
	display: block;
	font-size: 12px;
	margin: 0 0 5px;
	padding: 0 5px 3px;
	border-bottom: 1px solid #FEBB8E;
}

.ext-heading .title
{
	font-weight: bold;
	font-size: 16px;
	padding-left: 0;
}

.ext-heading span
{
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}
/* * * Ext heading * * */

.loading
{
	position: absolute;
	background-color: #F1F1F1;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('ajax-loader.gif');
	opacity: 0.8;
	filter: opaque(80);
}

.game-info .row
{
	display: block;
	padding: 5px;
	clear: both;
}

.game-info .title
{
	color: #FE802B;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 5px 2px;
}

.game-info .info
{
	float: left;
	width: 200px;
	font-size: 12px;
	font-weight: bold;
}

.game-info .content
{
	float: left;
}

/* Contact form */
.contactform .label label 
{ 
	padding: 2px;
	font-size: 11px;
	display: block;
	font-weight: bold;
}

.contactform .input
{
	display: block;
}

.contactform .row
{
	padding: 5px;
}

.contactform input[type="text"], .contactform input[type="password"]
{
	border: 1px solid #CECECE;
	padding: 3px;
	width: 350px;
}

.contactform textarea
{
	border: 1px solid #CECECE;
	padding: 3px;
	width: 500px;
	height: 150px;	
}

.contactform .buttons
{
	text-align: left;
	margin-top: 10px;
	margin-left: 5px;
}

.contactform .input input[type="text"].error, .contactform .input input[type="password"].error, .contactform .input textarea.error
{
	border: 1px solid #E77776;
	background: #F8DBDB;
}

.contactform .input label.error
{
	font-size:11px;
	font-style:italic;
	margin-left:10px;
	color:#E46C6E;
}

.contentpage
{
	background-image: url('sidebar/bg.jpg');
	background-repeat: repeat-y;	
	background-position: right top;
}

.sidebar a
{
	display: block;
	padding: 5px;
	padding-left: 20px;
	color: #969da1;
}

.sidebar .split
{
	height: 1px;
	width: 190px;
	margin-top: 4px;
	margin-left: 10px;
	margin-bottom: 4px;
	background: #F2F2F2;
}

.sidebar .active
{
	border: 1px solid #F2F2F2;
	border-left: 1px solid #FFFFFF;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
	background: #FFFFFF;
	margin-bottom: 4px;
	margin-top: 4px;
}

.sidebar .title
{
	font-weight: bold;
	text-align: center;
	padding: 5px;
	padding-bottom: 8px;
	color: #969da1;
	font-size: 14px;
}

.sidebar .active a
{
	padding-top: 6px;
	padding-bottom: 6px;
}

.page-content ul li
{
	padding-top: 4px;
}

#games table tr td
{
	padding: 2px;
}

.hover
{
	background: #F1F1F1 !important;
}

.form .split
{
	height: 10px;
}

.table
{
	width: 100%;
}

.table th
{
	color: #E77222;
	padding: 7px 5px;
	text-align: left;
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
}

.table td
{
	padding: 5px;
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
	color: #555555;
}

.table .alt
{
	background: #FFF5EF;
}

.form fieldset input[type="text"].error, .form fieldset input[type="password"].error, fieldset .input textarea.error
{
	border: 1px solid #E77776;
	background: #F8DBDB;
}

.form fieldset label.error
{
	font-size: 11px;
	font-style: italic;
	margin-left: 10px;
	color: #E46C6E;
	width: auto;
}

h4
{
	padding: 0;
	margin: 0;
	color: #555555;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	font-weight: bold;
	text-decoration: underline;
}

.content span.title
{
	color: #555555;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	font-weight: bold;
	text-decoration: underline;
	display: block;
}

p.tabletitle
{
	margin: 0;
}

p.empty
{
	margin: 0;
	height: 10px;
}