/*********************************************
File Name:      DefaultBranding\CSS\default.css
Description:    To use consistent and 
                efficient css throughout 
                Bluegem Explore Enterprise TMS
Version:        1.0.0
Date:           19th Feb 2013
**********************************************/

/*HTML and Header
**********************************************/
body, html
{
    background-color: #FFFFFF;
    border: 0 none;
    color: #000;
    font-family: 'Segoe UI', 'Helvetica Neue',Arial;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%; /*font-size: 12px;*/
}
.noTextTransform {
    text-transform: none !important;
}
.mvc_body
{
    background-color: #FFFFFF;
    border: 0 none;
    color: #3D3D3D;
    font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Helvetica Neue',Arial;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 75%;
}

#top
{
    background-color: #13256F;
    background-image: url("/DefaultBranding/Images/top-bg.png");
    background-position: right center; /*background-repeat: no-repeat;*/
    height: 190px;
    width: 100%;
    /*font-size: 12px;*/
}

#topwrap
{
    height: auto;
    margin: 0 auto;
    padding: 60px 0 0;
    width: 845px;
    margin-bottom: 20px; /*VSO 3266*/
}

    #topwrap img
    {
        border: medium none;
    }

.nomargin
{
    margin: 0 !important;
}

.nomaxwidth {
   max-width: none!important;
}

.noFloatLabel  label {
    float: none !important;
}


h1 {
    color: #4E4E4E;
    font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Helvetica Neue',Arial;
    font-size: 35px;
    font-weight: normal;
}

h2
{
    color: #4E4E4E;
    font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Helvetica Neue',Arial;
    font-size: 25px;
    font-weight: normal;
}

.boldh2
{
    color: #4E4E4E;
    font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Helvetica Neue',Arial;
    font-size: 25px;
    font-weight: bold !important;
}

h3
{
    color: #4E4E4E;
    font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Helvetica Neue',Arial;
    font-size: 20px;
    font-weight: normal;
}

.boldh3
{
    color: #4E4E4E;
    font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Helvetica Neue',Arial;
    font-size: 20px;
    font-weight: bold !important;
}

.formcontainer h3
{
    background-color: silver;
    margin-bottom: 0;
    margin-top: 10px;
    padding-left: 10px;
}

/*Export Data Page h3 style: need to revisit*/
.graypanels h3
{
    background-color: silver;
    margin-top: 10px;
    padding-left: 10px;
}

h4
{
    color: #4E4E4E;
    font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Helvetica Neue',Arial;
    font-size: 15px;
    font-weight: normal;
    border-bottom: 1px solid #858585;
}

#header-wrapper
{
    background: url("/DefaultBranding/Images/memberstop-bg.png") no-repeat scroll right top #13256F;
    height: auto;
    padding-top: 20px;
    background-repeat: repeat !important;
}

p
{
    line-height: 18px;
}

#header-logo
{
    background: none repeat-x scroll left top transparent;
    float: left;
}

#generic-site-header-logo {
    background: transparent none repeat-x scroll left top;
    float: left;
    padding-top: 35px;
}

#header-title {
    background-color: #004573;
    border: 1px solid antiquewhite;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: left;
    /*height: 28px;*/               /*Bug 4903 - The admin portal badge is cut off*/
    margin: 7px 70px 0 160px;
    padding: 10px 5px 5px;
    text-transform: capitalize !important;
    width: 300px;
    font-weight: normal !important;         /*Bug 10364 - remove font-weight*/
}

.backendLogoImageClass {
}

#pnlWelcome
{
    float: right;
    height: 42px;
    margin: 0px;
    padding: 8px 15px 0px;
    position: relative;
}

#lblWelcomeText
{
    color: #FFFFFF;
}

#lblPortal
{
    margin-left: 50px;
    font-size: 14px;
}

#header-mainmenu
{
    margin-top: 8px;
}

.loading
{
    background-color: #444444;
    border: 1px solid #444444;
    color: #FFFFFF;
    display: none;
    padding: 2px;
    position: absolute;
    text-align: center;
    z-index: 100000;
}

.logo
{
    float: left;
}

/*Navigation
**********************************************/

.navigation {
    background-color: #004573;
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid antiquewhite;
    border-radius: 5px;
    float: left;
    height: 38px;
    margin-left: 50px;
    margin-top: 50px;
    padding: 5px 25px 5px 20px !important;
    width: 470px;
}


.menu {
    background-position: left top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 14px;
    height: 28px;
    margin: 0;
    padding: 10px 0 0;
    width: 570px;
}

    .menu li
    {
        border-right: 1px solid #FFFFFF;
        float: left;
        list-style-type: none;
        padding: 0 11px;
    }

        .menu li a:hover
        {
        }

        .menu li a
        {
            color: #FFFFFF;
            text-decoration: none;
        }

a:hover
{
    text-decoration: underline;
}

.menu li.last
{
    border-right: medium none;
    padding-right: 0;
}

#menu-welcome
{
    position: absolute;
    right: 80px;
    top: 111px;
    z-index: 1000;
}

    #menu-welcome .lblfield
    {
        color: #FFFFFF;
        font-family: sans-serif;
        font-size: 12px;
        text-transform: capitalize;
        z-index: 4000;
    }
.hideIt {
    /*z-index: -10;*/
    overflow: visible;
}
/*Footer
**********************************************/
#footer {
    background-color: #004573;
    border-bottom: 10px solid #5C5959;
    bottom: 0;
    color: #FFFFFF;
    font-size: 12px;
    height: 40px;
    left: 0;
    margin-top: 25px;
    position: fixed;
    width: 100%;
    z-index: 20000; /*VSO 3261*/
}

#footercontent
{
    margin: 0 auto; /*width: 845px;*/
}

#footerswitchuser {
    background-color: #e5af41;
    text-align: center;
}

.home {
    width: 845px;
}

.homediv
{
    padding: 10px 20px 50px 40px;
}

#footer ul
{
    float: right;
    margin: 0;
    padding: 10px 0;
}

#footer li
{
    border-right: 1px solid #FFFFFF;
    float: left;
    list-style-type: none;
    padding: 0 15px;
}

    #footer li a
    {
    font-size: 14px;
    text-decoration: none;
}

/*Content
**********************************************/
#content
{
    height: auto;
    width: 100%;
}

#contentwrap
{
    height: auto;
    margin: 0 auto;
    width: 845px;
}

.member_search_contentwrap
{
    height: auto;
    margin: 0 auto;
}

.home_search_contentwrap
{
    height: auto;
    margin: 0 auto;
    width: 845px;
}

.pageheader
{
    color: #004573;
    font-size: 24px;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}

.clear
{
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.maincontent
{
    border-radius: 10px 0 0 0;
    float: left;
    height: 370px;
    width: 510px;
}

.maincontent li
{
    height: 370px;
    list-style:none;
    width: 510px;
}

.maincontent ul
{
    padding-left: 0px; 
    margin-left: 0px; 
    margin-top: -55px;
}

#banner {
    background-color: #004573;
    border-radius: 0 10px 10px 0;
    height: 45px;
    padding-left: 10px;
    padding-top: 10px;
    position: relative;
    top: 280px;
    width: 450px;
    z-index: 2000;
}

    #banner label
    {
        color: #FFFFFF;
        font-size: 25px;
    }

.transparent
{
    opacity: 0.9;
}

.rightcolumn
{
    float: left;
    height: auto;
    width: 330px;
    font-size: 12px;
}

.right
{
    float: right;
    width: 150px;
}

.left
{
    float: left;
    width: 150px;
}
/*VSO 3266*/
/*#PlaceHolderBodyContent_Login1_genlatestnews
{
    background-color: #D5D7D8;
    background-repeat: no-repeat;
    border-radius: 0 0 10px 0;
    font-size: 12px;
    margin-top:0px;
    height: 110px;
    padding: 12px;
    width: 412px !important;
    overflow-y: auto;
    margin-left: 5px;
}

#PlaceHolderBodyContent_memLatestNews
{
    background-color: #D5D7D8;
    background-repeat: no-repeat;
    border-radius: 0 0 10px 0;
    font-size: 12px;
    height: 111px;
    padding: 12px;
    width: 412px !important;
    overflow-y: auto;
    margin-left: 5px;
}*/

.latestnews
{
    background-color: #D5D7D8;
    background-repeat: no-repeat;
    border-radius: 0 0 10px 0;
    font-size: 12px;
    height: 125px !important;
    margin-left: 5px;
    padding: 12px;
    width: 300px; /*VSO 3266*/
    overflow-y: auto;
}


    .latestnews li
    {
        background-position: left bottom;
        background-repeat: no-repeat;
        border-bottom: 1px solid #858585;
        list-style-type: none;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

.homecontent
{
    background-color: #D5D7D8;
    background-repeat: no-repeat;
    border-radius: 0 10px 10px 10px;
    font-size: 12px;
    height: 100px;
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 20px;
    width: 800px; /*VSO 3266*/
    overflow-y: auto;
}

#main-content
{
    border-radius: 10px 10px 10px 10px;
    box-shadow: 3px 2px 10px #BBBBBB;
    float: left;
    margin: 10px 1% 100px;
    min-height: 100%;
    padding: 2% 2% 5%;
    width: 94%;
    min-width: 900px;
}

#main-content-frontpage {
    border-radius: 10px 10px 10px 10px;
    box-shadow: 3px 2px 10px transparent;
    float: left;
    margin: 10px 1% 100px; /*VSO 3266*/
    min-height: 100%;
    padding: 0% 2% 5% !important;
    width: 94%;
}

#outterwrapper
{
    min-height: 100%;
    position: relative;
}

#pagetoolbar
{
    border-bottom: 1px dotted #CCCCCC;
    padding-bottom: 10px;
}

    #pagetoolbar h1
    {
        color: #0064A6;
        font-weight: normal;
        line-height: 35px;
        margin: 0;
        overflow-x: hidden;
        padding-bottom: 10px;
        padding-left: 10px;
    }

.membertitle
{
    font-size: 20px;
}

.memberbody
{
    font-size: 18px;
}

.title-wrapper
{
    float: left;
    width: 100%;
}

.title-image
{
    float: left;
}

.title-content
{
    float: left;
    margin-right: 10px;
}

#toolbar {
    background-color: #0064A6;
    border: 1px solid #0064A6;
    float: right;
    /*height: 30px;*/       /*Bug 4903 - The breadcrumb is cut off*/
    padding: 5px 5px 5px 10px;
}

#toolbar a
{
    color: #CCCCCC;
}

#BreadCrumbs
{
    color: #FFFFFF !important;
    float: left;
    padding-top: 3px;
    vertical-align: middle;
}

#BreadCrumbs a
{
    color: #FFFFFF !important;
    font-family: Segoe UI,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}

#BreadCrumbs span {
    color: #FFFFFF !important;
    font-family: Segoe UI,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.CurrentBreadCrumb
{
    font-weight: bold !important;
}

#PrintLinks
{
    float: right;
    padding-bottom: 5px;
    vertical-align: middle;
}

#PrintLinks a:hover {
    text-decoration: none;
}

legend
{
    font-family: Arial,Helvetica,sans-serif;
}

.new legend
{
    background-color: #e9e9e9;
    border-radius: 0 0 0 0;
    color: #666;
    float: left;
    font-size: 90% !important;
    font-weight: bold;
    padding: 0.25%;
    text-align: left;
    width: 99%;
}

.complianceHeading {
    background-color: #F1F1F1;
    border-radius: 0 0 0 0;
    color: #999999;
    float: left;
    font-size: 90% !important;
    font-weight: bold;
    padding: 0.25%;
    text-align: left;
    width: 99%;
}
.label
{
    color: #454545;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    margin-top: 10px;
    width: 200px;
}
.checkboxlabel
{
    color: #454545;
    font-family: 'Segoe UI Web Light','Segoe UI Light','Segoe UI Web Regular','Segoe UI','Helvetica Neue',Arial;
    font-size: 13px;
}
.Left_Dashboard
{
    width: 80%;
    float: left;
}

.Right_Dashboard
{
    width: 20%;
    float: left;
}

.RadDock_Left
{
    vertical-align: top;
    width: 180px;
}

.Margin10
{
    margin: 10px;
}

.Margin20
{
    margin: 20px;
}

.RedAsterik
{
    content: "*";
    color: red;
}

.SettingContent
{
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
}

.SettingLeft
{
    float: left;
    width: 15%;
}

.SettingRight
{
    float: left;
    width: 84%;
}

.StageWindow
{
    width: 3000px !important;
    height: 1000px !important;
    z-index: 7000 !important;
}

.FullWidth
{
    width: 100% !important;
}

.Width10px
{
    width: 10px !important;
}

.Width100px
{
    width: 100px !important;
}

.Width150px
{
    width: 150px !important;
}

.Width180px
{
    width: 180px !important;
}

.Width400px
{
    width: 400px;
}
.MaxWidth500px
{
    max-width: 100% !important;
    width: 500px !important;
}
.MaxWidth800px
{
    max-width: 100% !important;
    width: 800px !important;
}
.MaxWidth300px
{
    max-width: 100% !important;
    width: 300px !important;
}
.Width500px
{
    width: 500px !important;
}

.Width600px
{
    width: 600px !important;
}

.Width80Percent
{
    width: 80%;
}

.Width85Percent
{
    width: 85% !important;
}

.Width50Percent
{
    width: 50%;
}

.AlignRight
{
    text-align: right;
}

.AlignMiddle
{
    text-align: center;
}

.rightBorder
{
    border-right: solid 2px #7CD8FF;
}

.rightleftBorder
{
    border-right: solid 2px #7CD8FF;
    border-left: solid 2px #7CD8FF;
}

.VAlignBottom
{
    vertical-align: bottom;
}

.Height10
{
    height: 10px;
}

.Height20
{
    height: 20px;
}

.Height30
{
    height: 30px;
}

.ClearBoth
{
    clear: both;
}

.NoPadding
{
    padding: 0px!important;
}

.Padding10px
{
    padding: 10px;
}

.PaddingLeft12
{
    padding-left: 12px;
}

.TOFax
{
    left: -15px;
    position: relative;
}

.MarginLeft-2
{
    margin-left: -2px;
}

.MarginLeft89px
{
    margin-left: 89px;
}

.MarginLeft30px
{
    margin-left: 30px;
}

.MarginLeft20px
{
    margin-left: 20px;
}

.MarginTop6px
{
    margin-top: 6px;
}

.MarginTop10
{
    margin-top: 10px;
}

.MarginTop20
{
    margin-top: 20px;
}

.MarginTop40
{
    margin-top: 40px;
}

.MarginBottom10
{
    margin-bottom: 10px;
}

.DisplayNone
{
    display: none;
}

.ManagerToolTip
{
    font-size: 18px;
    text-align: center;
    font-family: Arial;
    width: 180px;
    height: 150px;
}

.VSNDescription
{
    font-size: smaller;
    font-style: italic;
}

.ImporterSearchContent
{
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: Gray;
    padding: 10px;
}

.ImporterSearchContentDetails
{
    font-family: Arial, Helvetica, sans-serif;
    color: Black;
}

.xsmallfont
{
    font-size: x-small;
}

.AddCheckQual
{
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.CompetencyCompletionHeader
{
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

.leftgrid
{
    width: 70%;
    position: relative;
    margin-right: 85px;
}

.rightgrid
{
    width: 30%;
    float: right;
    position: relative;
    text-align: left;
}

/*.leftCompanyTraineeEnrolmentGrid {
    width: 80%;
    position: relative;
    float: left;
}

.rightCompanyTraineeEnrolmentGrid {
    width: 20%;
    float: right;
    position: relative;
    text-align: left;
}*/

.graypanelsnoMarginBottom
{
    background-color: #EFEFEF;
    border: 1px solid #DDDDDD;
    float: left;
    margin-top: 10px;
    padding: 1%;
    width: 98%;
    font-size: 12px !important;
}

    .graypanelsnoMarginBottom h3
    {
        background-color: silver;
        margin-top: 10px;
        padding-left: 10px;
    }

.HistroyIFrame
{
    visibility: hidden;
    height: 0px;
    width: 0px;
    border: 0px;
}

.BorderNone
{
    border-style: none;
}


.showOnScreen {
    display: block;
}

.AttendanceNoteHeader
{
    background-color: white;
    height: 18px;
    width: 25%;
}

.AttendanceNoteFooter
{
    text-align: right;
    vertical-align: top;
    width: 20%;
    height: 30px;
}

.EmptyTemplate
{
    font-size: small;
    color: red;
    font-family: Arial;
}

.Left_Dashboard
{
    width: 80%;
    float: left;
}

.Right_Dashboard
{
    width: 20%;
    float: left;
}

.RadDock_Left
{
    vertical-align: top;
    width: 180px;
}

.Margin10
{
    margin: 10px;
}

.Margin20
{
    margin: 20px;
}

.RedAsterik
{
    content: "*";
    color: red;
}

.SettingContent
{
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
}

.SettingLeft
{
    float: left;
    width: 15%;
}

.SettingRight
{
    float: left;
    width: 84%;
}

.StageWindow
{
    width: 3000px !important;
    height: 1000px !important;
    z-index: 7000 !important;
}

.FullWidth
{
    width: 100% !important;
}

.Width10px
{
    width: 10px !important;
}

.Width100px
{
    width: 100px !important;
}

.Width150px
{
    width: 150px !important;
}

.Width180px
{
    width: 180px !important;
}

.Width400px
{
    width: 400px;
}

.Width500px
{
    width: 500px !important;
}

.Width600px
{
    width: 600px !important;
}

.Width80Percent
{
    width: 80%;
}

.Width85Percent
{
    width: 85% !important;
}

.Width50Percent
{
    width: 50%;
}

.AlignRight
{
    text-align: right;
}

.AlignMiddle
{
    text-align: center;
}

.VAlignBottom
{
    vertical-align: bottom;
}

.Height10
{
    height: 10px;
}

.Height20
{
    height: 20px;
}

.Height30
{
    height: 30px;
}

.ClearBoth
{
    clear: both;
}

.NoPadding
{
    padding: 0px;
}

.Padding10px
{
    padding: 10px;
}

.PaddingLeft12
{
    padding-left: 12px;
}

.TOFax
{
    left: -15px;
    position: relative;
}

.clientSidevalidationSummary
{
    /*style for container for client side validation summary;*/
    margin-left: 65px;
}


.MarginLeft89px
{
    margin-left: 89px;
}

.MarginLeft30px
{
    margin-left: 30px;
}

.MarginLeft20px
{
    margin-left: 20px;
}

.MarginTop6px
{
    margin-top: 6px;
}

.MarginTop10
{
    margin-top: 10px;
}

.MarginTop20
{
    margin-top: 20px;
}

.MarginTop40
{
    margin-top: 40px;
}

.MarginBottom10
{
    margin-bottom: 10px;
}
.MarginCenter {
    margin: 0 auto;
}
.DisplayNone
{
    display: none;
}

.ManagerToolTip
{
    font-size: 18px;
    text-align: center;
    font-family: Arial;
    width: 180px;
    height: 150px;
}

.VSNDescription
{
    font-size: smaller;
    font-style: italic;
}

.ImporterSearchContent
{
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: Gray;
    padding: 10px;
}

.ImporterSearchContentDetails
{
    font-family: Arial, Helvetica, sans-serif;
    color: Black;
}

.xsmallfont
{
    font-size: x-small;
}

.AddCheckQual
{
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.CompetencyCompletionHeader
{
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

.leftgrid
{
    width: 70%;
    position: relative;
    margin-right: 85px;
}

.rightgrid
{
    width: 30%;
    float: right;
    position: relative;
    text-align: left;
}

.HistroyIFrame
{
    visibility: hidden;
    height: 0px;
    width: 0px;
    border: 0px;
}

.BorderNone
{
    border-style: none;
}

.NoTextDeco
{
    text-decoration: none;
}

.AttendanceNoteHeader
{
    background-color: white;
    height: 18px;
    width: 25%;
}

.AttendanceNoteFooter
{
    text-align: right;
    vertical-align: top;
    width: 20%;
    height: 30px;
}

.EmptyTemplate
{
    font-size: small;
    color: red;
    font-family: Arial;
}

.ImporterContent
{
    border-style: dotted;
    border-color: #999999;
    padding: 10px;
    width: 350px;
}

.TrainingMatrixButton
{
    font-size: 12px;
    color: #fff;
    padding: 5px;
    line-height: 30px;
    padding-bottom: 5px;
    padding-left: 10px;
    border: 0px;
    background-image: url(/images/icon/plus-button.png);
}

.TrainingMatrixInfoPanel
{
    margin-left: 40px;
    margin-right: 40px;
}
/*fieldset User Page
{
    border: 1px solid #DDDDDD;
    margin: 0 0 1.5em;wid
    padding: 0 1.4em 1.4em;
}*/

.new fieldset
{
    border: 1px solid #CCCCCC !important;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 2px #999999;
    margin: 1% 0;
    width: 99%;
}

.t-combobox, .t-dropdown
{
    background: none repeat scroll 0 0 transparent;
    vertical-align: middle;
}

    .t-combobox .t-input
    {
        background-position: 0 -132px;
    }

    .t-combobox .t-select
    {
        background-color: transparent;
        background-image: url("./images/Telerik.Web.UI.Skins.Sunset.ComboBox.rcbSprite.png");
        background-position: 0 -88px;
        padding-right: 2px;
    }


    .t-combobox .t-icon
    {
        background-image: url("/images/ddl-arrow.png");
        background-position: 0 0;
        border: 1px solid #DDDDDD !important;
    }


.t-dropdown-wrap
{
    color: Black;
}

    .t-dropdown-wrap .t-input
    {
        background-image: url("./images/Telerik.Web.UI.Skins.Metro.ComboBox.rcbSprite.png");
        background-position: 0 0;
        margin-right: -1px;
        padding-bottom: 3px;
        padding-left: 3px;
    }

    .t-dropdown-wrap .t-select
    {
        background-image: url("./images/Telerik.Web.UI.Skins.Sunset.ComboBox.rcbSprite.png");
        background-position: 0 0;
        border: 0 none;
        margin-left: -1px;
        padding-bottom: 3px;
    }

.t-arrow-down
{
    background-image: url("/images/ddl-arrow.png");
    background-position: 0 0 !important;
    border: 0 solid #DDDDDD !important;
}

input[type="text"]
{
    border: 1px solid #CCCCCC;
    max-width: 200px;
}

html body .RadInput_Metro .riTextBox, html body .RadInputMgr_Metro
{
    border: 1px solid #CCCCCC !important;
    max-width: 100%;
}

.gridsubmit
{
    background: -moz-linear-gradient(center top, #4D90FE 0%, #4787ED 100%) repeat scroll 0 0 transparent !important;
    background: #4D90FE !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#4D90FE), to(#4787ED)) !important;
    background: -moz-linear-gradient(top, #4D90FE, #4787ED) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D90FE', endColorstr='#4787ED') !important;
    border: 1px solid #3079ED !important;
    border-radius: 0.3em 0.3em 0.3em 0.3em !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    display: inline-block !important;
    font: 12px/100% Arial,Helvetica,sans-serif !important;
    margin: 2px !important;
    outline: medium none !important;
    padding: 3px !important;
    text-align: center !important;
    text-decoration: none !important;
}

    .gridsubmit:hover
    {
        background: #357AE8 !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#4D90FE), to(#357AE8)) !important;
        background: -moz-linear-gradient(top, #4D90FE, #357AE8) !important;
        border: 1px solid #2F5BB7 !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D90FE', endColorstr='#357AE8') !important;
    }


/*a
{
    color: #696969;
}*/

.t-grid-top .bottomonly
{
    display: none;
}

.t-grid-header th, .t-grid-header
{
    background-color: #0082D9;
    color: #FFFFFF;
}

.display-field, .editor-field
{
    margin: 0.5em 0 0;
}

.fleft
{
    float: left;
    width: 240px;
}

.display-label, .editor-label
{
    margin: 1em 0 0;
}

.clearfix:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix
{
    display: inline-block;
}

.clear {
    clear:both;
}

.field-validation-error
{
    color: #FF0000;
}

.graypanels
{
    background-color: #EFEFEF;
    border: 1px solid #DDDDDD;
    float: left;
    margin-top: 10px;
    padding: 1%;
    width: 98%; /*Competency Completion style*/
    margin-bottom: 20px; /*Search Home style*/
    font-size: 12px !important; /*Search Home Style*/
}

/*template editor column layout*/

#noTemplates
{
    padding-left: 20px;
    font-size: smaller;
}

#reportCategories, #reportList
{
    height: 100%;
    min-height: 660px;
}

#reportCategories
{
    width: 300px;
    float: left; /* Override RAD border */
    border-right: none;
}

#reportList
{
    /* Style the seperator like the RadGrid table borders */
    border-left: 1px solid #EDEDED; /* border-left: 4px solid #BBCCFF; */
    margin-left: 301px;
}

#reportListHeader
{
    width: 100%;
    height: 48px; /*background-color: #BBCCFF;*/ /* Over-ride the RadGrid styles for proper layout */
    padding: 0;
    border: none;
}

#filters
{
    float: left;
    padding-left: 10px;
}

#help
{
    float: right;
    margin-top: 4px;
    margin-right: 20px;
}

.reportCategory img
{
    border: none;
}

a.reportCategory
{
    display: block;
}

table.reportCategories
{
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.reportCategories tbody tr:hover, .filterOptions div:hover, .reportCategories tr.selected a:hover, #createNewOptionsPanel1 div:hover, #createNewOptionsPanel2 div:hover
{
    background-color: #ebeef6;
    color: #000000;
}

.reportCategories .rgHeader thead th
{
    height: 48px;
}

.reportCategories tr.selected
{
    background-color: #6688ee;
}

    .reportCategories tr.selected a
    {
        color: #fff;
    }

.reportCategories tr td
{
    padding: 2px 6px 2px 8px;
}

.reportCategories tr th
{
    padding: 0px 0px 0px 4px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    font-weight: normal;
}

.reportCategories a.reportCategory
{
    text-decoration: none;
    color: #000000;
}

#createNew
{
    /* background: url("../images/icon/drop_arrow.png") no-repeat scroll 88px 0 transparent;             background-position: center;                         */
}

a#createNewButton, a#initialDefaultTemplateButton, a#filterButton
{
    color: #fff !important;
}

#createHeader
{
    /* Don't specify background - Use RadGrid styles */ /* background-color: #ebeef6;             padding: 4px 2px 4px 8px;*/
    width: 200px; /* Override border from RadGrid to remove white line on right border */
    border: none;
    padding-top: 0px;
    padding-bottom: 10px;
}

#createNewOptions
{
    position: absolute;
    top: 158px;
    left: 64px;
    z-index: 99;
    background-color: #fff;
    /* width: 260px; */
    border: 1px solid Silver;
    padding: 2px 2px 2px 2px;
}

    #createNewOptions div
    {
        padding-top: 4px;
    }

    #createNewOptions img
    {
        margin-left: 4px;
        margin-right: 4px;
    }

.filterOptions
{
    position: absolute;
    top: 158px;
    left: 358px;
    z-index: 100;
    background-color: #fff;
    width: 200px;
    border: 1px solid Silver;
    padding: 2px 2px 2px 2px;
}

    .filterOptions a
    {
        text-decoration: none;
        color: #000000;
    }


#reportlisting tr td
{
    border-bottom: 1px solid #f0f0f0;
}

#reportlisting tr td
{
    height: 30px;
}

    #reportlisting tr td a
    {
        /* Don't specify font, sse RagGrid fonts instead! */ /*             font-family: "Verdana","Arial","Helvetica","sans-serif";             font-size: 14px;             */
    }

.issued
{
    font-size: smaller;
    color: Gray;
}

.reportName
{
    width: 70%;
    padding-left: 10px;
}

.lastModified
{
    text-align: right;
    width: 30%;
    padding-right: 20px;
    font-size: smaller;
}

.delete
{
    margin-left: 10px;
    font-size: larger;
}

/*MyTask.aspx specific css*/

.style2
{
    height: 75px;
}

.sidebutton
{
    min-width: 100px;
    margin-top: -2px !important;
    display: inline !important;
}

.shim
{
    margin-top: -5px;
}
/*END myTask.aspx css*/

/*Reset Password Page CSS*/
.ResetPassword_Wrapper
{
    border: 1px solid darkgrey;
    border-radius: 10px 10px 10px 10px;
    float: left;
    margin: 40px;
    padding: 10px 20px 20px 15px;
    width: 44%;
}

.box2
{
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.box-top
{
    height: 13px;
    background: url(../images/bucket_top_wide.gif) no-repeat;
    width: 480px;
    padding: 0;
}

.box-bottom
{
    height: 16px;
    background: url(../images/bucket_bottom_wide.gif) no-repeat;
    padding: 0;
}

.panelBottom
{
    height: 16px;
    padding: 0;
}

.panelButtons
{
    float: right;
    position: relative !important;
}

.box-middle
{
    background: url(../images/bucket_bg_wide.gif) repeat-y;
    padding: 25px 85px 35px 75px;
}

.box-middle-padding
{
    padding: 0 30px;
    width: 450px;
}

.login-label
{
    margin-top: 10px;
}

    .login-label label
    {
        font-size: 16px;
        color: #455560;
    }

.login-field
{
    border: solid 1px #bbb;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #455560;
}

.help-icon
{
    cursor: pointer;
}

.cusTextField{
        border: 1px solid #CCCCCC;
        max-width: 400px!important;
        width: 100%;
    }

/*End Reset Password Page CSS*/

.GridView-HeaderRow
{
    background-color: #0082D9;
    color: #FFFFFF;
    font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Helvetica Neue',Arial;
    font-size: 12px;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

.GridView-HeaderRow a:link
{
        color: #FFFFFF;
    }


.GridView-AltRow
{
    background-color: #aee7ff;
    height: 30px;
}

    .GridView-AltRow td
    {
        padding-left: 10px;
        padding-right: 10px;
    }

.GridView-Row td
{
    padding-left: 10px;
    padding-right: 10px;
}

.GridView-Row
{
    background-color: #FFFFFF;
    height: 30px;
}
/**this field is used throughout the system for all the mandatory fields**/
.required
{
    vertical-align: middle;
    background-image: url("/Images/icon/asterik.png");
    background-position: right center;
    width: 12px !important;
    height: 12px !important;
    color: red !important;
}

.row-tele 
{
    color: #525252;
    float: left;
    font-size: 14px;
    margin-left: 14px;
    margin-bottom: 5px;
    width: 98%;
}

.required-tele 
{
    vertical-align: middle;
    background-image: url("/Images/icon/asterik.png");
    background-position: left center;
    background-repeat: no-repeat;
    width: 100% !important;
    height: 12px !important;
    color: red !important;
}

.required-schedule {
    vertical-align: top;
    background-image: url(/Images/icon/asterik.png);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100% !important;
    height: 12px !important;
    color: red !important;
}

.shortlabel label
{
    background-color: #EFEFEF;
    padding: 2px 2px 2px 5px;
    width: 90% !important;
}

.shortlabel input[type="checkbox"]
{
    margin-top: 6px;
}

.buttonBG
{
    background-color: lightgray;
    margin-top: 10px;
}

#contentwrap .underline
{
    border-bottom: 1px solid #777777;
}

.formcontainer
{
    float: left;
    width: 100%;
}

/*Module Page Specific CSS
*/
.RadWindow, .RadWindow iframe
{
    z-index: 10000 !important;
}

.keep-on-one-line-hack label, .COL3 input
{
    /* when a asp:CheckBox is used within a class="row" the text gets forced onto a seperate              line from the checkbox and does not present well. This workaround removes the float from              the resulting label to put the control back onto a single line */
    float: none !important;
}

.nominalHoursLabel, .nominalHoursField, .nominalHoursError, .FloatLeft
{
    float: left;
}

.FloatRight
{
    float: right !important;
}

.FloatNone
{
    float: none !important;
}

.RightSide
{
    float: right;
    padding: 10px 290px 15px 10px;
}

.CateringRight
{
    float: right;
    padding: 20px 360px 20px 30px;
}

.VenueHeader
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}

.smalllabel
{
    color: #525252;
    float: left;
    font-size: 14px;
    margin-bottom: 5px;
    width: 98%;
}

.nominalHoursLabel
{
    width: 100px !important;
}

.nominalHoursField
{
    /* overrides the 100% width to avoid pushing onto a new line */
    width: 80px !important;
}

.nominalHoursError, .COL3 .nominalHoursError span
{
    /* another workaround to prevent the error label being squashed into a narrow column */
    width: 500px !important;
    color: red;
    font-size: small;
    margin-left: 20px;
}
/*Module Page specific CSS END*/


/*Edit Manager Page Specific*/
.CheckBoxList input
{
    margin-left: -20px;
}

.CheckBoxList td
{
    padding-left: 10px;
    width: 80%;
}

.row .checkboxlist label
{
    float: none;
    width: 200px;
}

#intro-desc span
{
    color: #3D3D3D;
    font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Helvetica Neue', Arial;
    font-size: 16px;
    font-weight: normal;
}

/*Training Organisation Details CSS*/
.input-section
{
    margin-left: 15px;
}

/*online administration*/
.rm1
{
    z-index: 1 !important;
}

/*Courses.aspx*/
.RadWindow, .RadWindow iframe
{
    z-index: 10000 !important;
}

/*mvc*/
.notable
{
    border-collapse: collapse;
}

.t-combobox .t-input
{
    background-position: 0 -132px;
}

.t-dropdown-wrap .t-input
{
    background-image: url("./images/Telerik.Web.UI.Skins.Metro.ComboBox.rcbSprite.png");
    background-position: 0 0;
    margin-right: -1px;
    padding-bottom: 3px;
    padding-left: 3px;
}

.t-grid-header th, .t-grid-header
{
    color: #FFFFFF;
}

.t-grid-bottom .toponly
{
    display: none;
}
/*managerCrossDepotDelegateList.ascx Specific*/
.xheader
{
    color: #FF8C00;
    font-size: medium;
    font-family: Arial;
    padding-left: 5px;
    margin-bottom: 20px;
}

.xsubheader
{
    color: #004573;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
}
/*tabs_query for Manager page*/
ul.tabs
{
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    float: left;
    height: 32px; /*--Set height of tabs--*/
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    ul.tabs li
    {
        background: #0064A6;
        border: 1px solid #999;
        border-left: none;
        float: left;
        height: 31px; /*--Subtract 1px from the height of the unordered list--*/
        line-height: 31px; /*--Vertically aligns the text within the tab--*/
        margin: 0;
        margin-bottom: -1px; /*--Pull the list item down 1px--*/
        overflow: hidden;
        padding: 0;
        position: relative;
    }

        ul.tabs li a
        {
            border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
            color: #fff;
            display: block;
            outline: none; /*font-size: 1.2em;*/
            padding: 0 20px;
            text-decoration: none;
        }

            ul.tabs li a:hover
            {
                background: #0064A6;
                color: #000;
            }

        ul.tabs li.active, ul.tabs li.active a:hover, ul.tabs li.active a
        {
            /*--Makes sure that the active tab does not listen to the hover properties--*/
            background: #fff;
            border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
            color: #000;
        }

.tab_container
{
    background: #fff;
    border: 1px solid #999;
    border-top: none;
    clear: both;
    /*color: #fff;*/
    float: left;
    overflow: hidden;
    width: 100%;
}

.tab_content
{
    font-size: 1.2em;
    padding: 20px;
}
/*VSN page style*/
.errorPanel
{
    border: 1px solid red;
    background-color: #fff7d7;
    margin-top: 20px;
    padding: 4px 4px 4px 4px;
    width: 600px;
    font-size: smaller;
}

a
{
    color: #696969;
}

.successPanel
{
    border: 1px solid green;
    background-color: #c4e8d4;
    margin-top: 20px;
    padding: 4px 4px 4px 4px;
    width: 600px;
    font-size: smaller;
}

/*enrolment page specific css*/
.detailTable
{
    margin-bottom: 10px !important;
    margin-left: 20px !important;
    margin-top: 10px !important;
    width: 98% !important;
}

.ScheduleEditTabPanel
{
    margin-top: 10px;
    border: solid #25a0da 1px;
    font-size: 75%;
}

.schedule-label
{
    width: 184px;
}

.schedule-float
{
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.clearfix
{
    clear: both;
}

textarea
{
    width: 500px;
    height: 200px;
}

.colWidthZero
{
    width: 1px;
}
/*Award and Qualification specific css*/

/* these styles are needed for the nominal hours panel */


.nominalHoursLabel, .nominalHoursField, .nominalHoursError
{
    float: left;
}

.nominalHoursLabel
{
    width: 100px !important;
}

.nominalHoursField
{
    /* overrides the 100% width to avoid pushing onto a new line */
    width: 80px !important;
}

.nominalHoursError, .COL3 .nominalHoursError span
{
    /* another workaround to prevent the error label being squashed into a narrow column */
    width: 500px !important;
    color: red;
    font-size: small;
    margin-left: 20px;
}

.nominalHoursPanel
{
    width: 98%;
    font-size: larger;
    margin-top: 8px;
}
/*Manage attandence*/
div.scrollable
{
    width: 98%;
    overflow: scroll;
    overflow-y: hidden;
    -ms-overflow-y: hidden;
}

/*Attendance Styles*/


.justfont
{
    font-family: 'Segoe UI Web Light','Segoe UI Light','Segoe UI Web Regular','Segoe UI','Helvetica Neue',Arial;
    font-weight: normal;
}

/*Enrolment Details Page CSS STARTS*/
.ContextMenuPanel
{
    border: 1px solid #868686;
    z-index: 1000;
    background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
    cursor: default;
    padding: 1px 1px 0px 1px;
    font-size: 11px;
}

a.ContextMenuItem
{
    margin: 1px 0 1px 0;
    display: block;
    color: #003399;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 19px 4px 33px;
    white-space: nowrap;
}

a.ContextMenuItem-Selected
{
    font-weight: bold;
}

a.ContextMenuItem:hover
{
    background-color: #FFE6A0;
    color: #003399;
    border: 1px solid #D2B47A;
    padding: 3px 18px 3px 32px;
}
/*Enrolment Details Page CSS END*/


/*START Export.aspx CSS: Validate and Generate NAT Files*/
.rgDetailTable
{
    margin-top: 10px;
    margin-bottom: 10px;
}

/* ins shows the difference between a target and source text */
ins
{
    background-color: #FEC8C8;
    text-decoration: inherit;
}

/* del shows what has been removed from the original text. This is not needed to 
        be shown as we just want to highlight the differences. */
del
{
    display: none;
}

.scrollingControlContainer
{
    overflow-x: hidden;
    overflow-y: scroll;
}

.scrollingCheckBoxList
{
    border: 1px #808080 solid;
    margin: 10px 10px 10px 10px;
    height: 200px;
    width: 800px;
}
/*END   Export.aspx CSS: Validate and Generate NAT Files*/

/* Xero styles */
.syncStatusERROR {
    font-weight: bold;
    color: red;
}
.syncStatusOK {
    font-weight: bold;
    color: darkgreen;
}

/* Starts Training Plan CSS */

@media print
{
    .noPrint
    {
        display: none;
    }

    .noListings
    {
        display: none;
    }

    #printPlan
    {
        display: none;
    }

    #reportTitle
    {
        font-family: Arial;
        font-size: 14pt;
        font-weight: bold;
    }

    .hideUnits
    {
        display: block;
    }


    body
    {
        margin-top: 2px;
        margin-right: 2px;
        margin-bottom: 2px;
        margin-left: 2px;
    }

    .candidateDetailsSubHeading
    {
        font-family: Arial;
        font-size: 12pt;
        font-weight: bold;
    }

    .candidateDetailsText
    {
        font-family: Arial;
        font-size: 12pt;
        font-weight: normal;
    }

    .tableNoPrint
    {
        display: none;
    }

    .table
    {
        padding-right: 3px;
        padding-left: 3px;
        font-size: 0.8em;
        margin-bottom: 0px; /*15px;*/
        color: #000000;
        padding-top: 0px; /*3px;*/
        border: #000000 1px solid;
        height: 26px;
        text-align: left;
    }

    #SelectedStudents
    {
        width: 100%;
    }

    .columnHeading
    {
        padding-right: 3px;
        padding-left: 3px;
        font-weight: bold;
        padding-bottom: 3px;
        font-size: 11px;
        font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; /*background-color:#C5BEA7;#A3997F;*/
        border-bottom: 1px solid #000; /*border-top:1px solid #ffffff;*/
        height: 25px;
    }


    .columnContent
    {
        font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
        font-size: 11px;
        color: #000000;
        text-decoration: none; /* border-bottom:1px solid #000; */
    }

    .columnTotal
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
        text-decoration: none;
        border-bottom: 1px solid #000;
        text-align: right;
        height: 18px;
    }

    .gridCaption
    {
        padding: 0px 0px 0px 0px;
        border: solid 1px #000000;
        font-weight: bold;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .gridCaptionNoPrint
    {
        display: none;
    }

    .toggleBoxOpen
    {
        display: none;
        visibility: hidden;
    }

    .toggleBoxClosed
    {
        display: none;
        visibility: hidden;
    }
}

@media screen
{
    .noScreen
    {
        display: none;
    }

    #reportTitle
    {
        display: none;
    }

    #candidateDetailsTitle
    {
        display: none;
    }

    #candidateDetails
    {
        display: none;
    }

    .hideUnits
    {
        display: none;
    }

    .showUnits
    {
        display: block;
    }

    .seperator
    {
        border-bottom: #000000 1px dashed;
    }

    .noListings
    {
        font-weight: bold;
        font-size: 11px;
        color: #990000;
        font-family: Arial, Helvetica, sans-serif;
    }

    .gridCaption
    {
        font-weight: bold;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .gridCaptionNoPrint
    {
        font-weight: bold;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .columnContent2, .columnContent2Highlight
    {
        font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
        font-size: 11px;
        color: #000000;
        text-decoration: none; /*border-bottom:1px solid #000;*/
    }

    .columnContent2Highlight
    {
        background: #049acc;
    }

    .tableNoPrint
    {
        padding-right: 3px;
        padding-left: 3px;
        font-size: 0.8em;
        margin-bottom: 15px;
        color: #000000;
        padding-top: 3px;
        height: 26px;
        text-align: left;
    }


    .toggleBoxOpen
    {
        cursor: pointer;
        border-bottom: 0px solid white;
        border-right: 0px solid white;
        border-top: 0px solid white;
        border-left: 0px solid white;
        width: 11px;
        height: 11px;
        background-repeat: no-repeat;
        background-image: url('../../images/toggleOpen.png');
    }

    .toggleBoxClosed
    {
        cursor: pointer;
        border-bottom: 0px solid white;
        border-right: 0px solid white;
        border-top: 0px solid white;
        border-left: 0px solid white;
        width: 11px;
        height: 11px;
        background-repeat: no-repeat;
        background-image: url('../../images/toggleClosed.png');
    }
}

/* Ends Training Plan CSS */

/*Task Page Trainer Portal CSS STARTS*/
.Disabled
{
    background: silver !important;
    cursor: not-allowed;
}

.disabled-menuitem-nocursor
{
    cursor: not-allowed;
}

.hidden-menuitem {
    display: none !important;
}
.showT-menuitem
{
    display: block !important;
    cursor:pointer !important;
}
.rsApt.lightgreen .rsAptInner
{
    background: lightgreen;
}

.rsApt.pink .rsAptInner
{
    background: pink;
}

.rsApt.lightblue .rsAptInner
{
    background: blue;
}

.rsApt.yellow .rsAptInner
{
    background: yellow;
}

.rsApt.orange .rsAptInner
{
    background: orange;
}

.rsApt.lightgrey .rsAptInner
{
    background: lightgrey;
}

.rsApt.red .rsAptInner
{
    background: red;
}

.rsApt.blue .rsAptInner
{
    background: blue;
}

.rsApt.green .rsAptInner
{
    background: green;
}

.rsApt.aqua .rsAptInner
{
    background: aqua;
}

.RadScheduler_Default .rsMonthView td.rsCell
{
    height: 100px; /* background: lightgreen; */
}

.RadScheduler_Default .rsMonthView div.rsWrap
{
    height: 50px;
}

/* fixes the rad window buttons wrapping over 2 lines */
.rwControlButtons {
    width: initial !important;
}

.style2
{
    height: 75px;
}
/*Task page trainer portal End*/

.scheduleform
{
    height: 800px;
}
/*Structure
**********************************************/
form
{
    margin: 0;
    padding: 0;
}

small
{
    font-size:14px;
}

.full-width-row
{
    background: none repeat scroll 0 0 #FAFAFA;
    color: #525252;
    float: left;
    font-size: 14px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding: 0.5%;
    width: 100%;
}

.row
{
    background: none repeat scroll 0 0 #FAFAFA;
    color: #525252;
    line-height: 25px;
    float: left;
    font-size: 14px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding: 0.5%;
    width: 98%;
    font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Helvetica Neue',Arial;
}

.row50Percent 
{
    background: none repeat scroll 0 0 #FAFAFA;
    color: #525252;
    float: left;
    font-size: 14px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding: 0.5%;
    width: 50%;
}

.whiterow {
    /* background: none repeat scroll 0 0 #FAFAFA; */
    color: #525252;
    float: left;
    font-size: 14px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding: 0.5%;
    width: 98%;
}

.whiterowNoMargin {
    /* background: none repeat scroll 0 0 #FAFAFA; */
    color: #525252;
    float: left;
    font-size: 14px;
    padding: 0.2%;
    width: 98%;
}

.whiterowHalfWidthNoMargin {
    /* background: none repeat scroll 0 0 #FAFAFA; */
    color: #525252;
    float: left;
    font-size: 14px;
    padding: 0.2%;
    width: 50%;
}

.row label
{
    color: #525252;
    float: left;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 24px;
    width: 98%;
}

.COL1
{
    float: left;
    width: 25%;
    /*padding-right: 5px;*/
}

.COL2
{
    float: left;
    width: 50%;
}

.COL3
{
    float: left;
    width: 75%;
}

.COL4
{
    float: left;
    width: 100%;
}

.COL5Percent 
{
    float: left;
    width: 5%;
    /*padding-right: 5px;*/
}

.COL10Percent {
    float: left;
    width: 10%;
    /*padding-right: 5px;*/
}

.COL15Percent {
    float: left;
    width: 15%;
    /*padding-right: 5px;*/
}

.COL20Percent {
    float: left;
    width: 20%;
    /*padding-right: 5px;*/
}

.COL30Percent {
    float: left;
    width: 30%;
    /*padding-right: 5px;*/
}

.COL32Percent {
    float: left;
    width: 32%;
    /*padding-right: 5px;*/
}

.COL35Percent {
    float: left;
    width: 35%;
    /*padding-right: 5px;*/
}

.COL85Percent {
    float: left;
    width: 85%;
    /*padding-right: 5px;*/
}

.checkboxcolumn
{
    float: left;
    width: 10%;
}

blockquote
{
    font-size: smaller;
}

.row-more-info
{
    font-style: italic;
    font-size: smaller;
}

.smaller-font-size
{
    font-size: smaller;
}

/*Notes Field div*/
.divNote 
{
    float: left;
    width: 33%;
    /*padding-right: 5px;*/
}

/*Wizard
**********************************************/
.wizardTitle
{
    color: #454545;
    font-family: Arial;
    font-size: 1.1em;
    font-weight: bold;
    vertical-align: middle;
    width: 220px;
}

.stepCurrent
{
    background-color: #0082D9;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    color: White;
    font-family: Arial;
    font-size: 0.9em;
    font-weight: bold;
    padding: 6px;
    text-align: center;
    width: 150px;
}

.stepNotCompleted
{
    background-color: #BFBFBF;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    color: White;
    font-family: Arial;
    font-size: 0.9em;
    font-weight: bold;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    width: 150px;
}

.stepCompleted
{
    background-color: #038A34;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    color: White;
    font-family: Arial;
    font-size: 0.9em;
    font-weight: bold;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    width: 150px;
}

.validationMessage
{
    background: url("/images/error-64x64.png") no-repeat scroll 10px 50% #F9EDED;
    border: 1px solid red;
    color: red;
    font-size: 0.9em;
    margin: 10px;
    min-height: 64px;
    padding: 15px;
}

    .validationMessage ul
    {
        margin-left: 65px;
    }

.validationHeader
{
    font-weight: bold;
    margin-left: 68px;
    padding-bottom: 2px;
}

.stepBreak
{
    background-color: Transparent;
    margin: 0;
    padding: 0;
    width: 1px;
}

.informationSummaryMessage
{
    background: url("/images/icon/alert-info.png") no-repeat scroll 12px 12px #E9EFFA;
    border: 1px solid #001E73;
    color: #001E73;
    font-size: 0.9em;
    margin: 10px;
    min-height: 64px;
    padding: 15px;
    display: none;
}

.informationIcon
{
    background: url("/images/icon/sml-alert-info.png") no-repeat scroll 0 50% #FFFFFF;
    cursor: pointer;
    height: 24px;
    margin-bottom: 5px;
    padding: 0;
    width: 24px;
}

.buttonContainer
{
    position: relative;
}

.informationSummaryMessage div
{
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 68px;
}

.informationSummaryMessageHeader
{
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    margin-left: 68px;
    padding-bottom: 2px;
}

.hideButton
{
    position: absolute;
    right: -10px;
    top: -10px;
}

.closeButton
{
    background-color: #E9EFFA;
    border: medium none;
    color: #001E73;
    cursor: pointer;
}


/*Tables
**********************************************/
table
{
    font-size: inherit;
}

.notable
{
    border: medium none;
    border-collapse: collapse;
}

/*Buttons
**********************************************/
.orangebuttom
{
    background-color: #004573;
    border-radius: 0 10px 0 0;
    color: #FFFFFF;
    height: 146px !important;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 10px 12px 60px;
    width: 301px !important;
    /*font-family: normal VAG Round Regular !important;*/
    font-family: Arial !important;
}

    .orangebuttom input
    {
        margin: 5px 0;
    }

    .orangebuttom a
    {
        color: #FFFFFF;
        font-size: 12px;
        text-decoration: none;
    }

.LoginSwitch
{
    height: 70px;
    float: left;
}

.LoginDropdownList
{
    height: 50px;
    float: left;
    clear: both;
}

/**Telerik RadWizard style, and buttons**/
.submit_finish, .buttonPrevious, .buttonNext, .RadWizard_Metro .rwzButton.rwzNext, .RadWizard_Metro .rwzButton.rwzFinish, .RadWizard_Metro .rwzButton.rwzPrevious
{
    background: -moz-linear-gradient(center top, #4D90FE 0%, #4787ED 100%) repeat scroll 0 0 transparent !important;
    background: #4D90FE !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#4D90FE), to(#4787ED)) !important;
    background: -moz-linear-gradient(top, #4D90FE, #4787ED) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D90FE', endColorstr='#4787ED') !important;
    border: 1px solid #3079ED !important;
    border-radius: 0.3em 0.3em 0.3em 0.3em !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    display: inline-block;
    font: 12px/100% Arial,Helvetica,sans-serif !important;
    margin: 5px !important;
    min-width: 130px;
    outline: medium none !important;
    padding: 5px !important;
    text-align: center !important;
    text-decoration: none !important;
}

.buttonDisabled
{
    display: none !important;
}

.submit, a[id*="PerformInsertButton"], a[id*="InsertButton"], a[id*="CancelButton"], a[id*="UpdateButton"], .buttonPrevious, .buttonNext, .buttonFinish
{
    background: -moz-linear-gradient(to top, #4D90FE 0%, #4787ED 100%) repeat scroll 0 0 transparent !important;
    background: #4D90FE !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#4D90FE), to(#4787ED)) !important;
    background: -moz-linear-gradient(top, #4D90FE, #4787ED) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D90FE', endColorstr='#4787ED') !important;
    border: 1px solid #3079ED !important;
    border-radius: 0.3em 0.3em 0.3em 0.3em !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    display: inline-block;
    font: 12px/100% Arial,Helvetica,sans-serif !important;
    margin: 5px !important;
    min-width: 70px;
    outline: medium none !important;
    padding: 5px !important;
    text-align: center !important;
    text-decoration: none !important;
}

.submit-disabled
{
    background: -moz-linear-gradient(center top, #4D90FE 0%, #4787ED 100%) repeat scroll 0 0 transparent !important;
    background: #4D90FE !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#4D90FE), to(#4787ED)) !important;
    background: -moz-linear-gradient(top, #4D90FE, #4787ED) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D90FE', endColorstr='#4787ED') !important;
    border: 1px solid #3079ED !important;
    border-radius: 0.3em 0.3em 0.3em 0.3em !important;
    color: lightgray !important;
    cursor: pointer !important;
    display: inline-block;
    font: 12px/100% Arial,Helvetica,sans-serif !important;
    margin: 5px !important;
    min-width: 130px;
    outline: medium none !important;
    padding: 5px !important;
    text-align: center !important;
    text-decoration: none !important;
}

.submit-obvious-disabled {
    background: -moz-linear-gradient(center top, rgb(250, 250, 250) 0%, rgb(250, 250, 250) 100%) repeat scroll 0 0 transparent !important;
    background: rgb(250, 250, 250) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(250, 250, 250))) !important;
    background: -moz-linear-gradient(top, rgb(250, 250, 250), rgb(250, 250, 250)) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(250, 250, 250)', endColorstr='rgb(250, 250, 250)') !important;
    border: 1px solid lightgray !important;
    border-radius: 0.1em 0.1em 0.1em 0.1em !important;
    color: #bfbfbf !important;
    cursor: pointer !important;
    display: inline-block;
    font: 12px/100% Arial,Helvetica,sans-serif !important;
    margin: 5px !important;
    min-width: 70px;
    outline: medium none !important;
    padding: 5px !important;
    text-align: center !important;
    text-decoration: none !important;
}

.gray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

    .gray:hover
    {
        background: #616161;
        background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
        background: -moz-linear-gradient(top, #757575, #4b4b4b);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
    }

    .gray:active
    {
        color: #afafaf;
        background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
        background: -moz-linear-gradient(top, #575757, #888);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
    }
/*Template Editor filter list style*/
.filterOptions a
{
    color: #000000;
    text-decoration: none;
}
/******ORANGE BUTTON for Manage Award Page********/
.orgbtn {
    background: -moz-linear-gradient(center top, #FFA532 0%, #CD7300 100%) repeat scroll 0 0 transparent !important;
    background: #FFA532 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFA532), to(#CD7300)) !important;
    background: -moz-linear-gradient(top, #FFA532, #CD7300) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA532', endColorstr='#CD7300') !important;
    border: 1px solid #CD7300 !important;
    border-radius: 0.3em 0.3em 0.3em 0.3em !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    display: inline-block;
    font: 12px/100% Arial,Helvetica,sans-serif !important;
    margin: 5px !important;
    min-width: 70px;
    outline: medium none !important;
    padding: 5px !important;
    text-align: center !important;
    text-decoration: none !important;
}

    .orgbtn:hover
    {
        background: #913700 !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#C36932), to(#913700)) !important;
        background: -moz-linear-gradient(top, #C36932, #913700) !important;
        border: 1px solid #913700 !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EB911E', endColorstr='#913700') !important;
    }

/***************END ORANGE BUTTON*****************/

/******Green BUTTON for Manage Award Page********/
    .greenbtn
    {
    background: -moz-linear-gradient(center top, #8CC63F 0%, #5A940D 100%) repeat scroll 0 0 transparent !important;
    background: #8CC63F !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#8CC63F), to(#5A940D)) !important;
    background: -moz-linear-gradient(top, #8CC63F, #5A940D) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8CC63F', endColorstr='#5A940D') !important;
    border: 1px solid #5A940D !important;
    border-radius: 0.3em 0.3em 0.3em 0.3em !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    display: inline-block;
    font: 12px/100% Arial,Helvetica,sans-serif !important;
    margin: 5px !important;
    min-width: 70px;
    outline: medium none !important;
    padding: 5px !important;
    text-align: center !important;
    text-decoration: none !important;
}
    .greenbtn:hover
    {
        background: #286200 !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#468000), to(#286200)) !important;
        background: -moz-linear-gradient(top, #468000, #286200) !important;
        border: 1px solid #0A4400 !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAE45D', endColorstr='#286200') !important;
    }

/***************END ORANGE BUTTON*****************/
.bluebtn
{
    color: #DDDDDD;
    background: #004573; /* Old browsers */
    background: -moz-linear-gradient(top, #0082D9 0%, #004573 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0082D9), color-stop(100%,#004573)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0082D9 0%,#004573 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0082D9 0%,#004573 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0082D9 0%,#004573 100%); /* IE10+ */
    background: linear-gradient(to top, #0082D9 0%,#004573 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082D9', endColorstr='#004573',GradientType=0 ); /* IE6-9 */
}

    .bluebtn:hover
    {
        background: #362f31;
        background: -webkit-gradient(linear, left top, left bottom, from(#362F31), to(#1F1B1C));
        background: -moz-linear-gradient(top, #362F31, #1F1B1C);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#362F31', endColorstr='#1F1B1C');
    }

    .bluebtn:active
    {
        color: #362f31;
        background: -webkit-gradient(linear, left top, left bottom, from(#362f31), to(#1F1B1C));
        background: -moz-linear-gradient(top, #362f31, #1F1B1C);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#362f31', endColorstr='#1F1B1C');
    }

.lrgbtn
{
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    margin: 5px;
    outline: medium none;
    padding: 1em;
    text-align: center;
    text-decoration: none;
}

.submit:hover, a[id*="PerformInsertButton"]:hover, a[id*="InsertButton"]:hover, a[id*="CancelButton"]:hover, a[id*="UpdateButton"]:hover, .buttonPrevious:hover, .buttonNext:hover, .buttonFinish:hover
{
    background: #357AE8 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#4D90FE), to(#357AE8)) !important;
    background: -moz-linear-gradient(top, #4D90FE, #357AE8) !important;
    border: 1px solid #2F5BB7 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D90FE', endColorstr='#357AE8') !important;
}

.disabledbtn
{
    color: #CCCCCC;
    background: #bfbfbf; /* Old browsers */
    background: -moz-linear-gradient(top, #bfbfbf 0%, #bfbfbf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(100%,#bfbfbf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bfbfbf 0%,#bfbfbf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bfbfbf 0%,#bfbfbf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bfbfbf 0%,#bfbfbf 100%); /* IE10+ */
    background: linear-gradient(to top, #bfbfbf 0%,#bfbfbf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */
    border: 1px solid #999999 !important;
    color: #606060;
    border-radius: 0.3em 0.3em 0.3em 0.3em !important;
    display: inline-block;
    font: 12px/100% Arial,Helvetica,sans-serif !important;
    margin: 5px !important;
    min-width: 70px;
    outline: medium none !important;
    padding: 5px !important;
    text-align: center !important;
    text-decoration: none !important;
}
/*Messages
**********************************************/
.loginerror
{
    background-color: Red;
    color: White;
}

.logininformationbox
{
    background-color: #357AE8;
    color: White;
}

.errorbox
{
    background-attachment: scroll;
    background-clip: border-box;
    border: 2px solid #FF2A2A;
    background-image: url("/images/icon/alert-error.png");
    background-origin: padding-box;
    background-position: 20px center, 50% center;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: black;
    font-family: Segeo UI,Arial;
    font-size: 14px;
    margin: 20px 0;
    padding: 20px 80px;
}

.infobox
{
    background-attachment: scroll;
    background-clip: border-box;
    border: 2px solid #0082D9;
    background-image: url("/images/icon/alert-info.png");
    background-origin: padding-box;
    background-position: 20px center, 50% center;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: black;
    font-family: Segeo UI,Arial;
    font-size: 14px;
    margin: 20px 0;
    padding: 20px 80px;
}

.serverError
{
    color: #FF0600;
}

.bluegemwarningbox
{
    background-attachment: scroll;
    background-clip: border-box;
    border: 2px solid #D78822;
    background-image: url("/images/icon/alert-warning.png");
    background-origin: padding-box;
    background-position: 20px center, 50% center;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: black;
    font-family: Segeo UI,Arial;
    font-size: 14px;
    margin: 20px 0;
    padding: 20px 80px;
}
.bluegemwarningboxForMultiple
{
    border: 2px solid #D78822;
    color: black;
    font-family: Segeo UI,Arial;
    font-size: 14px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.bluegemwarningboxForMultiple ul
{
    list-style: none;
    padding: 0 10px;
}
.bluegemwarningboxForMultiple ul li
{
    background: url("/images/icon/alert-warning.png") no-repeat left center !important;
    padding: 5px 0 5px 50px;
    margin: 10px;
}

    .bluegemwarningboxForMultiple ul {
        list-style: none;
        padding: 0 10px;
    }

        .bluegemwarningboxForMultiple ul li {
            background: url("/images/icon/alert-warning.png") no-repeat left center !important;
            padding: 5px 0 5px 50px;
            margin: 10px;
        }


.field-help-link {
    background-image: url("/images/icon/information.png");
    background-repeat: no-repeat;
    border: 0 none;
    height: 0;
    padding: 8px;
    width: 0;
}

.successbox
{
    background-attachment: scroll;
    background-clip: border-box;
    border: 2px solid #0DAB14;
    background-image: url("/images/icon/alert-success.png");
    background-origin: padding-box;
    background-position: 20px center, 50% center;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: black;
    font-family: Segeo UI,Arial;
    font-size: 14px;
    margin: 20px 0;
    padding: 20px 80px;
}


/*** ERROR BOX VERSION 2 ***/
.errorboxV2
{
    background: none repeat scroll 0 0 #FFEDEF;
    border: 1px solid #da465b;
    color: #525252;
    font-family: Arial;
    font-size: 14px;
    /*margin: 6px 0;*/
    /*padding: 14px 30px;*/
    border-radius: 5px 5px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .errorboxV2 h4
    {
        background-color: #da465b;
        color: #FFF;
        padding: 10px 30px;
    }

    .errorboxV2 ul
    {
        list-style: none;
        padding: 0px 10px;
    }

        .errorboxV2 ul li
        {
            background: url("/images/icon/errorbox-icon.png") no-repeat left center !important;
            padding-left: 30px;
            margin: 10px 20px;
        }

.help-pop-up
{
    box-shadow: 2px 2px 7px #000;
    background-color: White;
    border: 1px solid #999;
    display: none;
    position: absolute;
    width: 250px;
    padding: 10px;
    font-size: 10px;
}

input.textEntry
{
    width: 320px;
    border: 1px solid #ccc;
}
/*Telerik
**********************************************/
/* RadAjax */
.RadAjax_Metro .raColor
{
    background-color: #0082D9 !important;
}


/* RadButtons */
.RadButton_Metro.rbSkinnedButton {
            height: 20px !important;
            padding-left: 4px !important;
        }

.RadButton_Metro .rbSplitRight:focus, .RadButton_Metro .rbSplitRight:active, .RadButton_Metro.rbLinkButton .rbSplitRight:focus, .RadButton_Metro.rbLinkButton .rbSplitRight:active
{
    background-color: #0082D9 !important;
    border-left: 1px solid #e5e5e5;
}

.RadButton_Metro .rbSplitLeft:focus, .RadButton_Metro .rbSplitLeft:active, .RadButton_Metro.rbLinkButton .rbSplitLeft:focus, .RadButton_Metro.rbLinkButton .rbSplitLeft:active
{
    background-color: #0082D9 !important;
    border-right: 1px solid #e5e5e5;
}

.RadButton_Metro.rbSkinnedButton:active, .RadButton_Metro.rbVerticalButton:active, .RadButton_Metro.rbSkinnedButton:active .rbDecorated, .RadButton_Metro.rbVerticalButton:active .rbDecorated, .RadButton_Metro.rbPressedButton.rbSkinnedButton, .RadButton_Metro.rbPressedButton .rbDecorated
{
    background-color: #0082D9 !important;
    color: #fff;
}

.RadButton_Metro.rbSkinnedButton:active, .RadButton_Metro.rbVerticalButton:active
{
    border: 1px solid #0082D9 !important;
}

.RadButton_Metro.rbSkinnedButtonChecked, .RadButton_Metro.rbSkinnedButtonChecked:hover, .RadButton_Metro.rbSkinnedButtonChecked .rbDecorated, .RadButton_Metro.rbSkinnedButtonChecked:hover .rbDecorated
{
    background-color: #0082D9 !important;
    border: 1px solid #0082D9 !important;
}

.RadButton_Metro.rbLinkButton:active, a.RadButton_Metro.rbLinkButtonChecked, .RadButton_Metro.rbLinkButtonChecked:hover
{
    background-color: #0082D9 !important;
    border: 1px solid #0082D9 !important;
    color: #fff;
}

/* CALENDAR */
.RadCalendar_Metro .rcWeek .rcViewSel, .RadCalendar_Metro .rcRow th
{
    color: #0082D9 !important;
    padding: 0 7px 0 9px;
    width: 13px;
}

.RadCalendar_Metro .rcRow .rcToday
{
    border-color: #0082D9 !important;
}

.RadCalendar_Metro .rcRow .rcSelected
{
    background: #0082D9 !important;
    border-color: #fff;
}

.RadCalendarMultiView_Metro .rcTitlebar
{
    background: #0082D9 !important;
    border: 0 none;
    color: #fff;
}

.RadCalendarMonthView_Metro .rcSelected a
{
    background: #0082D9 !important;
    border-color: #0082D9 !important;
    color: #fff;
}

.RadCalendarTimeView_Metro td.rcSelected a
{
    background: #0082D9 !important;
    border-color: #0082D9 !important;
    color: #fff;
}

div.RadComboBoxDropDown_Metro .rcbHovered
{
    background-color: #0082D9 !important;
    border: 1px solid #0082D9 !important;
    color: #ffffff;
    padding: 1px 5px;
}

div.RadComboBoxDropDown_Metro .rcbHovered a
{
    color: #ffffff;
}

.RadComboBox .rcbInputCell .rcbInput {
    /*to fix the display in attendance page*/
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    max-width: 100%; /*replaced 400px; to fix in qualification issue schedule filter*/
    outline: 0 none;
    padding: 2px 0 1px;
    vertical-align: middle;
    width: 100%;
}
.RadComboBox_Metro .rcbHovered .rcbArrowCell, .RadComboBox_Metro .rcbHovered .rcbReadOnly .rcbInputCell, .RadComboBox_Metro .rcbHovered .rcbReadOnly .rcbArrowCellHidden
{
    background-color: #e5e5e5;
}

.RadComboBox_Metro .rcbFocused .rcbArrowCell, .RadComboBox_Metro .rcbFocused .rcbReadOnly .rcbInputCell, .RadComboBox_Metro .rcbFocused .rcbReadOnly .rcbArrowCellHidden
{
    background-color: #fff !important;
}

div.RadComboBox_Metro .rcbHovered .rcbArrowCell, div.RadComboBox_Metro .rcbHovered .rcbInputCell
{
    border-color: #e5e5e5;
}

div.RadComboBox_Metro .rcbFocused .rcbArrowCell, div.RadComboBox_Metro .rcbFocused .rcbInputCell
{
    border-color: #0082D9 !important;
}

div.RadComboBox_Metro .rcbDisabled .rcbArrowCell, div.RadComboBox_Metro .rcbDisabled .rcbInputCell
{
    border-color: #e5e5e5;
}

/* RadEditor */
.Metro.RadEditor .reEditorModes a
{
    background-color: #0082D9 !important;
    border: 1px solid #0082D9 !important;
    color: #fff !important;
}

.Metro table.reSpinBox:hover
{
    border: solid 1px #0082D9 !important;
    color: #000;
}

.Metro.RadEditor input:hover
{
    border: solid 1px #0082D9 !important;
    color: #000;
}

.reAjaxspell_button
{
    background: #0082D9 !important;
    border: solid 1px #e5e5e5;
    color: #e5e5e5;
}


/* Rad Grid */
/*.RadButton_Metro .rbDecorated {
    background-color: transparent !important;
    height:15px !important;
    position:relative !important;
    bottom: 3px !important;
    color: #FFFFFF !important;
}*/

.RadButton_Metro .rbDecorated {
            background-color: #0082d9 !important;
            height: 22px !important;
            position: relative !important;
            border-radius: 3px !important;
    color: #FFFFFF !important;
}

.RadButton_Metro.rbSkinnedButton, .RadButton_Metro.rbVerticalButton {
            border: none !important;
            border-radius: 2px;
        }


.RadGrid_Metro .rgPager .rgPagerButton
{
    background: #0082D9 !important;
    border-color: #7e7e7e;
    color: #fff;
    font: 12px/12px "segoe ui", arial, sans-serif;
}

.RadGrid_Metro .rgNumPart a.rgCurrentPage, .RadGrid_Metro .rgNumPart a.rgCurrentPage:hover
{
    background: transparent;
    border-color: #0082D9 !important;
}

/*This class is added based on overlapping issue in qualification builder page. This "Action" radmenu is overlapping with footer.*/
.rmAction {
    z-index: 0 !important;
    overflow: visible;
}

.RadMenu_Metro .rgHCMClear, .RadMenu_Metro .rgHCMFilter
{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: #0082D9 !important;
    border-color: #7e7e7e;
    border-radius: 0;
    color: #000;
    font-family: "segoe ui", arial, sans-serif;
}

.RadGrid_Metro .rgGroupPanel
{
    background: #0082D9 !important;
    border: 0;
    border-bottom: 1px solid #7c7c7c;
    color: #fff;
}
/*.RadGrid_Metro .rgCommandRow{ background: #0082D9 !important; color: #fff; }*/
.RadGrid_Metro .columnHeading, .RadGrid_Metro.columnHeadingExtension
{
    background-color: #0082D9;
}

.RadGrid_Metro .columnHeading a, .RadGrid_Metro.columnHeadingExtension a
{
    color: #FFFFFF;
}

.RadGrid_Metro .rgHeader
{
    background-color: #0082D9;
    color: #FFFFFF !important;
}

.RadGrid_Metro th.rgHeader a
{
    color: #FFFFFF;
}

.RadGrid_Metro th.rgSorted a
{
    color: #000000;
}

.RadGrid_Metro {
    box-shadow: 3px 2px 5px #333;
}

    .RadGrid_Metro table[id*="EditFormControl"]
    {
        background-color: gainsboro;
    }

    .RadGrid_Metro .RadTabStrip_Metro .rtsLevel1 .rtsSelected
    {
        background-color: gainsboro !important;
        border-color: gainsboro !important;
        color: #000 !important;
    }

    .Radgrid_Metro .rgCommandTable a[id*="InitInsertButton"]
    {
        -moz-border-radius: .3em !important;
        -webkit-border-radius: .3em !important;
        background: #4D90FE !important; /* Old browsers */
        background: -moz-linear-gradient(top, #4D90FE 0%, #4787ED 100%) !important; /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4D90FE), color-stop(100%, #4787ED)) !important; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #4D90FE 0%, #4787ED 100%) !important; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #4D90FE 0%, #4787ED 100%) !important; /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #4D90FE 0%, #4787ED 100%) !important; /* IE10+ */
        background: linear-gradient(to top, #4D90FE 0%, #4787ED 100%) !important; /* W3C */
        border: 1px solid #3079ED !important;
        border-radius: .3em !important;
        color: #FFFFFF !important;
        cursor: pointer !important;
        display: inline-block !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D90FE', endColorstr='#4787ED', GradientType=0) !important; /* IE6-9 */
        font: 12px/100% Arial, Helvetica, sans-serif !important;
        margin: 5px !important;
        min-width: 130px;
        outline: none !important;
        padding: 5px !important;
        text-align: center !important;
        text-decoration: none !important;
    }

        .Radgrid_Metro .rgCommandTable a[id*="InitInsertButton"]:hover
        {
            background: #357AE8 !important;
            background: -webkit-gradient(linear, left top, left bottom, from(#4D90FE), to(#357AE8)) !important;
            background: -moz-linear-gradient(top, #4D90FE, #357AE8) !important;
            border: 1px solid #2F5BB7 !important;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D90FE', endColorstr='#357AE8') !important;
        }

    .RadGrid_Metro input.rgAdd
    {
        display: none;
    }

    .RadGrid_Metro .rgCaption
    {
        color: #4E4E4E;
        font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Helvetica Neue',Arial;
        font-size: 14px;
        font-weight: normal;
        margin: 5px;
        padding: 5px;
        text-align: left;
        background-color: #EFEFEF;
    }

    .RadGrid_Metro .rgMasterTable .rgSelectedCell, .RadGrid_Metro .rgSelectedRow {
        color: #fff;
        background: #25a0da !important;
    }

/* RadMenu */
.RadMenu_Metro
{
    font-size: 14px;
    text-transform: capitalize !important;
}

.RadMenu_Metro .rmVertical .rmLink
{
    padding-bottom: 6px !important;
}

.RadMenu .rmGroup .rmLink {
    padding: 4px 20px !important;
}

.RadMenu_Metro .rmVertical .rmLink .rmText
{
    font-size: 14px;
    padding-left: 30px !important;
    padding-top: 3px !important;
}

.RadMenu_Metro .rmRootGroup {
    background-color: #0082d9 !important;
    border-color: transparent !important;
}

.RadMenu_Metro .rmRootGroup .rmItem {
    border-color: transparent !important;
}

.RadMenu_Metro .rmItem .rmGroup .rmItem {
    margin-bottom: 0;
    font-size: 14px;
}

.RadMenu_Metro .rmRootLink
{
    border: 0px !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    padding: 5px 10px 5px !important;
    text-transform: capitalize !important;
}

.RadMenu_Metro .rmItem:hover
{
    background-color: #0082d9 !important;
}

.RadMenu_Metro .rmSelected
{
    background-color: #0082d9 !important;
}

.RadMenu .rmSlide .rmVertical .rmLeftImage {
    position: absolute;
    top: 50%;
}

/* RadTabStrip */

.RadTabStrip_Metro .rtsSelected
{
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #4E4E4E !important;
}

.RadTabStripTop_Metro .rtsLevel1
{
    background-color: #0082D9 !important;
}

.RadTabStrip_Metro .rtsLevel1 .rtsUL
{
    background-color: #0082D9 !important;
}

.RadTabStrip_Metro .rtsDisabled, .RadTabStrip_Metro .rtsDisabled:hover
{
    border-color: #0082D9 !important;
    color: #91cae8;
}

.RadTabStrip_Metro .rtsLink
{
    /* background: none repeat scroll 0 0 #0082D9 !important;*/
    text-transform: none !important; /* capitalize doesn't look right for words like or, and, by */
}

.RadTabStrip_Metro .rtsLevel1 .rtsUL
{
    color: #0082D9 !important;
}

/* RadDock */
.RadDock_Metro .rdTop .rdLeft, .RadDock_Metro .rdTop .rdRight, .RadDock_Metro .rdTop .rdCenter, .RadDock_Metro .rdBottom .rdLeft, .RadDock_Metro .rdBottom .rdRight, .RadDock_Metro .rdBottom .rdCenter
{
    background-image: url("/Sites/Styles/Metro/Dock/HorizontalSprite.gif") !important;
}

/* RadPanelBar */
.RadPanelBar_Metro .rpExpandable span.rpExpandHandle, .RadPanelBar_Metro .rpExpanded span.rpExpandHandle
{
    background-color: transparent;
    background-image: url("/Sites/Styles/Metro/PanelBar/Expandable.png") !important;
    background-repeat: no-repeat;
}


.RadPanelBar_Metro a.rpSelected, .RadPanelBar_Metro div.rpSelected, .RadPanelBar_Metro a.rpSelected:hover
{
    background-color: #0082D9 !important;
    border-color: #0082D9 !important;
}

/* Rad Window */
.RadWindow_Metro .rwTopLeft, .RadWindow_Metro .rwTopRight, .RadWindow_Metro .rwTitlebar, .RadWindow_Metro .rwTopResize
{
    background: none repeat scroll 0 0 #0082D9 !important;
}
/*This used in venue allocation pop up page*/
.RadWindow .rwStatusbar {
    display: none;
}
.RadWindow .rwControlButtons
{
    float: right !important;
    list-style: none outside none !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    /*width: 165px !important;Payment History popup 25px*/
    border: none !important;
}

.RadWindow_MetroRDNS .rwControlButtons a.rwCloseButton, .RadWindow_MetroRDNS .rwControlButtons a.rwMaximiseButton, .RadWindow_MetroRDNS .rwControlButtons a.rwMinimiseButton
{
    background-color: #256dd9;
    background-image: url('Window/CommandButtonSprites.gif');
    width: 29px;
    height: 19px;
    border: none !important;
}

.newWindow .rwControlButtons
{
    background-color: #256dd9;
    background-image: url('Window/CommandButtonSprites.gif');
    width: 29px;
    height: 19px;
    border: none !important;
}

div.RadToolTip_Metro table.rtWrapper td.rtWrapperContent
{
    background-color: #FFF !important;
    color: #333 !important;
    font: 12px "Segoe UI",Arial,Sans-serif;
    height: 100%;
    padding: 7px !important;
}

.rfdRealInput
{
    left: 0 !important;
    position: relative !important;
}

.RadForm_Metro .rfdCheckboxUnchecked, .RadForm_Metro .rfdCheckboxChecked, .RadForm_Metro .rfdInputDisabled.rfdCheckboxUnchecked, .RadForm_Metro .rfdInputDisabled.rfdCheckboxChecked
{
    background-image: none !important;
}

.rfdCheckboxChecked, .rfdCheckboxUnchecked, .rfdRadioUnchecked, .rfdRadioChecked
{
    display: inline-block !important;
    line-height: 1px !important;
    padding: 1px !important;
}

.linkbutton {
    border: medium none;
    min-width: 55px;
    text-decoration: underline;
    cursor: pointer;
}

/*MyTask.aspx Specific CSS*/
.rsApt.lightgreen .rsAptInner
{
    background: lightgreen;
}

.rsApt.pink .rsAptInner
{
    background: pink;
}

.rsApt.lightblue .rsAptInner
{
    background: lightblue;
}

.rsApt.yellow .rsAptInner
{
    background: yellow;
}

.rsApt.orange .rsAptInner
{
    background: orange;
}

.rsApt.lightgrey .rsAptInner
{
    background: lightgrey;
}

.rsApt.red .rsAptInner
{
    background: red;
}

.rsApt.blue .rsAptInner
{
    background: blue;
}

.rsApt.green .rsAptInner
{
    background: green;
}

.rsApt.aqua .rsAptInner
{
    background: aqua;
}

.RadScheduler_Default .rsMonthView td.rsCell
{
    height: 100px; /* background: lightgreen; */
}

.RadScheduler_Default .rsMonthView div.rsWrap
{
    height: 50px;
}

.RadScheduler .rsContent .rsSpacerCell div, .RadScheduler .rsContent .rsAllDayHeader div, .RadScheduler .rsContent .rsVerticalHeaderTable th, .RadScheduler .rsContent .rsVerticalHeaderTable th div
{
    min-width: 152px !important;
    padding: 5px;
}
/*END MyTask.aspx*/

/*Non SCORM assessment styling - added by Sas 20130430*/
.assessmentControl
{
    margin: 20px; /*border: 1px solid #888888;*/
}



    .assessmentControl h1
    {
        font-weight: bold;
        font-size: 1.4em; /*padding: 20px;*/
        font-family: Arial, Helvetica, Verdana, sans-serif;
    }

    .assessmentControl .rightAlignedTime
    {
        margin-left: 20px;
        margin-right: 20px;
        color: Blue;
        font-style: italic;
        font-size: 14px;
        font-family: Arial, Helvetica, Verdana, sans-serif;
    }

    .assessmentControl .questionLabel
    {
        font-weight: bold;
        margin-left: 0px;
        font-size: 14px;
        font-family: Arial, Helvetica, Verdana, sans-serif;
    }

    .assessmentControl .finalQuestionList
    {
        margin-left: 20px;
        font-size: 14px;
        font-family: Arial, Helvetica, Verdana, sans-serif;
    }

    .assessmentControl .divResponses
    {
        display: block;
        float: left;
        margin-left: 20px;
        width: 95%;
        font-size: 14px;
        font-family: Arial, Helvetica, Verdana, sans-serif;
    }

.headerPanel
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

    .headerPanel .title
    {
        height: 1.1em;
        font-size: 1em;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        padding-top: 1em;
        padding-bottom: 1em;
        font-weight: 600;
    }

.instructionsPanel
{
    margin: 2px;
    padding: 10px;
    margin-left: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #001e73;
    color: #001e73;
    background: #e9effa;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.questionPanel
{
    padding: 6px;
    display: inline;
}

.questionTextPanel
{
    /*font-size:larger;*/
    margin: 0px;
    margin-left: 20px;
}

.questionResponsePanel
{
    margin-top: 0px;
    margin-left: 40px;
    margin-bottom: 20px;
}

.questionResponseContainer
{
    margin-left: 20px;
}

.buttonsPanel
{
    /*background-color:#F0F0F0;     		border-bottom: 1px solid #888888;*/
    padding-right: 10px;
    margin-top: 10px;
    margin-top: 20px;
    display: block;
    margin-bottom: 0px;
    margin-left: 10px;
}

.medbtn
{
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em;
    margin: 5px;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    margin-top: 20px;
}

.bluebtn
{
    color: #DDDDDD;
    background: #004573; /* Old browsers */
    background: -moz-linear-gradient(top, #0082D9 0%, #004573 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0082D9), color-stop(100%,#004573)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0082D9 0%,#004573 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0082D9 0%,#004573 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0082D9 0%,#004573 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082D9', endColorstr='#004573',GradientType=0 ); /* IE6-9 */
}

    .bluebtn:hover
    {
        background: #362f31;
        background: -webkit-gradient(linear, left top, left bottom, from(#362F31), to(#1F1B1C));
        background: -moz-linear-gradient(top, #362F31, #1F1B1C);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#362F31', endColorstr='#1F1B1C');
    }

    .bluebtn:active
    {
        color: #362f31;
        background: -webkit-gradient(linear, left top, left bottom, from(#362f31), to(#1F1B1C));
        background: -moz-linear-gradient(top, #362f31, #1F1B1C);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#362f31', endColorstr='#1F1B1C');
    }

/*Modal popups for email control*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

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

/*assessment builder controls*/
.halfLeftFloat
{
    width: 49%;
    float: left;
}

.halfRightFloat
{
    width: 49%;
    float: right;
}

/*free-text assessment builder*/
.FTAssessment
{
    margin-left: 20px;
    margin-right: 20px;
}

.FTAssessmentTitle
{
    margin-top: 40px;
    margin-bottom: 20px;
}

.FTAssessmentLeftMargin10
{
    margin-left: 10px;
}

.rightButton
{
    text-align: right;
    margin-right: 30px;
}

.ftTimer
{
    color: Blue;
    font-style: italic;
    font-size: 14px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.divider
{
    margin-bottom: 20px;
    width: 100%;
}
/*needed to overwrite the default textarea declaration included earlier*/
.ftTextArea
{
    height: 150px;
}

.greenBold
{
    color: #00AD03;
    font-weight: bold;
}

.redBold
{
    color: #FF0000;
    font-weight: bold;
}



.unitpicker_wrapper
{
    width: 96%;
    margin: 2% 2% 2% 2%;
}

.unitpicker_divCoreElectiveOption
{
    float: left;
}

.unitpicker_divAllowPartialQualifictionEnrolment
{
    float: left;
}

.unitpicker_divAssessorResource
{
    float: left;
    padding-left: 20px;
}

.unitpicker_divAddNTISUOCButton
{
    float: right;
}

.unitpicker_divAvailableElectiveUOCsForElectiveGroup
{
    float: left;
    width: 50%;
}

.unitpicker_divSelectedElectiveUOCsForElectiveGroup
{
    float: left;
    width: 50%;
}

.unitpicker_divSaveUOCsForElectiveGroupButtons
{
    text-align: right;
}

.checkboxwidth
{
    width: 30px !important;
}

#divQualEnrMoney
{
    text-align: right;
}

#divQualificationEnrolmentBuilder
{
    min-width: 1000px;
    width: 80%;
}

.smallbutton
{
    min-width: 55px;
}

/*tabstrip wizard*/
.stepTitle
{
    display: block;
    position: relative;
    margin: 0;
    border: 1px solid #E0E0E0;
    padding: 5px;
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    color: #5A5655;
    background-color: #E0E0E0;
    clear: both;
    text-align: left;
    z-index: 88;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.stepNumber
{
    position: relative;
    float: left;
    width: 30px;
    text-align: center;
    padding: 0px 5px 5px 0px;
    padding-top: 0;
    font: bold 45px Verdana, Arial, Helvetica, sans-serif;
}

.stepDesc
{
    position: relative;
    display: block; /*float:left;*/
    text-align: left;
    padding: 5px 30px 0 0;
    font: bold 20px Verdana, Arial, Helvetica, sans-serif;
    /*text-transform: capitalize;*/
}

    .stepDesc small
    {
        font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    }



.qualificationenableenrolmentvalidator_wrapper
{
    position: relative;
    min-height: 500px;
    width: 96%;
    margin: 2% 2% 2% 2%;
    background-color: lightgray;
}

.qualificationenableenrolmentvalidator_issues
{
    margin-bottom: 20px;
    float: none;
}

.qualificationenableenrolmentvalidator_issues_banner
{
    width: 100%;
    background-color: red;
    margin-bottom: 0;
    border-width: 10px;
    color: white;
}


.qualificationenableenrolmentvalidator_concerns
{
    margin-bottom: 20px;
    float: none;
}

.qualificationenableenrolmentvalidator_concerns_banner
{
    width: 100%;
    background-color: #0082D9;
    margin-bottom: 0;
    border-width: 10px;
    color: white;
}

.qualificationenableenrolmentvalidator_toggler
{
    color: white;
    text-decoration: underline;
}

.qualificationenableenrolmentvalidator_toggler:hover
{
    font-weight:bold
    }

.qualificationenableenrolmentvalidator_buttons
{
    float: none;
}

.lblfield
{
    color: #004573;
    font-family: Arial;
}

.lbldata
{
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}


.profileLabel
{
    color: #004573;
    font-family: Arial;
    font-size: 12px;
}

.profileData
{
    color: #000000;
    font-family: Arial;
    font-size: 12px;
}

.messagebox {
    clear: both;
}

.qualenrmoneybox {
    width: 400px;
    float: right;
}

.qualenrmoneyboxleft {
    width: 400px;
    float: left;
}

.qualenrmoneylabelcol {
    text-align: right;
}

.qualenrmoneyvaluecol {
    text-align:right;
}

.tbmoneysubtotalwidth {
    width: 70px;
}

/*******SQR page style**********/
.SQRTabsPanel
{
    margin-top: 40px;
    border: solid #25a0da 1px;
    font-size: 75%;
}

/**Telerik dashboard style**/
.RadTabStripTop_Black .rtsLevel1 .rtsLink, .RadTabStripTop_Black .rtsLevel1 .rtsOut, .RadTabStripBottom_Black .rtsLevel1 .rtsLink, .RadTabStripBottom_Black .rtsLevel1 .rtsOut, .RadTabStripTop_Black_Baseline .rtsLevel1, .RadTabStripBottom_Black_Baseline .rtsLevel1
        {
    background-image: url('http://aspnet-skins.telerikstatic.com/ajaxz/2013.1.417/Black/TabStrip/TabStripStates.png');
}

        .RadTabStrip_Black .rtsSelected
        {
    color: #0064A6;
}

        .width50
        {
    width: 40%;
}

.homepageTile {
    width: 40%;
    width: 298px;
    height: 200px;
    float: left;
    margin: 0 40px 20px 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
}

.homepageTileLightGrey {
    background: linear-gradient(to bottom, #13256F,#004573);
    background-color: #13256F;    
}

.homepageTileLightBrown {
    background: linear-gradient(to bottom, #996600,#cc8800);
    background-color: #996600;    
}



.width50green {
    background: linear-gradient(to bottom, #0ca125,#058a16);
    width: 40%;
    width: 298px;
    height: 200px;
    float: left;
    margin: 0 40px 20px 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
    background-color: #0ca125;
}

        .width50grey
        {
    background: linear-gradient(to bottom, #687c7c,#6e8282);
    width: 40%;
    width: 298px;
    height: 200px;
    float: left;
    margin: 0 40px 20px 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
    background-position: 99% 18%;
    background-color: #687c7c;
}

        .width50orange
        {
    background: linear-gradient(to bottom, #da713f 0%,#cd582b 100%);
    width: 40%;
    width: 298px;
            height: 180px;
    float: left;
    margin: 0 40px 20px 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
    background-position: 99% 35%;
    background-color: #da713f;
}

        .width50purple
        {
    background: linear-gradient(to bottom, #7c6292 0%,#644b7b 100%);
    width: 40%;
    width: 298px;
    height: 200px;
    float: left;
    margin: 0 40px 20px 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
    background-position: 99% 54%;
    background-color: #7c6292;
}

        .width50lblue
        {
    background: linear-gradient(to bottom, #4289ba 0%,#2c6fa7 100%);
    width: 40%;
    width: 298px;
    height: 200px;
    float: left;
    margin: 0 40px 20px 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
    background-position: 99% 71%;
    background-color: #4289ba;
}

        .width50red
        {
    background: linear-gradient(to bottom, #a93644 0%,#91242e 100%);
    width: 40%;
    width: 298px;
            height: 180px;
    float: left;
    margin: 0 40px 20px 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
    background-position: 99% 89%;
    color: #a93644;
    background-color: #a93644;
}

    .width50lightBlue
    {
        background: linear-gradient(to bottom, #4dc3d5 0%,#2bb7cd 100%);
        width: 40%;
        width: 298px;
        min-height: 200px;
        float: left;
        margin: 0 40px 20px 20px;
        border: 1px solid transparent;
        -webkit-border-radius: 3px;
        background-position: 99% 35%;
        background-color: #3fc5da;
    }

    .width50yellow {
        background: linear-gradient(to bottom, #a2a927 0%,#dacb15 100%);
        width: 40%;
        width: 298px;
        height: 200px;
        float: left;
        margin: 0 40px 20px 20px;
        border: 1px solid transparent;
        -webkit-border-radius: 3px;
        background-position: 99% 89%;
        color: #a1a936;
        background-color: #9ba92a;
    }

.noliststyle {
    list-style: none;
}
.MarginRight10 {
    margin-right: 10px;
}
.PaddingLeft20 {
    padding-left: 20px;
}
.PaddingLeft30 {
    padding-left: 30px;
}
html body .RadInput_Disabled_Metro, .riDisplay, .rcbInput{
    color: #555!important;
}

#trashCan 
{
    background: url("../../images/edit_trash.png") no-repeat scroll center 10px rgba(0, 0, 0, 0);
    color: #333;
    display: block;
    float: right;
    height: 100%;
    padding: 45px 10px 15px 20px;
    text-decoration: none;
}

#msg {
    color: green;
    float: right;
}



/** Customize the demo canvas */
.qsf-demo-canvas {}

.headTitleStyle {
    font-size: 15px;
    font-weight: bold;
    font-family: Verdana;
    padding: 10px;
    background-color: #e0e0e0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.qsf-demo-canvas label {
     padding-right: 10px;
     width: 200px;
     display: inline-block;
     text-align: left;
}

.groupStyle fieldset {
    border: 1px solid #CCCCCC !important;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 2px #999999;
    /*margin: 1% 0;*/
    /*width: 95%;*/
}

/** Columns */
.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul,
.rcbHovered ul,
.rcbDisabled ul {
     margin: 0;
     padding: 0;
     width: 100%;
     display: inline-block;
     list-style-type: none;
}

.groupStyle legend {
    background-color: #e0e0e0;
    border-radius: 0 0 0 0;
    color: #606060;
    float: left;
    font-weight: bold;
    text-align: left;
    width: 99%;
    padding: 5px;
}

.dropZone
{
    width: 300px;
    height: 90px;
    background-color: #4289ba;
    border-color: #CCCCCC;
    color: #767676;
    float: left;
    text-align: center;
    font-size: 16px;
    color: white;
}

.ruButton {
    background: -moz-linear-gradient(center top , #0082d9 0%, #004573 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: #dddddd !important;
    border-radius: 0.5em !important;
    cursor: pointer !important;
    display: inline-block !important;
    font: 12px/100% Arial,Helvetica,sans-serif !important;
    outline: medium none !important;
    padding: 0.5em !important;
    text-align: center !important;
    text-decoration: none !important;
}

div.RadUploadProgressArea_Metro .ruButton {
    background: -moz-linear-gradient(center top , #0082d9 0%, #004573 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 solid #e5e5e5 !important;
    color: #fff !important;
}

.RadUpload .ruButton, .RadUploadProgressArea .ruButton {
    background-color: #0082d9 !important;
    background-position: 0 -23px;
    background-repeat: no-repeat;
    border: 0 none;
    height: 25px !important;
    padding-bottom: 2px;
    text-align: center;
    width: 79px;
}

.RadUpload, .RadUploadProgressArea {
    margin-left: 10px !important;
    text-align: left !important;
    width: 430px !important;
}
.li1,
.li2,
.li3 {
     margin: 0;
     padding: 0 5px 0 0;
     width: 110px;
     line-height: 14px;
     float: left;
}
 
 
/** Multiple rows and columns */
.multipleRowsColumns .rcbItem,
.multipleRowsColumns .rcbHovered {
     float: left;
     margin: 0 1px;
     min-height: 13px;
     overflow: hidden;
     padding: 2px 19px 2px 6px;
     width: 200px;
}

.RadComboBoxDropDown .rcbItem > label, .RadComboBoxDropDown .rcbHovered > label, .RadComboBoxDropDown .rcbDisabled > label, .RadComboBoxDropDown .rcbLoading > label, .RadComboBoxDropDown .rcbCheckAllItems > label, .RadComboBoxDropDown .rcbCheckAllItemsHovered > label {
    display: inline !important;
    margin: -2px -6px;
    padding: 4px 6px 2px;
}

.RadListBox .rlbNoButtonText .rlbButtonText {
    font-size: 12px !important;
}

.RadTabStrip .rtsImg, .RadTabStripVertical .rtsImg {
    margin-top: 2px !important;
    border: 0;
    vertical-align: middle;
    float: right !important;
    margin-left: 5px !important;
}

.pnl60Percent {
    width: 60% !important;
    float: left !important;
}

.pnl70Percent {
    width: 70% !important;
    float: left !important;
}

.pnl80Percent {
    width: 80% !important;
    float: left !important;
}

.pnl35PercentFloatRight {
    width: 35% !important;
    float: right !important;
    padding-top: 7px;
    padding-right: 20px;
}

.pnl30PercentFloatRight {
    width: 27% !important;
    float: right !important;
    padding-top: 7px;
    padding-right: 20px;
}

.pnl20PercentFloatRight {
    width: 17% !important;
    float: right !important;
    padding-top: 7px;
    padding-right: 20px;
}

.SmallerCOL2
{
    float: left;
    width: 48%;
}

.stepDescription {
    position: relative;
    display: block;
    /* float: left; */
    text-align: left;
    padding: 5px 30px 0 0;
    font: bold 15px Verdana, Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}

div.fieldHeaderData {
    clear:both;
}

.inlineTooltipDiv {
    position: absolute;
    margin-left: 5px;
    max-width: 350px;
    background-color: #ffffee;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #ccc;
}
.inlineTooltipDiv span.btnClose {
    position: absolute;
    right: 5px;
    top: 0;
    cursor: pointer;
}

/*RadTreeView
**********************************************/
a.rtIn.nodeTitle.ui-link {
    color: inherit;
    cursor: pointer;
    font-weight: 700 !important;
}

a.rtIn.ui-link {
    color: inherit;
    cursor: pointer;
    font-weight: normal !important;
}

div#jqProgressBar {
    height: 15px;
}
div#jqProgressBar .ui-widget-header {
    border: 1px solid #0082D9;
    background: transparent;
    background-color: #0082D9;
}

/*
 * CSS hack for SVG image tag issues on IE
 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; 
  }
}

.halfCOL1
{
    float: left;
    width: 10%;
    /*padding-right: 5px;*/
}

.gridDropBtnActions {background-color: #4CAF50;color: white;width:51px;}
.dropBtnbulkActions {background-color: #666;color: white;width:80px;}


.dropbtn {margin: 3px;padding:5px;border: none;cursor: pointer;border-radius:3px;}
.hoverdropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;background-color: #fff;min-width:120px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index:999;border:1px #ccc solid;overflow:auto;}
.dropdown-content a {color: black;padding: 3px 5px;text-decoration: none;display: block;}
.dropdown-content a:hover {background-color: #ededed;font-weight:bold;}
.dropdown-icon { 
    vertical-align:middle; 
    height: auto; 
    width: auto; 
    max-width: 16px; 
    max-height: 16px;
}
.dropdown-icon-actioncolor {
    -webkit-filter: hue-rotate(260deg); /* green from a background of blue */
    filter: hue-rotate(260deg);
}

.drop-pos-right {top: 0;left: 60px;}
.hoverdropdown:hover .dropdown-content {display: block;/*top: 0;left: 60px;*/}
.hoverdropdown:hover .dropbtn {background-color: #3e8e41;}
.hoverdropdown:hover .dropBtnbulkActions {background-color: #000;}
.gridDropBtnActions {background-color: #4CAF50;color: white;width:51px;}
.dropBtnbulkActions {
    background-color: #666;
    color: white;
} /*width:80px;}*/

/*.GridDataDiv_Metro
{
    overflow-y: hidden!important;
}*/

.bgStatusInProgress {
    color: #d5761a /* orange */
}

.bgStatusNotStarted {
    color: darkgray; 
}

.bgStatusFailed {
    color: red; 
}

.bgStatusPassed {
    color: mediumseagreen;
}

.radMenuStyle {
    background-color: #3e8e41;
}
.radMenuStyle:hover {background-color: #4CAF50;}

/*
 * CSS hack for SVG image tag issues on IE
 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; 
  }
}


/*
 * CSS for Font Awesome Icons with Brand Color variables
 * https://codepen.io/anon/pen/WyBRwy
 */

.green.fa-circle {
    color: #5A940D;
}

.green.fa-circle.fa-lg {
    color: #5A940D;
}

.green.fa-circle.fa-2x {
    color: #5A940D;
}

.green.fa-circle.fa-3x {
    color: #5A940D;
}

.orange.fa-circle {
    color: #CD7300;
}

.orange.fa-circle.fa-lg {
    color: #CD7300;
}

.orange.fa-circle.fa-2x {
    color: #CD7300;
}

.orange.fa-circle.fa-3x {
    color: #CD7300;
}

.green.fa-check {
    color: #5A940D;
}

.green.fa-check.fa-lg {
    color: #5A940D;
}

.green.fa-check.fa-2x {
    color: #5A940D;
}

.green.fa-check.fa-3x {
    color: #5A940D;
}

.red.fa-times {
    color: #FF0000;
}

.red.fa-times.fa-lg {
    color: #FF0000;
}

.red.fa-times.fa-2x {
    color: #FF0000;
}

.red.fa-times.fa-3x {
    color: #FF0000;
}

.image-box-home-content {
    width: 25%;
    min-width: 500px;
    min-height: 90px;
    float: left;
    margin: 0 20px 20px 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
    background-position: 99% 89%;
    padding-left: 1%;
}

.image-box-title {
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
}

.tr_left {
    font-weight: bold;
    font-size: 14px;
    width: 10%;
    text-align: right;
}

.input-control {
    display: block;
    width: 100%;
    max-width: 100% !important;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.editor-control {
    display: block;
    width: 100%;
    max-width: 100% !important;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    min-height: 200px;
}

.tr_right {
    padding: 5px 0 0 10px;
}

/*For RadGrid Responsive*/
.radGridResponsive {
    max-width: 100%;
    overflow-x: scroll;
}

/*For FontAwesome Icons*/
.faBluegem {
        width: 10% !important;
        height: 16px;
        margin-top: 5px;
    }

    .faBluegemAction {
        width: 10% !important;
        height: 16px;
        margin-top: 5px;
    }

/*VSO 4281: Update the toolbar navigation Hover so that the menu items are Bold when hovered*/
.rmLink:hover {
    font-weight:bold;

}

.textboxResponsive {
    width:100%;
    max-width:95%;
}

.mainFab {
        color: #3E444B !important;

    }
    .mainFab a:hover {
        background: rgba(70, 174, 82, 0.40) !important;
    }
.CustomRadMenuItems a {
    display:inherit !important;
}

.CustomRadMenuItems a:hover {
    background: rgba(102, 102, 102, 0.40);
    min-width: 179px;
}

.label-changeExpiry-courseName {
    padding: 5px 5px 5px 25px !important;
}

.panel-changeExpiry-courseName {
    border-color: Gray !important;
    border-style: Solid !important;
    border-width: thin !important;
    margin: 20px !important;
}

.panel-changeExpiry-ModuleDetails {
    margin: 20px 50px !important;
}

.control-changeExpiry-ExpiryDate {
    margin: 20px !important;
}

.errorSummary {
    margin-left: 68px;
    padding-bottom: 2px;
}

*.icon-color {
    color: #0064A6
}

*.icon-color-white {
    color: #FFFFFF
}