/* Input tables with background colour */

.tbl {
/* 	background: #FFFFFF url('../images/template/bg_tbl.jpg') repeat-x 0px -17px; */
	background: transparent;
    background: -webkit-linear-gradient( #dddddd , transparent);
    background: -o-linear-gradient( #dddddd, transparent);
    background: -moz-linear-gradient( #dddddd, transparent);
    background: linear-gradient( #dddddd, transparent);
	border: 2px solid #FFFFFF;
	margin: 0px auto;
}
.tbl td, .tbledit td {
	text-align: left;
	vertical-align: top;
	padding: 15px;
}
.tbl table, .tbledit table {
	width: 100%;
	padding: 0px;
	border: 0px none !important;
}
.tbl table td, .tbledit table td {
	text-align: left;
	vertical-align: top;
	line-height: 15px;
	padding: 0px;
	border: 0px none !important;
}
.tbl table input[type=checkbox], .tbledit table input[type=checkbox] {
	width: auto;
	margin: 0px;
}

.ifrm .tbledit {
	width: 100%;
}
.ifrm .tbledit table {
	width: auto;
	margin: 0px auto;
}
.ifrm .tbledit table td table {
	width: 100%;
	text-align: left;
	border: 0px none !important;
}

.exit_row {
	background: #eeeeee;
	border: 1px dashed #556cd0;
}
.cmd_row {
	padding: 5px 0px 0px 0px ! important;
	margin: 0px !important;
	min-width: 350px;
}
.sbmit {
	float: left;
}
.attach {
	float: right;
}
.cmd_row p {
	margin: 0px;
}

/* Styles used for the label td's in edit forms, macro forms, as well as fieldset forms - all styles aim at setting a fixed width for the label td,
   so that they are right-aligned and evenly sized everywhere */
.frm td {
	vertical-align: top !important;
}
.frm_lbl {
	width: 190px;
}
.frmbold{
	font-weight: bold;
}

fieldset .frm_lbl {  /* balances padding in frm_lbl with padding set in fieldset tag */
	width: 180px;
}
.lbl, .frm_lbl {
	font-weight: bold;
	text-align: right !important;
	padding-right: 5px !important;
}


.tbl_res {
	min-width: 500px;
	margin: 0px auto;
}
.tbl_res td table {
	margin: 0px !important;
}
.tbl_res_cell {
	background: #ffffff url('../images/template/bg_bottomgrad.jpg') repeat-x bottom;
	width: 33%;
	padding: 10px !important;
	border-right: 1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;
	border-left: 1px solid #b7b7b7;
	vertical-align: top;
}
.tbl_res_cell_auto {  /* This style applies to a tbl_res_cell td of automatic width */
	background: #ffffff url('../images/template/bg_bottomgrad.jpg') repeat-x bottom;
	width: auto;
	padding: 10px !important;
	border-right: 1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;
	border-left: 1px solid #b7b7b7;
	vertical-align: top;
}
.tbl_res_head {
	color: #025185;
	background-color: #f0edde;
	border-right: 1px solid #b7b7b7;
	border-top: 1px solid #b7b7b7;
	border-bottom: 1px dashed #d8d2be;
	border-left: 1px solid #b7b7b7;
	text-align:	left !important;
	padding: 5px 0px 5px 13px;
}
.tbl_res .frm_lbl {
	width: auto !important;
}
.res_area {
	background-color: #efefef;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	padding: 4px 0px;
}

/* This style initializes all widths in a table and keeps the .frm_lbl set to 180px, as this is already globally set for all label tds - used for macros combined together in nested tables  */
table.init_tbl_elements {  
	width: auto !important;
	margin: 0px 0px 0px -2px !important;
}
.fixtopmargin {  
	margin-top: 2px;
}
table.init_tbl_elements td.frm_lbl {
	width: 180px !important;
}

/* This style initializes all widths in a table and keeps the .frm_lbl set to auto  */
table.init_auto_tbl_elements {  
	width: auto !important;
	margin: 0px 0px 0px auto !important;
}
table.init_auto_tbl_elements td.frm_lbl {
	width: auto !important;
}

/* This style initializes all widths in a table and keeps the .frm_lbl set to auto  */
table.init_nowrap_tbl_elements {  
	width: auto !important;
	margin: 0px 0px 0px -2px !important;
}
table.init_nowrap_tbl_elements td.frm_lbl {
	white-space: no-wrap !important;
}

/* Sortable table */
table.srt {
	font-size: 10px;
	border-collapse: collapse;
	border: 1px solid #adb0bb !important;
	background-color: #ffffff;
}
table.srt th, table.srt td {
	border: 1px solid #c8c8c8;
	padding: 1px 2px;
}
table.srt thead th {
	background-color:#555fb1;
	color: #FFFFFF;
	padding: 3px 14px 4px 14px;
	cursor: pointer;
}
table.srt tfoot td {
	background-color:#ffccff;
}
table.srt tbody td {
	color: #5E5C8C;
}

table.srt tr.tbody_header {
	font-weight:bold;
	text-align:center;
	background-color:#dddddd;
}

table.srt a.pagelink {
	padding-left:5px;
	padding-right:5px;
	border:hidden;
	margin:0px 5px 0px 5px;
}
table.srt a.currentpage {
	background-color: yellow;
}

/* Striping */
table.srt tr.alternate, table.grid tr.alternate, table.grid tr.row0 {
/*	background-color: #ffffff;	*/
	background-color: #eeeeee;
}

/* Sorting */
table.srt th.table-sortable {
	cursor: pointer;
	background-image:url("../images/template/icons/sortable.png");
	background-position: 3px center;
	background-repeat: no-repeat;
	padding-left: 16px;
}
table.srt th.table-sorted-asc {
	background-image:url("../images/template/icons/sorted_up.png");
	background-position:3px center;
	background-repeat:no-repeat;
}
table.srt th.table-sorted-desc {
	background-image:url("../images/template/icons/sorted_down.png");
	background-position:3px center;
	background-repeat:no-repeat;
}
table.srt th.table-filtered {
	background-image:url("../images/template/icons/filter.gif");
	background-position:3px center;
	background-repeat:no-repeat;
}
table.srt select.table-autofilter {
	font-size:smaller;
}

/* Examples which stray from the default */
table.altstripe tr.alternate2 {
	background-color:#ccffff;
}

/* Icons box */
.iconset {
	margin:5px;
	border:hidden;
	border-color:#cccccc #666666 #666666 #cccccc;
	text-align:center;
	cursor: pointer;
	width:100px;
}
.iconset img {
	margin:3px;
}

/* Documentation */
tr.doc_section {
	font-weight:bold;
	text-align:center;
	background-color:#dddddd;
}

/* Grid table, exactly similar to the sortable table layout */

table.grid {
	width: 99.9%; /* fixes the problem with the left-border of a table within an iframe not displaying when the table width is set to 100% - does not work in IE7 */
	font-size: 10px;
	border-collapse: collapse;
	border: 1px solid #adb0bb;
	background-color: #ffffff;
	margin-left: 1px;
	clear: both; /* clears p.result float */
}
table.grid td, table.grid thead th {
	padding: 0px 5px;
	text-align: left;
}
table.grid thead th {
	padding: 3px 5px 4px 5px;
	background-color:#555fb1;
	color: #FFFFFF;
	vertical-align: top;
}
table.grid thead th.gridsrt {
	background-image: url('$bgimage');
	background-position: 3px 3px;
	background-repeat: no-repeat;
}
table.grid thead th.gridsrt a {
	color: #FFFFFF;
	padding-left: 15px;
	margin-left: -15px;
}
table.grid thead th.gridsrt a blockquote {
	display: inline-block;
	margin: 0px;
	padding-left: 10px;
	cursor: pointer;
}
table.grid thead th.gridsrt a:hover {
	text-decoration: none;
	background-color: transparent;
}
table.grid tfoot td {
	background-color:#ffccff;
}
table.grid tbody tr {
	color: #000000;
}
table.grid tbody td {
	border-top: 1px solid #d9d9d9;
}

table.grid tbody td td, table.grid tbody td td td {
	border: none;
}

table.grid tr.tbody_header {
	font-weight:bold;
	text-align:center;
	background-color:#dddddd;
}

table.grid a.pagelink {
	padding-left:5px;
	padding-right:5px;
	border:hidden;
	margin:0px 5px 0px 5px;
}
table.grid a.currentpage {
	background-color:yellow;
}

/* Sorting */
table.grid th.table-sortable {
	background-image:url("../images/template/icons/sortable.gif");
	background-position:3px center;
	background-repeat:no-repeat;
	padding-left:12px;
}
table.grid th.table-sorted-asc {
	background-image:url("../images/template/icons/sorted_up.gif");
	background-position:3px center;
	background-repeat:no-repeat;
}
table.grid th.table-sorted-desc {
	background-image:url("../images/template/icons/sorted_down.gif");
	background-position:3px center;
	background-repeat:no-repeat;
}
table.grid th.table-filtered {
	background-image:url("filter.gif");
	background-position:3px center;
	background-repeat:no-repeat;
}
table.grid select.table-autofilter {
	font-size:smaller;
}

/* Examples which stray from the default */
table.grid table.altstripe tr.alternate2 {
	background-color:#ccffff;
}