/*
    Document   : style.css
    Created on : Mar 29, 2011, 1:35:26 PM
    Author     : user
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/* Named */

#fullContent {
    background-color: #FFFFFF;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px; 
    padding: 5px;
    border: 1px solid #1C3978;
    background-image: url('/images/divfade.png'); 
    background-repeat: repeat-x;
    min-height: 600px;
}

#dashlinks {
    margin: 10px;
}

#orderlist {
    margin: 10px;
}

#toplinks {
    margin-top: 10px;
    margin-bottom: 10px;
}

#buyer {
    border-collapse: collapse;
}

#seller {
    border-collapse: collapse;
}

#saved {
    position: relative;
    height: 100px;
    width: 200px;
    line-height: 100px;
    border: 1px solid black;
    background-color: #FFFED6;
    padding-left: 150px;
    visibility: hidden;
}

#maincontent {
    margin-left: 40px;
    margin-right: 40px;
}

#PDF {
    width: 1000px;
}

/* Lists */

ol.a {
    list-style-type: decimal;
    margin-left: 50px;
}

ol.a li {
    padding: 10px;
}

ol.b {
    list-style-type: lower-alpha;
    margin-left: 100px;
    margin-bottom: 10px;
}

/* Tables */

table.account {
    border-collapse: collapse;
}

table.account td {
    padding: 5px;
}

table.account td.leftcolumn {
    width: 150px;
}

table.menu {
    border-collapse: collapse;
    width: 100%;
}

table.menu td.menu, th.menu {
    padding: 0;
}

td.accountleft {
    background-color: #ececec;
    text-align: right;
    width: 120px;
    padding: 2px;
}

td.accountright {
    padding-left: 8px;
}

td.newescrowleft {
    background-color: #ececec;
    text-align: right;
    width: 120px;
    padding: 2px;
}

td.newescrowright {
    text-align: left;
}

td.newescrowrighterror {
    color: red;
}

td.newescrowrighterror input {
    border: 1px solid red;
    text-align: left;
    width: 300px;
}

td.newescrowright input {
    width: 300px;
    border: 1px solid #e0e0e0;
}

table.trackeraircraft {
    border: 1px solid black;
}

table.trackeraircraft th {
    text-align: left;
}

table.trackerbuyer {
}

table.trackerbuyer th {
    text-align: left;
}

table.trackerbuyer td.trackerbuyerleft {
    text-align: left;
    width: 100px;
}

table.trackerseller {
    width: 500px;
}

table.trackerseller th {
    text-align: left;
}

table.trackerseller td.trackersellerleft {
    text-align: left;
    width: 100px;
}

table.documents {
    width: 300px;
}

table.documents td.lineitem {
    padding-top: 20px;
}

table.orderlist {
    border-collapse: collapse;
}

table.orderlist tr.orderlist:hover {
    background-color: #e0e0e0;
}

table.orderlist td.ordernum {
    width: 70px;
}

table.orderlist td.aircraft {
    width: 100px;
}

table.orderlist td.buyer {
    width: 300px;
}

table.orderlist td.seller {
    width: 300px;
}

table.orderlist td {
    border: 1px solid black;
}

table.terms td {
    padding: 5px;
}

table.terms td.termsColumn1 {
    width: 175px;
}

table.terms input {
   border: 1px solid black;
}

table.usertable {
    color: black;
    text-align: left;
}

table.usertable A:link {
    color: black;
}

table.usertable td {
    padding: 5px;
    border: 1px solid #e0e0e0;
}

table.usertable td.username {
}

table.usertable th {
    text-align: left;
}

table.terms td.left{
    width: 150px;
}

table.accountDetails td {
    padding-right: 10px;
}

table.summary td {
    padding-left: 10px;
}

table.summary td.summaryleft {
    background-color: #ececec;
    text-align: right;
    width: 120px;
    padding: 2px;
}

table.cityState td {
    
}

table.cityState td.city {
    width: 150px;
}

table.cityState td.state {
    width: 50px;
}


/* Divs */

div.checklists {
    display: inline;
}

div.trackerchecklist {
    width: 250px;
    display: inline-block;
    vertical-align: top;
}

div.dashboardlink {
    padding: 5px;
}

div.trackerCheck {
    display: table-cell;
    width: 50px;
}

div.trackerCheckShim {
    height: 4px; 
    font-size: 4px;
}

div.trackerCheckText {
    display: table-cell;
    width: 180px;
}

div.trackerCheckTextChanged {
    display: table-cell;
    font-style: italic;
}

div.trackerTextShim {
    line-height: 8px;
    font-size: 8px;
}


div.divmargin {
    margin-top: 10px;
    margin-bottom: 10px;
}

div.newescrowrighterror {
    color: red;
}

div.newescrowrighterror input {
    border: 1px solid red;
    text-align: left;
    width: 300px;
}

div.notice {
    color: red;
}

div.note {
    font-style: italic;
    /*color: #7a7f85;*/
    color: black;
}

div.changed {
    font-style: italic;
}

.footerLink {
    font-size: 11px;
}

.termsHeader {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

p.terms {
    font-size: 11px;
}

textarea.specialInstructions {
    width: 650px;
    height: 100px;
    border: 1px solid black;
    overflow: hidden;
}

.toplinks {
    color: #3f9da6;
    font-size: 12px;
}

.message{
		background-size: 40px 40px;
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);										
		 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 width: 100%;
		 border: 1px solid;
		 color: #fff;
		 padding: 15px;
		 position: fixed;
		 _position: absolute;
		 text-shadow: 0 1px 0 rgba(0,0,0,.5);
		 animation: animate-bg 5s linear infinite;
}

.saved{
		 background-color: #4ea5cd;
		 border-color: #3b8eb5;
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}


:-webkit-input-placeholder {color: #E0E0E0;}

:-moz-placeholder {color: #E0E0E0;}

.placeholder { color: #E0E0E0 }