/**

 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	page-account.css, 2011/12/07
 * @link	http://www.agenceici.com
 */


#page-account { }
.tbody { }
.tbody div.container { position:relative; width:1000px; height:540px; margin:0 auto; padding-top:20px; }


.form-account { position:relative; border:1px solid #666; color:#fff; margin-top:15px; }
.form-account img.background-man { position:absolute; right:0; bottom:0; width:399px; height:440px; background:url(../images/background-man-1.png); }
.form-account div.title { position:relative; height:44px; border-bottom:1px solid #666; }
.form-account div.title div.background-fff { position:relative; height:44px; background:#fff; opacity:0.1; -moz-opacity:0.1; filter:alpha(opacity=10); }
.form-account div.title img.head { position:absolute; left:0; bottom:0; width:57px; height:69px; background:url(../images/head-1.png); }
.form-account div.title img.title { position:absolute; left:80px; }
.lang-fr .form-account div.title img.title { bottom:0; width:237px; height:41px; background:url(../images/account-new-title-fr.png); }
.lang-en .form-account div.title img.title { bottom:10px; width:271px; height:28px; background:url(../images/account-new-title-en.png); }


.sub-menu-1 { position:relative; border-bottom:1px solid #666; height:30px; padding-top:15px; }
.sub-menu-1 li { float:left; margin-left:10px; }
.sub-menu-1 li.first { margin-left:20px; }
.sub-menu-1 li a { display:inline-block; position:relative; padding:0 18px 0 10px; height:31px; }
.sub-menu-1 li a img.left { position:absolute; left:0; top:0; }
.sub-menu-1 li a.normal img.left { width:10px; height:30px; background:url(../images/submenu-normal-left.png); }
.sub-menu-1 li a.normal:hover img.left,
.sub-menu-1 li a.active img.left { width:10px; height:31px; background:url(../images/submenu-active-left.png); }
.sub-menu-1 li a img.right { position:absolute; right:0; top:0; }
.sub-menu-1 li a.normal img.right { width:18px; height:30px; background:url(../images/submenu-normal-right.png); }
.sub-menu-1 li a.normal:hover img.right,
.sub-menu-1 li a.active img.right { width:18px; height:31px; background:url(../images/submenu-active-right.png); }
.sub-menu-1 li a span { display:inline-block; padding:10px 0 0 5px; height:21px; cursor:pointer; }
.sub-menu-1 li a.normal span { background:url(../images/submenu-normal-middle.png) repeat-x; }
.sub-menu-1 li a.normal:hover span,
.sub-menu-1 li a.active span { background:url(../images/submenu-active-middle.png) repeat-x; }
.sub-menu-1 .name { position:absolute; right:15px; bottom:10px; font-size:13px; }


#form-new { }
#form-edit { }
#form-edit.form-account img.background-man { display:none; }
#form-edit .scroll { position:relative; height:410px; background:#000 url(../images/background-man-1.jpg) 100% 0% no-repeat; }
#form-edit input.submit { position:absolute; left:650px; top:-40px; }

div.inputs { position:relative; padding:5px 25px 15px 25px; }
div.inputs p { padding-top:12px; }
div.inputs p.buttons { float:right; height:20px; }
div.first { padding-top:15px; }
div.last { position:relative; height:50px; }
img.sep { position:absolute; left:25px; top:0; width:853px; height:1px; background:url(../images/line-sep-1.png); }

label { display:inline-block; }
label.lbl-00 { padding-left:20px; padding-right:5px; }
label.lbl-05 { width:90px; padding-right:10px; text-align:right; }
label.lbl-07 {  }
label.lbl-08 { width:50px; padding-right:10px; text-align:right; }
label.lbl-10 { width:120px; padding-right:10px; text-align:right; }
label.lbl-20 { width:200px; padding-right:10px; text-align:right; }
label.lbl-30 { width:270px; padding-right:10px; text-align:right; }

.form-account input { vertical-align:middle; font-size:12px; border-width:1px; background:#ccc; }
input.text-05 { width:70px; }
input.text-08 { width:100px; }
input.text-10 { width:150px; }
input.text-20 { width:610px; margin-left:20px; }
input.submit { border:0 none; color:#fff; width:178px; height:35px; background:url(../images/button-03.png); float:right; margin-right:200px; }

span.captcha { float:left; }
img.captcha { vertical-align:middle; margin-left:15px; }
span.star { display:inline-block; width:10px; }



.orders { position:relative; height:410px; background:#000 url(../images/background-man-1.jpg) 100% 0% no-repeat; overflow:auto; }
table.products { margin-left:20px; width:650px; }
table.products th { font-weight:normal; text-align:left; padding:10px 0 10px 20px; }
table.products td { }
table.products tr.statut th { border:1px solid #666; }
table.products tr.statut a { text-decoration:underline; margin-right:10px; }
table.products .order-statut--1 { color:red; }
table.products .order-statut-1 { }
table.products .order-statut-2 { }
table.products tr.title .date { border-left:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666; white-space:nowrap; font-size:18px; text-align:center; padding:10px; vertical-align:top; }
table.products tr.title th { border-right:1px solid #666; }
table.products tr.product td { border-right:1px solid #666; border-top:1px solid #666; padding:10px 0 10px 20px; }
table.products tr.product td.price1 { color:#666; }
table.products tr.product td.quantity { color:#666; }
table.products tr.product td.priceX { font-weight:bold; white-space:nowrap; }
table.products tr.code td { border-right:1px solid #666; border-top:1px solid #666; padding:10px 0 10px 20px; }
table.products tr.code td.infos { }
table.products tr.code td.infos p { color:#666; font-weight:bold; text-align:right; padding-right:40px; }
table.products tr.code td.infos strong { color:#fff; }
table.products tr.code td.code { white-space:nowrap; color:red; font-weight:bold; }
table.products tr.total td { padding:10px 0 10px 20px; border-right:1px solid #666; border-top:1px solid #666; border-bottom:1px solid #666; }
table.products tr.total p { color:#666; font-weight:bold; text-align:right; padding-right:40px; }
table.products tr.total strong { color:#fff; }
table.products tr.total td.total { white-space:nowrap; }
table.products tr.total td.total strong { font-size:18px; }
p.sep { height:30px; }


div.empty { padding:140px 0 0 110px; }
.lang-fr div.empty img.title { width:362px; height:55px; background:url(../images/account-orders-empty-fr.png); }
.lang-en div.empty img.title { width:373px; height:37px; background:url(../images/account-orders-empty-en.png); }