﻿body
{
    margin:0px;
    padding:0px;
    width:100%;
    height:100%;
}
.maintitle
{
    font-weight: bold;
    font-size: 150%;
    text-align: center;
}
.wrapper
{
    width: 450px;
    height: 350px;
    margin: 0 auto;
    position: relative;
    background: url('../Images/search_bkgrnd.png') no-repeat;
}

/**/
.aText
{
    color: White;
    width: 20px;
    padding: 0 3px 0 3px;
    display: inline;
}

#aHeader
{
    font-size: 26px;
    position:absolute;
    top: 15px;
    left: 20px;
}

#tableSearch
{
    height: 150px;
    width: 400px;
    position: absolute;
    top: 50px;
    left: 50px;
    table-layout: fixed;
}

.Field_Main
{
    padding: 0 0 0 0;
    width: 300px;
    height: 30px;
    background: url('../Images/TextBox_Main_bkgrnd.png') no-repeat;
}

.Input_Main
{
    width: 278px;
    height: 28px;
    background: none;
    border: none;
    color: #000000;
    padding: 0 0 0 6px;
    font-size: 18px;
}

.Field_Date
{
    width: 135px;
    height: 30px;
    background: url('../Images/TextBox_Date_bkgrnd.png') no-repeat;
    white-space: nowrap;
}

.calendar /*input field*/
{
    width: 112px;
    height: 28px;
    background: none;
    border: none;
    color: #000000;
    font-size: 18px;
    padding: 0 0 0 6px;
    padding: 4px 0 0 6px\9;
}
.tdSpacer
{
    height: 5px;
    font-size: 0px;
}

.tdCol1
{
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

.tdCol2
{
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

.tdCol3
{
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

.trField
{
    min-height: 30px;
}

.buttonSubmit
{
    position:absolute;
    right: 15px;
    bottom: 15px;   
}
.buttonHelp
{
    position:absolute;
    right: 135px;
    bottom: 15px;
    height:31px;
    width:31px;
}
.lblError
{
    position: absolute;
    bottom: 30px;
    left: 150px;
    text-align:center;
    width: 300px;
    color: White;
}

.DDLField
{
    width: 230px;
    font-size: 18px;
    border: solid 2px BLACK;
}

.DDLField option
{
    width: 201px;
}

.DDLOperator
{
    width: 150px;
    font-size: 18px; 
    border: solid 2px BLACK;
}

.DDLOperator option
{
    width: 121px;   
}

.dijitInline {
    /*  To inline block elements.
        Similar to InlineBox below, but this has fewer side-effects in Moz.
        Also, apparently works on a DIV as well as a FIELDSET.
    */
    display:inline-block;                                        /* webkit and FF3 */
    #zoom: 1; /* set hasLayout:true to mimic inline-block */
    #display:inline; /* don't use .dj_ie since that increases the priority */
    border:0;
    padding:0;
    vertical-align:middle;
    #vertical-align: auto; /* makes TextBox,Button line up w/native counterparts on IE6 */
}


/* Lower Help Pane */
.pwaHelpWrapper
{

}
.pwaHeaderText
{
    text-align: center;
    font-weight: bold;
    font-size: larger;   
}
.pwaHelpText
{
    width:300px;
    vertical-align: top;
    text-align: left;
}
.pwaCornerCard
{
    height: 338px;
    width: 300px;
}
.pwaSubtext
{
    font-size:small;
    text-align:center;   
}

.mobilebgcolor{
    background-color:#D0E3D5;
}
.pointercursor
{
    cursor:pointer;
}
.helpButton {
    margin-left:20px;
    width:40px;
    height:40px;
}