html, body {
  margin:0; padding:0;
  height:100%;
}

body {
  background-image: url(/images/bkgn.jpg);
  background-repeat: no-repeat;
  background-color: #0A0404;
  /*background:url('page_bg.jpg') 50% 50% no-repeat #FC3;*/
  line-height: 1.5;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  color: #333333;
  font-size: 75%;
  text-align: left;
}
*{
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

a:active, a:focus {
  outline: 0;
}

#floater {
  position:relative; float:left;
  height:50%; margin-bottom:-380px;
  width:1px;
}

#centered {
  position:relative; clear:left;
  height:800px; width:80%; max-width:1064px; min-width:1064px;
  margin:0 auto;
  /*background:#fff;
  border:4px solid #666;*/
}

#bottom {
  position:absolute;
  bottom:0; right:0;
}
#side {
  position:absolute; left:50px; top: 130px; bottom: 60px;
  overflow: hidden;
  width: 200px;
  height: 840px;
}
#nav {
  position:absolute; left:30px; top:30px; bottom:0; right:340px;
  /*padding:20px; margin:10px;*/
}

#content {
  position:absolute; left: 270px; right:60px; top:130px;
  /*bottom: 55px;*/
  overflow:auto;
}
#content-top {
  background-image: url(/images/page_top.png);
  background-repeat: no-repeat;
  height:60px;
  width:1064px;
  content:open-quote;
}
#content-bottom {
  background-image: url(/images/page_bottom.png);
  background-repeat: no-repeat;
  height:60px;
  width:1064px;
  content:close-quote;
}
#content-middle {
  background-image: url(/images/page_middlenew.png);
  background-repeat: no-repeat;
  height: 930px;
  padding-left: 50px;
}
#content-middleold {
  background-image: url(/images/page_middle.png);
  background-repeat: no-repeat;
  height: 588px;
  padding-left: 50px;
}

.sidebox {
  width: 199px; background:url(/images/sidebar-bg.gif) repeat-y; margin-bottom: 10px;
}
.sidebox-heading {
  background: url(/images/sidebar-top.gif); height: 14px; padding: 4px 0 6px 10px; display: block; color: #8d3333;
  font-weight: bold;
}
.sidebox-content {
  position: relative;
  color: #464646;
  /*padding-top: 5px;*/
}
.sidebox-content a {
  padding: 2px 5px;
  display: block;
  text-decoration: none;
  /*color: #ababab;*/
  color: #464646;
  cursor:pointer;
}
.sidebox-content a:hover {
/*  background: #eee;*/
  color: #900;
}
.sidebox-content li {padding-left: 5px;}
.sidebox-content li a {display: inline}
.sidebox-content dl {
  margin: 2px 5px;
}
.sidebox-content dt {
  color: #900;
}
.sidebox-bottom { background: url(/images/sidebar-bottom.gif) no-repeat bottom left; height: 3px;}

a.prev, a.next {
  display:block;
  width:199px;
  height:10px;
  cursor:pointer;
}
a.prev {  background: url(/images/bt_selector_up.png) center center no-repeat;}
a.next {  background: url(/images/bt_selector_down.png) center center no-repeat;}
a.disabled {visibility: hidden !important;}
.items {width: 100%;}

.action-list {list-style: none;}
.action-list li a{ display: block; background: url(/images/list-normal.gif) top right no-repeat; border-bottom: 1px solid #d5d5d5;}
.action-list li a:hover {background: url(/images/list-hover.gif) top right no-repeat; color: #8d4e4e;}

.action-list li.last a {border: none;} 


.shift-row {margin-left: 5px;}
a img {border: none}
.restaurant-image {position: absolute; right: 60px; top: 50px;}
.restaurant-image img {float: right}
.float-left {float: left; /*color: #aaa;*/color: #464646; font-weight: bold}
.float-right {float: right; margin-right: 10px; margin-top: 55px;/*color: #aaa;*/color: #464646; font-weight: bold}
.float-right a {text-decoration: none; /*color: #aaa;*/color: #464646; }
.float-right a:hover {color: #900}
span.red {color: #900}
.flash-notice, .flash-error {margin-left: 270px;}
.flash-error {color: red}
.team-controls {float: right; margin-right: 5px;}
.team-controls a image {border: none}
.team-controls a {padding: 0}

fieldset {border: none}
fieldset li {list-style: none; margin-bottom: 5px;}
fieldset legend {margin-bottom: 3px;}
fieldset label {float: left; width: 100px;}
fieldset fieldset {margin-top: 10px;}
fieldset fieldset li {margin-left: 15px;}
.buttons {text-align: center;}
.buttons input { border: 1px solid #acacac; height: 22px; background: url(/images/bg_button.gif)}
.rails-form-wrapper { 
  padding: 6px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.text input, .textarea textarea {
  background: #fff url(/javascripts/extjs2.2/resources/images/default/form/text-bg.gif) repeat-x scroll 0 0;
  border: 1px solid #85b8c8;
  padding: 1px 3px;
}

#pending_action {max-height: 150px;}
#pending_action #pending_activities {height: 106px; max-height: 106px; min-height: 106px; overflow: hidden;}
#notice_board_box {max-height: 150px;}
#notice_board_box #notice_board {height: 83px; max-height: 83px; min-height: 83px; overflow: hidden;}
#list_staff_box {max-height: 196px;}
#list_staff_box #list_staff {height: 129px; max-height: 129px; min-height: 129px; overflow: hidden;}
#list_teams_box {max-height: 196px;}
#list_teams_box #list_teams {height: 129px; max-height: 129px; min-height: 129px; overflow: hidden;}

#staff_pending_action {max-height: 190px;}
#staff_pending_action #staff_pending_activities {height: 146px; max-height: 146px; min-height: 146px; overflow: hidden;}
#staff_notice_board_box {max-height: 255px;}
#staff_notice_board_box #staff_notice_board {height: 186px; max-height: 186px; min-height: 186px; overflow: hidden;}
#list_shifts_box {max-height: 300px;}
#list_shifts_box #list_shifts {height: 233px; max-height: 233px; min-height: 233px; overflow: hidden;}

#global-login {
  right: 100px;
  width: 450px;
  height: 40px;
  top: 70px;
  position: absolute;
}
#global-login input {font-size: 11px; float: left; border: 0 none; margin-right: 4px;margin-left: 4px; padding: 4px 0px; width: 88px; height: 17px; background: transparent;}
#global-login .login_wrapper {
    width:100px;
    height:25px;
    float:left;    
    margin-right:5px; 
    background: #fff url(/images/text-field.gif) no-repeat;
  }
#global-login .login_wrapper input{color:#464646}
#glogin_submit {float: left; width: 105px; border: none; height: 25px;font-size: 11px; }
.input-wide {
  /*color: #acacac;*/
  color: #464646;
  font-size: 11px; 
  border: 0 none;
  padding: 2px 3px; 
  width: 250px; 
  height: 17px;
  background: transparent;
}
.input_wrapper_wide{
    padding: 4px 5px; width: 260px; height: 17px;   
    background: #fff url(/images/text-field-wide.gif) no-repeat;    
    margin: 0 auto; 
}

#global-login .forgot_password a {
  padding-left: 7px;
}

div.scrollable div.items {
    position:absolute; 
     
    /* this time we have very large space for height */     
    height:20000em;
}
.buttons {text-align: center}
/*
.field label {display: block; margin-top: 5px; color: #999; font-weight: bold}
.field input { border: 1px solid #ccc; width: 250px; padding: 3px 5px; }
.field input:focus {border: 1px solid #999;}
.field label {
  display: block; 
  margin-top: 5px; 
  font-size: 11px;
  color: #464646;
}
*/
.field {margin-bottom: 15px;}
.button {
  color: #464646;
  display: block; 
  width: 100px; 
  height: 15px; 
  padding: 4px; 
  text-align: center; 
  background: url(/images/buttons.gif) 0 0; margin: 0 auto; cursor: pointer;
}
.send_a_shout{
  /*font-weight:600;*/
}
.button:hover {
  background: url(/images/buttons.gif) 0 -30px;
}
.button:active {
  background: url(/images/buttons.gif) 0 -61px;
}
.buttons .button {
  border: 0 none;
  width: 110px;
  height: 25px;
  padding-top: 0;
  font-size: 11px;
}

.button-wide {
  color: #464646;
  display: block; 
  width: 165px; 
  height: 20px; 
  padding: 5px; 
  text-align: center; 
  background: url(/images/bg_button_wide.png) 0 0 no-repeat; 
  margin: 0 auto; cursor: pointer;
}
.button-wide:hover {
  background: url(/images/bg_button_wide.png) 0 -30px no-repeat;
}
.button-wide:active {
  background: url(/images/bg_button_wide.png) 0 -61px no-repeat;
}

/* a {color: #656565; text-decoration: none; font-size: 11px;} */
a {color: #464646; text-decoration: none; font-size: 11px;}
/* .button-red {font-size: 12px; font-weight: bold; color: white; background-color: #a92c31; padding: 5px 30px; margin-bottom: 20px;}*/
.button-red {
  display: block;
  width: 240px;
  height: 26px;
  background: url(/images/bt_try_it_for_free.png) 0 0; margin: 0 auto; cursor: pointer;
}
.button-red span {margin-left: -10000px;}
.button-row {margin-bottom: 10px;}
#home-buttons-wrapper {margin-top: 30px; text-align: center}

.clear {clear: both;}

#header, #footer {
  margin:0 auto;
  width:975px;
}
#footer {
  background-image:url(/images/footerbox.png);
  background-repeat:no-repeat;
  height:68px;
}
#footer p {padding-top: 20px; padding-left: 20px; margin-top: 0;}
#footer a {color: #8D4E4E}
#footer a:hover {color: #bbb}

.x-calendar-refresh {
  background-image:url(../../images/e2cs/tool-sprites.gif);
  background-repeat:no-repeat;
  background-position:0 -225px;
  cursor:pointer;
  float:left;
  height:15px;
  width:15px;
  margin-left:5px;
}
.x-calendar-refresh-mouseover {
  background-image:url(../../images/e2cs/tool-sprites.gif);
  background-repeat:no-repeat;
  background-position:-15px -225px;
  cursor:pointer;
  float:left;
  height:15px;
  width:15px;
  margin-left:5px;
}