﻿.clSTWMainBody {
  margin: 0px;
  background-color: #f5f5f5;
}

.clSTWMainBodyEmail {
  margin: 10px;
  background-color: #f5f5f5;
}

.clSTWMainBodyPrint {
  margin: 10px;
  background-color: #FFFFFF;
}

.clSTWMainBodyStart {
  margin: 10px;
  background-color: #f5f5f5;
}

.clStartLoadWrapper {
  border:0px solid #d7d0c0; align: absmiddle;
  background-color: #f5f5f5;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #000000
}

.clConfirmationWrapperEmail {
  border:1px solid #d7d0c0; align: absmiddle;
  width: 640;
  background-color: #f5f5f5;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #000000
}

.clConfirmationWrapperPrint {
  border:1px solid #d7d0c0; align: absmiddle;
  width: 640;
  background-color: #FFFFFF;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #000000
}

.clSTWEmailTop {
  width: 100%;
  border: 0px none;
  border-collapse: collapse; 
  background-color: #f5f5f5;
}

.clSTWHeader {
  border:0px solid #000000; position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50;
  width: 640;
  overflow: none;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #000000;
  cellspacing: 2;
  cellpadding: 5;
}

.clSTWHeaderTable {
  width: 100%;
  height: 50;
  border: 0px none;
  border-collapse: collapse; 
  background-color: #f5f5f5;
  background-color: #d7d0c0;
}

.clSTWHeadline {
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 18px;
  font-weight: bold;
  color: #172657;
  padding-left: 5px;
}

.clSTWTopNavigation {
  border-top:0px solid #000000; border-left:0px none #000000; border-right:0px none #000000; border-bottom:0px none #000000; 
  background-color: #f5f5f5;
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 30;
  width: 640;
  overflow: none;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #000000;
}

.clSTWTopNavigationTable {
  width: 100%;
  height: 30;
  border: 0px none;
  font-weight: bold;
  color: #F46600;
}

.clSTWTopNavigationTableEmail {
  width: 100%;
  border: 0px none;
  cellpadding: 0;
  font-weight: bold;
}

.clSTWTopNavigationTablePrint {
  width: 100%;
  border: 0px none;
  cellpadding: 0;
  font-weight: bold;
}

.clSTWBody {
  background-color: #f5f5f5;
  position: relative;
  left: 0;
  right: 0;
  width: 640;
  overflow: auto;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #000000;
  scrollbar-face-color: #E0D9BB;
  scrollbar-highlight-color: #E0D9BB;
  scrollbar-shadow-color: #E0D9BB;
  scrollbar-3dlight-color: #E0D9BB;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-track-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
}

.clSTWBodyTable {
  width: 100%;
  border: 0px none;
  cellpadding: 0;
}

.clSTWBodyCell {
  vertical-align: top;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 12px;
  color: #000000;
}

.clSTWBodyCellEmail {
  vertical-align: top;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 12px;
  color: #000000;
}

.clSTWBodyCellPrint {
  vertical-align: top;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 12px;
  color: #000000;
}

.clSTWNavigation {
  border:0px solid #000000; 
  background-color: #f5f5f5;
  position: relative;
  left: 0;
  right: 0;
  height: 39;
  width: 640;
  overflow: none;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #000000;
}

.clSTWNavigationTable {
  width: 100%;
  height: 39;
  border: 0px none;
  cellpadding: 0;
}

.clSTWNavigationCellLeft {
  align: left;
  valign: bottom;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 11px;
  color: #000000;
}

.clSTWNavigationCellRight {
  align: right;
  valign: top;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 11px;
  color: #172657;
  font-weight: bold;
  padding-right: 2px;
}

.clSTWButtonLeft {
	background-image: url(../buttons/btn_left.png);
    height: 24px;  
	width: 8px;
	position: relative;
}

.clSTWButtonLeftNav {
	background-image: url(../buttons/btn_left_nav.png);
    height: 24px;  
	width: 21px;
	position: relative;
}

.clSTWButtonMiddle {
	background-image: url(../buttons/btn_mid.png);
	font-family: Rokkitt, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	width: 35px;
	color: #FFFFFF;
	position: relative;
	text-align:center;
    text-transform: uppercase;
}

.clSTWButtonRight {
	background-image: url(../buttons/btn_right.png);
	height: 24px;  
	width: 8px;
	position: relative;
}

.clSTWButtonRightNav {
	background-image: url(../buttons/btn_right_nav.png);
	height: 24px;  
	width: 21px;
	position: relative;
}

.clSTWFooter {
  border-top:1px solid #d7d0c0; border-right:0px none #d7d0c0; border-left:0px none #d7d0c0; border-bottom:0px none #d7d0c0; 
  background-color: #767676;
  border-right-color:#626262; border-bottom-color:#626262; border-left-color:#626262; position: relative;
  left: 0;
  right: 0;
  height: 37;
  width: 640;
  overflow: none;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #FFFFFF;
}

.clSTWFooterTable {
  width: 100%;
  height: 35;
  border: 0px none;
  cellpadding: 0;
  celspacing: 0;
}

.clSTWFooterCellLeft {
  valign: top;
  width: 50%;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #FFFFFF;
}

.clSTWFooterCellRight {
  valign: top;
  width: 50%;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #FFFFFF;
  font-weight: bold;
  align: right;
  halign: right;
}

.clSTWHeadlineRight {
  width: 50%;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  align: right;
  halign: right;
}

.clSTWInputTable {
  background-color: transparant;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 12px;
  color: #000000;
  width: 100%;
  border: 0px none;
  cellpadding: 0
}

input {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  font-family: Rokkitt, Verdana, Arial, Helvetica, Garamond;
  color: #000000;
  border: 1px solid #999999;
  background-color: transparent;
  background-color: #FFFFFF;
}

.clSTWSubmitButton {
  border: 0px;
}

textarea {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  font-family: Rokkitt, Verdana, Arial, Helvetica, Garamond;
  color: #000000;
  border: 0px solid #999999; 
  background: #FFFFFF;
  overflow: none;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-track-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
}

.clSTWTR {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  font-family: Rokkitt, Verdana, Arial, Helvetica, Garamond;
  color: #000000;
  border: 0px solid #8697D6; 
}

.clSTWTR TD {
  border: 1px solid #E0D9BB;
  border-left: 0px;
  border-top: 0px;
}

.clSTWTblResultHeader {
  height: 18px;
  color: #FFFFFF;
  font-weight: bold;
  background-color: #767676;
}

.clSTWTblResultData {
  background-color: #f5f5f5;
}

.clSTWTblResultData TD input {
  height: 14px;
  border: 0px solid  #A3AFDF; 
  background-color: #f5f5f5;
  text-align: left;
  valign: absmiddle;
}

.clSTWTblResultTotal {
  color: #FFFFFF;
  font-weight: bold;
  text-align: right;
  background-color: #767676;
}

.clSTWTblFloatData {
  height: 18;
  text-align: right;
}

.clSTWTblIntegerData {
  text-align: center;
}

.clSTWTblResultData .clSTWEditCell {
  text-align: right;
  background-color: transparent;
  border: 0px solid  #FFFFFF;
}

.clSTWTblResultData .clSTWDeleteCell {
  text-align: right;
  background-color: transparent;
  border: 0px solid  #FFFFFF;
}

.clSTWTblResultHeader .clSTWEditCell {
  text-align: right;
  background-color: transparent;
  border: 0px solid  #FFFFFF;
}

.clSTWTblResultHeader .clSTWDeleteCell {
  text-align: right;
  background-color: transparent;
  border: 0px solid  #FFFFFF;
}

.clSTWTblResultTotal .clSTWEditCell {
  text-align: right;
  background-color: transparent;
  border: 0px solid  #FFFFFF;
}

.clSTWTblResultTotal .clSTWDeleteCell {
  text-align: right;
  background-color: transparent;
  border: 0px solid  #FFFFFF;
}

.clSTWTblHidden {
  background-color: transparent;
  border: 0px solid #000000;
}

.clSTWHelpHeader {
  border:0px solid #000000; position: relative;
  top: 0;
  left: 0;
  right: 0;
  height: 50;
  width: 250;
  overflow: none;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #000000
}

.clSTWHelpHeaderTable {
  width: 100%;
  height: 50;
  border: 0px none;
  cellpadding: 0;
  cellspacing: 0;
  background-image: url('../images/imgbghelpheader.jpg');
}

.clSTWHelpHeadline {
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 18px;
  font-weight: bold;
  color: #172657;
}

.clSTWHelpSubHeadline {
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

.clSTWHelpBody {
  border-top:1px solid #000000; border-left:0px none #000000; border-right:0px none #000000; border-bottom:0px none #000000; 
  background-color: #f5f5f5;
  background-attachment: fixed;
  background-image: url('../images/imgbghelpbody.jpg');
  background-repeat: no-repeat; 
  position: relative;
  top: 50;
  left: 0;
  right: 0;
  height: 400;
  width: 250;
  overflow: auto;
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #000000;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-3dlight-color: #f5f5f5;
  scrollbar-arrow-color: #E0D9BB;
  scrollbar-track-color: #f5f5f5;
  scrollbar-darkshadow-color: #E0D9BB
}

.clSTWHelpBodyTable {
  width: 100%;
  border: 0px none;
  cellpadding: 0;
  overflow: auto
}

.clSTWErrorMsg {
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #000000;
  border-style: solid;
  border: 3px solid #000000; 
  padding: 5;
  text-align: left;
  font-weight: bold;
  width: 100%;
}

.XclSTWErrorMsg a:link {
 color: #E0D9BB;
 text-decoration: none;
}

.XclSTWErrorMsg a:hover {
 color: #E0D9BB;
 text-decoration: underline;
}

.XclSTWErrorMsg a:visited {
 color: #E0D9BB;
 text-decoration: none;
}

.clSTWGeneralMsg {
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 12px;
  color: #000000;
  text-align: left;
  width: 100%;
}

.clSTWWaitMsg {
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 14px;
  color: #000000;
  text-align: center;
  font-weight: bold;
  width: 80%;
}

.clSTWHighlight {
  color: #FF0000;
  font-weight: bold;
}

.clSTWAccountDetails {
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 12px;
  color: #FFFFFF;
  vertical-align: top;
  font-weight: bold;
}

.clSTWAccountDetailsHigh {
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 12px;
  color: #FF0000;
  vertical-align: top;
  font-weight: bold;
}

.clSTWAccountAmount {
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 18px;
  color: #FFFFFF;
  vertical-align: center;
  text-align: right;
  font-weight: bold;
}

a:link {
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 12px;
  text-decoration: none;
  color: #F46600;
}

a:hover {
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 12px;
  text-decoration: underline;
  color: #F46600;
}

a:visited {
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 12px;
  text-decoration: none; 
  color: #F46600;
}

.clSTWTableLink a:link {
  color: navy;
  text-decoration: none;
}

.clSTWTableLink a:hover {
  color: navy;
  text-decoration: underline;
}

.clSTWTableLink a:visited {
  color: navy;
  text-decoration: none;
}

select {
  font-family: Rokkitt, Verdana, Arial, Helvetica;
  font-size: 12px;
  color: #000000;
}

input.image {
  border: 0px;
}

.clSTWRadioButton {
  border: 0px;
  background-color: transparent;
}

.clSTWTblResultData TD .clSTWRadioButton {
  border: 0px;
  background-color: transparent;
}

.clSTWCalBody {
 background-color: #f5f5f5;
}

.clSTWCalMainTable {
 background-color: #767676;
 font-family: Rokkitt, Verdana, Arial, Helvetica;
 font-size: 10px;
}

.clSTWCalWeekdayTitles {
 background-color: #f5f5f5;
 font-family: Rokkitt, Verdana, Arial, Helvetica;
 font-size: 11px;
 text-align: center;
 width: 14%
}

.clSTWCalWeekend {
 background-color: #f5f5f5;
 font-family: Rokkitt, Verdana, Arial, Helvetica;
 font-size: 10;
 text-align: center;
}

.clSTWCalYearMonthTitle {
 font-family: Rokkitt, Verdana, Arial, Helvetica;
 font-size: 12px;
 text-align: center;
 color: #FFFFFF;
}

.clSTWCalCurrentDate {
 color: #FFFFFF;
 background-color: #F46600;
 text-align: center;
}

.clSTWCalWorkingDays {
 background-color: #FFFFFF;
 color: #00FF00;
 text-align: center;
}

.clSTWCalDaysOfOtherMonth {
 color: #606060;
 font-family: Rokkitt, Verdana, Arial, Helvetica; 
 font-size: 10px;
}

.clSTWCalDaysOfCurrentMonth {
 color: #000000;
 font-family: Rokkitt, Verdana, Arial, Helvetica; 
 font-size: 10px;
}

.clSTWCalInvalidDates {
 color: #FF0000;
 font-family: Rokkitt, Verdana, Arial, Helvetica; 
 font-size: 10px;
}