@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,700&display=swap');

/* Font override, make sure this matches Acton-reset.css */
html body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

/*Bootstrap override*/
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

input,
select,
textarea,
button {
  font-family: inherit;
}

/* Overrides of standard elements */

TABLE,
TR,
TD,
DIV,
TEXTAREA,
INPUT,
SELECT,
UL,
OL,
P {
  font-size: 11px;
}

HTML {
  height: 100%;
}

BODY {
  margin: 0px;
  padding: 0px;
  height: 100%;
}

A {
  color: #0000ff;
  text-decoration: underline;
}

A:hover {
  color: #0000ff;
  background-color: #e8f2fe;
  text-decoration: underline;
}

H1 {
  font-weight: bold;
  font-size: 18px;
  color: #2487ef;
  /*
		color:			#009FDB;
		color: 			#FF7706;
		*/
  margin: 0px;
  padding: 0px;
  display: inline;
}

H2 {
  font-weight: bold;
  font-size: 16px;
  color: #2487ef; /* #FF7706; */
  margin: 0px;
  padding: 0px;
  display: inline;
}

H3 {
  font-weight: bold;
  font-size: 16px;
  color: #2487ef;
  margin: 0px;
  padding: 0px;
  display: inline;
}

div#headerContents {
  font-size: 11px;
}
div#headerContents > a {
  font-size: 11px;
}
div#footerContents {
  font-size: 11px;
}
div#footerContents > a {
  font-size: 11px;
}

H4 {
  font-weight: bold;
  font-size: 14px;
  color: #2487ef; /* #009FDB; */
  margin: 0px;
  padding: 0px;
  display: inline;
}

/* Common styles */

.translated {
  text-decoration: line-through !important;
}

.link {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}

.link:hover {
  color: #0033cc;
  background-color: #ffff99;
  text-decoration: none;
}

.nobr {
  white-space: nowrap;
}

.bold {
  font-weight: bold;
}

.default {
  font-size: 11px;
  line-height: 1.3em;
}

.small {
  font-size: 9px;
}

.small:hover {
  font-size: 9px;
}

.medium {
  font-size: 11px;
  font-weight: normal;
}

.husky {
  font-size: 13px;
}

.big {
  font-size: 14px;
  font-weight: bold;
}

.bigger {
  font-size: 16px;
  font-weight: bold;
}

.huge {
  font-size: 18px;
  font-weight: bold;
}

.gigantic {
  font-size: 24px;
  font-weight: bold;
}

.shadow {
  background-color: #ececec;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
}

.pageHint {
  background-color: #ffffdd;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: justify;
}

.secHead {
  color: #000000;
  background-color: #ecfbc2;
  border: #cccccc solid 1px;

  /*
		color:				#000000;
		background-image:	url(image/fade_green.jpg);
		border-top:			#DDDDDD solid 1px;
		border-left:		#DDDDDD solid 1px;
		border-right:		#DDDDDD solid 1px;
		*/

  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.code {
  font-size: 12px;
}

.textBlock {
  padding-bottom: 1em;
}

.textCenter {
  text-align: center;
}

.posRelative {
  position: relative;
}

.displayBlock {
  display: block;
}

.ellipsed {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Alignment */

.fLeft {
  float: left;
}
.fRight {
  float: right;
}

.aCenter,
.textCenter {
  text-align: center;
}
.aLeft {
  text-align: left;
}
.aRight,
.right {
  text-align: right;
}

/* Input elements */

.buttonText {
  color: black;
  font-size: 11px;
  text-decoration: none;
}

.buttonText:hover {
  color: #ff3300;
  font-size: 11px;
  text-decoration: none;
}

.inputBorderFlat {
  border-style: none;
  border-left: #cccccc solid 1px;
  border-top: #cccccc solid 1px;
  border-right: #999999 solid 1px;
  border-bottom: #999999 solid 1px;
  font-size: 11px;
  color: #000000;
}

.inputBorderRound {
  border-style: none;
  border-left: #999999 solid 1px;
  border-top: #999999 solid 1px;
  border-right: #cccccc solid 1px;
  border-bottom: #cccccc solid 1px;
  font-size: 11px;
  color: #000000;
  padding: 5px;
  border-radius: 4px;
}

.inputUnderline {
  border-style: none;
  border-left: #ffffff solid 1px;
  border-right: #ffffff solid 1px;
  border-top: #ffffff solid 1px;
  border-bottom: #cccccc solid 1px;
  font-size: 11px;
  color: #000000;
}

/* Verbs */

.verb {
  padding-left: 5px;
  padding-right: 15px;
  cursor: pointer;
}

.verbText {
  color: #333333;
  text-decoration: none;
  white-space: nowrap;
}

.verbText:hover {
  color: #333333;
  text-decoration: underline;
  white-space: nowrap;
  background-color: #ffff99;
}

/* Modal sheets */

.modalSheet {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
}

.modalSheetDark {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #333333;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
}

.menuSheet {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #ff0000;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}

/* Busy */

.busyBox {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
  height: 100px;
  background-color: #ffffcc;
  border: #999999 solid 1px;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
}

.busyBox2 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
  height: 100px;
  z-index: 200;
}

/* 3D effects */

.white3D {
  font-weight: bold;
  color: #ffffff;
  white-space: nowrap;
  position: relative;
}

.white3D span {
  position: relative;
}

span.white3DShadow {
  color: #000000;
  white-space: nowrap;
  position: absolute;
  top: 1px;
  left: 1px;
}

/* Foregrounds */

.fgWhite {
  color: #ffffff;
}

.fgDarkGrey {
  color: #333333;
}

.fgGrey {
  color: #666666;
}

.fgLightGrey {
  color: #999999;
}

.fgBlue {
  color: #2880bb; /* #2880BB;	2487EF ?  #009FDB; ? */
}

.fgGreen {
  color: #7fc31b; /* #9BBB59; */
}

.fgOrange {
  color: #ff6600; /* #FF3300; #FF7706; */
}

.fgBlack {
  color: #000000;
}

.fgRed {
  color: #ff3300; /* #FF3300; #FF7706; */
}

.fgNavy {
  color: #0000cc;
}

/* Backgrounds */

.captionRow {
  background: url('image/msn/table_heading.png') repeat-x scroll left bottom transparent;
  text-align: left;
}

.bgGrey {
  background-color: #f2f2f2;
}

.bgLtGrey {
  background-color: #f8f8f8;
}

.bgLightGreyFade {
  background-image: url(image/fade_grey.jpg);
  background-repeat: repeat-x;
}

.bgBlue {
  background-color: #4096ee; /* #8DD8F8; */
}

.bgLightBlue {
  background-color: #d8eaf9;
}

.bgLightBlueFade {
  background-image: url(image/fade_light_blue.jpg);
  background-repeat: repeat-x;
}

.bgPaleBlue {
  background-color: #d3e2e9;
}

.bgGreen {
  background-color: #d1e39b;
}

.bgLightGreen {
  background-color: #ecfbc2;
}

.bgGreenFade {
  background-image: url(image/fade_green.jpg);
  background-repeat: repeat-x;
}

.bgYellow {
  background-color: #fff7c0;
}

.bgLightYellow {
  background-color: #ffffcc;
}

.bgGold {
  background-color: #f6bd0f;
}

/* Borders */

.tt {
  border-top: #cccccc dotted 1px;
}
.ll {
  border-left: #cccccc dotted 1px;
}
.bb {
  border-bottom: #cccccc dotted 1px;
}
.rr {
  border-right: #cccccc dotted 1px;
}

.t {
  border-top: #cccccc solid 1px;
}
.l {
  border-left: #cccccc solid 1px;
}
.b {
  border-bottom: #cccccc solid 1px;
  text-align: left;
}
.btr {
  border-bottom: #cccccc solid 1px;
}
.r {
  border-right: #cccccc solid 1px;
}

.t2 {
  border-top: #dddddd solid 1px;
}
.l2 {
  border-left: #dddddd solid 1px;
}
.b2 {
  border-bottom: #dddddd solid 1px;
}
.r2 {
  border-right: #dddddd solid 1px;
}

/* Box With Rounded Corners */

.module {
  border: 1px solid #ccc;
  background: url(image/aqua/module_background.gif) repeat-x bottom;
}
.module_tl {
  background: transparent url(image/aqua/module_tl.gif) no-repeat top left;
  position: relative;
  top: -1px;
  left: -1px;
}
.module_tr {
  background: transparent url(image/aqua/module_tr.gif) no-repeat top right;
  position: relative;
  right: -2px;
}
.module_bl {
  background: transparent url(image/aqua/module_bl.gif) no-repeat bottom left;
  position: relative;
  bottom: -2px;
  left: -2px;
}
.module_br {
  background: transparent url(image/aqua/module_br.gif) no-repeat bottom right;
  position: relative;
  right: -2px;
}

/* Bullet styles */

.expanded {
  background-image: url(image/9x9arrow-down-big.gif);
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 15px;
  cursor: pointer;
}

.collapsed {
  background-image: url(image/9x9arrow-next-big.gif);
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 15px;
  cursor: pointer;
}

.bookmark {
  background-image: url(image/external.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.checkYes {
  background-image: url(image/silk/tick.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.checkNo {
  background-image: url(image/silk/cross.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.pageDownload {
  background-image: url(image/arrow_download.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.listItem {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/11ring.gif) center left no-repeat;
}

.pageVisitor {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/16page_visitor.png) center left no-repeat;
}

.bullet_more {
  background-image: url(image/16dn.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.bullet_go {
  background-image: url(image/silk/bullet_go.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.bullet_error {
  background-image: url(image/16warning.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.bullet_checked {
  background-image: url(image/silk/tick.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.bullet_unchecked {
  background-image: url(image/16check-thin.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.bullet_email_html {
  background-image: url(image/env-closed.jpg);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.bullet_email_text {
  background-image: url(image/env-closed-bw.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.db_expanded {
  background-image: url(image/db-expanded.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.db_collapsed {
  background-image: url(image/db-collapsed.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.xDatabase {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/x-database.png) center left no-repeat;
}

.xGroup {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/x-group.png) center left no-repeat;
}

.calendar thead .title {
  /* Override def in calendar-system.css to fix defect 7570 */
  background: InactiveCaption !important;
}

/* Bullet styles based on silk icons */

.silkPencil {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/pencil.png) center left no-repeat;
}

.silkImageEdit {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/image_edit.png) center left no-repeat;
}

.silkDone {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/door_in.png) center left no-repeat;
}

.silkHelp {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/help.png) center left no-repeat;
}

.silkAdd {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/add.png) center left no-repeat;
}

.refresh {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/16refresh.png) center left no-repeat;
}
.silkDelete {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/delete.png) center left no-repeat;
}

.silkUp {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/arrow_up.png) center left no-repeat;
}

.silkDown {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/arrow_down.png) center left no-repeat;
}

.tag_blue_edit {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/tag_blue_edit.png) center left no-repeat;
}

.silkChooser {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/text_list_bullets.png) center left no-repeat;
}

.silkGroup {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/group.png) center left no-repeat;
}

.silkUser {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/user.png) center left no-repeat;
}

.silkUserAdd {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/user_add.png) center left no-repeat;
}

.silkPhoneSound {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/phone_sound.png) center left no-repeat;
}

.silkProgram {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/script.png) center left no-repeat;
}

.twitterVisitor {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/social/twitter.gif) center left no-repeat;
}

.silkCalendar {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/calendar.png) center left no-repeat;
}

.silkCalendarEdit {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/calendar_edit.png) center left no-repeat;
}

.silkCalendarAdd {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/calendar_add.png) center left no-repeat;
}

.silkCalendarDelete {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/calendar_delete.png) center left no-repeat;
}

.silkChartPie {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/chart_pie.png) center left no-repeat;
}

.silkChartBar {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/chart_bar.png) center left no-repeat;
}

.silkDatabase {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/database.png) center left no-repeat;
}

.silkDatabaseAdd {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/database_add.png) center left no-repeat;
}

.silkDatabaseSugar {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/database_sugar.gif) center left no-repeat;
}

.silkNsuite {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/nsuite_icon_logo_16_16.png) center left no-repeat;
}

.silkDatabaseMSDyn {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/database_msdynamics.gif) center left no-repeat;
}

.silkDatabaseSL {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/database_infor.gif) center left no-repeat;
}

.silkDatabaseSalesforce {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/database_salesforce.gif) center left no-repeat;
}

.silkDatabaseTable {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/database_table.png) center left no-repeat;
}

.silkDatabaseAdd {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/database_add.png) center left no-repeat;
}

.silkDatabaseEdit {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/database_edit.png) center left no-repeat;
}

.silkDatabaseDelete {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/database_delete.png) center left no-repeat;
}

.silkDatabaseGear {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/database_gear.png) center left no-repeat;
}

.silkDatabaseRefresh {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/database_refresh.png) center left no-repeat;
}

.silkDatabaseError {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/database_error.png) center left no-repeat;
}

.silkDatabaseSave {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/database_save.png) center left no-repeat;
}

.silkForm {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/application_form.png) center left no-repeat;
}
.silkBeta {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/beta-form.png) center left no-repeat;
}

.silkFormAdd {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/application_form_add.png) center left no-repeat;
}

.silkFormMagnify {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/application_form_magnify.png) center left no-repeat;
}

.silkEmail {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/email.png) center left no-repeat;
}

.silkEmailEdit {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/email_edit.png) center left no-repeat;
}

.silkEmailAdd {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/email_add.png) center left no-repeat;
}

.silkEmailDelete {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/email_delete.png) center left no-repeat;
}

.silkEmailGo {
  background-image: url(image/silk/email_go.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.silkCheck {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/16check-yes.gif) center left no-repeat;
}

.silkError {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  /* background:			url(image/silk/error.png) center left no-repeat; */
  background: url(image/16warning.gif) center left no-repeat;
}

.silkExclamation {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/exclamation.png) center left no-repeat;
}

.silkAccept {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/accept.png) center left no-repeat;
}

.silkCancel {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/cancel.png) center left no-repeat;
}

.silkKeyboard {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/keyboard.png) center left no-repeat;
}

.silkMouse {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/mouse.png) center left no-repeat;
}

.silkTextReplace {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/text_replace.png) center left no-repeat;
}

.silkFolder {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/folder.png) center left no-repeat;
}

.silkPageMagnify {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/page_white_magnify.png) center left no-repeat;
}

.silkPageEdit {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/page_white_edit.png) center left no-repeat;
}

.silkEmail,
.silkEmailEdit,
.silkPageEdit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 230px;
}

.silkPageAdd {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/page_white_add.png) center left no-repeat;
}

.silkPageDelete {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/page_white_delete.png) center left no-repeat;
}

.silkPageDownload {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/page_white_put.png) center left no-repeat;
}

.silkPageWhiteWorld {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/page_white_world.png) center left no-repeat;
}

.silkPageWhitePDF {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/page_white_acrobat.png) center left no-repeat;
}

.silkPageWhiteExcel {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/page_white_excel.png) center left no-repeat;
}

.silkPageWhiteWord {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/page_white_word.png) center left no-repeat;
}

.silkPageWhitePowerpoint {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/page_white_powerpoint.png) center left no-repeat;
}

.silkClock {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/clock.png) center left no-repeat;
}

.silkTable {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/table.png) center left no-repeat;
}

.silkWrench {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/wrench.png) center left no-repeat;
}

.silkWorld {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/world.png) center left no-repeat;
}

.silkWorldLink {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/world_link.png) center left no-repeat;
}

.silkWorldAdd {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/world_add.png) center left no-repeat;
}

.silkWorldDelete {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/world_delete.png) center left no-repeat;
}

.silkPageWorld {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/page_white_world.png) center left no-repeat;
}

.silkVcard {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/vcard.png) center left no-repeat;
}

.silkVcardAdd {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/vcard_add.png) center left no-repeat;
}

.silkTagRed {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/tag_red.png) center left no-repeat;
}

.silkCollapsed {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/next.gif) center left no-repeat;
}

.silkExpanded {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/down.gif) center left no-repeat;
}

.silkFilm {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(image/silk/film.png) center left no-repeat;
}

/* Tabs */

/* Apple Tabs */

.atabsCaption {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  position: relative;
}

.atabsCaption span {
  position: relative;
}

span.atabsCaptionShadow {
  color: #000000;
  white-space: nowrap;
  position: absolute;
  top: 1px;
  left: 1px;
}

/* Flat Tabs */

.sTabTextS {
  font-size: 11px;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}

.sTabTextS:hover {
  font-size: 11px;
  font-weight: bold;
  color: #0000ff;
  background-color: #e8f2fe;
  text-decoration: underline;
}

.sTabTextU {
  font-size: 11px;
  color: #333333;
  text-decoration: none;
}

.sTabTextU:hover {
  font-size: 11px;
  color: #0000ff;
  background-color: #e8f2fe;
  text-decoration: underline;
}

/*	Minimalistic Tabs */

.iTabTextS {
  font-size: 11px;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}

.iTabTextS:hover {
  font-size: 11px;
  font-weight: bold;
  color: #3366ff;
  background-color: #e8f2fe;
  text-decoration: none;
}

.iTabTextU {
  font-size: 11px;
  color: #666666;
  text-decoration: none;
}

.iTabTextU:hover {
  font-size: 11px;
  color: #3366ff;
  background-color: #e8f2fe;
  text-decoration: none;
}

.iTabBoxS {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 6px;
  background-image: url(image/arrow_tab_dot_blue.gif);
  background-position: bottom center;
  background-repeat: no-repeat;
}

.iTabBoxU {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 6px;
}

/*	Wizard Steps */

.stepTextS {
  font-size: 11px;
  color: #000000;
  text-decoration: none;
}

.stepTextS:hover {
  font-size: 11px;
  color: #3366ff;
  background-color: #e8f2fe;
  text-decoration: none;
}

.stepTextU {
  font-size: 11px;
  color: #666666;
  text-decoration: none;
}

.stepTextU:hover {
  font-size: 11px;
  color: #3366ff;
  background-color: #e8f2fe;
  text-decoration: none;
}

.stepBoxS {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  border-bottom: #73adec solid 4px;
}

.stepBoxU {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  border-bottom: transparent solid 4px;
}

/* Button */

.button {
  color: #000000;
  background-color: #f3f3f3;
  border-left: #dddddd solid 1px;
  border-top: #dddddd solid 1px;
  border-right: #cccccc solid 1px;
  border-bottom: #cccccc solid 1px;
  font-weight: bold;
  height: 23px;
  cursor: pointer;
}

.buttonSel {
  color: #000000;
  background-color: #dfeea3;
  border: #c6d880 solid 1px;
  font-weight: bold;
  height: 23px;
  cursor: pointer;
}

.button2 {
  background: url(image/fade_blue.jpg) top left repeat-x;
  border: #dddddd solid 1px;
  height: 23px;
  cursor: pointer;
}

.buttonSel2 {
  background-image: url(image/fade_green.jpg);
  border: #cccccc solid 1px;
  height: 23px;
  cursor: pointer;
}

.notkoButton {
  height: 23px;
  padding: 0px 0px 1px 0px;
  margin: 0 0 0 2px;
  border: #c2c2c2 solid 1px;
  background: #fdfdfd; /* Old browsers */
  background: -moz-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%); /* For Firefox (3.6 to 15) */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fdfdfd),
    color-stop(100%, #e6e6e6)
  ); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
  background: -ms-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%); /* IE10+ */
  background: linear-gradient(to bottom, #fdfdfd 0%, #e6e6e6 100%); /* W3C */
}

.notkoButton:hover {
  background: #e4f2d1; /* Old browsers */
  background: -moz-linear-gradient(top, #e4f2d1 0%, #dae8c7 100%); /* For Firefox (3.6 to 15) */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #e4f2d1),
    color-stop(100%, #dae8c7)
  ); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
  background: -ms-linear-gradient(top, #e4f2d1 0%, #dae8c7 100%); /* IE10+ */
  background: linear-gradient(to bottom, #e4f2d1 0%, #dae8c7 100%); /* W3C */
}

.notkoButton div,
.notkoButton span {
  padding-left: 26px;
  padding-right: 10px;
  background-repeat: no-repeat;
  background-position: 5px center;
}

.aoButton,
button {
  color: #000;
  overflow: visible;
  width: auto;
  border: 1px solid #cccccc;
  border-radius: 8px;
  line-height: 18px;
  padding: 0 10px 0 10px;
  margin: 0 0 0 2px;
  font-size: 11px;
  background-color: #ededed; /* #f6f6f6; */
  text-shadow: #ffffff 1px 1px;
  font-weight: normal;
  cursor: pointer;
  min-height: 22px;
  min-width: 22px;
  outline: none;
}

/* Icons */

.iconDatabaseRefresh {
  background-image: url(image/silk/database_refresh.png);
  background-repeat: no-repeat;
}

.iconCalendar {
  background-image: url(image/silk/calendar.png);
  background-repeat: no-repeat;
}

/* Table styles */

.cell {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.heading {
  /*
		background-image:		url(image/greyfade2_bgd.jpg);
		background-repeat: 		repeat-x;
		background-position: 	bottom left;
		*/

  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;

  background-color: #eeeeee;

  /*
		border-top:			#93A6B4 solid 1px;
		*/
  font-size: 10px;
  font-weight: bold;
}

.hCap {
  /*
		border-left:		#CAD5DB solid 1px;
		border-bottom:		#CAD5DB solid 1px;
		border-right:		#CAD5DB solid 1px;
		border-top:			#CAD5DB solid 1px;
		*/
  border: #cccccc solid 1px;
}

.hCapLeft {
  border-top: #cccccc solid 1px;
  border-left: #cccccc solid 1px;
  border-bottom: #cccccc solid 1px;
}

.hCapMid {
  border-top: #cccccc solid 1px;
  border-bottom: #cccccc solid 1px;
}

.hCapRight {
  border-top: #cccccc solid 1px;
  border-right: #cccccc solid 1px;
  border-bottom: #cccccc solid 1px;
}

.tHead {
  height: 23px;
  /*
		color: 				#146C7C;
		font-weight:		bold;
		*/
  background-color: #e7f0fb;

  /*
		background:			url(image/fade_blue_grey.gif);
		height:				20px;
		*/

  white-space: nowrap;
  border-top: #ffffff solid 1px;
  padding-left: 5px;
  padding-right: 10px;
}

.tCell {
  white-space: nowrap;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 10px;
}

/* Form fields */

.ffRequired {
  color: red;
}

.ffLabel {
  color: #999999;
  white-space: nowrap;
  text-align: right;
  padding-right: 5px;
}

.ffInput {
  border-style: none;
  border-left: #cccccc solid 1px;
  border-top: #cccccc solid 1px;
  border-right: #999999 solid 1px;
  border-bottom: #999999 solid 1px;
  height: 19px;
}

.ffInfo {
  color: #999999;
  white-space: nowrap;
  font-style: italic;
}

.formField {
  padding-top: 5px;
  padding-bottom: 5px;
}

.formFieldLabel {
  padding-bottom: 2px;
}

.formFieldText {
  height: 19px;
  border-style: none;
  border-left: #999999 solid 1px;
  border-top: #999999 solid 1px;
  border-right: #999999 solid 1px;
  border-bottom: #999999 solid 1px;
  font-size: 11px;
  color: #000000;
  background-color: #ffffff;
}

.formFieldRequired {
  background-image: url(image/silk/asterisk_yellow.png);
  background-repeat: no-repeat;
  background-position: -20px 0px;
}

.formFieldSection {
  color: #ff3300;
}

/* Logo */

.logo {
  width: 100px;
  height: 35px;
  background-image: url(image/logo-medium.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

.logoBeta {
  width: 150px;
  height: 40px;
  background-image: url(image/logo-medium-beta2.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

/* Left side menus */

.menuPage {
  margin: 0px;
  background-image: url('image/bluefade_h.jpg');
  background-position: top right;
  background-repeat: repeat-y;
}

.menuBgd {
  padding: 10px;
}

.menuTitle {
  background-image: url(image/greyfade2_bgd.jpg);
  background-repeat: repeat-x;
  background-position: bottom left;
  border: #cccccc solid 1px;
  font-weight: bold;
  font-size: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.menuRow {
  background-color: #ffffff;
  border-left: #cad5db solid 1px;
  border-right: #cad5db solid 1px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 11px;
}

.menuLink {
  color: #333333;
  text-decoration: none;
  font-size: 11px;
}

.menuLink:hover {
  color: #0000ff;
  text-decoration: none;
  font-size: 11px;
}

/* Pages */

.tabPage {
  margin: 0px;
  background-image: url(image/greyfade_bgd.jpg);
  background-repeat: repeat-x;
}

.topPageBody {
  border-left: #d1e39b solid 25px;
  border-right: #8dd8f8 solid 25px;
  border-top: #cccccc solid 1px;
  border-bottom: #cccccc solid 1px;
  margin: 0px;
  overflow: hidden;
}

.contentHeading {
  font-size: 11px;
  font-weight: bold;
}

/* Side Tabs */

.sidetabHeading {
  background-color: #ffffff;
  color: #009fdb;
  font-weight: bold;
  font-size: 18px;
  padding: 0px;
}

.sideTabHilight {
  border-top: #cccccc solid 1px;
  border-bottom: #cccccc solid 1px;
  border-left: #cccccc solid 1px;
  background-color: #eeeeee;
  color: #000000;
  font-weight: normal;
  padding: 5px;
  cursor: pointer;
}

.sideTabUnhilight {
  border-top: #ffffff solid 1px;
  border-bottom: #ffffff solid 1px;
  border-left: #ffffff solid 1px;
  background-color: #ffffff;
  color: #666666;
  font-weight: normal;
  padding: 5px;
  cursor: pointer;
}

/* Wizard Classes */

.wzTab {
  background-color: #eff2f3;
  color: #000000;
}

.wzTabSel {
  font-weight: bold;
  background-color: #eff2f3;
  color: #ffffff;
  background-image: url(image/msn/tab_on.gif);
}

/* Report Related */

.reportBlueBar {
  height: 12px;
  background-image: url(image/fade_blue_dark.jpg);
  background-repeat: repeat-x;
}

.reportBorder {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border: #cccccc dotted 1px;
}

.reportCaption {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  background-image: url(image/fade_blue.jpg);
  color: #333333;
  font-size: 9px;
  font-weight: bold;
}

.moveDropStyle {
  background-color: #c0f7ff;
  border: #dddddd solid 1px;
}

.moveDropHere {
  background-color: #ecfbc2; /*  #064089 3B5998 */
  background-image: url(image/prev_prev.png);
  background-repeat: no-repeat;
  background-position: center right;
}

.moveDragStyle {
  background-color: #fff7c0;
  border: #cccccc solid 1px;
}
.moreMenuItem {
  padding: 5px;
  padding-right: 5px;
  cursor: pointer;
}

/* Message Chooser */

.mce0 {
  background-image: url(image/down.gif);
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 15px;
  cursor: pointer;
}

.mcc0 {
  background-image: url(image/next.gif);
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 15px;
  cursor: pointer;
}

.mce1 {
  background-image: url(image/9x9arrow-down-big.gif);
  background-position: 15px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
  cursor: pointer;
}

.mcc1 {
  background-image: url(image/9x9arrow-next-big.gif);
  background-position: 15px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
  cursor: pointer;
}

.mce2 {
  background-image: url(image/down-sm.gif);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 17px;
  cursor: pointer;
}

.mcc2 {
  background-image: url(image/next-sm.gif);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 17px;
  cursor: pointer;
}

.mce2b {
  background-image: url(image/down-sm.gif);
  background-position: 13px 50%;
  background-repeat: no-repeat;
  padding-left: 25px;
  cursor: pointer;
}

.mcc2b {
  background-image: url(image/next-sm.gif);
  background-position: 13px 50%;
  background-repeat: no-repeat;
  padding-left: 25px;
  cursor: pointer;
}

/* Notifications */

#notificationStatusUpdate {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 40px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  display: none;
  z-index: 1000;
}

#notificationStatusUpdate.error {
  background: rgba(128, 13, 13, 0.5);
}

#notificationStatusUpdate button {
  vertical-align: middle;
  margin-left: 20px;
}

.iconNext {
  background-image: url(image/silk/resultset_next.png);
  height: 16px;
  width: 16px;
}
.iconPrevious {
  background-image: url(image/silk/resultset_previous.png);
  height: 16px;
  width: 15px;
}

/* Print-related styles */

.forprintonly {
  display: none;
}

@media print {
  .forprintonly {
    display: block;
  }
  .forscreenonly {
    display: none;
  }

  .printCenter {
    text-align: center;
  }

  h1 {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }

  h3 {
    text-align: left;
    border-top: solid 1px #ccc;
  }

  /* For Fusion Charts */

  [stroke-width='0.000001'] {
    stroke-width: 0;
  }
}

/* Spacing */

.t20px {
  padding-top: 20px;
}
.b20px {
  padding-bottom: 20px;
}
.l20px {
  padding-left: 20px;
}
.r20px {
  padding-right: 20px;
}

.t10px {
  padding-top: 10px;
}
.b10px {
  padding-bottom: 10px;
}
.l10px {
  padding-left: 10px;
}
.r10px {
  padding-right: 10px;
}

.b8px {
  padding-bottom: 8px;
}