/* Elements */

BODY{
	margin: 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	background-color : #eee;
	text-decoration : none;
	line-height : 11px;
}

fieldset{
 -moz-border-radius: 8px;
}

.ButtonWide  {
    background-color: transparent;
    background-repeat: repeat-x;
    border: 0 solid;
    display: inline; 
    background: url(/images/btns/btn_bg_span.gif);
    color: #003399;
	font-size: 11px;
    padding:0;
    width: auto; height: 21px; 	
}

#body-layout{
	width: 740px;
	padding: 0px;
	border: 0px;
	background-color : #FFFFFF;
	margin:0px auto;
	text-align: left;
}

.login-label{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #1A5794;
	font-weight : bold;
	text-decoration : none;
	text-align: left;
}

.login-box{
	#position:relative;
    width: 240px;
	padding: 0px,0px,0px,0px;
	border: 0px,0px,0px,0px;
	margin:0px,0px,0px,0px;
}

.body-layout{
	width: 780px;
	padding: 0px;
	border: 0px;
	background-color : #FFFFFF;
	margin:0px auto;
}

.customer{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10.5pt;
	font-weight: 600;
	text-height: 50px;
	color : #336699;
}

.sectionheader{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-weight: 600;
	text-height: 50px;
	color : #FFFFFF;
	backgroud-color : #DDDDDD;
}


.copyright{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 7pt;
	color : #555555;
	word-spacing : 1px;
	text-decoration : none;
}

.login-info{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 7pt;
	color : #555555;
	text-decoration : none;
}

.app-title{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14pt;
	color : #999999;
	font-weight : bold;
	text-decoration : none;
	word-spacing : 2px;
	text-indent: 10px;
}

.app-label{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #336699;
	font-weight : bold;
	text-decoration : none;
	word-spacing : 2px;
	text-indent: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.app-fieldlabel{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #555555;
	font-weight : bold;
	text-decoration : none;
	word-spacing : 2px;
	text-indent: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.droplist{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #555555;
	text-decoration : none;
	word-spacing : 1px;
	letter-spacing : 1px;
}

A{
	color : #75a2d1;
}

A.link{
	color : #75a2d1;
	text-decoration : none;
}

A.nonlink{
	color : #555555;
	text-decoration : none;
}

A.link:hover{
	color : #00426e;
	text-decoration : underline;
}

A.date-link{
	color : #000000;
}

A.date-link:hover{
	color : #FFFFFF;
	text-decoration : underline;
}

P{
	margin : 6px 0px 6px 0px;
}

BLOCKQUOTE {
	margin-bottom : 0;
	margin-left : 10;
	margin-right : 0;
	margin-top : 0;
}

/*Classes */
.superheader{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 18px;
	color : #666666;
	text-decoration : none;
	font-weight : bold;
	word-spacing : 0px;
	letter-spacing : 0px;
	text-transform : uppercase;
}

.superheader-wht{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 18px;
	color : #FFFFFF;
	text-decoration : none;
	font-weight : bold;
	word-spacing : 0px;
	letter-spacing : 0px;
	text-transform : uppercase;
}

.header{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #333333;
	text-decoration : none;
	font-weight : bold;	
	word-spacing : 0px;
	letter-spacing : 0px;
}

.body{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	background-color : #fff;
	text-decoration : none;
	line-height : 14px;
}

.body-x{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #AAAAAA;
	text-decoration : none;
	line-height : 14px;
}

.body-bld{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
	text-decoration : none;
	line-height : 14px;
	font-weight : bold;
}

.body-bld-x{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #AAAAAA;
	text-decoration : none;
	line-height : 14px;
	font-weight : bold;
}

.notes{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 10px;
	color : #999999;
	text-decoration : none;
	letter-spacing: -1px;
}

.date{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 10px;
	color : #1A5794;
	font-weight : bold;
	text-decoration : none;
}

.date-wht{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 10px;
	color : #FFFFFF;
	font-weight : bold;
	text-decoration : none;
}

.list{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 10px;
	color : #1A5794;
	text-decoration : none;
}

.month{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 10px;
	color : #FFFFFF;
	font-weight : bold;
	text-decoration : none;
}

.day{
	font-family : Tahoma,Arial,Helvetica,sans-serif;
	font-size : 11px;
	color : #000000;
	font-weight : none;
	text-decoration : none;
}

.quote{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #1A5794;
	font-weight : bold;
	text-decoration : none;
}



.menu-x{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 10px;
	color : #FFFFFF;
	text-decoration : none;
	word-spacing : -1px;
	letter-spacing : -1px;
}

.warning{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FF5050;
	text-decoration : none;
	line-height : 14px;
	font-weight : bold;
}

.order{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #DD0000;
	font-weight : bold;
	text-decoration : none;
}

.noorder{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #336699;
	font-weight : normal;
	text-decoration : none;
}

.noorder2{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #336699;
	font-weight : bold;
	text-decoration : none;
}

table{
	float: left;
	background-color: #fff;
}

td {

	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	/*background-color: #eee;*/
	text-decoration : none;
	line-height : 14px;
}

/* Sortable tables */
table.sortable a.sortheader {
    background-color:#999999;
    color:#FFFFFF;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 11px;
    font-weight: bold;
    text-decoration: none;
}
table.sortable span.sortarrow {
    color: #FFFFFF;
    text-decoration: none;
}

/*
#################################
Style for menubar & banner
#################################
*/

#menubar {
	//border-top: 2px solid #e6e6e6;
	//border-right: 2px solid #b1b1b1;
	//border-bottom: 2px solid #b1b1b1;
	//border-left: 2px solid #e6e6e6;
	background-color: #bbbbbb;
	color: #000;
	height: 1.8em;
	line-height: 1.6em;
	font-weight:bold;
	width: 780px;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 14px;
	text-decoration : none;
}

.menu {
	width: auto;
	float: left;
	padding: 0.1em 3em 0.1em 0.5em;
	cursor: default;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 14px;
	text-decoration : none;
}

.menu a {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 14px;
	text-decoration : none;
	color: #ffffff;
	font-weight:bold;
}

.menu a:hover {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 14px;
	text-decoration : none;
	color: #336699;
	font-weight:bold;
}

.menu ul {
	display: none;
	position: absolute;
	background-color: #bbb;
	color: #fff;
	list-style: none;
	margin: 0.1em 0 0 0;
	padding: 0;
	font-weight:normal;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 14px;
}

.menu ul li {
	display: block;
	padding: 0.2em;
	color: #fff;
	background-color: #bbbbbb;
}

div.menu:hover ul {
	display: block;
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #bbbbbb;
}

.topmenu{
	display: block;
	margin: 0;
	padding: 0;
	color: #000;
}

.topmenu:hover ul{
	display: block;
	margin: 0;
	padding: 0;
	background-color: #e6e6e6;/*light grey*/
}

div.menu ul li:hover {
	color: #ffffff;
	background-color: #bbbbbb;
}
div.menu ul li a {
	color: #fff;
	background-color: #bbbbbb;
}

/* This changes the colour of the link for the current page in the menu, and
hides the hover effect.  Hiding the hover makes it look less like a link,
which I think is a good thing in this particular instance.
*/

.body-Activity #menu1 #nav-Activity,
.body-Mailinglist #menu2 #nav-Mailinglist,
.body-Salesorder #menu3 #nav-Salesorder,
.body-Reports #menu4 #nav-Reports,
.body-Admin #menu5 #nav-Admin	{
	background-color: #bbbbbb;
	font-weight: bold;
	text-decoration: none;
	color: #336699;
	font-size: 14px;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
}

#banner {
position: absolute;
top: 10px;
left: 650px;
text-align: right;
}