hml, body { width: 100%; }
body {
	background: #D5D6D8 url(../images/bg.png) repeat-x left top;
	font-family: 'Lucida Grande','Lucida Sans Unicode',Lucida,Verdana,Arial,sans-serif;
	font-size: 76%;
	color: #333;
	margin: 0; padding: 0;
}
@media print { background { background: solid #fff; } }

body.mceContentBody {
	background: white;
}

#body {
	padding: 5px 15px;
}
#empty #body {
	padding: 5px 7px;
}

#logo {
	background: url(../images/bazooka.png) no-repeat left top;
	height: 48px;
}
#logo span { display: none; }

#links {
	position: absolute;
	top: 5px; right: 28px; color: #CCC; font-size: 90%;
}
#links a { color: white; }
@media print { #links { display: none; } }

#currentLogin {
	color: white;
}


/* Menu Bar */
#menu .tl, #menu .tr, #menu .t, #menu .l, #menu .r, #menu .bl, #menu .br, #menu .b {
	padding: 0; margin: 0;
}
#menu .tl { background: url(../images/menu-tl.gif) no-repeat left top; }
#menu .tr { background: url(../images/menu-tr.gif) no-repeat right top; }
#menu .t { background: #3C5FB3 url(../images/menu-t.gif) repeat-x left top; }
#menu .l { background: url(../images/menu-l.gif) repeat-y left top; }
#menu .r { background: url(../images/menu-r.gif) repeat-y right top; }
#menu .bl { background: url(../images/menu-bl.gif) no-repeat left bottom; }
#menu .br { background: url(../images/menu-br.gif) no-repeat right bottom; }
#menu .b { background: url(../images/menu-b.gif) repeat-x left bottom; }

#menu table {
	border-collapse: collapse;
	text-align: center;
}
#menu td {
	background: transparent url(../images/menu-sep.gif) no-repeat right bottom;
	text-align: center; vertical-align: bottom;
	font-family: Arial, sans-serif;
}

#menu a {
	position: relative; display: block;
	text-decoration: none; font-size: 110%; color: #CCD6EE;
	font-weight: bold; 
	margin-left: -1px; margin-right: 1px;
}
#menu a span { display: block; padding: 15px 1.2em 11px; }

#menu a:hover {
	background: url(../images/menu-h.gif) repeat-x left bottom;
	color: black;
}
#menu .first a span { padding-left: 1.6em; }
#menu .first a:hover span {
	background: url(../images/menu-hl.gif) no-repeat left bottom;
}
#menu .last a:hover span {
	background: url(../images/menu-hr.gif) no-repeat right bottom;
}

#menu a.current, #menu a.current:hover {
	background: url(../images/menu-c.gif) repeat-x center bottom;
	color: white;
	margin-bottom: -6px; padding-bottom: 6px;
}
#menu .first a.current span, #menu .first a.current:hover span {
	background: url(../images/menu-cl.gif) no-repeat left bottom;
}
#menu .last a.current span, #menu .last a.current:hover span {
	background: url(../images/menu-cr.gif) no-repeat right bottom;
}

@media print { #menu { display: none; } }


/* Ribbon */
#ribbon .l {
	background: url(../images/ribbon-l.gif) repeat-y left top;
	padding-left: 4px;
}
#ribbon .r {
	background: url(../images/ribbon-r.gif) repeat-y right top;
	padding-right: 4px;
}
#ribbon .t {
	background: #E0E6F5 url(../images/ribbon-bg.gif) repeat-x left top;
	padding: 0 6px;
}
#ribbon .bl, #ribbon .br, #ribbon .b, #ribbon .b0,
#ribbon .b1, #ribbon .b2, #ribbon .b3 { line-height: 14px; padding: 0; margin: 0; }
#ribbon .bl { background: url(../images/ribbon-bl.gif) no-repeat left bottom; }
#ribbon .br { background: url(../images/ribbon-br.gif) no-repeat right bottom; }
#ribbon .b { width: 70%; }
#ribbon .b0 { padding-left: 14px; background: url(../images/ribbon-bl.gif) no-repeat left bottom; }
#ribbon .b1 { background: url(../images/ribbon-b.gif) repeat-x left bottom; }
#ribbon .b2 { background: url(../images/ribbon-b2.gif) no-repeat right bottom; }
#ribbon .b3 { background: url(../images/ribbon-b3.gif) repeat-x left bottom; }

#ribbon div.prev {
	background: url(../images/ribbon-prev.gif) no-repeat left center;
	padding-left: 15px; margin-bottom: -10px; position: relative; z-index: 5;
}
#ribbon div.next {
	background: url(../images/ribbon-next.gif) no-repeat right center;
	padding-right: 15px;
}
#ribbon a.prev span, #ribbon a.next span { display: none; }

#ribbon a.prev {
	width: 15px; height: 70px;
	display: block; float: left; margin-left: 0;
	margin-bottom: -70px; position: relative; z-index: 10;
}
#ribbon a.next {
	width: 15px; height: 70px;
	display: block; float: right; margin-right: 0;
	margin-bottom: -70px; position: relative; z-index: 10;
}

#ribbon div.hidden { background: none; }
#ribbon a.hidden { display: none; }

#ribbonContent { clear: both; overflow: hidden; width: 100%; }
#ribbonContent table {
	border-collapse: collapse; border: none; margin: 0; padding: 0;
}
#ribbonContent table td {
	vertical-align: top;
	background: url(../images/ribbon-sep.gif) no-repeat left top;
}
#ribbonContent table td.first { background-image: none; }
#ribbonContent table table td, #ribbonContent table td.noFieldsets {
	vertical-align: middle; white-space: nowrap;
	padding: 0.2em 1.5em; background-image: none;
}
#ribbonContent table td.noFieldsets {
	padding: 1em 1.5em;
}
#ribbonContent fieldset { border: none; margin: 0; padding: 0; }
#ribbonContent fieldset legend {
	color: #666;
	padding: 0.5em 1.5em; border-bottom: 1px solid #ccc;
}
#ribbonContent a { color: #3A5CAD; text-decoration: none; }
#ribbonContent a:hover { text-decoration: underline; }

#ribbonContent fieldset.null legend { border: none; }
#ribbonContent table.hidden { display: none; }

@media print { #ribbon { display: none; } }

/* Main Page Contents */
#page { width: 70%; }
.l { background: url(../images/page-l.gif) repeat-y left top; }
.tl { background: url(../images/page-tl.gif) no-repeat left top; }
.bl {
	background: url(../images/page-bl.gif) no-repeat left bottom;
	padding-left: 14px;
}
.r { background: url(../images/page-r.gif) repeat-y right top; }
.tr { background: url(../images/page-tr.gif) no-repeat right top; }
.br {
	background: url(../images/page-br.gif) no-repeat right bottom;
	padding-right: 14px;
}
.b {
	padding: 2em 2em 4em 2em;
	background: white url(../images/page-b.gif) repeat-x left bottom;
}

#empty .b {
	padding: 0.25em 0.5em 2em 0.5em;
}


/* Sidebar */
#sidebar { position: absolute; width: 28%; left: 70%; padding: 14px 10px; }
#sidebar h1, .helpBar h1 {
	font-size: 140%;
	font-weight: bold;
	color: #333;
}
#sidebar h2, .helpBar h2 {
	font-size: 120%;
	font-weight: bold;
	color: #333;
}
#sidebar h3, .helpBar h3 {
	font-size: 110%;
	font-weight: bold;
	color: #333;
}
#sidebar blockquote, .helpBar blockquote { padding: 0 1em; margin: 0; }
#sidebar .warning, .helpBar .warning { color: #F00; }
#sidebar ul, .helpBar ul { padding-left: 2em; margin-left: 0; }
#sidebar .helpbreadcrumb, .helpBar .helpbreadcrumb { font-size: 90%; }



#showhide {
	padding-right: 20px;
	height: 16px; line-height: 16px; text-align: right; float: right;
	margin-right: -4px; position: relative; z-index: 1; margin-top: 15px;
	color: #999; text-decoration: none; text-transform: uppercase;
	font-size: 80%;
}
#showhide { background: url(../images/hide.gif) no-repeat right top; }
#nohelp #showhide { background: url(../images/show.gif) no-repeat right top; }

#showhide .show { display: none; }
#showhide .hide { display: inline; }
#nohelp #showhide .show { display: inline; }
#nohelp #showhide .hide { display: none; }
@media print { #showhide { display: none; } }


#nohelp #page { width: 100%; }
#nohelp #sidebar { display: none; }
#nohelp #ribbon .b2 {
	background: url(../images/ribbon-b.gif) repeat-x left bottom;
}
#nohelp #ribbon .b3 {
	background: url(../images/ribbon-b.gif) repeat-x left bottom;
}
#nohelp #ribbon .br {
	background: url(../images/ribbon-br2.gif) no-repeat right bottom;
}


#breadcrumbs { list-style: none; display: block; margin: 0; padding: 0; }
#breadcrumbs li { float: left; padding-left: 0.5em; color: #ccc; }
#breadcrumbs a { color: #999; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }
div.clear { clear: both; height: 0; overflow: hidden; }
@media print { #breadcrumbs { display: none; } }


/****************************************************************************/
table.data {
	border-collapse: collapse; border: 1px solid #e9e9e9;
	width: 100%; margin: 10px 0;
}
table.data td { padding: 5px 7px; border-left: 1px solid #e9e9e9; }
table.data td .descr {
	line-height: normal; font-size: 7pt; color: #aaa; font-weight: normal;
}
table.data th {
	font-weight: bold;
	background: #e9e9e9 url(../images/gradient.gif) repeat-x 0 100%;
	color: #333; text-align: left; padding: 5px 7px;
	border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;
}
table.data th.required { background-color: #ecc; }
table.data th.vert {
	text-align: right;
	padding-right: 1em; border: 0; border-right: 1px solid #ddd;
	background-image: none;
	vertical-align: top;
}
table.data th.footer, table.data td.footer {
	text-align: right; font-weight: normal;
	background-image: none; background: #f0f0f0;
	font-size: .8em; border-top: 1px solid #ddd;
}
table.data td.footer { font-size: 1em; text-align: center; }
table.data th.footer a, table.data th.footer .noLink,
table.data td.footer a, table.data td.footer .noLink {
	padding: 2px 4px; margin: 0 2px; border: 1px solid #e0e0e0;
	background: #e9e9e9; font-size: 1.1em;
}
table.data th.footer .current, table.data td.footer .current {
	background-color: #dfdfdf; border: 1px solid #cfcfcf;
}
table.data th.footer a:hover, table.data th.footer a:active,
table.data td.footer a:hover, table.data td.footer a:active {
	background: #ddd; border: 1px solid #ccc; text-decoration: none;
}

/* Zebra stripes */
table.data .odd td { background-color: #f4f4f4; }
table.data .even td { background-color: #ffffff; }

/** Zebra stripe row higlighting */
table.data tbody.highlight tr.odd td,
table.data tr.oddHighlight td {
	background-color: #f4f460;
}
table.data tbody.highlight tr.even td,
table.data tr.evenHighlight td {
	background-color: #ffff80;
}

/* sub tables should not have styling unless specified as data also */
table.data td td { border: none; }
table.data td td { background-color: transparent; }

/* payment view styles */

table.data .odd-paid td { background-color: #d4ffd4; }
table.data .paid td { background-color: #e4ffe4; }
table.data .odd-failed td { background-color: #ffd4d4; }
table.data .failed td { background-color: #ffe4e4; }
table.data .odd-error td { background-color: #ffd4d4; }
table.data .error td { background-color: #ffe4e4; }

/*********** .actionLinks styles ***********/
.actionLinks { margin: 0; padding: 0 0 10px 10px; font-size: 1em; }
.actionLinks h3 { padding: 10px 0 2px 0; }

/********** .actionBar styles **************/
.actionBar {
	background: #eee;
	border: 1px solid #ddd; padding: 6px; margin: 0 16px 1em 16px;
	white-space: nowrap;
	font-size: 1em;
}
.actionBar a, .actionBar .noLink {
	padding: 2px 4px; margin: 2px; border: 1px solid #e0e0e0;
	background: #e9e9e9;
}
.actionBar a:hover, .actionBar a:active {
	background: #ddd;
	border: 1px solid #ccc;
	text-decoration: none;
}

/*********** feedback **********************/
.infoBox, .successBox, .errorBox, .warningBox {
	clear: both; display: block;
	padding: 0.5em 2em;
	margin: 0.5em 0;
}
.infoBox { background-color: #E8E8FF; border: 1px solid #6D6EB1; }
.successBox { background-color: #caffca; border: 1px solid #65ff65; }
.errorBox { background-color: #ffcaca; border: 1px solid #ff6565; }
.warningBox { background-color: #fe9; border: 1px solid #FC0; }

/** hover boxes **/
#hoverInfo {
	position: absolute; visibility: hidden; left: 0; top: 0; z-index: 10000;
	background-color: white; border: 1px solid #033266;
	width: 300px;
	font-size: 100%;
	padding: 0; margin: 0;
}
#hoverInfo h1 {
	display: block;
	background: #033266; color: white;
	font-size: 100%; font-weight: bold;
	padding: 5px 10px; margin: 0;
}
#hoverInfo p { padding: 5px 10px; color: black; font-size: 100%; }
#hoverInfo div.content { padding: 5px 10px; color: black; font-size: 100%; }

/* Generic Table Shadows *******************/
table.shadow { border-collapse: collapse; border: none; margin: 0; padding: 0; }
table.shadow td { border: none; }
td.shadow-top {
	height: 8px;
	background: white url(../images/shadow-top.gif) repeat-x left bottom;
}
td.shadow-topright {
	width: 8px; height: 8px;
	background: white url(../images/shadow-topright.gif) no-repeat left bottom;
}
td.shadow-right {
	width: 8px;
	background: white url(../images/shadow-right.gif) repeat-y left top;
}
td.shadow-bottomright {
	width: 8px; height: 8px;
	background: white url(../images/shadow-bottomright.gif) no-repeat left top;
}
td.shadow-bottom {
	height: 8px;
	background: white url(../images/shadow-bottom.gif) repeat-x right top;
}
td.shadow-bottomleft {
	width: 8px; height: 8px;
	background: white url(../images/shadow-bottomleft.gif) no-repeat right top;
}
td.shadow-left {
	width: 8px;
	background: white url(../images/shadow-left.gif) repeat-y right bottom;
}
td.shadow-topleft {
	width: 8px; height: 8px;
	background: white url(../images/shadow-topleft.gif) no-repeat right bottom;
}
td.shadow-content { background-color: white; }
td.shadow-content table.data { margin: 0px; }

/** General **/
img { border: none; }
.error, .failed { color: #F00; }
.success { color: #090; }



/** Login Page **/
#login-logo {
	width: 275px;
	height: 73px;
	background: url(../images/logo.png) no-repeat left top;
	margin: 90px auto 20px auto;
}
#login {
	width: 341px;
	margin: 0 auto;
	background: url(../images/login-bg.gif) repeat-y left top;
}
#login .t {
	background: url(../images/login-header-t.gif) no-repeat left top;
	padding-top: 12px;
}
#login .b {
	background: url(../images/login-b.gif) no-repeat left bottom;
	padding: 0;
	padding-bottom: 12px;
}
#login .header {
	background: url(../images/login-header-bg.gif) repeat-y left bottom;
	color: white;
	padding: 0; margin: 0; border: none;
	font-weight: normal;
}
#login .header_b {
	background: url(../images/login-header-b.gif) no-repeat left bottom;
	padding: 0 1em 12px;
}
#login .stop {
	background: url(../images/stop.gif) no-repeat left center;
	padding-left: 50px;
}
#login .content {
	padding: 12px 1em 0 1em;
	text-align: center;
}
#login .content table { margin: 0 auto; }
a.login-return {
	display: block;
	color: #333;
	text-align: center;
}

a.button {
	display: block;
	float: left;
	margin-right: 0.2em;
	background: url(../images/button-left.gif) no-repeat left top;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}
a.button span {
	display: block;
	float: left;
	height: 25px;
	padding: 5px 1em 0;
	color: white;
	font-weight: bold;
	background: url(../images/button-right.gif) no-repeat right top;
}

a.button:hover span {
	padding-top: 6px;
	margin-bottom: -1px;
}


/***********/
table.data td a.expand {
	float: left;
	text-decoration: none;
	line-height: 20px;
	width: 16px;
	overflow: hidden;
	background: no-repeat right center;
}
table.data td a.show { background-image: url(../images/tree-show.gif); }
table.data td a.hide { background-image: url(../images/tree-hide.gif); }
table.data td a.none { background-image: none; }


#tooltip {
	border: 1px solid #334f8d;
	background-color: #fff;
	width: 220px;
}
#tooltip h3 {
	font-size: 100%;
	font-weight: bold;
	display: block;
	margin: 0; padding: 0.2em 1em;
	background: #334f8d;
	color: #fff;
}
#tooltip p {
	display: block;
	margin: 0; padding: 0.2em 1em;
}


fieldset {
	border: 1px solid #ccc;
	padding: 0.5em 1em;
	margin: 0;
}
legend {
	font-weight: bold;
}

/*
a.ajax { text-decoration: none; color: #333; }
a.ajax .link { text-decoration: underline; color: #00e; float: right; }
*/

.success { color: #090; }
.warning, .error { color: #f00; }





/**
 * Ajax Tree Lists
 */
.tree {
	height: 1%;
	border: 1px solid #29417B;
}
.treefilter {
	text-align: right;
	margin-bottom: 5px;
}
.treefilter label {
	font-weight: bold;
}
.treebody {
	display: block;
	width: 100%;
	height: 200px;
	overflow: auto;
}
.tree ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.treebody ul {
	background: url(../images/tb.gif) repeat left top;
}
.tree ul ul {
	background-image: none;
}
.tree li {
	line-height: 20px;
	white-space: nowrap;
}
.treehead li {
	background: #3C5FB3;
	border-bottom: 1px solid #333;
	padding: 0;
	font-weight: bold;
	color: white;
}
.treehead li span span {
	padding-left: 5px;
	border-right: 1px solid #29417B;
	margin-left: -1px;
	overflow: hidden;
}
.tree li span {
	padding: 0 5px;
}
.tree li {
	clear: both;
	margin: 0;
}
.treebody li {
	padding: 0 0 0 20px;
	background: url(../images/tvi.gif) no-repeat left top;
}
.treebody li.top {
	height: 1%;
	margin: 0; padding: 0;
	background-image: none;
}
.treebody li.last {
	background-image: url(../images/tvil.gif);
}
.tree span {
	display: table-cell;
	display: inline-block;
	height: 20px;
	margin-left: 0;
}
.treebody span span, .treehead span span {
	border: none;
	display: block;
	width: 100px;
	overflow: hidden;
}
.tree span span {
	text-align: right;
}
.tree span.title span {
	text-align: left;
	width: 260px;
}
.tree span.title {
	padding-left: 20px;
	overflow: hidden;
	text-align: left;
}

.treehead li span.title { padding-left: 5px }
.treehead li span.title span { width: 275px; }
.tree li li span.title span { width: 240px; }
.tree li li li span.title span { width: 220px; }
.tree li li li li span.title span { width: 200px; }
.tree li li li li li span.title span { width: 180px; }
.tree li li li li li li span.title span { width: 160px; }

.tree .cat { background: url(../images/tree-icons.gif) no-repeat left 0; }
.tree .prod { background: url(../images/tree-icons.gif) no-repeat left -20px; }
.tree .pay { background: url(../images/tree-icons.gif) no-repeat left -40px; }
/*
.tree .off { color: #999; }
.tree .off span.title { text-decoration: line-through; }
*/
.tree .err { color: #c00; }


.tree span.errors span {
	color: #c00;
	overflow: none;
	text-align: left;
	width: auto;
}

.tree a.hide, .tree a.show {
	float: left;
	margin-left: -20px;
	width: 20px;
	height: 16px;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/tree-hide.gif) no-repeat 0 2px;
}
.tree a.hide, .tree a.show {
	*float: none;
	*display: inline-block;
	*background-position: 0 1px;
}
.tree a.show {
	background-image: url(../images/tree-show.gif);
}

.tree a {
	color: #333;
	text-decoration: none;
}
.tree a:hover {
	text-decoration: underline;
}
.tree li.err a {
	color: #c00;
}
.tree li span.title span span, .tree li span.title span span span {
	display: inline;
	margin: 0; padding: 0;
	width: auto;
}
.tree span.count { color: #3c3; }
.tree span.count span { color: #090; }
.tree li.hide { display: none; }
.tree .filter { display: none; }
.tree li span.title .filter { display: none; }
.tree li a.filter { display: none; }
.tree li { color: #333; }

/**
 * Forms
 */
form {
	margin: 0;
	padding: 0;
}
form.db div {
	clear: left;
	display: block;
	margin: 0 5px 5px 142px;
}
form.db div.wide {
	margin: 0 5px 5px 5px;
}
form.db div div {
	clear: none;
	margin: 0;
}
form.db div label {
	display: block;
	position: absolute;
	width: 130px;
	margin-left: -142px;
	text-align: right;
}
form.db div.wide label {
	margin-left: -5px;
	position: relative;
}
form.db div.optional label, label.optional {
	font-weight: normal;
}
form.db div.required label, label.required {
	font-weight: bold;
}
/*
form.db div.fill input, form.db div.fill select, form.db div.fill textarea,
form.db div.wide input, form.db div.wide select, form.db div.wide textarea {
	width: 99%;
}
form.db div input, form.db div select, form.db div textarea {
	padding: 1px 3px;
}
*/
form.db div p.value {
	
}
form.db div small {
	display: block;
	font-size: 88%;
}

form.db div.edit { display: none; }
form.db .message { display: none; }

.faded { color: #999; }
.off { color: #999; }

div.filter {
	text-align: right;
}
div.filter label {
	font-weight: bold;
}

/*********** Tabs **************************/
.tabView {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0;
}

.tabView .tabHeader {
	margin: 0;
	padding: 0;
}

.tabView ul.right {
	float: right;
}

.tabView .tabHeader {
	list-style: none;
}

.tabView .tabHeader .tabContainer {
	float: left;
	margin-left: 0.3em;		/* Bit of air between each tab */
	margin-right: 0.3em;
}
.tabView .tabHeader .tabContainer .tab {
	background: url(../images/tab-header.gif) no-repeat top left;
	display: block;
	color: #eee;
	text-decoration: none;
}
.tabView .tabHeader .tabContainer .tab .tabInner {
	background: url(../images/tab-header-right.gif) no-repeat top right;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 2em;
	padding-right: 2em;
	display: block;
}
.tabView .tabHeader .tabContainer .tab a {
	color: white;
	text-decoration: none;
}

/* Enabled tab rollover */
.tabView .tabHeader .tabContainer a:hover {
	background-position: left -32px;
	color: #000;
}
.tabView .tabHeader .tabContainer a:hover .tabInner {
	background-position: right -32px;
}

/* Currently selected tab */
.tabView .tabHeader .tabContainer .current,
.tabView .tabHeader .tabContainer a.current:hover {
	font-weight: bold;
	background-position: left -64px;
	color: white;
}
.tabView .tabHeader .tabContainer .current .tabInner,
.tabView .tabHeader .tabContainer a.current:hover .tabInner {
	background-position: right -64px;
}

/* Disabled tab */
.tabView .tabHeader .tabContainer .disabled  {
	background-position: left -96px;
	color: #eee;
}

.tabView .tabHeader .tabContainer .disabled .tabInner {
	background-position: right -96px;
}

/* Content Area */
.tabView .tabContentSection {
	border: 1px solid #335198;
	clear: both;
	padding: 10px;
}

/* IE fix to remove space between the tab header and content blocks */
.tabHeader { height: 1%; }

/*********** Reviews ***********************/
.reviewScore {
	display: table-cell;
	display: inline-block;
	width: 100px;
	height: 20px;
	line-height: 20px;
	background: url(../images/stars.gif) repeat-x left top;
}
.reviewScore .score {
	height: 20px;
	background: url(../images/stars.gif) repeat-x left -20px;
	display: block;
}
.reviewScore .value {
	display: none;
}


/*********** ???? **************************/
/* Styles for filters like Time Tracker */

.header {
	font-weight: bold;
	background: #e9e9e9 url(../images/gradient.gif) repeat-x 0 100%;
	color: #333;
	padding: 0 7px;
	border: 1px solid #ddd;
	margin: 5px 0 0;
	padding: 0px;
}

.header h3 {margin: 4px;}

.insig { font-size: 80%; color: #555; }

div.header span.insig {
	float:right;
	text-align:right;
	display:block;
	margin-top: -17px;
}

.panel {
	background:  #f9f9f9;
	border: 1px solid #ccc;
	margin: 0 0 5px; 
	padding: 0 1px;
}

.panel form {
	margin-top: -10px;
	margin-bottom: -10px;
}






/*
div.events { border-left: 5px dotted #999; margin-left: 192px; }
*/
div.events { background: url(../images/comms/events-back.gif) repeat-y left top; }
div.eventContainer { padding: 1px; height: 1%; }
div.event {
	clear: both;
	width: 360px; margin-left: 12px;
	margin: 1.5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px;
}
div.inactive, div.deleted {
	margin-left: 192px;
}
div.event .tl, div.event .tr, div.event .bl, div.event .br {
	background: url(../images/comms/event-border-grey-c.gif) no-repeat;
}
div.event .t, div.event .b { background: url(../images/comms/event-border-grey-h.gif) repeat-x; }
div.event .l, div.event .r { background: url(../images/comms/event-border-grey-v.gif) repeat-y; }
div.event .tl, div.event .tr, div.event .bl, div.event .br,
div.event .t, div.event .b, div.event .l, div.event .r {
	padding: 0; margin: 0; overflow: hidden; height: 1%;
}
div.event .tl { background-position: left top; padding-left: 12px; position: relative; clear: both; }
div.event .tr { background-position: right top; padding-right: 16px; position: relative; }
div.event .bl { background-position: left bottom; padding-left: 12px; padding-top: 1px; position: relative; clear: both; }
div.event .br { background-position: right bottom;  padding-right: 16px; margin-top: -1px; position: relative; }
div.event .t { background-position: left top; height: 12px; }
div.event .b { background-position: left bottom; height: 16px; }
div.event .l { background-position: left top; padding-left: 12px; clear: both; }
div.event .r { background-position: right top; padding-right: 16px; }
div.event .c { background: #F7F7F7; padding-top: 1px; }

div.event .delay {
	float: left;
	margin-top: 50px;
	padding: 1px;
	text-align: center;
	line-height: 12px;
	width: 48px;
	position: relative;
	z-index: 1;
}
div.event .delay span, div.event .delay span input {
	display: block;
	text-align: center;
	font-size: 42px;
	line-height: 42px;
	padding: 1px;
}
div.event .delay span input {
	padding: 0;
	border: 1px inset #999;
	background: #F3F3F3;
	display: none;
}
div.movable { cursor: move; }
/*
div.event .content, div.event .icon { cursor: move; }
*/
div.event .icon {
	position: absolute;
	height: 64px; width: 64px;
	margin-left: -24px;
	margin-top: -5px;
	z-index: 1;
}
div.event .content {
	padding-left: 60px;
	position: relative;
	z-index: 0;
}
div.event div.edit {
	padding-left: 60px;
}
div.event .conditions {
	clear: both;
	text-align: right;
	margin: 0; padding: 0;
}
div.event .conditions div {
	text-align: left;
	clear: both;
}
div.event .conditions div p {
	margin: 0.5em 0; padding: 0;
	color: #999;
}
div.event h3, div.event h4, div.event p { height: 1%; }
div.event h3, div.event h4 { color: black; }
div.event h4 { margin-bottom: 0; padding-bottom: 0; }
div.event h3 { font-size: 120%; clear: right; }
div.event h4 { font-size: 100%; clear: right; }
div.event div.conditions div.icons {
	float: right;
}
div.event .conditions .icons p { float: left; padding: 0; margin: 0; }
div.event .conditions .icons a {
	display: block;
	float: left;
	width: 16px; height: 16px;
	overflow: hidden;
	margin-left: 8px;
}
div.event .conditions .icons a span { display: none; }
div.event .conditions .icons a.time { background: url(../images/comms/event-condition-time-icon.gif) no-repeat 0 0; }
div.event .conditions .icons a.day { background: url(../images/comms/event-condition-day-icon.gif) no-repeat 0 0; }
div.event .conditions .icons a.none { background-position: -16px 0; }

div.event .links { margin-top: 0; padding-top: 0; height: 16px; text-align: right; }
#dragHelper .links { display: none; }
div.event .links a {
	float: right;
	padding: 0 0 0 25px;
	font-size: 80%;
	line-height: 16px;
	color: #999;
	text-decoration: none;
}
div.event .links a.edit { background: url(../images/comms/event-edit-icon.gif) no-repeat 5px 0; }
div.event .links a.delete { background: url(../images/comms/event-delete-icon.gif) no-repeat 5px 0; }
div.event .links a.active { background: url(../images/comms/event-active-icon.gif) no-repeat 5px 0; }
div.inactive .links a.active { background: url(../images/comms/event-active-icon.gif) no-repeat 5px -16px; }
div.event .links a.ok { background: url(../images/comms/event-ok-cancel-icon.gif) no-repeat 5px 0; }
div.event .links a.cancel { background: url(../images/comms/event-ok-cancel-icon.gif) no-repeat 5px -16px; }
div.event .links a.revert { background: url(../images/comms/event-ok-cancel-icon.gif) no-repeat 5px -32px; }
div.event .links a.copy { background: url(../images/comms/event-copy-icon.gif) no-repeat 5px 0; }
div.event .links a:hover { color: black; text-decoration: underline; }
div.event form { padding: 0; margin: 0; }

div.events .links a.edit, div.events .links a.delete, div.events .links a.active { display: inline; }
div.events .links a.ok, div.events .links a.cancel, div.events .links a.revert { display: none; }
div.events .conditions { display: block; }
div.events div.edit .links a.edit, div.events div.edit .links a.delete, div.events div.edit .links a.active { display: none; }
div.events div.edit .links a.ok, div.events div.edit .links a.cancel, div.events div.edit .links a.revert { display: inline; }
div.events div.edit .conditions { display: none; }
div.events div.edit { width: auto !important; }
div.events div.new .links a.revert { display: none; }

div.events a.add {
	margin-top: 1.5em;
	display: block;
	line-height: 32px;
	height: 32px;
	margin-left: 164px;
	padding-left: 40px;
	background: url(../images/comms/event-add-icon.gif) no-repeat 0 0;
	width: 80px;
	white-space: nowrap;
	color: #999;
	text-decoration: none;
}
div.events a.add:hover {
	background-position: 0 -32px;
	color: #335198;
	text-decoration: underline;
}
div.inactive a.add { margin-left: -28px; }
div.events div.deleted a.add { display: none; }
div.events .sortableActive a.add, #dragHelper a.add { display: none; }
#dragHelper .typeSelect { display: none; }

/** Email Events **/
div.email .tl, div.email .tr, div.email .bl, div.email .br {
	background-image: url(../images/comms/event-border-blue-c.gif);
}
div.email .t, div.email .b { background-image: url(../images/comms/event-border-blue-h.gif); }
div.email .l, div.email .r { background-image: url(../images/comms/event-border-blue-v.gif); }
div.email .c { background: #E8E8FF; }
div.email .icon { background: url(../images/comms/event-email-icon.gif) no-repeat left top; }

/** Goto Events **/
div.goto .icon { background: url(../images/comms/event-goto-icon.gif) no-repeat left top; }

/** Event Type Selecteion **/
div.typeSelect { width: 300px; margin-left: 30px; }
div.typeSelect .tl, div.typeSelect .tr, div.typeSelect .bl, div.typeSelect .br,
div.deleted .tl, div.deleted .tr, div.deleted .bl, div.deleted .br {
	background-image: url(../images/comms/event-border-grey-c.gif);
}
div.typeSelect .t, div.typeSelect .b, div.deleted .t, div.deleted .b {
	background-image: url(../images/comms/event-border-grey-h.gif);
}
div.typeSelect .l, div.typeSelect .r, div.deleted .l, div.deleted .r {
	background-image: url(../images/comms/event-border-grey-v.gif);
}
div.typeSelect .c { background: #F7F7F7; color: #999; }
div.typeSelect div.c { text-align: center; }
div.typeSelect a.new, div.typeSelect a.cancel {
	color: #333; text-decoration: none;
	padding: 0 0 0 25px;
}
div.typeSelect a.new:hover, div.typeSelect a.cancel:hover {
	text-decoration: underline;
}
div.typeSelect a.new { background: url(../images/comms/event-ok-cancel-icon.gif) no-repeat 5px 0; }
div.typeSelect a.cancel { background: url(../images/comms/event-ok-cancel-icon.gif) no-repeat 5px -16px; }
div.inactive div.typeSelect { margin-left: -162px; }

/** Inactive/Deleted Events **/
div.inactive .tl, div.inactive .tr, div.inactive .bl, div.inactive .br,
div.deleted .tl, div.deleted .tr, div.deleted .bl, div.deleted .br {
	background-image: url(../images/comms/event-border-grey-c.gif);
}
div.inactive .t, div.inactive .b, div.deleted .t, div.deleted .b {
	background-image: url(../images/comms/event-border-grey-h.gif);
}
div.inactive .l, div.inactive .r, div.deleted .l, div.deleted .r {
	background-image: url(../images/comms/event-border-grey-v.gif);
}
div.inactive .c, div.deleted .c { background: #F7F7F7; color: #999; }
div.inactive .icon, div.deleted .icon { background-position: 0 -320px; }
div.inactive h1, div.inactive h2, div.inactive h3, div.inactive h4, div.inactive p,
div.deleted h1, div.deleted h2, div.deleted h3, div.deleted h4, div.deleted p { color: #999; }
div.deleted .content { background: url(../images/comms/event-delete.gif) no-repeat 60px center; }

table.daysOfWeek {
	border-collapse: collapse;
}
table.daysOfWeek td.weekDays a, table.daysOfWeek td.weekendDays a {
	display: block;
	font-size: 90%;
	color: blue;
	text-decoration: none;
}
table.daysOfWeek td.weekDay, table.daysOfWeek td.weekDays {
	background: white;
	border: 1px solid #ccc;
}
table.daysOfWeek td.weekendDay, table.daysOfWeek td.weekendDays {
	background: #eee;
	border: 1px solid #ccc;
}


/* can't just display: none; this otherwise the labels don't work in IE */

.eventTypes input { position: absolute; left: -5000px; }
.eventTypes ul { list-style: none; margin: 0; padding: 0; }
.eventTypes li { display: inline; }
.eventTypes label {
	display: -moz-inline-box;
	display: inline-block;
	padding: 64px 1em 0.5em 1em;
	width: 64px;
	text-align: center;
}
.eventTypes label span {
	display: block;
	width: 64px;
	text-align: center;
}
.eventTypes li.advanced { display: none; }
.eventTypes label.email { background: url(../images/comms/event-email-icon.gif) no-repeat center -320px; }
.eventTypes label.goto { background: url(../images/comms/event-goto-icon.gif) no-repeat center -320px; }
.eventTypes label.selected { background-position: center 0; font-weight: bold; }
.eventTypes .more {
	text-align: center;
	display: block; padding: 0 1em;
	font-size: 80%;
}




/*
.eventTypes ul {
	display: table;
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	white-space: nowrap;
}
.eventTypes li { display: table-cell; }
.eventTypes li label {
	width: auto;
	display: block;
	padding: 70px 1em 0.5em 1em;
	text-decoration: none;
	border: 1px solid #999;
}
* html .eventTypes li { float: left; }
* html .eventTypes li label { float: left; }
.eventTypes { clear: both; text-decoration: none; }
* html .eventTypes { display: inline-block; }
*/


div.sortableHelper { border: 4px dashed #999; background: white; }
.small { font-size: 80%; }


textarea.emailRecomendedWidth {
	width: 99%;
	background: white url(../images/comms/recomended-width.gif) repeat-y 42em 0;
}


.hide { display: none; }


/*********** Progress Bar ******************/
div.progressBar {
	border: 1px solid black;
	background-color: #d8d8ee;
}

div.progressBar div {
	background-color: #8af;	
}

/*********** Communications ****************/
.progressBar .commOnceOffActive {

}


a img { border: none; }
a * { cursor: pointer; }
li.bullet { list-style: url(../images/comms/bullet.gif); }
li.ok { list-style: url(../images/comms/ok.gif); }

/********************************* Shopping *********************************/

table.details {}
table.details th.group {
	text-align: left;
	font-weight: bold;
	background: url(../images/group-hr.gif) no-repeat left bottom;
	padding: 20px 5px 10px 5px;
}
table.details th.group a {
	float: right;
	font-weight: normal;
}
table.details a {
	color: #3C5FB3;
}
table.details a:hover {
	color: #000;
}
table.details tr.even {
	background-color: #EEE;
}
table.details td.money {
	text-align: right;
}
table.details td {
	padding: 0 5px;
	vertical-align: top;
}
table.details td.action {
	white-space: nowrap;
	text-align: right;
}
table.details td.footer {
	padding: 5px;
}

table.shopping-category-contents {
	width: 100%;
	border-collapse: collapse;
}

table.details .shopping-category a, table.details .shopping-product a {
	text-decoration: none;
}
table.details .shopping-category a:hover, table.details .shopping-product a:hover {
	text-decoration: underline;
}
.shopping-category {
	background: url(../icons/16x16/folder.gif) no-repeat left top;
	line-height: 16px;
	padding-left: 20px;
}
.shopping-category-inactive {
	background: url(../icons/16x16/folder-inactive.gif) no-repeat left top;
}
.shopping-product {
	background: url(../icons/16x16/package.gif) no-repeat left top;
	line-height: 16px;
	padding-left: 20px;
	margin: 0;
}
.shopping-product-inactive {
	background: url(../icons/16x16/package-inactive.gif) no-repeat left top;
}
p.shopping-product-more {
	padding: 0;
	margin: 4px 0 8px 20px;
	color: #666;
}

.shopping-category-tree, .shopping-category-tree ul {
	list-style: none; padding-left: 22px; margin-left: 0px;
}
.shopping-category-tree .stub {
	padding-left: 10px; overflow: hidden;
}
.shopping-category-tree .expand {
	background: url('../images/expand.gif') no-repeat left center;
}
.shopping-category-tree .collapse {
	background: url('../images/collapse.gif') no-repeat left center;
}
.shopping-category-tree .hover {
	background-color: #CCF;
}
#order-search td, #order-search th {
	text-align: left;
	vertical-align: top;
}
td#order-search-advanced-toggle, td#order-search-clear  {
	text-align: right;
}
.shopping-product-images { border-collapse: collapse; margin-top: 5px}
.default-image { background-color: #94A2C1; border: 3px dashed #335198; }




/********************************* Payment *********************************/
.invoice-business-details th {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
.invoice-business-details td, .invoice-business-details th {
	padding: 5px;
}
.invoice-delivery-address, .invoice-billing-address, .invoice-date-number {
	float: left;
	padding: 5px;
	border: 1px solid black;
	margin: 2px;
}
table.invoice-summary {
	border-collapse: collapse;
	width: 100%;
}
.invoice-summary td {
	padding: 5px;
	vertical-align: top;
}
.invoice-summary th {
	text-align: left;
	padding: 5px;
}
.invoice-summary tbody.invoice-line-items td {
	border-style: solid;
	border-color: black;
	border-width: 1px 0 1px 0;
}
.invoice-summary tr.invoice-sub-total {
	border-top: 2px solid black;
}
.invoice-summary tr.invoice-grand-total {
	border-style: solid;
	border-color: black;
	border-width: 2px 0 2px 0;
}
.invoice-total-title, .invoice-tax-title, .invoice-balance-title, .invoice-paid-title {
	font-weight: bold;
}
.invoice-tax {
	text-align: right;
}
span.invoice-email-address {
	text-decoration: none;
	background-color: transparent;
	border-color: black;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
}
.payment-csv {
	text-align: right;
	padding: 5px;
}
.payment-csv-result {
	display: none;
}
.payment-csv-loading {
	background: url(../images/spinner.gif) no-repeat left bottom;
	width: 16px;
	height: 16px;
}
.payment-csv div.progressBar {
	display: none;
	float: right;
	width: 220px;
}
.payment-csv div.progressBar div {
	float: left;
	text-align: center;
	font-weight: bold;
}
.cc-visa, .cc-mastercard, .cc-americanexpress, .cc-discover, .cc-dinersclub, .cc-maestro {
	width: 23px;
	height: 14px;
	float: left;
	text-indent: -9999px;
	margin: 2px;
}
.cc-visa { background: url(../icons/credit-card/visa.gif) no-repeat left bottom; }
.cc-mastercard { background: url(../icons/credit-card/mastercard.gif) no-repeat left bottom; }
.cc-americanexpress { background: url(../icons/credit-card/amex.gif) no-repeat left bottom; }
.cc-discover { background: url(../icons/credit-card/discover.gif) no-repeat left bottom; }
.cc-dinersclub { background: url(../icons/credit-card/dinersclub.gif) no-repeat left bottom; }
.cc-maestro { background: url(../icons/credit-card/maestro.gif) no-repeat left bottom; }

.cc-jcb, .cc-solo {
	width: 14px;
	height: 14px;
	float: left;
	text-indent: -9999px;
	margin: 2px;
}
.cc-jcb { background: url(../icons/credit-card/jcb.gif) no-repeat left bottom; }
.cc-solo { background: url(../icons/credit-card/solo.gif) no-repeat left bottom; }

table#payments-scheduled td { vertical-align: top; }
tr.payment-overdue td { background-color: #F4A2A2; }

/*tr.payment-updated td { background-color: #76E68C; }*/

#credit-cards div { clear: both; }
#credit-cards div input { float: left; }
#new-credit-card div, #new-payment div, #mark-as-paid-form  div { padding: 5px; }
#new-credit-card div label, #new-payment div label, #mark-as-paid-form label { width: 100px; float: left; font-weight: bold; }
#new-payment div label.inline-label { width: auto; float:none; font-weight: normal; }
#creditcard_dateDue { margin-left: 100px; }
#new-payment-method { padding-left: 30px; }
#save-box { float: right; width: 400px; text-align: right; padding: 10px;}
#save-box textarea { width: 400px; margin-bottom: 5px; padding: 5px;}

#new-payment-description { line-height: normal; font-size: 7pt; color: #aaa; font-weight: normal; }

#payments-scheduled-body a {
	text-decoration: none;
	color: black;
	background: url(../images/comms/event-edit-icon.gif) no-repeat left 0; 
	padding-left: 20px;
	display: block;
	width: 95%;
}

.ui-icon-loading { background: url('../images/ajax-loader.gif') no-repeat left center !important; width: 16px; height: 16px; }
#payments-scheduled-body a:hover {
	text-decoration: underline;
	background-position: left -16px;
}

.smart-labels .description  { display: none; }
.smart-labels textarea { color: #999; }
.smart-labels input.focused, .smart-labels textarea.focused { color: black; }

.field-changed { color: #76E68C; font-weight: bold; }
#payment-summary-comment label {
	font-weight: bold;
	float: right;
}
#payment-summary-comment textarea {
	float: right; 
	width: 400px;
	padding: 5px;
}

#payment-report-quicklinks { 
	float: right; width:100px;
	padding-left: 15px;
}

#payment-report-filter { 
	float: right; 
}


/************* Shopping Communication Module *************/
.commSettings { padding-left: 25px;}
.commSequenceUnselected li.odd, .commSequenceSelected li.odd {
    background-color: #f4f4f4;
}

.commSequenceList {
    height: 1%;
    border: 1px solid #29417B;
    display: block;
    width: 100%;
    height: 200px;
    overflow: auto;
}

.commSequenceSelected, .commSequenceUnselected {
    list-style: none;
    padding: 0;
    margin: 0;
}
.commSequenceUnselected {
    color: #666666;
}

/********************************* Notes Module *********************************/
.spinner { background: url('../images/spinner.gif') no-repeat; width: 16px; height: 16px; }
ul.notesList {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left: 0;
	padding-left: 0;
}
.notesList li.note {
	border:1px solid #E0E0E0;
	border-top: 0;
	padding:5px 0px 40px 150px;
	position:relative;
}
.notesList li .notesListHeader {
	font-size:85%;
	left:5px;
	min-height:40px;
	overflow:hidden;
	position:absolute;
	top:5px;
	width:115px;
}
.notesList li .noteReminder {
	font-size: 85%;
	width:120px;
	float: left;
	position: absolute;
	overflow: hidden;
	left: 5px;
}
.notesList li form textarea {
	width: 98%;
	height: 6em;
}
.notesList li.add {
	padding-left: 120px;
	border-top: 1px solid #E0E0E0;
}
.notesList li.nav {
	border: 1px solid #E0E0E0;
	border-top: 0;
	padding: 10px;
	clear: both;
	padding-left: 0;
}
.notesList li.nav .navPages .pages, .notesList li.nav .navPages .size  {
	padding: 10px;
	margin-left: 10px;
} 
.notesList li.nav .navPages .nav a, .notesList li.nav .navPages .nav .noLink, 
.notesList li.nav .navPages .size a, .notesList li.nav .navPages .size .noLink  {
	padding: 10px;
	border-right: 1px solid #E0E0E0;
}
.notesList li.empty {
	font-style: italic;
}
.notesList li.overdue, .notesListLegend .overdue {
	background-color: #f5e8e8;
}
.notesList li.due, .notesListLegend .due {
	background-color: #e1fae1;
}
.currentUser .username { font-weight: bold; }
.notesList li span.highlight {
	background-color: yellow;
}
.notesListLegend {
	border: 1px solid #E0E0E0;
	float: right;
}
.noteTitle { font-weight: bold; }
.noteEdit { width: 200px; display: inline;}
.reminderFilters { padding: 5px 0 0 30px; }
.reminderIcon { background: url('../icons/16x16/1day.png') no-repeat; padding-left: 18px;}
.reminderCompleteIcon { background: url('../icons/16x16/button_ok.png') no-repeat; padding-left: 18px;}

#remindersAlert {
	background: #FFF;
}
#remindersAlert div {
	margin: 0 35px;
	padding: 1px 0;
	font-size: 1em;
	background: #FFE640;
}
#remindersAlert div ul {
	padding: 12px 0;
	margin: 0;
	text-align: center;
	list-style-type: none;
}
#remindersAlert ul li {
	display: inline;
}
#remindersAlert .reminderToday {
	padding-right: 10px;
	border-right: 1px solid #666;
}
#remindersAlert .reminderOverdue {
	padding-left: 10px;
	border-left: 1px solid #666;
}
#remindersAlert a {
	color: #C00;
	font-weight: bold;
	text-decoration: none;
}
#remindersAlert strong {
	font-weight: normal;
}
#remindersAlert a:hover {
	text-decoration: underline;
}

@media print { .noPrint { display: none !important; } }