﻿body {
	background-color: #F6F7F8;  /* Ironshore background grey */
	font-family: Arial;
	color: #808789;  /* text grey */
}
table#tblBorder {
    background-color: White;
    width: 800px;
    border-left: 0px solid #D4D4D4;  /* border grey */
    border-top: 0px solid #D4D4D4;  /* border grey */
    border-right: 1px solid #D4D4D4;  /* border grey */
    border-bottom: 1px solid #D4D4D4;  /* border grey */
}

H1
{
    color: #40464A; /* Theme header dark grey */
}
H2
{
	color: #80A1B6; /* Theme menu bluish-grey */
}
H3, .changePassTitle
{
    color: #082E7A; /* Theme header dark blue */
    text-align: left;
    padding-bottom: 10px;
    font-weight: bold;
}
DIV#divTopBorder {
    padding: 10px 10px 10px 10px;
	font-weight: bold;
	border-bottom: 2px solid #D4D4D4;  /* border grey */
	background-color: White;
}
DIV#divTitle {
    float: right;
    margin-top: -30px;
    font-size: 1.5em;
    color: #40464A; /* Theme header dark grey */
}
td#tdLeftMenu
{
    padding: 10px 10px 10px 10px;
	/* background-color: #F8FAFC;  /* Theme lighter bluish-grey */
	color: #80A1B6; /* Theme menu bluish-grey */
	font-weight: bold;
}
td#tdLeftMenu a, td#tdLeftMenu a:visited
{
    text-decoration: none;
    color: #80A1B6; /* 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-top: 23px;
    padding-top: 3px;
    padding-bottom: 3px;
}
div.divMenuChoices div
{
    margin: 0 0 0 30px;
    text-indent: -30px;
}
.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;
    width: 200px;
    text-align: right;
}
.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 */
}
.noWrap
{
    white-space: nowrap;
}

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