/* General styles */
body {
	margin: 0px;
	padding: 0px;
	background: #ECECFF;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

td {
	vertical-align: top;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

hr {
	border: 1px solid #999999;
}

a {
	background: transparent;
}

input, select, option, textarea, button {
	font-size: 90%;
}

.detailsTable .roInput {  /* readonly input, only in details data */
	padding-left: 0.5em;
	padding-right: 3em;
	margin: 1px;
	margin-right: 2em;
	border: 1px solid #BBBBBB;
	background: #EEEEEE;
}

.but {  /* the standard button */
	background-color: #FFFFFF;
	color:#000000;
	border: 1px solid #A5ACB2;
	margin-left: 5px; margin-right: 5px;
}

.error {  /* error string style */
	font-weight: bold;
	color: #BB0000;
}

.errorInput {  /* style of an input box with an error */
	border: 2px solid #FF0000;
	background: #FFCCCC;
}

/* styles for input boxes with specific types of information */
.dataNumber {
	text-align: right;
}

.dataCurrency {
	text-align: right;
}

.dataDate {
}

.dataTime {
}

.dataString {
}

.dataEmail {
	color: #0000CC;
}

.dataUrl {
	color: #0000CC;
}

.dataCode {
}

.dataFile {
}

/* Main menu */
.mainMenu {
	border-top:5px solid #4F749c;
	border-bottom: 1px solid #4F749c;
	width: 100%;
	padding: 5px;
	background: #D7EAFF;
	color: #000000;
}

.mainMenu ul {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.mainMenu li {
	display: inline;
}

.mainMenu a {
	color: #0000FF;
	background-color:#D7EAFF;
	padding: 5px;
}

/* Header (title) and Footer */
.pageHeader {
	background: #A4CFFF url(../images/logos/default/title_bar.gif) no-repeat left top;
	height: 80px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.pageFooter {
	font-size: 90%;
	color: #333333;
	border-top: 3px double #999999;
	background: #D7EAFF;
	border-bottom: 3px double #999999;
	padding: 5px;
	text-align: center;
}

.pageFooter a {
	color: #0000FF;
	background-color:#D7EAFF;
}

/* Content areas (divs) */
.containerPane {  /* the container is the part between header and footer */
	background: #A4CFFF;
}

.contentDetails {  /* sub-pane with content details */
	padding-left: 15px;
	padding-right: 15px;
}

.detailsTable {  /* table with content details */
	padding: 1px;
	border: 2px groove #FFFFFF;
}

/* Overview table */
.overviewTablePane {
	padding: 0px;
	background: #FFFFFF;
	color:#000000;
	border-left: 10px solid #4F749c;
	border-right:3px double #000000;
	font: Arial, Helvetica, sans-serif;
}

.overviewTablePane table {
}

.overviewTable .header {
	background: #4F749c;
	width: 100%;
}
.overviewTable .header th, .overviewTable .header a {
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 0px 5px 0px 5px;
}
.overviewTable .header a:hover {
	color: #FF8888;
}
.overviewTable .header td {
	color: #FFFFFF;
	text-align: left;
}

.overviewTable tr {
	padding-left: 5px;
	padding-right: 5px;
}
.overviewTable .row {
	background: #FFFFFF;
}
.overviewTable .altrow {
	background: #D7EAFF;
}
/*
.row input, .altrow input {
	background: transparent;
}
*/

.overviewTable a {
	color: #000000;
	text-decoration: underline;
}
.overviewTable a:hover {
	color: #FF3333;
	text-decoration: none;
}

.listTable {
}
.listTable .row {
	background: #A4CFFF;
}
.listTable .altrow {
	background: #D7EAFF;
}

/* Pager in overviewTable */
.pager {
}
.pager .current {
	padding: 0px 3px 0px 3px;
	color: #990000;
	font-size: 125%;
	cursor: default;
}
.pager .link {
	padding: 0px 3px 0px 3px;
	color: #444444;
	cursor: pointer;
}

/* Divider bars (normal and clickable) */
.sectionHeader, .sectionHeader_clickable {
	padding: 0.4em;
	padding-left: 2em;
	background: #CCE8FF;
	font-size: 130%;
	font-weight: bold;
	margin-top: 0.2em;
}

.sectionHeader_clickable {
	cursor: hand;
}

/* Login page */
.loginPane {
	padding: 20px;
	position: relative; top: 200px;
	background: #A4CFFF;
	text-align: center;
	font: 1em Arial, Helvetica, sans-serif;
}
.loginPane table {
	margin-left: auto;
	margin-right: auto;
}

.loginPane input {
	border: 1px solid #A5ACB2;
	font: Arial, Helvetica, sans-serif;
}

.loginPane .but {
	float: right;
}

.loginLogo {
	background: url(../images/logos/default/logo.gif) no-repeat left top;
	width: 334px; height: 63px;
	margin-bottom: 10px;
}

.importConfirmBox {
	border: 2px #FFCC00 groove;
	margin: 2px;
	padding: 2px;
	padding-left: 20px;
}

/* Table for layouting elements */
.layoutTable, .layoutTable tr, .layoutTable td, .layoutTable th {
	padding: 0px;
	margin: 0px;
	border: 0px solid black;
}