/* description: Primary component stylesheet. */

.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: 5px 3px 2px 3px;
}

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

.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;
}

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

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

.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;
}

.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;
}

.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;
}

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

.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;
}

.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;
}

.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;
}

.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;
}

.gridRow1 {
	border-top: #FAFAFA 1px solid; 
	border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
    border-left: #FAFAFA 1px solid;
	background-color: #FAFAFA;
    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: #FAFAFA;
    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: #BBBBBB 1px solid;
    border-left: #FFFFFF 1px solid;
    background-color: #EEEEEE;
    padding-left: 3px;
    padding-right: 3px;
}

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;    
}

.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-top: 3px;
    padding-right: 2px;
    padding-left: 4px;
}

.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-top: 3px;
    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 {
    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 {
    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;
    padding-left: 3px;
    padding-right: 3px;
	display: table-row;
}

.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;
    padding-left: 3px;
    padding-right: 3px;
}

img.disabled { /* disabled images */
 -moz-opacity: 0.4;
 filter: alpha(opacity=40);
}