body { 
    background-image: url(../images/bg.gif);
    background-repeat: repeat-x;
    background-color: #e4ecf1;
    margin-top: 10px;
    font-family: Verdana, Lucida Grande, Sans-serif;
    font-size: 12px;
    color: #4F5155;
}

h1 {
    font-size: 24px;
    font-weight: normal;
}

h3 {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

a { 
    color: #8c6c4b;
    font-weight: bold; 
    text-decoration: none; 
}

a:visited {
    color: #8c6c4b;
}

a:hover { 
    color: #333a40; 
}

a img {
    border: none;
}

input.item {
    border: 1px solid #8a98b2;
}

button.item {
    border: 1px solid #8a98b2;
}

textarea.item {
    border: 1px solid #8a98b2;
    font-family: Verdana, Lucida Grande, Sans-serif;
    font-size: 12px;
}

select.item {
    border: 1px solid #8a98b2;
}

input.item:focus{
    background-color: #e4e5ff;
}

textarea.item:focus{
    background-color: #e4e5ff;
}

.wrapper {
    position: relative;
    width: 944px;
    min-height: 570px;
    height: auto !important;
    height: 570px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #c5c5c5;
    background-color: #eef3f6;
}

.wrapperHeader {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
    background-color: #eaeff2;
}

.wrapperContent {
    width: 100%;
}

.wrapperContent2 {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 25px;
}

.wrapperContent ul {
    list-style-type: none;
}

.wrapperContent ul li a {
    background: transparent url(../images/list-off.gif) left center no-repeat;
    padding-left: 15px;
    text-align: left;
    text-decoration: none;
}

.wrapperContent ul li a:hover {
    background: transparent url(../images/list-on.gif) left center no-repeat;
}

.headerText {
    padding-left: 25px;
    font-size: 22px;
    font-weight: normal;
}

.headerText a {
    font-size: 22px;
    font-weight: normal;
}

.smallText {
    font-size: 10px;
    font-weight: normal;
}

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

.passwordBox {
    width: 420px;
    height: 200px;
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}

.albumItem {
    position: relative;
    float: left;
    width: 210px;
    height: 175px;
    background-color: #f2f2f2;
    padding: 8px 0px 0px 4px;
    border: 1px solid #cccccc;
    margin-left: 16px;
    /*margin-right: 12px; */
    margin-bottom: 20px;
        
}

.topPart {
    margin: auto;
}

.icons {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding-right: 6px;
    padding-bottom: 4px;
}

.icons img {
    cursor: pointer;
}

.icons a img {
    border: none;
}

.topPart a img {
    margin-left: auto;
    margin-left: auto;
    border: 1px solid #4F5155;
}
.albumItem a img .noBorder {
    border: none;
}

.albumItem:hover {
    background-color: #e6ebee;
}

.clearDiv {
    clear: both;
}

.bottomNav {
    margin-top: 20px;
    width: 100%;
    height: 10px;
}

table.results {
    border-width: 1px 1px 1px 1px;
    border-spacing: 0px;
    border-style: solid solid solid solid;
    border-color: #cccccc;
    border-collapse: collapse;
    background-color: #ffffff;
}

table.results thead {
    background-color: #ededed;
}
table.results thead tr td{
    padding: 3px 5px 4px 5px;
    -moz-border-radius: 0px 0px 0px 0px;
}

table.results tbody tr td {
    padding: 3px 5px 3px 5px;
}

table.results tbody tr td img {
    cursor: pointer;
}

table.results tr:hover {
    background-color: #ededed;
}



/* ClueTip Shit */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(../images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #e4ecf1;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #e4ecf1;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #9bbddb;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(../images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(../images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(../images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(../images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* Main Flora Style Sheet for jQuery UI Datepicker */
#datepicker_div, .datepicker_inline {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    background: #DDD;
    width: 185px;
}
#datepicker_div {
    display: none;
    border: 1px solid #f6a85a;
    z-index: 10;
}
.datepicker_inline {
    float: left;
    display: block;
    border: 0;
}
.datepicker_dialog {
    padding: 5px !important;
    border: 4px ridge #DDD !important;
}
button.datepicker_trigger {
    width: 25px;
}
img.datepicker_trigger {
    margin: 2px;
    vertical-align: middle;
}
.datepicker_prompt {
    float: left;
    padding: 2px;
    background: #DDD;
    color: #000;
}
*html .datepicker_prompt {
    width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
    clear: both;
    float: left;
    width: 100%;
    color: #FFF;
}
.datepicker_control {
    background: #f6a85a;
    padding: 2px 0px;
}
.datepicker_links {
    background: #E0F4D7;
    padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
    font-weight: bold;
    font-size: 80%;
    letter-spacing: 1px;
}
.datepicker_links label {
    padding: 2px 5px;
    color: #888;
}
.datepicker_clear, .datepicker_prev {
    float: left;
    width: 34%;
}
.datepicker_current {
    float: left;
    width: 30%;
    text-align: center;
}
.datepicker_close, .datepicker_next {
    float: right;
    width: 34%;
    text-align: right;
}
.datepicker_header {
    padding: 1px 0 3px;
    background: #c0cEa6;
    text-align: center;
    font-weight: bold;
    height: 1.3em;
}
.datepicker_header select {
    background: #c0cEa6;
    color: #000;
    border: 0px;
    font-weight: bold;
}
.datepicker {
    background: #CCC;
    text-align: center;
    font-size: 100%;
}
.datepicker a {
    display: block;
    width: 100%;
}
.datepicker .datepicker_titleRow {
    background: #c0cEa6;
    color: #000;
}
.datepicker .datepicker_daysRow {
    background: #FFF;
    color: #666;
}
.datepicker_weekCol {
    background: #B1DB87;
    color: #000;
}
.datepicker .datepicker_daysCell {
    color: #000;
    border: 1px solid #DDD;
}
#datepicker .datepicker_daysCell a {
    display: block;
}
.datepicker .datepicker_weekEndCell {
    background: #E0F4D7;
}
.datepicker .datepicker_daysCellOver {
    background: #FFF;
    border: 1px solid #777;
}
.datepicker .datepicker_unselectable {
    color: #888;
}
.datepicker_today {
    background: #B1DB87 !important;
}
.datepicker_currentDay {
    background: #83C948 !important;
}
#datepicker_div a, .datepicker_inline a {
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: none;
    color: #000;
}
.datepicker_inline .datepicker_links a {
    padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
    padding: 2px 5px !important;
    color: #000 !important;
}
.datepicker_titleRow a {
    color: #000 !important;
}
.datepicker_control a:hover {
    background: #FDD !important;
    color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
    background: #FFF !important;
    color: #333 !important;
}
.datepicker_multi .datepicker {
    border: 1px solid #83C948;
}
.datepicker_oneMonth {
    float: left;
    width: 185px;
}
.datepicker_newRow {
    clear: left;
}
.datepicker_cover {
    display: none;
    display/**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 193px;
    height: 200px;
}


/* Impromptu CSS */
.jqiwarning .jqi{
      background-color: #b0be96;
}
.jqifade{
      background-color: #ffffff;
}
div.jqi{
      position: absolute;
      background-color: #c0cEa6;
      padding: 10px;
      width: 300px;
}
div.jqi .jqiclose{
      float: right;
      margin: -35px -10px 0 0;
      cursor: pointer;
}
div.jqi .jqicontainer{
      background-color: #e0eEc6;
      padding: 5px;
      color: #ffffff;
      font-weight: bold;
}
div.jqi .jqimessage{
      background-color: #c0cEa6;
      padding: 10px;
}
div.jqi .jqibuttons{
      text-align: center;
      padding: 5px 0 0 0;
}
div.jqi button{
      padding: 3px 10px 3px 10px;
      margin: 0 10px;
}