/***************************************
    Tags which need overriding
***************************************/
.mainContent label
{
    display: inline;
    position: relative; /*    top: -3px;    */
    margin: 0 5px 0 2px;
}
.mainContent p
{
    margin: 4px 0;
}
.mainContent table
{
    background-color: Transparent;
}
/**************************************
    Input Forms
**************************************/
.mainContent .inputForm
{
    font-size: 12px;
    background-color: white;
    border: 1px black solid;
}
.mainContent table.inputForm
{
    border-collapse: collapse;
}
.mainContent .inputForm td, .mainContent .inputForm th
{
    padding: 4px;
}
.mainContent form p
{
    line-height: 30px;
    font-size: 12px;
    margin: 0 0 5px 0;
    width: 100%;
}
.mainContent input, .mainContent select, .mainContent inputSelect, .mainContent .inputText, .mainContent .inputLabel, .mainContent .inputTitle, .mainContent .inputDate, .mainContent .inputNumber, .mainContent .inputTextArea, .mainContent error, .mainContent label
{
    display: inline-block;
    margin: 2px 4px 2px 0;
    vertical-align: top;
    text-align: left;
    font-family: inherit;
    font-size: 12px;
    line-height: 24px;
    width: auto;
    height: 24px;
    padding: 2px 4px;
}
.mainContent .inputLabel {
	line-height:normal; vertical-align:middle; 
}
.mainContent .inputTextAreaLabel {
	line-height:normal; vertical-align:top; 
}
.mainContent select, .mainContent .inputText, .mainContent .inputDate, .mainContent .inputNumber, .mainContent .inputSelect, .mainContent .inputTextArea
{
    border: solid 1px #ccc;
}
.mainContent .mainContent .inputText, .mainContent .inputDate, .mainContent .inputNumber, .mainContent .inputLabel, .mainContent .inputCheckbox, .mainContent .inputRadio, .mainContent .inputSelect
{
    padding: 1px 5px 3px 0;
    padding: 2px;
    margin: 0 10px 0 0;
}
.mainContent .inputNumber
{
    text-align: right;
    width: 30px;
}
.mainContent .inputDate
{
    width: 100px;
    text-align: center;
}
.mainContent .inputLabel, .mainContent .radioLabel, .mainContent .checkboxLabel
{
    position: relative;
    top: -2px;
}
.mainContent .inputTextArea
{
    min-height:120px;
}
.mainContent .inputCalendar
{
    display: inline-block;
    padding: 2px;
    background-image: url(/forms/images/calendar_icon.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    cursor: pointer;
    height: 16px;
    width: 16px;
}
.mainContent .inputButton
{
    display: inline-block;
    text-align: center;
    width: 75px !important;
    height: 25px;
    border: solid 1px black;
    margin: 4px;
    background-color: #eee;
    line-height: normal;
}
.mainContent .inputRadio, .mainContent .inputCheckbox
{
    border: none;
    line-height: 30px;
}
.mainContent .inputButton:hover
{
    background-color: #ccc;
    cursor: pointer;
}
.mainContent .inputTitle
{
    font-weight: bold;
}
.mainContent .borderless
{
    border: none;
}
/***************************************
    inline formatting
***************************************/
.mainContent .hidden
{
    display: none;
}
.mainContent .error
{
    color: Red;
}
.mainContent .top
{
    vertical-align: top;
}
.mainContent .center
{
    text-align: center;
}
.mainContent .left
{
    text-align: left;
}
.mainContent .right
{
    text-align: right;
}
.mainContent .emphasis
{
    font-style:italic;
}
.mainContent .strong
{
    font-weight: bold;
}
.mainContent .green
{
    background-color: #cfe1af; /*     color: White; */
}
.mainContent .floatLeft
{
    float: left;
}
.mainContent .floatRight
{
    float: right;
}
/**************************************
    Colors
**************************************/
.mainContent .transparent
{
    background-color: Transparent;
}
.mainContent .red
{
    background-color: Red;
    color: White;
}
.mainContent .Red
{
    color: Red;
}
.mainContent .yellow
{
    background-color: Yellow;
    color: Black;
}
.mainContent .Yellow
{
    color: Yellow;
}
.mainContent .blue
{
    color: White !important;
    background-color: blue;
}
.mainContent .Blue
{
    color: Blue;
}
.mainContent .black
{
    color: White !important;
    background-color: Black;
}
.mainContent .Black
{
    color: Black;
}
.mainContent .silver, .mainContent .gray
{
    background-color: Silver;
    color: Black;
}
.mainContent .Silver, .mainContent .Gray
{
    color: Silver;
}
.mainContent .white
{
    background-color: white;
}
.mainContent .White
{
    color: white;
}
/***************************************
    accordion styles
***************************************/
.mainContent .accordion dt
{
    display: block;
    width: 100%;
    padding: 4px;
}
.mainContent .accordion dd
{
    display: none;
}
.mainContent .accordion img
{
    margin: 4px;
    vertical-align: middle;
    cursor: pointer;
}
.mainContent .accordion dt a
{
    background-image: url(/forms/images/expand.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 5px;
    padding-left: 20px;
    width: auto;
    cursor: pointer;
}
.mainContent .accordion dd
{
    border: 1px solid silver;
    background-color: #eee;
    padding: 10px;
}
.mainContent .accordion td
{
    padding: 4px;
    vertical-align: top;
}
/***************************************
    wizard styling
***************************************/
.mainContent .mainContent .wizard
{
    width: 538px;
    margin: 0;
}
.mainContent td.wizSideBar a
{
    display: inline-block;
    padding-bottom: 5px;
}
.mainContent .wizStep
{
    width: 400px;
}
.mainContent .wizStep span.label, .mainContent .wizStep span.label + br + textarea
{
    display: inline-block;
    margin: 0 4px;
}
.mainContent .wizStep td
{
    padding: 5px;
    vertical-align: top;
}
.mainContent a.formViewButton:link, .mainContent a.formViewButton:focus
{
    padding-top: 4px;
}
.mainContent a.formViewButton:link, .mainContent a.formViewButton:focus, .mainContent .wizButton
{
    display: inline-block;
    text-align: center;
    width: 75px;
    height: 25px;
    line-height: 18px;
    border: solid 1px black;
    margin: 4px;
}
.mainContent a.formViewButton:hover
{
    background-color: White;
    color: Black !important;
    text-decoration: none;
}
/***************************************
.popup
{
    margin: 2px;
    padding: 10px;
    background-color: #EEE;
    border: solid 1px black;
    font-size: 14px;
}
table.popup
{
    background-image: url(/forms/images/navBlueX.png);
    background-position: right top;
    background-repeat: no-repeat;
}
/**************************************
    formService stuff
***************************************/
.mainContent #formService table tr td {
	background:#fff;
}