@charset "utf-8";
/* CSS Document */


body {
	margin: 0px;
	padding: 0px;
	background: #f2f2f2;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #000000;
}

.None {
	display: none !important;
}
#Body{ margin:0px auto;
	background: #f4f4f4;
	width:1016px;
	padding-top:12px;
	padding-bottom:30px;
}
/**********************RESET TOOLS**********************/
p, ul, ol, h1, h2, h3, h4, h5, h6, dd, form, input, textarea, select, img, blockquote, label {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
* {
	outline: 0px;
}
a {
	color:#000;
	text-decoration: none;
}
a:hover {
	color: #5d5d5d;
	text-decoration: none;
}
.clear {
	clear: both;
}
.clear_12 {
	clear: both;
	height: 12px;
}
.clear_18 {
	clear: both;
	height: 18px;
}
.clear_22 {
	clear: both;
	height: 22px;
}
.clear_40 {
	clear: both;
	height: 40px;
}
.clear_30 {
	clear: both;
	height: 30px;
}
.clear_12none {
	clear: both;
	height: 12px;
	display: none;
}
.right {
	float: right;
!important
}
.left {
	float: left;
!important
}
.text-align {
	text-align: justify;
}
.Text01{ color:#a60000;
font-size:21px;
font-weight:bold;
}
.Text02{ color:#555555;
font-size:21px;
font-weight:bold;
}
.Text03{ /*color:#555555;*/
font-size:12px;
font-weight:bold;
line-height:16px;
}

/****************Hrader***************/
header#Header_wrap,#Canvas{ margin:0px auto;
width:970px;
}
.logo{ float:left;
}
.Head_right{ float:right;
width:793px;
}

.headCol01{ float:left;
 width:578px;
 margin-top:15px;

 
}
.headCol01 h1{ display:block;
font-weight:normal;
font-family:Terminal;
font-size:22px;
}

.Button_box{ width:540px;
background:#dfdfdf url(../images/btnbg.jpg) left top repeat-x;
border:1px solid #666666;
box-shadow:1px 4px 4px #999;
-webkit-box-shadow:1px 4px 4px #999;
-moz-box-shadow:1px 4px 4px #999;
padding:12px 0;
margin-top:15px;
}

aside.Box_left{ float:left;
width:221px;
margin-left:29px;
}
aside.Box_left h2{ color:#b4000b;
font-size:11px;
font-weight:normal;

}
aside.Box_left ul,.Top_right ul{ margin:0px;
padding:0px;
list-style:none;
}
aside.Box_left li{ float:left;
background:url(../images/button.png) no-repeat;
width:94px;
height:21px;
font-size:12px;
margin-bottom:3px;
margin-right:3px;
}
aside.Box_left li a{ display:block;
line-height:20px;
text-align:center;
color:#000;
}
aside.Box_left li a:hover{ color:#b4000b;
}


.Top_right{ float:right;
width:200px;
}
.Top_right label.Version{ font-weight:bold;
text-align:right;

display:block;
}
.Top_right li + li{background:url(../images/ic02.jpg) left top no-repeat;
	padding-top:0px;
	margin-top:5px;
}
.Top_right li a{ color:#1e00ff;
text-decoration:underline;
}
.Top_right li a:hover{text-decoration:none;
}
.Left_col{ float:left;
width:160px;
}

menu.Action{ margin:3px;
display:block;
background:#ffffc0;
font-size:12px;
border:1px solid #6f6f6f;

}
menu.Action ul{ margin:0px;
padding:0px;
list-style:none;
}
menu.Action li{ display:block;
line-height:20px;
}
menu.Action li a{ display:block;
padding:0 6px;
color:#000;
font-weight:bold;
}
menu.Action li a:hover,.Select{ background:#3399ff !important;
color:#FFF !important;
}

.body_right{ float:right;
width:793px;
}
h1.Title_01{ margin:0px;
padding:0px;
background:#dfdfdf url(../images/titlebg.jpg) left top repeat-x;
border:1px solid #e0e0e0;
font-weight:normal;
font-size:18px;
padding-left:10px;
border-bottom:0px;
line-height:29px;
}

.Ctrl_head{
	background:#ffffc0;
	height:38px;
	border-bottom:2px solid #808077;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	padding:1px 2px;
}

button.Print{ background:#f0f0f0;
height:37px;
border:none;
padding:0 10px;
line-height:37px;
border-bottom:2px solid #6f6f78;
border-right:2px solid #6f6f78;
cursor:pointer;
float: left;
font-weight:bold;
}
.inv{ float:left;
width:166px;
border:1px solid #7d7d73;
height:23px;
margin-top:7px;
margin-left:12px;

}
button.Option{ background:#f0f0f0;
height:37px;
border:none;
padding:0 10px;
line-height:37px;
border-bottom:2px solid #6f6f78;
border-right:2px solid #6f6f78;
cursor:pointer;
float: left;
margin-left:100px;
font-weight:bold;
}
.Quot{ float:left;
width:94px;
border:1px solid #7d7d73;
height:23px;
margin-top:7px;
margin-left:12px;

}
label.Starus{ float:left;
font-weight:bold;
padding-top:8px;
padding-left:6px;
}
button.Save{ background:#f0f0f0;
height:37px;
border:none;
padding:0 10px;
line-height:37px;
border-bottom:2px solid #6f6f78;
border-right:2px solid #6f6f78;
cursor:pointer;
/*float: left;*/
margin-left:6px;
font-weight:bold;
}
button.Close{ background:#f0f0f0;
height:37px;
border:none;
padding:0 10px;
line-height:37px;
border-bottom:2px solid #6f6f78;
border-right:2px solid #6f6f78;
cursor:pointer;
float: left;
margin-left:6px;
font-weight:bold;
}
button.Print:hover,button.Close:hover,button.Save:hover,button.Option:hover{ color:#a3a2a2;
}

.list{ 
width:362px;
border:1px solid #b2aeae;
height:23px;
padding:1px;
font-size:12px;
line-height:23px;
font-family:Arial, Helvetica, sans-serif;

}

.From_wrap{ background:#FFF;
font-size:15px;
font-weight:bold;
line-height:16px;
line-height:20px;
border:1px solid #e0e0e0;
border-top:0px solid #e0e0e0;
padding:10px;
}
.input_text{ 
width:104px;
border:1px solid #b2aeae;
height:23px;

padding:0 1px;
color:#000;
font-size:12px;
line-height:23px;
font-family:Arial, Helvetica, sans-serif;

}

.Add_pro{ background:url(../images/add.jpg) left no-repeat;
width:146px;
height:27px;
border:none;
cursor:pointer;
text-indent:-9999px;
}
footer#Page_footer{ display:block;
line-height:56px;
color:#000;
font-size:13px;
}
footer#Page_footer a{color:#000;
text-decoration:underline;
}
footer#Page_footer a:hover{color:#000;
text-decoration:none;
}

/****************LOGIN*******************/
.Login_wrap{ margin:0px auto;
padding:0px;
max-width:390px;
border:3px solid #02B0DB;
padding:22px;
margin-top:10%;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #d4d0d0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d4d0d0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d4d0d0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d4d0d0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#d4d0d0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#d4d0d0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d0d0',GradientType=0 ); /* IE6-9 */
border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
box-shadow:2px 2px 8px #000;
-box-shadow:2px 2px 8px #000;
-webkit-box-shadow:2px 2px 8px #000;
font-size:13px;

}
.Login_wrap input[type="text"],.Login_wrap input[type="password"]
{ width:139px;
height:18px;
border:1px solid #0e67a1;
padding:0 2px;

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
color:#000;
}
.Login_wrap button[type="submit"]
{border:1px solid #0e67a1;
line-height:22px;
padding:0 7px;
text-align: center;
font-size:12px;
color:#000;
background:#FFF;
cursor:pointer;
}
.Login_wrap h1{ font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
display:block;
margin: 10px 0 20px;
}

.Graph{
}
.Graph img{ width:100%;
height:auto;
vertical-align:bottom;
}
.Apps_wrap{ background:#FFF;
font-size:16px;
font-weight:bold;
line-height:27px;
border:1px solid #e0e0e0;
border-top:0px solid #e0e0e0;
/*padding:0 2px;*/
}


header.aps_head{ display:block;
height:17px;
border-bottom:#0a0809 1px solid;
background:#f0f0f0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#090909;
text-align:left;
line-height:17px;
}

header.aps_head .col_01{ float:left;
width:25px;
height:17px;
border-right:#0a0809 1px solid;
}
header.aps_head .col_02{ float:left;
width:80px;
height:17px;
border-right:#0a0809 1px solid;
padding:0 2px;
}
header.aps_head .col_03{ float:left;
width:84px;
height:17px;
border-right:#0a0809 1px solid;
padding:0 2px;
}

header.aps_head .col_04{ float:left;
width:113px;
height:17px;
border-right:#0a0809 1px solid;
padding:0 2px;
}

header.aps_head .col_05{ float:left;
width:215px;
height:17px;
border-right:#0a0809 1px solid;
padding:0 2px;
}
header.aps_head .col_06{ float:left;
width:65px;
height:17px;
border-right:#0a0809 1px solid;
padding:0 2px;
}


header.aps_head .col_07{ float:left;
width:65px;
height:17px;
border-right:#0a0809 1px solid;
padding:0 2px;
}

header.aps_head .col_08{ float:left;
width:35px;
height:17px;
border-right:#0a0809 1px solid;
padding:0 2px;
}
header.aps_head .col_09{ float:left;
width:62px;
height:17px;
border-right:#0a0809 1px solid;
padding:0 2px;
}



/************apps row*********/
.aps_row{ height:19px;
line-height:19px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#090909;
text-align:left;
line-height:18px;
font-weight:normal !important;
cursor:pointer;
}
.aps_row:hover,.checked{ background:#000000 !important;
color:#FFF !important;
}


.aps_row .col_01{ float:left;
width:25px;
height:18px;
border-right:#0a0809 1px solid;
border-bottom:#0a0809 1px solid;
background:#f0f0f0;
}

.aps_row .col_02{ float:left;
width:80px;
height:19px;
border-right:#81837e 1px solid;
padding:0 2px;
}
.aps_row .col_03{ float:left;
width:84px;
height:19px;
border-right:#81837e 1px solid;
padding:0 2px;
}

.aps_row .col_04{ float:left;
width:113px;
height:19px;
border-right:#81837e 1px solid;
padding:0 2px;
}

.aps_row .col_05{ float:left;
width:215px;
height:19px;
border-right:#81837e 1px solid;
padding:0 2px;
}
.aps_row .col_06{ float:left;
width:65px;
height:19px;
border-right:#81837e 1px solid;
padding:0 2px;
}


.aps_row .col_07{ float:left;
width:65px;
height:19px;
border-right:#81837e 1px solid;
padding:0 2px;
}

.aps_row .col_08{ float:left;
width:35px;
height:19px;
border-right:#81837e 1px solid;
padding:0 2px;
}
.aps_row .col_09{ float:left;
width:62px;
height:19px;
border-right:#81837e 1px solid;
padding:0 2px;
}

header.aps_head .col_10{ float:left;
width:140px;
height:17px;
border-right:#81837e 1px solid;
padding:0 2px;
}








.aps_row .col_10{ float:left;
width:140px;
height:19px;
border-right:#81837e 1px solid;
padding:0 2px;
}

header.aps_head .col_11{ float:left;
width:140px;
height:17px;
border-right:#81837e 1px solid;
padding:0 2px;
}
.aps_row .col_11{ float:left;
width:140px;
height:19px;
border-right:#81837e 1px solid;
padding:0 2px;
}

.aps_row .col_12{ float:left;
width:170px;
height:19px;
border-right:#81837e 1px solid;
padding:0 2px;
}

header.aps_head .col_12{ float:left;
width:170px;
height:17px;
border-right:#81837e 1px solid;
padding:0 2px;
}


header.aps_head .col_13{ float:left;
width:90px;
height:17px;
border-right:#81837e 1px solid;
padding:0 2px;
}

.aps_row .col_13{ float:left;
width:90px;
height:19px;
border-right:#81837e 1px solid;
padding:0 2px;
}
header.aps_head .col_14{ float:left;
width:150px;
height:17px;
border-right:#81837e 1px solid;
padding:0 2px;
}
.aps_row .col_14{ float:left;
width:150px;
height:19px;
border-right:#81837e 1px solid;
padding:0 2px;
}

header.aps_head .col_15{ float:left;
width:40px;
height:17px;
border-right:#81837e 1px solid;
padding:0 2px;
}

.aps_row .col_15{ float:left;
width:40px;
height:19px;
border-right:#81837e 1px solid;
padding:0 2px;
}



/**************radio button*************/
.radio_box{padding-left:0px; padding-right:0px;
padding-top:0px;
}
.search_image_box label       {  cursor: pointer; line-height:18px !important; display:block; height:18px; width:18px;}

.label_check input,
.label_radio input  { margin-right: 5px; width:20px !important;}


.has-js .label_check,
.has-js .label_radio    { padding-left:17px; }
.has-js .label_radio    { background: url(../images/radio-off.png) no-repeat; }
.has-js .label_check    { background: url(../images/check-off.png) no-repeat; }
.has-js label.c_on      { background: url(../images/check-on.png) no-repeat; }
.has-js label.r_on      { background: url(../images/radio-on.png) no-repeat; }
.has-js .label_check input,
.has-js .label_radio input  { position: absolute; left: -9999px; }
.Recevoir{ background:url(../images/recevo.gif);
width:126px;
height:25px;
text-indent:-9999px;
border:none;
cursor:pointer;
margin-top:20px;
}
#search_now{
	float:right;
	vertical-align:bottom;
	width:200px;
	border:1px solid #CCC;
	height: 30px;
    margin: 9px 0;
	font-size:14px;
}
#search_but{
	float:right;
	height:40px;
	width:45px;
	margin:5px;
}
.Options{ margin:0px;
padding:0px;
border:1px solid #ccc;
}
.Options img{ 
margin:5px;
height:auto;
vertical-align:bottom;
}
.loginNotify { display: none; padding: 7px; border: 0;margin: 5px 0; background: url(../images/blacktrans.png); }
.loginNotify { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; }
.form_default input[type="password"] {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    outline: medium none;
    padding: 1px 5px;
	height: 23px;
    line-height: 23px;
}

.form_default input[type="password"] {
    margin-right: 10px; width: 242px;
}
.unread{
color:#1E00FF;
font-weight:bold;
}
.dashbord_menu li{
	float: left;
    height: 100px;
    list-style: none outside none;
    padding: 0 16px;
    text-align: center;
    width: 120px;
}
.dashbord_menu li a{
color: #1E00FF;
}
.clear{
clear:both;
}
.worning{
color:#F00;
font-size:14px;	
font-weight:bold;
}
.products_6, .products_7, .products_8, .products_9, .products_10{
display:none !important;	
}


.Table{
}
.Table table tr{	display:block;
} 
.Table table tr#products_show{
	display:block !important;

}
.graph_quote{
	color:#069; 
	border-bottom: 1px solid #81837E;
	background: none repeat scroll 0 0 #F0F0F0; 
	font-weight:bold;
	padding:5px;
}
.graph_order{
	color:#093; 
	border-bottom: 1px solid #81837E;
	font-weight:bold;
	padding:5px;
}
.graph_info{
	background: none repeat scroll 0 0 #999; 
	font-weight:bold;
	padding:5px;
}
.graph_table{
	border: 1px solid #81837E;
}

/********************08-19-14************/
.Login_logo{ display:block;
margin:0px auto;

}
.Login_wrap h1{ text-align:center;
	
}
.admin_login{

background: #ffb257; /* Old browsers */
background: -moz-linear-gradient(top,  #c27b00 0%, #c27b00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c27b00), color-stop(100%,#c27b00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c27b00 0%,#c27b00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c27b00 0%,#c27b00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c27b00 0%,#c27b00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c27b00 0%,#c27b00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c27b00', endColorstr='#c27b00',GradientType=0 ); /* IE6-9 */

width:auto;
height:26px;
border:none;
cursor:pointer;
color:#FFF;
padding:2px 8px;

}

.msgsuccess{ font-size:15px;
font-weight:bold;
}
.msgsuccess p{ padding:20px 0;
display:block;
padding-top:0px;
color:#005825;
}
.req{ color:#ec0106;
}