html, body    { 
  background: url(pix/ww-bg2.jpg) repeat-y center;
  background-color: #FFF;
  color: #000; font-size: 9pt; font-family: Verdana, Tahoma, Helvetica, Sans-Serif; 
  list-style-image: url(pix/perfect-log-bullet.gif);
}
.button     { color: #000; font-weight: bold; font-size: 11pt; background-color: rgb(212,162,11); }
.spread  { letter-spacing: 2pt; font-weight: normal; font-size=14pt }
a { font-weight: bold; outline: none; -moz-outline-style: none; }
a:link { color: #000 }
a:visited { color: #000 }
a:hover { color: #960 }
a:active  { color: #DA0 }
.nodeco a { color: #000; text-decoration:none;  font-weight: bold  }
.nodeco a:link { color: #000}
.nodeco a:visited { color: #000}
.nodeco a:hover { color: #960}
.nodeco a:active { color: #DA0}
.copy { font-size: 8pt }
.f14  { font-size: 14px }
.note { font-size: 9pt; color: #999; }
.on a {color:#F60}
.off a {color:black;}
.silvo a {color:silver;}
.sun_row { background-color: #FFC; }
.yellow_row { background-color: #FF6; }

fieldset { padding:0.8em;}
input, textarea { font-size:10pt }
img { border:0;}
td { text-align : left; font-size: 10pt }

hr  { color:#DA0; border: 0; height: 1px; background-color: #000; margin-top: 12px; margin-bottom: 12px; }

h2,h3,h4,h5,h6 { background-color: #d4a20b; margin-right: 3px; margin-left: 0px; padding: 2px 10px; 
}
h1 { font-size: 48px; padding: 8px 2px; line-height: 36px }
h2 { font-size: 22px; font-weight:	normal; }
h3 { font-size: 22px; font-weight:	normal; }
h4 { font-size: 20px; font-weight:	normal; }

#envelope {
  background:#fff;
  padding:8px;
  width:780px; 
  margin:auto;
}

/*#masthead { background: no-repeat left top; margin: 0; padding: 0; border-top: 1px solid #693; border-bottom: 1px solid #693 }*/
.box  { font-weight: bold; border: dotted medium #DA0 }

body 
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	padding:0 0 10px 0;
/*	margin:0;*/
}


.styledMenu {
	/*background: #009AD0 url(../images/header/menu-background.gif) repeat-x scroll left bottom;*/
/*	padding: 0 2em;*/
	width: 780px;
	height:69px;
	list-style-image: none;
}

/* All links within menu share the same style */

/* Menu items */
.styledMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 2px;
	z-index: 1000;	
/*	font-family: Tahoma, sans-serif;*/
	line-height: 100%;
}
.styledMenu li {
	float: left;
	padding: 0 2px 0 0;	
/*	font-family: Tahoma, sans-serif;*/
	/*background: transparent url(../images/header/lines-menu.gif) repeat-y scroll right top;*/
}

/* Alignments */
.styledMenu ul.right {
	float: right;
	/*background: transparent url(../images/header/lines-menu.gif) repeat-y scroll left top;*/
}
.styledMenu ul.left {
	float: left;
	/*background: transparent url(../images/header/lines-menu.gif) repeat-y scroll left top;*/
}

/* Sub menus */
.styledMenu li ul {
	position: absolute;
	overflow: hidden;
	width: 10em;  /*sub-menu width*/
	left: -999em;
	padding: 0;
	margin: 0;
	font-size: 11;
	/*background: #008CC1 url(../images/header/menu-dropdown_background.gif) repeat-x scroll left top;*/
	/*border-bottom: 1px solid #211;
	border-right:  0px solid #211;
	border-left:   1px solid #211;*/
/*	font-family: Tahoma, sans-serif;*/
}
.styledMenu li ul.dropRight {
	margin-left:-65px;
	width:13em;
}
.styledMenu li li {
	float: left;
	width: 100%;
}

.styledMenu li li a {  /*describes the pull=down menu*/
	color: #000;
	display: block;
	width: 100%;
	padding: 5px 0 5px 10px;
	font-weight: normal;
	border-bottom: 1px solid #A90;
}
.styledMenu li li a:hover, .styledMenu li li a:focus, .styledMenu li li a:active {
	/*background: #035f81 url(../images/header/menu-hover-bg.gif) repeat-x !important;*/
	color: #000;
}

.styledMenu li.hover ul {
	left: auto;
}
.styledMenu li.hover a {
	 /*background: transparent url(pix/menu_highlight_background.jpg)*/;
}
.styledMenu li.hover li, .styledMenu li.hover li a {
	background: none;
}
.styledMenu ul li ul li, 
.styledMenu ul li ul li a:link,
.styledMenu ul li ul li a:visited,
.styledMenu ul li ul li a:active,
.styledMenu ul li ul li a:hover {
	font-family: Verdana, sans-serif;
}

/* Level one */
.styledMenu li a.levelOne {
	position: relative; /* make whole link hoverable in IE6 */
	display: block;
	padding: 13px 16px;
}

/* Items with drop down menus */
.styledMenu li a.levelOne span {
	padding-right: 15px;
}

/* Selected menu item */

.styledMenu li.selected a.levelOne span {
	background: transparent url(../images/header/menu-bg-arrow-selected.gif) no-repeat scroll right center;
}

/* ..hover 
.styledMenu li.selected.hover a,
*/

.styledMenu li.selected.hover li a {
	background: none;
}
/*.styledMenu li.selected.hover a span,
*/
.styledMenu li.selected a.levelOne:hover span, .styledMenu li.selected a.levelOne:active span,.styledMenu li.selected a.levelOne:focus span {
	background: transparent url(../images/header/menu-bg-arrow.gif) no-repeat scroll right center;
}
.styledMenu li.selected.hover a {
	background: transparent url(pix/menu_highlight_background.gif);
}


.styledMenu ul li ul {
	z-index: 9990;
}

/* so the tip bubble hides in IE browsers */
.helpMenuTip {
	display: none;
}
/* so the tip bubble shows in Firefox for the help menu*/
html > /**/ body .helpMenuTip {
	display: inline;
	position: absolute;
}


/* Menu */
div.menu {
	float: left;
	color: #F00;
	font-size: 1em;
	height: 31px;
	width: 92em;
	/*background: #000 url(../images/header/background-new.gif) repeat-x top left;*/
}
div.menu span {
	float: left;
}
div.menu span.r {
	/*background: transparent url(../images/header/border-left.gif) no-repeat top left;*/
	float: right;
	height: 30px;
	padding-left: 42px;
	padding-right: 0px;
}
span.logged-in p.gray {
	display: block;
	margin-top: 8px;
	float: left;
}
.menulink {
	display: block;
	margin-top: 8px;
	float: left;
}
span.org {
	font: bold 14px Arial, sans-serif;
}
span.org a {
	margin-top:7px;
}

#menuLogo {
	padding-right: 20px;
}
#menuMyXero {
	padding-left: 20px;
}
div.menu span.no-background {
	background: none;
}
/*switch organisation menu items*/
#linkDashboard {
	background: none;
	padding: 0 0px 0 25px;
}
#linkDashboard.org a:hover {
	text-decoration: underline;
}
div.menu #btnSelectOrganisation,
div.menu #btnSelectHelp,
div.menu #btnSelectSupport {
	z-index: 1000;
	/*padding-left:23px;*/
}
div.menu > #btnSelectOrganisation,
div.menu > #btnSelectHelp,
div.menu > #btnSelectSupport {
	width: auto; /* good for FF */
}
div.menu #btnSelectOrganisation dl.button,
div.menu #btnSelectHelp dl.button,
div.menu #btnSelectSupport dl.button {
	margin: 0 0 0 0;
	display: block;
	width: 56px;
	float:left;
}
div.menu #btnSelectHelp dl.button {
	width: 45px;
}
div.menu #btnSelectOrganisation dt,
div.menu #btnSelectHelp dt,
div.menu #btnSelectSupport dt {
	display: inline;
	height: 30px;
	overflow: hidden;
	float:left;
}
div.menu #btnSelectOrganisation dd,
div.menu #btnSelectHelp dd {
	display: block;
	position: absolute; /* float above */
	clear: both; /* force DD into position below link */
	border: solid 1px #ccc;
	background-color: #F2F2F2;
	font: normal 11px tahoma, sans-serif;
	z-index: 9999; /* make sure it's above everything! */
	width:110px !important;
}
div.menu #btnSelectHelp dd {
	width:100px !important;
}
div.menu #btnSelectOrganisation dt a,
div.menu #btnSelectHelp dt a,
div.menu #btnSelectSupport dt a {
	line-height: 30px;
	float: left; /*color: white;*/
}
div.menu #btnSelectOrganisation dt a.dropDown,
div.menu #btnSelectHelp dt a.dropDown,
div.menu #btnSelectSupport dt a.dropDown {
	background: transparent url(/common/images/buttons/bg-buttons.png) no-repeat 92px -846px;
	width: auto;
	height: 30px;
	padding-right: 12px;
}
div.menu dl.button dd {
	width: 100px;
	overflow: hidden;
	top: 25px;
}
div.menu dl.button dd ul {
	line-height: 180%;
	z-index: 9999;
}
div.menu dl.button dd ul a {
	display: block;
	width: 100%;
	white-space: nowrap;
	padding: 1px 10px 1px 5px;
}
div.menu dl.button dd ul a:hover {
	color: #000;
	/*background: #035F81 url(../images/header/menu-hover-bg.gif) repeat-x scroll 0% !important;*/
	text-decoration: none;
}
div.menu dl.button dd ul li {
	height: 1%;
}
li.border {
	/*background: transparent url(../images/header/background-showallorgs.gif) repeat-x top left;*/
	padding-top: 3px;
}
li.no-border {
	background: none;
	padding-top: 0px;
}

/* page title */
div.page-title {
	/*background: #DAE9FF url(../images/header/pagetitle_background.gif) repeat-x left top;*/
	border-bottom: 1px solid #B1CFEA;
	border-top: 1px solid #F1F7FF;
	padding: 2.5em 2em .5em 2em;
	float: left;
	width: 88em;
	clear:both;
}
div.page-title span.breadcrumb {
	display: block;
	height: 15px;
	width: 50%;
	float:left;
	clear:right;
	position:relative;
}
div.page-title span.breadcrumb a:link, 
div.page-title span.breadcrumb a:visited, 
div.page-title span.breadcrumb a:active, 
div.page-title span.breadcrumb a:hover {
	font-family: Verdana, Sans-Serif;
	color:#0089B3;
}
div.page-title h1 {
	width:auto;
	display:inline;
	float:left;
	clear: both;
	font: bold 24px Arial,Helvetica,sans-serif;
	padding: 0;
	color: #333;
	position:relative;
	height:33px;
	overflow:hidden;
	white-space:nowrap;
	width:900px;
}
div.page-title h1 span {
	display: none;
}
div#PageContents {
	float:left;
}





.styledMenu ul.right, 
.styledMenu ul.left 
{
	background-image:none;
	border-left:solid 0px #028db8;
	border-right:solid 0px #27a9d7;
	padding:0;
}

.styledMenu ul li ul li
{
	border:0;
}
.styledMenu li.contact-support{
    background:transparent url(pix/header-image.png) repeat-x scroll 0pt -791px !important;
    border-top:1px solid #00749e;
}
.styledMenu li.contact-support a:link,
.styledMenu li.contact-support a:visited,
.styledMenu li.contact-support a:active,
.styledMenu li.contact-support a:hover {
    font-weight:bold;
}




/*This is the background of the menu*/
div.menu, div.styledMenu {
    background:#000;
}
div.menu {
    height:32px;
}
div.styledMenu {
    height:26px;
}
div.styledMenu li.dashboard-link {
    height:25px;
    overflow:hidden;
}
div.styledMenu ul li {
    border-top:0px solid #FC8;
}
.styledMenu li {
    background:#000 url(pix/header-image.png) no-repeat 0px -70px;
}
.styledMenu li.selected {
    border-left-width:0px;
}

.styledMenu li.selected a.levelOne:hover {
    border-left:1px solid #ddbb33;
}
.styledMenu li a.levelOne {
    padding:6px 11px;
}
.styledMenu li a.levelOne span {
    padding-right:13px;
}
div.menu #btnSelectOrganisation dt a.dropDown,
div.menu #btnSelectSupport dt a.dropDown,
div.menu #btnSelectHelp dt a.dropDown {	
    font-weight:bold;
	background: transparent url(/common/images/header/menu-bg-helparrow.gif) no-repeat scroll right center;
	padding-right:10px;
}
span.org,
span.org a:link,
span.org a:visited,
span.org a:active,
span.org a:hover {
    font:bold 15px Arial, sans-serif !important;
}
div.page-title {
    border-width:0px;
    background:#F6f6f6 url(pix/header-image.png) repeat-x 0px 0px;
    padding-top:10px;
    height:46px;
}
div.page-title h1 {
    color:#515151;
    font-size:24px;
}
#linkDashboard {
    padding-left:23px;
}
li.border {
    background:transparent url(pix/header-image.png) no-repeat 0px -170px;
	border:0;
	padding:0;
	padding-top:3px;
}


.SupportButtons input {
	background-image:none !important
}
span.country {
    font-weight:normal; 
    padding-left:8px; 
    color:#EEE;
    float:none !important;
}
dl.switch-version {
    width:100px !important;
}
div.user-menu 
{
    float:right;
    padding-right:95px;
    line-height:130%;
}
div.user-menu a:link,
div.user-menu a:visited,
div.user-menu a:active,
div.user-menu a:hover,
div.user-menu span.name
{
    color:#7cd2ea;
}
div.user-menu span dl dt a:link,
div.user-menu span dl dt a:visited,
div.user-menu span dl dt a:active,
div.user-menu span dl dt a:hover
{
    color:#000;
}
div.user-menu span dd a:link,
div.user-menu span dd a:visited,
div.user-menu span dd a:active,
div.user-menu span dd a:hover
{
    color:#0089b3;
}
div.user-menu a.name,
div.user-menu a.logout,
div.user-menu span.name
{    
    float:left;
    padding-top:8px;
}
div.user-menu span.pipe
{
    color:#a97700;
    padding:8px 8px 0px 8px;
}
a#mnuSupport, a#switchOrgs {
    font-weight:bold;
}
a#toggleOGTipsMenuItem:hover {
    background: #5e3602 !important;
}



/*Change these!*/

.styledMenu a, .styledMenu a:visited  {
	text-decoration: none;
	/*font-weight: bold;*/
	color: #DA0;
}

.styledMenu li li a:hover, .styledMenu li li a:visited, .styledMenu li li a:focus, .styledMenu li li a:active,
div.menu dl.button dd ul a:hover {
	color: #000;
	background: #C90!important;
}
#support, .styledMenu li ul {
	background: #DA0 url(pix/header-image.png) repeat-x 0 -140px;
}

.styledMenu a:hover {
	text-decoration: none;
	/*font-weight: bold;*/
	color: #FC0;
}
/*starts a new section unrelated to the menu*/
div.reportsMenuFav {
	color: #001100;
	text-indent: 10px;
	/*background: transparent url(../images/reports/background-favorites.gif) repeat-x top left;*/
	
	padding-top: 7px;
	float: left;
	width: 100%;
	font-weight: bold;
	padding-bottom: 3px;
}
.styledMenu li
{
	background-image:none;
	/*border-left:solid 1px #93761f;
	border-right:solid 1px #b08500;*/
	padding:0;
}

.styledMenu li.selected a.levelOne:hover {
	color: #666;
}
.styledMenu li.selected a.levelOne {
	/*background: #fff url(../images/header/menu-bg-selected.gif);*/
	color: #0089b3;
}
.styledMenu li.selected a.levelOne {
    background:#FFFFFF url() no-repeat scroll 0 0;
    border-left:1px solid #e8e8e8;
}