/*************************************************************
        ADD THIS CSS TO FORCE FOOTER TO BOTTOM OF PAGE     
*************************************************************/
#divBody
{
    min-height: 100%;
    position: relative;
}

.contentContainer /* For pages using the "BrotherOmniJoin.master" MasterPage */
{
    padding-bottom: 108px;   /* Height of the footer element */
}

#main /* For pages using the "BrotherOmniJoin_NoLeftNav.master" MasterPage */
{
    padding-bottom: 108px;   /* Height of the footer element 
}

.footer
{
    height: 108px;
    position: absolute;
    bottom: 0;
    left: 19;*/
}
/*************************************************************/


/*
    HANDLES SECTION-SPECIFIC "TAB HIGHLIGHTING" FOR THE TABS IN THE TOP NAV BAR
    (DIFFERENT HIGHLIGHTING BASED UPON IF YOURE IN OMNIJOIN, BR-DOCS, OR BR-RECEIPTS SECTIONS)
*/
.pageTopNav-tabListItem
{
    float: left;
    width: auto;
    height: auto;
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    border-right: 1px solid #CCCCCC;
    overflow: visible;
    position: relative;
}
        
.pageTopNav-tabListItemActive
{
    float: left;
    width: auto;
    height: auto;
    color: White;
    background-color: #00859b; /*teal*/
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    border-right: 1px solid #CCCCCC;
    overflow: visible;
    position: relative;
}


/*
    BEGIN NORMAL PAGE CSS
*/
#header
{
    background: none;
    padding-bottom: 20px;
}
        
.container
{
    padding: 0px 0px 0px 0px;
}

#brand-logo
{
    margin-left: 10px;
}

a.buttonLink:hover
{
    text-decoration: none;
}

.tealDivider
{
    width: 965px;
    height: 6px;
    background-color: #00859b; /*teal*/
}

.BrReceipts-contentPane
{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.BrReceipts-innerContentPane
{
    width: 925px;
    height: auto;
    margin: 0;
    padding: 20px;
}

.BrReceipts-HeaderText
{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0px 0px 25px 0px;
    color: #4C4C4C;
    font-size: 24px;
    font-weight: normal;
    text-align: left;
}

.BrReceipts-contentRow
{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.BrReceipts-RegisterFormBox
{
    float: left;
    width: 460px;
    height: 343px;
    background-color: #E1E1E1;
}

.BrReceipts-RegisterInfoBox
{
    float: right;
    width: 448px;
    height: 339px;
}

.BrReceipts-RegisterForm
{
    width: 440px;
    height: 313px;
    padding: 0;
    margin: 15px 15px 15px 5px;
}

.BrReceipts-RegisterFormRow
{
    width: 100%;
    
    padding: 0;
    margin: 0px 0px 10px 0px;
}

.BrReceipts-RegisterFormRowLabel
{
    display: inline-block;
    float: left;
    width: 175px;
    margin: 0;
    padding: 0px 15px 0px 0px;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    line-height: 50px;
}

.BrReceipts-RegisterFormRowField
{
    display: block;
    padding-top:5px;
    width:100%;
    height: 100%;
}

.BrReceipts-RegisterFormRowFieldTextbox
{
    display: block;
    width: 100%;
    margin: 1em 0px;
    padding: 10px;
	
    height: 36px;
    border-radius: 0px;
    color: #838995;
        /*outline: 1px solid #CCCCCC;*/
}

.BrReceipts-RegisterFormRowFieldTextbox::-ms-clear
{
    display: none;
}

.BrReceipts-RegisterFormRowSelectField
{
   
    
     border: 0;
    /*outline: 1px solid #CCCCCC;*/
    display: block;
    width: 100%;
   padding-top:15px;
    height: 36px;
    border-radius: 0px;
    color: #838995;
}

.BrReceipts-RegisterFormRowFieldSelectbox
{
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    border: medium none;
    border-radius: 0;
    display: block;
    width: 100%;
    margin: 1em 0px;
    padding: 10px;
    height: 36px;
    border-radius: 0px;
    color: #838995;
    }

.BrReceipts-RegisterButtonContainer
{
    display: block;
    
    width: 250px;
    height: 100%;
}

.BrReceipts-RegisterButton
{
    color: #FFF;
    border-radius: 4px;
    padding: 0.5em 2em;
    width: auto;
    border: medium none;
    margin: auto;
    background-size: 100% auto;
    background-image: linear-gradient(#00D2E7, #00A4B4);
    background: -webkit-linear-gradient(#00D2E7, #00A4B4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00D2E7, #00A4B4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00D2E7, #00A4B4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00D2E7, #00A4B4); /* Standard syntax */ 
}

.BrReceipts-RegisterButton:hover
{
  
   
  background-size: 100%;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007681), color-stop(100%, #00a4b4));
  background: -moz-linear-gradient(#007681, #00a4b4);
  background: -webkit-linear-gradient(#007681, #00a4b4);
  background: linear-gradient(#007681, #00a4b4);
}

.formErrorMsg
{
    display: block;
    position: relative;
    top: -15px;
    left: 5px;
    width: 100%;
    height: auto;
    font-size: 12px;
    text-align: left;
    line-height: normal;
}

.BrReceipts-RegisterInfoBoxText
{
    width: 100%;
    height: auto;
    padding:0;
    margin:0;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

.BrReceipts-RegisterInfoBoxListHeader
{
    width: 100%;
    height: auto;
    padding: 25px 0px 0px 0px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.BrReceipts-RegisterInfoBoxList ul
{
    position: relative;
    top: -5px;
    list-style-type: disc;
    list-style-position: inside;
    margin: 0;
    padding: 0px 0px 0px 10px;
    font-size: 12px;
    text-align: left;
}

.BrReceipts-RegisterInfoBoxList ul li:before
{
    color: #de783d; /* set color to orange */
    content: "\2022"; /* /2022 is the numerical unicode for • */
    padding-right: 8px; /* give the bullet some padding from the text */
}

.BrReceipts-RegisterInfoBoxList ul li
{
    list-style-type: none;
    margin-top:5px;
}

.BrReceipts-RegisterInfoBoxFootNotes
{
    width: 100%;
    height: auto;
    padding: 37px 0px 0px 0px;
    margin: 0;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
}

.BrReceipts-RegisterInfoBoxFootNotes a:link
{
    color: #2b5ca0;
    font-size: 10px;
}

.BrReceipts-RegisterInfoBoxFootNotes a:visited
{
    color: #2b5ca0;
    font-size: 10px;
}

.BrReceipts-RegisterInfoBoxFootNotes a:hover
{
    color: #0000FF;
    font-size: 10px;
}

.BrReceipts-RegisterInfoBoxFootNotes a:active
{
    color: #2b5ca0;
    font-size: 10px;
}


.BrReceipts-RegisterFootnote
{
    width: 100%;
    height: auto;
    padding: 25px 0px 20px 0px;
    margin: 0;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

.BrReceipts-RegisterFootnote a:link
{
    color: #2b5ca0;
    font-size: 11px;
}

.BrReceipts-RegisterFootnote a:visited
{
    color: #2b5ca0;
    font-size: 11px;
}

.BrReceipts-RegisterFootnote a:hover
{
    color: #0000FF;
    font-size: 11px;
}

.BrReceipts-RegisterFootnote a:active
{
    color: #2b5ca0;
    font-size: 11px;
}


/*
    FOR THE BR-RECEIPTS SUPPORT PAGE
*/
#divContent
{
    padding: 0px 0px 40px 20px;
}