/* 
    Document   : billing-elements.css
    Created on : 25.01.2010, 10:05:37
    Author     : stefan
    Description:
        Purpose of the stylesheet follows.
*/

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


.mod-billing div, .mod-billing p, .mod-billing td, .mod-billing th {
	font-size: 11px;
	text-align: left;
	color: #333333;
}

.mod-billing p {
	margin: 0px 0px 7px 0px;
}

.mod-billing a {
	font: inherit;
	color: #333333;
}

.mod-billing a:hover {
	font: inherit;
	color: #000000;
}

.mod-billing #frame {
	border: solid 1px #CCCCCC;
	margin: 10px;
	padding: 10px 10px;
	width: 1170px;
}

.mod-billing #topArea {
	clear: left;
	float: left;
	width: 100%;
}

.mod-billing #logo {
	clear: left;
	float: left;
}

.mod-billing #mainNav {
	float: left;
	margin: 0px 0px 0px 34px;
	width: 943px;
}

.mod-billing .menuItem {
	float: left;
	margin-bottom: 5px;
}
.mod-billing .menuItemSeparator {
	float: left;
	margin: 0px 4px;
}
.mod-billing .menuGroupSeparator {
	float: left;
	width: 15px;
	margin: 0px 3px;
}

.mod-billing #user-info {
	clear: right;
	float: right;
}

.mod-billing #quickSearch {
	clear: right;
	float: right;
}

.mod-billing #quickSearchForm {
	margin: 5px 0px 0px;
	padding: 0px;
}


.mod-billing #contentIFrame {
	width: 1158px;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
	min-height: 660px;
	padding: 5px;
}

/* --------------------------------- */

#orderList {
	clear: left;
	float: left;
	margin: 5px 5px 30px;
	border: solid #FEE0B3 1px;
}

#orderList .item {
	padding: 3px 10px;
	clear: left;
	float: left;
}
#orderList .odd {
	background-color: #FEE0B3;
}
#orderList .even {
	background-color: #FFFFFF;
}
#orderList .dunning {
	background-color: #FF9999;
}


#orderList .item .customerInfo {
	clear: left;
	float: left;
	width: 1103px;
	font-weight: bold;
}
#orderList .item .number {
	clear: left;
	float: left;
	width: 103px;
	font-weight: bold;
}
#orderList .item .express {
	color: red;
}

#orderList .item .date {
	float: left;
	width: 120px;
}
#orderList .item .contact {
	float: left;
	width: 160px;
}
#orderList .item .orderText {
	float: left;
	width: 240px;
}
#orderList .item .items {
	float: left;
	width: 70px;
}
#orderList .item .delivery {
	float: left;
	width: 200px;
}

#orderList .item .status {
	float: left;
	width: 140px;
	text-align: right;
	margin: 7px 20px 0px;
}
#orderList .item .controls {
	float: left;
	width: 82px;
	text-align: left;
	margin: 7px 0px 0px;
}

#orderList .item .status .title {
	float: right;
	margin-right: 5px;
}

#orderList .item .status .icon {
	float: right;
}



/* --------------------------------- */

#order .billingContent {
	background-color: white;
}

#order .billing-data {
	width: 430px;
	clear: left;
	float: left;
}

#order .billing-data .order-info {
	font-weight: bold;
	margin-bottom: 5px;
}

#order .billing-data .field {
	clear: left;
	float: left;
	margin-bottom: 5px;
}

#order .billing-data .field .label {
	clear: left;
	float: left;
	width: 100px;
}

#order .billing-data .field .element {
	float: left;
}

#order .billing-data .field .element .std-text-input {
	float: left;
	width: 180px;
}

#order .billing-data .field .extra {
	float: left;
	width: 130px;
	margin-left: 5px;
}

#order .billing-data .field .extra .field {
	float: left;
	margin-bottom: 0px;
}
#order .billing-data .field .label {
	margin-top: 2px;
}
#order .billing-data .field .extra .label {
	float: left;
	width: 40px;
}
#order .billing-data .field .extra .element {
	float: left;
}
#order .billing-data .field .extra .element input {
	float: left;
	width: 60px;
}

#billingLocalArea {
	margin-left: 10px;
	clear: right;
	float: left;
}

.mod-billing .subNav {
	clear: left;
	float: left;
	margin: 0px 0px 1px 0px;
}

#billing-file-list {
	clear: left;
	float: left;
	width: 485px;
	height: 331px;
	padding: 5px;
	overflow:scroll;
	border: solid 1px #595959;
}

/* --------------------------------- */

#orderStatusStatList {
	clear: left;
	float: left;
	margin: 50px 0px 50px 400px;
	border: solid #FEE0B3 1px;
}

#orderStatusStatList .item {
	clear: left;
	float: left;
	margin: 5px 20px;
}

#orderStatusStatList .item .title {
	clear: left;
	float: left;
	font-weight: bold;
	width: 120px;
}

#orderStatusStatList .item .amount {
	float: left;
	width: 120px;
	text-align: right;
}






.mod-billing .file-list {
}
.mod-billing .file-list .tr {
	height: 18px;
}
.mod-billing .file-list .section-title {
	clear: left; float: left; font-size: 12px;
}
.mod-billing .file-list .th {
	font-weight: bold;
}
.mod-billing .file-list .cell-name {
	clear: left; float: left; width: 220px;
}
.mod-billing .file-list .cell-size {
	float: left; margin-left: 10px; width: 50px; text-align: right;
}
.mod-billing .file-list .cell-modified {
	float: left; margin-left: 10px; width: 110px;
}
.mod-billing .file-list .cell-controls {
	float: left; margin-left: 10px; width: 30px;
}