body {
  margin:0px auto;
  text-align:left;
  font-size:8pt;
  line-height:18px;
  background:#fff;
  color:#3b3b3b;
  font-family:Arial, Verdana;
}

.site {width:860px;}
.mainGraph {width:95%;height:200px;float:left;margin-right:10px;}
.graphLegend {float:right;margin-top:4px;}
#clb-list .userList {background:#f1f1f1;border:solid 1px #e5e5e5;margin-bottom:10px;padding:7px;}
#clb-list .userList .uName {font:bold 9pt Tahoma;color:#000;padding-bottom:10px;}
#clb-list .userList .msg {font:8pt Tahoma;color:#000;padding-bottom:10px;}
#clb-list .userList .pTime {font:7pt Tahoma;color:#808080;padding-bottom:5px;}
#clb-list .addNewmsg {text-align:right;font:bold 8pt Tahoma;}
.userWelcome {font:bold 11pt arial;color:#21A72C;}
.uForm {border:solid 1px #ccc;background:#EBEBEB;}
.nm {font-size:9pt;color:#21A72C;}
.logout a {color:#FC5E04;}

img.backBtn {cursor:pointer;margin:0px !important;padding:0px !important;}
.memHead {background:#ddd;font:bold 10pt Tahoma;color:#000;padding:4px;}

p {font-size:8pt;font-family:Arial, Verdana;line-height:18px;}

img {border:0px none;padding:0px;margin:0px;}
form {margin:0px;}
.red {font-size:8pt;color:#c00;}

.tbHead {
  font:bold 8pt Verdana;color:#333;
  background:#ccc;
}

.inputFld {background:#fff;border:solid 1px #ccc;padding-left:2px;font-size:8pt;}
.submitButton {background:#535353;border:solid 1px #000;color:#fff;font-size:8pt;padding:2px;}

.loginTbl {
  background: url(images/login-bg.gif) top left no-repeat;
  height:122px;
  padding-top:12px;
}

.csiCustomerLogin {
  background: url(images/loginBg.gif) top left no-repeat;
  height:160px;
  padding-top:12px;
}

.csiCustomerLogin a {font-size:7pt;}
  
#club2000_flash {
  height:240px;
  margin:0px auto;
  position:relative;
  width:479px;
  z-index:0;
}

.txtHeading {
  color:#21A72C;
  font-size:10pt;
  font-weight:bold;
}

a {
  color:#21a72c;
  font-size:9pt;
  margin:0pt;
  padding:0pt;
  text-align:left;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

.navInput {
  background-color:#F1F1F1;
  border:1px solid #CCCCCC;
  color:#444444;
  font-family:Arial, Verdana;
  font-size:9pt;
  height:20px;
  margin:2px 2px 4px;
  padding:2px;
}

.navButton {
  background: url(images/nav-bg.gif) top left repeat-x;
  border:1px solid #CCCCCC;
  padding:3px 6px;
  color:#fff;
  font-size:9pt;
}

select {
  border:1px solid #CCCCCC;
  color:#444444;
  font-family:Arial, Verdana;
  font-size:8pt;
  height:20px;
  margin:2px 2px 4px;
  padding:2px;
}

textarea {
  border:1px solid #CCCCCC;
  color:#444444;
  font-family:Arial, Verdana;
  font-size:8pt;
  height:20px;
  margin:2px 2px 4px;
  padding:2px;
}

.select {
  border:1px solid #CCCCCC;
  padding-left:2px;
  width:150px;
  font-size:9pt;
}

.BrownboxFootLeftCol {
  background:transparent url(images/CartThBg.gif) repeat-y scroll right top;
}

.TdSpacerLine {
  background:transparent url(images/Breadcrumb_footer.gif) repeat-x scroll left center;
  height:0.2em;
  margin:0em 0.5em;
}

.TdSpacerLine-2 {
  background:transparent url(images/Breadcrumb_footer-2.gif) repeat-x scroll left center;
  height:0.2em;
  margin:0em 0.5em;
}

#scrFrom {padding:0px 15px 0px 0px;float:right;}

#scrFrom input {background:none;border:0px none;padding-left:2px;font-size:9px;}

#scrFrom .sButton {width:55px;}

.scrBg {
  background: url(images/search-bg.gif) 99% 50% no-repeat;
  font-size:8pt;
  color:#000;
}


h2 {background: url(images/heading-bg.gif) top left no-repeat;height:27px;margin-top:0px;padding:4px;padding-left:8px;font-size:1.091em;font-weight:bold;font-family:Arial, Verdana;color:#3b3b3b;}

h2 a {color:#3b3b3b;}
h2 a:hover {color:#3b3b3b;}

h3 {font-size:10pt;font-weight:bold;font-family:Arial, Verdana;color:#444;}

.textSmall {font:7pt Verdana;color:#999;}

.iNorm {
  border-bottom:1px dashed #ccc;
  border-right:1px dashed #ccc;
  text-align:center;
  vertical-align:top;
  padding-top:20px;
}

#content {width:480px;padding:0px 8px;text-align:left;}

#content img {padding:4px;margin:0px 3px 6px;padding-top:0px;margin-top:0px;}

#content ul {margin:0px;padding:0px;padding-left:8px;text-align:left;}

#content li {background: url(images/li-icon.gif) no-repeat;font-size:8pt;line-height:18px;list-style-type:none;padding-left:20px;list-style-position:outside;}

.textBold {font-weight:bold;color:#21a72c;font-size:10pt;}

.more {
  font-size:7pt;
  color:#c00;
  font-family:Arial, Verdana;
  text-decoration:none;
}

.more:hover {
  font-size:7pt;
  color:#000;
  font-family:Arial, Verdana;
  text-decoration:none;
}

#nav {
  /*background: url(images/maintab-bg.gif) top left repeat-x;*/
  height:31px;
  color:#fff;
  padding:0px;
  margin:0px;
  text-align:left;
}

.searchArea {
  background: url(images/search-bg.gif) top left no-repeat;
  width:259px;
  height:27px;
  font-size:8pt;
  color:#000;
}

#columnBg ul {
  margin:0px;
  padding:0px;
}

#columnBg li {
  list-style-type:none;
  margin:0px;
  padding:0px 0px 0px 13px;
  width:140px;
}

#columnBg .nHead {
  background:transparent url(images/arrow.gif) no-repeat scroll 0px 4px;
  margin:0px 0px 0.5em;
  padding:0px 0px 0px 15px;
}

#columnBg .nMore {
  padding-top:8px;
  height:15px;
  width:155px;
}

#nav ul {margin:0px;padding:0px;}

#nav li {display:inline;float:left;list-style-type:none;}

.navMain {
  font-size:9pt;
  font-weight:bold;
  color:#fff;
  font-family:Arial, Verdana;
  text-decoration:none;
}

.navMain:hover {
  font-size:9pt;
  font-weight:bold;
  color:#fff;
  font-family:Arial, Verdana;
  text-decoration:underline;
}

#content .steps {margin:0px 0px 10px;padding:0px;}

#loginBg {
  background: url(images/left-login-bg.gif) top left no-repeat;
  width:182px;
  height:181px;
  padding:3px 0px 0px 5px;
}

#loginBg a {font-size:7pt;}

#loginBg .inputFld {background:#fff;border:solid 1px #ccc;padding-left:2px;font-size:9pt;margin:2px 0px;}

#loginBg .colHeading {font-weight:bold;color:#21a72c;font-size:10pt;}
#loginBg .colContent {font:8pt arial;color:#767676;margin:10px 5px;padding-left:2px;width:165px;}

#columnBg {
  background: url(images/left-col-bg.gif) top left no-repeat;
  width:182px;
  height:272px;
  padding:3px 0px 0px 5px;
}

#columnBg-2 {
  background: url(images/left-col-bg.gif) top left no-repeat;
  width:182px;
  height:272px;
  padding:3px 0px 0px 5px;
}

#subPage-col {
  background:#ebebeb url(images/sub-menucol-bg.gif) bottom right no-repeat;
  width:186px;
  padding-bottom:20px;
  margin-right:2px;
  min-height:180px;
  margin-bottom:7px;  
}

#subPage-col h2 {
  background: url(images/sub-menu-title.gif) top left no-repeat;
  width:181px;
  height:28px;
  padding:5px 0px 0px 5px;
  margin:0px;
  color:#fff;
  font-size:8pt;
}

#subPage-col .cnt {width:170px;padding-left:15px;padding-bottom:5px;line-height:20px;}

/*
#subPage-col a {font-size:11pt;font-weight:normal;text-decoration:none;}
#subPage-col a:hover {font-weight:normal;text-decoration:none;}
*/
#subPage-col ul {margin:0px;padding:0px;padding-left:8px;text-align:left;}

#subPage-col li {list-style-image: url(images/arrow-fwd.gif);font-size:8pt;line-height:18px;list-style-type:none;list-style-position:outside;margin-left:10px;}

#subPage-col li a {color:#666;font-size:9pt;font-weight:normal;line-height:20px;list-style-type:none;padding-left:0px;}
#subPage-col li a:hover {font-size:9pt;font-weight:normal;color:#21A72C;line-height:20px;list-style-type:none;padding-left:0px;text-decoration:none;}

#subPage-col .current {font-weight:normal;color:#21A72C;text-decoration:none;}

#columnBg-right {
  background:#ebebeb url(images/right-col-bg.gif) bottom right no-repeat;
  width:184px;
  float:right;
  padding-bottom:20px;
  margin-right:4px;
}

#columnBg-right h2 {
  background: url(images/right-col-title.gif) top left no-repeat;
  width:180px;
  height:28px;
  padding:5px 0px 0px 5px;
  margin:0px;
  font-size:10pt;
}

.navigation {background:#f5f5f5;border:solid 1px #eee;}

#proerty_title {font-size:10pt;}

#columnBg-right img {margin-bottom:5px;}

#columnBg-right .cnt {width:180px;padding-left:3px;padding-bottom:5px;}

#columnBg-right p {margin:0px;width:150px;height:30px;padding:6px 2px 2px 6px;}

#columnBg-right .colHeading-2 {font-weight:bold;color:#21a72c;font-size:10pt;padding-left:5px;}

#columnBg .colHeading {font-weight:bold;color:#21a72c;font-size:10pt;}

#columnBg-2 .colHeading {font-weight:bold;color:#21a72c;font-size:10pt;}

#columnBg .colContent {font:8pt arial;color:#767676;margin:10px 5px;padding-left:2px;width:165px;}

#columnBg .colContent img {padding:0px 5px 0px 0px;}

#columnBg .colContent .newsHead {font:bold 9pt arial;color:#3b3b3b;line-height:18px;}


.footer {
  /*background: url(images/footer-bg.jpg) top left repeat-x;*/
  color:#393939;
  font-size:9pt;
  height:74px;
  padding-left:4px;
}

.footerNav {
  font-size:8pt;
  font-weight:normal;
  color:#393939;
  font-family:Arial,Verdana;
  text-decoration:none;
}

.footerNav:hover {
  font-size:8pt;
  color:#393939;
  font-family:Arial, Verdana;
  text-decoration:underline;
}

.copyright {color:#000; font-size:7pt;}





/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #e5e5e5;
  font-family: tahoma,verdana,sans-serif;
  z-index:1000;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #e5e5e5;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #acacac;
  color: #000;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #c4c4c4;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d3d3d3;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e6e6e6;
}

.calendar tbody .rowhilite td {
  background: #d3d3d3;
}

.calendar tbody .rowhilite td.wn {
  background: #d3d3d3;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d3d3d3;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #acacac;
  color: #000;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d3d3d3;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d3d3d3;
  font-size: 90%;
  padding: 1px;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #e5e5e5;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}