/*  http://www.colorpicker.com/  */
/*#FFFFCC light color  */
/*#999966 medium dark color */
/*#404000 dark color*/
/*#000000 black*/
/*#FFFFFF white*/
/*#5D7B9D gridview footer*/

body
{
    color: black;
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
}
background{ color: #FFFFCC; }

a:link    {color:black;}    /* unvisited link */
a:visited {color:#404000;}  /* visited link */
a:hover   {color:#404000;}  /* mouse over link */
a:active  {color:#404000;}  /* selected link */

h1, h2, h3, h4, h5, h6  { color: black; }

.microText  { font-size:  8pt; font-family: Arial, Helvetica, sans-serif; }
.tinyText   { font-size:  9pt; font-family: Arial, Helvetica, sans-serif; }
.smallText  { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; }
.medText    { font-size: 11pt; font-family: Arial, Helvetica, sans-serif; }
.bigText    { font-size: 12pt; font-family: Arial, Helvetica, sans-serif; }
.largeText  { font-size: 16pt; font-family: Arial, Helvetica, sans-serif; }
.giantText  { font-size: 22pt; font-family: Arial, Helvetica, sans-serif; }

.microBoldText  { font-size:  8pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.itemText       { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.titleText      { font-size: 12pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

/* used once on attendance form */
.gridTable  
{
    background-color:#999966; 
    border-style:solid; 
    border-width:2px; 
    border-color:Black; 
    padding:3; 
    font-size:10pt; 
    font-family: Arial, Helvetica, sans-serif;
}

.dgStyle
{
    background-color:#999966; 
    padding:3; 
    width:90%; 
    color: Black; 
    font-size: 8pt;
}

.dgHeader
{
    background-color:#404000;
    color:White;
    font-weight:bold;
    font-size:large;
    font-family:Comic Sans MS, Arial, Helvetica, sans-serif;
}

.dgItem
{
    text-align:left;
    background-color: #999966;
    color: Black;
}

.dgSelectItem 
{ 
    color: Black; 
    font-weight: bold; 
}

.dgLinkBtn
{ 
    background-color:#999966; 
    color: Black; 
    font-family:Comic Sans MS; 
    font-size:small; 
    font-weight: bold; 
}

.dgFooter 
{ 
    color: Black;  
}

.scriptLinkBtn
{ 
    color: Black; 
    font-family:Comic Sans MS; 
    font-size:small; 
    font-weight: bold; 
}

/*Used for formatting the GridView control. */
.GridViewStyle
{    
    border-right: 2px solid #404000;
    border-bottom: 2px solid #404000;
    border-left: 2px solid #404000;
    border-top: 2px solid #404000;
    padding: 4px;
    font-size: small;
}

.GridViewHeaderStyle
{
    font-family: Arial;
    background-color: #999966;
    color: black;
    font-weight: normal;
}

.GridViewFooterStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: yellow;
}

.GridViewRowStyle
{
    background-color: #FFFFCC;
    color: black;
}

.GridViewAlternatingRowStyle 
{
    background-color: #FFFFFF;
    color: black;
}

.GridViewSelectedRowStyle
{
    background-color: gray;
    font-weight: bold;
    color: black;
}

.GridViewPagerStyle
{
    background-color: #999966;
    color: #FFFFFF;
}

.GridViewPagerStyle table /* to center the paging links*/
{
    margin: 0 auto 0 auto;
}

.ButtonBar-td
{
    height: 1%;
    border-bottom: black thin solid;
}

.inputTable
{
    border:black solid 2px;
    background-color: #999966;
    color: Black;
    padding: 3;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    margin: 2px; 
}

.UpdateInfo-table
{
    font-size: 8pt; 
    border: black thin solid; 
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
}

.UpdateInfo-th 
{
    border-right:0;  
    background-color: #FFFFCC;
    text-align:right; 
}

.UpdateInfo-td 
{
    border-left:0;
    background-color: #FFFFCC; 
    text-align:center; 
}

.OneTwoThree-table
{
    border: black thin solid; 
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
}

.smallButton
{
    font-size:smaller;
    height:18px;
}

.LightLeft-td 
{
    background-color: #FFFFCC; 
    text-align:left; 
}

.LightRight-td 
{
    background-color: #FFFFCC; 
    text-align:right; 
}

.LightCenter-td 
{
    background-color: #FFFFCC; 
    text-align:center; 
}

.DarkLeft-td 
{
    background-color: #404000; 
    text-align:left; 
}

.DarkRight-td 
{
    background-color: #404000; 
    text-align:right; 
}

.DarkCenter-td 
{
    background-color: #404000; 
    text-align:center; 
}

.mediumDarkLeft-td 
{
    background-color: #999966; 
    text-align:left; 
}

.mediumDarkRight-td 
{
    background-color: #999966; 
    text-align:right; 
}

.mediumDarkCenter-td 
{
    background-color: #999966; 
    text-align:center; 
}

.LightBkgrnd  { background-color: #FFFFCC; }
.DarkBkgrnd   { background-color: #404000; }
.medDarkBkgrnd{ background-color: #999966; }