.frontpage-keywords {
 font-size: 140%;
 color: gray;
 font-weight: bold;
}

.intro-text {
 position: relative; /* IE6 fix */
 padding: 25px;
 width: 400px;
 font-size: 120%;
 font-weight: bold;
 color:#8099B3;
}

.watch-link a {
 font-size: 140%;
 font-weight: bold;
}

.demo-link a {
 font-size: 140%;
 font-weight: bold;
}

.signup-link a {
 font-size: 140%;
 font-weight: bold;
 color: green;
}

.signin-link {
 font-size: 120%;
 font-weight: bold;
}

#shipments-nostored {
 color: #006699;
 margin: 0;
 font-size: 150%;
 font-weight: bold;
 padding: 5px 0 5px 0;
}

.form-button {
 border: #01364c 1px solid;
 font-size: 11px;
 background: #e7ecef;
 width: auto;
 color: #000000;
 font-family: arial, sans-serif;
 height	: 17px;
 text-decoration : none;
}

.form-select {
 border  	: #01364c 1px solid;
 font-size	: 11px;
 font-family	: arial, helvetica;
 background-color: #FAFAFA;
}

.form-input {
 border: #495862 1px solid;
 font-size: 11px;
 font-family: arial, helvetica,sans-serif;
 background-color: #FAFAFA;
}

.form-line {
 clear:left
}

.form-item {
 float:left;
 padding: 5px;
 font-weight: bold;
}

.form-tip {
 float:left;
 margin: 20px 0 0 5px;
 padding: 5px;
 border: 1px dashed #b3bec6;
 background-color: #eaeaea;
}

#shipments-nav {
 font-size: small;
 float: right;
 margin: 0;
 padding: 0 20px 0 0;
 list-style: none;
}

#shipments-nav li {
 float: left;
 margin: 0 1px 0 0;
 padding: 0;
 background: #eeeeee;
}

#shipments-nav li.current {
 position: relative;
 top: 1px;
 background: #ffffff;
}

#shipments-nav a {
 float: left;
 display: block;
 margin: 0;
 padding: 3px 8px;
 text-decoration: none;
 border: 1px solid #b3bec6;
 border-bottom: none;
 height: 19px;
}

.shipment-input-info {
 border: #495862 1px solid;
 font-size: 11px;
 font-family: arial, helvetica,sans-serif;
 background-color: #FAFAFA;
 width: 300px;
}

.shipment-input-extended {
 border: #495862 1px solid;
 font-size: 11px;
 font-family: arial, helvetica,sans-serif;
 background-color: #FAFAFA;
 width: 300px;
 height: 200px;
}

#shipments-list {
 font-size: small;
 clear: both;
 border-top: 1px solid #b3bec6;
 padding-top: 5px;
}

.shipments-more {
 padding: 5px;
}

.shipment {
 padding: 5px;
 border-bottom: 1px solid #b3bec6;
 min-height: 40px;
}
.shipment-line {
 position: relative;
 clear: both;
 padding: 2px 0;
}
.shipment-data {
 float: left;
 color: #006699;
 font-weight: bold;
 width: 150px;
}

.shipment-number {
 float: left;
 color: #006699;
 font-weight: bold;
 width: 180px;
}

.shipment-number a {
 color: #006699;
}

.shipment-info {
 float: left;
 color: #006699;
}

.shipment-invited {
 left: 220px;
 top: 0px;
 font-weight: bold;
 position: absolute;
}

.shipment-invited-accept a {
 color: green;
}

.shipment-invited-deny a {
 color: red;
}

.shipment-updates {
 left: 150px;
 top: 0px;
 position: absolute;
 padding: 0 2px 2px 2px;
 background: #eeeeee;
}

.shipment-tasks {
 left: 330px;
 top: 0px;
 position: absolute;
 padding: 0 2px 2px 2px;
 background: #d9e8e4;
}

.shipment-info-ext {
 border: 1px solid #b3bec6;
 background-color: #eeeeee;
 padding: 5px;
 margin: 5px;
 width: 350px;
}

.hide-link {
 float:right;
 padding: 0;
 margin: 0;
 font-size: 80%;
 font-weight: bold;
}

.followers-list {
 border: 1px solid #b3bec6;
 background-color: #eeeeee;
 float:right;
 padding: 5px;
 margin: 5px;
 width: 350px;
}

.shipment-icon-right {
 float: right;
 margin-right: 5px;
}
.shipment-right-1 {
 left: 810px;
 position: absolute;
}
.shipment-right-2 {
 left: 710px;
 position: absolute;
}
.shipment-followers {
 left: 710px;
 position: absolute;
}
.shipment-date {
 float:left;
 font-size: x-small;
 font-style: italic;
 color: #a0a0a0;
 padding-top: 3px
}
.update-area {
 font-size: small;
 position: relative;
 padding: 5px 0;
 margin: 5px 0;
}

.updates-heading {
 color: #006699;
 font-weight: bold;
 padding: 0 5px;
}

.updates-heading a {
 color: #006699;
}

.update-line {
 padding: 5px 0;
 margin: 3px 0;
 position: relative;
 background: #eeeeee;
}

.task-line {
 padding: 5px 0;
 margin: 3px 0;
 position: relative;
 background: #d9e8e4;
}

.update-info {
 left: 220px;
 top: 0px;
 width: 450px;
 position: relative;
}

.update-time {
 right: 770px;
 top: 5px;
 position: absolute;
 color: gray;
 font-style: italic;
}

.task-time {
 right: 770px;
 top: 5px;
 position: absolute;
 font-style: italic;
}

.update-right {
 left: 650px;
 top: 15px;
 position: absolute;
}

.update-user {
 left: 810px;
 top: 5px;
 position: absolute;
}

.update-access {
 left: 710px;
 top: 5px;
 position: absolute;
}

.update-input {
 border: #495862 1px solid;
 font-size: 11px;
 font-family: arial, helvetica,sans-serif;
 background-color: #FAFAFA;
 width: 200px;
 height: 15px;
}

.update-input-area {
 left: 220px;
 position: relative;
}

.update-icon-right {
 right: 5px;
 top: 5px;
 position: absolute;
}

.update-icon-close {
 right: 20px;
 top: 5px;
 position: absolute;
}

.task-info {
 left: 220px;
 top: 0px;
 width: 450px;
 position: relative;
}

.task-solution {
 left: 450px;
 position: relative;
}

.task-input-solution {
 border: #495862 1px solid;
 font-size: 11px;
 font-family: arial, helvetica,sans-serif;
 background-color: #FAFAFA;
 width: 300px;
}

.admin-shippers {
  float:left;
  padding:10px;
}

.admin-list {
  margin:0;
  margin-top:10px;
  padding:0;
  list-style-type: none;
  width:250px;
}

.admin-list li {
  margin:0;
  margin-bottom:4px;
  padding:2px;
  background-color: #eaeaea;
  border:1px solid #888;
}

.sort-list-handle {
  padding: 0 4px 0 4px;
  cursor: move;
}

.list-action {
  float: right;
  padding-right: 4px;
}

#timezone {
 margin-right: 70px;
 font-size: small;
 color: #333333;
}

.invite-description {
 font-size: 120%;
 margin: 10px 0;
}

.invite-track-link {
 font-size: 140%;
 font-weight: bold;
 color: green;
 margin: 20px;
}

.invite-track-link a {
 color: green;
}

#info-box-area {
 width: 700px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 200px;
 font-size: 140%;
}

#info-box {
 background-color: #ffffff;
 border: #01364c 1px solid;
 padding: 20px;
}

.info-box-error-text {
 color: red;
}

p.p-simple-format {
 margin: 0;
 padding: 0;
}

#progress {
  color: #006699;
  font-size: 120%;
  padding: 5px 5px 5px 15px;
  margin: 10px 0 5px 0;
  background-color: #ffffff;
  border: solid #dddddd;
  border-width: 1px;
}

#progress span.current{
  font-weight: bold;
}

#demo-warning {
 font-size: small;
 color: white;
 background-color: red;
}
