body {
  background-color: #FF9900;
  /*background:url(images/bg.png) repeat-y 0 0;*/
  /*margin-left: auto;margin-right: auto;*//*width: 50em;*/
  font-size: 11px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#05042E;
  padding:0px;
  margin:0px;/**/
}
img {border:none;}
a {color: #000;}
a:visited {color:#000;}
a:hover {color: #FFF;}
a:active { color:#FFF;}

h1 {background:url(images/th.png);
  font-size: 11px;
  text-transform:uppercase;
  background-color: #2047AF;
  /*border:1px solid #000;*/
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  padding:5px 15px;
  margin:0px;
}
h2 {
  font-size:20px;
  font-weight: normal;
  padding: 5px 10px;
  margin:0px;
}
ul {list-style-type: none;}
img.download {vertical-align:middle;}

/*center layout container*/
#container {
  border:1px solid #000;
  width: 800px;
  padding:0px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
}

/*logo banner */
#banner {
  text-align: left;/* Put log on left or right */
  background-color: #FDD623;
  padding: 0px;
  margin: 0px;
  /*font-size: 0.4em;*/
}
#banner img {padding: 0;border:none;}
#banner h1 {color: #FFFFFF; height: 15px; padding-top: 8px;font-weight:bold;}
#banner a {text-decoration:none; color: #000000;}
#banner a:visited {color: #000000;}
#banner a:hover {color: #000000;}
#banner a:active {color: #000000;}

/*outer and inner*/
#outer{
  border-left: solid 200px #FFF;  /*left column color*/
  background-color: #FFF; /*content column color*/
  /*border: 1px outset #808080;*/

}

#inner{/*border-left: inset 1px #808080; */margin:0px; width:100%; } /*ie/pc pecularity*/

/*left nav*/
#left {
 width: 200px;
 float: left;
 position:relative;
 margin-left:-217px;
 margin-right: 1px;
 color: #000;
 /*padding:0 20px;*/
}
#left a:hover {color: #2828E3;}
#left img {padding: 0 30px;border:none;}

/*input text {background-color: #808080;}*/

/*content*/
#content{
  /*position: relative;*/
  float:left;
  padding: 0px;
  margin: 0px;
  padding-right: 40px;
  border-left:1px solid #000;
}
#content a {color: #05042E;}
#content a:visited {color:#05042E;}
#content a:hover {color: #000000;}
#content a:active { color:#000000;}

#forms ul, #forms li {width: 300px; text-align: right;}

#help {position: absolute; top: 10px; right:10px; text-align: left; width: 200px;}
#help p {background-color: #FEFF9F; border: 1px solid #1300AF;}

#fix {clear: both;}
p{
  padding: 5px 10px;
  margin:0px;
}

/*footer*/
#footer {
  clear:left;
  padding:0px;
  margin:0px;
  /*text-align: left;*/
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  height: 18px; background: url(images/th1.png) repeat-x top;
}
#footer h1 {color: #FFFFFF;}
#footer a {color: #FFFFFF;}

.admin1{
	background:url(images/th.png);
	height:18px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	padding:0;
}
.admin2{
	background:url(images/cell.png);/**/
	border-bottom:1px solid #131313;
	border-right:1px solid #131313;
	border-top:1px solid #3C3C3C;
	border-left:1px solid #3C3C3C;
	padding:5px 5px 5px 5px;
}
.admin2 li{padding: 5px 10px 5px 10px; background-color: #FFFFFF;}

#content {padding-left: 5px;}

.errors {background-color: transparent; color: #FF0000; font-weight: bold;}

#copy {position: absolute; bottom: 0px; right: 0px;}
#copy a {color: #000000;}



.table_footer {text-align: center;}


noscript {
  background-color: #000000;
  color: #FF0000;
  font-weight: bold;
  position:absolute;
  top:0px;
  left:0px;
  height:100px;
  width:100px;
}







/*input fields*/
#forms input {
	background: url(images/inputbox-200.png) no-repeat 0 0;
	border: none;
	width: 200px;
	height: 20px;
	padding: 0;
	padding-left: 3px;
	padding-top: 3px;/**/
}
#forms select {
	background: url(images/imgdrop.png) no-repeat 0 0;
	border: none;
	width: 242px;
	height: 20px;
	padding: 0;
	/*padding-left: 3px;
	padding-top: -2px;*/
}
#note input {
	background: url(images/inputbox-200.png) repeat-x 0 0;
	border: none;
	width: 200px;
	height: 20px;
	padding: 0;
	padding-left: 3px;
	padding-top: 3px;/**/
}
textarea {
	background: url(images/tarea.png) repeat-x 0 0;
	border: none;
	width: 300px;
	height: 125px;
	padding:0;/* 3px 0px 5px 3px;*/
}

#search .searchbox {
	background: url(images/inputbox.png) no-repeat 0 0;
	border: none;
	width: 90px;
	height: 20px;
	/*padding: 0;
	padding-left: 3px;
	padding-top: 3px;*/
}
#search .searchbutton {
	background: url(images/inputbutton.png) no-repeat 0 0;
	border: none;
	width: 50px;
	height: 20px;
	padding-right: 2px;
	color: #FFFFFF;
	/*padding-left: 0px;
	padding-top: 0px;
  padding-bottom: 2px;*/
}


.managment_links {height: 68px; display: block; padding: 0px 11px 0px 11px;}
.managment_links li {text-align: center;}
.managment_links p {padding: 0px 0px 0px 0px;}/**/

#managment_links_notes {float:left; background: url(images/icons/notes.png) no-repeat bottom center;}
#managment_links_notes a {display: block; width: 45px; height: 58px;}

#managment_links_orders {float:left; background: url(images/icons/orders.png) no-repeat bottom center;}
#managment_links_orders a {display: block; width: 80px; height: 58px;}

#managment_links_categories {float:left; background: url(images/icons/categories.png) no-repeat bottom center;}
#managment_links_categories a {display: block; width: 90px; height: 58px;}

#managment_links_products {float:left; background: url(images/icons/products.png) no-repeat bottom center;}
#managment_links_products a {display: block; width: 85px; height: 58px;}

#managment_links_users {float:left; background: url(images/icons/users.png) no-repeat bottom center;}
#managment_links_users a {display: block; width: 100px; height: 58px;}

#managment_links_impexp {float:left; background: url(images/icons/impexp.png) no-repeat bottom center;}
#managment_links_impexp a {display: block; width: 100px; height: 58px;}

/*.admin2 li {padding: 0px;}*/
/*#bargraph {/*position:absolute;* / padding: 0px; margin: 0px;}*/
.lcol {position: relative; top: 0px; left: 0px; height: 20px; width: 30px; float: left; clear: both;}
.rcol {position: relative; top: 0px; left: 0px; height: 20px; float: left;}
.graph {border: 1px solid transparent; padding: 0px;}
.graph:hover {border: 1px solid #FF0000; padding: 0px;}

