body {
	background-color: White;
	font-family: Arial;
	color: Black;
}
table#tblBorder {
    background-color: White;
    width: 800px;
    border: 2px solid #D4D4D4;  /* border grey */
}

H1, H2, H3 
{
    color: #B71234; /* Markel header red */
}
DIV#divTopBorder {
    padding: 10px 10px 10px 10px;
    font-size: 2em;
	font-weight: bold;
	border-bottom: 2px solid #D4D4D4;  /* border grey */
	background-color: White;
}
DIV#divTitle {
    display: inline;
    position: absolute;
    top: 42px;
    color: #B71234; /* Markel header red */
}
td#tdLeftMenu
{
    padding: 10px 10px 10px 10px;
	background-color: #F7F7F7;  /* background grey */
	color: #3A3B3D; /* darker grey */
	font-weight: bold;
}
td#tdLeftMenu a, td#tdLeftMenu a:visited
{
    text-decoration: none;
    color: #3A3B3D; /* darker grey */
}
td#tdSeparator
{
    width: 2px;
	background-color: #D4D4D4;  /* border grey */
}
DIV#divMain {
    padding: 0px 10px 10px 20px;
}
DIV#divMenuChoices  /* lunch menu choices */
{
    background-color: White;
    border: 1px solid #ABADB3;  /* grey like other text boxes */
    margin-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}
/* RadioButtonList renders a table with one cell per row (radio + label); float the control so wrapped label lines align with the first line of text */
DIV#divMenuChoices table
{
    width: 100%;
    border-collapse: collapse;
}
DIV#divMenuChoices table td
{
    vertical-align: top;
    padding: 2px 4px 4px 4px;
}
DIV#divMenuChoices table td input[type="radio"]
{
    float: left;
    margin: 3px 8px 0 0;
}
DIV#divMenuChoices table td label
{
    display: block;
    overflow: hidden;
}
.divError {
	color: Red;
	font-weight: bold;
}
.divSuccess {
	color: Green;
	font-weight: bold;
}
DIV.divFooter
{
    padding: 3px 10px 2px 10px;
	background-color: White;
	border-top: 2px solid #D4D4D4;  /* border grey */
}
.divFooter .divCreatedBy
{
    float: left
}
.divFooter .divServerTime
{
    float: right;
}

/* Login */
DIV#divLogin
{
    top: 0;
    right: 0;
    float: right;
    font-size: small;
}
.loginControl 
{
    width: 270px;
    height: 90px;
    background-color: #F7F7F7;  /* background grey */
	border: 2px solid #D4D4D4;  /* border grey */
    margin: 10px auto 10px auto;
}

/* Grids */
.gridStyle
{
    width: 96%;
    margin-bottom: 4px;
}
.gridHeaderRow
{
    color: White;
    background: #3A3B3D; /* darker grey */
    font-weight: bold;
}
.gridHeaderRow a,gridHeaderRow a:visited
{
    color: White;
}
.selectedGridRow
{
    background: #E4E1F7;  /* very pale purple */
}
.gridRow, .gridAltRow
{
    vertical-align: top;
}
.gridAltRow
{
    background: #F4F4F6;  /* barely grey */
}
.gridRow TD, .gridAltRow TD
{
    padding-left: 2px;
    padding-top: 2px;
    /* bottom padding is not needed because the image size makes it happen */
}


/* Input fields */
.fieldInput
{
    width: 70%;
    border: 1px solid #3A3B3D; /* darker grey */
    border-radius: 5px;
    background-color: white;
    padding: 2px 4px 2px 4px;
    margin-bottom: 4px;
}
.fieldInput DIV
{
    padding-top: 2px;
    padding-bottom: 2px;
}
.fieldName
{
    display: inline-block;
    width: 130px;
    vertical-align: top;
}
TD.fieldName
{
    width: 130px;
}
TD.fieldValue, TD.fieldValue *
{
    width: 98%;
}
SPAN.fieldValue *
{
    width: 250px;
}

/* Member lunch order (today only) */
.lunchOrderNotice
{
    color: #3A3B3D;
    font-weight: bold;
    margin-bottom: 8px;
}