/*	LAYOUT SETTINGS	*/
body {
width: 100%;
background: #fff;
margin: auto;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.8em;
}

a { text-decoration: none; }
a:link{ color: blue; }
a:visited{ color: blue; }
a#nav_onWhite { color: #A81E1D; }
a#nav_onRed { color: #fff; }
a#nav_context { color: #000; }
a.topLink:link {color: #FFFFFF; }
a.topLink:visited {color: #FFFFFF; }
a.topLink:hover { color: #9999CC; }
a.chemLink:link {color: #FFFFFF; }
a.chemLink:visited {color: #FFFFFF; }
a.chemLink:hover { color: orange; }

img { border: 0; }

#page_container {
width: 70%;
margin: auto;
background-color: #fff;
color: #333;
line-height: 1.3em;
}

#top_nav {
background-image: url(images/fond1.png);
text-align: left; 
margin: 0;
border: 0px solid gray;}

#right_nav {
float: right;
width: 15%;
margin: 0;
padding: 0.5em 0 0.5em 0.5em; 
}

#left_nav {
float: left;
width: 15%;
margin: 0;
padding: 0.5em 0.5em 0.5em 0; 
}

#body_content {
margin-left: 15%;
margin-right: 18%;
padding: 1em;
max-width: 70%; 
text-align: center;}

#footer {
clear: both;
margin: 0;
padding: .5em;
color: #fff;
background-color: #333366;
text-align: center;
font-size: 0.8em; }

#top_banner {
padding: 5px 0 0 0;
width: 100%;
height: 24px;
background-color: #333366;
text-align: center;
color: #FFFFFF;
}

#side_box {
border: 1px solid #333366;
padding: 0.5px 0.5px 2px 0.5px;
color: #000;
font-size: 0.8em;
text-align: center;
margin: 0 0 10px 0;
}

#side_box_title {
background-color: #333366;
color: #fff;
font-size: 0.9em;
font-weight: bold;
text-align: center;
margin: 2px;
}

#todays_date {
color: #333366;
font-size: 0.8em;
font-weight: bold;
text-align: left;
margin: 1px 1px 2px 1px;
}

#main_0 {
height: 113px;
text-align: left;
background-image: url(images/main2.png);
background-repeat: no-repeat;
color: #fff;
font-weight: bold;
font-size: 0.8em;
padding: 2px 2px 2px 5px;
}
#main_1 {
text-align: left;
background-image: url(images/fond_title.png);
background-repeat: repeat-y;
color: #fff;
font-weight: bold;
padding: 2px 2px 2px 5px;
}
#main_2 {
text-align: left;
color: #000;
padding: 2px 2px 2px 5px;
}
#expedition_table {
width: 100%; 
}
#expedition_title{
text-align: left;
font-size: 1.5em;
margin: 0 0 5px 0;
}
#expedition_1 {
width: 40%;
background: #7272ad;
text-align: right;
vertical-align: top;
}
#expedition_text {
text-align: left;
font-size: 0.9em;
}
#quote_td {
background-color: #C3D9FF;
padding: 5px;
}
/*
#procedures_table {
width: 100%;
#border: 1px solid grey;
}
#procedures_tab {

}
#selected_tab {
border-top: 2px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
}
#selected_tab_text {
border-bottom: 2px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
}
#unselected_tab {

border-bottom: 2px solid black;
background-color: #7272ad;
}
*/
#main {
	text-align: left;
	border: 1px solid #8b8bca;
	background: #FFFDF3;
	width: 98%;
	margin-top: -1px;
}

#bodyarea {
	padding: 20px;
	min-height: 300px;
}

#topbar {
	padding-bottom: 0.5em;
	font-family: trebuchet ms,verdana,sans-serif;
	font-weight: bold;
	font-size: 200%;
}

#topbar a { text-decoration: none; color: #000; }

#topbar a:hover { text-decoration: underline; }

/*///////////// Tabs Code ////////////*/


/*	THIS PART IS FOR THE INPUT BOXES CSS	*/
#input_login { margin: 5px 2px 2px 2px; width: 88%; border: 1px solid #98AFC7; padding: 2px 0 2px 0; }
#input_pass { margin: 5px 2px 2px 2px; width: 88%; border: 1px solid #98AFC7; padding: 2px 0 2px 0; }
#btn_submit { width: 92%; margin: 5px 2px 5px 2px;}

#input_email_name { width: 97%; }
#input_email_address { width: 97%; }
#input_email_text { width: 97%; }
#td_text_align_right { text-align: right; margin: 0 0 0 10px; }
#td_text_align_left { text-align: left; margin: 0 0 0 10px; }

ul#contextuel {position:relative;left:5px;top:0;width:100%;text-align:left;margin:1px;padding:0;}
#contextuel li {display:inline;}
#contextuel a { color:#533C31; font-size:0.87em;text-decoration:none;}
#contextuel a:hover { text-decoration:underline;}

/*	Account page	*/
#account_main {
	width: 100%;
	border: 1px solid #333366;
	text-align: left;
	padding: 10px;
}
#account_admin {
	width: 100%;
	border: 1px solid #333366;
	text-align: left;
}
#account_title { color: #333366; font-weight: bold; }
#blue_spacer { background-color: #333366; height: 20px; color: #fff; font-weight: bold;}
#account_fineprint { font-size: 0.8em; }
#acc_mod_succ { color: green; font-weight: bold; }
#acc_mod_prob { color: red; font-weight: bold; }

/*	This is for the Layer ERROR	*/
.cover {
	display:none;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:black;
	filter:alpha(Opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
}
.dialog_loading {
	display: none;
	position: fixed;
	bottom: 40%;
	left: 35%;
	z-index: 100;
	border:1px solid gray;
	background-color: silver;
	font-weight: bold;
}
.cover2 {
	display:block;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:black;
	filter:alpha(Opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
}
.dialog_loading2{
	display: block;
	position: fixed;
	bottom: 40%;
	left: 35%;
	z-index: 100;
	border:1px solid gray;
	background-color: silver;
	font-weight: bold;
}
.dialog_mail {
	display:none;
	left:30%;
	top:25%;
	width:550px;
	height:235px;
	position:fixed;
	z-index:100;
	background: #333366;
	color: #fff;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	text-align: center;
}
.dialog_chart {
	display:none;
	left:30%;
	top:25%;
	width:450px;
	height:200px;
	position:fixed;
	z-index:100;
	background: #333366;
	color: #fff;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	text-align: center;
}
.dialog_phone {
	display:none;
	left:30%;
	top:25%;
	width:350px;
	height:160px;
	position:fixed;
	z-index:100;
	background: #333366;
	color: #fff;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	text-align: center;
}
.dialog_error {
	display:none;
	left:30%;
	top:25%;
	width:350px;
	height:160px;
	position:fixed;
	z-index:100;
	background: #333366;
	color: #fff;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	text-align: center;
}
#dialogTable {
	width: 100%;
	height: 100%;
	#height: 82%;
	border: 1px solid white;
}
#dialogIcon {
	text-align: left;
}
#dialogCloseIcon{
	cursor: pointer;
	text-align: right;
}
#dialogTitle {
	color: #fff;
	text-align: center;
}
/* PASSWORD STRENGTH BOX */
#password_str {
width: 200px;
border: 1px solid black;
padding: 2px;
color: #fff;
text-align: center;
font-size: 0.7em;
margin-top: 5px;
}

#img_banner {
width: 100%;
height: 120px;
}

/*	Price LIST chem	*/
@media screen {
	#chem_menu {
	position:fixed;
	top:0px;
	border:1px solid #000;
	background:#333333;
	color:#fff;
	width:100%;
	height:30px;
	margin:0 0 15px 0;
	}
	#sort_chem_page{
	display: '';
	}
}
@media print {
	#chem_menu {
	display: none;
	}
	#sort_chem_page{
	display: none;
	}
	#ligne_shift {
	display:none;
	}
}

/*	Employee Print Daily Sheet	*/
#printEmp_left { text-align: left; }
#printEmp_mid { text-align: center; }
#printEmp_right { text-align: right; }

/*	Procedures PAGE 	*/
#proc-menu {
	border: 1px solid black;
	width: 100%;
}
		
.proc-nonselect {
	height: 30px;
	width: 150px;
	background-color: grey;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.proc-nonselect-text {
	display: none;
}
.proc-select {
	height: 30px;
	width: 150px;
	background-color: white;
	color: #000;
	font-weight: bold;
	text-align: center;
}
.proc-select-text {
	display: table-cell;
	padding: 0 10px 0 10px;
}

/*	WEBMASTER SECTION	*/
#ziesoft_webmaster {
font-size: 0.7em;
font-weight: bold;
color: #333;
position: fixed;
left:1px;
bottom:-1px;
}