body, td, table, a {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.link1 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #ffffff;
}

.link1:link {
  color: #ffffff;
  text-decoration: none;
}

.link1:hover {
    text-decoration: underline;
}

.link1:visited {
  color: #ffffff;
  text-decoration: none;
}

.link1:active {
  color: #ffffff;
  text-decoration: none;
}

.link2 {
  font-size: 10px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: black;
}
.link2:link {
  text-decoration: underlined;
}

.link2:hover {
  text-decoration: underline;
  color: blue;
}

.link2:visited {
  color: #000000;
}

.link2:active {
  color: black;
}

a:link {
  color: #0000FF;
  text-decoration: none;
}

a:visited {
  color: #0000FF;
  text-decoration: none;
}

a:active {
  color: #0000FF;
  text-decoration: none;
}

form {
  border: none;
  margin: 0px;
}

input, button {
  background-color: #D7ECFF;
  border: 1px ridge #83C6FF;
  color: #000000;
}

input:hover, button:hover {
  background-color: #eaf4ff;
  border: 1px ridge #83C6FF;
  color: #000000;
  cursor: pointer;
}

table.main {
  width: 100%;
  height: 100%;
}

textarea, .edit, .login {
  background-color: #F4FAFF;
  border: 1px rise #83C6FF;
  color: #000000;
}

.addeditFieldLabel {
  font-style: italic;
  vertical-align:top;
}
.addeditFieldHint {
  color: #C0BEBF;
  font-size: 7px;
}
.addeditLabelRequierd {
  color: #FF0000;
}

.admEcCollectionAction {
  background-color: #ECF6FF;
  text-align: center;
}

.admEcCollectionCell {
  background-color: #FFFFFF;
  border: 1px solid #BDE0FF;
}

.admEcTable {
  border-collapse: collapse;
  margin-top: 5px;
  width: 100%;
}

.admEcTitle {
  background-color: #F4FAFF;
  border: 1px solid #BDE0FF;
  border-bottom: 1px solid #99D0FF;
  width: 20%;
  word-break: keep-all;
}

.admEcTitleActions {
  background-color: #ECF6FF;
}

.adminIconCell {
  text-align: center;
}

.adminIconLink {
  border: 3px solid #FFFFFF;
  display: block;
  height: 100%;
}

.adminIconLink:hover {
  border: 3px solid #BDE0FF;
  display: block;
  height: 100%;
}

.adminLinkCell {
  text-align: center;
}

.admUsrTable {
  border-collapse: collapse;
  margin-top: 5px;
  width: 100%;
}

.admUsrTitle {
  background-color: #F4FAFF;
  border: 1px solid #BDE0FF;
  border-bottom: 1px solid #99D0FF;
  width: 20%;
  word-break: keep-all;
}

.admUsrTitleUserFullName {
  width: 30%;
}

.admUsrTitleUserLogin {
  width: 10%;
}

.admUsrTitleUserNoOf {
  width: 20%;
}

.admUsrTitleUserStatus {
  width: 20%;
}

.admUsrUserAction {
  background-color: #ECF6FF;
  text-align: center;
  width: 20%;
}

.admUsrTitleUserActions {
  background-color: #ECF6FF;
}

.admUsrUserCell {
  background-color: #FFFFFF;
  border: 1px solid #BDE0FF;
}

.admUsrUserNoOf {
  text-align: center;
}

.admUsrUserStatus {
  text-align: center;
}

.admECAddEditLangLabel {
  font-weight: bold;
}

.attchActions {
}

.attchActionsHeader {
  background-color: #F4FAFF;
  border-bottom: 1px solid #BDE0FF;
  width: 20%;
}

.attchFile {
}

.attchFileHeader {
  background-color: #F4FAFF;
  border-bottom: 1px solid #BDE0FF;
  width: 80%;
}

.attchTable {
  width: 100%;
}

.blueAdminCPPanel {
  width: 100%;
}

.blueAdminPanelCell {
  vertical-align: top;
}

.blueMainRight {
  vertical-align: top;
  width: 100%;
}

.detailActionCell {
  background-color: #F4FAFF;
  border-top: 1px solid #BDE0FF;
  text-align: right;
}

.detailBodyLabel {
  width: 20%;
}

.detailBodyLine {
}

.detailBodyValue {
  border-top: 1px solid #BDE0FF;
}

.detailTimeLine {
  width: 20%;
}

.detailTimeLabel {
  width: 20%;
  font-style: italic;
}

.detailTimeValue {
}

.detailLangLabel {
  border-bottom: 1px solid #BDE0FF;
  text-align: right;
}

.detailLocationLabel {
  width: 20%;
  font-style: italic;
}

.detailContactLabel {
  vertical-align: top;
  width: 20%;
  font-style: italic;
}

.detailContactLabel table, .detailContactLabel table tr, .detailContactLabel table tr td, .detailContactLabel table tr td table, .detailContactLabel table tr td table tr, .detailContactLabel table tr td table tr td  {
  vertical-align: top;
  font-style: italic;
  BORDER: 0px;
  CELLSPACING: 0px;
  CELLPADDING: 0px;
}
.detailContactValue, .detailContactValue table, .detailContactValue table tr, .detailContactValue table tr td {
  vertical-align: top;
  BORDER: 0px;
  CELLSPACING: 0px;
  CELLPADDING: 0px;
}


.detailLocationLine {
}

.detailLocationValue {
}

.detailMainTable {
  width: 100%;
}

.detailDateLabel {
  width: 20%;
  font-style: italic;
}

.detailDateValue {
}

.detailDateLine {
}

.detailTitleLabel {
  width: 20%;
  font-style: italic;
}

.detailTitleLine {
}

.detailTitleValue {
}

/* Hidden DIV popup dialogs (PopupDiv) */
.dialog {
  background: ButtonFace;
  color: ButtonText;
}

.dialog .buttonColor {
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  cursor: default;
  padding: 1px;
}

.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  height: 0.6em;
  padding: 0px 1em;
}

.dialog .buttonColor .nocolor {
  padding: 0px;
}

.dialog .buttonColor .nocolor-hilite {
  background-color: #FFFFFF;
  color: #FF0000;
}

.dialog .buttonColor-hilite {
  border-color: #000000;
}

.dialog .buttons {
  padding: 2px 4px 0px 4px;
  text-align: right;
}

.dialog .content {
  padding: 2px;
}

.dialog .label {
  text-align: right;
  width: 6em;
}

.dialog .title {
  background: #000088;
  border-bottom: 1px solid #000000;
  color: #FFFF88;
  cursor: default;
  font-size: 12px;
  font-weight: bold;
  padding: 1px 0px 2px 5px;
}

.dialog .title .button {
  border: 1px solid #6666AA;
  color: #FFFFFF;
  float: right;
  margin-right: 1px;
  padding: 0px 1px 0px 2px;
  text-align: center;
}

.dialog .title .button-hilite {
  background: #4444CC;
  border-color: #8888FF;
}

.dialog .value input {
  width: 100%;
}

.dialog button {
  padding: 0px;
  width: 5em;
}

.dialog fieldset table {
  margin: 2px 0px;
}

.dialog legend {
  font-weight: bold;
}

.dialog table {
  border-collapse: collapse;
}

.dialog, .dialog button, .dialog input, .dialog select, .dialog textarea, .dialog table {
  font: 11px Tahoma,Verdana,sans-serif;
}

.errorField {
  background-color: #FFDFDF;
}

.eventActionCell {
  background-color: #ECF6FF;
  border: 1px solid #BDE0FF;
  text-align: center;
}

.eventActionLink {
}

.eventCollectionList {
  width: 97%;
}

.eventCollectionsButton {
  text-align: right;
}

.eventCollectionSelect {
  width: 100%;
}

.eventDate {
  border: 1px solid #BDE0FF;
  vertical-align: middle;
  padding-left: 5px;
}

.eventDetailCell {
  text-align: right;
}

.eventDetailLink {
  font-style: italic;
}

.eventHeaderActions {
  background-color: #ECF6FF;
  border: 1px solid #BDE0FF;
  border-bottom: 1px solid #99D0FF;
  width: 20%;
  word-break: keep-all;
}

.eventHeaderDate {
  background-color: #F4FAFF;
  border: 1px solid #BDE0FF;
  border-bottom: 1px solid #99D0FF;
  width: 20%;
  word-break: keep-all;
}

.eventHeaderEvent{
  background-color: #F4FAFF;
  border: 1px solid #BDE0FF;
  border-bottom: 1px solid #99D0FF;
}

.eventHeaderLine {
}

.eventInfo {
  width: 100%;
}

.eventInfoCell {
  border: 1px solid #BDE0FF;
}

.eventLine {
}

.eventLocation {
}

.eventLocationLabel {
  font-style: italic;
}

.eventTable {
  border-collapse: collapse;
  margin-top: 5px;
  width: 100%;
}

.eventTitle {
}

.htmlarea {
  background: #FFFFFF;
}

.htmlarea .statusBar {
  background-color: ButtonFace;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  font: 11px Tahoma,Verdana,sans-serif;
  padding: 2px 4px;
}

.htmlarea .statusBar .statusBarTree a {
  color: #0000FF;
  padding: 2px 5px;
}

.htmlarea .statusBar .statusBarTree a:visited {
  color: #0000FF;
}

.htmlarea .statusBar .statusBarTree a:hover {
  background-color: Highlight;
  border: 1px solid HighlightText;
  color: HighlightText;
  padding: 1px 4px;
}

.htmlarea .toolbar {
  background: ButtonFace;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  cursor: default;
  padding: 1px 1px 2px 1px;
}

.htmlarea .toolbar .button {
  background: ButtonFace;
  border: 1px solid ButtonFace;
  color: ButtonText;
  height: 18px;
  margin: 0px;
  padding: 1px;
  width: 18px;
}

.htmlarea .toolbar .buttonActive, .htmlarea .toolbar .buttonPressed {
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 0px 0px 2px;
}

.htmlarea .toolbar .buttonDisabled img {
  filter: alpha(opacity = 25);
  -moz-opacity: 0.25;
}

.htmlarea .toolbar .buttonHover {
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.htmlarea .toolbar .buttonPressed {
  background: ButtonHighlight;
}

.htmlarea .toolbar .indicator {
  border: 1px solid ButtonShadow;
  cursor: default;
  overflow: hidden;
  padding: 0px 3px;
  text-align: center;
  width: 20px;
}

.htmlarea .toolbar .label {
  padding: 0px 3px;
}

.htmlarea .toolbar .separator {
  border-left: 1px solid ButtonShadow;
  border-right: 1px solid ButtonHighlight;
  height: 16px;
  margin: 3px;
  padding: 0px;
  position: relative;
  width: 0px;
}

.htmlarea .toolbar .space {
  width: 5px;
}

.htmlarea .toolbar img {
  border: none;
}

.htmlarea .toolbar select {
  font: 11px Tahoma,Verdana,sans-serif;
}

.htmlarea .toolbar select,
.htmlarea .toolbar select:hover,
.htmlarea .toolbar select:active {
  background: FieldFace;
  color: ButtonText;
}

.htmlarea .toolbar table {
  font-family: tahoma,verdana,sans-serif;
  font-size: 11px;
}

.left {
}

.leftday {
  background-color: #F4F4F4;
  border: 1px solid #E7E7E7;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
}

.leftdayEmpty {
  background-color: #FFFFFF;
}

.leftdayLink {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.leftdayTitle {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  width: 13%;
}

.leftmonth {
  text-align: center;
  vertical-align: top;
}

.lefttoday {
  background-color: #D4D4D4;
  border: 1px solid #202020;
}

.leftweekCell {
  background-color: #F6F6F6;
  border: 1px solid #E7E7E7;
  text-align: center;
  vertical-align: middle;
  width: 9%;
}

.leftweekLink .leftweekShortLink {
  display: block;
}

.mainLeft {
  vertical-align: top;
  width: 80px;
}

.mainLeftMenu {
  vertical-align: top;
}

.month {
  border-collapse: separate;
  width: 100%;
}

.monthday {
  background-color: #FFFFFF;
  border: 1px solid #DEDEDE;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  height: 60px;
  text-align: left;
  vertical-align: top;
}

.monthdayEmpty {
  background-color: #FFFFFF;
}

.monthdayNotInMonth {
  visibility: visible;
  background-color: #F4F4F4;
}

.monthdayTitle {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  width: 13%;
}

.monthdetailDiv {
  border: 1px solid #F1F1F1;
  overflow: hidden;
  width: 100%;
}

.monthdetailLink {
  font-size: 8px;
}

.monthtoday {
  border: 1px solid #202020;
}

.monthweekCell {
  background-color: #F6F6F6;
  border: 1px solid #DEDEDE;
  text-align: center;
  vertical-align: middle;
  width: 9%;
}

.monthweekLink {
  display: block;
}

.msgErrorsLeftCell{
  background-image: url(/cal/resource/blue/res/images/icons/error.gif);
  background-repeat: no-repeat;
  height: 48px;
  width: 48px;
}

.msgErrorsMidleCell {
}

.msgErrorsRightCell {
}

.msgLeftCell {
  background-image: url(/cal/resource/blue/res/images/icons/info.gif);
  background-repeat: no-repeat;
  height: 48px;
  width: 48px;
}

.msgRightCell {
}

.msgTable {
  border: 1px solid #E7E7E7;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%;
}

.navigation {
  background-color: #D5E1F0;
  font-size: 10pt;
  text-align: center;
  width: 15pt;
}

.pageHeaderTitle {
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
}

.popupdiv {
  border: 2px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.popupwin {
  margin: 0px;
  padding: 0px;
}

.popupwin .title {
  background: #FFFFFF;
  border-bottom: 1px solid #000000;
  color: #000000;
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 10px;
  padding: 3px 10px;
}

.searchTable {
  width: 97%;
}

.week {
  width: 100%;
}

.weekday {
  background-color: #FFFFFF;
  border: 1px solid #DEDEDE;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  height: 60px;
  text-align: left;
  vertical-align: top;
}

.weekdayTitle {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 14%;
}

.weekdetailDiv {
  border: 1px solid #F1F1F1;
  overflow: hidden;
  width: 100%;
}

.weekdetailLink {
  font-size: 8px;
}

.weektoday {
  border: 1px solid #202020;
}

.year {
}

.yearday {
  background-color: #F4F4F4;
  border: 1px solid #E7E7E7;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
}

.yeardayEmpty {
  background-color: #FFFFFF;
}

.yeardayLink {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

A.yeardayLinkPress{
color: #2E8B57
}
A.monthdayLinkPress{
color: #2E8B57
}
A.weekdayLinkPress{
color: #2E8B57
}
.yeardayTitle {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  width: 13%;
}

.yearmonth {
  text-align: center;
  vertical-align: top;
}

.yeartoday {
  background-color: #D4D4D4;
  border: 1px solid #202020;
}
.yearweekCell {
  background-color: #F6F6F6;
  border: 1px solid #E7E7E7;
  text-align: center;
  vertical-align: middle;
  width: 9%;
}

.yearweekLink .yearweekShortLink {
  display: block;
}

.admUsrAddEditTable {
  width: 100%
}

.admECAddEditTable {
  width: 100%;
}

.showMsgCodeCell, .showErrCodeCell {
  color: #d0d0d0;
}

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

.detailStatusLabel {
  vertical-align: top;
  font-style: italic;
}

.detailStatusLine {
  margin: 0px;
  border-collapse: collapse;
}

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

.monthdetailDivEventCancelled {
}

A.monthdetailLinkEventCancelled {
  color: red;
}

.weekdetailDivEventCancelled {
  border: 1pt solid red !important;
}

A.weekdetailLinkEventCancelled {
  color: red;
}

.eventDetailDivEventCancelled {
  border: 1pt solid red !important;
}

A.eventDetailLinkEventCancelled {
  color: red;
}
.rowVisible {
  visibility: visible;
  display: table-row;
}

.rowHidden {
  visibility: visible;
  display: none;
}
A.yeardayLinkLegal{
  color: #853E17;
}
A.monthdayLinkLegal{
  color: #853E17;
}
A.weekdayLinkLegal{
  color: #853E17;
}


#footer {clear:both; width:745px; padding:5px 3px 0px; border:solid #ccc; border-width:1px 0px 0px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
#footer:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
#footer a {color:#333; text-decoration:none; margin:0px; padding:0px; list-style:none; font-size:85%;}
#footer a:hover {color:#333; text-decoration:underline;}
#footer img {border:none;}
#footer ul {margin:0px; padding:4px 0px 2px 0px; list-style-type:none;}
#footer li {margin:0px 0px 0px 0px; padding:0px 6px 0px 0px; display:inline;}
#footfloat {float:right;}