/*
Pagefusion; Pagefusion Core Platform;
Description: A powerful, easy-to-use, and highly customizable content management system.
Copyright (C), 2006-2007 Pagefusion.com, All Rights Reserved.
Author: Chris Davis, chris@pagefusion.com

Filename: /components/grid/grid.css
Description: main stylesheet file for grid-based interfaces (tables, rows & columns), combined
             with /components/grid/grid.js for a rollover effect.

This program is free software; you can redistribute it and/or 
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA
*/

.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;
	width: 100%;
}

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

.grid .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: bold 11px tahoma, verdana, sans-serif;
	color: #000000;
	padding-bottom: 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;
}

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

.gridButtons, .buttons {
	display: table;
    font: 11px tahoma, verdana, sans-serif; 
	background-color: transparent;   
    font-weight: bold;
    padding: 2px 3px 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: #AAAAAA 1px solid;
    border-bottom: #AAAAAA 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: #AAAAAA 1px solid;
    border-bottom: #AAAAAA 1px solid;
    border-left: #FFFFFF 1px solid; 
    background-color: #fdd9d9;;
    padding-left: 3px;
    padding-right: 3px;
}