/*=====================================
	Default Config - Start
=====================================*/
html{}
body{ 
	padding:0; 
	margin:0 auto;
	background-color: #e8e8e8;
	}
#div-clear{
	clear:both;
	}
table{}
table tr{}
table tr td{}
input{}
a{}
p{}

span.hide-text{
	display: none;
	}
/*=====================================
	Default Config - End
=====================================*/


/*=====================================
	User Set - Start
=====================================*/
body.user-login{ 
	padding:0; 
	margin:0 auto;
	background-color: #e8e8e8;
    background-attachment: fixed;
    background-position: center; 
	background-repeat: no-repeat;
	}
/*=====================================
	User Set - End
=====================================*/


/*=====================================
	Header - Start
=====================================*/
#header{
	position:relative;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	background:#ffffff;
	height:30px;
	}
#header .systemname{
	position:absolute;
	padding:0px 0px 0px 10px; 
	margin:0px 0px 0px 0px;
	color:#146295; 
	font-weight:none;
	font-size:18px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	line-height:30px;
	height:30px;
	}
#header #menu{
	position:absolute;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	background:none;
	top:0px;
	right:10px;
	line-height:30px;
	height:30px;
	}
#header #menu ul{
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	list-style-type: none;
	}
#header #menu ul li{
	list-style: none;
	display:inline;
	text-decoration: none; 
	color:#969696; 
	font-weight:normal;
	font-size:12px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	line-height:20px;
	height:20px;
	}
#header #menu ul li a{
	line-height:30px;
	height:30px;
	}
#header #menu ul li img{
	line-height:30px;
	height:13px;
	width:13px;
	padding:0px 0px 0px 0px; 
	margin:0px 10px 0px 0px;
	border:none;
	}
#header #menu ul li a.calculator{
	padding:0px 10px 0px 10px; 
	margin:5px 0px 0px 0px;
	cursor:pointer;
	border:none;
	text-decoration: none; 
	color:#000; 
	font-weight:normal;
	font-size:12px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	line-height:20px;
	height:20px;
	background:none;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#dddddd;
	}
#header #menu ul li a.login-username{
	padding:0px 10px 0px 10px; 
	margin:5px 0px 0px 0px;
	cursor:pointer;
	border:none;
	text-decoration: none; 
	color:#000; 
	font-weight:normal;
	font-size:12px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	line-height:20px;
	height:20px;
	background:none;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#dddddd;
	}
#header #menu ul li a.logout{
	padding:0px 10px 0px 10px; 
	margin:5px 0px 0px 0px;
	cursor:pointer;
	border:none;
	text-decoration: none; 
	color:#000; 
	font-weight:normal;
	font-size:12px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	line-height:20px;
	height:20px;
	background:none;
	}
#header #menu ul li a.help{
	padding:0px 10px 0px 10px; 
	margin:5px 0px 0px 0px;
	cursor:pointer;
	border:none;
	text-decoration: none; 
	color:#000; 
	font-weight:normal;
	font-size:12px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	line-height:20px;
	height:20px;
	background:none;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#dddddd;
	}
#header #menu ul li a.language{
	padding:0px 10px 0px 10px; 
	margin:5px 0px 0px 0px;
	cursor:pointer;
	border:none;
	text-decoration: none; 
	color:#000; 
	font-weight:normal;
	font-size:12px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	line-height:20px;
	height:20px;
	background:none;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#dddddd;
	}
#header #menu ul li a:hover{
	text-decoration: underline; 
	}

/*=====================================
	Header - End
=====================================*/

/*=====================================
	Title - Start
=====================================*/
#title{ 
	position:relative;
	width:100%; 
	height:70px;
	margin:0 auto; 
	padding:0px 0px 0px 0px; 
	background:#ffffff;
	}
#title .title{
	width:auto;
	height:auto;
	margin:0 auto; 
	padding:10px 10px 0px 10px; 
	background: none;
	}
#title .title-bg{
	width:auto;
	height:50px;
	padding:0px 0px 0px 0px; 
	margin:0 auto;
	background: #f4f4f4;
	border: 1px solid;
	border-color: #cccccc;
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari and Chrome */	
	border-radius: 3px; /* Firefox */
	}
#title .title-content{
	height:100%;
	float:left;
	padding:0; 
	margin:0px 10px 0px 10px;
	background: none;
	}
#title h1.page-title{
	padding:10px 0px 0px 10px; 
	margin:0px 0px 0px 0px;
	font-weight:normal;
	color:#146295; 
	font-size:24px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	text-align:left;
	font-weight:bold;
	}

/*-- Control Button --*/
#title .title-control{
	padding:0px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	background:none;
	float:right;
	}

/*-- Control Button : Input --*/
#title .title-control input{
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:50px;
	border:none;
    cursor: pointer;
	color: transparent;
	background:transparent;
	font-size:0px; 
	}
#title .title-control input.null-btn{
	position:relative;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	width:0px;
	float:left;
	}
#title .title-control input.delete-btn{
	position:relative;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 3px; 
	width:35px;
	background: #ffffff;
	background-image:url('../images/btn_trash.png');
	background-repeat:no-repeat;
	float:left;
	}
#title .title-control input.save-btn{
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 3px; 
	width:41px;
	background: #f4f4f4;
	background: #ffffff; /* beta */
	background-image:url('../images/btn_save.png');
	background-repeat:no-repeat;
	}
#title .title-control input.approve-btn{
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 3px; 
	width:41px;
	background: #f4f4f4;
	background: #ffffff; /* beta */
	background-image:url('../images/btn_approve.png');
	background-repeat:no-repeat;
	}

/*-- Control Button : Image --*/
#title .title-control span.input-img{
	float:left;
	}
#title .title-control a{
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:50px;
	border:none;
	background:#ffffff;
	}
#title .title-control a img{
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	background: none;
	}

/*=====================================
	Title - End
=====================================*/


/*=====================================
	Footer - Start
=====================================*/

#footer{ 
	bottom:0;
	left:0;
	width:100%; 
	height:40px;
	margin:0 auto; 
	padding:0px 0px 0px 0px; 
	background:#e8e8e8;
	}
#footer .footer-bg{
	background: #ffffff;
	width:100%;
	height:20px;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	border: 0px solid;
	border-color: #cccccc;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px;
	}
#footer .footer-content{
	height:20px;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	background: none;
	border: 0px solid;
	border-color: #cccccc;
	font-weight:normal;
	text-align:center;
	line-height:20px;
	color:#4c4c4c; 
	font-size:12px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	}

/*=====================================
	Footer - End
=====================================*/



/*=====================================
	Report Selecter/Search/Filter - Start
=====================================*/
#report-selector{ 
	position:relative;
	margin:0px 0px 0px 0px; 
	padding:5px 0px 15px 0px; 
	background:none;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#cccccc;
	}
#report-selector table{
	position:relative;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	border:none;
	}

#report-selector table tbody th{
	padding:0px 5px 0px 10px; 
	color:#4c4c4c; 
	font-weight:normal;
	font-size:14px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	text-align:right;
	line-height:20px;
	}
#report-selector table tbody td{
	padding:0px 20px 0px 0px; 
	}
#report-selector table tbody td input{
	background: #ffffff;
	}
#report-selector table tbody td input:hover{
	background: #ffffff;
	}
#report-selector table tbody td input:focus{
	background: #fef4be;
	}
#report-selector table tbody td select{
	background: #ffffff;
	}
#report-selector table tbody td select:hover{
	background: #ffffff;
	}
#report-selector table tbody td select:focus{
	background: #fef4be;
	}
#report-selector table tbody td input.search-btn{
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	height:20px;
	width:20px;
	font-size:0px; 
	background: none;
	cursor:pointer;
	border:none;
	background-image:url('../images/ico_search.png');
	background-repeat:no-repeat;
	}
#report-selector table tbody td input.add-btn{
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	height:20px;
	width:20px;
	font-size:0px; 
	background: none;
	cursor:pointer;
	border:none;
	background-image:url('../images/ico_add.png');
	background-repeat:no-repeat;
	}
#report-selector table tbody td input.datecalendar{
	width: 80px;
	}

/*=====================================
	Report Selecter/Search/Filter - End
=====================================*/


/*=====================================
	Index Button - Start
=====================================*/
#button-index{
	position: relative;
	background: none;
	}
#button-index #button-index-box{
	position: relative;
	display:inline-block;
	vertical-align: top;
	zoom: 1;
    *display: inline;
	padding:0px 0px 0px 0px; 
	margin:0px 10px 10px 0px; 
	background: none;
	}
#button-index #button-index-box .button{
	position: relative;
	width:100px;
	}
#button-index #button-index-box .button img{
	position: relative;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	}
#button-index #button-index-box a{
	position:relative;
	padding:0px 0px 0px 0px; 
	margin:px 0px 0px 0px;
	border:none;
	text-decoration: none; 
	color:#000; 
	font-weight:normal;
	font-size:12px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	line-height:20px;
	height:20px;
	background:none;
	}
#button-index #button-index-box a:hover{
	text-decoration: underline; 
	}	
/*=====================================
	Index Button - End
=====================================*/

/*=====================================
	Block Index - Start
=====================================*/
#block-index-full{
	position: static;
	width: AUTO;
	height: 250px;
	border: none;
	background:none;
	}

#block-index-full #block-index-b1{
	position: relative;
	}

#block-index-full #block-index-b1.box-float{
	float: left;
	width: 45%;
	height: AUTO;
	background:#ffffff;
	}

#block-index-full #block-index-b1.box-b1{
	border: 1px solid #4e75a9;
	padding:5px 5px 5px 5px; 
	margin:0px 0px 0px 0px; 	
	}


	
#block-index-full #block-index-b1.box-b1-content{
	text-decoration: none; 
	color:#000; 
	font-weight:normal;
	font-size:12px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	line-height:20px;
	}

#block-index-full #block-index-b1.box-b2{
	border: 1px solid #4e75a9;
	padding:5px 5px 5px 5px; 
	margin:0px 0px 0px 10px; 	
	}
	
#block-index-full #block-index-b1.box-b2-content{
	text-decoration: none; 
	color:#000; 
	font-weight:normal;
	font-size:12px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	line-height:20px;
	}
	
#block-index-full #block-index-b1 h1{
	text-decoration: none; 
	color:#000; 
	font-weight:none;
	font-size:18px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	line-height:20px;
	
	border: 1px solid #4e75a9;
	padding:3px 3px 3px 3px; 
	margin:1px 1px 10px 1px; 	
	}

#block-index-full #block-index-b1 ul{
	list-style: none;
	padding:0px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	}
#block-index-full #block-index-b1 ul li{
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #4e75a9;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	}

#block-index-full #block-index-b1 ul li.TodayHighlight{
	background:#fef4be;
	}
	
#block-index-full #block-index-b1 ul li .TotalStockQTY{
	text-decoration: none; 
	color:#000; 
	font-weight:bold;
	font-size:12px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	line-height:20px;
	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 20px;
	}

#block-index-full #block-index-b1 ul li .TotalTodayOrder{
	text-decoration: none; 
	color:#000; 
	font-weight:bold;
	font-size:12px; 
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	line-height:20px;
	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 20px;
	}


	
/*=====================================
	Block Index - End
=====================================*/	

/*=====================================
	Other Button - Start
=====================================*/

/*=====================================
	Other Button - End
=====================================*/