html, body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

img {
	border: 0;
}

#topTable {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

#header {
	height: 86px;
	background: #005796 url("../images/head_bg.jpg") top left no-repeat;
	border-bottom: 1px solid black;
	vertical-align: bottom;
}

#header title {
	color: #00a9cc;
	margin-left: 100px;
	margin-top: 25px;
}

#header .toolbar {
    float: right;
    margin-right: 10px;
    font-size: 14px;
	color: #DDD;
}

#header .toolbar a {
    margin-left: 10px;
    color: #DDD;
    text-decoration: none
}

#footer {
	height: 20px;
	background-color: #005796;
	border-top: 1px solid black;
	font-size: 70%;
	color: #005796;
	padding: 5px;
}

#bodyContent {
	vertical-align: top;
}


#reconcileTopTable {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

#reconcileTopTable #leftColumn {
	overflow: auto;
}

#reconcileTopTable #midColumn {
	width: 20px;
	border: 1px solid #CCC;
	padding: 3px;
	background-color: #EEE;
}

#reconcileTopTable #rightColumn {
}

/* --------------------- .blmy-DataTable */
.blmy-DataTable {
	border-collapse: collapse;
	width: 100%;
}

.blmy-DataTable td {
	padding: 3px 5px 3px 5px;
	border: 1px solid #CCC;
	font-size: 12px;
}

.blmy-DataTable .blmy-DataTable-Head td {
	background-color: #EEE;
	border: 1px solid #999;
	padding: 3px 5px 3px 5px;
}

.blmy-DataTable tr.selected td {
	background-color: #0B3F88;
	border: 1px solid #999;
	padding: 3px 5px 3px 5px;
	color: white;
}
/* ---------------------  .blmy-DataTable */
.blmy-SyncDataTable {
	border-collapse: collapse;
	width: 100%;
}

.blmy-SyncDataTable td {
	padding: 3px 5px 3px 5px;
	border: 1px solid #CCC;
	font-size: 12px;
}

.blmy-SyncDataTable .blmy-DataTable-Head td {
	background-color: #EEE;
	border: 1px solid #999;
	padding: 3px 5px 3px 5px;
}

.blmy-SyncDataTable tr.selected td {
	background-color: #0B3F88;
	border: 1px solid #999;
	padding: 3px 5px 3px 5px;
	color: white;
}

.blmy-SyncDataTable .emptyCellRight {
	border: 0px;
}

.blmy-SyncDataTable .emptyCellLeft {
	border: 0px;
}

.blmy-SyncDataTable .emptyCellRight {
	border: 0px;
}

.blmy-SyncDataTable .emptyCellLeft {
	border: 0px;
}



.blmy-SyncDataTable .middleSeparator {
	border-top: 1px solid #CCC;
	border-bottom: 2px solid #AAA;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #EEE;
}

.blmy-SyncDataTable tr.firstRowInTheBlock td {
	border-top: 2px solid #AAA;
}

.blmy-SyncDataTable tr.lastRowInTheBlock td {
	border-bottom: 2px solid #AAA;
}

.money {
}

.debit {
	color: red;
}

.selected .debit {
	color: #FFAFD3;
}

.statementsTable {
	border-collapse: collapse;
}

.statementsTable td {
	border: 1px solid #CCC;
	padding: 3px 5px 3px 5px;
	font-size: 12px;
}

.statementsTable .header td {
	background-color: #EEE;
	border: 1px solid #999;
	padding: 3px 5px 3px 5px;
    font-weight: bold;
    text-align: center;
	font-size: 13px;
}

.statementsTable td a {
    color: black;
}

.statementsTable td a:visited {
    color: black;
}

.statementsTable .even {
    background-color: #E5F2F8;
}

.statementsTable .odd {
    background-color: #FFFFFF;
}

.paddingSmall {
	padding: 5px;
}

.paddingMedium {
	padding: 10px;
}

.paddingLarge {
	padding: 20px;
}

.reconcileToolbar {
	background-color: #EEE;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	padding-left: 10px;
}

.reconcileToolbar .navigation {
	float: left;
}

.reconcileToolbar .filters {
	float: right;
}

.reconcileToolbar .filters a {
	margin-left: 5px;
	margin-right: 5px;
}

#reconcileStatusBarRow td {
	border-top: 1px solid #CCC;
	background-color: #EEE;
	font-size: 10px;
	padding-left: 10px;
}

#reconcileStatusBarLeft {
	border-right: 1px solid #CCC;
}

#reconcileStatusBarRight {
	border-left: 1px solid #CCC;
}

.unreconcileImage {
	cursor: pointer;
}
.reconcileFliterBar {
	font-size: 12px;
}

.reconcileFliterBar td{
	font-size: 12px;
	padding: 3px;
}

.reconcileFliterList {
	font-size: 12px;
}

.reconcileFliterBar .searchButton {
	cursor: pointer;
	font-size:x-small;
	height:25px;
}

.confirmDialog {
	font-size: 10px;
}
.confirmDialog td{
	font-size: 10px;
}

.confirmDialog td .unbalanced{
	color: red; 
	font-weight: bold;
	font-size: 14px;
}

.confirmDialog .confirmButton {
	cursor: pointer;
	font-size:x-small;
	height:25px;
}