/* - - - - - - - - - - - - - - - - - - - - -
Title : Account - Spot Image NSL - CSS File
Description : This file contain all Account pages CSS specifications for NSL project
Copyright (c) 2005-2006 WS Interactive
Author : Sebastien Pauchet <sebastien.pauchet@ws-interactive.fr>
Created : 23/02/2006
$Id: account.css,v 1.4 2007/09/25 16:12:17 sebastien Exp $
- - - - - - - - - - - - - - - - - - - - - */


/* ----- content ----- */

#content
{
	color: #000000;
	font-weight: normal;
	position: relative;
	left: 0;
}

#searchForm
{
	width: 610px;
	float: right;
}

.innercontent
{
	position: relative;
	z-index: 10; /*padding: inherit;*/ /*float: right;*/ /*position: relative;*/ /*width: auto;*/ /*margin: 0 0 0 10px; 	padding: 0 25px 0 0;*/ /*border: 0px solid #FFFFFF; 	z-index: 500;*/
}

#descriptiontext
{
	position: relative;
	width: auto;
	padding: 0 30px 0 0;
	z-index: 4;
}
#descriptiontext h3
{
	color: #7d7d7d;
	padding-left: 10px;
	font-size: 14px;
	font-family: Arial, Monospace;
	font-weight: bold;
	text-align: left;
	background-image: url(../img/puceAide_T2.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
#content a, #content a:link, #content a:active, #content a:visited
{
	color: #FF6600;
	text-decoration: none;
}
#content a:hover
{
	text-decoration: underline;
}
#content em
{
	font: normal 1em Verdana,Arial,Helvetica,sans-serif;
	font-style: italic;
}
#content .right
{
	text-align: right;
}
#content .left
{
	text-align: left;
}
#content .center
{
	text-align: center;
}
/* ----- accountMenu ----- */
#accountMenu
{
	float: left;
	background-position: top right;
	background-repeat: no-repeat;
	font: bold 1.2em Verdana,Arial,Helvetica,sans-serif;
	color: #2C456C;
	padding-bottom: 10px;
}

#accountMenu
{
	float: none;
	color: #6A6A6A;
	margin-bottom: 15px;
}

#accountMenu span
{
	font-size:larger;
	color: #FF6600;
	text-decoration: underline;
}

#accountMenu .titreSeul
{
	background-image: url(../img/puceAide_T1.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	text-decoration: none;
}

#accountMenu a, #accountMenu a:link, #accountMenu a:active, #accountMenu a:visited
{
	color: #6A6A6A;
	text-decoration: none;
}
#accountMenu a:hover
{
	text-decoration: underline;
}
/* ----- accountMenu ----- */
#accountMenuBottom
{
	min-height: 10px;
	max-height: 25px;
	font: bold 0.8em Verdana,Arial,Helvetica,sans-serif;
	margin-bottom: 10px;
}
#accountMenuBottom span
{
	color: #FF6600;
	text-decoration: none;
}

#accountSubNavHelp
{
	float: right;
	line-height: 32px;
	vertical-align: middle;
	padding-right: 8px;
	vertical-align: top;
}

#accountMenuBottom .help
{
	padding: 0px 5px 0px 10px;
	vertical-align: middle;
}
#accountMenuBottom ul
{
	float: left;
	margin: 0;
	padding: 7px 5px 0px 5px;
}
#accountMenuBottom li
{
	list-style: none;
	display: inline;
}
#accountMenuBottom li span
{
	padding: 0 10px 0 10px;
	background-image: url(../img/profil_on.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
#accountMenuBottom li a
{
	padding: 0 10px 0 10px;
	background-image: url(../img/profil_off.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
#accountMenuBottom a, #accountMenuBottom a:link, #accountMenuBottom a:active, #accountMenuBottom a:visited
{
	color: #6A6A6A;
	text-decoration: none;
}
#accountMenuBottom a:hover
{
	text-decoration: underline;
}

/* ----- userMessage ----- */


#userMessage.account
{
	margin: 0 15px 15px 0;
	float: inherit;
}
/* ----- userConfirm ----- */

#userConfirmMessage
{
	padding: 20px 5px 20px 5px;
}
/* ----- table head ----- */

.innercontent table
{
	border: 1px solid #FB741A; /*border-left: 1px solid #FB741A; 	border-right: 1px solid #FB741A; 	border-bottom: 1px solid #FB741A;*/
	background-color: Transparent;
}

.innercontent th
{
	-x-system-font: none;
	background-image: url(../img/th_pref.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	font: bold 1.0em Verdana,Arial,Helvetica,sans-serif;
	height: 18px;
	margin: 0 0 0 0;
	padding: 10px 0 10px 20px;
	text-align: left;
}

.innercontent thead th
{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
		background-image: url(../img/head-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

/*.innercontent thead th
{
	background-image: url(../img/head-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
}*/

.innercontent thead th span
{
	font: bold 0.9em Verdana,Arial,Helvetica,sans-serif;
	color: #FFFFFF;
	background-image: url(../img/h3_span_on.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
}

.innercontent td.tab
{
	/*padding: 0 0 0 20px;*/
}

select
{
	font: bold 0.9em Verdana,Arial,Helvetica,sans-serif; /*color: #305782;*/
	border: 1px solid #305782;
	vertical-align: middle;
}
/* ----- login ----- */
.login .innercontent
{
	width: 100%; /*padding: 0 15px 0 15px;*/ /*margin: 0 0 0 0;*/
}

#loginTable
{
	float: left;
}

#accountLoginTable
{
	float: right; /*margin: 0 0 20px 0;*/
}

/* ----- preferences ----- */
#preferences td.label
{
	padding: 0 0 0 20px;
}
#preferences td.field
{
	text-align: center;
}
#preferences input
{
	vertical-align: middle;
}

#fieldsSubmit
{
	float: right; /*width: auto; 	text-align: right; 	border-spacing: 0;*/
}

#preferences input.text
{
	font: bold 0.9em Verdana,Arial,Helvetica,sans-serif; /*color: #305782;*/
	border: 1px solid #305782;
}
span.buttonsubmit
{
	/*padding-right: 18px;*/ /*background-image: url(../img/picto_button_right.gif);*/
	background-position: center right;
	background-repeat: no-repeat;
	margin-top: 10px;
}
span.buttonsubmit input
{
	font: bold 11px Verdana,Arial,Helvetica,sans-serif; /*width: auto;*/
	height: 28px;
	cursor: pointer;
}
/* ----- Alerts List----- */
#alertsList
{
	margin-bottom: 20px;
}

#alertsList thead th
{
	background-image: url(../img/head-bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	text-align: center;
	padding: 0 5px 0 5px;
}
#alertsList td
{
	font: normal 1em Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	padding: 2px 5px 2px 5px;
}
#alertsList tr.active td
{
	font: bold 1em Verdana,Arial,Helvetica,sans-serif;
	color: #FB741A;
}
#alertsList td span
{
	text-decoration: underline;
	cursor: pointer;
}
/* ----- Alert Detail----- */
#name, #from, #to
{
	vertical-align: middle;
	font: bold 0.9em Verdana,Arial,Helvetica,sans-serif; /*color: #305782;*/
	border: 1px solid #305782;
}

#alertDetail
{
	width: 100%;
}
#alertDetail label
{
	display: block;
	vertical-align: middle;
}
#datesFields label
{
	width: 200px;
	text-align: right;
}
#datesFields table
{
	border: 0px solid #DEDEDE;
}
/*for Gecko only*/
#alertDetail label > input, #alertDetail label > select
{
	vertical-align: baseline;
}
#fieldCalendarTo
{
	vertical-align: -4px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/calendar.gif);
	width: 19px;
	height: 14px;
	cursor: pointer;
}
#create
{
	display: block;
	margin-bottom: 5px;
}
/* ----- Login / Addresses ----- */
#login
{
	margin-bottom: 20px;
	background-image: url(../img/form-bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 10px;
}

#accountLogin, #login
{
	width: 100%;
}

#accountLogin table, #login table
{
	background-color: Transparent;
	border: 0px solid #DEDEDE;
	white-space: nowrap;
	width: 100%;
}

#accountLogin .colored-button, #login .colored-button
{
	width: auto;
}

#accountLogin fieldset
{
	/*margin-right: -10px;*/
}

#accountLogin .right, #accountLogin fieldset .right
{
	min-width: 210px;
}



#accountLogin #addressFields td
{
	/*width: 100%;*/
}

#login table td
{
	text-align: right;
}
#accountLogin label input
{
	vertical-align: middle;
}
/*for Gecko only*/
#accountLogin label > input
{
	vertical-align: -3px;
}
#fieldLanguage, #fieldCountry, #comfieldCountry, #username, #password, #lastname, #firstname, #emailcreate, #company, #address1, #address2, #address3, #city, #number, #postcode, #bp, #telefon, #fax, #telefonsuffix, #faxsuffix, #comaddress1, #comaddress2, #comaddress3, #comcity, #comnumber, #compostcode, #combp, #comtelefon, #comfax, #comtelefonsuffix, #comfaxsuffix, #password1, #password2, #clientnumber, #tel, #telsuffix
{
	/*position: relative; 	right: 4px;*/
	width: 200px;
	vertical-align: middle;
	font: bold 0.9em Arial,Helvetica,sans-serif;
	color: #000000;
	border: 1px solid #000000;
}
#comment
{
	width: 200px;
	height: 150px;
	vertical-align: middle;
	font: bold 0.9em Verdana,Arial,Helvetica,sans-serif; /*color: #305782;*/
	border: 1px solid #000000;
}
#postcode, #compostcode
{
	width: 40px;
}
#telefonsuffix, #faxsuffix, #comtelefonsuffix, #comfaxsuffix, #telsuffix
{
	width: 20px;
}
#telefon, #fax, #comtelefon, #comfax, #tel
{
	width: 170px;
}

#fieldsSubmitLogin
{
	clear: both;
	float: right;
	width: auto;
	text-align: right;
	padding: 5px 0 5px 0;
}

/* ----- Addresses ----- */

#comAddressTable
{
	float: left;
	display: block;
	padding: 0 20px 0 20px;
}

#addressTable
{
	float: right;
	display: block;
	padding: 0 20px 0 20px;
}
#addressName, #addresseslist
{
	width: 250px;
	vertical-align: middle;
	font: bold 0.9em Verdana,Arial,Helvetica,sans-serif; /*color: #305782;*/ /*border: 1px solid #305782;*/
}
#address, #comAddress, #comUserConfirmTable
{
	width: 100%; /*margin-bottom: 20px;*/
}
#comAddress
{
	margin-right: 20px;
}
#address table, #comAddress table
{
	border: 0px solid #DEDEDE;
	white-space: nowrap;
	width: 100%;
}

#address .colored-button, #comAddress .colored-button
{
	width: auto;
}

#address label input, #comAddress label input
{
	vertical-align: middle;
}
/*for Gecko only*/
#address label > input, #comAddress label > input
{
	vertical-align: -3px;
}
#comFieldsSubmit
{
	float: right;
	width: auto;
	text-align: right;
	padding: 10px 0 10px 0;
}
/* ----- Saves List----- */
#savesList
{
	margin-bottom: 20px;
}

#savesList thead th
{
	/*background-image: none;*/
	text-align: center;
	padding: 0 5px 0 5px;
}

#savesList td
{
	font: normal 1em Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	padding: 2px 5px 2px 5px;
}
#savesList td span
{
	font: bold 1em Verdana,Arial,Helvetica,sans-serif;
	color: #FB741A;
	text-decoration: underline;
	cursor: pointer;
}
/* ----- Save Detail----- */
#name, #date
{
	vertical-align: middle;
	font: bold 0.9em Verdana,Arial,Helvetica,sans-serif; /*color: #305782;*/
	border: 1px solid #305782;
}
/*for Gecko only*/
#saveDetail label > input, #saveDetail label > select
{
	vertical-align: baseline;
}

/*#saveDetail .buttonleft, #accountLoginTable .buttonleft, #fieldsSubmit .buttonleft, #fieldsSubmit2 .buttonleft
{
	float: left;
}

#fieldsSubmit2 .buttonright
{
	float: right;
}*/

#saveDetail .buttonsubmit
{
	display: block;
	margin-bottom: 5px;
}
/* ----- DM 21455 ----- */
/* ALE ajout pour page Download */
#downloadsList
{
	margin-bottom: 20px;
}
#downloadsList thead th
{
	/*background-image: none;*/
	text-align: center;
	padding: 0 5px 0 5px;
}
#downloadsList td
{
	font: normal 1em Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	padding: 2px 5px 2px 5px;
}

#downloadsList td span
{
	font: bold 1em Verdana,Arial,Helvetica,sans-serif;
	color: #FB741A;
	text-decoration: underline;
	cursor: pointer;
}
/* --- Fin DM21455 ---- */

#viewAlert, #create, #suspend, #activate, #cancel, #load, #buttonsLeft, #buttonsRight
{
	border: 0;
}

#userConfirm, #userConfirmTable, #savesList, #saveForm
{
	width: 400px;
}

#userConfirm
{
	float: right;
	margin-bottom: 5px;
}


#saveDetailTable
{
	float: right;
}

#savesTable
{
	float: left;
}

#alertTables, #alertDetailTable, #alertsList, #alertForm
{
	/*display:block;*/
	float: right;
}

#buttonCLOSESESSION
{
	background: url(../img/btn_valider_authentificatio.gif);
	color: #FFFFFF;
	width: 240px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: 700;
	height: 26px;
	line-height: 26px;
	padding-left: 16px;
	padding-right: 10px;
	text-align: center;
	text-decoration: none;
	border: none;
}
	
#buttonCANCEL
{
	background: url(../img/btn_annuler_login.gif);
	width:  80px;
	color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: 700;
	height: 26px;
	line-height: 26px;
	/*margin-right: 10px;*/
	padding-left: 16px;
	padding-right: 10px;
	text-align: center;
	text-decoration: none;
	border: none;
}