body
{
    background-color: #ffffff;
    color: #000;
    font-family: Verdana;
    font-size: 8pt;
    height: 100%;
    margin: 1px;
    overflow: visible;
    text-align: left;
}

hr
{
    border-bottom: #ffb800 2px solid;
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 0px;
    padding: 0px;
}

img
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    padding-right: 2px;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-top: 0px;
}

.PortalImage
{
    margin-top: 2px;
    vertical-align: middle;
}

.Image
{
    vertical-align: middle;
}

a
{
    color: #003399;
    font-family: Verdana;
    text-decoration: none;
    font-size: 8pt;
}

    a:link
    {
        color: #003399;
        font-family: Verdana;
        font-size: 8pt;
    }

    a:visited
    {
        color: #003399;
        font-family: Verdana;
        font-size: 8pt;
    }

    a[disabled="disabled"]
    {
        color: Gray;
    }

.NotesContainer
{
    position: relative;
    width: 100%;
}

    .NotesContainer .Notes
    {
        left: 360px;
        position: absolute;
        text-align: center;
        top: 10px;
        width: 300px;
        z-index: 1000;
    }

        .NotesContainer .Notes input
        {
            vertical-align: middle;
        }

        .NotesContainer .Notes label
        {
            font-size: 12px;
            vertical-align: middle;
        }

.RadAjax_Default .raDiv
{
    background-image: url('images/wait30trans.gif');
}

.RadAjax_Default .raColor
{
    background-color: #e0e8ea;
}

.RadAjax_Default .raTransp
{
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}

.DataGridHeaderRow
{
    font-size: 8pt;
    font-family: Verdana;
    color: white;
    background-color: #003399;
    vertical-align: middle;
    text-align: center;
}

.DataGridFixedHeader
{
    color: white;
    background-color: #003399;
    font: normal 8pt Verdana;
    vertical-align: middle;
    text-align: center;
    font-size: 8pt;
    font-family: Verdana;
    position: relative;
    top: expression(this.offsetParent.scrollTop - 2);
}

.DataGridFixedHeader2
{
    color: white;
    background-color: #003399;
    font: normal 8pt Verdana;
    vertical-align: middle;
    text-align: center;
    font-size: 8pt;
    font-family: Verdana;
    position: relative; /*top: expression(this.offsetParent.scrollTop - 2);*/
}

.DataGridItem
{
    font-size: 8pt;
    color: black;
    font-family: Verdana;
    vertical-align: middle;
    text-align: center;
}

.DataGridAlternateItem
{
    font-size: 8pt;
    color: black;
    font-family: Verdana;
    vertical-align: middle;
    text-align: center;
    background-color: #e7ebef;
}

.DataGridSelectedItem
{
    font-size: 8pt;
    color: black;
    font-family: Verdana;
    vertical-align: middle;
    text-align: center;
    background-color: #FFB800;
}

.DataGridPagerRow
{
    font-size: 8pt;
    font-family: Verdana;
    color: #003399;
    background-color: #f8f8ff;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    background-color: #e7ebef;
}

.categorySelect
{
    font-weight: bold;
    color: black;
}

.searchBar
{
    font-weight: bold;
    color: navy;
}

.Required
{
    background-color: Red;
}

/*-------------------------------------------------------
styles to display text
added by JK 5-9-06
-------------------------------------------------------*/

.dispText
{
    font-size: 8pt;
    font-family: Verdana;
}
.dispTextLrg
{
    font-size: 10pt;
    font-family: Verdana;
}

    .dispText left
    {
        text-align: left;
    }

.dispTextBold
{
    font-size: 8pt;
    font-family: Verdana;
    font-weight: bold;
}

.panelGroupBy legend
{
    font-size: 8pt;
    font-family: Verdana;
    font-weight: bold;
}

.dispTextLargeBold
{
    font-size: 10pt;
    font-family: Verdana;
    font-weight: bold;
}

.dispTextExLargeBold
{
    font-size: 12pt;
    font-family: Verdana;
    font-weight: bold;
}

.dispTextBlue
{
    font-size: 8pt;
    font-family: Verdana;
    color: #003399;
    height: 13px;
    margin-bottom: 0px;
}

.dispTextBlueLink
{
    font-size: 8pt;
    font-family: Verdana;
    color: #003399;
    height: 13px;
    margin-bottom: 0px;
    text-decoration: underline;
}

.dispTextBlueBold
{
    font-size: 8pt;
    font-family: Verdana;
    color: #003399;
    font-weight: bold;
}

.dispTextBlueLarteBold
{
    font-size: 10pt;
    font-family: Verdana;
    color: #003399;
    font-weight: bold;
}

.dispTextRed
{
    font-size: 8pt;
    font-family: Verdana;
    color: Red;
}

.dispSuccessTextGreenBold
{
    font-size: 8pt;
    font-family: Verdana;
    color: green;
    font-weight: bold;
}

.dispFailedTextRedBold
{
    font-size: 8pt;
    font-family: Verdana;
    color: red;
    font-weight: bold;
}

.dispHeader
{
    font: 8pt;
    font-family: Verdana;
    color: #003399;
    font-weight: bold;
}

.dispBanner
{
    font-size: 12pt;
    font-family: Verdana;
    color: #003399;
}

.dispBannerBold
{
    font-size: 12pt;
    font-family: Verdana;
    color: #003399;
    font-weight: bold;
}

.dispBoldBannerBlue
{
    padding-right: 0px;
    padding-left: 0px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 0px;
    margin: 0px;
    clip: rect(0px 0px 0px 0px);
    color: #003399;
    padding-top: 0px;
    font-family: Verdana;
    position: static;
}

.dispBoldBannerRed
{
    padding-right: 0px;
    padding-left: 0px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 0px;
    margin: 0px;
    clip: rect(0px 0px 0px 0px);
    color: Red;
    padding-top: 0px;
    font-family: Verdana;
    position: static;
}

.dispBoldBannerYellow
{
    padding-right: 0px;
    padding-left: 0px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 0px;
    margin: 0px;
    clip: rect(0px 0px 0px 0px);
    color: #ffb800;
    padding-top: 0px;
    font-family: Verdana;
    position: static;
}

.dispWarning
{
    font-family: Verdana;
    color: Red;
    font-weight: bold;
    text-align: left;
}

.dispWarningItalic
{
    font-family: Verdana;
    color: Red;
    font-size: x-small;
    font-style: italic;
    text-align: left;
}
/*------------------------------------------
 Styles updated for homepage
-------------------------------------------*/

.dashes
{
    background-position: left bottom;
    font-size: 1px; /*background-image: url(/TipWeb/Images/dash2.gif); 	background-repeat: repeat-x;*/
    height: 4px;
}

.dashes2
{
    background-position: left bottom;
    font-size: 10px; /*background-image: url(/TipWeb/Images/dash2.gif); 		padding-bottom: 10px; 	background-repeat: repeat-x;*/
    font-family: Verdana;
    page-break-after: always;
    margin-top: 3px;
    margin-bottom: 3px;
}

.stats
{
    background-position: left bottom;
    font-size: 10px; /*background-image: url(/TipWeb/Images/dash2.gif); 		padding-bottom: 10px; 	background-repeat: repeat-x;*/
    font-family: Verdana;
}

.statsBlack
{
    background-position: left bottom;
    color: Black;
    font-size: 10px; /*background-image: url(/TipWeb/Images/dash2.gif); 		padding-bottom: 10px; 	background-repeat: repeat-x;*/
    font-family: Verdana;
    page-break-after: always;
}

.TopSpacer
{
    margin-top: 5px;
}

.divider
{
    background-position: left bottom;
    margin-top: 20px;
    font-size: 1px;
    background-image: url(Images/bkdash.gif);
    margin-bottom: 10px;
    background-repeat: repeat-x;
    height: 1px;
}

.lgrayHeaderleft
{
    background-image: url(Images/curvebg_gray_left.gif);
    width: 12px;
    border-bottom: #ffffff 1px solid;
    background-repeat: no-repeat;
    background-color: #cccccc;
}

.lgrayHeaderright
{
    background-image: url(Images/curvebg_gray_right.gif);
    width: 12px;
    border-bottom: #ffffff 1px solid;
    background-repeat: no-repeat;
    background-color: #cccccc;
}

.lgrayHeader2
{
    background-color: #cccccc;
    font-weight: bold;
    color: #003366;
    vertical-align: bottom;
    border-bottom: solid #ffffff 1px;
}

.summaryHeader
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 10px;
    font-family: Verdana;
}

.lrowRow
{
    color: #003366;
    background-color: #cccccc;
}

.InventorySpaceLine
{
    border-top-width: thin;
    border-right: #e7ebef thin solid;
    border-left-width: thin;
    border-bottom-width: thin;
    background-color: transparent;
}

P
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    clip: rect(0px 0px 0px 0px);
    line-height: normal;
    padding-top: 0px;
    letter-spacing: normal;
}

/*--------------------------------------------
	style for a form table
	created by JK 9-26-04
--------------------------------------------*/
td.section
{
    padding: 0px 5px;
    background-image: url( "../images/section_blend.gif" );
    background-repeat: no-repeat;
    color: #464646;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
    height: 24px;
}

.form
{
    /*	border-color:#6666CC;      	border: 1px inset #C0C0C0;*/
}

.formLabelLeftAlign
{
    border-right: 3px solid #E7EBEF;
    text-align: left;
    background-color: #E7EBEF;
    font-family: Verdana;
    font-size: 8pt;
}

.formLabel
{
    border-right: 3px solid #E7EBEF;
    text-align: right;
    background-color: #E7EBEF;
    font-family: Verdana;
    font-size: 8pt;
    vertical-align: middle;
}

.formLabelQuickEntry
{
    text-align: right;
    border-right-style: solid;
    border-right-width: 3px;
    border-right-color: white;
    background-color: white;
    height: 10px;
    font-family: Verdana;
    font-size: 8pt;
}

.formLabelRequired
{
    border-right: 3px solid #E7EBEF;
    text-align: right;
    background-color: #E7EBEF;
    font-family: Verdana;
    font-size: 8pt;
    color: #FF0000;
}

.formText
{
    text-align: left;
    font-family: Verdana;
    font-size: 8pt;
}

.formTextHeigth19
{
    text-align: left;
    font-family: Verdana;
    font-size: 8pt;
    height: 19px;
}

.formLabelBold
{
    text-align: right;
    border-right-style: solid;
    border-right-width: 3px;
    border-right-color: #E7EBEF;
    background-color: #E7EBEF;
    height: 10px;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bolder;
}


.label
{
    text-align: right;
    background-color: #CCCCCC;
    font-family: Verdana;
    font-size: 8pt;
}

.navTable
{
    font-size: 12px;
    background-color: #c0c0c0;
    border: groove 2px;
    padding: 3px;
    font-family: Verdana;
    font-size: 12px;
    width: 90px;
    height: 100%;
    background-color: #c0c0c0;
    position: relative;
    top: -15px;
    left: -80px;
}

li
{
    /*2012/02/02 Jamey:     Could not find anything obvious that this was for     If it becomes needed and is uncommented, it will     Draw borders around the tabs on bookdetails.aspx     And another fix for that page will be needed. */ /*border: solid 1px #003399;*/
}

.SearchRowRight
{
    position: absolute;
    right: 10px;
}


.dynamicMenuItem
{
    border-right: #b0c4de thin solid;
    border-top: #b0c4de thin solid;
    border-bottom-color: #b0c4de;
    border-left: #b0c4de thin solid;
    background-color: #e6e6fa;
    border-bottom-style: none;
}

.gridViewEmptyDataTemplate
{
    height: 100px;
    width: 100%;
    text-align: center;
    padding-top: 30px;
}


.InitRow
{
    background-color: #ffffcc;
}


/* Pager Style Section */
.PagerStyle
{
    font-size: 8pt;
    font-family: Verdana;
    background-color: #f8f8ff;
    vertical-align: middle;
    text-align: center;
    background-color: #e7ebef;
}

    .PagerStyle table
    {
        text-align: center;
        margin: auto;
    }

        .PagerStyle table td
        {
            border: 0px;
            padding-right: 2px;
            padding-left: 2px;
            padding-bottom: 3px;
            padding-top: 3px;
        }

    .PagerStyle td
    {
        border-top: #1d1d1d 2px solid;
        border-color: #CCCCCC;
    }

    .PagerStyle a
    {
        text-decoration: none;
        border-top: solid 1px #6699cc;
        border-right: solid 1px #6699ff;
        border-bottom: solid 1px #6699ff;
        border-left: solid 1px #6699cc;
        padding-right: 3px;
        padding-left: 3px;
        padding-bottom: 2px;
        padding-top: 2px;
    }

    .PagerStyle span
    {
        font-weight: bold;
    }


/*ModalFundingSummary Popup*/
.watermark
{
    background: #FFAAFF;
}

.popupControl
{
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}

.confirmModalFundingSummaryBackground
{
    background-color: Gray;
    filter: alpha(opacity=20);
    opacity: 0.7;
    -moz-opacity: 0.7;
}

.successModalBackground
{
    background-color: Gray;
    filter: alpha(opacity=40);
    opacity: 0.7;
    -moz-opacity: 0.7;
}

.confirmModalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=20);
    opacity: 0.7;
    -moz-opacity: 0.7;
}

.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 350px;
}

.successModalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.sampleStyleA
{
    background-color: #FFF;
}

.sampleStyleB
{
    background-color: #FFF;
    font-family: monospace;
    font-size: 10pt;
    font-weight: bold;
}

.sampleStyleC
{
    background-color: #ddffdd;
    font-family: sans-serif;
    font-size: 10pt;
    font-style: italic;
}

.sampleStyleD
{
    background-color: Blue;
    color: White;
    font-family: Arial;
    font-size: 10pt;
}

.validatorCalloutHighlight
{
    background-color: #FFFACD;
}

.validatorCallout
{
    background-position: 3px;
    padding: 8px 0px 0px 0px;
    margin: 0px;
    border-style: solid;
    border-width: 1px;
    background-color: #FFFACD;
    font-size: 10pt;
    font-weight: bold;
    font-family: Verdana;
    vertical-align: bottom;
    color: Red;
    background-repeat: no-repeat;
    background-image: url('Images/alert16_clear_bg.GIF');
    text-indent: 20px;
}


/* Main Page */
.mainClear
{
    clear: both;
    padding-bottom: 15px !important;
}

.mainContent
{
    width: 850px;
}

.mainLogoImageBar
{
    width: 100%;
    height: 100px;
    margin-bottom: 15px;
}

.mainSchoologo
{
    float: left;
}

.mainHayesLogo
{
    float: right;
}

.mainInfoDivsLeft
{
    float: left;
    width: 45%;
}

.mainInfoDivsRight
{
    float: Right;
    width: 45%;
}

.mainHeaders
{
    font-size: 8pt;
    font-family: Verdana;
    color: #003399;
    font-weight: bold;
    border-bottom-style: ridge;
    border-bottom-width: 3px;
    border-bottom-color: #003399;
    margin-bottom: 5px;
}

.displayNone{
    display: none;
}

.cursorPointer {
    cursor: pointer;
}