html, body, form
{
    margin: 0;
    padding: 0;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 18pt;
    background-color: #ffffff; /* font-family: Helvetica, Arial, sans-serif; */
    color: #353535;
    line-height: 1.3;
    text-decoration: none;
    margin-right: 1px;
    margin-left:1px;
}

.RadForm_Office2007.rfdLabel label {
    font-size: 28px !important;
}

span
{
    text-decoration: none !important;
}

.largeFont
{
    font-size:48px !important;
}

.ScreenText
{
    border: solid 1px #eeeeee;
    padding: 2px 5px 2px 5px;
    text-align: justify;
    margin-bottom: 10px;
    background-color: #F1F4F4; /* #f7f7ff; #f7f7ef;*/
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 18px;

}

.ScreenTextSuccess
{
    border: solid 1px #eeeeee;
    padding: 2px 5px 2px 5px;
    text-align: center;
    margin-bottom: 10px;
    background-color: #28a745;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 5em;
    color:#ffffff;
    position:center;
}

.ScreenTextDanger
{
    border: solid 1px #eeeeee;
    padding: 2px 5px 2px 5px;
    text-align: center;
    margin-bottom: 10px;
    background-color: #dc3545;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 5em;
    color:#ffffff;
    position:center;
}

.ScreenTextSocial
{
    border: solid 1px #eeeeee;
    padding: 2px 5px 2px 5px;
    text-align: center;
    margin-bottom: 10px;
    background-color: #fa02f2;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 5em;
    color:#ffffff;
    position:center;
}

.LoggedInUserName
{
    font-weight: bold !important;
    color: #084d9c !important;
    font-size: 12pt !important;
}


#navmenu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}
#navmenu li
{
    display: inline;
}
#navmenu ul li a
{
    text-decoration: none;
    margin: 4px;
    padding: 5px 5px 5px 5px;
    color: #084d9c;
    font-weight:bold;
}
#navmenu ul li a:hover
{
    color: #892500;
}

a
{
    text-decoration: none !important;
    color: #084d9c !important;
    font-weight:bold !important;
}
a:hover
{
    color: #892500 !important;
}

a[disabled=disabled] 
{
    text-decoration: none !important;
    color: #444444 !important;/* Just an example */
    font-weight:normal !important;
}

.RadGridHeader
{
    color: #000000;
    text-decoration: none;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background-color: #E1E7E7; /*#5aaa6b;#addb94;*/
    border-color: #C9C9C9;
    border-style: solid;
    border-width: 0 0 1px 1px;
    font-weight: normal;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: left;
    cursor: default;
    font-weight: bold;
    white-space: nowrap;
    padding-left: 7px;
    padding-right: 7px;
}

.RadGridHeader A, .RadGridHeader SPAN
{
    color: #000000;
    text-decoration: none;
    padding-top: 14px;
    display: block;
    text-decoration: none;
    font-weight: bold;
}



.RadGridItem
{
    color: #000000;
}


.RG_WeekEnd
{
    background-color: #F1F4F4; /*#99CCB2;#C2E0D1 #e1fff5;*/
}
.RG_Walkin
{
    background-color: #E9E9E9; /* #d6efce; */
}

.RG_Advisor
{
    color: #084d9c;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none !important;
}
.RG_Green
{
    color: #084d9c;
    background-color: #E9E9E9; /* #5CAD85; /*#B2B2B2 #85C2A3 #d6efce; #8cc773;*/
    font-weight: bold;
    cursor: pointer;
    text-decoration: none !important;
}
.GridHighlight
{
    color: #990000 !important;
    background-color: #F0F0F0; /*#FFE79C;*/
    cursor: pointer;
    text-decoration: none !important;
}
.GridHighlight span
{
    color: #990000 !important;
}
/*
#FixedGrid
{
	overflow:auto;
}
*/

.RadGrid
{
    outline: none !important;
}



/************************************************************************************************************************************
Colors

#9C9C9C - Theme color / Appintment Note Fore color / HR Color
#D1DADA - Header background Color
#E1E7E7 - Detail background Color
#0066CC - Appointment Type Fore Color
Green - Number Of Reservation Allowed Fore Color
Red - Reservation Count Fore Color / Error
#efffd6 - Appointment List Header

--MyAppointment

#f7f7f7 - Questions answer background
#666666 - Questions answer color

************************************************************************************************************************************/

.TemplateHeaderBackground
{
    background-color: #ffffff;
    width: 100%;
    /*padding-top: 5px;
    padding-left: 4px;*/
    height:80px;
    min-height:80px;
    border-bottom: solid 1px #D3D3D3;
    color:#eeeeee;
    font-size: 8pt;
}

.Padding5px
{
    /*margin: 5px 5px 5px 5px;*/
    margin-top:5px;
}

.LoginStatus
{
    float: right;
    margin-top: -35px;
    margin-right:5px;
    color: #FFFF00 !important; /*#F1F4F4;*/
    font-size: 11pt;
    font-weight: bold;
    vertical-align: middle;
}

.LoadingIndicator
{
    position: absolute;
    top: 30px;
    right: 0px;
    color: #ffffff; /*margin:5px;*/
    margin-right:5px;
    background-color:#ffffff;
    border: solid 1px #eeeeee;
}

.TabStrip
{
    width: 100%; /*padding-left: 5px; */ /*margin-bottom: -4px;*/
    font-size: 11pt;
    font-weight: bold;
    color: #084d9c;
    border-bottom: solid 1px #D3D3D3 !important;
}

.rtsSelected
{
    font-weight: bold !important;
    color: #444444 !important;
    font-size: 11pt !important;
    background-image: url('../../images/TabDown.png') !important;
    border: solid 1px #E1E7E7 !important;
    height: 26px;
    width: 220px !important;
}
.rtsSelected:hover
{
    background: #F0F0F0 !important; 
    border-color: #7C7C7C !important; 
    color: #892500 !important;
    background-image: url('../../images/TabDown.png') !important;
    border: solid 1px #c0c0c0 !important;
    height: 26px;
    width: 220px !important;
}

.rtsLink
{
    font-weight: bold !important;
    font-size: 11pt !important;
    background-image: url('../../images/TabUp.png') !important;
    border: solid 1px #E1E7E7 !important;
    height: 24px;
    width: 220px !important;
}
.rtsLink:hover
{
    background: #F0F0F0 !important; 
    border-color: #7C7C7C !important; 
    color: #892500 !important;
    background-image: url('../../images/TabDown.png') !important;
    border: solid 1px #c0c0c0 !important;
    height: 24px;
    width: 220px !important;
}



.rbSkinnedButton .rbDecorated
{
    color: #084d9c !important;
    font-weight:bold !important;
}
.rbSkinnedButton:hover .rbDecorated
{
    color: #892500 !important;
    font-weight:bold !important;
}


.GridMasterTableView
{
    border: solid 1px #eeeeee;
}


/************************************************************************************************************************************

C:\AM\AME\AME_Online\AME_Online\AdvisorAppointments.aspx

************************************************************************************************************************************/

.PanelStep1
{
    background-color: #C1CDCD; /*#8B8B83;*/
    text-align: left;
    color: #000000;
    padding: 5px 1px 1px 1px;
    font-weight: bold;
    font-size: 18px;
}

.PanelStep1AppointmentType
{
    background-color: #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
    border: solid 1px #E1E7E7;
}

.PanelStep1SecondRow
{
    background-color: #E1E7E7;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle;
}

.PanelStep1Month
{
    font-weight: bold;
    font-size: 14px;
    color: #892500;
}

.PanelStep1NoAdvisorStar
{
    font-weight: bold;
    font-size: 16;
    color: #9C9C9C !important;
    padding-left: 90px;
}
.PanelStep1NoAdvisorAppointments
{
    font-weight: bold;
    font-size: 14;
    color: #9C9C9C !important;
}

.PanelStep2td
{
    background-color: #F1F4F4;
    width: 100%;
    border: solid 1px #eeeeee;
}

.PanelStep2table
{
    width: 100%;
    background-color: #F1F4F4;
    
}

.PanelStep2tableHeader
{
    color: #444444;
    background-color: #E1E7E7;
    padding-bottom: 5px;
    height:24px;
}

/*style="font-weight: bold; font-family: Verdana,Arial,  Sans-Serif;font-size: 18px;"*/
.PanelStep2tableReservationtd
{
    font-weight: bold;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 18px;
}

/*style="font-weight: bold; font-family: Verdana,Arial,  Sans-Serif;font-size: 18px; color: #0066CC;"*/
.PanelStep2tableReservationtdAppointmentType
{
    font-weight: bold;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 18px;
    color: #444444;
}

/*style="font-weight: bold; font-family: Verdana,Arial,  Sans-Serif;font-size: 18px; color: Green;"*/
.PanelStep2tableReservationtdNumberOfReservationAllowed
{
    font-weight: bold;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 18px;
    color: Green;
}

/*style="font-weight: bold; font-family: Verdana,Arial,  Sans-Serif;font-size: 18px; color: Red;"*/
.PanelStep2tableReservationtdReservationCount
{
    font-weight: bold;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 18px;
    color: Red;
}
/*style="font-weight: bold; font-family: Verdana,Arial,  Sans-Serif;font-size: 11px; color: #9C9C9C;"*/
.PanelStep2tableAppointmentNote
{
    font-weight: bold;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 11px;
    color: #444444;
}

/*style="color: #9C9C9C; height: 40%;"*/
.PanelStep2tableHR
{
    color: #eeeeee;
}

/*style="white-space: nowrap; width: 1000px;background-color: #E1E7E7;"*/
.PanelStep3Table
{
    /*white-space: nowrap; 	width: 1000px;*/
    width: 100%;
    background-color: #FFFFFF;
}

/*style="vertical-align: middle; text-align: center; background-color: #D1DADA;font-weight: bolder; font-family: Arial, Helvetica, sans-serif; font-size: large;"*/
.PanelStep3TableLogin1
{
    vertical-align: middle;
    text-align: left;
    background-color: #E1E7E7;
    font-weight: bolder;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 20px;
    width: 50%;
    padding-left: 3px;
}

/*style="vertical-align: middle; text-align: center;background-color: #D1DADA; font-weight: bolder; font-family: Arial, Helvetica, sans-serif;font-size: large; white-space: nowrap; padding: 0px 60px 0px 60px;"*/
.PanelStep3TableLoginLogin2
{
    vertical-align: middle;
    text-align: center;
    background-color: #E1E7E7;
    font-weight: bolder;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 14px;
    white-space: nowrap;
    padding: 0px 60px 0px 60px;
    width: 50%;
}


/*style="white-space: nowrap; width: 800px;background-color: #E1E7E7;"*/
.PanelStep3TableStudentRegistration
{
    white-space: nowrap;
    background-color: #D1DADA;
}

/*style="vertical-align: middle; text-align: center; background-color: #D1DADA;font-weight: bolder; font-family: Arial, Helvetica, sans-serif; font-size: large;"*/
.PanelStep3SRLogin2
{
    vertical-align: middle;
    text-align: left;
    background-color: #E1E7E7;
    font-weight: bolder;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 20px;
    padding-left: 3px;
}

/*style="white-space: nowrap; width: 800px;background-color: #E1E7E7;"*/
.ForgotPassPhraseTable
{
    white-space: nowrap; /*width: 800px;*/
    background-color: #FFFFFF;
}

/*style="vertical-align: middle; text-align: center; background-color: #D1DADA; font-weight: bolder; font-family: Arial, Helvetica, sans-serif; font-size: large;"*/
.ForgotPassPhraseTableLogin3
{
    vertical-align: middle;
    text-align: Left;
    background-color: #E1E7E7;
    font-weight: bolder;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 18px;
    padding-left:8px;
}

/*style="width: 100%; background-color: #D1DADA;"*/
.Step4Table4
{
    width: 100%;
    background-color: #FFFFFF;
}

.Step4Table4Header
{
    width: 100%;
    background-color: #D1DADA;
    padding-top: 5px;
    padding-bottom: 5px;
    height:24px;
}

/*style="width: 100%; background-color: #E1E7E7;"*/
.Step4Table4Table
{
    width: 100%;
    background-color: #FFFFFF;
}

/*style="color: #9C9C9C;"*/
.Step4Table4TableHead
{
    color: #444444;
    background-color: #D1DADA;
    height:24px;
}

/*style="font-weight: bold; font-family: Verdana,Arial,  Sans-Serif; font-size: 18px; color: #0066CC;"*/
.Step4Table4AppointmentType
{
    font-weight: bold;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 18px;
    color: #444444;
}

/*style="font-weight: bold; font-family: Verdana,Arial,  Sans-Serif;font-size: 18px; color: Green;"*/
.Step4Table4NumberOfReservationAllowed
{
    font-weight: bold;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 18px;
    color: Green;
}

/*style="font-weight: bold; font-family: Verdana,Arial,  Sans-Serif;font-size: 18px; color: Red;"*/
.Step4Table4ReservationCount
{
    font-weight: bold;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 18px;
    color: Red;
}

/*style="font-weight: bold; font-family: Verdana,Arial,  Sans-Serif;font-size: 11px; color: #9C9C9C;"*/
.Step4Table4TableHeadAppointmentNote
{
    font-weight: bold;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 11px;
    color: #444444;
}


/*style="width: 100%; background-color: #E1E7E7;"*/
.Step4Table4QuestionsTable
{
    width: 100%;
    background-color: #FFFFFF;
}

/*C:\AM\AME\AME_Online\AME_Online\AdvisorDiretory.aspx*/
.ADDiv
{
    background: #D1DADA;
    border-bottom: 1px solid #eeeeee;
    width: 100%;
}
/*style="width: 100%; background-color: #efffd6;"*/
.ADTd
{
    width: 100%;
    background-color: #F1F4F4; /*#D1DADA;*/
    font-size: 12pt;
    line-height:17pt;
}

/*style="width: 100%; background-color: #efffd6;"*/
.ADTdDiv
{
    /*width: 100%; 	background-color: #E1E7E7 !important;*/
}

/*style="background-color: #D1DADA; width: 100%;"*/
.ADTdPanel2Td
{
    background-color: #D1DADA;
    width: 100%;
}

/*
************************************************************************************************************************************
This color will be same in any theme.
C:\AM\AME\AME_Online\AME_Online\CancelReservation.aspx

************************************************************************************************************************************
*/

/*style="background-color: #FFcc66; height: 20px; width: 100%; vertical-align: middle; text-align: center;"*/
.trCancelReservation
{
    background-color: #FFFFFF;
    height: 20px;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

/*style="font-size: 11px; font-weight: bold; font-family: Tahoma, Arial, Verdana, Sans-serif; color: #C1CDCD;"*/
.CancelReservationSpan
{
    font-size: 11px;
    font-weight: bold;
    font-family: "segoe ui" ,arial,sans-serif;
    color: #444444;
}

/*style="width: 100%; background-color: #dee7f7;"*/
.trAppointmentStore
{
    width: 100%;
    background-color: #ffffff;
}

/*style="width: 100%; white-space: nowrap; background-color: #deefff"*/
.trAppointmentStoreItemTemplate
{
    width: 100%;
    white-space: nowrap;
    background-color: #E1E7E7;
}

/*style="font-weight: bolder; color: #666666;"*/
.tdAppointmentStoreItemTemplate
{
    font-weight: bolder;
    color: #666666;
}

/*style="font-weight: bold; color: #666666;"*/
.tdASItemTemplateBold
{
    font-weight: bold;
    color: #666666;
}

/*style="font-weight: bold; color: Green;"*/
.tdASItemTemplateGreen
{
    font-weight: bold;
    color: Green;
}

/*style="font-weight: bold; color: Red; border: "*/
.tdASItemTemplateRed
{
    font-weight: bold;
    color: Red;
}

/*style="background-color: #f7f7f7; color: #666666;"*/
.tdASItemTemplateAppointmentNote
{
    background-color: #f7f7f7;
    color: #666666;
}

/*style="width: 100%; background-color: #fffbff;"*/
.trCRStudent
{
    width: 100%;
    background-color: #fffbff;
}

/*style="font-weight: bold; color: #666666; white-space: nowrap;"*/
.trCRStudentName
{
    font-weight: bold;
    color: #666666;
    white-space: nowrap;
}

/*style="width: 5px; background-color: #fffbff;"*/
.trCRRow2
{
    width: 5px;
    background-color: #fffbff;
}

/*style="width: 25px; background-color: #fffbff;"*/
.tdCRRow3
{
    width: 25px;
    background-color: #fffbff;
}

/*style="background-color: #eff7ff; color: #666666;"*/
.tdCRRow4
{
    background-color: #eeeeee;
    color: #666666;
}


/*
************************************************************************************************************************************
This color will be same in any theme.
C:\AM\AME\AME_Online\AME_Online\Error.aspx

************************************************************************************************************************************
*/

/*style="background-color: Maroon;"*/
.ErrorMaroon
{
    background-color: Maroon;
}

/*style="background: #f4f4f4 url(../Images/Misc/bg.gif) repeat-y 50% 50%; width: 583px"*/
.ErrorMessage
{
    background: #f4f4f4 url(../Images/Misc/bg.gif) repeat-y 50% 50%;
    width: 583px;
}

/*
************************************************************************************************************************************

C:\AM\AME\AME_Online\AME_Online\MyAppointments.aspx

************************************************************************************************************************************
*/


/*style="background-color: #D1DADA;"*/
.MyAppointRow2
{
    background-color: #EEEEEE;
}

/*style="width: 98%; background-color: #E1E7E7;"*/
.MyAppointStore
{
    width: 100%;
    background-color: #FFFFFF;
}

/*style="font-weight: bold; color: #9C9C9C;"*/
.MyAppointmentNote
{
    font-weight: bold;
    color: #9C9C9C;
}

/*style="background-color: #f7f7f7; color: #666666;"*/
.MyAppointmentTD
{
    background-color: #f7f7f7;
    color: #666666;
}

/*style="Color:#9C9C9C;Height:40%;"*/
.MyAppointmentDHR
{
    color: #9C9C9C;
    height: 40%;
}

/*style="white-space: nowrap; width: 800px; background-color: #E1E7E7;"*/
.MyAppointTable
{
    white-space: nowrap;
    width: 100%;
    background-color: #FFFFFF;
}

/*style="vertical-align: middle; text-align: center; background-color: #D1DADA;font-weight: bolder; font-family: Arial, Helvetica, sans-serif; font-size: large;"*/
.MyAppointTableCell
{
    vertical-align: middle;
    text-align: left;
    background-color: #D1DADA;
    font-weight: bolder;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 14px;
    height:24px;
}

/*
************************************************************************************************************************************

C:\AM\AME\AME_Online\AME_Online\MyProfile.aspx

************************************************************************************************************************************
*/

/*style="white-space: nowrap; width: 800px; background-color: #D1DADA;"*/
.MyProfileTable
{
    white-space: nowrap;
    width: 100%;
    background-color: #E1E7E7;
}

/*style="vertical-align: middle; text-align: left; background-color: #D1DADA; font-weight: bolder; font-family: Arial, Helvetica, sans-serif; font-size: large; padding-left: 20px;padding-top: 10px; padding-bottom: 10px;"*/
.MyProfileTableCell
{
    vertical-align: middle;
    text-align: left;
    background-color: #E1E7E7;
    font-weight: bolder;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 18px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*style="width: 80%; background-color: #E1E7E7;"*/
.MyProfileEMail
{
    width: 100%;
    background-color: #FFFFFF;
}

/*style="text-align: left;background-color: #f7f7f7; color: #666666;"*/
.MyProfileBody
{
    text-align: left;
    background-color: #ffffff;
    color: #666666;
    border: solid 1px #eeeeee;
}

/*style="white-space: nowrap; width: 800px; background-color: #E1E7E7;"*/
.MyProfile420
{
    white-space: nowrap;
    width: 100%;
    background-color: #FFFFFF;
}

/*style="vertical-align: middle; text-align: center; background-color: #D1DADA;font-weight: bolder; font-family: Arial, Helvetica, sans-serif; font-size: large;"*/
.MyProfile421
{
    vertical-align: middle;
    text-align: left;
    background-color: #D1DADA;
    font-weight: bolder;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 14px;
    height:24px;
}

/*style="white-space: nowrap; width: 800px;
                background-color: #E1E7E7;"*/
.MyProfile429
{
    white-space: nowrap;
    width: 100%;
    background-color: #E1E7E7;
}

/*style="vertical-align: middle; text-align: center; background-color: #D1DADA;  font-weight: bolder; font-family: Arial, Helvetica, sans-serif; font-size: large;"*/
.MyProfile430
{
    vertical-align: middle;
    text-align: center;
    background-color: #D1DADA;
    font-weight: bolder;
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 18px;
}

.LoginRadioButtonChoice
{
    text-align: left !important;
    color: #444444;
    font-weight: Bold;
    font-size: 18px;
    font-family: "segoe ui" ,arial,sans-serif;
}
.forgotpasswordcheckbox
{
    color: #084d9c;
    font-family: arial,sans-serif;
    font-size: 11px;
    font-weight: Bold;
    font-style: italic;
}




legend {
 font-weight:bold;
  }

/* ============ Footer ============ */

.footer-distributed {
    position: fixed;
    bottom: 0;
    /*background-color:#222; color of your institutions footer branding*/
    /*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;*/
    width: 100%;
    text-align: left;
    font: normal 8px sans-serif;
    /*padding: 45px 50px;*/
    margin-top: 20px;
    /*margin-bottom: 10px;*/
    /*line-height: 35px;*/
    line-height: 1.8;
}

    .footer-distributed a {
        color: #999; /*color visible on your institutions footer branding - A-LINK color */
    }

@media (max-width: 600px) {
    .footer-distributed .footer-left p.footer-links {
        line-height: 1.8;
    }
}

/* IE7 line height */
* + html .rbVerticalButton.customHeight40 input.rbDecorated
{
    line-height: 40px !important;
}

.RadButton.rbVerticalButton.customHeight40, 
.RadButton.rbVerticalButton.customHeight40.rbDisabled, 
.RadButton.rbVerticalButton.customHeight40:hover, 
.RadButton.rbVerticalButton.customHeight40:active
{
    padding-right: 4px;
    background-color: transparent;
    border: 0;
}

.rbVerticalButton.customHeight40 .rbDecorated, 
.rbVerticalButton.customHeight40 .rbDecorated:hover, 
.rbVerticalButton.customHeight40 .rbDecorated:active
{
    background-color: transparent;
    padding-left: 10px;
    padding-right: 6px;
}

/* new sprite */
.rbVerticalButton.customHeight40, 
.rbVerticalButton.customHeight40 input.rbDecorated
{
    background-image: url(customHeight.gif) !important;
}
/* right rounded corner position */
.rbVerticalButton.customHeight40, 
.rbVerticalButton.customHeight40.rbDisabled:hover, 
.rbVerticalButton.customHeight40.rbDisabled:active, 
.rbVerticalButton.customHeight40.rbDisabled:focus
{
    background-position: right 0;
}

/* left rounded corner position */
.rbVerticalButton.customHeight40 input.rbDecorated, 
.rbVerticalButton.customHeight40.rbDisabled:hover input.rbDecorated, 
.rbVerticalButton.customHeight40.rbDisabled:active input.rbDecorated, 
.rbVerticalButton.customHeight40.rbDisabled:focus input.rbDecorated
{
    background-position: 0 -40px;
}
/* right rounded corner position hover state */
.rbVerticalButton.customHeight40:hover
{
    background-position: right -80px;
}
/* left rounded corner position hover state */
.rbVerticalButton.customHeight40:hover input.rbDecorated
{
    background-position: left -120px;
}
/* right rounded corner position active and focus states */
.rbVerticalButton.customHeight40:focus, 
.rbVerticalButton.customHeight40:active
{
    background-position: right -160px;
}
/* left rounded corner position active and focus states */
.rbVerticalButton.customHeight40:focus input.rbDecorated, 
.rbVerticalButton.customHeight40:active input.rbDecorated
{
    background-position: left -200px;
}
/* IE and Opera Focus and Active state fix with additional class, should be used !important */
.rbVerticalButton.customHeight40.rbPressedButton
{
    background-position: right -160px !important;
}

.rbVerticalButton.customHeight40.rbPressedButton input.rbDecorated
{
    background-position: left -200px !important;
}
/* IE8 Onclickg filckering Bug fix */
.rbVerticalButton.customHeight40.rbPressedIE8 input.rbDecorated, 
.rbVerticalButton.customHeight40.rbPressedIE8Rtl input.rbDecorated
{
    -ms-background-position-x: 1px !important;
    -ms-background-position-y: -199px !important;
}

.rbVerticalButton.customHeight40.rbPressedIE8Rtl input.rbDecorated
{
    -ms-background-position-x: -1px !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0)
{
    .RadButton.rbVerticalButton.customHeight40, 
    .RadButton.rbVerticalButton.customHeight40:hover, 
    .RadButton.rbVerticalButton.customHeight40:active, 
    .RadButton.rbVerticalButton.customHeight40.rbDisabled
    {
        padding-right: 2px;
    }
}