/* bosDataGrid - skinfile */
/* skin: professional     */

/* common grid styles */
.datagrid img,
.detailgrid img {
	border: none;
}
.datagrid a, .datagrid a:link, .datagrid a:visited, .datagrid a:active,
.detailgrid a, .detailgrid a:link, .detailgrid a:visited, .detailgrid a:active {
	color: #039;
	background-color: transparent;
	text-decoration: none;
}
.datagrid a:hover,
.detailgrid a:hover {
	color: #f30;
	background-color: transparent;
	text-decoration: none;
}

/* datagrid, detailgrid header styles */
.datagrid .gridheader,
.detailgrid .gridheader {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}
.datagrid .gridheader form,
.detailgrid .gridheader form {
	margin: 0 0 4px 0;
	padding: 0;
}
.datagrid .gridheader input.text,
.detailgrid .gridheader input.text {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ABABAA;
}
.datagrid .gridheader input.button,
.detailgrid .gridheader input.button {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.datagrid .gridheader select,
.detailgrid .gridheader select {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ABABAA;
}

/* datagrid confirm message-box */
.datagrid .confirmbox {
	margin: 0 0 8px 0;
	padding: 0;
	text-align: center;
}
.datagrid .confirmbox p {
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 8px 0 8px 0;
}
.datagrid .confirmbox form {
	margin: 0;
	padding: 0;
	border-top: 1px solid #a7abaa;
	border-right: 1px solid #a7abaa;
	border-bottom: 1px solid #a7abaa;
	border-left: 1px solid #a7abaa;
	color: #333333;
	background-color: #f1eee9;
	font-size: .7em;
}
.datagrid .confirmbox form fieldset {
	margin: 0;
	border: none;
}
.datagrid .confirmbox form fieldset label {
	display: block;
	padding: 2px 0;
	font-weight: bold;
}
.datagrid .confirmbox form input,
.datagrid .confirmbox form select, {
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* datagrid error message-box */
.datagrid .gridmessage {
	margin: 0 0 8px 0;
	padding: 0;
	border: 1px solid #a7abaa;
	background-color: #f1eee9;
}
.datagrid .gridmessage p.err {
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-align: center;
	margin: 8px 0 8px 0;
}
.datagrid .gridmessage p.wrn {
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFA500;
	text-align: center;
	margin: 8px 0 8px 0;
}

/* datagrid page naviagator */
.datagrid .gridnav {
	width: 100%;
	border-collapse: collapse;	
}
.datagrid .gridnav td {
	border: none;
	font: normal .7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 5px 0 0 0;
}

/* datagrid table styles */
.datagrid table {
	width: 100%;
	border-collapse: collapse;	
}
.datagrid table th {
	border-top: #ffft solid 1px;
	border-right: #a7abaa solid 1px;
	border-bottom: #a7abaa solid 1px;
	border-left: #fff solid 1px;
	color: #333333;
	background-color: #f1eee9;
	font: bold .7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px 4px;
	white-space: nowrap;
}
.datagrid table td {
	border-color: #C0C0C0;
	border-width: 1px;
	border-style: solid;
	border-top-width: 0;
	padding: 6px 4px;
	font: normal .7em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.datagrid table td.subheader {
	font: bold .7em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.datagrid table .noresult {
	padding: 60px 0;
	text-align: center;
	color: #c0c0c0;
}
.datagrid table tr.even {
	background-color: #F5F5F5;
}
.datagrid table tr.odd {
	background-color: #FBFBFB;
}
.datagrid table tr.highlight {
	background-color: #DDE4F6;
}
.datagrid table tr.thisrow {
	background-color: #D1FF95;
}
.datagrid table td input {
	margin: 0;
	padding: 2;
}

/* detailgrid table styles */
.detailgrid table {
	width: 100%;
	border-collapse: collapse;	
}
.detailgrid table th {
	border-top: #fff solid 1px;
	border-right: #a7abaa solid 1px;
	border-bottom: #a7abaa solid 1px;
	border-left: #fff solid 1px;
	color: #333333;
	background-color: #f1eee9;
	font: bold .7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px 4px;
	white-space: nowrap;
}
.detailgrid table td {
	border-bottom-color: #C0C0C0;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #C0C0C0;
	border-right-width: 1px;
	border-style: solid;
	border-top-width: 0;
	padding: 7px 4px;
	font: normal .7em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.detailgrid table td.field {
	font-weight: bold;
	width: 25%;
}
.detailgrid table .noresult {
	padding: 60px 0;
	text-align: center;
	color: #c0c0c0;
}
.detailgrid table tr.even {
	background-color: #F5F5F5;
}
.detailgrid table tr.odd {
	background-color: #FBFBFB;
}
.detailgrid table td input {
	margin: 0;
	padding: 2px;
}
/* for debug mode */
.datagrid-debug {
	margin: 20px;
	font: normal 13px "Courier New", Courier, monospace;
}
.datagrid-debug strong {
	color: Maroon;
}