/*============================== default setting ======================================*/
DIV,TABLE,TR,FORM{
        margin:0px;

        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
        COLOR: #555555;
        FONT-SIZE: 12px;
        line-height:120%;
}
H3 {
	COLOR: #222222;
	}

BUTTON,INPUT,SELECT,TEXTAREA {
        margin:0px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;

        COLOR: black;
        FONT-SIZE: 10px;
		line-height: 100%;
}
A{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11 px;
    color : #6699ff;
    text-decoration: none;
}
A:hover{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11 px;
    color : #ccccff;
    text-decoration: none;
}

/*============================== Main Web page body=====================================*/
BODY{
      /* background-image: url(admin_images/boxback.gif); */
      background-color: #ffffff;
      background-repeat: repeat-x;
      background-attachment: fixed;
      text-align: center;
      margin: 0 px;
}
DIV.MAIN_PAGE {
	WIDTH: 100%;
	height: 100 px;
	/*border: 1px solid #444444;

	border-top: 1px solid #AAAAAA;
	border-style: solid;
	border-color: #216B9C;
	border-width: 2px;
	*/
}
TABLE.Main_box {
	WIDTH: 100%;
	height:500 px;
    text-align: center;
}
TD.Main_left_td {
   /*
   background-image: url(../web_images/boxback.gif);
    background-repeat: repeat-x;
	border-right:1px solid #AAAAAA;
	*/
	background-color: #000066;
	width: 230 px;
	vertical-align: top;
	padding-left: 0;
	}
TD.Main_right_td {
	/*
    background-image: url(../web_images/boxback.gif);
    background-repeat: repeat-x;
	border-left:1px solid #aaaaaa;
	*/
	background-color: #222222;
	width: 180 px;
	vertical-align: top;
	padding-left: 0;
      border-top: 3px solid #777777;
      border-bottom: 3px solid #000000;
      border-left: 3px solid #333333;
      border-right: 3px solid #555555;
	}
TD.Main_middle_td {
	background: #222222;
	width: 728;
	vertical-align: top;
	padding-left: 0;
	}
DIV.notes {
      font-size: 9 px;
      color : #ffcc66;
}
TABLE.TOP {
    /*
    background-image: url(../web_images/topback.jpg);
    background-repeat: repeat-x;
	*/
	/*background-color: #222222; */
	WIDTH: 100%;
	height: 80 px;
    text-align: center;
    line-height:250%;
}
TD.TOP{
	height: 55 px;
    text-align: center;
    line-height:200%;
}
TABLE.NAVIGATION {
    /*
    background-image: url(../web_images/navback.jpg);
    background-repeat: repeat-x;
	*/
	background-color: #13C0F2;
	WIDTH: 100%;
	height: 20 px;
    text-align: Left;

    /*
          border-top: 3px solid #9D0047;
      border-bottom: 3px solid #000000;
      border-left: 3px solid #460020;
      border-right: 3px solid #6F0032;
      */
}
TD.navigation {
	padding-left: 50 px;    panding-left: 50px;
    panding-top: 10px;
    panding-bottom:10px;
	}
A.navigation {
    font-size: 12 px;
    font-weight: bolder;
    color : #1833ED;
    text-decoration: none;
}
A.navigation:hover{
    font-size: 12 px;
    font-weight: bolder;
    color : #ffffff;
    text-decoration: none;
}

TABLE.bottom {
	width: 100%;
    font-size: 10 px;
    text-align: center;
    }
A.bottom_nav {
    font-size: 10 px;
    color : #669977;
    text-decoration: none;
}
A.bottom_nav:hover{
    font-size: 10 px;
    color : #777777;
    text-decoration: none;
}
/*===================================Left Table ================================*/
table.left_tb {
    width: 100%;
    background-color: #000066;

	}
td.left_tt {
	background-color: #dddddd;
	font-size: 12 px;
	font-weight: bolder;
	height: 20 px;
	border-bottom:0px solid #6699ff;
	border-top:0px solid #6699ff;
	padding_left: 10px;
	}
td.left_td {
	height: 20 px;
	border-top: 3px solid #000099;
	border-bottom: 3px solid #000000;
	border-left: 3px solid #000011;
	border-right: 3px solid #000088;
	padding-left: 10px;
	}
a.Navleft {
    color : #ffcc00;
    text-decoration: none;
    margin-left: 10 px;
	}
a.Navleft:hover {
      color : #cc6600;
      text-decoration: underline;
	}
a.Navleft_tt {
      color : #000000;
      font-weight: bolder;
      text-decoration: none;
	}
a.Navleft_tt:hover {
      color : #777777;
      text-decoration: underline;
	}
/*================================All Products Table ================================*/
table.search_tb {
      width: 100%;
	}
tt.search_tt{
      background-color: #bbbbbb;
}
tr.search_tr{
	}
td.search_td{
	padding: 0px;
}
/*================================List each Product  Table ================================*/
table.list_tb {
    font-size: 10 px;
	width: 100%;
	height: 200 px;
	border-top: 1px solid #0099ff;
	border-right: 0px solid #0099ff;
	padding-left: 0;
	}
tr.list_tt {
    font-size: 10 px;
	background-image: url(../web_images/lefttdback.jpg);
	height: 20 px;
	border-bottom: 1px solid #ff6600;
	padding-left: 0;

}
td.list_tt{
color : #ff9900;
}
a.list_link {
      color : #ff9900;
      text-decoration: none;
      }
a.list_link:hover {
      color : #0099ff;
      text-decoration: none;
      }
/*==============================Right Table ================================= */

table.right_tb {
	  width: 100%;
	}
td.right_tt {
	background-image: url(../web_images/leftttback.jpg);
    background-repeat: repeat-x;
	height: 20 px;
	border-bottom:1px solid #6699ff;
	border-top:1px solid #6699ff;
	padding_left: 10px;
	}
td.right_td {
	text-align: left;
	padding_left: 10px;
	}
a.right_nav {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10 px;
    color : #000000;
    text-decoration: none;
    margin-left: 10 px;
	}
a.right_nav:hover {
	  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 10 px;
      color : #777777;
      text-decoration: underline;
	}
/*================================= Other Box =============================== */
td.text{
      font-size: 12 px;
      padding: 20px;
}
div.scrollBox{
	overflow:auto;
	width: 100%;
	padding: 5px;
	}
div.hidden{
	position: absolute;
	visibility: hidden;
	padding: 10px;
	border: 1px solid #444444;
	background-color: #222222;
	z-index: 2;
	width: 100%
}
div.popupBox {
	border: 1px solid #0099ff;
	position: absolute;
	background-color: #fefefe;
	padding: 5px;
	}
div.popupBoxClose {
	position: absolute;
	}
div.page_nav {
	font-size: 10px;
	}
TABLE.box {
	  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 10 px;
      color : #000000;
      border: 1px solid #bbbbbb;
}
TABLE.box100 {
	  width: 100%;
	  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 10 px;
      color : #000000;
}
TABLE.box90 {
	  width: 95%;
	  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 10 px;
      color : #000000;
      border: 1px solid #bbbbbb;
}
TABLE.box80 {
	  width: 80%;
	  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 10 px;
      color : #000000;
      border-top: 3px solid #777777;
      border-bottom: 3px solid #000000;
      border-left: 3px solid #333333;
      border-right: 3px solid #555555;
}
tr.box_tt {
	background-image: url(../web_images/lefttdback.jpg);
	color : #ff9900;
    font-size: 12 px;
	height: 20 px;
	border-bottom: 0px solid #FF6600;
	padding-left: 5px;
}
td.box_tt {
	background-color: #dddddd;
	font-size: 12 px;
	font-weight: bolder;
	height: 20 px;
	border-bottom: 0px solid #FF6600;
	padding-left: 5px;
}
td.button_up {
	  background-color: $222222;
      border-top: 3px solid #777777;
      border-bottom: 3px solid #000000;
      border-left: 3px solid #333333;
      border-right: 3px solid #555555;
}
td.button_down {
	  background-color: $000000;
      border-top: 3px solid #000000;
      border-bottom: 3px solid #777777;
      border-left: 3px solid #555555;
      border-right: 3px solid #333333;
}
/*=========================== for print_db_result(); =========================*/
TABLE.db_box {
	  width: 100%;
	  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 10 px;
      color : #000000;
      border: 1px solid #bbbbbb;
}
tr.db_box_title {
	background-image: url(../web_images/lefttdback.jpg);
	color : #ff9900;
    font-size: 12 px;
	height: 20 px;
	border: 1px solid #FF6600;
	padding-left: 5px;
}
tr.db_box_row {
	font-size: 12 px;
}
td.bd_box_td {
	border-bottom: 1px solid #bbbbbb;
	}