﻿

/* jquery-ui overrides ******************************************************************************** */

/* tabs, make the seleted tab be bold*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	font-weight: bold;		/*default is: normal;*/
}

/* tabs, let tabs figure out their own padding*/
.ui-tabs .ui-tabs-panel {
	padding: 4px;		/*default is:  1em 1.4em;*/
}


/* **************************************************************************************************** */

div.gridFilter {
	background-color: orange;
	height: 100px;
	display: none;
	padding: 20px;
	margin-bottom: 10px;
}

	div.gridFilter label {
		padding: 0 8px;
	}

	div.gridFilter input[type="text"] {
		width: 200px;
	}

	div.gridFilter .buttonBar {
		margin: 10px;
	}

		div.gridFilter .buttonBar input[type="button"] {
			padding: 2px 20px;
		}


/* ******************************************************/

/*.dataTable {
    background-color: inherit;
    overflow: auto;
}
    .dataTable .dataTables_paginate {
        float: right;
    }

    .dataTable .dataTables_paginate a {
        padding: 0 10px;
        font-size: .9em;
        cursor: pointer;
    }

    .dataTable .dataTables_paginate a.paginate_active {
        font-weight: bold;
    }

    .dataTable .dataTables_length {
        float: left;
        padding-left: 10px;
        font-size: .9em;
    }

    .dataTable .dataTables_info {
        float: right;
        padding-right: 10px;
        font-size: .9em;
    }*/


.dataTable {
	clear: both;
	border-collapse: collapse;
	margin-bottom: 3px;
	width: 100%;
	border: solid 1px gray;
}

table.dataTable thead th, table.dataTable tfoot th  {
	padding: 0 .4em;
	margin: 0;
	text-align: center;
	font-weight: normal;
	padding: .6em .6em;
	/*text-transform: capitalize;*/
	vertical-align: middle;
	border: solid 1px #fff;
	background-color: #ebedf0;
	border: solid 1px #bbc4ce;
}

.dataTable td {
	padding: 0 .4em;
	margin: 0;
	text-align: center;
	border-collapse: collapse;
	border: solid 1px #a9a9a9;
}

.dataTable td.dataTables_empty {
	padding: 8px 0;
	background-color: #fff;
	color: blue;
}

.dataTable tr {
	height: 30px;
}

.dataTables_paginate {
	margin-bottom: 10px;
}

.dataTables_info {
	margin-top: 6px;
	padding-left: 10px;
}

.dataTables_length {
	margin-top: 6px;
	margin-left: 100px;
}

.dataTables_wrapper .newEntryLink {
	margin-top: 6px;
	float: right;
	padding-right: 10px;
}

table.dataTable tr.odd { background-color: #ffffee; }
table.dataTable tr.even { background-color: #fff; }

table.dataTable tr.odd td.sorting_1 { background-color: #ffffee; }
table.dataTable tr.odd td.sorting_2 { background-color: #ffffee; }
table.dataTable tr.odd td.sorting_3 { background-color: #ffffee; }

table.dataTable tr.even td.sorting_1 { background-color: #fff; }
table.dataTable tr.even td.sorting_2 { background-color: #fff; }
table.dataTable tr.even td.sorting_3 { background-color: #fff; }

table.dataTable th.sorting_asc, table.dataTable th.sorting_desc {
	background-color: #e0e0e0;	/*#ffffcc;*/
}


/*  Datatables Editor */

div.DTED_Lightbox_Content {
	width: 70%;
	overflow: visible;
}

div.DTE_Field {
	padding: 4px 10px;
}

	div.DTE_Field label.DTE_Label {
		text-align: right;
		padding-right: 10px;
		/*width: 30%;*/
		background-color: inherit;
	}

div.Editor_RadioButtonList_Horz {
	overflow: auto;
}

	div.Editor_RadioButtonList_Horz div.EditorInputItemContainer {
		float: left;
		padding: 0 10px 0 0;
	}

		div.Editor_RadioButtonList_Horz div.EditorInputItemContainer label {
			padding: 0 4px;
		}

div.Editor_Select_MinWidth select {
	min-width: 90px;
}

div.Editor_Text_MinWidth input {
	width: 90px;
}

ul.Editor_Text_AutoComplete.ui-menu {
	padding: 4px;
}

	ul.Editor_Text_AutoComplete.ui-menu li.ui-menu-item {
		padding-top: 4px;
		list-style: none;
	}

		ul.Editor_Text_AutoComplete.ui-menu li.ui-menu-item a {
			font-weight: normal;
			text-decoration: none;
		}

		ul.Editor_Text_AutoComplete.ui-menu li.ui-menu-item a:hover {
			font-weight: normal;
		}

div.DTTT_container {
    padding: 4px 0;
}

a.DTTT_button.ui-button {
	margin: 0 2px;
	min-width: 60px;
}

div.DTE_Form_Buttons button {
	margin: 0 4px;
    height: auto;
    line-height: normal;
}

span.DataTables_sort_icon {
	margin: -14px;
	float: none;
}

div.DTE_Form_Error {
	color: red;
	width: 60%;
	padding: 0;
}



fieldset.pane {
}

	fieldset.pane div.block {
		float: left;
		padding: 0 4px;
	}

	fieldset.pane div.boxed {
		border: solid 1px gray;
	}

	fieldset.pane div.block table.boxed td {
		border: solid 1px gray;
		border-collapse: collapse;
		padding: 2px;
		min-width: 60px;
	}


/* **************************************************************************************************** */


/* ******************************************************
 * dataTableStyle 
 ****************************************************** */

table.dataTableStyle {
	clear: both;
	border-collapse: collapse;
	margin-bottom: 3px;
	border: solid 1px gray;

	margin: 0 auto;
	clear: both;
	width: 100%;
}

table.dataTableStyle thead th {
	cursor: pointer;
	*cursor: hand;
	margin: 0;
	text-align: center;
	font-weight: normal;
	padding: .6em .6em;
	text-transform: capitalize;
	vertical-align: middle;
	border: solid 1px #fff;
	background-color: #e0e0e0;
	border: solid 1px gray;
	/*font-size: .9em;*/
}

table.dataTableStyle tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.dataTableStyle td {
	padding: .3em .4em;
	margin: 0;
	text-align: center;
	border-collapse: collapse;
	border: solid 1px #a9a9a9;
	/*font-size: .9em;*/
}

table.dataTableStyle td.center,
table.dataTableStyle td.dataTables_empty {
	text-align: center;
}

table.dataTableStyle tbody tr:nth-child(odd) { background-color: #E2E4FF; }
table.dataTableStyle tbody tr:nth-child(even) { background-color: white; }

table.dataTableStyle tbody tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTableStyle tbody tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTableStyle tbody tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTableStyle tbody tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTableStyle tbody tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTableStyle tbody tr.even td.sorting_3 { background-color: #F9F9FF; }
