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

/* 
Green - aaf795, yellow - fffe66, light yellow - fffeab, light green - d2fdc6
*/
body{margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(images/pgbg.jpg) bottom center no-repeat;}
h2{margin: 0px; padding: 0px;}
h3{margin: 0px; padding: 0px;}

a:link, a:visited{text-decoration: none; color: #060; font-weight: bold;}
a:hover{text-decoration: underline; color: #CC0;}

form{margin: 0px; padding: 0px;}

/* Banner */
.bannerLeft{width: 100px; float: left;}
.bannerRight{width: 900px; float: left; height: 120px;}
.bannerNameBox{font-size: 20px; color: #0b9444; padding-top: 10px; height: 50px; width: 400px; float: left;}
.bannerCurrencyBox{font-size: 14px; color: #0b9444; padding-top: 10px; height: 50px; width: 300px; float: left;}
.bannerUserBox{width: 190px; float: left; text-align: right; font-weight: bold; color: #030; padding: 10px 10px 0px 0px;}
.logoutBox{width: 100px; float: left; padding-top: 10px;}
.menuBox{height: 50px; background-color: #8dc63f; border-radius: 10px;}
.menuContBox{width: 800px; float: left;}


.clr{clear: both;}
.altBox{color: #F00;}

.cellCenter{text-align: center;}
.cellRight{text-align: right;}
.cellLeft{text-align: left;}

.dealerLbl{
	font-size: 30px; padding: 30px 0px 30px 0px;
}

input{border: #aaf795 1px solid; background-color: #d2fdc6; border-radius: 3px;}
input[readonly], input[readonly="readonly"]{background-color: #8dc63f; color: #030;}
table input{background-color: #FFF;}
table input[type="button"]{background-color: #d2fdc6;}
/*.formContainer{width: 500px;}*/
.formContainer{width: 480px;}
.formArea{min-width: 465px; float: left; padding: 20px;} 
.formBox{min-height: 5px; padding: 15px 5px 5px 10px;}
.formBox2{padding: 15px 5px 5px 10px;}
.formBox span, .formBox2 span{font-size: 10px; font-style: italic;}
.formBoxTitle{color: #999999; width: 150px; float: left; text-align: right; padding-top: 5px;}
.formBoxTitle2{color: #999999; width: 150px; float: left; text-align: right;}
.formBoxInput{padding-left: 5px; width: 295px; float: left; text-align: left;}
.formBoxInput2{padding-left: 5px; width: 200px; float: left; text-align: left;}
.formContainer3{width: 90%;}
.formBoxTitle3{color: #999999; width: 45%; float: left; text-align: right; padding-top: 5px; font-size: 1.2em;}
.formBoxInput3{padding-left: 5px; width: 45%; float: left; text-align: left; font-size: 1.2em;}

.div1_3{width: 33%; float: left;}
.hul{border-bottom: #999 1px dotted;}

.cont{width: 1000px; margin: 0 auto; min-height: 650px;}
.contArea{width: 900px; margin-left: 50px; background-color: #eeffd9; padding-bottom: 40px; border-radius: 10px;}
.contArea2{margin: 5px; background-color: #eeffd9; padding: 20px 20px 40px 20px; border-radius: 15px;}
.contHalf{width: 450px; float: left;}
.contPadding{padding: 10px 100px 20px 100px;} 

.tableHeadRow{background-color: #8bc542; color: #FFF; font-weight: bold; font-size: 13px; text-align: center; padding: 10px 0px 7px 0px;}
.tableRowOdd{background-color: #c0fa77;}
.tableRowEven{background-color: #d2fdc6;}
.tableBottomRow{background-color: #8bc542; font-weight: bold; font-size: 14px;}
td{padding: 7px 3px 7px 3px; border-radius: 5px;}

.rptName{text-align: center; padding-bottom: 10px;}
.rptName h1{font-size: 24px; font-weight: bold; margin: 10px 0px 5px 0px; padding: 0px;}
.rptName h2{font-size: 18px; font-weight: bold; margin: 5px 0px 5px 0px; padding: 0px;}
.rptName span{font-weight: bold; font-style: italic;}

.comListBox{width: 230px; float: left; text-align: center;}

.divHalf{width: 50%; float: left;}
.divThird{width: 33%; float: left;}
.txtCenter{text-align: center;}
.txtRight{text-align: right;}
.txtLeft{text-align: left;}

.dealerBox{width: 236px; float: left; padding: 3px; margin: 3px; text-align: center; border: #0C0 1px solid; font-style: normal;}
.dealerBox2{width: 216px; float: left; padding: 3px; margin: 3px; text-align: center; border: #0C0 1px solid; font-style: normal;}
.dealerCode{font-size: 1.5em; font-weight: bold;}
.dealerName{font-weight: bold;}

.productBox{width: 210px; height: 200px; overflow: hidden; float: left; padding: 3px; margin: 3px; text-align: center; border: #0C0 1px solid; font-style: normal; font-size: 1.2em; border-radius: 10px;}
.productBox div{padding: 2px 0px;}
.productBox input{background: #8dc63f; color: #000000; text-align: center; font-size: 1.1em; padding: 3px;}

.printShow{ display: none !important;}
.printShow2{ display: none !important;}

.empText{color: #FF0000; font-weight: bold;}

@media print {
	@page
   {
    size: A4 portrait;
	margin: 1cm 1cm 1cm 2cm;
  }
  
.printHide {display: none !important;}
/*.printShow{ display:  !important;}*/
.printShow2{ display: table-cell  !important;}
table, table td{border: #333 1px solid; border-collapse: collapse;}
}