a:active, a:link, a:visited {
   color: #0D5798;
}

a:hover {
   color: #8CAFCD;
}

input, textarea {
   border: 1px solid #BBBBBB;
   font-size: 10px;
   background: #F0F8FF;
   color: black;
}

input[type='submit'], input[type='button'] {
   background: #4477AA;
   color: white;
   margin: 5px;
   border-color: gray;
}

.tableControl, .actionButtons {
   width: 100%;
}

.tableControl {
   text-align: right;
}

.footer {
   text-align: center;
   font-size: 10px;
}

.rich-table {
   width: 100%;
}

h1 {
   font-family: Arial, sans-serif;
   color: #578BB8;
   font-size: 1.6em;
   margin-top: 0;
}

body {
   margin: 0px;
   font-family: Arial, sans-serif;
   color: #616161;
}

.body {
   padding: 30px;
}

.columnHeader:hover {
   color: #FF6600;
}

.message {
   border: 1px solid #FFCC00;
   padding: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
   background-color: #F0F8FF;
   font-size: 12px;
}

.name {
   vertical-align: top;
   font-weight: bold;
   width: 115px;
   float: left;
   padding: 5px;
   margin-top: 3px;
   clear: left;
}

.value {
   float: left;
   padding: 5px;
}

.error {
   margin-left: 20px;
   margin-top: 5px;
   float: left;
   padding: 5px;
   border: 1px solid red;
}

.errors {
   color: red;
}

.errors input {
   border: 1px solid red;
}

.errors textarea {
   border: 1px solid red;
}

.required {
   color: red;
   padding-left: 2px;
}

/* date picker style */
div.seam-date {
   margin-top: 5px;
   border: 1px solid #AAAAAA;
   background-color: #FFFFFF;
   color: #505050;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

table.seam-date td {
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-weight: 12px;
}

.seam-date-monthNames {
   width: 70px;
   border: 1px solid #dddddd;
   border-right: 3px solid #444444;
   border-bottom: 3px solid #444444;
   background-color: #ffffff;
   font-size: 12px;
   cursor: pointer;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-weight: normal;
}

a.seam-date-monthNameLink, a.seam-date-monthNameLink:visited {
   text-align: center;
   display: block;
   color: #555555;
}

a.seam-date-monthNameLink:hover {
   background-color: #CCCCCC;
   color: red;
}

.seam-date-years {
   height: 10em;
   overflow: auto;
   width: 60px;
   border: 1px solid #dddddd;
   border-right: 3px solid #444444;
   border-bottom: 3px solid #444444;
   background-color: #ffffff;
   font-size: 12px;
   cursor: pointer;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-weight: normal;
}

a.seam-date-yearLink, a.seam-date-yearLink:visited {
   text-align: center;
   display: block;
   color: #555555;
}

a.seam-date-yearLink:hover {
   background-color: #CCCCCC;
   color: red;
}

tr.seam-date-header {
   padding: 2px 0px 2px 0px;
}

td.seam-date-header {
   padding: 0px 8px 0px 8px;
   text-align: center;
   color: gray;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 12px;
}

td.seam-date-header-prevMonth {
   background-image: url("../img/cal-prev.png");
   background-repeat: no-repeat;
   background-position: center;
   padding: 0px 2px 0px 2px;
   width: 17px;
   height: 16px;
   margin-left: 2px;
}

td.seam-date-header-nextMonth {
   background-image: url("../img/cal-next.png");
   background-repeat: no-repeat;
   background-position: center;
   padding: 0px 2px 0px 2px;
   width: 17px;
   height: 16px;
   margin-right: 2px;
}

tr.seam-date-headerDays {
   color: white;
   font-weight: normal;
}

tr.seam-date-headerDays > td {
   background-color: #CCCCCC;
   border: 1px solid #AAAAAA;
   color: white;
   text-align: center;
   width: 26px;
}

tr.seam-date-footer {
   background-color: white;
   color: #505050;
   font-weight: bold;
}

tr.seam-date-footer > td {
   text-align: center;
}

td.seam-date-inMonth {
   background-color: white;
   color: black;
   font-weight: normal;
   cursor: pointer;
   border: 1px solid #ece9d8;
}

td.seam-date-outMonth {
   background-color: white;
   color: #999999;
   font-weight: normal;
   cursor: pointer;
   border: 1px solid #ece9d8;
}

td.seam-date-selected {
   background-color: #CCCCCC;
   border: 1px solid #AAAAAA;
   color: black;
   font-weight: normal;
}

td.seam-date-dayOff-inMonth {
   background-color: #efefef;
   color: black;
   font-weight: normal;
   cursor: pointer;
   border: 1px solid #ece9d8;
}

td.seam-date-dayOff-outMonth {
   background-color: #efefef;
   color: #999999;
   font-weight: normal;
   cursor: pointer;
   border: 1px solid #ece9d8;
}

td.seam-date-hover {
   background-color: #CCCCCC;
   border: 1px solid #AAAAAA;
   cursor: pointer;
   color: red;
}

#navigation, #footer {
   font-size: 11px;
   color: black;
   font-weight: bold;
   left: 0px;
   right: 0px;
   background-color: #BED6F8;
   padding: 5px;
   overflow: auto;
}

#navigation a {
   padding-left: 5px;
}

.left {
   float: left;
}

.right {
   float: right;
}

.separator {
   padding-left: 10px;
   padding-right: 10px;
}

input, select, textarea, button, keygen, isindex, legend, a {
   font-size: 11px;
   font-family: Arial, Verdana, sans-serif;
   color: #000000;
}

fieldset {
   border-width: 1px;
   border-style: solid;
   padding: 10px;
   border-color: #BED6F8;
}

hr {
   border-width: 1px;
   border-style: solid;
   border-color: #BED6F8;
}

a {
   color: #0078D0;
}

a:hover {
   color: #0090FF;
}

a:visited {
   color: #0090FF;
}

input, select, textarea, button, keygen, isindex {
   border-width: 1px;
   border-color: #BED6F8;
   color: #000000;
}

button, input[type="reset"], input[type="submit"], input[type="button"] {
   border-width: 1px;
   border-color: #BED6F8;
   font-size: 11px;
   font-family: Arial, Verdana, sans-serif;
   color: #000000;
   background-color: #BED6F8;
}

button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
   background-color: #BED6F8;
}

button[disabled], input[type="reset"][disabled], input[type="submit"][disabled], input[type="button"][disabled] {
   color: #8DB7F3;
   border-color: #cccccc;
   background-color: #cccccc;
}

textarea, input[type="text"], input[type="password"], select {
   border-width: 1px;
   border-style: solid;
   border-color: #BED6F8;
   font-size: 11px;
   font-family: Arial, Verdana, sans-serif;
   color: #000000;
   background-color: #ffffff;
}

textarea[disabled], input[type="text"][disabled], input[type="password"][disabled], select[disabled] {
   color: #BED6F8;
   cursor: default;
}

.popupContainer {
   top: 50%;
   left: 50%;
   position: absolute;
}

.popup {
   position: relative;

   width: 600px;
   margin-left: -300px;

   margin-top: -200px;

   display: none;

   z-index: 9999;
}

.closeButton {
   text-align: right;
   width: 100%;
}

#opaque {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 99;
   display: none;
   background-color: black;
   filter: alpha(opacity = 40);
   opacity: 0.4;
}