/*================== Redifinitions ========================================*/
body, tr, td { font: 11px "Trebuchet MS", Tahoma, Arial, sans-serif; color: #1D2B39; }
form { display: inline; }
a { color: #FC6007; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { color: #FC6007; margin: 0px; }

/*================== Layout ===============================================*/
body.page { background: #F0E9E4 url(../Images/page_loop.gif) repeat-x; margin: 0px; }

table.header { background: #C8CED6 url(../Images/header_loop.gif) repeat-x; }

table.nav { background-image: url(../Images/nav_loop.gif); }
table.nav td.subnav { background-color: #FC6007; color: white; font-size: 10px; padding-top: 4px; }
table.nav td.subnav a { color: white; }

table.footer { background-image: url(../Images/footer_loop.gif); }
table.footer td { font-size: 10px; font-weight: bold; color: white; }
table.footer a { color: white; }

table.box { margin-bottom: 10px; }
table.box td.header { background-image: url(../Images/box_header_loop.gif); }
table.box td.header td { font-weight: bold; color: white; }
table.box td.body, table.box_login td.body { background-color: #EEF1F3; }
table.box td.order_tab { padding: 4px; background: #F5F6F7 url(../Images/box_tab_t.gif) repeat-x; }
table.box td.order_tab_over { padding: 4px; background: #FFFFFF url(../Images/box_tab_t_over.gif) repeat-x; }

table.grid { background-color: white; }
table.grid tr.head td, table.blank_grid tr.head td {
	border-bottom: 4px solid #FC6007; padding: 4px 4px 4px 4px; font-weight: bold; vertical-align: middle; }
table.grid tr.head img, table.blank_grid tr.head img { vertical-align: middle; }
table.grid tr.row td, table.blank_grid tr.row td {
	background-color: #EEF1F3; padding: 4px 4px 4px 4px; }
table.grid tr.row_alt td, table.blank_grid tr.row_alt td {
	background-color: #F9FAFB; padding: 4px 4px 4px 4px; }
table.grid tr.row_paid td, table.blank_grid tr.row_paid td {
	background-color: #FFFFE1; padding: 4px 4px 4px 4px; }
table.grid tr.row_remarque td, table.blank_grid tr.row_remarque td {
	background-color: #C4CAD3; padding: 4px 4px 4px 4px; }
table.grid tr.foot td, table.blank_grid tr.foot td {
	border-top: 4px solid #FC6007; padding: 4px 4px 4px 4px; }


table.grid_total { background-color: white; border-top: 4px solid #FC6007; }
table.blank_grid_total { border-top: 4px solid #FC6007; }
table.grid_error { background-color: #FFFFE1; border: 1px dashed #C5C5B1; margin-bottom: 10px; }

table.button td.body { background: url(../Images/button_loop.gif) repeat-x; }
table.button a { font-size: 13px; font-weight: bold; color: white; }
table.button a:hover { text-decoration:none; }

table.sesco_foot { background: url("../Images/sescofoot_loop.gif") repeat-x; }
table.sesco_foot td { color: white;text-align:center; }
table.sesco_foot a { color: white; font-weight: bold; }

.small { font-size: 10px; }
.bullet { display: list-item; margin-left: 22px; list-style-image: url(../Images/bullet.gif); }
#tooltip { z-index: 500; }

table.bubble { position: absolute; }
table.bubble td { padding: 0px; }
table.bubble td.body {
	background-color: #FFFFE1; padding: 0px 8px 0px 8px; font-size: 10px; /*font-weight: bold; color: Red;*/
	border-left: 1px solid #C5C5B1; border-right: 1px solid #C5C5B1; }
table.bubble td.body_h {
	background-color: #FFFFE1; padding: 0px 0px 0px 0px; font-size: 10px; font-weight: bold; color: Red;
	border-top: 1px solid #C5C5B1; border-bottom: 1px solid #C5C5B1; }

/*================== Forms ================================================*/
input, select, textarea { font: 11px "Trebuchet MS", Tahoma, Arial, sans-serif; color: #1D2B39; }

input.login_button {
	background: #FD823B url(../Images/login_button.gif) no-repeat center center;
	width: 50px; height: 50px; border: 2px solid; border-color: #FEC8A9 #FC5B29 #FA2E04 #FD9E68;
}
input.lostpass_button {
	background: #FD823B url(../Images/lostpass_button.gif) no-repeat center center;
	width: 50px; height: 50px; border: 2px solid; border-color: #FEC8A9 #FC5B29 #FA2E04 #FD9E68;
}

input.button {
	background: #FD823B url(../Images/button_loop.gif) repeat-x center center;
	height: 24px; border: 2px solid; border-color: #FEC8A9 #FC5B29 #FA2E04 #FD9E68;
	font-size: 13px; font-weight: bold; color: white;
}

input.full, select.full, textarea.full { width: 100%; }
input.half, select.half, textarea.half { width: 50%; }
input.tiny, select.tiny, textarea.tiny { width: 25%; }
input.lostpass { width: 100%; }
input.date_field { width: 120px; }
input.procodeA { width: 40px; } input.procodeB { width: 80px; } input.procodeC { width: 60px; }
input.grid_qty { font-size: 10px; width: 25px; padding: 0px 1px 0px 1px; }