.dataTable {
	font-size: 13px;
	font-weight: normal;
	
	margin:	0px 0px 0px 0px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	clear: both;
	background: inherit;
	
	border-style:solid;
	border-width: 1px;
	border-color: #AABBCC;
	background-color: #FFFFFF;
	
	visibility: hidden;
	display: none;
}

.dataTable.fragment-data {
	background-color: transparent;
	border: 0px;
	width: 100%;
	
}


.dataTable .template_object_link {
	font-size: 13px;
	font-weight: bold;
}
.link {
	color:#273459;
	font-size: 13px;
	font-weight: bold;
}

.shown {
	visibility: visible;
	display: table;
}

.ext-ie .shown {
	display: block;
}

.dataTable th {
	font-weight: normal !important;
}

.notes{
	background-color: inherit;
	border-collapse: separate;
}

.specialColumnMode .dataTable {
	border: 0px;
	background: none ;
}

.table_wrapper {	
	width: 100%;
	padding: 10px;
    box-sizing: border-box;
/* 	overflow: auto; */
	/* margin: auto; */
}

fieldset.model_section_outside_table.custom_model_section_outside_table td.model_section_cell .table_wrapper{
	width:100%;
	min-width:96%;
		padding: 0px;
    box-sizing: border-box;
}

fieldset.model_section_outside_table td.model_section_cell .table_wrapper{
	width:100%;
	min-width:96%;
		padding: 0px;
    box-sizing: border-box;
}

/* For IE hack to give layout for element wrapping display taga for proper size calculation for the table */
.dtwrapper {
	width: 100%;
	overflow: auto;
}

.dataTable th {
	background:#F9F9F9 url(../../../js/extjs/resources/images/default/grid/grid3-hrow.gif) repeat-x scroll 0 bottom;
	cursor:default;
	padding:1px 0 0;
	
	padding: 4px 3px 4px 5px;
	
	border-left:1px solid #AABBCC;
	border-right:1px solid #AABBCC;
	line-height:15px;
	vertical-align:middle;
	
	font-weight: bold;
	color: black;
	white-space: nowrap;
}


.dataTable th.no-header {
	font-size: 1px;
}


.singleColumnMode .dataTable th {
	display: none;
}

.singleColumnMode .dataTable .dataTable th {
	display: table-cell;
}

.specialColumnMode .dataTable th {
	display: none;
}

tr.woko_browser_table_footer td {
	border-top: 1px solid #D6CFE6;
	font-weight: bold;	
}

.dataTable  td  {
		/*
	border-left: 1px solid #D6CFE6;
	border-right: 1px solid #D6CFE6;	
*/
}

.dataTable tr.total td {
	white-space: nowrap;
	vertical-align: top;
	font-weight: bold;
	border-top: 1px solid black;
	padding-bottom: 10px;
}

.dataTable tr.total td.customer {
	visibility: hidden;
}

.dataTable td.hidden {
	display: none;
}

.dataTable th.hidden {
	display: none;
}

.dataTable th.r {
	text-align: right;
	padding-right: 10px;
}

.dataTable th.c {
	text-align: center;
}

.dataTable td.r {
	text-align: right;
	padding-right: 10px;
}

.dataTable td.c {
	text-align: center;
}

.dataTable tr td, span.psc .fragment-data > tbody > tr > td {
	padding: 4px 4px 4px 5px;
	vertical-align: top;	
}

.dataTable-no tr td {
	padding-top: 0px  !important;
	padding-bottom: 0px  !important;
	padding-left: 0px  !important;
	padding-right: 0px  !important;

}

.fragment-data > tbody > tr > td{
	padding-top: 0px ;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.sc-table tr td{
	padding-top: 0px ;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;
}


.multipleColumnMode .dataTable tr {
	background: url(./images/graydot.png) bottom left repeat-x transparent;
}

.template_section .multipleColumnMode .dataTable tr {
	background: url(./images/graydot_medium.png) bottom left repeat-x transparent;
}

.singleColumnEntry {
	background: url(./images/graydot.png) bottom left repeat-x transparent;
	cursor: pointer;
	padding-bottom: 2px;
} 

.singleColumnComplexEntry {
	background: url(./images/graydot.png) bottom left repeat-x transparent;
	padding-bottom: 2px;
} 

.dataTable  tr.odd {
}

.dataTable tr.even, .template_section .multipleColumnMode .dataTable tr.even, .dataTable .evenItem .sc-entry {
	background-color: #F6F7F7;
}

.priority-background tr, .priority-background .sc-entry {
	background-color: transparent !important;
}

.specialColumnMode .dataTable tr.even {
	background-color: transparent;
}

.specialColumnMode .dataTable  tr.odd {
}

.dataTable th a, .dataTable th a:visited {
	text-align: left;
	color:  black;
}

.dataTable th a:hover {
	color: #27344F;
	background-color: transparent;
}

.dataTable .order1 {
	/*
	background-position: right;
	background-image: url(../../../displaytag/images/arrow_up.gif);
	background-repeat: no-repeat;
	*/
}

.dataTable .order2 {
	/*
	background-position: right;
	background-image: url(../../../displaytag/images/arrow_down.gif);
	background-repeat: no-repeat;
	*/
}

.exportlinks {
	color: #999999;
	margin-left: 5px;
	margin-right: 30px;
	margin-bottom: 20px;
	text-align: left;
}

span.export {
	padding: 0 4px 1px 20px;
	text-align: center;
	width: 16px;
	line-height: 20px;
}

span.excel {
	background-image: url(../default/images/ico_file_excel.png);
	background-repeat: no-repeat;
}

span.csv {
	background-image: url(../default/images/ico_file_csv.png);
	background-repeat: no-repeat;
}

span.xml {
	background-image: url(../default/images/ico_file_xml.png);
	background-repeat: no-repeat;
}

span.pdf {
	background-image: url(../default/images/ico_file_pdf.png);
	background-repeat: no-repeat;
}

span.rtf {
	background-image: url(../default/images/ico_file_rtf.png);
	background-repeat: no-repeat;
}

.dataTable tr.rowMouseOver {
	background-image: url(../images/selected.gif);
	background-repeat: repeat-x;
	background-color: #ffff99;
}

.woko_browser_table_caption {
/*	font-weight: bold;
	font-size: 15px;
	margin-bottom: 5px;
  border-bottom: 2px dotted #8C1A00;
	text-align: left;
	width: 100%;
*/
}

/* These below belongs to search tag of dt-source */

table.search {
	margin-left: 5px;
	font-size: 10px;
	font-weight: bold;	
}

table.search input, table.search select {
	border: 1px solid black;
	background-color: #F0F0F0;	
}

input.search-submit:hover, input.search-reset:hover {
	color: #d68000;
	cursor: pointer;	
}

table.search form {
  display: none;
}

/* These below belongs to filter tag of dt-source */

table.browser_filter_banner {
	margin-left: 5px;
}

td.browser_filter_banner_msg {
	font-size: 10px;
	font-weight: bold;	
}

table.filters * {
	padding: 0px;
	margin: 0px;
}


table.filters a {
	padding-left: 2px;
	padding-right: 2px;
}

th.criteria, th.criteria-selected {
	text-align: center;
	vertical-align: middle;
	font-size: 17px;
	font-weight: bold;
	background-color: white;
}

th.criteria a, th.criteria a:visited {
	text-decoration: none;
	color: black;	
}

th.criteria a:hover {
	color: white;
	background-color: #808080;
}

th.criteria-selected a, th.criteria-selected a:visited {
	text-decoration: none;
	color: white;
  background-color: black;	
}

/* Page banner and page links */

.pagelinks {
	display: inline;
	font-size: 16px;
	display: block;
	text-align: right;
	color: #787878;
	padding: 0;
	margin: 0;
	width: 100%;
}

.pagelinks a {
	color: #787878;
	font-weight: bold;
}

.pagebanner {
	display: inline;
	float:left;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	color: gray;
}

.pagelinks img {
	vertical-align: middle;
}

td.browser-total{
	text-decoration: underline !important;
}

div.specialColumnMode td .model_number, div.specialColumnMode td .model_date {
	text-align: left;
	float: none;
}

div.specialColumnMode thead {
	display: none;
}

div.multipleColumnMode .dataTable tr.row_highlighted, .template_section .multipleColumnMode .dataTable tr.row_highlighted {
	background-color: #EFEFEF;
}

div.multipleColumnMode .dataTable tr.row_selected, .specialColumnMode .dataTable tr.row_selected {
	background-color: #A7C1DF;
}

tr.row_highlighted span.hidden{
	display:block;
}

span.hidden{
	display: none;
}

.dataTable tr.row_selected a:hover {
	background: transparent !important;
}
	
.dataTable tr.row_selected {
	background-color: #A7C1DF;
}

.specialColumnMode .dataTable tr {
	cursor: auto;
}

.autocursorColumnMode .dataTable tr {
	cursor: auto;
}

.specialColumnMode .dataTable tr {
	cursor: pointer;
}

.dashboard .dataTable tr {
	cursor: auto;
}

/* Single column entry styles */

div.sc-entry {
	border: 1px solid #ebecec;;
	/*margin-bottom: 4px;*/
	font-size :	12px;
	padding:1px;
}

div.sc-entry-no-border {
	border: 0px;
	border-bottom: 1px solid #ebecec;
}

div.sc-entry-no-border div.sc-entry-no-border {
	border: 0px;
	border-top: 1px solid #ebecec;
}

div.sc-header {
	
	/*border: 1px solid #bababa;
	background-color: #dcdcdc;*/
	margin-bottom: 1px; 
}

div.sc-footer, td.sc-footer {
	border: 1px solid #bababa;
	background-color: #dcdcdc;
	margin-top: 1px;
	font-size: 80%;
	color: gray; 
}

td.sc-footer {
	padding:0px;
	margin:0px;
	background-color: #e4e4e6; 
}

td.sc-footer-buttons{
	margin-top: 1px;
	font-size: 90%;
	padding:0 2px 0 2px;
	margin:0px;	
}

td.sc-footer-slider{
	margin-top: 1px;
	font-size: 90%;
	padding:0 2px 0 2px;
	margin:0px;
	/*color: #BDBDBD;*/
}
.sc-footer-slider .template_object_link{
	/*color: #BDBDBD;	*/
	font-weight: normal !important;
}

.sc-footer-slider .template_object_link{
	/*color: #BDBDBD;	*/
	font-weight: normal !important;
	font-size: 100%;
}

.sc-small-left-slider .template_object_link, .sc-footer-buttons .template_object_link{
	color: #27344F;
	font-size: 13px;
	font-weight: bold;
}

div.sc-entry .label, div.sc-entry-label{
	/*color: #BDBDBD;
	font-size: 11px; 
	width: 50px; 
	float:left; 
	text-align: right;
	word-break: break-all;
}
div.labelvacation{
	/*color: #BDBDBD;  */
	font-size: 11px; 
	width: 80px; 
	float:left; 
	text-align: right;
	word-break: break-all;
}

div.sc-entry .text,div.sc-entry-text {
	float:left; 
	margin-left: 2px;
	width: 74%;	
}


table.sc-tripple-table-slider {
	padding-bottom: 2px;
/*	background: url(./images/graydot.png) bottom left repeat-x transparent;*/
}


table.sc-table {
	border-collapse: collapse;
	font-size: 12px;
	padding: 5px;
}

table.sc-tripple-table {
	border-collapse: separate;
	border-spacing: 1px;
}

td.sc-full-left {
	vertical-align: top;
	border: 1px solid #bababa;
	background-color: #dcdcdc;
	width: 12em; 
	padding: 2px;
}

td.sc-full-content {
	padding: 6px;
	font-size: 120%;
	vertical-align: top;
}

td.sc-small-left {
	vertical-align: top;
	border: 1px solid #bababa;
	background-color: #dcdcdc;
	padding: 2px;
}

td.sc-small-left-slider {
	vertical-align: top;
	font-size: 110%;
	padding: 2px;
}

td.sc-small-content {
	padding: 2px;
	vertical-align: top;
}

td.sc-small-content-slider {
	padding: 2px 8px 2px 0;
	vertical-align: top;
}

td.sc-small-content-slider-plus {
	background: url(./images/section_right_big.gif) center;
	background-repeat: no-repeat;
	height: 20px;
}

td.sc-small-content-slider-minus {
	background: url(./images/section_open_big.gif) center;
	background-repeat: no-repeat;
}

img.sc-content-userimage {
	width: 64px;
	height: 64px;
}

img.sc-small-content-userimage {
	width: 36px;
	height: 36px;
	border: 1px solid #aaaaaa;
}

img.sc-small-content-image {
	width: 36px;
	height: 36px;
}

div.sc-content-userlink {
	margin-top: 20px;
	font-size: 80%;
}

div.sc-content-userinfo {
	margin-top: 2px;
	font-size: 80%;
	color: gray;
}

div.sc-table, div.sc-table-disabled {
}


div.sc-table:hover, .sc-table_hover, .sc-table-selected {
	background: url(./images/section_background_rev.gif) bottom left repeat-x #f6f7f7;
	cursor: pointer;
}

/** Markers for table decorators **/

.property-data .marked-lightred, .fragment-data .marked-lightred .sc-entry {
	background-color: #DFB5B5 !important;
}

.property-data .marked-red, .fragment-data .marked-red .sc-entry {
	background-color: #aa0000 !important;
	color: white !important;
}

.property-data .marked-red *, .fragment-data .marked-red .sc-entry * {
	color: white !important;
}

.markNotReadedMode .property-data .not-readed, .markNotReadedMode .fragment-data .not-readed .sc-entry {
	font-weight: bold !important;
}

.markNotReadedMode .property-data .not-readed *, .markNotReadedMode .fragment-data .not-readed .sc-entry * {
}

.markNotReadedMode * .not-readed .template_object_link {
	font-weight: bold !important;
}

.markNotReadedMode .not-readed {
}

.eventNotReaded{
	background-color: #FFFF66;
}

/* IE6 only hacks */
.ext-ie6 .sc-table_hover {
	border:0 !important;
}
.ext-ie6 div.sc-table {
	border:0;
}

/* Table entity button */

/*.dataTable div.entity-button {
	display: inline;
	font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 0;
	color: gray;
	background: transparent;
	border: none;
    cursor: pointer;
}*/

.dataTable div.entity-button{
	display: inline;
	cursor: pointer;
    padding: 3px;
    margin: 1px;
    text-align: center;
}

.dataTable .center-column {
	text-align: center;
}



.dataTable-cell {
}
.dataTable-cell div.prop-string{
	max-height: auto;
}


.dataTable-header {
	overflow: hidden;
	white-space: normal;
}

.dataTable-header, .dataTable th a, .dataTable th a:visited {
	font-size: 13px;
	font-weight: bold;
}

.dataTable-processed .dataTable-cell {
	overflow: hidden;
	white-space: inherit;
}

.ext-ie .dataTable td {
	cursor: default;
}

.property-data .suspended, .fragment-data .suspended .subtasks,  .fragment-data .suspended .subtasks .template_object_link  {
	text-decoration: none;
	background: #FFF36F !important;	
}

/* .sticky-datatable-fix{ */
/* 	position:relative; */
/* } */

/* .sticky-datatable-fix-scroll{ */
/* 	height:auto; */
/* } */

/* .sticky-datatable-fix-scroll th > div{ */
/* 	position:absolute; */
/* 	top:0; */
/* 	color:black; */
/* 	white-space: normal !important; */
/* 	max-width:100%; */
/* 	vertical-align:middle; */
/* 	padding-right: 3px; */
/* } */

/* .sticky-datatable-fix-scroll th{ */
/* 	color:transparent; */
/* 	font-weight: bold !important; */
/* 	white-space: normal !important; */
/* 	position:relative; */
/* } */