

body
{
    margin: 8px 8px 8px 8px;
    background-color: #ffffff;
}

body,h2,h3,h4,h5,h6,td, div.pinknote, div.bluenote, div.note, .GridView
{
    font-family: Verdana, Tahoma, Arial;
    font-size: 8pt;  
    color: #000000;  
}

h1, h2, h3, h4, h5, h6, div.pinknote, div.bluenote, div.note, .GridView
{
    margin: 0;
    padding: 3px 4px 4px 4px;
    font-weight: normal;
}

td 
{
    padding: 3px 4px 4px 4px;
}



.menubody
{ /* New in 2010, used on left-hand-frame menus and for employee list (while viewing timecards) */
    top: 0;
    left: 0;
    background-color: #f5f5f5;    
}

a, a:visited
{
    color:  #0030cc;
}

a:hover 
{
    color: #3399ff;
}


table.pagecontent /* pre 2010 */
{
    BORDER-RIGHT: #dadada 1px solid;
    BORDER-TOP: #dadada 1px solid;
    WIDTH: 98%;
}

.gridtable, .GridView /* new in 2010, for tables where gridlines are expected. You must cellspacing=0.*/
{
    
    border-left: #dadada 1px solid;
    border-top: #dadada 1px solid;   
    border-spacing: 0;
    padding: 0;
    width:100%;
}
.gridtable td, .GridView
{
    border-right: #dadada 1px solid;
    border-bottom: #dadada 1px solid;
    border-spacing: 0;    
    
}

table.invisible, .invisible>tr, .invisible>tr>td
/* new in 2010, for tables desired strictly for formatting. */
{
    border: none;
    padding: 0;
    margin: 0;       
}


.pagecontent tr /* pre 2010 - preferably deprecated, fundamentally broken */
{
    BORDER-BOTTOM: #dadada 1px solid;
    BORDER-LEFT: #dadada 1px solid;
    WIDTH: 98%;
}


/*td.pageheader, .pageheader td, td.pageheadersm, .pageheadersm td, td.note, .note td*/ #nothing
{
    BORDER-LEFT: #dadada 1px solid;
    BORDER-BOTTOM: #dadada 1px solid;
}

/* entries for pageheader (big and small)... pre-2010, fully supported going forward */
td.pageheader, div.pageheader, div.header, .pageheader td,td.pageheadersm, h1, h2, .pageheadersm td
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;    
    background-color:  #0030cc;   
}

@media screen,projection {
    td.pageheader, div.pageheader, div.header, .pageheader td,td.pageheadersm, h1, h2, .pageheadersm td
    {
        background: url('/scci/util/gradient.aspx?h=256&m=16&w=750&p=.3&q=.5&start=0030cc&end=ffffff') repeat;
    }
}

/*Background header for the jQuery Controls*/
.ui-widget-header 
{ 
    border: 1px solid #dadada; 
    background:  #0030cc url('/scci/util/gradient.aspx?h=100&w=500&start=0030cc&end=ffffff'); 
    color: #ffffff; 
    font-weight: bold; 
    max-height:29px;
}

/* entries specifically for large pageheader */
td.pageheader, .pageheader td, h1
{
    FONT-SIZE: 13pt;
    padding: 12px 12px 12px 12px;
}

div.pageheadersm, div.rowheader, div.menuitem, h2, h3
{
    padding: 3px 5px 4px 5px;
    font-weight: bold;
    
}

.menuitem a
{
    font-weight: bold;
}

td.rowheaderlg, .rowheaderlg td
{
    BORDER-LEFT: #dadada 1pt solid;
    BORDER-BOTTOM: #dadada 1pt solid;
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: uppercase;
    COLOR: #000000;
    BACKGROUND-COLOR: #c4cce0;
}
td.rowheader, .rowheader td, th.rowheader, .rowheader th, .GridViewHeader, .GridViewPager
{
    BORDER-LEFT: #dadada 1px solid;
    BORDER-BOTTOM: #dadada 1px solid;
}

td.rowheader, .rowheader td, th.rowheader, .rowheader th, h3, .GridViewHeader, div.rowheader, #menu
{
    FONT-WEIGHT: bold;
    COLOR: #000000;    
    BACKGROUND-COLOR: #dcdcdc; 
    
}

@media screen,projection {
    td.rowheader, .rowheader td, th.rowheader, .rowheader th, h3, .GridViewHeader, div.rowheader, #menu
    {
        background: url('/scci/util/gradient.aspx?h=128&w=15&start=dcdcdc&end=808080') repeat;
    }
}

td.columndata, .columndata td, .gridtable tr, .invisible tr
{
    BORDER-LEFT: #dadada 1px solid;
    BORDER-BOTTOM: #dadada 1px solid;
    COLOR: #000000;
    background-color: #ffffff;
}

td.odd, tr.odd, .GridViewAlternating
{
    COLOR: #000000;
    BACKGROUND-COLOR: #efefef;    
    
}


td.columndataalt, .columndataalt td
{
    BORDER-LEFT: #dadada 1px solid;
    BORDER-BOTTOM: #dadada 1px solid;
    COLOR: #000000;
    BACKGROUND-COLOR: #efefef;
}

td.noborder, .noborder td
{
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    background-color: #ffffff;
}
td.noborderalt, .noborderalt td, .noborder td.odd
{
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #efefef;
    
}

td.note, .note td, h4, div.note
{    
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffe0;
}

.note a, .note a:visited, h4 a, h4 a:visited, div.note a, div.note a:visited
{
    color: #0030cc   
}

td.bluenote, .bluenote td, div.bluenote, .GridViewFooter
{
    COLOR: #000000;
    BACKGROUND-COLOR: #c4cce0;    
}

.bluenote a, .bluenote a:visited, .GridViewFooter
{
    color: #0066cc   
}


td.pinknote, .pinknote td, div.pinknote, input.pinknote
{
    COLOR: #000000;
    BACKGROUND-COLOR: #ffc0cb;    
}

.pinknote a, .pinknote a:visited
{
    color: #0066cc   
}


.error, .GridError
{
    BORDER-LEFT: #dadada 1px solid;
    BORDER-BOTTOM: #dadada 1px solid;
    FONT-WEIGHT: bold;
    COLOR: #ff0000;
}
.success, GridSuccess
{
    BORDER-LEFT: #dadada 1px solid;
    BORDER-BOTTOM: #dadada 1px solid;
    FONT-WEIGHT: bold;
    COLOR: #008000;
}
.coreinfo
{
    color: #646464;
    font-size: smaller;
}
.blue
{
    color: #000080;    
}

.green
{
    color: #008000;    
}

.greenhighlight
{
    color: #008000;    
    font-weight: bold;
    text-decoration: underline;
    
}


.red, .red:visited
{
    color: #800000;
}

.red2, .red2:visited
{
    color: #ff0000;
}


.black, .black:visited
{
    color: #000000;
}

td.login, login .td, div.login
{
    color: #000000;
    background-color: #ffffff;
}

/* Used for absolutely overriding borders when you need a table to lay something out inside another table */
.killborders, table.killborders, .killborders td, .killborders tr
{
    border: none 0px !important;
    border-left: none 0px !important;
    
}

/* Used for quantities that are meant to align on the decimal point. */
.quant 
{
    text-align: right;  
}

@media print {
    /* Used for items that should not appear on printed reports */
    .screenonly
    {
        display: none;
    }
}

.radiobuttonlist
{    
    list-style-type: none; 
    margin: 0; 
    padding: 0;
}
.GridViewHeader
{
    text-align: left;
}

.watermarked
{
	background-color:#FFF;
	color:gray;
}
    
    
