<style type="text/css">

@charset "utf-8";

/*--------- dnn menu style ----------*/
#MainMenu ul
{
padding:0;
margin:0;
color:#fff;
font-family: arial, helvetica, sans-serif;
white-space:nowrap;
list-style-type:none;
}
#MainMenu ul li {display:inline;}
#MainMenu ul li a
{
padding:0.2em 1em;
background:#fc6;
color:#000;
text-decoration:none;
float:left;
border:1px solid #000;
}
#MainMenu ul li a:hover
{
background:#08c;
color:#fff;
}



body {margin: 0; padding: 0px;}
#body {text-align: center; font-size: 12px;}

#SiteWrap {width: 980px; margin: auto;}
#InnerWrap {width: 960px; margin: auto; text-align: left;}

#HeaderWrap {background: url(/Portals/WebAccountant/Skins/WebAccountant/images/HeaderBg.png) no-repeat; width: 960px; height: 99px;}
#MainWrap, #LowerHeadWrap {background: url(/Portals/WebAccountant/Skins/WebAccountant/images/MainBg.png) repeat-y; width: 960px;}
#FooterWrap {background: url(/Portals/WebAccountant/Skins/WebAccountant/images/FooterBg.png) no-repeat; width: 960px; height: 79px; text-align: center; padding-top: 10px;}

#Logo {float: left;}
#HeaderRight {width: 457px; float: right; text-align: right; padding-top: 3px; padding-right: 3px;}
#MainMenu {float: left; padding: 3px 1px; height: 19px; width:958px; text-align: center;}
#Breadcrumb {float: left; width: 700px; padding: 5px;}
#CurrentDate {float: right; width: 190px; padding: 5px; text-align: right;}
#ContentMain {clear: both; float: left; width: 960px;}
.ContentPane {padding: 10px 0px 10px 10px;}
.ContentPaneLeft {float: left; width: 740px; padding: 10px 0px 10px 10px;}
.ContentPaneRight {float: right; width: 200px; padding: 10px 0px;}
#FooterMenu {padding: 3px 1px; height: 19px; width:958px;}

#CountrySelect {float: right; padding-right: 40px; padding-top: 8px;}
#Cart {float: right; padding-right: 20px; padding-top: 3px;}
#Login {float: right; padding-right: 20px; padding-top: 3px; text-align: left;}
#Login .LoginButton {color: #ffffff; background-color: #336699; font-size: 12px; font-weight: bolder;}
#Login a {padding: 0px; margin: 0px; color: #666666;}
#LoggedIn {float: right; padding-right: 20px; padding-top: 5px;}

.Clear {clear: both;}
.Hidden {display: none;}
.Center {width: 100%; text-align: center; margin: auto;}

.ToggleDisplay {color: #336699; padding: 0px 5px;margin: 0px;font-size: 11px;font-weight: bold;}
#ToggleDisplay {color: #336699;}
.WebsiteDisplay {display: none;}

p, h1, h2, h3, h4, h5, h6, td, ul li {padding: 0px; margin: 0px;}
p {font-size:13px;line-height:18px;}
h1 {color: #336699; font-size: 17px; font-weight: bold; padding-bottom: 5px;}
h2 {color: #336699; font-size: 15px; font-weight: bold;}
h3 {font-size: 14px;}
h4 {}
a, a:link, a:visited {color: #111111; text-decoration: none;}
a:hover {text-decoration: underline;}
th {background-color: #666666; color: #ffffff; font-weight: bold; text-align: left; padding: 3px;}
td {color: #333333; font-size: 12px; text-align: left;}
ul li {font-size:13px; list-style: disc outside none; padding: 3px 0px;}
tr.TblRowAlt {background-color: #e6e6e6;}
table.Pad-S td, table.Pad-S th {padding-right: 10px;}
table.Pad-M td, table.Pad-M th {padding-right: 20px;}
table.Pad-L td, table.Pad-L th {padding-right: 30px;}

.subhead {color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
h2.blog_title {padding: 0px; color: #336699; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold;}
.blog_dateline {padding: 0px; margin: 0px; font-size: 11px; padding-left: 5px;}

a.button {
    background: transparent url('/Portals/US/img/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/Portals/US/img/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

#Breadcrumb, #Breadcrumb a, #Breadcrumb a:link, #Breadcrumb a:visited, #Breadcrumb .SkinObject {color: #666666; text-decoration: none; font-weight: normal; font-size: 12px;}
#Breadcrumb a:hover {text-decoration: underline;}
#CurrentDate, #CurrentDate .SkinObject {color: #666666; text-decoration: none; font-weight: normal; font-size: 12px;}
#MainMenu a, #MainMenu a:link, #MainMenu a:visited {color: #ffffff; font-weight: bold;}
#FooterMenu a, #FooterMenu a:link, #FooterMenu a:visited {color: #ffffff; font-weight: bold; text-transform: lowercase;}
#ContentMain p {padding: 5px 5px;}
#ContentMain h1, #ContentMain h2, #ContentMain h3 {padding: 5px 5px;}
.FooterMenu {padding-top: 4px;}
.FooterMenu a:hover {color: #aaaaaa; text-decoration: none;}

.RegistrationTable {font-size: 13px; color: #333333;}

.ForumPolicy, .ForumPolicy p {font-size: 11px;}

/* ABOVE IS NEW */


#SiteBody p {padding-top: 7px; padding-bottom: 7px;}

/* #SiteBodyFooterMain p, #SiteBodyFooterMain a, #SiteBodyFooterMain a:link {text-transform:lowercase; font-size: 15px;color: #333333;}

#SiteFooter, #SiteFooter a {color: #666666;} */

.ContentRegion {
    padding-left: 20px;
    text-align: left;
}
.ContentRegion p{
    padding-right: 30px;
}
.AboutMenu {
}
.AboutRegion {
    text-align: left;
}

.UpdateMessage {font-weight: bold; font-style: italic;}
.WarningMessage {font-weight: bold; font-style: italic; color: Red;}

.Note {font-size: 11px; padding: 10px 0;}
.NoteRow {display: none;}
.NoteRowAlt {background-color: #e6e6e6; display: none;}

#Logo {
	background: url(/HNicholsons/WA_Logo.jpg) no-repeat;
	width: 550px;
	height: 90px;
	margin-top: 6px;
	margin-left: 15px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
}
#body {
	background-color: #bdbdbd;
	font-family: Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}

#SiteWrap {
	background-color: #e6e6e6;
}

#HeaderRight {
	width: 350px;
	float: right;
	text-align: right;
	padding-top: 3px;
	padding-right: 3px;
}
#MainMenu {
	background-color: #16056b;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}
#ContentMain {
	font-family: Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}
#FooterMenu {
	background-color: #16056b;
	color: #ffffff;
}

#Login {float: right; padding-right: 20px; padding-top: 3px; text-align: left;}
#Login .LoginButton {color: #ffffff; background-color: #336699; font-size: 12px; font-weight: bolder;}
#Login a {padding: 0px; margin: 0px; color: #666666;}
#LoggedIn {float: right; padding-right: 20px; padding-top: 5px;}

p, h1, h2, h3, h4, h5, h6, td, ul li {margin: 0px; padding: 0px;font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;}
p {font-size:13px;line-height:18px;}
h1, h2, h3, h4 {
	color: #16056b;
}
h1 {font-size: 17px; font-weight: bold; padding-bottom: 5px;}
h2 {font-size: 15px; font-weight: bold;}
h3 {font-size: 14px;}
h4 {}
a, a:link, a:visited {
	color: #222222; 
	text-decoration: none;
}
a:hover {text-decoration: underline;}
th {
	background-color: #ffffff; 
	color: #555555; 
	font-weight: bold; 
	/* text-align: left; */
	padding: 3px;
}
td {color: #333333; font-size: 12px; 
	/* text-align: left; */
}
ul li {font-size:13px; list-style: disc outside none; padding: 3px 0px;}
tr {
	background-color: #ffffff; 
}
tr.TblRowAlt {
	background-color: #cccccc; 
}
table.Pad-S td, table.Pad-S th {padding-right: 10px;}
table.Pad-M td, table.Pad-M th {padding-right: 20px;}
table.Pad-L td, table.Pad-L th {padding-right: 30px;}
table.DataTable td {padding: 3px 3px 3px 3px;}

.subhead {color: #333333; font-size: 12px;}
h2.blog_title {padding: 0px; color: #336699; font-size: 17px; font-weight: bold;}
.blog_dateline {padding: 0px; margin: 0px; font-size: 11px; padding-left: 5px;}

a.button {
    background: transparent url('http://www.accountantscircle.com/Portals/US/img/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('http://www.accountantscircle.com/Portals/US/img/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

#Breadcrumb, #Breadcrumb a, #Breadcrumb a:link, #Breadcrumb a:visited, #Breadcrumb .SkinObject {color: #666666; text-decoration: none; 

font-weight: normal; font-size: 12px;}
#Breadcrumb a:hover {text-decoration: underline;}
#CurrentDate, #CurrentDate .SkinObject {color: #666666; text-decoration: none; font-weight: normal; font-size: 12px;}
.FooterMenu, .FooterMenu a, .FooterMenu a:link, .FooterMenu a:visited {color: #ffffff; font-weight: bold; font-size: 12px; text-transform: 

lowercase;}
a.FooterMenu, a.FooterMenu:link, a.FooterMenu:visited {color: #ffffff;}
.FooterMenu a:hover {color: #aaaaaa; text-decoration: none;}

.OPMSButton {background-color: #16056b; color: #ffffff;font-family: verdana,sans-serif;font-size: 12px;font-weight: bolder;}
.OPMSGoldButton {background-color: #e8c64b; color: #ffffff;font-family: verdana,sans-serif;font-size: 12px;font-weight: bolder;}

/*  Main Menu Normal  */
.main_dnnmenu_rootitem  
{	
	color: #ffffff;
	font-weight: bold; 
	font-size: 12px;
	text-transform: lowercase;
}

/*  Main menu hover  */
.main_dnnmenu_rootitem_hover
{  
	color:#aaaaaa;
}

/*  Main menu selected  */
.main_dnnmenu_rootitem_selected 
{
	color:#cccccc;
	font-weight: bold; 
	font-size: 12px;
	text-transform: lowercase;
}

/*  SUB Menu Normal */
.main_dnnmenu_submenu
{
	border:1px solid #C0D6E5;
}

.main_dnnmenu_submenu td
{
	background-color:#336699;
	font-size: 12px; 
	font-weight:bold;
	color:#ffffff;
}

/*  SUB Menu hover & selected */
.main_dnnmenu_itemhover td 
{  
	background-color: #336699;
	color:#aaaaaa;
}
.main_dnnmenu_itemselected td  
{
    color:#cccccc;
}

.main_dnnmenu_break
{
	background-color: #000000;
}

/* Module Action Menus */
.ModuleTitle_SubMenu
{
	border:1px solid #C0D6E5;
}

.ModuleTitle_SubMenu td{
	background-color:#336699;
} 
.ModuleTitle_MenuIcon {
	background-color:#336699;
}
.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{
	background: #336699;
	color: #cccccc;
}

.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
	background-color: #336699;
}

/* Autocomplete CSS */ 
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	text-align: left;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #16056b;
	color: #ffffff;
}




/* Online Tool Menus */
.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
}

#TS_Menu .kwicks li, #Inv_Menu .kwicks li{
	float: left;
	width: 75px;
	height: 40px;
	margin-right: 0px;
}

#CB_Menu .kwicks li{
	float: left;
	width: 70px;
	height: 40px;
	margin-right: 0px;
}

#TS_Menu #Dashboard, #CB_Menu #Dashboard, #Inv_Menu #Dashboard { 
	background-color: #16056b;
	background-image: url('/images/Menus/Dashboard.png');
}
#TS_Menu #Timesheets {
	background-color: #16056b;
	background-image: url('/images/Menus/Timesheets.png');
}
#TS_Menu #Expenses {
	background-color: #16056b;
	background-image: url('/images/Menus/Expenses.png');
}
#TS_Menu #TimesheetsSubmitted {
	background-color: #16056b;
	background-image: url('/images/Menus/TimesheetApproval.png');
}
#TS_Menu #ExpensesSubmitted {
	background-color: #16056b;
	background-image: url('/images/Menus/ExpenseApproval.png');
}
#CB_Menu #Receipts {
	background-color: #16056b;
	background-image: url('/images/Menus/Receipts.png');
}
#CB_Menu #Payments {
	background-color: #16056b;
	background-image: url('/images/Menus/Payments.png');
}
#CB_Menu #Customers {
	background-color: #16056b;
	background-image: url('/images/Menus/Customers.png');
}
#CB_Menu #Suppliers {
	background-color: #16056b;
	background-image: url('/images/Menus/Suppliers.png');
}
#CB_Menu #Bank {
	background-color: #16056b;
	background-image: url('/images/Menus/Bank.png');
}
#CB_Menu #Journals {
	background-color: #16056b;
	background-image: url('/images/Menus/Journals.png');
}
#CB_Menu #Reconciliations {
	background-color: #16056b;
	background-image: url('/images/Menus/Reconciliations.png');
}
#CB_Menu #VAT {
	background-color: #16056b;
	background-image: url('/images/Menus/VAT.png');
}
#CB_Menu #SalesTax {
	background-color: #16056b;
	background-image: url('/images/Menus/SalesTax.png');
}
#CB_Menu #VAT-Zambia {
	background-color: #16056b;
	background-image: url('/images/Menus/VAT-Zambia.png');
}
#CB_Menu #VAT-Swiss {
	background-color: #16056b;
	background-image: url('/images/Menus/VAT-Swiss.png');
}
#CB_Menu #GST {
	background-color: #16056b;
	background-image: url('/images/Menus/GST.png');
}
#Inv_Menu #Invoicing {
	background-color: #16056b;
	background-image: url('/images/Menus/Invoicing.png');
}
#Inv_Menu #Receipts {
	background-color: #16056b;
	background-image: url('/images/Menus/InvoiceReceipts.png');
}
#TS_Menu #Reports, #CB_Menu #Reports, #Inv_Menu #Reports { 
	background-color: #16056b;
	background-image: url('/images/Menus/Reports.png');
}
#TS_Menu #Administration, #CB_Menu #Administration, #Inv_Menu #Administration { 
	background-color: #16056b;
	background-image: url('/images/Menus/Administration.png');
}
#TS_Menu #ChangeSystem, #CB_Menu #ChangeSystem, #Inv_Menu #ChangeSystem { 
	background-color: #16056b;
	background-image: url('/images/Menus/ChangeSystem.png');
}
#TS_Menu #Logout, #CB_Menu #Logout, #Inv_Menu #Logout { 
	background-color: #16056b;
	background-image: url('/images/Menus/Logout.png');
}


/* Overlay Pop-Up */
.simple_overlay {
	/* styling */
	color:#ffffff;
	background-color:#16056b;
}
.details table, .details tr, .details td{
	/* styling */
	background-color:transparent;
}
/* styling for elements inside overlay */
.details, .details h1, .details h2, .details h3, .details h4, .details p, .details td, .details tr, .details .SubHead, .details a, .details a:link, .details a:visited, .details a:hover,
#divMainContent .details a, #divMainContent .details a:link, #divMainContent .details a:visited, #divMainContent .details a:hover, .DisabledInput {
	color:#ffffff;
}

/* tooltip styling */
.tooltip {
	display:none;
	/* background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png); */
	/* height:163px; */
	/* padding:40px 30px 10px 30px; */
	/* width:310px; */
	font-size:12px;
	color:#ffffff;
	background-color: #16056b;
	padding: 3px;
	border: 1px solid #333333;
	-moz-box-shadow: 2px 2px 11px #666;
	-webkit-box-shadow: 2px 2px 11px #666;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}

#LogoPrint {
	width: 100%;
	text-align: right;
	display: none;
}

</style>
