/*
 ****************************************************************************************
 *
 * @file forgotten_pwd.css
 *
 * @brief BLEWaves - forgotten_pwd.php Cascading style sheet
 *
 * Copyright (C) RivieraWaves 2009-2012
 *
 ****************************************************************************************
 */

body
{
	margin: auto;
	width: 1000px;
	border-radius: 10px;
	border: 1px solid black;
	height: 100%;
	font-family: "Calibri", "Oxygen", serif;
	box-shadow: 5px 5px 6px black;
}

/*
 * Header
 */
header
{
	width: 1000px;
	height: 120px;
	margin: auto;
	padding-bottom: 10px;
	border-radius: 10px 10px 0px 0px;
	
	background-image: url('../../ressources/background_header.png');
	background-size: 100% 100%;
	
	position: relative;
}

#rivierawaves_logo
{
	width: 241px;
	height: 120px;
	position: absolute;
	margin: 5px 10px 0px 0px;
	right: 0px;
	top: 0px;
	border: 0px;
}

#header_title
{
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 10px 0px 0px 10px;
	color: white;
	font-size: 60px;
	font-style: bold;
}

#header_subtitle
{
	position: absolute;
	left: 0px;
	top: 70px;
	margin: 5px 0px 0px 15px;
	color: white;
	font-size: 40px;
	font-style: bold;
}

/*
 * Title bar
 */
#titlebar
{
	margin: 0;
	padding: 0;
	background-color: rgb(200,190,119);
	width: 100%;
	
	position: relative;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#titlebar  #intro
{
    font-size: 1.5em;
	color: white;
	padding: 0px 15px 0px 15px;
	margin: 0;
}

/*
 * Form
 */
#form
{
	margin-top: 20px;
}

fieldset
{
	width: 75%;
	margin: auto;
	border-radius: 10px;
	border-color: rgb(33, 145, 192);
}

label
{
	display: inline-block;
	width: 60px;
}

input 
{
	display: inline-block;
	width: 150px;
	border: 1px solid black;
	border-radius: 5px;
}

fieldset #text_help
{
	color: green;
}

fieldset #mail
{
	width: 300px;
}

input:focus 
{
	border-color: rgb(124, 207, 228);
	box-shadow: 0 0 10px rgb(124, 207, 228);
}

#buttons
{
	width: 75%;
	margin: 10px auto 10px auto;
	text-align: right;
}

#buttons input
{
	width: 50px;
	margin: 10px auto 10px auto;
	text-align: center;
}

/*
 * Footer
 */
footer
{
	width: 100%;
	border-radius: 0 0 10px 10px;
	border-top: 1px solid black;
	background-image: url('../../ressources/background_header.png');
}

#copyright
{
	padding-top: 10px;
	padding-bottom: 10px;
	width: 50%;
	text-align: center;
	color: white;
	margin: 0 auto 0 auto;
}