/* HTML TAG STYLES */

BODY { margin: 0 0 0 0; padding: 0;  }

/* Set minimum page width (2nd line is for IE6 compat) */
body { min-width: 1000px; }
body.nowidth { min-width: 0; }

BODY { behavior:url("/_common/css/ie6hover.htc"); }
FORM { margin: 0 0 0 0; padding: 0; }
H1 { font-size: 12pt; font-weight: bold; margin-top: 0; font-family: Arial, Helvetica, sans-serif; text-align: center;}
H2 { font-size: 10pt; font-weight: bold; }
H3 { font-size: 10pt; font-weight: bold; text-decoration: underline; }
H4 { font-size: 8pt; font-weight: bold; }
HR { color: black; height: 1px; }
UL { list-style-type: square; }
a, a:link, a:visited { text-decoration: none; }
A:link, A:visited { color: #0000cc; }
A img { border: none; }
html, body, table, tr, td, input, select, textarea {
  font-size:8pt;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.float-left { float: left; }
.float-right { float: right; }
.clear-float { clear: both; }

input[type="text"].disabled, select.disabled {
  background-color: ThreeDFace;
}

.link-underline a {
  text-decoration: underline;
}
.link-hover a:hover {
  text-decoration: underline;
}

input.button    {
  background-color: #F4EFE2;
  color: #4C4B47;
  border: 1px outset #6A6A6A;
  font-weight: bold;
  padding: 0.25em;
  width:auto;
  overflow:visible;
}

.sentral_button    {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  margin: 0;
  padding: 0 5px;
  background: #B5C1C7 url('/_common/images/elements/sentral_button_bg.gif') 0 0 repeat-x;
  outline: none;
  border: 1px solid #505050;
  color: #505050;
  font-weight: bold;
  font-size: 9pt;
  height: 20px;
  cursor: pointer;
  width:auto;
  overflow:visible;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

input.sentral_button {
  padding-bottom: 5px;
}

a.sentral_button, a.sentral_button:link, a.sentral_button:visited, a.sentral_button:active, a.sentral_button:hover {
  height: 17px;
  padding-top: 1px;
  color: #505050;
}


/* Fieldset controls */
FIELDSET {
  display: block;
  margin-top:     0 !important;
  margin-bottom:  0 !important;
}
*>FIELDSET {
   /* Add a rounded border in Firefox, but not in Internet Explorer, as this
    will change the border style from rounded to square borders */

  border: 1px solid #cfcfc5;
  -moz-border-radius: 10px;
}
FIELDSET LEGEND {
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-bottom: 0.5em;

  color: #6085b2;
  font-weight: bold;
}
*>FIELDSET LEGEND {
  /* In Firefox, set the bottom margin to zero */
  margin-bottom: 0 !important;
  /* Default to a size that doesn't trigger the Firefox 1.5 rounding bug */
  font-size: 8pt;
}

/* ------------------------------------------------------------------- */

/***
 *** Common Sentral header
 ***/

/* Header background */
#sentral-header {
/*  background: url(/_common/images/header/sprites.png) repeat-x; */
  background: transparent url(/_common/images/header/sprites.png) repeat-x scroll 0 -231px;
  height: 70px;
}
#sentral-header.header-mysentral  { border-bottom: 4px solid #F09349; }
/*.header-mysentral #sentral-bar    { border-bottom: 2px solid #F09349; }*/
.header-mysentral #app_tagline, .header-mysentral #app_menu a,
.header-mysentral #app_menu a:link, .header-mysentral #app_menu a:visited {
  color: #D07329;
}

#sentral-header.header-admin      { border-bottom: 4px solid #967CB3; }
/*.header-admin #sentral-bar        { border-bottom: 2px solid #967CB3; }*/
.header-admin #app_tagline, .header-admin #app_menu a,
.header-admin #app_menu a:link, .header-admin #app_menu a:visited {
  color: #765C93;
}

#sentral-header.header-curriculum { border-bottom: 4px solid #6FA1B6; }
/*.header-curriculum #sentral-bar   { border-bottom: 2px solid #6FA1B6; }*/
.header-curriculum #app_tagline, .header-curriculum #app_menu a,
.header-curriculum #app_menu a:link, .header-curriculum #app_menu a:visited {
  color: #4F8196;
}

#sentral-header.header-attendance { border-bottom: 4px solid #B3C06E; }
/*.header-attendance #sentral-bar   { border-bottom: 2px solid #B3C06E; }*/
.header-attendance #app_tagline, .header-attendance #app_menu a,
.header-attendance #app_menu a:link, .header-attendance #app_menu a:visited {
  color: #93A04E;
}

#sentral-header.header-profiles   { border-bottom: 4px solid #ECB213; }
/*.header-profiles #sentral-bar      { border-bottom: 2px solid #ECB213; }*/
.header-profiles #app_tagline, .header-welfare #app_menu a,
.header-profiles #app_menu a:link, .header-profiles #app_menu a:visited {
  color: #CC9200;
}

#sentral-header.header-reporting  { border-bottom: 4px solid #C69769; }
/*.header-reporting #sentral-bar    { border-bottom: 2px solid #C69769; }*/
.header-reporting #app_tagline, .header-reporting #app_menu a,
.header-reporting #app_menu a:link, .header-reporting #app_menu a:visited {
  color: #A67749;
}

#sentral-header.header-help       { border-bottom: 4px solid #F09349; }
/*.header-help #sentral-bar         { border-bottom: 2px solid #F09349; }*/
.header-help #app_tagline, .header-help #app_menu a,
.header-help #app_menu a:link, .header-help #app_menu a:visited {
  color: #D07329;
}

/*
 * Sentral bar
 */
#sentral-bar {
  height: 24px;
  color: #efefef;
  text-align: center;
}

#sentral-bar-user a:link, #sentral-bar-user a:visited, #sentral-bar-user a:active {
  color: #FFFFFF;
  text-decoration: underline;
}

/* Module Name */
#sentral-bar-module {
  float: left;
}
#sentral-bar-module .padding { padding: 0 10px 0 2px; }

/* Divider */
#sentral-bar .bar-divider {
  width: 2px;
  height: 24px;
  background: transparent url(../images/header/sprites.png) no-repeat scroll -200px -450px;
}


/* Sentral Bar Navigation */
#sentral-bar-nav {
  width: 620px;
  margin: 0 auto;
}
#sentral-bar-nav ul {
  list-style: none;
  padding: 0 15px 0 0;
  margin: 0;
}
#sentral-bar-nav li {
  display: inline;
  float: left;
  margin: 0 2px;
  padding: 0;
}
#sentral-bar-nav a {
  line-height: 23px;
  padding: 0 8px 0 0;
  color: #e0e0e0;
  font-weight: bold;
}

#sentral-bar-nav a:hover {
  text-decoration: underline !important;
  color: #E79452;
}
#sentral-bar-nav li span {
  display: block;
  padding: 0 0 0 8px;
  float: left;
  height: 24px;
  cursor: pointer;
}
#sentral-bar-nav li.active a {
  padding: 0 15px 0 0;
}
#sentral-bar-nav li.active span {
  padding: 0 0 0 14px;
}
#sentral-bar-nav li.active {
  background: transparent url(../images/header/sprites.png) no-repeat scroll right -450px;
}
#sentral-bar-nav li.active span {
  background: transparent url(../images/header/sprites.png) no-repeat scroll 0 -450px;
}
#sentral-bar-nav li.active a {
  color: white;
}


/* User Menu */
#sentral-bar-user           { float: right; }
#sentral-bar-user .padding  { padding: 5px 8px; }
#sentral-bar-user img       { vertical-align: middle; }
#sentral-bar-user div#sentral-bar-user_container {
  display: none;
  padding-bottom: 15px;
  padding-left: 15px;

  z-index: 255;
  position: absolute;
  right: 0;
  top: 23px;
}
a#user_menu_notices {
  display: block;
  float: right;
  background: url(/_common/images/icons/symbols/notice16.png) no-repeat center;
  width: 16px;
  height: 14px;
  font-size: 7pt;
  padding-top: 2px;
  margin: 2px;
  margin-right: 4px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  color: white;
}

a#user_menu_notices:hover {
  color: white;
}

#sentral-bar-user ul {
  background-color: #000000;
  text-align: left;
  list-style: none;
  padding: 0;
  margin: 0;
  border-width: 2px;
  border-style: solid;
  border-color: #63676B #363A3F #363A3F #63676B;
}
#sentral-bar-user li.divider   { border-bottom: 1px dotted #888888; }
#sentral-bar-user li a         {
  display: block;
  background: transparent url(../images/header/sprites.png) no-repeat scroll 0 -145px;
  padding: 4px 8px;
}
#sentral-bar-user li a, #sentral-bar-user li a:link { color: #efefef; text-decoration: none !important; }
#sentral-bar-user li a:hover     {
  color: black;
  background: transparent url(../images/header/sprites.png) no-repeat scroll 0 -182px;
}

/* Set page minimum width */
#sentral-minwidth {
  width: 1000px;
  border: 1px solid red;
}

/* Application logo/header space */
#app_header {
  width: 100%;
  height: 25px;
  overflow: hidden;
}

#app_tagline {
  float: left;
  color: #FFE17A;
  margin: 0px 0 0 10px;
  font-size: 1.6em;
  padding-top: 2px;
}

/* Application menu */
#app_menu {
  padding: 0.25em 1em;
  color: #b6b6b6;
}
#app_menu a, #app_menu a:link, #app_menu a:visited {
  color: #FFD74D;
  font-weight: bold;
}
#app_menu a:hover {
  text-decoration: underline !important;
}

#app_headerbox {
  width: 260px;
  height: 38px;
  border-left: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  background: #FFFFFF url('/_common/images/header/msg_bg.png') no-repeat;
  overflow: hidden;
  position: absolute;
  right: 0px;
  padding-top: 5px;
  z-index: 8;
}

#app_headerbox_nostyle {
  height: 35px;
  float: right;
  overflow: hidden;
  position: absolute;
  right: 1px;
  padding-top: 5px;
}

/* Application sub-menu */
#app-submenu {
  background: transparent url(../images/header/sprites.png) repeat-x scroll 0 -70px;
  min-height: 20px;
}
/* IE6 min-height substitute */
* html #app-submenu {
  height: 20px;
}
#app-submenu .padding {
  padding: 0.5em 1em;
}
#app-submenu a, #app-submenu a:link, #app-submenu a:visited {
  font-weight: bold;
  color: #7f5c20;
  text-decoration: none;
}

/* Trial screen notification */
#notification-trial {
  background: transparent url(../images/header/sprites.png) repeat-x scroll 0 -180px;
  height: 25px;
  opacity: 0.5;
}
#notification-trial .padding { padding: 5px 10px; }
#notification-trial strong   { padding-left: 4px; }
#notification-trial-expiry   { float: left; }
#notification-trial img      { vertical-align: middle; }
#notification-trial-ordering {
  float: right;
  font-weight: bold;
}
#notification-trial-ordering a, #notification-trial-ordering a:link, #notification-trial-ordering a:visited {
  text-decoration: underline;
}

/* Licence overdue notification */
#notification-licence {
  background: transparent url(../images/header/sprites.png) repeat-x scroll 0 -205px;
  height: 25px;
  color: white;
  text-align: center;
  font-weight: bold;
}
#notification-licence .padding { padding: 5px 10px; }
#notification-licence a, #notification-licence a:link, #notification-licence a:visited {
  text-decoration: underline;
}

/* Header Shadow */
#header-shadow {
  background: transparent url(../images/header/sprites.png) repeat-x scroll 0 -100px;
  height: 10px;
}

#application_footer {
  clear: both;
}

#sentral-footer {
  clear: both;
  border-top: 1px solid #efefef;
  padding: 0.5em 1em;
  color: #d6d6d6;
  margin-top: 8em;
}
#sentral-footer #footer-sentral {
  font-weight: bold;
}
#sentral-footer #footer-info {
  float: right;
}

#footer {
  clear: both;
}

/* Content */
#content_top {
  height: 5px;
  font-size: 0;
  background: transparent url('/_common/images/header/sprites.png') repeat-x 0px -100px;
}


/* ------------------------------------------------------------------- */

/*
 * Modal Backdrop
 */
#modalBackdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 8;
  background-color: black;
}
#modalBackdropCentre {
  position: absolute;
  left: 50%;
  overflow: hidden;
  background-color: #ffffff;
}
#modalBackdropLoading {
  background: url(/_common/images/fx/backdrop_loading.gif) no-repeat center;
  height: 128px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}

/*******************
 * Modal Dialog v2 *
 *******************/
#modalDialog2 {
  background-color: white;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}
#modalDialog2Container {
}
#modalDialog2Banner {
  background: #f0f1f6 url('/_common/images/elements/header_modal.png') repeat-x center bottom;
}
#modalDialog2Heading {
  padding: 0.8em;
  font-size: 14pt;
  font-family: Tahoma, Times New Roman, serif;
  color: #538DB8;
}
#modalDialog2Content, #modalDialog2Saving {
  overflow: auto;
  height: 1em;
  width: 1em;
  padding: 0.5em 2em 2em 2em;
}
#modalDialog2Content a {
  text-decoration: none;
  color: #6290DC;
}
#modalDialog2Content a:hover {
  color: #FFB503;
}
#modalDialog2Content table {
  width: 95%;
}
#modalDialog2Content table th {
  text-align: left;
  width: 12em;
  padding-bottom: 1em;
}
#modalDialog2Content table td {
  vertical-align: top;
}

#modalDialog2Content table td input[type=text] {
  width: 95%;
}
#modalDialog2Content table td textarea {
  width: 95%;
}
#modalDialog2Footer {
  text-align: center;
  padding: 0.5em;
}
.modalDialog2Save, .modalDialog2Ok, .modalDialog2Cancel, .modalDialog2Delete, .modalDialog2Send, .modalDialog2Login,
.modalDialog2Next, .modalDialog2Previous, .modalDialog2Print, .modalDialog2Edit {
  width: 105px;
  height: 30px;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0 0 3px 0;
  overflow: hidden;
  cursor: pointer;
}
.modalDialog2Save {
  background: transparent url(/_common/images/fx/button_save_normal.gif) no-repeat center top;
}
.modalDialog2Ok {
  background: transparent url(/_common/images/fx/button_ok_normal.gif) no-repeat center top;
}
.modalDialog2Cancel {
  background: transparent url(/_common/images/fx/button_cancel_normal.gif) no-repeat center top;
}
.modalDialog2Delete {
  background: transparent url(/_common/images/fx/button_delete_normal.gif) no-repeat center top;
}
.modalDialog2Send {
  background: transparent url(/_common/images/fx/button_send_normal.gif) no-repeat center top;
}
.modalDialog2Login {
  background: transparent url(/_common/images/fx/button_login_normal.gif) no-repeat center top;
}
.modalDialog2Next {
  background: transparent url(/_common/images/fx/button_next_normal.gif) no-repeat center top;
}
.modalDialog2Previous {
  background: transparent url(/_common/images/fx/button_previous_normal.gif) no-repeat center top;
}
.modalDialog2NextSmall, .modalDialog2PreviousSmall {
  width: 34px;
  height: 25px;
  border: none;
  cursor: pointer;
}
.modalDialog2NextSmall {
  background: transparent url(/_common/images/fx/button_next_small.gif) no-repeat center top;
}
.modalDialog2PreviousSmall {
  background: transparent url(/_common/images/fx/button_previous_small.gif) no-repeat center top;
}
.modalDialog2Print {
  background: transparent url(/_common/images/fx/button_print_normal.gif) no-repeat center top;
}
.modalDialog2Edit {
  background: transparent url(/_common/images/fx/button_edit_normal.gif) no-repeat center top;
}
.modalDialog2None {
  display: none;
}

/*
 * Common Login Box
 */

.common_login_box {
  text-align: center;
  margin: 0 auto;
}

.common_login_header {
  background: url('/_common/images/elements/login_top.png') no-repeat;
  width: 441px;
  height: 45px;
  text-align: center;
}

.common_login_header_contents {
  color: white;
  padding-top: 5px;
}

.common_login_body {
  background: url('/_common/images/elements/login_bg.png') repeat-x;
  width: 427px;
  margin: 0;
  padding: 5px;
  border-left: 2px solid black;
  border-right: 2px solid black;
  text-align: left;
}

.common_login_logo {
  float: left;
  width: 150px;
  padding: 10px;
  text-align: center;
  font-size: smaller;
}

.common_login_licence {
  padding-top: 2px;
  text-align: right;
  font-size: smaller;
}

.common_login_licence span {
  height: 16px;
  padding: 0 5px;
  padding-bottom: 4px;
}
.common_login_licence img {
  vertical-align: middle !important;
}

.common_login_body table {
  margin-top: 10px;
  padding: 5px;
  border: 2px solid black;
  background-color: #B9CAC6;
}

.common_login_body input[type=text] {
  background: url('/_common/images/elements/inputbox_bg.png') white no-repeat;
  border: 1px solid gray;
  padding: 3px;
}

.common_login_body input[type=password] {
  background: url('/_common/images/elements/inputbox_bg.png') white no-repeat;
  border: 1px solid gray;
  padding: 3px;
}

.common_login_in_progress {
  height: 85px;
  padding-top: 3em;
  text-align: center;
}

.common_login_message {
  padding-top: 0.5em;
  text-align: center;
  color: red;
}

.common_login_clearer {
  clear: both;
}

.common_login_footer {
  background: url('/_common/images/elements/login_bottom.png') no-repeat;
  width: 441px;
  height: 28px;
  text-align: center;
}

.common_login_footer_contents {
  padding-top: 5px;
  color: black;
}

.clearer {
  clear: both;
}

.modalTab {
  border: 1px solid #9999DD;
  padding: 0.5em;
  cursor: pointer;
  margin-left: 4px;
}
.modalTabActive {
  border: 1px solid #9999DD;
  border-bottom: 1px solid white;
  padding: 0.5em;
  cursor: pointer;
  margin-left: 4px;
  background-color: #C5D4EE;
}
.modalTabContent {
  border: 1px solid #9999DD;
  padding: 0.5em;
  margin-top: 5px;
  width: 97%;
}


/********************
 * Multi Select Box *
 ********************/

.multiSelect {
  border: 1px solid #c0c0c0;
  background-color: Window;
  color: WindowText;
  list-style: none;
  overflow: auto;
}
.multiSelect, .multiSelect li { margin: 0; padding: 0; }
.multiSelect label {
  display: block;
  padding-left: 25px;
  text-indent: -25px;
  font-size: 8pt;
}
.multiSelect label:hover { background-color: #B6D5F8; color: white; }
.multiSelect input { width: 0.9em; height: 0.9em; vertical-align: middle; margin: 4px; }

.multiSelect li.row-even { background-color: #EFF9FF; }

.multi-select {
  display: inline-block;
  font-size: 11pt;
  padding: 0 2em;
  line-height: 2;
  border-width: 1px;
  border-style: solid;
  border-color: #C0C0C0;
  background-color: #F0F0F0;
  border-left-style: none;
  cursor: pointer;
  -moz-border-radius: 0.1px;
}

.multi-select img {
  vertical-align: text-bottom;
}


.multi-select:hover {
  border-color: #2C758F;
  background-color: #AFEAFF;
}

.multi-select.selected {
  border-color: #AF9936;
  background-color:  #FFF1AF;
}

.multi-select.selected:hover {
  border-color: #AF9936;
  background-color:  #FFF1AF;
}

.multi-select.first {
  border-left-style: solid;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}

.multi-select.last {
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}


/* Licence_Info Styles */

.bold {
  font-weight: bold;
}

.cursorHand {
  cursor: pointer;
}

div#licence_wrapper {
  width: 650px;
  margin: 0 auto;
}

div#licence_heading {
  text-align: center;
  margin-bottom: 10px;
}

div.licence_heading1 {
  font: bold 2.5em Verdana, Arial, sans-serif;
}

div.licence_options {
  float: left;
  width: 33%;
  text-align: center;
  padding-top: 10px;
  font: bold 1.4em Verdana, Arial, sans-serif;
}

.largeText {
  font-size: 1.4em;
}

.contentWrapper {
  border: 1px solid #c0c0c0;
}

/* infobox style
 * wrap all info boxes in the div #infobox-container
 */
#infobox-container {
	float: right;
	width: 260px;
	margin: 1em;
}
#infobox-container-left {
    float: left;
    width: 260px;
	margin: 1em;
}
.infobox {
  margin-bottom: 1.5em;
}
.infobox-header {
  background-image: url(/_common/images/elements/infobox.png);
  background-repeat: no-repeat;
  height: 32px;
  font-weight: bold;
  overflow: hidden;
  text-align: center;
  color: #45586F;
  font-size: 10pt;
}
.infobox-header div {
  padding-top: 5px;
}
.infobox-content {
  background-image: url(/_common/images/elements/infobox.png);
  background-repeat: repeat-y;
  background-position: -259px 0;
  padding: 0.5em 1em;
}

.infobox-content a.action {
  border-color: #F3F6FD;
}

.infobox-content a, .infobox-content a:link, .infobox-content a:active, .infobox-content a:visited, .infobox-content a:hover {
  text-decoration: none;
}

.infobox-footer {
  background-image: url(/_common/images/elements/infobox.png);
  background-repeat: no-repeat;
  background-position: 0px -34px;
  height: 7px
}
#infobox-maincontent {
  margin-right: 290px;
  margin-left: 20px;
  /*margin-top: 2em;*/
}
#infobox-maincontent-reverse {
  /* For when the infobox is floated on the opposite side */
  margin-left: 290px;
  margin-right: 20px;
  /*margin-top: 2em;*/
}
#infobox-maincontent-both { 
   margin-left: 290px;
  margin-right: 290px;
  /*margin-top: 2em;*/
}
/**************************
 * Information Containers *
 **************************/

.information_message, .error_message, .success_message,
  .small_information_message, .small_error_message,.small_success_message {
  border: 1px solid #C0C0C0;
  text-align: center;
  padding: 0 60px;
  margin: 1em auto;
  width: 30em;
}

.small_information_message, .small_error_message, .small_success_message {
  padding: 0 42px;
}

.information_message p, .error_message p, .success_message p {
  margin-top: 1em;
  margin-bottom: 1em;
}

.information_message, .error_message, .success_message {
  font-size: larger;
}

.information_message, .small_information_message {
  border-color: #EEEEBB;
  color: #BB9900;
}

.information_message {
  background: #FFFFEE url('/_common/images/icons/symbols/idea32.png') no-repeat scroll 15px 10px;
}

.small_information_message {
  background: #FFFFEE url('/_common/images/icons/symbols/idea24.png') no-repeat scroll 15px 5px;
}

.error_message, .small_error_message {
  border-color: #EEBBBB;
  color: #CC4444;
}

.error_message {
  background: #FFEEEE url('/_common/images/icons/symbols/stop32.png') no-repeat scroll 15px 10px;
}

.small_error_message {
  background: #FFEEEE url('/_common/images/icons/symbols/stop24.png') no-repeat scroll 15px 5px;
}

.success_message, .small_success_message {
  border-color: #BBEEBB;
  color: #116611;
}

.success_message {
  background: #EFFFEE url('/_common/images/icons/symbols/check32.png') no-repeat scroll 15px 10px;
}

.small_success_message {
  background: #EFFFEE url('/_common/images/icons/symbols/check24.png') no-repeat scroll 15px 5px;
}

/* Table Styles */
.sentral-table { border-collapse: collapse; width: 98%;}
.sentral-table caption { text-align: right; margin-bottom: 5px }
.sentral-table th { border: 1px solid silver; padding: 4px !important; font-size: 8pt; background-color: #e0e0e0; }
.sentral-table-l th { text-align: left; }
.sentral-table-c th { text-align: center; }
.sentral-table-tdc td { text-align: center; }
.sentral-table-r th { text-align: right; }
.sentral-table td { border: 1px solid silver; padding: 1px 5px; font-size: 8pt; }
.sentral-table ul { padding-left: 2em; margin-left: 0; }
.sentral-table li { margin-left: 0; text-indent: 0; }
.sentral-table input { margin-top: 0; margin-bottom: 0}
.sentral-table tr.row-highlight { background-color: #FFFFDD; }
.sentral-table tr.row-odd { background-color: #F7EFE4; }
.sentral-table tr.row-odd th { background-color: #d0d0d0; }
.sentral-table tr.row-even { background-color: #FFFFFF; }
.sentral-table tr.row-seperator { height: 5px; }
.sentral-table tr.row-disabled {
  background-color: #EEEEEE;
  color: #E0E0E0;
  font-style: italic;
}
.row-seperator td { padding: 0 0 0 0 !important; }

.sentral-table tr:hover td {
  background-color: #E7DFD4;
}


/* Nested Table Styles */
.nested_table {
  border: 0px solid #FFFFFF !important;
  padding: 0 !important;
}
.nested_table_tr:hover, .nested_table tr:hover, .nested_table td:hover {
  background-color: transparent !important;
  color: #000000 !important;
  cursor: auto !important;
}
.nested_table table {
  border-collapse: collapse;
}
.nested_table table tr {
  border: 0px solid #FFFFFF !important;
}
.nested_table table td {
  border-bottom: 0px solid #FFFFFF !important;
}

/* List table */
table.list {
    border: 1px #aaa solid;
    width: 99.5%;
    border-collapse: collapse;
}

table.nowidth {
    width: auto;
}

table.list A, table.list A:link, table.list A:visited { text-decoration: none; }
table.list a:hover, table.list A:active { text-decoration: underline; }

table.list tr { color: black; }
table.list tr.header { background: #ccc; }
table.list tr.footer { background: #ccc; }
table.list tr.odd  { background: #f9f9ff; }
table.list tr.even { background: #eaeaff; }
table.list tr.highlight { background: #fdd; }
table.list tr.urgent { background: #f00; }
table.list tr.disabled { background: #fdd; }
table.list tr.enabled { background: #dfd; }

table.list tr td {
    padding: 2px 1em 2px 1em;
    text-align: left;
    margin: 1px 0px;
}
table.list tr TH {
    text-align: center;
    font-weight: bold;
    padding: 2px 1em 2px 1em;
}

table.list tr.header TH { border-bottom: 1px #aaa solid; }
table.list tr.footer TH { border-top: 1px #aaa solid; }

table.list tr.new td { font-weight: bold; }
/*table.list tr.disabled td { font-weight: normal; color: #ddd; } */

table.list tr TH.small, table.list tr td.small {
    font-size: 80%;
    padding: 2px 0.2em;
}
table.list tr td.longtxt { overflow: hidden; white-space: nowrap; }
table.list tr td.shorttxt { text-align: left; white-space: nowrap; }
table.list tr td.shortnum { text-align: center; white-space: nowrap; }
table.list tr td.action { text-align: center; white-space: nowrap; }
table.list tr td.disabled { font-weight: normal; color: #ccc; }
table.list tr TH.checkbox, table.list tr td.checkbox {
    padding: 2px;
    width: 25px;
    text-align: center;
}
table.list tr TH.dropdown, table.list tr td.dropdown {
    padding: 0px;
    text-align: left;
}

table.list-grid tr td { border: 1px solid #aaa; }
table.list-grid tr.header TH { border: 1px solid black; }
table.list-grid tr.footer TH { border: 1px solid black; }


/*********************
 * AJAX AutoComplete *
 *********************/
div.autocompleter-loading {
  float: left;
  clear: right;
  background: #ffffff url(/_common/images/fx/autocomplete_spinner.gif) no-repeat center;
  width: 20px;
  height: 16px;
}
ul.autocompleter-choices {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #eee;
  background-color: white;
  border-right-color: #ddd;
  border-bottom-color: #dddddd;
  text-align: left;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  z-index: 50;
}

ul.autocompleter-choices li {
  position: relative;
  padding: 0.1em 1.5em 0.1em 1em;
  cursor: pointer;
  font-weight: normal;
  font-size: 1em;
}
ul.autocompleter-choices li.autocompleter-selected {
  background-color: #444444;
  color: #ffffff;
}
ul.autocompleter-choices span.autocompleter-queried {
  font-weight: bold;
}
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
  color: #9FCFFF;
}

/*************
 * Alert Box *
 *************/

.alertbox {
  width: 294px;
  margin: auto;
}

.alertbox_header {
  width: 294px;
  height: 54px;
  background: #728DB9 url(/_common/images/elements/alertbox_top.png) no-repeat center;
}

.alertbox_content {
  border: 2px solid black;
  padding: 1em;
  background: #FFFFFF url(/_common/images/elements/alertbox_bg.png) repeat-x top;
  font-size: 10pt;
}

.alertbox_footer {
  width: 294px;
  height: 11px;
  background: #728DB9 url(/_common/images/elements/alertbox_bottom.png) no-repeat center;

}

/*************
 * Exception *
 *************/

#exception_details {
  width: 700px;
  border: 2px solid black;
  margin: auto;
}

#exception_details .exception_header {
  border-bottom: 2px solid black;
  background-color: #3C609C;
  font-weight: bold;
  text-align: right;
  padding: 0.5em;
}

#exception_details .exception_header a {
 color: #FF6666;
}

/****************
 * Date Chooser *
 ****************/

.date_div {
  width: 80px;
  display: inline-block;
  border: 1px solid #E0E0E0;
  padding: 0 0.5em;
  text-align: right;
  vertical-align: bottom;
  zoom: 1;
  *display:inline;
}

.date_div img {
  cursor: pointer;
}

#date_chooser {
  position: absolute;
  text-align: center;
  width: 15em;
  border: 1px solid #E0E0E0;
  padding: 2px;
  background-color: #D0D0D0;
  z-index: 20;
}

#date_chooser div {
  padding: 2px;
}

#date_chooser #date_chooser_close {
 float: right;
 cursor: pointer;
 color: red;
 font-weight: bold;
}

#date_chooser table {
  text-align: center;
  width: 100%;
  border-collapse: collapse;
}

#date_chooser table th {
  border: 1px solid #E0E0E0;
  background-color: #F0F0FF;
}

#date_chooser table td {
  border: 1px solid #E0E0E0;
  background-color: #FFFFF0;
  cursor: pointer;
}

#date_chooser table td:hover {
  background-color: #3333FF;
  color: #AAAAFF;
}

#date_chooser table td.unused_date {
  border: 1px solid #E0E0E0;
  background-color: #F0F0F0;
  cursor: default;
}

#date_chooser table td.unused_date:hover {
  background-color: #F0F0F0;
  color: black;
}

/* Setup and Start Page CSS */
.setup-header {
  padding: 0 2px;
  color: #B69617;
  font-family: garamond, times new roman, serif;
  font-size: 11pt;
  height: 66px;
  padding-top: 24px;
  float: left;
  width: 120px;
  text-align: center;
  font-weight: bold;
  background: transparent url('/_common/images/elements/bg-header.gif') no-repeat;
}

div.setup-option {
  width: 64px;
  height: 72px;
  float: left;
  padding: 10px 8px 0 8px;
  text-align: center;
  background: transparent url('/_common/images/elements/bg-app.gif') no-repeat scroll top center;
  margin: 0 2px;
}

div.setup-option a {
  display: block;
  width: 64px;
  height: 70px;
  color: #375F69 !important;
  text-decoration: none;
}

div.setup-option a:hover {
  color: #FFB503 !important;
}

.setup-seperator {
  float: left;
  width: 99%;
}

/* Buttons */
div.menu_button {
  width: 400px;
  height: 100px;
  background: url('/_common/images/elements/menu_bg.png') no-repeat;
  margin: auto;
  font-size: 10pt;
}

div.menu_button a {
  width: 400px;
  height: 90px;
  display: block;
  padding-top: 10px;
  color: black;
  text-decoration: none;
}

div.menu_button a:hover {
  color: #997700;
}

div.menu_button img {
  float: left;
  margin: 20px;
  margin-top: 10px;
}

div.menu_button a .button_header {
  font-weight: bold;
  text-align: left;
  color: white;
  font-size: 14pt;
  line-height: 2em;
}

div.menu_button a:hover .button_header {
  color: #FFEE77;
}


/* Mini Button */
.minibutton {
  width: 150px;
  height: 38px;
  margin: auto;
  margin-bottom: 5px;
  text-align: center;
  background: url(/_common/images/elements/minibutton_bg.png) no-repeat;
  font-weight: bold;
}

.minibutton a {
  display: block;
  width: 150px;
  height: 33px;
  padding-top: 5px;
  color: black;
  font-weight: normal;
}

.minibutton a:hover {
  color: #997700;
}

.minibutton img {
  float: left;
  margin-top: 4px;
  margin-left: 10px;
}

.minibutton a .button_header {
  font-weight: bold;
  text-align: left;
}

.minibutton a:hover .button_header {
  color: #FFEE77;
}

/* Gradient DIV */
div.gradient {
  margin: 0 1em;
  border: 1px solid #99CC99;
  padding: 1em;
  margin-bottom: 2em;
  background: white url(/_common/images/elements/div_gradient.gif) repeat-x;
}

div.gradient_alt {
  margin: 0 1em;
  border: 1px solid #CCCCCC;
  padding: 1em;
  margin-bottom: 2em;
  background: white url(/_common/images/elements/div_gradient_alt.gif) repeat-x;
}


/********************
 * Navigation Tabs
 ********************/

.navtab-strip {
  padding-left: 5px;
  background: #FFFFFF url('/_common/images/elements/navtab-strip-bg.gif') repeat-x center bottom;
}

.navtab-strip .navtab-title a, .navtab-items a, .navtab-strip .navtab-title a:link, .navtab-items a:link,
  .navtab-strip .navtab-title a:active, .navtab-items a:active {
  color: #505050;
  font-weight: bold;
  text-decoration: none !important;
}

.navtab-strip .navtab-category-active .navtab-title a, .navtab-strip .navtab-category-active .navtab-title a:link,
  .navtab-strip .navtab-category-active .navtab-title a:active, .navtab-category-inactive:hover a {
  color: #FFFFFF;
}

.navtab-item-active, .navtab-item-inactive:hover a {
  color: #000000;
}

.navtab-strip table, .navtab-items table {
  border: 0px;
  border-spacing: 5px 0;
  padding: 0;
  margin: 0;
  border-collapse: separate;
}

.navtab-category-active, .navtab-category-inactive,
.navtab-item-active, .navtab-item-inactive {
  background-repeat: repeat-x;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  background-image: url('/_common/images/elements/navtab-bg.gif');
  vertical-align: middle;
}

.navtab-category-active, .navtab-category-inactive:hover { background-position: 0 -78px; }
.navtab-category-inactive { background-position: 0 -26px; }
.navtab-item-active, .navtab-item-inactive:hover { background-position: 0 -130px; }
.navtab-item-inactive { background-position: 0 -182px; }

.navtab-left, .navtab-right {
  height: 25px;
  width: 8px;
  background-image: url('/_common/images/elements/navtab-bg.gif');
  background-repeat: no-repeat;
}

.navtab-left { float: left; }
.navtab-right { float: left; }

.navtab-category-active .navtab-left, .navtab-category-inactive:hover .navtab-left { background-position: 0 -52px; }
.navtab-category-active .navtab-right, .navtab-category-inactive:hover .navtab-right { background-position: -17px -52px; }
.navtab-category-inactive .navtab-left { background-position: 0 0; }
.navtab-category-inactive .navtab-right { background-position: -17px 0px; }
.navtab-item-active .navtab-left, .navtab-item-inactive:hover .navtab-left { background-position: 0 -104px; }
.navtab-item-active .navtab-right, .navtab-item-inactive:hover .navtab-right { background-position: -17px -104px; }
.navtab-item-inactive .navtab-left { background-position: 0 -156px; }
.navtab-item-inactive .navtab-right { background-position: -17px -156px; }

.navtab-title {
  float: left;
  padding-top: 0.5em;
}

.navtab-items {
  font-weight: bold;
  padding: 5px 0 0 5px;
  background: #6F98BF url('/_common/images/elements/navtab-items-bg.gif') repeat-x center bottom;
  overflow: hidden;
}

.navtab-content {
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 1em;
  z-index: 2;
}

/*******************
 * Calendar Style
 *******************/
div.calendar {
  display: none;
  z-index: 20;
  position: absolute;
  left: 0;
  top: 0;
}

table.calendarTable {
  border: 2px solid gray;
  border-collapse: collapse;
  margin: 0.5em;
  font-size: 10px;
  text-align: center;
  font-family: arial;
  background-color: white;
  font-weight: normal;
}

table.calendarTable th {
  text-align: center;
  padding: 0.1em;
}

table.calendarTable td {
  margin: 1px;
  border: 1px solid gray;
  text-align: center;
  width: 1.7em;
  padding: 0.1em;
}

td.calendarHeader {
  background-color: #F5ECDB;
  text-align: right !important;
  padding-right: 0.5em;
}

td.calendarHeader a {
  color: gray !important;
  font-weight: bold;
  text-decoration: none;
}

td.calendarDay {
  cursor: pointer;
}

td.calendarUnused {
  background-color: #EEEEEE;
}

td.calendarSelectedDay {
  background-color: #88AAFF;
  cursor: pointer;
}

select.calendarMonths {
  font-size: 9px;
  font-weight: normal;
}

select.calendarYears {
  font-size: 9px;
  font-weight: normal;
}


/*
 * TaskButton Selectors
 */
div.taskbutton-selector {
  margin-left: 3em;
  margin-bottom: 2em;
}
div.taskbutton-selector-button:hover {
  color: #EFAC0E;
}
div.taskbutton-selector-button, div.taskbutton-selector-button-disabled, div.taskbutton-selector-button-active {
  border: 1px solid #e0e0e0;
  padding: 0.8em 1.6em;
  margin-bottom: 0.5em;
  -moz-border-radius: 4px;
  width: 400px;
  color: #251b7b;
  cursor: pointer;
  text-align: left;

  background: #f5f5f5 url(/_common/images/elements/taskbutton_selector_bg.png) repeat-x;
}
div.taskbutton-title {
  font-size: 11pt;
  font-weight: bold;
}

/* Selected task button */
div.taskbutton-selector-button-active {
  border-color: #5ca6d7;
  border-width: 1px;
  color: #5f65c5;
  background: #cfeaff url(/_common/images/elements/taskbutton_selector_active_bg.png) repeat-x;
}
div.taskbutton-selector-active div.taskbutton-title {
}
div.taskbutton-selector-active div.taskbutton-description {
}
div.taskbutton-selector-button div.taskbutton-content {
    display: none;
}
div.taskbutton-selector-button-active div.taskbutton-content {
    text-align: center;
    margin-top: 10px;
    display: block;
}

/* Disabled task button */
div.taskbutton-selector-button-disabled {
  color: #CCCCCC;
  background-color: #F9F9F9;
  cursor: default;
}
div.taskbutton-selector-disabled div.taskbutton-title {
}
div.taskbutton-selector-disabled div.taskbutton-description {
}

/* Tooltips */
.tip {
  font-family: Tahoma, Arial;
  background: rgb(50, 50, 50); /* fallback for browsers that don't support alpha */
  background: rgba(50, 50, 50, 0.9);
  width: auto;
  height: auto;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 3px 3px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 3px 3px rgba(50, 50, 50, 0.4);
  -webkit-box-shadow: 3px 3px rgba(50, 50, 50, 0.4);
}
.tip-title {
  color: #9fd4ff;
  font-weight: bold;
  padding: 1em 1em 0;
  text-align: center;
}
.tip-text {
  color: #ffffff;
  padding: 1em;
}

/***********************
 * Document Generation *
 ***********************/

#generate_document {
  background: transparent url('/_common/images/elements/generate_document_bg.png') no-repeat;
  width: 323px;
  height: 243px;
  margin: auto;
  text-align: center;
  margin-bottom: 1em;
  font-size: 10pt;
  padding: 0 40px;
}

#generate_document h2 {
  color: #000000;
  border: none;
  text-align: center;
  padding: 31px 0;
  margin: 0;
  font-size: 12pt;
}

#generate_document_loading img {
  padding: 12px;
  margin-bottom: 20px;
}

#generate_document_loaded img, #generate_document_error img, #generate_document_timeout img {
  padding: 2px;
  margin-bottom: 10px;
}

/* Sentral Options */
.sentral-options-selected {
  background-color: #EFF5FF;
  margin: 0 3px;
  padding: 0 3px;
  border: 1px solid #9FC4FF;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.sentral-options-selected a, .sentral-options-selected a:link, .sentral-options-selected a:active,
  .sentral-options-selected a:visited, .sentral-options-selected a:hover {
  text-decoration: none;
  color: #FF0000;
  font-weight: bold;
  font-family: Verdana;
  padding-left: 3px;
}

/*******************
 * QuickSearch Box *
 *******************/

.floatSearch {
  border: 1px solid #BBBBBB;
  border-top: 0;
  background-color: #FFFCED;
  padding: 0.5em 1em;
  width: 183px;
  text-align: left;
}

* html .floatSearch {
  clear: both;
}

.floatSearchCancel {
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  cursor: pointer;
}

.floatSearch table {
  border: none;
  border-collapse: collapse;
}

.floatSearchRow {
  cursor: pointer;
}

.floatSearchRow:hover, .floatSearchSelected {
  background-color: #E7DFD4;
}

.show_print_block, .show_print_inline, .show_print_table_cell{
    display: none;
}