html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 1em; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup 
table { border-collapse: separate; border-spacing: 0; }*/
table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { font-family: Arial, Verdana, Sans-Serif; background: #000; }
h1 { color: #ffff00; font-size:1.2em; margin-bottom:10px; }
h2 { color: #000; font-size:1.1em; margin-bottom:10px; }
h3 { color: #fff; font-size:1em; margin-bottom:10px; }
p { line-height:1.6em; }
p, label { color: #fff; font-size: 0.9em; margin-bottom: 15px; }
td, th { color: #666; }
ul { margin-bottom: 20px; }
li { color: #fff; font-size: 0.9em; }
a { color: #fff; }
a span { display: none; }
strong { font-weight:bold; }

fieldset { width: 500px;  }
    fieldset label, fieldset .label { margin-top: 1px; clear: both; display: block; float: left; font-size:0.8em; text-align:right; width: 120px; padding: 4px; }
    fieldset input, fieldset .input, fieldset textarea {  margin-top: 1px; float: left; padding:4px;  width: 300px; }
    fieldset input.date-picker { width: 100px; margin-right: 100px; }
    fieldset textarea { height: 50px; }
    fieldset select { height:22px; margin-top: 5px; float: left; width: 300px; }   

    fieldset .checkbox { margin-top: 10px; float: left; width: auto; margin-right: 200px; } 
    fieldset .checkbox2 { margin-top: 10px; float: left; width: auto; margin-right: 5px; }  
      
    fieldset div span { float: none; display: inline; width: auto;  }
    fieldset span input { width: auto; }
    fieldset p { margin-bottom: 0; }
.button-holder { padding-left: 125px; padding-top: 20px; clear: both }

label, input, select { vertical-align: middle; }

#container { width: 949px; margin: 0 auto; }

#header { width: 949px; background: transparent url(/Assets/images/logo.gif) no-repeat; height: 82px; }
#header ul { float: right; }
#header ul li { float: left; height: 82px; }
#header ul li a { display: block; height: 82px; }
#header ul li.home { width: 62px; background: url(/Assets/images/menu-home.gif) no-repeat; }
#header ul li.home a { width: 62px; background: url(/Assets/images/menu-home.gif) no-repeat; }
#header ul li.about { width: 93px; background: url(/Assets/images/menu-about.gif) no-repeat; }
#header ul li.about a { width: 93px; background: url(/Assets/images/menu-about.gif) no-repeat; }
#header ul li.the-crew { width: 119px; background: url(/Assets/images/menu-the-crew.gif) no-repeat; }
#header ul li.the-crew a { width: 119px; background: url(/Assets/images/menu-the-crew.gif) no-repeat; }
#header ul li.contact { width: 106px; background: url(/Assets/images/menu-contact.gif) no-repeat; }
#header ul li.contact a { width: 106px; background: url(/Assets/images/menu-contact.gif) no-repeat; }
#header ul li.login { width: 134px; background: url(/Assets/images/menu-login.gif) no-repeat; }
#header ul li.login a { width: 134px; background: url(/Assets/images/menu-login.gif) no-repeat; }

#content-holder { position: relative; height: 506px; width: 949px; background: url(/Assets/images/content-overlay.jpg) no-repeat; }
#content-holder-nobkgr { position: relative; height: 506px; width: 949px; background: url(/Assets/images/content.jpg) no-repeat; }
#content-holder-crew { overflow: auto; position: relative; min-height: 506px; width: 949px; background-color:#fff; }
#content-holder-crew p, #content-holder-crew td, #content-holder-crew a, #content-holder-crew label { color:#000; }
#content-holder-crew h1 { color:#000; margin-bottom:10px; }
#content-holder-jamie { padding:50px 0 0 50px; position: relative; height: 456px; width: 899px; background: url(/Assets/images/content-Jamie.jpg) no-repeat; }

#menu { float: left; margin-top: 10px; width: 155px; min-height: 280px; padding: 0 0 0 20px; }
#menu li { margin-bottom: 15px; font-size: 0.75em; }
#menu a { display:block; color: #666; text-decoration: none; padding:5px; background-color:#dedede; }
#menu a:hover { background-color:#d1d1d1; }
 
#content-crew {float: right; margin-top: 10px; width: 725px; padding: 0 20px 20px; }
#content { position: absolute; overflow: auto; top: 50px; left: 50px; width: 580px; height: 420px; max-height: 420px; padding: 0 20px; }
#content-holder-jamie #content{ top: 70px; left: 70px;}

#content a { color: #ffff00;   }
#content h2 { color: #ffff00;   }

#technical-specifications-details h2 { color: #000; font-size:1.1em; margin-bottom:10px; margin-top:10px;  }
#technical-specifications-details h3 { color: #000; font-size:0.9em; margin-bottom:5px; font-weight:bold; }
#technical-specifications-details p { line-height:1.4em; margin-bottom:5px; }
#technical-specifications-details div { padding:10px; } 
#technical-specifications-details div.alt { background-color:#ededed; } 


#footer {}

table { font-size:0.8em; border-collapse: collapse; width: 573px; } 
#content-holder-crew table { width: 723px; }  
th { padding:20px 5px 10px 5px; background-color:#eee; text-align:left; border-top: 1px solid #ddd;  }
td { padding:5px; text-align:left; border-top: 1px solid #ddd !important; background-color:#fff; }
a { color:#444; white-space:no-wrap; }
a.folder { background:transparent url(/Resources/Images/Icons/Folder.png) no-repeat;padding-left:25px;  }
a.return-folder { background:transparent url(/Resources/Images/Icons/Folder_Go.png) no-repeat;padding-left:25px;  }
td img { vertical-align:middle;}
td.icon { width:20px; }
td.content-type { width:130px; }

.calendar-navigation { height:50px; width: 680px; text-align: center; padding: 20px 10px 10px 10px; }
.calendar-navigation a { margin: 0 5px; }

div#calendar { border-top: 1px solid #ddd; }
div#calendar div { border-bottom: 1px solid #ddd; }
table#calendar { width: 100%; }

table#calendar { border:solid 1px #ddd; }
table#calendar th { height:30px; background-color:#ddd; }
table#calendar td { width:100px; height:100px; border-right:solid 1px #ddd; }
table#calendar td span.day { font-weight:bold; }
table#calendar td.inactive { height:30px; background-color:#ccc;opacity: .4;
filter: alpha(opacity=40);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
table#calendar td.current { background-color:#ffe7e7; }
table#calendar td.current span.day { color:Red; text-decoration:underline; }
table#calendar td span.day em { float: right; font-size:0.85em; font-style: italic; margin-left: 5px; margin-right: 5px; font-weight:normal; }
table#calendar div { padding: 2px; border-bottom: 5px solid #fff; }
table#calendar td.inactive div { padding: 2px; border-bottom: 5px solid #ccc; }

#TB_window p, #TB_window  label { color: #000; }

.button-holder { padding-bottom: 15px;}

a.add-booking { text-decoration: none; }
.Busy, .Confirmed, .DirectConfirmed  { background-color: #B22222; color: #fff; } /*red*/
#content-holder-crew .Busy a, #content-holder-crew .Confirmed a, #content-holder-crew .DirectConfirmed a  { color: #fff; }
.DirectPencil, .Pencil { background-color: #FFD700; } /*yellow*/
.Ask { background-color: #9ACD32; color: #fff;  } /*green*/
.SecondPencil { background-color: #ff9900; } /*orange*/
#content-holder-crew .Ask a { color: #fff;  } /*green*/

#key { min-width: 340px; min-height: 10px; }
#key li { float: left; margin-right: 10px; color: #000; }
#key div { height: 10px; width: 10px; border: 1px solid #000; float: left; margin-right: 5px; }

.clear { clear: both; }

#humanMsg { position:absolute; left:0; top:0; height:100%; width:100%; display: none; z-index: 10000; }
#humanMsg strong { font-weight:bold }
.message { padding:10px 10px 7px 10px; font: normal 20px/50px "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif; letter-spacing: -1px; position: fixed; top: 200px; left: 25%; width: 50%; color:#fff; text-align: center; z-index: 100000; }
.message p { padding: .3em; display: inline; }

#humanMsg .success-message { background-color: #0c3; border: 3px solid #7FE699; }
#humanMsg .error-message { background-color: #c00; border: 3px solid #e67f00; }

ul.pager { margin: 0 auto; width: 100%; text-align: center; margin-top: 20px;}
.pager li { display: inline; margin-right:10px;}

#children-pages{margin-top:180px;}
#children-pages li{font-size:1em;font-weight:bold;width:49%;float:left;text-align:center;}
#crew-list {overflow:hidden;}
#crew-list li{width:49%;float:left;line-height:1.2em;}
#crew-list2 {overflow:hidden;}
#crew-list2 h2{width:49%;float:left;}
#crew-list2 ul{width:49%;float:left;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { color: #333333; }
#TB_secondLine { color:#666666; }
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_window h3 { font-size:1.5em; padding:10px; background-color:lime; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
  min-width:100px;
  min-height:100px;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}


/*datepicker*/
/* Main Flora Style Sheet for jQuery UI ui-datepicker */
#ui-datepicker-div, .ui-datepicker-inline {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    background: #E0F4D7;
    width: 185px;
}
#ui-datepicker-div {
    display: none;
    border: 1px solid #FF9900;
    z-index: 1000;
}
.ui-datepicker-inline {
    float: left;
    display: block;
    border: 0;
}
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-dialog {
    padding: 5px !important;
    border: 4px ridge #83C948 !important;
}
button.ui-datepicker-trigger {
    width: 25px;
}
img.ui-datepicker-trigger {
    margin: 2px;
    vertical-align: middle;
}
.ui-datepicker-prompt {
    float: left;
    padding: 2px;
    background: #E0F4D7;
    color: #000;
}
*html .ui-datepicker-prompt {
    width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
    clear: both;
    float: left;
    width: 100%;
    color: #FFF;
}
.ui-datepicker-control {
    background: #FF9900;
    padding: 2px 0px;
}
.ui-datepicker-links {
    background: #E0F4D7;
    padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
    font-weight: bold;
    font-size: 80%;
    letter-spacing: 1px;
}
.ui-datepicker-links label {
    padding: 2px 5px;
    color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
    float: left;
    width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
    float: right;
    text-align: right;
}
.ui-datepicker-current {
    float: left;
    width: 30%;
    text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
    float: right;
    width: 34%;
    text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
    float: left;
    text-align: left;
}
.ui-datepicker-header {
    padding: 1px 0 3px;
    background: #83C948;
    text-align: center;
    font-weight: bold;
    height: 1.3em;
}
.ui-datepicker-header select {
    background: #83C948;
    color: #000;
    border: 0px;
    font-weight: bold;
}
.ui-datepicker {
    background: #CCC;
    text-align: center;
    font-size: 100%;
}
.ui-datepicker a {
    display: block;
    width: 100%;
}
.ui-datepicker-title-row {
    background: #B1DB87;
    color: #000;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
    background: #B1DB87;
}
.ui-datepicker-days-row {
    background: #FFF;
    color: #666;
}
.ui-datepicker-week-col {
    background: #B1DB87;
    color: #000;
}
.ui-datepicker-days-cell {
    color: #000;
    border: 1px solid #DDD;
}
.ui-datepicker-days-cell a {
    display: block;
}
.ui-datepicker-week-end-cell {
    background: #E0F4D7;
}
.ui-datepicker-unselectable {
    color: #888;
}
.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {
    background: #B1DB87 !important;
}
.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {
    background: #FFF !important;
    border: 1px solid #777;
}
* html .ui-datepicker-title-row .ui-datepicker-week-end-cell {
    background: #B1DB87 !important;
}
* html .ui-datepicker-week-end-cell {
    background: #E0F4D7 !important;
    border: 1px solid #DDD !important;
}
* html .ui-datepicker-days-cell-over {
    background: #FFF !important;
    border: 1px solid #777 !important;
}
* html .ui-datepicker-current-day {
    background: #83C948 !important;
}
.ui-datepicker-today {
    background: #B1DB87 !important;
}
.ui-datepicker-current-day {
    background: #83C948 !important;
}
.ui-datepicker-status {
    background: #E0F4D7;
    width: 100%;
    font-size: 80%;
    text-align: center;
}
#ui-datepicker-div a, .ui-datepicker-inline a {
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: none;
    color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
    padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
    padding: 2px 5px !important;
    color: #000 !important;
}
.ui-datepicker-title-row a {
    color: #000 !important;
}
.ui-datepicker-control a:hover {
    background: #FDD !important;
    color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
    background: #FFF !important;
    color: #333 !important;
}
.ui-datepicker-multi .ui-datepicker {
    border: 1px solid #83C948;
}
.ui-datepicker-one-month {
    float: left;
    width: 185px;
}
.ui-datepicker-new-row {
    clear: left;
}
.ui-datepicker-cover {
    display: none;
    display/**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 193px;
    height: 200px;
}

