/* copyright 2009, Rafael Xavier de Souza */

body {
  font-family:Arial,sans-serif;
  font-size:84%;
  margin:0pt;
  }

#body {
  clear:both;
  }
#main {
  position:relative;
  }

#header #release {
  position:absolute;
  left:120px;
  top:51px;
  color:#F60018;
  font-size:74%;
  }

.warn {
  background-color:#FFFFBF;
  padding:0.6em 1em;
  border: 1px solid #DDDD8D;
  }

.alert {
  background-color:#FFFFBF;
  padding:0.6em 1em;
  border: 1px solid #DDDD8D;
  }

.example, .info {
  color:#666666;
  }

.buttons {
  clear:both;
  overflow:hidden;
  width:100%;
  }
.buttons div, .buttons a, .buttons input {
  float:right;
  margin-left:0.5em;
  }

.sortable {
  cursor:move;
  cursor:-moz-grab;
  }

.sortable.grabbing {
  cursor:-moz-grabbing;
  }

/* Images */
#spinner_div {
  width:33px;
  padding-top:5px;
  /*margin-left:-10px; / * substracting header padding */
  margin-left:auto;
  margin-right:auto;
  height:6px;
  clear:both;
  }
img#spinner {
  vertical-align:top;
  margin:0pt; padding:0pt;
  }

img.icon {
  background: transparent url(http://beta.simbora.com.br/images/icons.png) no-repeat scroll 0 0;
  vertical-align:bottom;
  border:none;
  }

img.logo {
  width:151px;
  height:36px;
  background-position: 0pt 0pt;
  }
img.person0, img.person1, img.person2, img.person3, img.person,
img.car0, img.car1, img.car2, img.car3, img.car {
  width:16px;
  height:16px;
  }
img.person  { background-position: 0pt -100px; }
img.person.empty { background-position: -20px -100px; }
img.person0 { background-position: -20px -100px; }
img.person1 { background-position: -40px -100px; }
img.person2 { background-position: -60px -100px; }
img.person3 { background-position: -80px -100px; }
img.car  { background-position: 0pt -120px; }
img.car.empty { background-position: -20px -120px; }
img.car0 { background-position: -20px -120px; }
img.car1 { background-position: -40px -120px; }
img.car2 { background-position: -60px -120px; }
img.car3 { background-position: -80px -120px; }
img.del {
  width:11px;
  height:16px;
  background-position: 0pt -80px;
  }
img.add {
  width:14px;
  height:14px;
  background-position: 0pt -40px;
  }
img.accept, img.reject {
  width:16px;
  height:18px;
  }
img.accept { background-position: -80px -60px; }
img.reject { background-position: -80px -40px; }
img.clock {
  width:13px;
  height:13px;
  background-position: 0pt -140px;
  }
img.seat_taken, img.seat_free {
  width:4px;
  height:13px;
  }
img.seat_free.first { background-position: 0pt -160px; width:5px; }
img.seat_free { background-position: -10px -160px; }
img.seat_taken.first { background-position: -20px -160px; width:5px; }
img.seat_taken { background-position: -30px -160px; }

/* Links & Buttons */
a.btn {
  white-space:nowrap;
  text-decoration:none;
  }
a.btn span {
  text-decoration:underline;
  margin:0 4px;
  }

a.btn:hover img.add { background-position: -40px -40px; }
a.btn:hover img.del { background-position: -20px -80px; }
a.btn:hover img.accept { background-position: -100px -60px; }
a.btn:hover img.reject { background-position: -100px -40px; }

/*
div.add {
  float:right;
  margin:0.5em 0 1em;
  }
*/

    /* Auto Complete */
#main div.autocomplete {
  margin:0px;  
  padding:0px;  
  background-color:#fff;
  border:1px solid #888;
  position:absolute;
  z-index:998;
  }
#main div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
  }
#main div.autocomplete ul li.selected { 
  background-color:#F0FFF4;
  }
#main div.autocomplete ul li {
  margin:0pt;
  padding:4px;
  display:block;
  list-style-type:none;
  cursor:pointer;
  }
#main div.autocomplete span.informal {
  display:none;
  }

    /* Select Box */
#main div.selectbox {
  margin:0px;  
  padding:0px;  
  background-color:#fff;
  border:1px solid #888;
  position:absolute;
  font-size:12px;
  z-index:3;
  min-width:100px;
  max-height:200px;
  overflow:auto;
  }
#main div.selectbox ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
  }
#main div.selectbox ul li.selected { 
  background-color:#F0FFF4;
  }
#main div.selectbox ul li {
  margin:0;
  padding:4px;
  display:block;
  list-style-type:none;
  cursor:pointer;
  }
#main div.selectbox span.informal {
  display:none;
  }
#main div.selectbox img.informal.vehicleicon {
  background: transparent url(http://beta.simbora.com.br/images/vehicleicons.png) no-repeat scroll 0 0;
  width:16px;
  height:16px;
  margin-top:1px;
  margin-right:2px;
  vertical-align:middle;
  }

#main div.selectbox img.informal.person1 {
  background-position: 0px 0px;
  }
#main div.selectbox img.informal.person2 {
  background-position: -20px 0px;
  }
#main div.selectbox img.informal.person3 {
  background-position: -40px 0px;
  }
#main div.selectbox img.informal.car1 {
  background-position: 0px -20px;
  }
#main div.selectbox img.informal.car2 {
  background-position: -20px -20px;
  }
#main div.selectbox img.informal.car3 {
  background-position: -40px -20px;
  }