/*
 * ING.lu Administration interface
 *
 * TABLE OF CONTENTS
 * - General
 * - Interface
 *     menu
 *     header
 * - Forms
 * - Forms special:
 *     globalisation selection
 *     reclamation selection
 *     fraud
 * - Breadcrumbs
 * - Tables
 * - Content specials:
 *     charts
 *     legends
 *     inbox summary
 *     ads
 * - Popups
 * - Popups specials:
 *     logout
 *     faq
 * --------------------------------------------------------------------------- */
 
/* General -------------------------------- */
body { font:12px/16px Arial, sans-serif;  padding:0; background-color: #FFFFFF; }
h1 { font-size:21px; line-height:1; letter-spacing:-1px; }
h2 { background:#aba195; color:#fff; font-size:14px; line-height:1; margin:12px 0 0; padding:4px 12px 6px; }
a { color:#f60; }

/* Interface: menu -------------------------------- */
/*#menu { font:12px/22px Arial, sans-serif; margin-right:4px; }*/
#menu h1 { border-bottom:1px solid; color:#ff6600; font-size:14px; line-height:16px; margin:0 0 1px; padding:0 0 4px; }
#menu ul, li { margin:0; padding:0 }
#menu ul { list-style-image:url('../menu-item.png'); margin-left: 18px;  }
#menu li.this { list-style-image:url('../menu-item-open.png'); }
#menu ul ul { line-height:13px; list-style-image:url('../submenu-item.png'); margin-bottom:4px; }
#menu li li { margin: 5px 0; }
#menu a { color:#000; font-weight:bold; text-decoration:none; }
#menu a:hover { text-decoration:underline; }
#menu ul ul a { font-weight:normal; }
#nav { border:1px solid #aba195; box-shadow:3px 3px 0 #aba195; padding: 12px; -moz-box-shadow:3px 3px 0 #aba195; -webkit-box-shadow:3px 3px 0 #aba195; }

/* Interface: header -------------------------------- */
#header { margin-top:0; }
#header a { text-decoration: none; }
#support { border-bottom:4px solid #f60; color:#f60; float:left; font-size:11px; min-height:38px; *height:38px; padding:10px 0 2px; width:50%; }
#support a { color:#002f6b; padding:0 7px; }
#support img { border:none; margin-left:-7px; margin-right:30px; vertical-align:baseline; }
#profile { border-bottom:4px solid #f60; color:#aba195; float:right; min-height:23px; *height:23px; padding-top:27px; text-align:right; width:50%; }
#profile li { display:inline; padding-left:30px }
#profile a { background:url('../logout.png') no-repeat left; color:#000; font-weight:bold; padding-left:12px; }
#languages { border:1px solid #aba195; border-top:none; clear:both; color:#aba195; margin-left:auto; padding:3px 0 5px; text-align:center; width:122px; }
#languages a { color:#aba195; padding:0 6px; }
#languages a[href] { color:#f60; }
#languages a:hover { text-decoration:none; }
#global { clear:both; font-weight:bold }
#global ul { border-bottom:1px solid #f60; padding:6px 0; margin:0; }
#global li { display:inline; position:relative; bottom:-1px; *bottom:0 }
#global a { color:#f60; padding:6px 12px; }
#global a:hover { color:#000; }
#global span { background:#fff; color:black; border:1px solid #f60; border-bottom:none; padding:6px 12px; position:relative; bottom:-1px; -moz-box-shadow:3px 3px 0 #aba195; -webkit-box-shadow:3px 3px 0 #aba195; }

/* Forms -------------------------------- */
fieldset { background:#ececec; border:none; margin:0 0 2px; padding:0 12px 12px;}
fieldset h2 { margin:0 -12px 12px; }
fieldset ul { list-style:none; margin:0; padding:0; }
input[type="text"], textarea { border:2px solid #aba195; border-width:2px 0 0 2px; }
textarea {  }
label { font-weight:bold; }
label span { display:block; margin:7px 0; }
/*.select1 fieldset { display:none; }*/
.textfields li { margin-bottom:12px; }
.accessify { position:absolute; top:-9999px; }

.button-container{
background: #CECECE none repeat scroll;
float: left;
margin:0px 0px 0px 0px;
}
.abutton-container{
background: #CECECE none repeat scroll 0 0;
float: left;
margin: 0px 0px 0px 0px;
padding-top:4px;
}

.indminus { color: red; font-size: 8pt; font-family: sans-serif, Verdana }
.indplus { color: green; font-size: 8pt; font-family: Verdana, sans-serif }

.abutton{
	background:url("/p/dyna_top/white-arrow.gif") #FF6600 no-repeat; 
	border:none;
	background-position:3px 7px; 
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	background-color:#FF6600;
	color:#FFFFFF; 
	font-size:13px; 
	font-weight:bold; 
	margin-right:0px;
	left: -4px;
	top: -7px;
	position:relative;
	text-decoration:none;
	text-align:center;
}

.button { 
	background:url("/p/dyna_top/white-arrow.gif") #FF6600 no-repeat; 
	border:none; 
	background-position:3px 7px;
	padding-top:1px;
	padding-bottom:1px;
	background-color:#FF6600;
	color:#FFFFFF; 
	font-size:13px; 
	font-weight:bold; 
	margin-right:0px; 
	left: -4px;
	top: -4px;
	position:relative;
	text-decoration:none; 
	text-align:center;
	border:1px;
	border-color: transparent;
	}
.backButton
{ 
	background:url("/p/dyna_top/backwhite-arrow.gif") no-repeat;
	background-position:95% 50%;
	/*background-attachment:fixed;*/
	background-color:#FF6600;
	border:none; 
	color:#FFFFFF; 
	font-size:13px; 
	font-weight:bold; 
	 margin-right:0px;
	left: -4px;
	top: -7px;
	position:relative; 
	padding:3px 20px 3px 10px; 
	text-decoration:none;
	text-align:left; 
	}
.forButton	{ 
	background:url("/p/dyna_top/white-arrow.gif") #f60 no-repeat 5% 50%; 
	border:none; 
	box-shadow:0px 4px 4px 0px #ececec;
	background-color:#f60;
	color:#fff; 
	font-size:13px; 
	font-weight:bold; 
	margin-right:10px; 
	padding:3px 10px 3px 20px; 
	text-decoration:none; 
	}
	

.secondary { 	
	background-color:#ececec; 
	color:#aba195; 
	border:1px; 
	background-position:3px 7px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:13px; 
	font-weight:bold; 
	left: -4px;
	top: -4px;
	position:relative;
	border-style:solid;
	text-decoration:none; 
	text-align:center;
	}
.asecondary{	 
	background-position:3px 7px; 
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	background-color:#ececec;
	color:#aba195; 
	font-size:13px; 
	font-weight:bold; 
	left: -4px;
	top: -7px;
	position:relative;
	border-style:solid;
	text-decoration:none;
	text-align:center;
	border-width:1px;
}	
	
.actions { padding:7px; margin:3px 0; text-align:center; halign:center; }
.actions .buttons { margin-right: 10px; }

/* Forms specials: globalisation selection -------------------------------- */
#globalisation { margin:18px 0 30px; overflow:hidden; *height:1%; }
#globalisation ol { margin:0; padding:0; }
#globalisation li { float:left; list-style:none; margin:0 35px 0 0; padding:23px 0 0; }
#globalisation label span { font-size:16px; font-weight:bold; margin-bottom:-23px; position:relative; top:-30px; }

/* Forms specials: reclamation selection -------------------------------- */
#reclamation { margin:18px 0 30px; overflow:hidden; *height:1%; }
#reclamation ol { margin:0; padding:0; }
#reclamation li { float:left; list-style:none; margin:0 35px 0 0; padding:0; }
#reclamation label span { font-size:16px; font-weight:bold; }

/* Forms specials: fraud -------------------------------- */
#fraud li { float: left; margin:0 35px 10px 0; padding: 0; }
#li-devise { clear: left; margin-right:60px !important; }

/* Breadcrumbs -------------------------------- */
#breadcrumbs { font-size:10px; }
#breadcrumbs a { color:#f60; }

/* Tables -------------------------------- */
/*table { margin:0; padding:0; width:100%; }*/
thead th {font-size:8pt; color:#f60; border-color:#f60; border-style:solid; border-width:1px 0px 1px 0px; text-align:left; }
thead th:first-child { border-left-width:0px; }
thead th:last-child { border-right-width:0px; }
tbody th {font-size:8pt; background:#aba195; color:#fff; font-size:14px; line-height:1; margin:12px 0 0; padding:4px 12px 6px; }
th, td {font-size:8pt; padding:6px 10px 9px; text-align:left; vertical-align:top; }
td {font-size:8pt; border-color:#cecece; border-width:1px 1px 1px 1px; border-style: solid; }
td:first-child { border-left-width:1px; }
td img { border:none; }
.total { font-weight:bold; }
.cpt_type { display:block; font-style:italic; font-weight:normal; }
.figures { text-align:right; }
.clairforms{ background-color:#ececec; }
.clairforms-container{
background-color:#ececec;
border-style:solid;
border-color: #CECECE;
border-width:1px;

 }
.fonceforms{ background-color:#cecece; }
.demcredform{ background-color:#ececec; }

/* Content specials: charts -------------------------------- */
.chart { background:#ececec; padding:20px; }

/* Content specials: legends -------------------------------- */
#legend { border:1px solid #aba195; box-shadow:3px 3px 0 #aba195; display:block; margin:25px 0; padding: 12px; -moz-box-shadow:3px 3px 0 #aba195; -webkit-box-shadow:3px 3px 0 #aba195; }
#legend h2 { background:none; border-bottom:1px solid; color:#ff6600; font-size:14px; line-height:16px; margin:0 0 1px; padding:0 0 4px; }
#legend ul { margin:0; margin-left:65px; padding:0; }
#legend li { margin:5px 0; padding:0; }
#legend img { float:left; margin-left: -65px; }

/* Content specials: inbox summary -------------------------------- */
#inbox-summary { border:1px solid #aba195; box-shadow:4px 4px 0 #aba195; min-height:155px; *height:155px; padding:10px; position:relative; margin-bottom:22px; -moz-box-shadow:4px 4px 0 #aba195; -webkit-box-shadow:4px 4px 0 #aba195; }
#inbox-summary h1 { font-size:18px; font-weight:normal; margin:0; }
#inbox-summary .button { bottom:10px; position:absolute; right:10px; }

/* Content specials: ads -------------------------------- */
.ad img { border: none; }


/* Popups -------------------------------- */
body.popup { background:url('../popup.png') no-repeat top center; margin:0 auto; padding:55px 0; width:670px; }

/* Popups specials: log out -------------------------------- */
#logout h1 { background:#aba195; color:#fff; font-size:14px; line-height:1; margin:10px 0 0; padding:4px 13px 6px; }
#logout p { background:#f9f9f9; text-align:center; font-size:15px; line-height:1; padding:10px 0; margin:0; }
#logout strong { display:block; font-size:20px; font-weight:bold; line-height:24px; margin:16px 40px 0; }
#logout .actions { background:#ececec; }

/* Popups specials: faq -------------------------------- */
#faq h1 { font-size:21px; line-height:1; margin:13px 0; }
#faq h2 { background:#aba195; color:#fff; font-size:14px; line-height:1; margin:10px 0 0; padding:4px 13px 6px; }
#faq h3 { font-size:14px; line-height:1; margin:19px 0 0; }
#faq p { margin:0 0 19px; }
#toc { margin:0 0 30px; padding:0 15px; }