/* Fonts */

@font-face {
  font-family: HelveticaNeue;
  src: local("Helvetica Neue"),
       local("HelveticaNeue"),
       url("../fonts/HelveticaNeue.ttf");
}

@font-face {
  font-family: HelveticaNeueLight;
  src: local("Helvetica Neue Light"),
       local("HelveticaNeue-Light"),
       url("../fonts/HelveticaNeueLight.ttf");
}

@font-face {
  font-family: HelveticaNeueBold;
  src: local("Helvetica Neue Bold"),
       local("HelveticaNeueBold"),
       url("../fonts/HelveticaNeueBold.ttf");
}

/* Standard UI elements */

html {
  height: 100%;
  overflow-x: visible;
  zoom: 80%;
}

body {
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  background-color: #4A5247;
  color: #fff;
  font-family: HelveticaNeue, Verdana, Arial, sans-serif;
  font-size: 11pt;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #4A5247), color-stop(1, #525E4E));
  background-image: -moz-linear-gradient(center bottom, #4A5247 15%, #525E4E 100%);
}

h1, h2, h3 {
  font-weight: normal;
  font-family: HelveticaNeueLight, Verdana, Arial, sans-serif;
}

h1 {
  font-size: 1.6em;
  margin: 0 0 10px;
  color: #94d130;
}

h2 {
  font-size: 1.3em;
}

a {
  color: #84b830;
}

a img {
  border: 0;
}

button, input[type="button"], input[type="submit"], input[type="reset"], input[type="submit"].normal {
  font-family: HelveticaNeue, Verdana, Arial, sans-serif;
  font-size: 11pt;
  cursor: pointer;
  background-color: #212421;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 5px 20px;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #010101), color-stop(1, #262825));
  background-image: -moz-linear-gradient(center bottom, #010101 15%, #262825 100%);
}

.button {
  padding: 6px 20px;
  display: inline-block;
}

input[type="submit"], input.highlight, .button.highlight {
  background-color: #84b830;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(87,121,32)), color-stop(1, rgb(132,184,48)));
  background-image: -moz-linear-gradient(center bottom, rgb(87,121,32) 15%, rgb(132,184,48) 100%);
}

input.normal {
  background-color: #212421;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #010101), color-stop(1, #262825));
  background-image: -moz-linear-gradient(center bottom, #010101 15%, #262825 100%);
}

input[type="text"], input[type="password"], input[type="text"]:focus {
  font-size: 11pt;
  text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  padding: 5px;
  background-color: #252525;
  color: #fff;
  margin: 5px 7px 10px 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.4) inset, 5px 5px 10px rgba(0, 0, 0, 0.8) inset, -1px 0px 6px rgba(0, 0, 0, 0.8) inset;
  -webkit-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.5) inset, 1px 1px 1px rgba(0, 0, 0, 0.8) inset;
  -moz-box-shadow: -1px -1px 0px rgba(255, 255, 255, 0.5) inset, 1px 1px 1px rgba(0, 0, 0, 0.8) inset;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(11, 11, 11)), color-stop(1, rgb(23, 23, 23)));
  background-image: -moz-linear-gradient(center bottom, rgba(0,0,0,0.7) 15%, rgba(0,0,0,0.2) 100%);
}

select {
  font-family: HelveticaNeue, Verdana, Arial, sans-serif;
  font-size: 1em;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: #252525;
  color: #fff;
  box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.4) inset, 5px 5px 10px rgba(0, 0, 0, 0.8) inset, -1px 0px 6px rgba(0, 0, 0, 0.8) inset;
  -webkit-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.4) inset, 5px 5px 10px rgba(0, 0, 0, 0.8) inset, -1px 0px 6px rgba(0, 0, 0, 0.8) inset;
  -moz-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.4) inset, 5px 5px 10px rgba(0, 0, 0, 0.8) inset, -1px 0px 6px rgba(0, 0, 0, 0.8) inset;
}

input:focus, textarea:focus, select:focus
{
  border: solid 1px #84b830;
  outline-width: 0;
}

/* Navigation */

nav ul {
  list-style: none;
  float: left;
  clear: both;
  padding-left: 0;
  margin-bottom: -1px;
  overflow: hidden;
  box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5);
}

nav li {
  position: relative;
  float: left;
  box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
  background-color: rgba(46, 46, 46, 0.2);
  padding: 7px 25px;
  text-shadow: 1px 1px 3px #000;
}

nav li a {
  color: #fff;
  text-decoration: none;
}

nav li:first-child {
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
}

nav li:last-child {
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
}

nav li.selected {
  background-color: #3c3f3a;
  box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
  z-index: 10;
}

/* Content */

#main {
  position: relative;
  min-height: 100%;
}

#tabs {
  margin-left: 10px;
  margin-right: 10px;
}

.content_box {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.6) inset, 1px 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.6) inset, 1px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.6) inset, 1px 2px 2px rgba(0, 0, 0, 0.3);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #282a27), color-stop(1, #3c3f3a));
  background-image: -moz-linear-gradient(center bottom, #282a27 15%, #3c3f3a 100%);  
}

#content {
  position: relative;
  clear: both;
  padding: 25px;
  padding-right: 0;
  padding-bottom: 65px;
  background-color: #3c3f3a;
  border-top-right-radius: 5px;
  -webkit-border-radius-topright: 5px;
  -moz-border-radius-topright: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-radius-bottomright: 5px;
  -moz-border-radius-bottomright: 5px;
  box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.6) inset, 1px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.6) inset, 1px 2px 2px rgba(0, 0, 0, 0.3);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #282a27), color-stop(1, #3c3f3a));
  background-image: -moz-linear-gradient(center bottom, #282a27 15%, #3c3f3a 100%);
}

#clear {
  clear: both;
}

#login_form {
  clear: both;
  margin: 0 auto;
  position: relative;
  top: 60px;
  width: 370px;
}

#login_form input {
  float: left;
  margin-right: 0;
  clear: right;
}

#login_form input[type="submit"] {
  float: right;
}

#login_form label {
  clear: right;
  float: left;
  margin-right: 8px;
  padding: 10px 0;
  text-align: right;
  width: 115px;
}

#login_form p {
  text-align: center;
  padding: 20px;
}

#login_form #remember {
  float: right;
}

#login_form #remember_label {
  width: auto;
}

.login_content {
  padding: 30px;
  float: left;
}

#sidebar {
  position: absolute;
  right: 15px;
}

#sidebar_content, #sidebar_nav {
  position: relative;
  float: right;
  clear: none;
}

#sidebar_content {
  display: none;
  padding: 20px;
  background-color: rgba(0,0,0,0.7);
}

#sidebar_content h1 {
  margin-top: -5px;
}

#sidebar_nav {
  top: 100px;
  right: -100px;
  display: block;
  text-align: center;
  cursor: pointer;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

#sidebar_nav ul {
  margin: 0;
  list-style: none;
  padding-left: 0;
}

#sidebar_nav li {
  float: right;
  width: 100px;
  padding: 7px;
  margin-left: 2px;
  background-color: rgba(0, 0, 0, 0.3);
  border-top-left-radius: 5px;
  -webkit-border-radius-topleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  -webkit-border-radius-topright: 5px;
  -moz-border-radius-topright: 5px;
}

#sidebar_nav li.selected {
  background-color: rgba(0, 0, 0, 0.7);
}

#sidebar_content section {
  display: none;
}

#sidebar_content section.visible {
  display: block;
}

.use-sidebar #sidebar_content {
  display: block;
  margin: 0;
  padding: 20px;
  width: 250px;
}

.use-sidebar #sidebar_nav {
  /*
  display: block;
  margin-right: 304px;
  margin-top: 15px;
  position: absolute;
  */
  float: left;
  right: -101px;
}

#button-hide {
  margin-top: 10px;
}

/* Header and footer */

header {
  display: block;
  height: 20px;
  float: right;
  font-size: 1.4em;
}

header img {
  margin: 0 12px 0 5px;
  vertical-align: middle;
}

header, #regatta_title {
  padding: 0.5%;
}

#regatta_title {
  position: absolute;
  right: 86px;
  top: 33px;
  font-family: HelveticaNeueLight;
  font-size: 1em;
}

#footer {
  position: absolute;
  padding: 10px;
  bottom: 0;
  width: 97%;
  height: 30px;
  box-shadow: -5px 0 20px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: -5px 0 20px rgb(0, 0, 0), 0px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.6) inset, 1px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -5px 0 20px rgb(0, 0, 0), 0px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.6) inset, 1px 2px 2px rgba(0, 0, 0, 0.3);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #010101), color-stop(1, #262825));
  background-image: -moz-linear-gradient(center bottom, #010101 15%, #262825 100%);
}

#footer section {
  float: right;
  margin-left: 20px;
  margin-right: 20px;
}

#footer #change_regatta {
  padding-top: 3px;
}

/* Tables */

table {
  border-collapse: collapse;
}

.table, .sf_admin_list {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}

.table a, .sf_admin_list a {
  text-decoration: none;
}

table td, table th {
  font-weight: normal;
  text-align: left;
}

.table td, .table th, .sf_admin_list td, .sf_admin_list th {
  padding: 7px 7px;
}

.table th, .sf_admin_list th {
  background-color: rgba(0, 0, 0, 0.4);
}

.table th a, .sf_admin_list th a {
  color: #fff;
}

.table tr, .sf_admin_list tr {
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.table tr:nth-child(2n+1), .sf_admin_list tr:nth-child(2n+1) {
  background-color: rgba(0, 0, 0, 0.25);
}

tr.started {
  border-left: yellow solid medium;
  border-right: yellow solid medium;
}

#time_list {
  float: left;
  margin-right: 15px;
}

#time_details {
  float: right;
}

/* Results */

.fullscreen {
  font-size: 1.1em;
  padding: 15px;
  margin: 0;
}

.results_table {
  width: 1000px;
}

.results_number {
  width: 30px;
}

.results_category {
  width: 120px;
}

.results_time {
  width: 120px;
}

.results_time {
  width: 120px;
}

/* Forms */

#crew_number {
  width: 80px;
  height: 40px;
  font-size: 2em;
  text-align: center;
}

#crew_details, #time_details, #person_details {
  clear: right;
  float: right;
  margin-bottom: 20px;
  width: 265px;
}

#unassigned_crew_list {
  margin-bottom: 30px;
}

.race_info {
  float: left;
  margin-bottom: 7px;
}

#edit_crew_races .start_number {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  color: #fff;
  padding: 0px 3px;
  margin-right: 7px;
  font-weight: bold;
  display: block;
  float: left;
  text-align: center;
  width: 30px;
}

#crew_races li {
  list-style: none;
  margin-left: -36px;
  padding: 2px;
  clear: both;
}

.rms_filter {
  float: right;
  width: 265px;
}

#crew_details, #person_details, #time_details, .rms_filter, .cms_main_item, #stopwatch_list, #sms_list {
  position: relative;
  padding: 0 10px 10px 10px;
  min-height: 150px;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.8) inset;
  -webkit-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.8) inset;
  -moz-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.8) inset;
}

.cms_main_item {
  float: left;
  margin: 15px;
  padding-bottom: 12px;
  width: 276px;
}

.cms_main_item h1 {
  color: #84b830;
  margin: 0 0 10px;
  padding: 5px 5px 5px 10px;
}

.cms_main_item h3 {
  color: #fff;
  font-size: 1em;
}

.cms_item a, .cms_item a:hover {
  display: block;
  font-weight: normal;
  padding: 15px 12px;
  text-decoration: none;
  border: 1px solid transparent;
}

.cms_item img {
  border: 0 none;
  float: left;
  margin-right: 15px;
  vertical-align: middle;
}

.cms_item a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

#dashboard {
  float: left;
  width: 100%;
}

#main_content {
  /*float: left;*/
}

#main_content form {
  float: left;
}

#fixed_content {
  float: left;
}

#fluid_content {
  float: left;
}

/* Submenu */

.submenu {
  float: left;
  background-color: rgba(0, 0, 0, 0.3);
  margin-right: 10px;
  width: 180px;
  position: relative;
  box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.8) inset;
  height: 100%;
}

.submenu h1 {
  padding: 10px 0 3px 15px;
}

.submenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.submenu li a {
  color: #fff;
  text-decoration: none;
  display: block;
  clear: both;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 13px 15px;
  border-bottom: 0px;
  margin: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #010101), color-stop(1, #262825));
  background-image: -moz-linear-gradient(center bottom, #010101 15%, #262825 100%);
  /* background: url('left.jpg') top left no-repeat, url('right.jpg') top right no-repeat, url('middle.jpg') top center repeat-x; */
}

.submenu li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.submenu li.current a {
  margin: 0 -23px 0 0;
  background-color: #7aaa2c;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(87,121,32)), color-stop(1, rgb(132,184,48)));
  background-image: -moz-linear-gradient(center bottom, rgb(87,121,32) 15%, rgb(132,184,48) 100%);
  background: url('../images/submenu_current_right.png') top right no-repeat, url('../images/submenu_current_left.png') top left no-repeat;
  background-size: 27px 44px, 180px 44px;
  -webkit-background-size: 27px 44px, 180px 44px;
  -moz-background-size: 27px 44px, 180px 44px;
  border: 0;
}

.submenu li.menu_options {
  padding: 30px 0px 50px 15px;
  float: left;
}

.submenu li.menu_options h1 {
  padding: 0 0 3px 0px;
}

.submenu li.menu_options h2 {
  font-size: 1.1em;
  padding: 0;
  margin: 0;
}

.submenu li.menu_options select {
  margin: 5px 0;
  width: 150px;
}

.submenu li.menu_options input[type="button"], .submenu li.menu_options input[type="submit"], .submenu li.menu_options input[type="reset"] {
  padding: 5px 7px;
  margin: 10px 0;
}

.submenu li.menu_options input[type="submit"] {
  margin-right: 3px;
}

.submenu li.menu_options #crew_number {
  width: 140px;
}

/* Forms */

.tab_regatta #fluid_content, .tab_crews #fluid_content, .tab_times #fluid_content, #sf_admin_container {
  width: 1000px;
  padding-left: 15px;
  /*background-color: rgba(0, 0, 0, 0.3);*/
}

#fluid_content label, #fluid_content .extra_info, #fancybox-content label {
  display: inline-block;
  padding: 10px 15px 10px 0;
}

#fluid_content label, #fancybox-content label {
  width: 160px;
}

#fluid_content .extra_info {
  margin-left: 10px;
}

#fluid_content button {
  margin-top: 5px;
}

.tab_regatta input[type="submit"], .tab_regatta .submit {
  clear: both;
  float: right;
  margin-top: 10px;
}

#fluid_content fieldset {
  border: 0;
  padding: 20px;
  margin-bottom: 20px;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.8) inset;
  -webkit-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.8) inset;
  -moz-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.8) inset;
}

fieldset ol, #fancybox-content ol {
  margin: 0;
  padding: 0;
}

fieldset li, #fancybox-content li {
  list-style: none;
  margin: 0;
  padding: 3px 0;
  clear: both;
}

.infobox {
  float: left;
  width: 400px;
  border: 0;
  padding: 20px;
  margin-bottom: 20px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#fluid_content input[type="text"] {
  margin-top: 0;
  margin-bottom: 0;
}

input[type="text"].small {
  width: 50px;
}

input[type="text"].medium {
  width: 90px;
}

input[type="text"].large {
  width: 200px;
}

select.large {
  width: 200px;
}

select.x-large {
  width: 400px;
}

input[type="text"].date {
  width: 90px;
  margin-right: 10px;
}

label.large {
  width: auto;
}

/* Specific form elemenents */

#fluid_content #upload_knrb {
  float: left;
  clear: both;
}

.tab_regatta fieldset {
  float: left;
  width: 400px;
}

.tab_regatta fieldset:nth-child(2n+1) {
  clear: left;
  margin-right: 20px;
}

/* Traffic */

table.traffic {
  float: left;
  margin-right: 10px;
}

th.traffic_time {
  text-align: center;
}

#stopwatch_list, #sms_list {
  float: right;
  width: 300px;
  padding: 10px 0 3px 11px;
  margin-top: 10px;
  margin-right: 10px;
}

.trafic_status {
  
}

.traffic_yes {
  background-color: #94D130;
}

.traffic_warning {
  background-color: #FF8A00;
}

.traffic_no {
  background-color: #FC0000;
}

#results_table {
  clear: both;
}

table#crews {
  clear: both;
  margin-top: 20px;
}

table#unasigned_crews {
  width: 630px;
}

table#crews th.column_number {
  width: 20px;
}

table#crews th.column_division {
  width: 100px;
}

table#crews th.column_name {
  width: 150px;
}

table#crews th.column_club {
  width: 50px;
}

table#crews th.column_stroke {
  width: 125px;
}

table#crews th.column_status {
  width: 22px;
  text-align: center;
}

#crew_list, #person_list, #crew_list h1, #person_list h1 {
  float: left;
}

#crew_details h1, #person_details h1 {
  clear: both;
}

#crew_details select, #person_details select {
  width: 184px;
  margin: 3px 0;
}

#crew_details table, #person_details table {
  clear: both;
}

#crew_details input[type="submit"], #crew_details input[type="button"],
#person_details input[type="submit"], #person_details input[type="button"] {
  margin: 15px 5px 10px 0;
}

#crew_details fieldset, #person_details fieldset {
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  margin-bottom: 20px;
  padding: 0;
  clear: both;
}

#create_crew {
  float: right;
  clear: both;
  margin-top: -10px;
}

#edit_crew {
  margin-top: 15px;
}

#edit_crew_members table {
  width: 100%;
}

#crew_details .crew_details th,
#person_details .person_details th{
  width: 80px;
}

#crew_details .crew_details td,
#person_details .person_details td {
  font-style: italic;
}

#crew_details .sub_info,
#person_details .sub_info {
  padding: 5px 0;
  font-style: italic;
}

#crew_details .subtitle,
#person_details .subtitle {
  font-size: 1.3em;
}

/* Pager */

.rms_filter {
  float: left;
}

.pager_navigation {
  margin: 5px -10px 0 -5px;
  padding: 3px 0;
  float: right;
}

.pager_navigation ul {
  list-style: none;
}

.pager_navigation li {
  display: block;
  clear: none;
  float: left;
  padding-left: 0;
  margin-right: 5px;
  padding: 0px 5px;
}

.pager_navigation img {
  border: 0;
}

.pager_navigation a {
  text-decoration: none;
}

ul.sf_admin_actions {
  float: left;
  padding: 0;
}

.sf_admin_actions li {
  float: left;
  clear: none;
}

#sf_admin_container h2 {
  margin: 0;
}

#sf_admin_container input[type="submit"] {
  margin-top: 0;
  margin-left: 15px;
}

#sf_admin_container fieldset {
  margin-bottom: 0;
}

.sf_admin_filters {
  float: right;
  margin-right: 20px;
}

p.message {
  font-family: HelveticaNeueBold, Verdana, Arial, sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 20px 0 10px;
}

#fluid_content p.message input[type="submit"] {
  margin-top: 0;
}

#make_query {
  clear: both;
  margin-top: 15px;
}

.select_controls {
  float: right;
  clear: both;
}

.select_controls input[type="button"], .select_controls button, .select_controls a {
  margin-top: 10px;
  margin-left: 10px;
  float: right;
  padding: 6px 15px;
}

.select_controls .add_remove {
}

/* Modal window */

#fancybox-content {
  border: 0;
  padding: 35px;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.6) inset, 1px 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.6) inset, 1px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(0, 0, 0, 0.6) inset, 1px 2px 2px rgba(0, 0, 0, 0.3);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #282a27), color-stop(1, #3c3f3a));
  background-image: -moz-linear-gradient(center bottom, #282a27 15%, #3c3f3a 100%);
}

#fancybox-outer {
  background: transparent;
}

#time_slot_list, #time_slot_list select {
  float: left;
  width: 250px;
}

#time_slot_list select {
  clear: both;
}

#time_slot_form {
  width: 390px;
}

#fancybox-content input[type="submit"], #fancybox-content input[type="button"], #fancybox-content button, #fancybox-content .button {
  float: right;
  margin-left: 15px;
}

/* Sort lists */

#assign_all_box {
  margin-bottom: 30px;
  margin-top: 25px;
}

fieldset#select_division {
  width: 200px;
}

#sort_groups {
  float: left;
  width: 600px;
  padding-right: 10px;
}

#sort_groups h2 {
  margin: 0 0 10px;
}

#sort_groups select {
  float: right;
  margin-right: 10px;
}

.sort_item_select {
  float: right;
}

#sort_groups ol {
}

#groups_indicator, #race_time_slot_indicator {
  float: right;
  margin-top: -30px;
}

#groups_indicator.left_aligned {
  float: none;
  margin-top: 0px;
  margin-left: 10px;
}

.divisions_sort_indicator {
  float: left;
  margin: -34px 0 0 -23px;
}

.time_slot_indicator {
  float: right;
  margin-right: -18px;
  margin-top: 6px;
}

#show_crew_indicator {
  float: right;
  margin-bottom: -25px;
  margin-top: 5px;
}

#time_slots_loader, #race_types_loader {
  float: left;
}

#rms_time_slots div {
  float: left;
  margin-right: 50px;
  margin-bottom: 15px;
}

.ui-sortable {
  padding-left: 0;
}

.ui-sortable li {
  cursor: move;
  list-style: none;
  padding: 6px 10px;
  margin-bottom: 2px;
  border-left: 5px solid #84b830;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: -moz-linear-gradient(center bottom , #1B1C1A 15%, #262825 100%)
}

/* Bullets */

.bullet {
  height: 22px;
  width: 22px;
}

.bullet_yes {
  background-image: url('../images/crew_status_green.png');
}

.bullet_warning {
  background-image: url('../images/crew_status_yellow.png');
}

.bullet_no {
  background-image: url('../images/crew_status_red.png');
}

.bullet_unknown {
  background-image: url('../images/crew_status_grey.png');
}

/* Manual times */

#time_list {
  float: left;
  margin-top: 15px;
}

.time_list_number {
  width: 30px;
}

.time_list_crew {
  width: 120px;
}

.time_list_race_type {
  width: 80px;
}

.time_list_time_slot {
  width: 80px;
}

.time_list_distance {
  width: 60px;
}

.time_list_timestamp {
  width: 100px;
}

.time_list_estopwatch {
  width: 100px;
}

.time_list_stopwatch {
  width: 250px;
}

.time_list_autorefresh {
  float:left;
  padding-left: 140px;
}

.time_list_diff {
  width: 80px;
}

#time_list input[type="text"] {
  width: 25px;
  text-align: center;
}

#time_list input[type="submit"] {
  width: 30px;
  padding: 3px;
}

#footer p {
  float: left;
  padding: 0;
  margin: 0;
}

#footer section#estopwatches {
  float: left;
  margin: 6px 0 0;
}

#estopwatches ul {
  padding: 0;
  margin: 0;
}

#estopwatches li {
  float: left;
  list-style: none;
}

#estopwatches li.bullet {
  width: 22px;
  height: 22px;
  margin: 0 5px;
}

#estopwatches li.estopwatch_title {
  margin-left: 20px;
}

#footer input[type="button"] {
  margin-left: 15px;
}

h2.rms_results {
  float: right;
  font-size: 1.5em;
  margin-top: -40px;
}

td.ok {
    background-color: #008000;
}
td.error {
    background-color: #ff0000;
}
td.warning {
    background-color: #ffff00;
    color: #000000;
}