table#detailsPageContent {

}

table#detailsPageContent tr.pageLevel {
    height: 250px;
}

table#detailsPageContent td.leftPanel {
    width: 450px;
    padding-left: 30px;
    text-align: center;
}

table#detailsPageContent td.centerPanel {
    width: 250px;
}

table#detailsPageContent td.rightPanel {
    width: 150px;
}

.prop .main {
    white-space: normal;
    font-weight: bold;
    font-size: 16;
    font-family: sans-serif;
}

.prop .name {
    font-weight: bold;
    text-align: left;
    font-size: 11;
    white-space: nowrap;
    width:15%;
}

.prop .value {
    text-align: left;
    white-space: normal;
    font-size: 11;
    width:auto;
}

table#customerInfoTable {
    border: 1px solid #ccc;
}

table#customerAdditionalInfoTable {
    border: 0px;
}

table#customerContactInfoTable {
    border: 0px;
}
/*Re-writing GrailsUI CSS */
div.datefield {
    left:0px;
    padding:0px;
    top:0px;
}

table#paymentOptions {
    border: 0px;
}

form#paymentMethodForm {
    margin-left:20px;
}
form#paymentMethodForm .prop .name{
    width:15%;        
}

table#orderLineItemsTable {
    padding:10px;
    border:0px;
}

table#orderLineItemsTable td {
    background-color:transparent;
    color:black;
    text-align:center;
}

table#orderLineItemsTable th {
    text-align:center;
}

table#orderLineItemsTable tr {
}

/*
div#ordersTabView {
    margin-left:90px;
    width: 850px;
}
*/

#financialActivityTable, #customerInfoTable {
	position:relative;
}

#financialActivityTable .name, #financialActivityTable .value, #customerInfoTable .name, #customerInfoTable .value {
  line-height:26px;
  display:inline-block;
  font-size:15px;
}
#financialActivityTable .summaryName, #financialActivityTable .summaryValue, #customerInfoTable .summaryName, #customerInfoTable .summaryValue{
	line-height:26px;
	display:inline-block;
	font-size:12px;
}

#financialActivityTable .summaryName, #customerInfoTable .summaryName {font-weight:bold;width:110px;}

#financialActivityTable .name, #customerInfoTable .name {font-weight:bold;width:150px;}
#financialActivityTable .pseudo-tr, #customerInfoTable .pseudo-tr {
  border-bottom:1px solid #d1d1d1;
}
#financialActivityTable .pseudo-tr:last-child, #customerInfoTable .pseudo-tr:last-child  {
  border-bottom:none;
}

#financialActivityTable .prop .name {
  width:50% !important;
}

.detailsEdit {
    border:0px;
    margin-left:250px;
    width:auto;
}

.nestedDataTable {
    
}

/*Table in Product & PLans section on
  ContractCharges edit page*/
.withBorder{
    border:1px solid #ccc;
}

table#quantityTable td{
    text-align:center;
}

table#chargesTable .prop .name{
    width:auto;
}

.page_title{
    padding:5px;
    font-weight: bold;
    font-size: 16px;

}

.marker {
    width:5px;
}
.msg_head {
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
    background-color:#EDF5FF;
    margin:1px;
    background-position: 99%;
    background-repeat: no-repeat;
    background-image: url(../images/skin/sorted_desc.gif);
}
.msg_head_open {
    background-image: url(../images/skin/sorted_asc.gif);
}
.msg_head_text, .msg_head_text a:link{
    text-align:center;
    color:#FF9900;
}
.msg_body {
    padding: 5px 10px 15px;
    background-color:#F4F4F8;
}

.nothingFound {
    margin-top:10px;
    margin-bottom:10px;
}

.includeRow {
    background:#EFEFEF;
}



/*
For Invoice detils
*/

.rectangle {
	width:600px;
	min-height:50px;
	border:1px solid #000000;
}
.HeadingRectangle {
	width:120px;
	height:30px;
	border:1px solid #999999;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-weight:bold;
	background-color:#EEEEEE;
}

.addressrectangle {
	color:#000000;
}
.container {
	text-align: left;
	width: 660px;
}
#inv.t01-01 {
	font: arial,helvetica,clean,sans-serif;
	font-size: 11px;
	line-height: 14px;
	width: 640px;
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
}

.inv_title {
	font: arial,helvetica,clean,sans-serif;
	font-weight: bold;
	font-size: 26px;
	line-height: 26px;
	color: #EEEEEE;
	/*position: absolute;*/
	z-index: 0;
	text-transform: uppercase;
	/*text-align: center;*/
	width:625px;
    padding-left: 90px;
    padding-bottom: 50px;
}

.t01-01 #inv_top {
/*	height: 290px; */
	margin-bottom: 20px;
}
.t01-01 #inv_top_details {
	width: 310px; 
	margin-bottom: 20px;
}
.t01-01 #inv_address {
	font: arial,helvetica,clean,sans-serif;
	font-size: 14px;
	float: left;
	z-index: 10;
	position: relative;
}
.t01-01 #inv_logo {
	float: right;
	text-align: right;
	width: 50%;
}
.t01-01 #inv_details {
	float: right;
	text-align: right;
	width: 50%;
}
.t01-01 .inv_from {
	height: 125px;
}
.t01-01 #inv_address > .inv_from, .t01-01 #inv_logo > .inv_from {
	height: auto;
	min-height: 125px;
	color:#000000;
}

.t01-01 .inv_abn {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-weight: bold;
	padding: 5px 0;
	text-align: right;
}
.t01-01 #inv_box {
	border: 1px solid #000;
	border-bottom: 0;
	text-align: left;
	width: 280px;
	height:96px;
}

.t01-01 #inv_box th	{
	background-color: #EEEEEE;
	border-right: 1px solid #000;
	text-align: left;
	width: 139px;
	height:15px;
	color:#000000;
	font-size: 11px;
	border-top: 0;
}
.t01-01 #inv_box td {
	width: 139px;
	height:15px;
	text-align: right;
	color:#000000;
	font-size: 11px;
	border-top: 0;
    padding-right: 5px;
}
.t01-01 #inv_box th, .t01-01 #inv_box td {
	border-bottom: 1px solid #000;
}

.t01-01 .inv_items_container {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	position: relative;
	padding-bottom: 20px;
}
.t01-01 #inv_items {
	margin-bottom: 20px;
}
.t01-01 #inv_items th {
	background-color: #EEEEEE;
	text-align: center;
	border: 1px solid #000;
	border-left: 0;
	height: 25px;
	color:#000000;
}

.t01-01 #inv_items td {
	color:#000000;
	font-size: 11px;
}
.t01-01 #inv_items th.end {
	border-right: 0;
}

.t01-01 #inv_totals {
	border: 1px solid #000;
}

.t01-01 #inv_totals table {
	width: 50%;
	float: right;
	border-left: 1px solid #000;
}

.t01-01 #inv_totals table th {
	background-color: #EEEEEE;
	color:#000000;
	text-align: right;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-weight: normal;
}
.t01-01 #inv_totals table .total {
	border-top: 1px solid #000;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-weight: bold;
}
.t01-01 #inv_totals table .balance {
	background-color: #EEEEEE;
	border-top: 3px double #000;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-weight: bold;
	height: 30px;
}
.t01-01 #inv_totals table td {
	text-align: right;
	padding-right: 8px;
}
.invoice-container {
    border: 1px solid #E1E1E1;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
.invoice-paid {
	background-color: #ccffcc;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-weight:bold;
}
.invoice-due {
	background-color: #990000;
	color: #ffffff;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-weight:bold;
}

.t01-01 #notes {
	
	background-color: #EEEEEE;
	color:#000000;
}
.t01-01 #notes th	{
	border: 1px solid #000;
	background-color: #EEEEEE;
	color:#000000;
	height:30px;
	width:20%;
}
.t01-01 #notes td	{
	background-color: #ffffff;
	height:30px;
	width:80%;
}

.t01-01 #OrderAndPayment {
	border: 1px solid #000;
	border-bottom: 0;
	text-align: left;
	width: 380px;
	height:96px;
}

.t01-01 #OrderAndPayment th	{
	background-color: #EEEEEE;
	border-right: 1px solid #000;
	text-align: left;
	width: 139px;
	height:15px;
	color:#000000;
	font-size: 11px;
	border-top: 0;
}
.t01-01 #OrderAndPayment td {
	height:15px;
	text-align: right;
	color:#000000;
	font-size: 11px;
	border-top: 0;
}
.t01-01 #OrderAndPayment th, .t01-01 #OrderAndPayment td {
	border-bottom: 1px solid #000;
}

#OrderAndPayment #invoicePaymentsTable th, #OrderAndPayment #invoicePaymentsTable td {
	border-bottom:none;
}
.order-active {
	background-color: #BCF5A9;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-weight:bold;
	color:#009900 !important;
	border-top:1px solid #66cc66;
	border-bottom:1px solid #66cc66;
}
.order-draft {
	background-color: #CACACA;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-weight:bold;
	color:#656565 !important;
	border-top:1px solid #656565;
	border-bottom:1px solid #656565;
}
.order-suspended {
	background-color: #FFC0CB;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-weight:bold;
	color:#997379 !important;
	border-top:1px solid #997379;
	border-bottom:1px solid #997379;
}
.order-canceled {
	background-color: #E6ADB7;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-weight:bold;
	color:#a17980 !important;
	border-top:1px solid #a17980;
	border-bottom:1px solid #a17980;
}
.order-complete {
	background-color: #FFFFFF;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-weight:bold;
}
.autoPay-message{
   color: red;
   font-size: 15px;
   margin-left: 25px; 
  }
.invoiceConfiguration{
   padding-right: 30px;
    height: 50px;
    width:400px;
}
.action {
    border-top: 3px solid #EEEEEE;
    padding: 0.5em 0 0;
}

.registerData{
  width: 200px;
  text-align: right;
  padding-right: 10px;
  height: 30px;
}
.registerValue{
  width: 200px;
  text-align: left;
}