/*
 ****************************************************************************************
 *
 * @file subscribe_form.css
 *
 * @brief BLEWaves - subscribe_form.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);
}

fieldset legend
{
	color: red;
}

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

input 
{
	border: 1px solid black;
	border-radius: 5px;
}

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

.ok
{
	border-color: rgb(149,245,149);
}

.ok:focus
{
	border-color: rgb(149,245,149);
	box-shadow: 0 0 10px rgb(149,245,149);
}

.notOk
{
	border-color: rgb(255,85,85);
}

.notOk:focus
{
	border-color: rgb(255,85,85);
	box-shadow: 0 0 10px rgb(255,85,85);
}

/*
 ****************************************************************************************
 * Identity fieldset
 ****************************************************************************************
 */
#identity label
{
	display: inline-block;
	width: 125px;
}

#identity #mail_text
{
	color: green;
}

#identity #mail
{
	width: 300px;
}

#identity #mail_confirm
{
	width: 300px;
}


#identity #last_name_label
{
	margin-left: 25px;
}

#identity span
{
	margin-left: 20px;
	color: red;
}

/*
 ****************************************************************************************
 * Login-Password fieldset
 ****************************************************************************************
 */
#login_pwd label
{
	display: inline-block;
	width: 150px;
}

#login_pwd input
{
	display: inline-block;
	width: 175px;
}

#login_pwd span
{
	margin-left: 20px;
	color: red;
}

/*
 ****************************************************************************************
 * Captcha
 ****************************************************************************************
 */
#captcha
{
	width: 300px;
	margin: 10px auto 10px auto;
}

/*
 ****************************************************************************************
 * 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;
}