/* description: Primary component stylesheet. */

/* appended tablecloth styles */
table.grid { 
    font: 11px tahoma, verdana, sans-serif;
	color: #000000;
	width: 100%;  
	border-top: #CCCCCC 1px solid; 
	border-left: #CCCCCC 1px solid;
}

/*
table.grid table.content tr td, table.grid table.pad tr td { 
	border-right: none; 
	border-bottom: none;
}

table.grid table.content tr td { 
	border-right: none; 
	border-bottom: none;
}
*/
td.accordion_section table.grid { 
	border-top: none; 
	border-left: none;
}

table.grid th { 
	padding: 2px; 
	padding-left: 3px;
}

table.grid td.gridLineNum { 
	text-align: left; 
	padding-left: 4px; 
	background-color: #EEEEEE;
}

table.grid td.gridForm { 

	background-color: #EEEEEE;
}

table.grid th {
	color: #000000;
	border-top: #FFFFFF 1px solid; 
	border-right: #CCCCCC 1px solid; 
	border-bottom: #DDDDDD 3px solid; 
	border-left: #FFFFFF 1px solid;
	background-color: #EEEEEE;
}

table.grid th:first-child {
	border-right: none; 
}

table.grid th:nth-child(2) {
	border-left: none;
} 

table.grid tr.even td.gridRow1,
table.grid tr.odd td.gridRow1,
table.grid tr.even td.gridRow2,
table.grid tr.odd td.gridRow2,
table.grid tr.even td.altRow1,
table.grid tr.odd td.altRow1,
table.grid tr.even td.altRow2,
table.grid tr.odd td.altRow2 {
	border-right: #CCCCCC 1px solid; 
	border-bottom: #CCCCCC 1px solid;
}

/* level 0 row background colors */
table.grid tr.even td.gridRow2 { background-color: #ffffff; }
table.grid tr.even td.gridRow1 { background-color: #ffffff; }
table.grid tr.odd td.gridRow1 { background-color: #f5f5f5; }
table.grid tr.odd td.gridRow2 { background-color: #f5f5f5; }

/* level 1 row background colors */
table.grid tr.even td.altRow2 { background-color: #FFFFDD; }
table.grid tr.even td.altRow1 { background-color: #FFFFDD; }
table.grid tr.odd td.altRow1 { background-color: #FFFFEE; }
table.grid tr.odd td.altRow2 { background-color: #FFFFEE; }

table.grid tr.even td.gridbase, table.grid tr.odd td.gridbase {
	background-color: #EEEEEE;
}

table.grid th.over, table.grid tr.even th.over, table.grid tr.odd th.over { 
	border-top: #FFFFFF 1px solid; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFCB39 3px solid; 
	border-left: #FFFFFF 1px solid;
	background-color: #FFFFFF;
}

table.grid th.down, table.grid tr.even th.down, table.grid tr.odd th.down {
	border-top: #DDDDDD 1px solid; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFCB39 3px solid; 
	border-left: #DDDDDD 1px solid;
	background-color: #FFFFFF;
}

table.grid th.selected, table.grid tr.even th.selected, table.grid tr.odd th.selected { 
	border-top: #DDDDDD 1px solid; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFCB39 3px solid; 
	border-left: #DDDDDD 1px solid;
	background-color: #FFFFFF;
}

table.grid td.over, table.grid tr.even td.over, table.grid tr.odd td.over { background-color: #ecfbd4; } /* OVER */
table.grid td.down, table.grid tr.even td.down, table.grid tr.odd td.down { background-color: #ecfbd4; } /* DOWN */
table.grid td.selected, table.grid tr.even td.selected, table.grid tr.odd td.selected { background-color: #edf3fd; } /* SELECTED */
table.grid td.checked, table.grid tr.even td.checked, table.grid tr.odd td.checked { background-color: #fdea9e; } /* CHECKED */

/* use this if you want to apply different styling to empty table cells*/
table.grid td.empty, table.grid tr.odd td.empty, table.grid tr.even td.empty { /* background-color: #ffffff; */ }

.pad {
    font: 11px tahoma, verdana, sans-serif;
	color: #000000;
    border-left: #CCCCCC 1px solid; 
    border-right: #FFFFFF 1px solid;
    border-top: #CCCCCC 1px solid;
    border-bottom: #FFFFFF 1px solid;
	background-color: #FAFAFA;
    padding: 7px 7px 7px 7px;
	margin: 2px 2px 2px 2px;
}

.grid_outline {
	display: table;
    font: 11px tahoma, verdana, sans-serif;
	color: #000000;
	border-top: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	width: auto;
}

.grid_sortable {
	display: table;
    font: 11px tahoma, verdana, sans-serif;
	color: #000000;
	border-top: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	width: auto;
}

.grid_sortable td {
	cursor: n-resize;
}

.grid th, .grid_sortable th {
    font-weight: normal;
	text-align: left;
}

.grid table.grid {
	display: table;
    font: 11px tahoma, verdana, sans-serif;
	color: #000000;
	/* border-top: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid; */
	width: auto;
}

.grid_content {
    font: 11px tahoma, verdana, sans-serif;
	color: #000000;
}

.gridSection {
    font: bold 11px tahoma, verdana, sans-serif;
	color: #000000;
	border-top: #FFFFFF 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    border-left: #FFFFFF 1px solid;
    background-color: #EEEEEE;
	padding: 1px;
}

.gridHeader {
    font: 11px tahoma, verdana, sans-serif;
	color: #888888;
	border-top: #FFFFFF 1px solid;
    border-right: none;
    border-bottom: #CCCCCC 1px solid;
    border-left: #FFFFFF 1px solid;
    background-color: #EEEEEE;
	padding: 3px;
}

.gridSectionLink {
    font: bold 11px tahoma, verdana, sans-serif;
	color: #000000;
	text-decoration: none;
}

.gridSearch {
    font: 11px tahoma, verdana, sans-serif;
	color: #000000;
}

.gridLabel {
    border-top: #FFFFFF 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    border-left: #FFFFFF 1px solid;
    background-color: #EEEEEE;
    text-align: center;
    height: 20px;
    padding: 0px;
}

.gridHeaderLeft {
    border-top: #FFFFFF 1px solid;
    border-bottom: #DDDDDD 3px solid;
    border-left: #FFFFFF 1px solid;
    background-color: #EEEEEE;
    text-align: center;
    height: 20px;
    padding: 0px;
	display: table-cell;
	font-weight: normal;
}

.gridHeaderRight {
    border-top: #FFFFFF 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #DDDDDD 3px solid;
    border-left: #FFFFFF 1px solid;
    background-color: #EEEEEE;
    text-align: center;
    height: 20px;
    padding: 0px;
	font-weight: normal;
}

.gridHeaderRSep {
    border-top: #FFFFFF 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #DDDDDD 3px solid;
    background-color: #EEEEEE;
    text-align: left;
    height: 20px;
    padding: 0px;
	display: table-cell;
	font-weight: normal;
}

.gridHeaderRSep:hover {
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFCB39 3px solid;
    background-color: #FFFFFF;
    text-align: left;
    height: 20px;
    padding: 0px;
    cursor: pointer;
	font-weight: normal;
}

.gridHeaderCSep {
    border-top: #FFFFFF 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #DDDDDD 3px solid;
    border-left: #FFFFFF 1px solid;
    background-color: #EEEEEE;
    text-align: left;
    height: 20px;
    padding: 0px;
	font-weight: normal;
}

.gridHeaderCSep:hover {
    background-color: #FFFFFF;
    border-left: #FFFFFF 1px solid;
    border-right: #EDEDED 1px solid;
    border-bottom: #FFCB39 3px solid;
    text-align: left;
    height: 20px;
    padding: 0px;
    cursor: pointer;
	font-weight: normal;
}

.gridHeaderLSep {
    background-color: #EEEEEE;
    border-top: #FFFFFF 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #DDDDDD 3px solid;
    border-left: #FFFFFF 1px solid;
    text-align: left;
    height: 20px;
    padding: 0px;
	font-weight: normal;
}

.gridHeaderLSep:hover {
    background-color: #FFFFFF;
    border-top: #FFFFFF 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #FFCB39 3px solid;
	border-left: #FFFFFF 1px solid;
    text-align: left;
    height: 20px;
    padding: 0px;
	font-weight: normal;
}

.gridRow1 {
	border-top: #FAFAFA 1px solid; 
	border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    border-left: #FAFAFA 1px solid;
	background-color: #f5f5f5;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: top;
	   
}

.gridRow2 {
	border-top: #FAFAFA 1px solid; 
	border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    border-left: #FAFAFA 1px solid;
	background-color: #FFFFFF;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: top;   
}

.gridRow3 {
    border-top: #FFFFFF 1px solid;
	border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    border-left: #FFFFFF 1px solid;
    background-color: #f5f5f5;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: top;
}

.gridRow4 {
    border-top: #FFFFFF 1px solid;
	border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    border-left: #FFFFFF 1px solid;
    background-color: #FFFFEE;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: top;
}

.gridRow5 {
    border-top: #FFFFFF 1px solid;
	border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    border-left: #FFFFFF 1px solid;
    background-color: #FFFFDD;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: top;
}

.gridRow4_noborder {
    background-color: #FFFFEE;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: top;
}

.gridRow5_noborder {
    background-color: #FFFFDD;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: top;
}

.gridForm {
    border-top: #FFFFFF 1px solid;
	border-right: #CCCCCC 1px solid;
    border-bottom: #BBBBBB 1px solid;
    border-left: #FFFFFF 1px solid;
    background-color: #EEEEEE;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: top;
}

.gridBase {
    border-top: #FFFFFF 1px solid;
	border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    border-left: #FFFFFF 1px solid;
    background-color: #EEEEEE;
    padding-left: 3px;
    padding-right: 3px;
}

.grid .disabled {
	font: 11px tahoma, verdana, sans-serif;
}

a.gridField {
    font: 11px tahoma, verdana, sans-serif;
    color: #000000;
    text-decoration: none;    
}

a.gridField:hover {
    font: 11px tahoma, verdana, sans-serif;
    color: #0000FF;
    text-decoration: underline;    
}

td.gridLineNum {
    border-top: #FFFFFF 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    border-left: #FFFFFF 1px solid;
    background-color: #EEEEEE;
    font: 11px tahoma, verdana, sans-serif; 
    text-align: right;
    vertical-align: top;
    width: 10px;
    height: 18px;
    padding-right: 2px;
    padding-left: 6px;
}

td.gridLineNum:hover {
    border-top: #DDDDDD 1px solid;
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-left: #DDDDDD 1px solid;
    background-color: #EDEDED;
    text-align: right;
    vertical-align: top;
    width: 10px;
    height: 18px;
    padding-right: 2px;
    padding-left: 4px;
    cursor: pointer;
}

.gridArea {
    border-top: #FFFFFF 1px solid;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    border-left: #FFFFFF 1px solid;
    background-color: #EEEEEE;
    font: 11px tahoma, verdana, sans-serif; 
    vertical-align: top;
    padding-top: 3px;
    padding-right: 2px;
    padding-left: 4px;
}

.gridButtons, .buttons {
	display: table;
    font: 11px tahoma, verdana, sans-serif; 
	background-color: transparent;   
    padding: 2px 4px 2px 1px;
	width: 100%;
}

.gridDeleted, .gridError, .gridUpdateAlert {
    font: 11px tahoma, verdana, sans-serif;
    border-top: #FFFFFF 1px solid;
	border-right: #DDBCBC 1px solid;
    border-bottom: #DDBCBC 1px solid;
    border-left: #FFFFFF 1px solid; 
    background-color: #FEF1F1;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: top;
}

.gridDeleted:hover, .gridError:hover {
    font: 11px tahoma, verdana, sans-serif;
    border-top: #FFFFFF 1px solid;
	border-right: #DDBCBC 1px solid;
    border-bottom: #DDBCBC 1px solid;
    border-left: #FFFFFF 1px solid; 
    background-color: #FFE2E2;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: top;
}

.gridAlert, .gridBuildAlert {
    font: 11px tahoma, verdana, sans-serif;
    border-top: #FFFFFF 1px solid;
	border-right: #e5df7e 1px solid;
    border-bottom: #e5df7e 1px solid;
    border-left: #FFFFFF 1px solid; 
    background-color: #FFFFDD;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: top;
}

.gridAlert:hover {
    font: 11px tahoma, verdana, sans-serif;
    border-top: #FFFFFF 1px solid;
	border-right: #e5df7e 1px solid;
    border-bottom: #e5df7e 1px solid;
    border-left: #FFFFFF 1px solid; 
    background-color: #fdf8a1;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: top;
}

.gridActive {
    font: 11px tahoma, verdana, sans-serif;
    border-top: #FFFFFF 1px solid;
	border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    border-left: #FFFFFF 1px solid; 
    background-color: #D8F8D1;
	vertical-align: top;
    padding-left: 3px;
    padding-right: 3px;
}

.gridSelected {
    font: 11px tahoma, verdana, sans-serif;
    border-top: #FFFFFF 1px solid;
	border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    border-left: #FFFFFF 1px solid; 
    background-color: #eefeee;
	vertical-align: top;
    padding-left: 3px;
    padding-right: 3px;
}

td.gridRow1 .disabled, td.gridRow2 .disabled, td.gridRow3 .disabled {
	font: 11px tahoma, verdana, sans-serif;
}