/*
| -------------------------------------------------------------------
| FILENAME:			wm.salvage-academy.css
| DESCRIPTION:		Salavge Academy Style Sheet
| CREATED:			15/09/2008
| INITIAL AUTHOR:		Elma Smit
| UPDATED BY:			Elma Smit, 15/09/2008
| 
| Copyright (c) 2007 KeyAgency
| http://www.keyagency.nl/
| -------------------------------------------------------------------
| De basis kleuren die in de site gebruikt worden:
|
| dblauw: #022F54
| dred: #8A3410
| text-light: #52565A 
| -------------------------------------------------------------------
*/

body
{
	background-image: url('../gui/backgrounds/salvage-academy.background.header.jpg');
}

#page #logo
{
	padding: 0 0 0 0;
}

#page #logo h1 a
{
	display: block;
	width: 320px;
	height: 60px;
}

#page #logo h1 a span
{
	display: none;
}

#navigation { position:relative; }
ul.sectionsmenu li a { padding: 0px 6px;}


/*
| -------------------------------------------------------------------
| photoslider
| -------------------------------------------------------------------
*/

#page #photoslider
{
	overflow: hidden;
	width: 200px;
	margin: 30px 0 0 0;
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
	height: 350px;
	position: relative;
}

#photoslider .photocontainer
{
	position: absolute;
	/* 	background-color: blue; */
}

#photoslider img
{
	border-width: 0 1px 0 0;
	border-color: #dbe6f1;
	border-style: solid;
}

/******************************************************************************
* Login
******************************************************************************/

#navigation ul li.kwc-login
{
	float: right;
}

#navigation ul li.kwc-login a
{
	font-size: 85%;
	border: 0;
	padding-right: 1px;
	margin-top: 20px;
	color: #919191;
	letter-spacing: 0px;
}

#navigation ul li.kwc-login a:hover
{
	color: #8A3410;
}

#navigation ul li.kwc-login a strong
{
	font-weight: normal;
}

/******************************************************************************
* 
******************************************************************************/

#page #sub-navigation
{
	padding: 45px 0 15px 15px;
}

#sub-navigation ul
{
	margin: 0;
	padding: 0;
	height: auto;
}

#sub-navigation ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: none;
}

#sub-navigation ul li a
{
	font-size: 100%;
	padding: 10px 10px;
	margin: 0px;
	display: block;
	color: #7c7b7b;
	text-decoration: none;
	border-width: 1px 0 0 0;
	border-color: #DDD;
	border-style: solid;
}

#sub-navigation ul li.in-path a.in-path,
#sub-navigation ul li a.selected
{
	color: #fff;
	font-weight: bold;
	background-color: #8A3410;
}

#sub-navigation ul li ul
{
	margin: 0;
	border-bottom: 0px solid #eee;
}

#sub-navigation ul li ul li a
{
	padding: 8px 10px 8px 10px;
	font-size: 85%;
	border-top: 1px solid #eee;
	color: #a0a0a0;
}

#sub-navigation ul ul li.in-path a.in-path,
#sub-navigation ul ul li a.selected
{
	background-color: #ddd;
	color: #a0a0a0;
}

/* 
	


#page 
{
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: auto;
}*/

#page #pagecontent {padding-top:20px;}

#page div.know-more
{
	margin: 30px 0px 0 15px;
	padding: 15px;
	border-width: 1px;
	border-color: #ddd;
	border-style: solid;
}

#page div.know-more h4
{
	color: #919191;
	font-size: 85%;
	margin: 0 0 0.5em 0;
}

#page div.know-more p
{
	color: #919191;
	font-size: 77%;
	margin: 0 0 0.5em 0;
}

/* sidebar banner (folders) */
#banner_sidebar_holder
{
	margin: 0px 0px 0 15px;
	padding: 15px;
	background-image: url('../gui/backgrounds/background.bannersidebar.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #892b2b;
}

#banner_sidebar_holder div.banner_sidebar
{
}

#banner_sidebar_holder div.banner_sidebar p,
#banner_sidebar_holder div.banner_sidebar p a,
#banner_sidebar_holder div.banner_sidebar h3,
#banner_sidebar_holder div.banner_sidebar h4
{
	color: #fff;
}

#banner_sidebar_holder div.banner_sidebar h3,
#banner_sidebar_holder div.banner_sidebar h4
{
	font-size: 85%;
	margin: 0 0 0.5em 0;
}

#banner_sidebar_holder div.banner_sidebar p
{
	font-size: 77%;
	line-height: 130%;
	margin: 0 0 0.5em 0;
}

/******************************************************************************
* MAIL A FRIEND
******************************************************************************/

form.mail-a-friend
{
	clear: both;
	margin: 15px 0px 0 15px;
	padding: 15px;
	border-width: 1px;
	border-color: #ddd;
	border-style: solid;
}

div.login-widget
{
	clear: both;
	margin: 15px 30px 0 0px;
	padding: 15px;
	border: 1px #ddd solid;

	
	
}

div.column.one-fourth div.login-widget { border: 2px #002D56 solid;
	background-color: #f2f4f6;}


form.mail-a-friend h3,
div.column.one-fourth div.login-widget h3,
div.column.one-fourth div.login-widget form.login legend,
div.column.one-fourth div.login-widget p.logged-in-message
{
	margin: 0 0 0.5em 0;
	color: #919191;
	font-size: 85%;
	font-weight: bold;
	line-height: 140%;
	display: block;
}


div.column.one-fourth div.login-widget h3 { color: #8A1E10;
	font-size: 100%;}
div.column.one-fourth div.login-widget a { color: #8A1E10;}


div.column.one-fourth div.login-widget form p {font-size: 85%;  }


div.column.one-fourth div.login-widget form.login legend,
div.column.one-fourth div.login-widget p.logged-in-message
{
	font-weight: normal;
	padding-bottom: 5px;
}

div.column.one-fourth form.login legend
{
	width: 100px;
	display: inline;
	height: 20px;
}
div.column.one-fourth form.login legend label
{
	display: block;
}

form.mail-a-friend p,
div.column.one-fourth form.login div.control
{
	color: #919191;
	font-size: 77%;
	margin: 0 0 0.5em 0;
}

form.mail-a-friend p.error,
div.column.one-fourth form.login p.error
{
	color: #FF2819;
}

form.mail-a-friend input.text,
div.column.one-fourth form.login input.text
{
	font-size: 100%;
	width: 174px;
	display: block;
	border-width: 1px;
	border-color: #bbb;
	border-style: solid;
	margin: 0 0 0.5em 0;
}

div.column.one-fourth form.login input.text
{
	
	width: 154px;
	
}


#pagecontent div.clients
{
	padding: 0 0 10px 0;
}

#pagecontent div.clients div.folder
{
	width: 430px;
	background-color: #fff;
	padding: 10px;
}

#pagecontent div.clients div.folder p.readmore
{
	margin: 0px;
}

/******************************************************************************
* COURSE
******************************************************************************/

div.course
{
	overflow: visible;
	border-width: 0 0 1px 0;
	border-color: #DDD;
	border-style: solid;
	margin: 0 0 15px 0;
}

div.course p.error
{
	color: #FF301B;
	margin: 0;
}

form.register-for-course
{
	border-width: 0;
	border-color: #ddd;
	border-style: solid;
	margin: 0 0 15px 0;
}

form.register-for-course h3
{
}

#page form.register-for-course p.note
{
	color: #919191;
	font-size: 77%;
	margin: 1em 0;
}

#page form.register-for-course p.error
{
	color: #FF2819;
}

#page form.register-for-course p.terms-and-conditions a
{
	color: #52565A;
}

#page form.register-for-course p.terms-and-conditions a:hover
{
	color: #8a1e10;
}

form.register-for-course div.control
{
	clear: both;
	overflow: auto;
}

form.register-for-course div.control label
{
	float: left;
	display: block;
	width: 160px;
	color: #022F54;
	font-size: 85%;
	line-height: 1.7em;
}

form.register-for-course input,
form.register-for-course select
{
	outline: none;
}

form.register-for-course input.text
{
	width: 276px;
	border-width: 1px;
	border-color: #bbb;
	border-style: solid;
	margin: 0 0 0.5em 0;
}

form.register-for-course select
{
	width: 278px;
	border-width: 1px;
	border-color: #bbb;
	border-style: solid;
	margin: 0 0 0.5em 0;
}

form.register-for-course select.sex
{
	width: auto;
}