/* Order table */

table.place-order-table {
	border: solid #E0E0E0 1px;
	border-spacing: 0px;
}

table.place-order-table thead tr th {
	font-weight: bold;
	padding: 0.2em;
	border-bottom: solid black 1px;
	background-color: #003366;
	color: white;
	text-align: left;
}

table.place-order-table tbody tr {
	background-color: #F2F2E8;
	color: #000000;
	background-position: top;
	vertical-align: middle;
	padding: 0.2em;
}

table.place-order-table tbody tr.odd {
	background-color: #F2F2E8;
}

table.place-order-table tbody tr.even {
	background: transparent;
}


/* order table with divs */

div.place-order-table {
	border: solid #E0E0E0 1px;
} 

div.place-order-table .head {
	font-weight: bold;
	padding: 0.2em;
	border-bottom: solid black 1px;
	background-color: #003366;
	color: white;
}

div.place-order-table .foot {
	border-top: solid black 2px;
	background-color: transparent;
}

div.place-order-table .row {
	background-color: #F2F2E8;
	color: #000000;
	background-position: top;
	vertical-align: middle;
	padding: 0.2em;
}

div.place-order-table .row.odd {
	background-color: #F2F2E8;
}

div.place-order-table .row.even {
	background: transparent;
}

div.place-order-table .row .col, div.place-order-table .head .col, div.place-order-table .foot .col {
	padding: 0.2em;
	float: left;
	display: table-cell;
	vertical-align: middle;
}


/* Order Forms */

.order-form .section {
	padding-top: 10px;
}

.order-form .section > .label {
	float: left;
	vertical-align: bottom;
	color:#25305E;
	font-size:16px;
}

.order-form .section > .toolbox {
	float: right;
	padding-bottom: 3px;
}

.order-form .section > .contents {
	border-top: 1px solid gray;
	padding-top: 5px;
}

.order-form .bottom {
	float: right;
	padding-top: 4px;
}

.order-form-explanation .section {
	padding-top: 10px;
}

.order-form-explanation .section > .label {
	color:#25305E;
	font-size:14px;
}

.order-form-explanation .section > .contents {
	border-top:1px solid gray;
}

/* Vertical Forms */

.form-pair {
}

.form-pair label {
	float: left;
}

.form-pair input, .form-pair select, .form-pair textarea {
	float: left;
}

.data-pair > .label {
	float: left;
}

.data-pair > .data {
	float: left;
}

/* Order Review Page */

.order-review .section {
	padding-top: 10px;
}

.order-review > .section > .label {
	color:#25305E;
	float:left;
	font-size:16px;
	vertical-align:bottom;
}

.order-review > .section .contents {
	border-top: solid gray 1px;
}

.order-review > .section .pairing {

}

.order-review > .section .pairing .label{
	float: left;
}

.order-review > .section .pairing .data{
	float: left;
}

.order-review .bottom {
	float: right;
	padding-top: 4px;
}