body, input, select, td, textarea { font: normal 11px Arial, Verdana, Helvetica, sans-serif; }
th { font-size: 11px; font-weight: bold; padding: 4px 10px;	text-align:left; background-color: #cecece; }
label {	padding-right: 3px;	white-space: nowrap; }
h3 { color: #000; font-size: 14px; text-align: left; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* img, div, input, .iepngfix { behavior: url(/freedom_html/iepngfix.htc); } /* This gives support for PNG to IE6, see http://www.twinhelix.com/css/iepngfix/ */

.splashText, .splashHeader { text-align: left; }

#topnav { font-weight: bold; font-size: 13px; height: 32px; width: 100%; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/topnav_bg.jpg') repeat-x top left; overflow: hidden; min-width: 500px; }

#topnav .separatorLeft { background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/topnav_div.jpg') no-repeat top right; }
#topnav .separatorRight { background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/topnav_div.jpg') no-repeat top left; }
#topnav .help { display: block; padding: 8px 30px 6px 35px; color:#ffffff; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/help.jpg') no-repeat top left; }
#topnav .logout { display: block; padding: 8px 40px 6px 20px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/logout.jpg') no-repeat top right; color: #ffffff; white-space: nowrap; }
#topnav .colorButtons { width: 100px; padding-right: 30px; }
#topnav .button { float: right; height: 32px; width: 19px; }

#topnav .messageSeparator { float: left; height: 32px; width: 3px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/topnav_div.jpg') no-repeat top left; }
#topnav .messageLeft { float: left; height: 32px; width: 15px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/outputmessage_left.jpg') no-repeat top left; }
#topnav .messageCenter { float: left; height: 32px; padding: 8px 10px 0px 10px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/outputmessage_bg.jpg') repeat-x top left; white-space: nowrap; }
#topnav .messageRight { float: left; height: 32px; width: 3px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/outputmessage_right.jpg') no-repeat top right; }

#outputMsgContainer { float: left; }
#outputMsg { color: #6d892e; }

#topnav .left { float: left; height: 32px; }
#topnav .right { float: right; height: 32px; }

#topnav .blue_on a { display:block; height:32px; width:19px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/blue_on.jpg') no-repeat top left; }
#topnav .blue a { display:block; height:32px; width:19px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/blue_off.jpg') no-repeat top left; }
#topnav .blue a:hover { background-image: url('/freedom_html/common/v6_admin_graphics/shared/topnav/blue_glow.jpg'); }

#topnav .green_on a { display:block; height:32px; width:19px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/green_on.jpg') no-repeat top left; }
#topnav .green a { display:block; height:32px; width:19px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/green_off.jpg') no-repeat top left; }
#topnav .green a:hover { background-image: url('/freedom_html/common/v6_admin_graphics/shared/topnav/green_glow.jpg'); }

#topnav .orange_on a { display:block; height:32px; width:19px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/orange_on.jpg') no-repeat top left; }
#topnav .orange a { display:block; height:32px; width:19px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/orange_off.jpg') no-repeat top left; }
#topnav .orange a:hover { background-image: url('/freedom_html/common/v6_admin_graphics/shared/topnav/orange_glow.jpg'); }

#topnav .red_on a { display:block; height:32px; width:19px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/red_on.jpg') no-repeat top left; }
#topnav .red a { display:block; height:32px; width:19px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/red_off.jpg') no-repeat top left; }
#topnav .red a:hover { background-image: url('/freedom_html/common/v6_admin_graphics/shared/topnav/red_glow.jpg'); }

#topnav .purple_on a { display:block; height:32px; width:19px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/purple_on.jpg') no-repeat top left; }
#topnav .purple a { display:block; height:32px; width:19px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/purple_off.jpg') no-repeat top left; }
#topnav .purple a:hover { background-image: url('/freedom_html/common/v6_admin_graphics/shared/topnav/purple_glow.jpg'); }

#topnav .black_on a { display:block; height:32px; width:19px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/black_on.jpg') no-repeat top left; }
#topnav .black a { display:block; height:32px; width:19px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/black_off.jpg') no-repeat top left; }
#topnav .black a:hover { background-image: url('/freedom_html/common/v6_admin_graphics/shared/topnav/black_glow.jpg'); }

#topnav .white a { display:block; height:32px; width:19px; background: url('/freedom_html/common/v6_admin_graphics/shared/topnav/white_off.jpg') no-repeat top left; }
#topnav .white a:hover { background-image: url('/freedom_html/common/v6_admin_graphics/shared/topnav/white_glow.jpg'); }

#leftnav { width: 156px; }

#leftnav .module,         #leftnav .moduleActive { width: 161px; }
#leftnav .module a,       #leftnav .moduleActive a { display: block; padding: 7px 0px 7px 38px; background-position: 3px 3px; background-repeat: no-repeat; font: bold 11px Arial, Helvetica, sans-serif; text-align: left; }
#leftnav .module a:hover, #leftnav .moduleActive a:hover { text-decoration: none; }

#leftnav .moduleLink { width: 156px; }
#leftnav .moduleSeparator { width: 156px; height: 2px; }
#leftnav .moduleSeparator img { width: 156px; height: 2px; vertical-align: top; border: 0; }

/* Here is a CSS hack, html>body isn't recognized by IE, so any non-IE specific selectors should be preceeded by html>body */
.buttonAdminFrame { width: 80px; height: 28px; border: 0; display: inline; margin: 0px 3px; cursor: pointer; }
html>body .buttonAdminFrame { display: inline; display: inline-table; }  /* For non-IE browsers. */
.buttonMiddle { width: 100%; }
.button { width: 11; }

/* White facing button style*/
/* Here is a CSS hack, html>body isn't recognized by IE, so any non-IE specific selectors should be preceeded by html>body */
.buttonFrame { height:23px; border:0; display: inline; margin: 0px 3px; }
html>body .buttonFrame { height:23px; border:0; display: inline; display: inline-table; margin: 0px 3px; }  /* For non-IE browsers. */

/* NOTE: hiding the site title for now, uncomment the color if you want the title to show up again */
.siteTitle { padding-top: 10px; text-align: center; /* color: #e7e9e9; */ color: #3f434b; }

.prevnextButton { display: inline; display: inline-block; vertical-align: middle; }
.prevnextButton .middle { width: 20px; text-align: center; }
.prevnextOn { padding: 0px 5px;  display: inline; display: inline-block; }
.prevnextOff { padding: 0px 5px;  display: inline; display: inline-block; }

.prevnext { margin: 0px auto; }
.prevnext td { vertical-align: middle; }
.prevnext .prevPage { width: 100px; text-align: left; }
.prevnext .prev { width: 40px; text-align: left; }
.prevnext .pages { padding: 0px 10px; }
.prevnext .next { width: 40px; text-align: right; }
.prevnext .nextPage { width: 100px; text-align: right; }

.freedomAdminForm { padding: 10px 0px; background-color: #ffffff; border-left: 1px solid #b8bec5; border-right: 1px solid #b8bec5; }
.freedomAdminFormHeader { height: 9px; background: url('/freedom_html/common/v6_admin_graphics/shared/content/form_header_bg.jpg') repeat-x top left; border-bottom: 1px solid #8f959c; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; }
.freedomAdminFormFooter { width: 100%; background-color: #caccce; border-top: 1px solid #9db5cd; }

.freedomAdminTable .compress,
.freedomAdminTable .actionTH { width: 1px; white-space: nowrap; }
.freedomAdminTable .action { white-space: nowrap; padding-left: 10px; padding-right: 10px; font-weight: bold; }
.freedomAdminTable .selector { margin: 0; vertical-align: bottom; padding-left: 5px; }
.freedomAdminTable td { padding-left: 10px; padding-right: 10px; }
.freedomAdminTable .odd td { background-color: #ffffff; }
.freedomAdminTable .highlight td { background-color: #fbff92; }

.formTextHeading { font-size: 12px; font-weight: bold; padding: 3px; text-align: center; }
.formlabel { padding-left: 20px; text-align: right; }
.formtextRequired { padding-top: 2px; padding-right: 5px; font-weight: bold; }
.formtext { padding-top: 2px; padding-right: 5px; }
.formedit { padding: 0px 20px; width:100% }

.formButtons { margin: 0 auto; }

.contentFooter { text-align: center; background-color: #caccce; }
.contentHeader { text-align: center; background-color: #e8eaea; border-left: 1px solid #c3c6cd; border-right: 1px solid #c3c6cd; }
.contentDark   { padding: 0px 10px; background-color: #caccce; }
.contentLight  { background-color: #e8eaea; border-left: 1px solid #c3c6cd; border-right: 1px solid #c3c6cd; }
.contentPadding { padding: 10px 20px; }
.contentIndent { padding-left: 10px; }

.contentLight a:hover { text-decoration: none; }

.displayBox { padding: 10px 10px; }
.groupHeader td { color: #fff;  font-weight:bold; padding: 3px 5px; } 

.goToAssist { display: block; cursor: pointer; }

.historyLister { padding-top: 5px; }
.historyLister table { border:0; }

.classEdit textarea { white-space:pre; width:100%; }
.classDiv { padding:3px 0px; }

.formData { border:1px solid #aaa; width:100%; }
.formData td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; }

#commentHistory { padding: 10px 20px; }
#commentHistory table { background-color: #ffffff; border-collapse: collapse; border: 1px solid #e8eaea; }
#commentHistory th { background-color: #d2d2d2; }
#commentHistory .even { background-color: #e8eaea; }

.highlight { background-color: #ffffb8; }
.listerDate, .noWrap { white-space: nowrap; }

.searchInput { border: 0; text-decoration: none; outline-style: none; }

.errorMessage { font-weight: bold; color: red; }

.header, .headText { padding-left: 10px; }

.formProfileHeading { font-size: 12px; font-weight: bold; text-decoration: none; background-color: #ccc; padding: 5px 0 5px 5px; }
.formProfile { text-decoration: none; padding-left: 10px; padding-right: 5px; text-transform: capitalize; background-color: #ffffff; }
.formProfileDetail { text-decoration: none; padding-left: 10px; padding-right: 10px; empty-cells: show; background-color: #ffffff; }
.formTextFields { font-size: 12px; color: #000; }

.footerLogo { text-align: center; }
.copyright { text-align: center; color: #efefef; padding-bottom: 20px; font-size: 10px; }

#pleaseWait { visibility: visible; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
.pleaseWaitBackground { height: 100%; width: 100%; text-align: center; background-color: #2e5e84; }

.pleaseWaitBox { margin: 0px auto; border: 0; }
.pleaseWaitBox img { border: 0; vertical-align: top; }

.pleaseWaitBox .topLeft { height: 11px; width: 11px; background: url('/freedom_html/common/v6_admin_graphics/shared/login/top_left.png') repeat-y top left; }
.pleaseWaitBox .topCenter { height: 11px; color: #ffffff; background: url('/freedom_html/common/v6_admin_graphics/shared/login/top_middle.png') repeat-x top left; }
.pleaseWaitBox .topRight { height: 11px; width: 11px; background: url('/freedom_html/common/v6_admin_graphics/shared/login/top_right.png') repeat-y top left; }

.pleaseWaitBox .middleLeft { background: url('/freedom_html/common/v6_admin_graphics/shared/login/left.png') repeat-y top left; }
.pleaseWaitBox .middleCenter { font-size: 12px; font-weight: bold; background-color: #ffffff; text-align: center; padding: 10px; white-space: nowrap; }
.pleaseWaitBox .middleRight { background: url('/freedom_html/common/v6_admin_graphics/shared/login/right.png') repeat-y top left; }

.pleaseWaitBox .bottomLeft { width: 11px; height: 56px; background: url('/freedom_html/common/v6_admin_graphics/shared/login/bot_left.png') no-repeat top left; }
.pleaseWaitBox .bottomCenter { height: 56px; background: url('/freedom_html/common/v6_admin_graphics/shared/login/bot_middle.png') repeat-x top left; }
.pleaseWaitBox .bottomRight { width: 11px; height: 56px; background: url('/freedom_html/common/v6_admin_graphics/shared/login/bot_right.png') no-repeat top left; }

#workflowLegend .lightBlue { background-color: #f0fcfc; text-align: center; border: 1px solid #646464; }
#workflowLegend .lightYellow { background-color: #ffffe8; text-align: center; border: 1px solid #646464; }
#workflowLegend .lightGreen { background-color: #eaffea; text-align: center; border: 1px solid #646464; }
#workflowLegend .lightRed { background-color: #fff0f4; text-align: center; border: 1px solid #646464; }

.invalidSKU { background-color: #fff0f4; }
.duplicateSKU { background-color: #ffffe8; }

.loginText { font-size: 11px; font-weight: bold; padding-left: 5px; }

.directoryImage { background-color: #e7e9e9; }
.recurringEvent { background-color: #e7e9e9; }

.subtext { font-style: italic; color: #666666; }

#activity .content { float: left; padding: 5px 10px; white-space: nowrap; }
#activity .info { float: right; padding: 5px; }
#activity .border { clear: both; border-bottom: 1px solid #e8eaea; }
#activity .label { color: #7d818a; padding-right: 5px; }
#activity .date { color: #7d818a; border-bottom: 1px solid #7d818a; padding: 10px 0px 3px 0px; }
#activity .type { float: left; width: 45px; text-align: center; margin: 2px 2px; padding: 3px 8px; font-weight: bold; color: #ffffff; }
#activity .message { background-color: #334e7d; }
#activity .activity { background-color: #7a4a77; }
#activity .file { background-color: #588254; }

.message { padding: 3px 0px; }
.message .title { float: left; font-weight: bold; }
.message .info { float: right; }
.message .label { color: #7d818a; padding: 0px 5px; }
.message .border { clear: both; }

.todo { margin-bottom: 2px; border: 1px solid #8f959c; }
.todo .add { padding: 5px 5px 5px 15px; background-color: #eaffea; }
.todo .item { padding: 5px 5px 5px 15px; background-color: #f0f2f1; }
.todo .milestone { padding: 5px 5px 5px 10px; background-color: #caccce; }
.todo .header { padding: 5px; background-color: #ffffe8; }
.todo .info { float: right; }
.todo .description { float: left; }
.todo .border { clear: both; }

#todoList { padding: 5px 0px 20px 0px; }
#todoList .owner { font-weight: bold; color: #4d515c; padding-right: 5px; }
#todoList .header { font-weight: bold; font-size: 13px; border-bottom: 1px solid #000000; padding: 10px 0px 0px 0px; }
#todoList .item { float: left; height: 20px; white-space: nowrap; }
#todoList .info { float: right; height: 15px; padding-top: 5px; }
#todoList .border { clear: both; }
#todoList .label { color: #7d818a; padding-right: 5px; }

#completedList { padding: 5px 0px; }
#completedList .header { font-weight: bold; font-size: 13px; border-bottom: 1px solid #000000; padding: 10px 0px 0px 0px; }
#completedList .item { color: #7d818a; float: left; height: 20px; white-space: nowrap; }
#completedList .owner { font-weight: bold; }
#completedList .info { float: right; height: 15px; padding-top: 5px; }
#completedList .border { clear: both; }
#completedList .label { color: #7d818a; padding-right: 5px; } 

#projectsHeader .left { float: left; padding-left: 15px; }
#projectsHeader .right { float: right; padding-top: 5px; }
#projectsHeader .border { clear: both; }
#projectsHeader h1 { color: #0065b2; font-size: 15px; }
#projectsHeader h2 { color: #7d818a; font-size: 13px; }

.projectsDiv { padding: 10px; background-color: #eaf2fd; font-weight: bold; }

#projects .notes { padding: 5px; margin-bottom: 10px; }
#projects h1 { font-size: 11pt; color: #0065b2; margin: 0; padding: 0; }
#projects dl { margin: 0; padding: 0; }
#projects dd { margin: 0; padding-left: 20px; }

#wikiHelpText { display:none; padding: 10px 0px 10px 0px; }
#wikiHelpText table { width: 95%; border-left: 1px solid #cecece; border-right: 1px solid #cecece; }
#wikiHelpText td { padding-left: 5px; border-bottom: 1px solid #cecece; }

.tableDivs div { float: left; width: 200px; height: 20px; padding: 5px; margin: 0px 5px 0px 0px; white-space: nowrap; overflow: hidden; }

/* V6 NOTE: These should be deprecated with new v6 interface, however, listers displayed in white interface will still use these styles.
.freedomTable .action { white-space: nowrap; width: 1%; padding-left: 3px; padding-right: 3px; }
.freedomTable th { white-space: nowrap; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #999; border-bottom: 1px solid #999; background-image: url(/freedom_html/common/graphics/lister_top_bg.gif); background-repeat: repeat-x; background-position: top left; background-color: #e6e6e6; }
.freedomTable td { padding-left: 10px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.freedomTable { border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.freedomTable .subtext { font-style: italic; color: #777; }
.freedomTableRowOn  td { background-color: #e8edf4; }
.freedomTableRowOff td { background-color: #fff; }

/* Old Stuff */
.alignCenter { text-align: center; margin-left: auto; margin-right: auto; }
.cell { background-color: #ff3; }
.configValue { color: #000; font-weight: bold; }
.displayheader { margin: 0px; }
.lookupDisabled { background-color: #ddd; }
.toolbarText { font-weight: bold; }
.radioButtons { font-size: 12px; color: #000; height: 12px; }
.securityCrumb { font-size: 12px; }
.securityHighlight { color: #00f; font-weight: bold; }

.breadcrumbBold  { font-size: 9px; color: #ccc; text-decoration: none; font-weight: bold; }
.breadcrumbLight { font-size: 9px; color: #ccc; text-decoration: none; }

.buttonCenter { cursor: pointer; }
.buttonTextTD {	color: black; padding-left: 6px; vertical-align: middle; white-space: nowrap; }

.colortabHeader { font-size: 14px; font-weight: bold; padding-left: 10px; padding-right: 5px; }
.colortabBody { font-size: 11px; text-decoration: none; line-height: 14px; }
.colortabLink { font-size: 11px; font-weight: bold; text-decoration: none; padding-bottom: 3px; }
.colortabLink:hover { text-decoration: underline }

.documentIcon { vertical-align:bottom; border:0; height:16px; width:16px; padding-right:5px; }

.editorToolbar { width: 99%; border: 1px solid #999; margin-top: 3px; padding:2px; background-color: #d6d3ce; }
.editorButtonDisabled, .editorButtonSelected, .editorButtonNormal, .editorButtonOver, .editorButtonDown { width:18px; height:18px; padding:5px 8px; margin-left: 1px; }
.editorButtonNormal { border: 1px solid; cursor: default;  border-color: #d6d3ce; }
.editorButtonOver, .editorButtonDown { cursor: default; border: 1px solid #aaa; background-color:#fff; }
.editorSeparator { position: absolute; border-left: buttonshadow solid 1px; border-right: buttonhighlight solid 1px; font-size: 0px; top: 1px; height: 22px; width: 1px;  margin-left: 1px; }
.editorSeparatorLine { width:2px; height:20px; padding:0px 10px; margin-top:5px; vertical-align:top; }
.editorSearch { margin-left:7px; }
.editorSearch input {  vertical-align:top; margin-top:6px; margin-left:3px; }
.editorSearch img { border:0; cursor:pointer; vertical-align:top; margin-top:2px; } 

.filemanagerFile { color: #000; text-decoration: none; }
.filemanagerFile:hover { color: #000; text-decoration: underline; }
.filemanagerDir { text-decoration: none; font-weight: bold; }

.help { background-repeat: repeat-x; background-position: left top;	height: 17px; }
.helpTextTD { color: black; padding-left: 4px; padding-bottom:1px; vertical-align: top; white-space: nowrap; font-weight: bold; }
.helpCenter { cursor: pointer; width: 20px; }

.logout { background-repeat: repeat-x; background-position: left top; height: 20px; }
.logoutCenter { cursor: pointer; width: 80px; }
.logoutImageTD { text-align: left; }
.logoutTextTD  { text-align: left; color: white; padding: 0 10px 2px 8px; vertical-align: middle; white-space: nowrap; }

.menus { height: 2px; max-height: 2px; font-size: 2px; line-height: 2px; width: 178px; background-repeat: no-repeat; }
.menu { color: #000; background-color: #fff; text-decoration: none; font-size: 12px; }
.menu:hover { color: #000; background-color: #cedbef; text-decoration: none; }
.menuActive { padding: 5px; color: #000; background-color: #fff; font-weight: bolder; text-decoration: none; font-size: 12px; }
.menuActive:hover { color: #000; background-color: #cedbef; text-decoration: none; }
.menunav, .menunav:hover, .menunav:link { font-weight: bold; font-size: 13px; vertical-align: middle; cursor: pointer; text-decoration: none; }
.menuEdit { text-decoration: none; color: #b22222; }
.menuEdit:hover { text-decoration: underline; }
.menuReadonly {	font-size: 12px; text-decoration: none;	color: #a62929; }
.menuReadonlyHide { font-size: 12px; text-decoration: none; color: #862929; }
.menuItem, .menuItem2 {	font-size: 12px; color: #1c4cd6; text-decoration: none; }
.menuItem:hover, .menuItem2:hover { color: #1c4cd6; text-decoration: underline; }
.menuItemHide, .menuItem2Hide {	font-size: 12px; color: #aaa; text-decoration: none; }
.menuItemHide:hover, .menuItem2Hide:hover { color: #aaa; text-decoration: underline; }
.menuSelected {	font-size: 12px; text-decoration: none;	background-color: #1c4cd6; font-weight: bold; color: #fff; padding-right: 5px; }
.menuSelectedHide  { font-size: 12px; text-decoration: none; background-color: #ccc; font-style: italic; color: #fff; padding-right: 5px; }
.menuSelectedHide:hover, .menuSelected:hover { color: yellow; text-decoration: none; }
.menuChoice { font-size: 12px;	text-decoration: none;	color: #191970;	padding: 5px 20px 5px 80px; line-height: 200%; text-align: right; }
.menuChoice:link  { font-size: 12px; text-decoration: none; color: #191970; }
.menuChoice:hover { font-size: 12px; text-decoration: none; color: #fff; background-color: #6495ed; }

.newmenu { text-decoration: none; font-size: 11px; }
.newmenu:hover { text-decoration: none; }
.newmenuactive { text-decoration: none;	font-weight: bolder; font-size: 11px; }
.newmenuactive:hover { text-decoration: none; }

#copylink { background-color:#ececec; }

.pageTitle    { color: #fff; font-size: 16px; font-weight: bolder; }
.pageSubTitle { color: #000; font-size: 12px; font-weight: bold; }

.prevnextWindow { font-size: 12px; font-family: monospace; padding: 4px; }
.prevnextWindowArrow { font-weight: bold; }
.prevnextCurrent { font-size: 11px; font-weight: bold; padding:0px 2px; margin:0px 2px; border:1px solid gray; }

.terminal { font: normal 12px monospace; color: white; background-color: black; padding: 1px 20px; margin: 10px; }

/********** Javascript popup calendar for edit controls *************/
#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip:rect(0px 175px 145px 0px); height:145px; }
#freedom_calendar td {  color:#fff; font: normal 12px Arial,Helvetica,Sans-serif; }
#freedom_calendar select.month { color: #000; width: 85px; }
#freedom_calendar input.year { color: #000; width: 30px; }
#freedom_calendar td.calDaysColor { color: #fff; background-color: #000; font-size:11px; }
#freedom_calendar td.calWeekend { color: #000; background-color: #192d4c; }
#freedom_calendar td.calBgColor { color: #fff; background-color: #d3d3d3; }
#freedom_calendar .calBorderColor { color: #000; background-color: #a9a9a9; }
#freedom_calendar td.calHighlightColor { color: #000; background-color: #ffc; }
#freedom_calendar a.calHighlightColor { color: #000; background-color: #ffc; }
#freedom_calendar a.cal { color: #fff; text-decoration: none; }  
#freedom_calendar a.cal:Hover { color: #000; background-color:#fff; padding:1px; text-decoration: none; } 
.disabled { color: #808080; text-decoration: none; }  
.butClass { border: 1px solid; border-color: #d6d3ce; }
.tdClass { padding-left: 3px; }

/********** Styles for statistics **********/
.statisticReports { font-weight: normal; font-size: 16pt; }
.stepsTitles { font-size: 17px; font-weight: bold; color: #000; padding-left: 5px; }
.stepsTitlesGray { font-size: 17px; font-weight: bold; color: #989898; }
.statisticsCombo { font-weight: bold; font-size: 10pt; color: #192d4c; background-color: #b5c3d8; } 
.statisticsText { font-weight: bold; font-size: 10pt; color: #585858; padding-left: 20px; }
.statisticsDate { font-weight: bold; font-size: 7pt; color: #333; }
.rangeText { font-weight: bold; font-size: 8pt; color: #333; padding-right: 5px; padding-left: 15px; }
.summaryText { font-weight: bold; font-size: 8pt; color: #333; padding-left: 20px; }
.summaryNumber { font-weight: bold; font-size: 8pt; color: #333; text-align: right; padding-right:20px; }
.rowBlue1 { background-color:#dee5ef; vertical-align: middle; height: 25px; }
.rowBlue2 { background-color:#f6f6f6; vertical-align: middle; height: 25px; }
.rowGray { background-color:#ddd; height: 10px; }
.statisticsData { border: 0; width: 100%; height: 300px }
.statisticsData td { font-size:0px; line-height:0px; }

/********** Styles for bar graph **********/
.tic { padding-left: 4px; height: 30px; }
.ticBottom { padding-left: 4px; height: 17px; }
.ticText { color: #585858; font-size: 8px; font-weight: bold; text-align: right; }
.graphNumbers { font-weight: bold; color: #585858; }
.graphBottom { color: #333; font-size: 8px; font-weight: bold; text-align: center; }
.graphBottomTic { padding-right: 4px; }
.graphLine { text-align: center; }
.graphTitle { font-weight: bold; font-size: 13px; color: #585858; }
.graphDate { font-weight: bold; font-size: 9px; color: #333; }
.buttonLink { font-size: 8pt; color: #0065aa; text-decoration: none; }
.buttonLink:hover { color: #990000; text-decoration: underline; }
.toolTipLeft { color: #585858; font-weight: bold; padding-top: 1px; text-align: center; }
.toolTipRight { color: #585858; font-weight: bold; padding-top: 6px; text-align: center; }

/********** Styles for RBT invoices **********/
.invoiceTable { border-collapse: collapse; }
.invoiceTable td { color: #000; background-color: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #999; text-align: left; white-space: nowrap; empty-cells: show; padding: 1px 5px; }
.invoiceRowOdd td { background-color: #f4f4f4; }
.invoiceRowEven td { background-color: #fff; }
.invoiceRowTotal td { background-color: #cecece; font-weight: bold; }