body { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.bodyclean {
	background-color: #FFFFFF;
	background-image: none;
	color: #000000;
	
}

ul, ol, li {}
p {  margin-top:0px;}
h1 { color: #000000; font-size: 18px; margin-top:0px; margin-bottom:10px;}

td { font-size: 12px; }
div { font-family: Arial, Helvetica, sans-serif; font-size: 12px; position:relative;}
form { margin:0px; }

input, textarea, select {  font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
select {  background-color: #FFFFFF; border: 1px #999999 solid; }

a {  color: #990000; text-decoration: none; cursor: hand}
a:hover {  color: #666666; text-decoration: underline; }
a.dark { color: #FFFF00}
a.dark:hover {	color: #FFFFFF;}
a.catchline-dark {color: #999999;}
a.catchline-dark:hover {color: #FFFFFF;}
a.blk, a.blk:hover {	color: #000000;}
a.grey { color: #CCCCCC;}
a.blue {  color: #0000CC;}
a.blue:hover {  color: #CC0000}

.size8 { font-size: 8px;}
.size2, .size10 {  font-size: 10px}
.size11 {  font-size: 11px}
.size12 {  font-size: 12px}
.size3 {  font-size: 13px}
.size14 { font-size: 14px;}
.size4 { font-size: 16px}

.xp, .xp10, .xpdisabled, .xpcolour, .xpnum, .xpdisablednum, .xpnumsm, .xpcopied, .xpnumcolour, .xpclear, .xpclear10 {background-color: #FFFFFF; border: 1px solid #999999;}
.xp { }
.xp10, .xpclear10 { font-size: 10px}
.xpcolour { background-color: #E6EEFF; color: #990000}
.xpnum { text-align: right}
.xpnumsm { font-size: 10px; text-align: right }
.xpnumcolour { color: #990000; text-align: right; }
.xpdisabled { background-color: #CCCCCC; }
.xpdisablednum { background-color: #CCCCCC; text-align: right}
.xpcopied { background-color: #990000; color: #FFFFFF; }
.xpclear, .xpclear10 { border: 0px none; }
.xpclearnum { border: 1px solid #FFFFFF; text-align: right; }

.headline {  font-size: 16px; color: #333333}
.grey { color: #999999; }
.tdbk {  background-color: #DDDDDD; }
.tddark {  background-color: #666666; color: #FFFFFF}
.tdbkhigh { background-color: #AAAAAA; color: #000000}
.tdwhite { background-color: #FFFFFF; color: #000000}
.tdblue { background-color: #007FAE; color: #FFFFFF}
.highlight {  font-size: 14px; color: #CC0000}
.imglink {  cursor: hand}

.td_pldark, .td_plblack, .td_plmonth, .td_plyear, .td_plincome, .td_darkruled, .td_whiteruled, .td-pandl-total, .td-pandl-total-pc { 
	padding-top: 0px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px}

.td_pldark { background-color: #666666; color: #FFFFFF; }
.td_plblack { background-color: #000000; color: #FFFFFF; }
.td_plmonth, .td_plyear { background-color: #AAAAAA; color: #000000; }
.td_plincome { background-color: #CCCCCC; color: #000000; }
.td-pandl-total { color: #000000; font-size: 14px; font-weight: bold; }
.td-pandl-total-pc { color: #666666; font-size: 12px; font-weight: normal; }

.tdbksmall, .tdbksmallwhite { background-color: #FFFFFF; font-size: 11px; }
.tdbklowlight { background-color: #CCCCCC; color: #999999}
.tdbkhighsmall { background-color: #EAEAEA; font-size: 11px; color: #000000; }
.tdbkhighlightsmall { background-color: #FFFF99; font-size: 10px; color: #000000;}
.tddarkestsmall { background-color: #660000; font-size: 10px; color: #FFFFFF }
.tddarksmall { background-color: #999999; font-size: 10px; color: #FFFFFF }

	.lowertitle {
	margin-top:10px;	
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;	
	}

.header-main {}
.catchline { font-size: 10px; color: #FFFFFF; }
.catchline-dark { font-size: 10px; color: #666666; }
.layout-catchline {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
	background-image:  url(images/tables/shadow-bottom.jpg);
	background-repeat: repeat-x;
}
.td-header-dark-grey {
	color: #FFFFFF;
	background-color: #666666;
	background-image:  url(y/images/tabletop/dark-grey-tint.jpg);
	background-repeat: repeat-x;
}

.td-header-red {
	color: #FFFFFF;
	background-color: #990000;
	background-image:  url(y/images/tabletop/red-tint.jpg);
	background-repeat: repeat-x;
}
.td_whiteruled { background-color: #FFFFFF; color: #000000; border: #FFFFFF solid; border-width: 1px 0px}

.td-bottom-rule, .td-bottom-rule-disabled, .tdbksmallrule, .tdbksmallrule-high, .tdbksmallrule-grey, .td-bottom-rule-em, .td-bottom-rule-high, .td-bottom-rule-sub, .table-ruled td, .table-ruled-12 td { 
	border-bottom:1px solid #CCCCCC; }

.td-bottom-rule {
	color: #000000;
	padding: 2px;
}
.td-bottom-rule-disabled {
	color: #999999;
	padding: 2px;
}
.td-bottom-rule-em {
	color: #0000CC;
	padding: 2px;
	font-style: italic;
}
.td-bottom-rule-high {
	padding: 2px;
	background-color: #DFDFDF;
}
.td-bottom-rule-sub {
	color: #000000;
	padding: 2px;
	background-color: #CCCCCC;
}
.tdbksmallrule, .table-ruled td, .table-ruled-pad td, .table-ruled-12 td {
	border-bottom:1px solid #CCCCCC;
	font-size: 11px;
	padding:2px;
}
.table-ruled-12 td, .table-ruled-pad td {
	font-size: 12px;
}
td.noborder { border:0px none; }
.table-ruled-pad td { padding:4px; }

.table-ruled-12 td.clean-total, .clean-total { color: #000000; font-size: 14px; font-weight: bold; border:0px none; }
.table-ruled-12 td.clean-row, .clean-row { border:0px none; }

.tdbksmallrule-high {
	background-color: #DFDFDF;
	font-size: 11px;
}
.tdbkhighlight {  background-color: #FFFF99; color: #000000}
.tdbksmallrule-grey {
	background-color: #FFFFFF;
	font-size: 11px;
	color: #CCCCCC;
}
tr.row-smallruleheader td, .tdbksmallruleheader {
	background-color: #FFFFFF;
	font-size: 11px;
	border-bottom:1px solid #999999;
	font-weight: bold;
	padding:2px;
}
tr.td-bottom-rule-header td, .td-bottom-rule-header {
	color: #000000;
	border-bottom:1px solid #999999;
	padding: 2px;
	font-weight: bold;
}
tr.td-bottom-rule-header-small td, .td-bottom-rule-header-small {
	color: #000000;
	border-bottom:1px solid #999999;
	padding: 2px;
	font-weight: bold;
	font-size: 11px;
}
.td-double-rule {
	border:1px solid #000000;
	border-left-style: none;
	border-right-style: none;
	padding: 3px;
}

.td-flexheader {background-image: url(images/tables/flex-top.gif);}
.td-flexleft {	background-image: url(images/tables/flex-left.gif);}
.td-flexright {background-image: url(images/tables/flex-right.gif);}
.td-flexbottom {background-image: url(images/tables/flex-bottom.gif);}
.td-flexheader-newyear { background-image: url(images/tables/flex-top-divide.gif); font-weight: bold; margin-left: 5px; background-repeat: repeat-x; }
.td-flexheader-highlight { background-image: url(images/tables/highlight/flex-top.gif); color: #FFFFFF; }
.td-flexleft-highlight {background-image: url(images/tables/highlight/flex-left.gif);}
.td-flexright-highlight {background-image: url(images/tables/highlight/flex-right.gif);}
.td-flexbottom-highlight {background-image: url(images/tables/highlight/flex-bottom.gif);}
.td-flexheader-divide { background-image: url(images/tables/flex-top-short.gif); padding: 3px; border-right: 1px solid #ADADAD; }

.td-vatbox {color: #006600; padding: 3px; border: 1px solid #006600; background-color: #D9F0D2; }
.td-vatboxdark { color: #FFFFFF; padding: 3px; border: 1px solid #006600; background-color: #006600; }
.td-vatboxwhite { color: #006600; padding: 3px; border: 1px solid #006600; background-color: #FFFFFF; }
.ledger-notes, td.ledger-notes {
	font-size: 9px;
	color: #999999;
}
div.nomdiv  {
	position: relative;
	display:block;
	top: 0px;
	left: 0px;
	z-index: 10;
}

/* Tabs and top navigation layout */
.tab-top-active, .tab-top-inactive {
	font-size: 12px;
	padding-right: 9px;
	border-right: 1px solid #999999;
}

.tab-top-active { color: #FFFFFF; background-image: url(y/images/tabs/tab-active-back.gif); }
.tab-top-inactive { color: #333333; background-image: url(y/images/tabs/tab-inactive-back.gif); }

.tab-top-back { background-image: url(y/images/tabs/tab_top.gif);}
.tab-sub-back { background-image: url(y/images/tabs/sub_top.gif);}

.tab-top-admin, .tab-sub-active, .tab-sub-inactive, .tab-sub-admin {
	font-size: 11px;
	padding-right: 9px;
	border-right: 1px solid #333333;
	 z-index:1
}

.tab-top-admin {background-image: url(y/images/tabs/tab-admin-back.gif); color: #FFFFFF; }
.tab-sub-active { background-image: url(y/images/tabs/sub-active-back.gif); color: #333333; }
.tab-sub-inactive { background-image: url(y/images/tabs/sub-inactive-back.gif); color: #333333; }
.tab-sub-admin {background-image: url(y/images/tabs/sub-admin-back.gif); color: #FFFFFF; }

#tabtop {
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 2px;
	padding-left: 0px;
	height:20px;
	 z-index:1

}
#tabtop2 {
	background-color: #5D5C5C;
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 2px;
	height:20px;
	border-top:1px solid #666666;
	 z-index:1
}
#tabtop3 {
	background-color: #666666;
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 4px;
	 z-index:1
}

.tab-top-inactive a, .tab-sub-inactive a, .tab-top-inactive a:hover, .tab-sub-inactive a:hover { color: #333333;font-size: 11px; }
.tab-top-active a, .tab-top-admin a, .tab-sub-admin a, a.tab-sub-admin-inactive, .tab-top-active a:hover, .tab-top-admin a:hover, a.tab-sub-admin-inactive:hover { color: #FFFFFF;font-size: 11px; }
.tab-sub-active a, .tab-sub-active a:hover { color: #990000; font-size: 11px;}
a.tab-sub-admin-active, a.tab-sub-admin-active:hover { color: #FFFF00;font-size: 11px; }

.topbar a {
	color: #FFFFFF;
}
.topbar {
	background-color: #859DC3;
	height: 30px;
	color: #FFFFFF;
	padding: 0px;
}
#tabtop ul, #tabtop2 ul {
	padding:0px; float: left; margin: 0px; list-style-type:none; position: relative
}
#tabtop li, #tabtop2 li {
	padding-right:6px; padding-left:8px; float: left; PADDING-BOTTOM: 0px; margin: 0px; PADDING-TOP: 0px; position: relative; height:20px; line-height:20px
}
#tabtop li.navspacer, #tabtop2 li.navspacer { padding-right:0px;padding-left:0px; }

#bodytext {
	padding: 3px;
	overflow: visible;
	height:380px;
	min-height:380px;
	border:1px solid #AFAFAF;
	border-top-style: none;
	background-color: #FFFFFF;
	text-align:left;
}
div[class] #bodytext { height:auto; }

/*	Queue styles */
.qholder {
	height: 26px;
	overflow: visible;
	border-bottom: 1px solid #CCCCCC;
	vertical-align:middle;
	display: block;
}
#qnum {
	color: #FFFFFF;
	float: left;
	height: 26px;
	width: 30px;
	background-color: #999999;
	text-align: right;
	vertical-align:middle;
	font-size:16px;
	font-weight:bold;
	line-height:26px;
}
#qedit {
	float: right;
	height: 100%;
	width: 75px;
	background-color: #EEEEEE;
	text-align: right;
	vertical-align:bottom;
}
.qcontent {
	overflow: visible;
	top:5px; left:5px;
	position:relative;
	vertical-align:middle;
	display: block;
}

/* New flexi tables */
#flex-table-middle, .flex-table-middle {
	border:1px solid #CCCCCC;
	border-top-style: none;
	padding: 3px 5px 6px 6px; position:relative;
}
#flex-table-middle-highlight, .flex-table-middle-highlight {
	border:1px solid #999999;
	border-top-style: none;
	padding: 3px 4px 6px 6px; position:relative;
}
#flex-table-top, .flex-table-top {
	height: 25px;
	padding-right: 6px;
	padding-left: 6px;
	border-right:1px solid #CCCCCC;
	background-color: #CDCDCD;
	line-height: 25px; position:relative;
}
.flex-table-top h1 { color:#FFFFFF; }

#flex-table-top-highlight, .flex-table-top-highlight {
	height: 20px;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 5px;
	line-height: 20px; position:relative;
	background-color:#A10000;
}
.floatingdropdown {
	position:absolute;
	border:1px dotted #666666;
	background-color:#CCCCCC;
	font-family:Verdana;
	line-height:20px;
	cursor:default;
	font-size:14px;
	z-index:100;
	padding:2px;
}
.splitdiv { margin-left:83px; width: 800px; background-color:#C7C7C7; border:1px dotted #CCCCCC; position:relative; padding:3px; }

#menu {padding:0; margin:0; list-style:none; height:28px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:1px;}
#menu li a {display:block; float:left; height:28px; line-height:28px; background:#333; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 30px 0 10px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#c60;}
#menu li:hover {position:relative; z-index:200; z-index:500;}

#menu li:hover > a {color:#fff; background:#E17740; z-index:500;}
#menu li:hover > a.sub {color:#fff; background-color:#E17740; z-index:500;}

#menu li.current a {color:#fff; background:#840; z-index:500;}

#menu li a.sub {background: #333 url(images/icons/down-arrow.gif) no-repeat right center; z-index:500;}
#menu li.current a.sub {color:#fff; background:url(../images/icons/down-arrow.gif) no-repeat right center;}

#menu :hover ul {left:-37px; top: 28px; width:120px; background:#444; z-index:500;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; z-index:500;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #666; z-index:500;}
#menu :hover ul li a {width:120px; padding:0; text-indent:10px; background:#333; color:#ccc; height:25px; line-height:25px; z-index:500;}
#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center; z-index:500;}

#menu :hover ul :hover {background-color:#E17740; color:#fff; z-index:500;}
#menu :hover ul :hover a.fly {background-color:#E17740; color:#fff; z-index:500;}

#menu :hover ul li.currentsub a {background:#840; color:#fff; z-index:500;}
#menu :hover ul li.currentsub a.fly {background:#840 url(right-arrow.gif) no-repeat right center; color:#fff; z-index:500;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc; z-index:500;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff; z-index:500;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff; z-index:500;}

a#fdbk_tab {display: none; }

/*	frame Class */
	.frame {
		margin-left: 5px;
		border: 1px solid #cacdd0;
		background: #f8f8f7;
		width: 100%;
		margin-bottom: 1em;
		float: left;
		text-indent:5px;
		}
		/* Required for IE 6/7 to render search drop down correctly above content - JH */
		* html .frame { z-index: 0; }
		*+html .frame { z-index: 0; }