html
{
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body
{
	font-family: Arial, Sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	background-color: #E8E8E8;
	height: 100%;
}

.float_container {
	margin: auto;
	width: 1000px;
}

.header1
{
	background-repeat:no-repeat;
/*	background-color:#505050;
	text-align: left;
	height: 110px;
	padding-left: 30px;*/
	color: black;
	padding: 5px 0;
}

.header_image {
	text-align: center;
}

.header2
{
	background-color:#3646e0;
	opacity: 0.3;
	filter: alpha(opacity=30);
	color:#ffffff;
	height: 15px;
	padding: 1px 10px 2px 10px;
	overflow: auto;
}

.header2 a:hover,
.header2 a:active,
.header2 a {
	color:#ffffff;
	text-decoration: none;
}

#main_logout {
	float: right;
}

#main_logindata {
	float: left;
}

#main_userlogo {
	margin-bottom: -4px;
}

.non_header {
	overflow: auto;
	background-color: #fafafa;
}

.content2 {
	height: 100%;
	width: 100%;
	float:left;
	background-color: #fafafa;
}

.inner_content {
	padding: 1px 0px;
	margin: 20px;
}

.box
{
	background-color: white;
	border: 1px solid #888888;
	margin: 0px;
	padding: 7px;
	text-align: left;
}

.legend
{
	font-weight: bold;
	text-align: left;
	color: white;
	padding: 3px 7px 1px 7px;
	background-color: #0000e0;
}

.errormsg
{
	font-weight: bold;
	color: #CC0000;
	margin-bottom: 8px;
}

.successmsg
{
	font-weight: bold;
	color: #008800;
	margin-bottom: 8px;
}

.menu_spacer
{
	margin: 15px 0px;
}

a.menu_item
{
	display: block;
	padding: 3px 10px;
	margin-bottom: 1px;
	font-weight: bold;
}

a.menu_item_active,
a.menu_action_item_active,
a.menu_item:hover
{
	color:#000000;
	background-color:#eeeeee;
	text-decoration: none;
}

a.menu_action_item_active,
a.menu_action_item_active:hover {
	color:#ffffff;
	background-color:#B3071B;
}

a.menu_item_disabled {
	color:#8F8F8F;
}

a.menu_item img {
	margin-right: 6px;
}

.menu_scripts {
	font-weight: bold;
	color: #01164E;
	margin: 15px 10px 5px;
}

.render_time {
	margin: 3px 0 0 20px;
	color: #cccccc;
}

.footer {
	background-color: #3646e0;
	height: 14px;
	clear: both;
	margin-bottom: 5px;
}




a
{
    color: #000;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

small, .small
{
    font-size: 10px;
}

b, strong, .bold
{
    font-weight: bold;
}

h1
{
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

h2
{
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    margin-bottom: 8px;
}

.todo {
    padding:5px 15px;
    border:1px solid #FCC300;
    background:#fff;
    clear:both;
    margin-bottom:20px;
}
.todo ul {
    clear:both;
}
.todo h1 {
    font-size: 14px;
    text-transform:uppercase;
}
.todo span.by {
    font-size:80%;
    color:#ccc;
}


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

table
{
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px;
    padding: 0px;
}

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

input, select, textarea
{
    font-family: Arial, Sans-serif;
    font-size: 11px;
}

input[type="text"], input[type="password"], textarea
{
    border: 1px solid #85887F;
    padding: 1px 3px;
    margin: 0px;
    background-color: white;
}

input[type="file"]
{
    padding: 1px 3px;
}

input[type="button"], input[type="submit"], input[type="reset"]
{
    border: none;
    font-weight: bold;
    line-height: 12px;
    color: #000;
    padding: 1px 5px;
    margin: 0px;
    border: 1px solid #85887F;
    background-color: #E5E51F;
    cursor: pointer;
}

input[type="checkbox"]
{
    height: 13px;
    width: 13px;
    margin: 0px;
    padding: 0px;
    margin-right: 5px;
}

input[type="radio"]
{
    margin-left: 0px;
    margin-right: 5px;
    padding: 0px;
}

input[disabled]
{
    background-color: #F0F0F0;
    border-color: #CCCCCC;
}

select
{
    border: 1px solid #85887F;
    background-color: white;
}


#unexported_orders {
  width:350px;
  height:50px;
  position:absolute;
  top:0;
  right:0;
  padding:5px 2px 0 0;
  color:#fff;
  background:url(../images/unexported_orders.jpg) top right no-repeat;
}

#unexported_orders a {
  display:block;
  width:34px;
  padding-right:20px;
  float:right;
  font-weight: bold;
  color:#4e4e4e;
}

#menulist
{
    background-color: #CBCCC7;
    list-style-type:none;
}

#menuedit {
    background-color: #CBCCC7;
}

#menulist li,
#menu a.menu_item
{
    display: block;
    padding: 3px 10px;
    margin-bottom: 1px;
    font-weight: bold;
}

#menu a.menu_item_active,
#menu a.menu_action_item_active,
#menu a.menu_item:hover
{
    color:#000;
    background-color:#FCC300;
    text-decoration: none;
}
#menu a.menu_action_item_active,
#menu a.menu_action_item_active:hover {
    color:#fff;
    background-color:#B3071B;
}

#menulist li img,
#menu a.menu_item img {
    margin-right: 6px;
}
#menu a.menu_item_disabled {
  color:#8F8F8F;
}

table.submenu
{
    text-align: right;
    float: right;
}

table.submenu td
{
    padding-left: 5px;
}

table.submenu a, a.button
{
    background-color: #e5e51f;
    color: #000;
    border:1px solid #85887F;
    padding: 2px 5px;
    cursor: pointer;
    display: block;
}


table.submenu a:hover, a.button:hover
{
    text-decoration: none;
    background-color: #D5E0EE;
}

table.submenu a img
{
    margin-right: 5px;
}

table.formtable
{
    width: 100%;
}

table.formtable td.label
{
    font-weight: bold;
    padding: 3px 0px;
}

table.formtable td.field
{
    padding: 3px 0px;
}

table.formtable td.field input[type="submit"]
{
    margin-top: 10px;
}

#overlay_bg
{
    background: url(../images/overlay_bg.gif) repeat;
    position: absolute;
    z-index: 100;
}

#overlay
{
    background: #FFFFFF;
    border: black solid 1px;
    position: fixed;
    z-index: 101;
    overflow: auto;
}

.clear {
  clear:both;
}



.error-box {
	width:					160px;
	padding:				5px;
	border:					1px dashed #b3071b;
	color:					#b3071b;
	float:					left;
}



.show-box {
	display:				block;
}



.hide-box {
	display:				none;
}

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

.colleft {
	float:left;
	width:100%;
	position:relative;
	height: 100%;
}

.menu,
.content {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (left menu) settings */
.leftmenu {
	background:#fafafa;		/* right column background colour */
}
.leftmenu .colleft {
	right:780px;			/* right column width */
	background:#D9D9E0;	/* left column background colour */
}
.leftmenu .content {
	width:780px;			/* right column content width */
	left:1000px;			/* 100% plus left column left padding */
}
.leftmenu .menu {
	width:220px;			/* left column content width (column width minus left and right padding) */
	left:0px;			/* (right column left and right padding) plus (left column left padding) */
}