/*BODY {
    BACKGROUND-COLOR: #3579c1 !important;
}*/

.MainBackGround {
    background: #e9ebee !important;
}

.MainBackGround {
    _background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 0 30px;
}

.footerBG {
    background-color: white !important;
}
/* Webkit */
::-webkit-input-placeholder {
    color: #666;
}

/* Firefox 4-18 */
:-moz-placeholder {
    color: #666;
}

/* Firefox 19+ */
::-moz-placeholder {
    color: #666;
}

/* IE10+ */
:-ms-input-placeholder {
    color: #666;
}

.ctl00_UpdatePanel1 input {
    color: #000
}


.checkbox label {
    padding-left: 5px;
}

.CheckboxStyle {
    display: block;
    text-indent: 5px;
}

label {
    display: inline;
}

.button-area a.Silverbutton:nth-child(4) {
    margin: 0 5px 0 0;
}

.button-area a.Silverbutton:nth-child(2) {
    margin: 0 10px 0 0 !important;
}

#ctl00_upProcessing .row::after {
    clear: both;
    content: " ";
    display: table;
}

#ctl00_upProcessing .row::before {
    content: " ";
    display: table;
}

#ctl00_upProcessing .col-sm-3 {
    width: 25%;
}

#ctl00_upProcessing .row {
    margin-left: -15px;
    margin-right: -15px;
    width: 100%;
}

#ctl00_upProcessing .col-sm-1, #ctl00_upProcessing .col-sm-10, #ctl00_upProcessing .col-sm-11, #ctl00_upProcessing .col-sm-12, #ctl00_upProcessing .col-sm-2, #ctl00_upProcessing .col-sm-3, #ctl00_upProcessing .col-sm-4, #ctl00_upProcessing .col-sm-5, #ctl00_upProcessing .col-sm-6, #ctl00_upProcessing .col-sm-7, #ctl00_upProcessing .col-sm-8, #ctl00_upProcessing .col-sm-9 {
    float: left;
}

#ctl00_upProcessing .col-md-1, #ctl00_upProcessing .col-md-10, #ctl00_upProcessing .col-md-11, #ctl00_upProcessing .col-md-12, #ctl00_upProcessing .col-md-2, #ctl00_upProcessing .col-md-3, #ctl00_upProcessing .col-md-4, #ctl00_upProcessing .col-md-5, #ctl00_upProcessing .col-md-6, #ctl00_upProcessing .col-md-7, #ctl00_upProcessing .col-md-8, #ctl00_upProcessing .col-md-9, #ctl00_upProcessing .col-sm-1, #ctl00_upProcessing .col-sm-10, #ctl00_upProcessing .col-sm-11, #ctl00_upProcessing .col-sm-12, #ctl00_upProcessing .col-sm-2, #ctl00_upProcessing .col-sm-3, #ctl00_upProcessing .col-sm-4, #ctl00_upProcessing .col-sm-5, #ctl00_upProcessing .col-sm-6, #ctl00_upProcessing .col-sm-7, #ctl00_upProcessing .col-sm-8, #ctl00_upProcessing .col-sm-9, #ctl00_upProcessing .col-xs-1, #ctl00_upProcessing .col-xs-10, #ctl00_upProcessing .col-xs-11, #ctl00_upProcessing .col-xs-12, #ctl00_upProcessing .col-xs-2, #ctl00_upProcessing .col-xs-3, #ctl00_upProcessing .col-xs-4, #ctl00_upProcessing .col-xs-5, #ctl00_upProcessing .col-xs-6, #ctl00_upProcessing .col-xs-7, #ctl00_upProcessing .col-xs-8, #ctl00_upProcessing .col-xs-9 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

#ctl00_upProcessing .col-sm-3, #ctl00_upProcessing .col-md-3, #ctl00_upProcessing .col-xs-3, #ctl00_upProcessing .col-lg-3 {
    width: 21%;
}


#ctl00_upProcessing .col-sm-9 {
    width: 71%;
}

#ctl00_upProcessing .col-sm-4 {
    width: 30%;
}

#ctl00_upProcessing .col-sm-6 {
    width: 44%;
}

#ctl00_upProcessing .tab-pad {
    padding: 0px;
}

.watermarked {
    border: 1px solid #c2c2c2;
    color: #c9c9c9;
    padding: 10px;
    width: 100%;
    font-size: 14px;
}

/*  Password control */

.password {
    font-family: Arial;
    font-size: 12px;
    padding: 2px 2px 2px 10px;
    border: 2px #cccccc;
    border-top: solid 2px #a0a0a0;
}

/*  #F9FADE  F0FFF0  */

.exam_version .StudentBoxStyle {
    border: none;
    background: none;
}

/*.StudentBoxStyle {
    border: 1px solid #cdcdcd !important;
    background-color: #f8f8f8 !important;
}*/
.table_border {
    border: 1px solid #cdcdcd !important;
    background-color: #fff !important;
    border-radius: 4px;
    box-shadow: 0px 1px #888888; /* #888888 Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    -webkit-box-shadow: 0px 1px #888888; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 1px #888888; /* Firefox 3.5 - 3.6 */
    margin-bottom: 10px;
}

    .table_border:hover {
        _border: 3px solid #cdcdcd !important;
        _cursor: pointer;        
        box-shadow: 0px 3px 2px #888888 ;
    }

.tableborder {
    border: 1px solid #cdcdcd !important;
    background: #f2f2f2;
    padding: 0 10px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.table-responsive.table_border.information_area {
    border-radius: 0 0 4px 4px;
    border-top: none !important;
}

.BoxRound.table_border {
    border-radius: 0 0 4px 4px;
    border-top: none !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pl-6 {
    padding-left: 6px !important;
}

.pr-6 {
    padding-right: 6px !important;
}

.p-15 {
    padding: 15px;
}

.mb-10 {
    margin-bottom: 10px;
}

.table-responsive.table_border.my-grades {
    border-radius: 0 0 4px 4px;
    border-top: none !important;
}

.print-area .tableborder {
    margin-bottom: 0;
    border-radius: 4px;
    padding: 0;
}

.home_head_box1.tableborder {
    border: none !important;
    border-bottom: 1px solid #cdcdcd !important;
    padding: 10px;
}

.home_head_box.tableborder {
    border: none !important;
    border-bottom: 1px solid #cdcdcd !important;
    padding: 10px;
    border-radius: 4px 4px 0 0;
    text-align: left;
}

.table_border .home_head_box {
    padding: 10px 20px 0px 10px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #cdcdcd !important;
}

.view-profile .tableborder {
    border: none !important;
    border-bottom: 1px solid #cdcdcd !important;
    border-radius: 4px 4px 0 0;
}

.view-profile .innerpadd:after {
    display: none;
}

.table_border.Tab a:hover:first-child, .table_border .clicked:first-child {
    border-radius: 4px 4px 0 0;
}

.tableborder .home_head_box {
    padding: 10px 20px 10px 10px;
    border: none !important;
}

Tab.table_border li:last-of-type {
    border-bottom: none;
}

.course-list.table_border {
    padding: 10px;
}

.home_head_box1.tableborder {
    border-radius: 4px 4px 0 0;
}

.MasterPageBoxStyle {
}

.h-198 {
    height: 198px;
}

.h-442 {
    height: 442px;
}

.h-229 {
    height: 229px;
}

.plr-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.coursehis-table {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    border-collapse: separate;
    background: #fff;
    padding: 10px;
}

.border-collapse {
    border-collapse: separate;
}

    .border-collapse .home_head_box {
        background-color: transparent;
    }
/*tr td.table_border:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

tr td.table_border:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}*/
.barIndicatorBorder {
    border: solid 1px #c0c0c0;
    width: 100px;
    padding: 2px 2px 2px 10px;
}

.barIndicator_poor {
    border: solid 1px #c0c0c0;
    width: 100px;
    background-color: Gray;
    padding: 2px 2px 2px 10px;
}

.barIndicator_weak {
    border: solid 1px #c0c0c0;
    width: 100px;
    background-color: Red;
    padding: 2px 2px 2px 10px;
}

.barIndicator_good {
    border: solid 1px #c0c0c0;
    width: 100px;
    background-color: Teal;
    padding: 2px 2px 2px 10px;
}

.barIndicator_strong {
    border: solid 1px #c0c0c0;
    width: 100px;
    background-color: blue;
    padding: 2px 2px 2px 10px;
}

.barIndicator_excellent {
    border: solid 1px #c0c0c0;
    width: 100px;
    background-color: Green;
    padding: 2px 2px 2px 10px;
}

/*  End Password control */


.main {
    margin: auto;
    text-align: center;
}

.main_mobile {
    min-width: 320px;
    max-width: 767px;
    margin: auto;
    text-align: center;
}

.clear {
    clear: both;
}

.mainFree {
    padding: 0px 0px 0px 30px;
    text-align: center;
}

.StudentCoursesContainer {
    padding: 0px 50px 0px 50px;
    text-align: center;
}

.StudentCoursesContainerTiled {
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.topCenter {
    border-top: 1px solid #b9d7e6;
    background-color: silver;
    width: 100%;
}

.bottomCenter {
    border-bottom: 1px solid #b9d7e6;
    background-color: silver;
    width: 100%;
}

/* Background Box for advertising */
.topCenterBlue {
    border-top: 1px solid #b9d7e6;
    background-color: #e6f3f9;
    width: 100%;
    background-repeat: repeat-x;
}

.topCenterWhite {
    border-top: 1px solid #ffffff;
    background-color: #ffffff;
    width: 100%;
    background-repeat: repeat-x;
}

.bottomCenterBlue {
    border-bottom: 1px solid #b9d7e6;
    background-color: #e6f3f9;
    width: 100%;
}

.bottomCenterWhite {
}

.inputBoxRoundedBlue {
    border-left: 1px solid #b9d7e6;
    border-right: 1px solid #b9d7e6;
    background-color: #e6f3f9;
    padding: 5px 1px 5px 1px;
    margin: auto;
    margin-top: 5px;
}

.inputBoxRounded {
}

.topLeftblue {
    background-image: url(Images/Bars/blue_tl.gif);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px
}

.topRightblue {
    background-image: url(Images/Bars/blue_tr.gif);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px
}

.bottomLeftblue {
    background-image: url(Images/Bars/blue_bl.gif);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px
}

.bottomRightblue {
    background-image: url(Images/Bars/blue_br.gif);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px
}


/* ResendEmail */
a.ResendEmail {
    display: inline-block;
    background-color: transparent;
    background-image: url(images/buttons/ResendEmail.gif);
    background-repeat: no-repeat;
    width: 35px;
    height: 18px
}

a.ResendEmail_mouseover {
    display: inline-block;
    background-color: transparent;
    background-image: url(images/buttons/ResendEmail.gif);
    border-bottom-style: groove;
    border-bottom-color: Silver;
    border-bottom-width: thin;
    border-right-style: groove;
    border-right-color: Silver;
    border-right-width: thin;
    border-left-style: groove;
    border-left-color: White;
    border-left-width: thin;
    border-top-style: groove;
    border-top-color: White;
    border-top-width: thin;
    width: 35px;
    height: 18px
}

a.ResendEmail_mouseout {
    display: inline-block;
    background-color: transparent;
    background-image: url(images/buttons/ResendEmail.gif);
    width: 35px;
    height: 18px
}

a.ResendEmail_mouseDown {
    display: inline-block;
    background-color: transparent;
    background-image: url(images/buttons/ResendEmail.gif);
    background-repeat: no-repeat;
    border-bottom-style: groove;
    border-bottom-color: White;
    border-bottom-width: thin;
    border-right-style: groove;
    border-right-color: White;
    border-right-width: thin;
    border-left-style: groove;
    border-left-color: Silver;
    border-left-width: thin;
    border-top-style: groove;
    border-top-color: Silver;
    border-top-width: thin;
    width: 35px;
    height: 18px
}



.error {
    font-size: 12px;
    color: Red;
    font-family: Arial;
    text-decoration: none;
}



/* Modal Popup */
.modalProgressGreyBackground {
    background: #CCCCCC;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalProgressRedBackground {
    background: Red;
    filter: alpha(opacity=60);
    opacity: 0.6;
}


.modalPopup {
    text-align: center;
    padding-top: 30px;
    border-style: solid;
    border-width: 1px;
    background-color: White;
    width: 300px;
    height: 100px;
}


/* Progress Indicator */
div.progressing {
    border: 1px solid black;
    left: 50%;
    top: 50%;
    width: 280px;
    height: 120px;
    margin-top: -140px; /* make this half your image/element height */
    margin-left: -100px;
    position: fixed;
    background-color: #FFFFFF;
}



.hide {
}

.Take_course {
    bottom: 10px;
    left: 5px;
    position: absolute;
}

.NavMiddle {
    text-align: left;
}

.NavRight {
    text-align: right;
}

.NavigationBox {
    background-image: url(images/menu/navigation_box.gif);
    background-repeat: no-repeat;
    width: 175px;
    height: 325px;
}


.HeaderBackground {
}

.RoundedTable {
    border-bottom-style: solid;
    border-bottom-color: Blue;
    border-bottom-width: thin;
    border-right-style: solid;
    border-right-color: Blue;
    border-right-width: thin;
    border-left-style: solid;
    border-left-color: Blue;
    border-left-width: thin;
    border-top-style: solid;
    border-top-color: Blue;
    border-top-width: thin;
    background-color: White;
    width: 650px;
    height: 518px
}


.BarMiddle {
    background-color: #006eb6;
}


.ChapterContents_hdr {
    background-image: url(images/Bars/chapter_hdr.gif);
    background-repeat: no-repeat;
    height: 50px;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial Black;
    color: White;
}

.SectionContents_hdr {
    background-image: url(images/Bars/section_hdr.gif);
    background-repeat: no-repeat;
    height: 50px;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial Black;
    color: White;
}


a.UserHelp {
    display: inline-block;
    background-color: transparent;
    background-image: url(images/buttons/ico_faq.gif);
    background-repeat: no-repeat;
    width: 13px;
    height: 15px;
    margin: 5px auto;
    padding: 5px 0 0 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: black;
    text-decoration: none;
}


a.Bookmark {
    display: inline-block;
    background-color: transparent;
    background-image: url(images/buttons/bookmark.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    _margin: 5px auto;
    _padding: 5px 0 0 0;
}

a.GoToBookmark {
    display: inline-block;
    background-color: transparent;
    background-image: url(images/buttons/forward-arrow.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    _margin: 5px auto;
    _padding: 5px 0 0 0;
}

a.Refresh {
    background-image: url(images/buttons/refresh.png);
    background-repeat: no-repeat;
    background-size: 75%;
    padding: 8px 15px;
    background-position: center center;
}

a.Navbutton {
    display: inline-block;
    background-color: transparent;
    background-image: url(images/Menu_button_0.gif);
    background-repeat: no-repeat;
    width: 106px;
    height: 30px;
    margin: 5px auto;
    padding: 5px 0 0 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: lighter;
    color: white;
    text-decoration: none;
}

a.Navbutton_mouseover {
    display: inline-block;
    background-color: transparent;
    background-image: url(images/Menu_button_1.gif);
    background-repeat: no-repeat;
    width: 106px;
    height: 30px;
    margin: 5px auto;
    padding: 5px 0 0 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: lighter;
    color: white;
    text-decoration: none;
}

a.Navbutton_mouseout {
    display: inline-block;
    background-color: transparent;
    background-image: url(images/Menu_button_2.gif);
    background-repeat: no-repeat;
    width: 106px;
    height: 30px;
    margin: 5px auto;
    padding: 5px 0 0 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: lighter;
    color: white;
    text-decoration: none;
}


/* Menu */
.NavBk {
    background-color: transparent;
    background-image: url(images/navigation/primaryNavBG.gif);
}

.NavBk1 {
    border-bottom-style: solid;
    border-bottom-color: black;
    border-bottom-width: thin;
    border-right-style: solid;
    border-right-color: black;
    border-right-width: thin;
    border-left-style: solid;
    border-left-color: black;
    border-left-width: thin;
    border-top-style: solid;
    border-top-color: black;
    border-top-width: thin;
    background-color: transparent
}



/* Top Menu Style */
.has-popup a.MenuItemStyle {
    color: Black;
    font-size: 14px;
    font-weight: 600;
    font-family: open sans;
    cursor: pointer;
    padding: 10px 20px 10px 5px !important;
    display: inline !important;
}

a.MenuItemStyle {
    color: Black;
    font-size: 14px;
    font-weight: 600;
    font-family: open sans;
    cursor: pointer;
    padding: 10px !important;
    display: inline !important;
}

a.MenuItemStyleHover {
    color: Black;
    font-size: 14px;
    font-weight: 600;
    font-family: open sans;
    padding: 10px !important;
    border: 2px solid #006eb6 !important;
}

a.MenuItemStyleSelected {
    color: Black;
    font-size: 14px;
    font-weight: 600;
    font-family: open sans;
    padding: 10px !important;
    border: 2px solid #006eb6 !important;
}

.SubMenuItemStyle {
    background-color: transparent;
    height: 25px;
    text-align: left;
    text-decoration: none;
    padding-left: 5px;
    border-style: solid;
    border-width: 1px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 5px;
}

.SubMenuItemStyleHover {
    cursor: pointer;
    color: Red;
    text-decoration: none;
}

.SubMenuItemStyleSelected {
    text-align: center;
    text-decoration: none;
    color: Red;
}
/* End Top Menu Style */


/* Primary Navigation Style */
.primary {
    color: Black;
    font-size: 14px;
    font-weight: 600;
    font-family: open sans;
    float: right !important;
    /*background-image: url(images/navigation/primaryNavBG.gif);*/
    /*background: #DAE4F5 ;*/
}


    .primary a:link {
        color: #000000;
        font-size: 13px !important;
        font-family: open sans;
        text-decoration: none;
        padding: 0px 10px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .primary a:visited {
        font-size: 14px;
        color: black;
        padding: 0px 10px;
        font-weight: 600;
        font-family: open sans;
        text-decoration: none;
        border: 1px solid blue;
    }

    .primary a:hover {
        font-size: 14px;
        color: black;
        padding: 0px 10px;
        font-weight: 600;
        font-family: open sans;
    }

    .primary a:active {
        font-size: 14px;
        color: black;
        padding: 0px 10px;
        font-weight: 600;
        font-family: open sans;
        text-decoration: none;
    }

/* Secondary Navigation Style

.secondary {
  
  height: 20px;
  text-align:left;
  border-top: 1px;
  border-left: 1px ;
  border-style: solid;
  border-right: 1px;
  border-bottom: 1px;
  border-left-color: #000000;
  border-top-color: #ffffff;
  border-bottom-color:  #000000;
  border-right-color:  #000000;
  border-style: solid;
  border-width: 1px;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
}

.secondary a:link{
	font-size: 12px;	
	
	text-decoration: none;
}
.secondary a:visited{
	font-size: 12px;	
	color: #2C3127;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.secondary a:hover{
	font-size: 12px;	
	font-family: Arial, Helvetica, sans-serif;	
}
 
 */





.NavBk2left {
    background-image: url(images/navigation/gagf.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 26px;
    background-position: 0 0;
}

.NavBk2Right {
    background-image: url(images/navigation/gagl.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 26px;
    background-position: 0 0;
}

.NavBk2CenterBar {
    background-image: url(images/navigation/sep.gif);
    background-repeat: no-repeat;
    width: 1px;
    height: 26px;
    background-position: 0 0;
}



a.Navbutton2 {
    display: inline-block;
    background-color: transparent;
    background-image: url(images/navigation/primaryNavBG.gif);
    width: 106px;
    height: 15px;
    margin: 5px auto;
    padding: 5px 0 0 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: lighter;
    color: black;
    text-decoration: none;
}


.TH_Gradient1 {
    BORDER-RIGHT: black 1pt solid;
    BORDER-TOP: black 1pt solid;
    BACKGROUND-IMAGE: url(images/th_TBGradient.gif);
    BORDER-LEFT: black 1px solid;
    COLOR: black;
    BORDER-BOTTOM: black 1pt solid;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    font-weight: bold;
    BACKGROUND-COLOR: transparent
}



BODY {
    FONT-SIZE: 9pt;
    MARGIN: 0px;
    font-family: 'Open Sans', sans-serif;
    BACKGROUND-COLOR: white
}

.curriculum-table .home_head_box {
    padding-left: 60px;
}

TD {
    FONT-SIZE: 9pt
}

    TD.titlebarbg {
        background-image: url(images/bars/titlebar_bg.gif);
    }

    TD.titlebarTopbackground1 {
        background-image: url(images/Tables/list_middle_silver.png);
    }

    TD.titlebarBottombackground1 {
        background-image: url(images/Tables/list_bmiddle_silver.png);
    }

/* Content Box Style */
TABLE.gboxes {
    border-left-color: Black;
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    border-right-color: Black;
    border-style: solid;
    border-width: 1px
}

/* Aug 2015
TD.titlebarTopbackground
{
	background-image: url(images/Bars/top_bar_middle.gif);
}

TD.titlebarBottombackground
{
	background-image: url(images/Bars/bottom_bar_middle.gif);
}
 

/* Content Box Style 
TABLE.gboxesSilver { 
  border-left-color: Silver;
  border-top-color: #ffffff;
  border-bottom-color:  #ffffff;
  border-right-color:  Silver;
  border-style: solid;
  border-width: 1px
}

*/

TD.rightshadow {
    background-image: url(images/bars/rshadow_trans.gif);
    width: 2px;
}

TD.titlebarsearch {
    background-image: url(images/bars/titlebar_right_new.gif);
}




/* Exam Frame Border */
TABLE.ExamFrameBorder {
    border: 30px solid transparent;
    border-image-source: url(images/Tables/border.png);
    border-image-width: 10px;
    border-image-slice: 30;
    border-image-outset: 0;
    border-image-repeat: round;
    box-shadow: 10px 10px 5px #888888;
}

.ExamFrameBorderDiv {
    background-color: lightgrey;
    border: 30px solid transparent;
    border-image-source: url(images/Tables/border.png);
    border-image-width: 10px;
    border-image-slice: 30;
    border-image-outset: 0;
    border-image-repeat: round;
    box-shadow: 10px 10px 5px #888888;
}

/* Typical Form Style */
.formz {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

TEXT.formz {
    height: 20px;
}



/* Light Green Boxes */
/* All Light Green Boxes NOT on the FAR RIGHT */

TR.lightbox {
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-left: 5px;
}

TD.lightbox {
    background: #ffffff;
    border-top: 1 px;
    border-left: 1px;
    border-style: solid;
    border-right: 1px;
    border-bottom: 1px;
    border-left-color: #FFFFFF;
    border-top-color: #FFFFFF;
    border-bottom-color: #5281C1;
    border-right-color: #5281C1;
    border-style: solid;
    border-width: 1;
}


/* Grey Boxes */

/* All Grey Boxes Boxes NOT on the FAR RIGHT */

TD.greybox {
    background: #f2f2f2;
    border-top: 1 px;
    border-left: 1px;
    border-style: solid;
    border-right: 1px;
    border-bottom: 1px;
    border-left-color: #FFFFFF;
    border-top-color: #FFFFFF;
    border-bottom-color: #5281C1;
    border-right-color: #5281C1;
    border-style: solid;
    border-width: 1;
}


tr.greybox {
    background: #f2f2f2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-left: 5px;
}

tr.footerBox {
    border:thin;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;    
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-left: 5px;
}
.AlternatingItemRow {
    background-color: #f8f8f8;
}

tr.alternatinglist {
    background-color: Silver;
    font-size: 11px;
    color: black;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}

    tr.alternatinglist a {
        text-decoration: none;
        color: #0a94d6;
    }

        tr.alternatinglist a:hover {
            text-decoration: underline;
            color: #ee7b02;
        }


/* Table row hover/rollovers added 9/2014 */
tr.RowEven:hover {
    background-color: #F0F8FF;
    _cursor: pointer;
    height: 20px;
}

tr.RowOdd:hover {
    background-color: none;
}

tr.RowEven {
    height: 20px;
}

tr.RowOdd {
    height: 10px
}

tr.active {
    background-color: #A2DFFF;
    cursor: pointer;
}

tr.list {
    font-size: 11px;
    color: black;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}

    tr.list a {
        text-decoration: none;
        color: #0a94d6;
    }

        tr.list a:hover {
            text-decoration: underline;
            color: #ee7b02;
        }


/* Grey Boxes Boxes ON the FAR RIGHT */

td.greyboxRight {
    background: #cccccc;
    border-top: 1px;
    border-left: 1px;
    border-style: solid;
    border-right: 1px;
    border-bottom: 1px;
    border-left-color: #FFFFFF;
    border-top-color: #FFFFFF;
    border-bottom-color: #666666;
    border-right-color: #cccccc;
    border-style: solid;
    border-width: 1px
}

td.greyboxTop {
    background: #fbfbfb;
}


td.greyboxTopLeft {
    background: #cccccc;
    border-top: 1px;
    border-left: 1px;
    border-style: solid;
    border-right: 1px;
    border-bottom: 1px;
    border-left-color: #666666;
    border-top-color: #666666;
    border-bottom-color: #666666;
    border-right-color: #666666;
    border-style: solid;
    border-width: 1px
}


td.greyboxTopRight {
    background: #cccccc;
    border-top: 1px;
    border-left: 1px;
    border-style: solid;
    border-right: 1px;
    border-bottom: 1px;
    border-left-color: #FFFFFF;
    border-top-color: #666666;
    border-bottom-color: #666666;
    border-right-color: #cccccc;
    border-style: solid;
    border-width: 1px
}



/* Default Dark Box Text Formatting */
.darkbox {
    /*display:block; NOT COMPATIBLE WITH FIREFOX*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}

.darkboxRight {
    /*display:block; NOT COMPATIBLE WITH FIREFOX*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}

TH_bak {
    BORDER-RIGHT: black 1pt solid;
    BORDER-TOP: black 1pt solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1pt solid;
    FONT-SIZE: 10pt;
    COLOR: black;
    BACKGROUND-IMAGE: url(images/th_bar.jpg);
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: transparent
}


.centerhead1 thead tr th {
    text-align: left;
    color: #990000;
    height: 29px;
    background: url(images/GrayBackground.png) repeat-x;
    padding: 0 0 7px 10px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
}



.TableHoverStyle tr:hover {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #F0F8FF;
    border-radius: 4px;
}

/* Gray Header bar */
.centerhead {
    BORDER-TOP: gray 1pt solid;
    BORDER-BOTTOM: gray 1pt solid;
    font-size: 12px;
    font-weight: bold;
    height: 19px;
    color: #990000;
    background: url(images/GrayBackground.png) repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

.centerhead_left {
    BORDER-TOP: gray 1pt solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-BOTTOM: gray 1pt solid;
    font-size: 12px;
    height: 19px;
    font-weight: bold;
    color: #990000;
    background: url(images/GrayBackground.png) repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

.centerhead_right {
    BORDER-RIGHT: gray 1pt solid;
    BORDER-TOP: gray 1pt solid;
    BORDER-BOTTOM: gray 1pt solid;
    border-left-style: none;
    font-size: 12px;
    height: 19px;
    color: #990000;
    font-weight: bold;
    background: url(images/GrayBackground.png) repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

.centerhead_box {
    background-color: #ebebeb;
    font-size: 14px;
    color: #2873af;
    font-weight: 600;
    font-family: open sans;
    vertical-align: middle;
    border-bottom: 2px solid;
    padding: 15px;
}

/* CENTERED Column Heads and Requisite Anchor Styles */
.centerheadBlue {
    BORDER-TOP: black 1pt solid;
    BORDER-BOTTOM: black 1pt solid;
    font-size: 11px;
    font-weight: bold;
    BACKGROUND-IMAGE: url(images/th_bar.jpg);
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

.centerheadBlue_left {
    BORDER-TOP: black 1pt solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1pt solid;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    BACKGROUND-IMAGE: url(images/th_bar.jpg);
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

.centerheadBlue_right {
    BORDER-RIGHT: black 1pt solid;
    BORDER-TOP: black 1pt solid;
    BORDER-BOTTOM: black 1pt solid;
    border-left-style: none;
    font-size: 11px;
    font-weight: bold;
    BACKGROUND-IMAGE: url(images/th_bar.jpg);
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

.centerheadBlue_nolink {
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    /*padding: 0px 3px 7px 8px;*/
    background-color: #D0D0D0;
}

.centerheadBlue_nolinknochk {
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 3px 3px 10px;
    vertical-align: middle;
    background-color: #D0D0D0;
}

.centerheadBlue a:link {
    text-decoration: none;
    color: #333333;
    background-image: url(images/navigation/triangle.gif);
    background-repeat: no-repeat;
    background-position: top left;
    vertical-align: middle;
    padding: 0px 3px 7px 8px;
    background-color: #D0D0D0;
}

.centerheadBlue a:visited {
    text-decoration: none;
    color: #333333;
    background-image: url(images/navigation/triangle.gif);
    background-repeat: no-repeat;
    background-position: top left;
    vertical-align: middle;
    padding: 0px 3px 7px 8px;
    background-color: #D0D0D0;
}

.centerheadBlue a:hover {
    color: #067ab4;
    text-decoration: underline;
    background-image: url(images/navigation/triangle_down.gif);
    background-repeat: no-repeat;
    background-position: top left;
    vertical-align: middle;
    padding: 0px 3px 7px 8px;
    background-color: #D0D0D0;
}

.centerheadBlue a:active {
    color: #067ab4;
    text-decoration: underline;
    background-image: url(images/navigation/triangle_down.gif);
    background-repeat: no-repeat;
    background-position: top left;
    vertical-align: middle;
    padding: 0px 3px 7px 8px;
    background-color: #D0D0D0;
}










/* Highlight Box */
.centerheadBlack {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #D0D0D0;
}




/* Left side margin padding (left justified)  */
.padbox {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}

/* Large Headings (page titles and main points) */
.head1 {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 8px;
    padding-left: 3px;
}

.smallform {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

TEXT.smallform {
    height: 20px;
}

SELECT.smallform {
    height: 20px;
}




/* Label text */
.TextBlue12 {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    cursor: pointer;
    COLOR: blue;
    FONT-FAMILY: Arial
}

.TextBlue18 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    cursor: pointer;
    COLOR: blue;
    FONT-FAMILY: Arial
}

.clickLabel {
    FONT-SIZE: 8pt;
    cursor: pointer;
    COLOR: white
}

.clickLink {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    cursor: pointer;
    COLOR: #0071B8;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}

.clickLinkBold {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    cursor: pointer;
    COLOR: #005df6;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}

.clickLinkSmall {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    cursor: pointer;
    COLOR: Black;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}

.clickLinkSmallBold {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    cursor: pointer;
    COLOR: #0071B8;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}

.labelSmall {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: Black;
    FONT-FAMILY: Arial;
}

.labelMedium {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: Black;
    FONT-FAMILY: Arial;
}

.LeftNavWelcome {
    FONT-WEIGHT: 600;
    FONT-SIZE: 12px;
    COLOR: #006eb6;
    FONT-FAMILY: open sans;
}


.TextBox {
    font-family: open sans;
    font-size: 14px;
    background-color: #FFFFFF;
    border: 1px solid #B0CAE1;
    min-height: 36px;
    padding: 5px;
}

.textBox1 {
    border: 1px solid #933126;
    background-color: #F7DE8A;
}

.lblSkinGray {
    color: #6a6a6e;
    font-size: 14px;
    font-family: open sans; /* Arial  open sans */    
    text-decoration: none;
    font-weight: 500;
}

.lblSkingrayBold {
    color: #6a6a6e;
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 600;
}

.ckSkinGray {
    color: #6a6a6e;
    font-size: 12px;
    font-family: open sans;
    text-decoration: none;
    font-weight: 200;
    display: block;
    text-indent: 5px;
}

.StudentBoxStyle a {
    text-decoration: none;
    font-size: 14px;
    font-family: open sans;
    text-decoration: none;
    font-weight: 600;
}

.icon {
    text-align: left;
    position: relative;
}

    .icon a {
        text-transform: uppercase;
        color: #6a6a6e;
    }


.lblSkinBlack {
    color: Black;
    font-size: 14px;
    font-family: Arial;
    text-decoration: none;
    font-weight: 500;
}

.lblSkinBlackArial10 {
    color: Black;
    font-size: 10px;
    font-family: Arial;
    text-decoration: none;
}

.lblSkinBlackArial11 {
    color: Black;
    font-size: 11px;
    font-family: Arial;
    text-decoration: none;
}

.lblSkinBlackArial10Bold {
    color: Black;
    font-size: 10px;
    font-family: Arial;
    font-weight: bold;
}

.lblSkinBlackArial12 {
    color: Black;
    font-size: 12px;
    font-family: Arial;
    text-decoration: none;
}

.lblSkinRedArial12 {
    color: Red;
    font-size: 12px;
    font-family: Arial;
    text-decoration: none;
}

.lblSkinBlue {
    color: #0579c0;
    font-size: 13px;
    font-family: Arial
}

.lblSkinBlueBold {
    color: #0579c0;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
}

.lblSkinBlackBold_NoCaps {
    color: Black;
    font-size: 14px;
    font-family: Arial;
    font-weight: 600;
    text-transform: none;
}

.lblSkinBlackBold_Caps {
    color: Black;
    font-size: 14px;
    font-family: Arial;
    font-weight: 600;
    text-transform: capitalize;
}

.lblSkinBlackBold {
    color: Black;
    font-size: 14px;
    font-family: Arial;
    font-weight: 600;
    text-transform: uppercase;
}

.btnExamQuestion {
    color: Black;
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
}

.lblSkinBlackArial14 {
    color: Black;
    font-size: 14px;
    font-family: Arial;
}

.lblSkinBlackArialBold14 {
    color: Black;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
}

.lblSkinBlackArialBold16 {
    color: Black;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
}

.lblSkinWhiteArialBold14 {
    color: White;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
}


H1 {
    COLOR: #4169e1
}

H2 {
    COLOR: #ffcc66
}

H3 {
    COLOR: #4169e1
}

.script {
    COLOR: #ff0000;
    BACKGROUND-COLOR: blue
}

.tip {
    COLOR: #009933
}

.plainText {
    FONT-WEIGHT: 900;
    COLOR: black
}

.header {
    FONT-SIZE: 22pt;
    COLOR: #ffcc66;
    BORDER-BOTTOM: #ffcc66 4pt ridge
}

.hand {
    cursor: pointer
}

.bottom {
    BORDER-TOP: #ffcc66 1pt solid;
    FONT-SIZE: 11pt;
    COLOR: #ffcc66;
    BORDER-BOTTOM: #ffcc66 1pt solid
}

.title {
    FONT-SIZE: 14pt;
    PADDING-BOTTOM: 1pt;
    COLOR: #ffffff;
    BORDER-BOTTOM: #ffcc66 double
}

/*  Increase vertical space on ordered lists */
ol li, ul li {
    margin-bottom: 1.0em;
}

.whiteButton {
    FONT-WEIGHT: 300;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: white
}

.childLink {
    FONT-WEIGHT: lighter;
    FONT-SIZE: 10pt;
    cursor: pointer;
    COLOR: black;
    FONT-FAMILY: 'Arial Black', Verdana
}

.tableData {
    FONT-SIZE: 8pt;
    COLOR: black
}

.MenuButtons {
    BORDER-RIGHT: dodgerblue thin outset;
    PADDING-RIGHT: 1px;
    BORDER-TOP: dodgerblue thin outset;
    PADDING-LEFT: 1px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: dodgerblue thin outset;
    cursor: pointer;
    COLOR: white;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: dodgerblue thin outset;
    FONT-FAMILY: Arial
}

.border_vert {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: black
}

.border_horz {
    BORDER-RIGHT: black solid;
    BORDER-TOP: black solid;
    BORDER-LEFT: black solid;
    BORDER-BOTTOM: black solid
}

.TabHeader_sel {
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: black 1px solid;
    cursor: pointer;
    PADDING-TOP: 0px
}

.TabHeader {
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 0px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: black 1px solid;
    cursor: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: black 1px solid
}

.SectionTitle {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12pt;
    COLOR: blue
}

.PageBarTitleBlue {
    font-family: open sans;
    FONT-SIZE: 24px;
    font-weight: 700;
    COLOR: #006eb6;
    text-transform: uppercase;
    vertical-align: middle;
}

.PageBarTitle {
    font-family: open sans;
    FONT-SIZE: 24px;
    font-weight: 700;
    COLOR: white;
    text-transform: uppercase;
    vertical-align: middle;
}

.PageBarText {
    font-family: open sans;
    FONT-SIZE: 12px;
    font-weight: 600;
    COLOR: #fff;
    text-transform: uppercase;
    vertical-align: middle;
}

.clickTitle {
    FONT-SIZE: 8pt;
    cursor: pointer;
    COLOR: blue;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}

H6 {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial
}

.alert {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: red
}

.tdBorder {
    BORDER-RIGHT: black 1pt solid;
    BORDER-TOP: black 1pt solid;
    BORDER-LEFT: black 1pt solid;
    BORDER-BOTTOM: black 1pt solid
}

.tdDashed {
    BORDER-RIGHT: black 1pt solid;
    BORDER-TOP: black 1pt solid;
    BORDER-LEFT: black 1pt solid;
    BORDER-BOTTOM: black 1pt solid
}

.mediumblack {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11px;
    COLOR: black;
    LINE-HEIGHT: 15px
}

.ErrorMsg {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: red;
    FONT-FAMILY: Arial
}

.ClickTitleReport {
    FONT-SIZE: 8pt;
    COLOR: blue;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}

.yellowButton {
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: black thin solid;
    FONT-WEIGHT: 300;
    FONT-SIZE: 8pt;
    BORDER-LEFT: black thin solid;
    cursor: pointer;
    BORDER-BOTTOM: black thin solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ffff00
}

.TabHeader_btn {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    FONT-FAMILY: Arial
}

.tableHeader {
    FONT-SIZE: 8pt
}

.mkg_Heading {
    border-right: black 1px solid;
    border-top: black 1px solid;
    font-weight: bolder;
    font-size: 12pt;
    border-left: black 1px solid;
    color: white;
    border-bottom: black 1px solid;
    font-family: Arial;
}

.tdBtmBorder {
    BORDER-RIGHT: black;
    BORDER-TOP: black;
    BORDER-LEFT: black;
    BORDER-BOTTOM: black 1pt solid
}

.ChapSectHeader {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: #000066;
    FONT-FAMILY: Verdana
}

.inpSubmit {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 3px;
    TEXT-TRANSFORM: uppercase;
    BORDER-LEFT: black 1px solid;
    cursor: pointer;
    COLOR: black;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #dddcbc
}

.FlashSysMessage {
    BORDER-RIGHT: thin groove;
    BORDER-TOP: thin groove;
    FLOAT: left;
    BORDER-LEFT: thin groove;
    BORDER-BOTTOM: thin groove
}




/*CollapsiblePanel*/
.collapsePanel {
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader {
    width: 100%;
    height: 20px;
    background-image: url(images/bg-menu-main.png);
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
}

#rightcolumn .collapsePanelHeader a {
    color: #FFF;
}

    #rightcolumn .collapsePanelHeader a:hover {
        text-decoration: none;
        background: none;
    }

/*Confirm Button*/

/* DropShadow */

#rightcolumn .dropShadowPanel span {
    color: white;
    text-decoration: underline;
}

    #rightcolumn .dropShadowPanel span:hover {
        text-decoration: none;
    }


/*Drag Panel*/
.dragMe {
    width: 100%;
    height: 21px;
    background-color: #FFF;
    background-image: url(images/header-opened.png);
    text-align: center;
    cursor: move;
    font-weight: bold;
}

/* START TABBED NAV*/
a.tabSubnav, a.tabSubnav:link, a.tabSubnav:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}

    a.tabSubnav:hover, a.tabSubnav:active {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #ff6803;
        text-decoration: none;
    }

.tabcontainer {
    background-color: #DAE4F5; /*#DAE4F5  Red:228 green:234 Blue:221*/
    background-position: left bottom;
    vertical-align: bottom;
}

TD.tab_off {
    background-color: #DAE4F5; /*#DAE4F5  Red:228 green:234 Blue:221*/
    background-position: center;
    vertical-align: middle;
    background-image: url(images/navigation/tabs_off_bg.gif);
}

TD.tab_on {
    background-color: #ffffff;
    background-image: url(images/navigation/tabs_on_bg.gif);
    background-position: center;
    vertical-align: middle;
}

TD.tabs_off_left_begin {
    background-image: url(images/Navigation/tabs_off_left_begin.gif);
    width: 11px;
    height: 18px;
    border: 0;
    vertical-align: bottom;
}

TD.tabs_off_right {
    background-image: url(images/Navigation/tabs_off_right.gif);
    width: 11px;
    height: 18px;
    border: 0;
    vertical-align: bottom;
}

TD.tabs_off_right_end {
    background-image: url(images/Navigation/tabs_off_right_end.gif);
    width: 11px;
    height: 18px;
    border: 0;
    vertical-align: bottom;
}

TD.tabs_on_left {
    background-image: url(images/Navigation/tabs_on_left.gif);
    width: 11px;
    height: 18px;
    border: 0;
    vertical-align: bottom;
}

TD.tabs_on_left_begin {
    background-image: url(images/Navigation/tabs_on_left_begin.gif);
    width: 11px;
    height: 18px;
    border: 0;
    vertical-align: bottom;
}

TD.tabs_on_right {
    background-image: url(images/Navigation/tabs_on_right.gif);
    width: 11px;
    height: 18px;
    border: 0;
    vertical-align: bottom;
}

TD.tabs_on_right_end {
    background-image: url(images/Navigation/tabs_on_right_end.gif);
    width: 11px;
    height: 18px;
    border: 0;
    vertical-align: bottom;
}
/* END TABBED NAV*/




/* Pagination Navigation Style (Page Numbers and Links at the bottom of the page) */
.pagenav_bak {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #067ab4;
    font-weight: bold;
    padding: 3px;
    background-color: #D0D0D0;
}

    .pagenav_bak a:link {
        color: #333333;
        text-decoration: none;
        padding: 3px;
    }

    .pagenav_bak a:visited {
        color: #333333;
        text-decoration: none;
        padding: 3px;
    }

    .pagenav_bak a:hover {
        color: #ffffff;
        background-color: #067ab4;
        padding: 3px;
    }




.pagenav {
    display: block;
    text-align: center;
    height: 22px;
    line-height: 21px;
    clear: both;
    padding-top: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

    .pagenav a:link, .pagenav a:visited {
        padding: 7px;
        padding-top: 2px;
        padding-bottom: 2px;
        border: 1px solid #EBEBEB;
        margin-left: 10px;
        text-decoration: none;
        background-color: #F5F5F5;
        color: #006eb8;
        width: 22px;
        font-weight: normal;
    }

    .pagenav a:hover {
        background-color: #DDEEFF;
        border: 1px solid #BBDDFF;
        color: #006eb8;
    }

    .pagenav .active_tnt_link {
        padding: 7px;
        padding-top: 2px;
        padding-bottom: 2px;
        border: 1px solid #BBDDFF;
        margin-left: 10px;
        text-decoration: none;
        background-color: #DDEEFF;
        color: #006eb8;
        cursor: default;
    }

.list {
    max-width: 170px;
}

.pagenav .disabled_tnt_pagination {
    padding: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #EBEBEB;
    margin-left: 10px;
    text-decoration: none;
    background-color: #F5F5F5;
    color: #D7D7D7;
    cursor: default;
}


/* Custom styles  */
.ETC_MainSideBorder {
    BACKGROUND-COLOR: #ffbe31
}


/* Borrowed from CNN.  This is for the getPage font increase/decrese */
#cnnTxtCmpnt p {
    font-size: 14px;
    line-height: 19px;
}

#cnnTxtCmpnt .cnnStoryElementBox h4,
#cnnTxtCmpnt .cnnHtPromoHead {
    font-size: 16px;
    line-height: 21px;
}

#cnnTxtCmpnt .cnnHtPromoTxt,
#cnnTxtCmpnt #cnnSCByLine,
#cnnTxtCmpnt .cnnStoryPhotoBoxNavigation a,
#cnnTxtCmpnt p.cnnAttribution,
#cnnTxtCmpnt .cnnStoryElementBox .cnnTVPromoBoxFooter a,
#cnnTxtCmpnt .cnnStoryElementBox,
#cnnTxtCmpnt .cnnTVPromoBox p,
#cnnTxtCmpnt .cnnStoryPhotoCaptionBox p {
    font-size: 12px;
    line-height: 16px;
}

#cnnSCFontPlusBtn {
    cursor: default;
}

#cnnSCFontMinusBtn {
    cursor: pointer;
}

    /*
#cnnSCFontPlusBtn .cnnIncreaseFont,
#cnnSCFontMinusBtn .cnnIncreaseFont
{display:none;}
 */

    #cnnSCFontPlusBtn .cnnDecreaseFont,
    #cnnSCFontMinusBtn .cnnDecreaseFont {
        display: block;
    }

/* font widget/byline */

#cnnSCFontButtons {
    position: relative;
    min-height: 15px;
}

* html #cnnSCFontButtons {
    height: 15px;
}

#cnnSCFontMinusBtn,
#cnnSCFontPlusBtn {
    cursor: pointer
}

#cnnSCFontMinusBtn {
    right: 19px;
}


    #cnnSCFontPlusBtn .cnnDecreaseFont,
    #cnnSCFontMinusBtn .cnnDecreaseFont {
        display: none;
    }


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

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

.modalPopupTemplates {
    background-color: white;
    /*filter: alpha(opacity=70);
    opacity: 0.7;*/
    padding: 15px;
}

.modalPopupTemplatesTop {
    font-size: 14px;
    font-weight: bold;
    color: #ee7c0a;
}

#ctl00_pnlLoginPopup {
    padding: 30px;
    width: 450px;
}

/*  2/28/2020   Moved to css/eTrain.css
    .remember_login label, .remember_password label {
    color: #006eb6;
    margin-bottom: 0px;
}

*/

.img1 {
    vertical-align: top;
}

#ctl00_UpdatePanel1 {
    position: relative;
}

#ctl00_cphMain_rptData_ctl01_StudentCourseDisplay1_pnlStudentCourseStatusPopup .popup_close {
    background-color: #0779c0;
    padding: 8px;
    position: absolute;
    right: -15px;
    text-align: right;
    top: 0;
    z-index: 100;
}

#ctl00_upProcessing1 .inner_padding0 > input[type="checkbox"] {
    margin-right: 8px;
}

#ctl00_cphMain_rptData_ctl01_StudentCourseDisplay1_UpdatePanel2 .innerpadd {
    font-size: 18px;
    margin-bottom: 0;
    padding: 10px 0px 10px 20px;
    position: relative;
    text-transform: uppercase;
}

    #ctl00_cphMain_rptData_ctl01_StudentCourseDisplay1_UpdatePanel2 .innerpadd:after {
        left: 20px;
    }

.course_status_heading .PageBarTitle {
    font-size: 14px;
}

#ctl00_pnlLoginPopup .popup_close {
    position: absolute;
    top: -45px;
    right: -45px;
    padding: 10px;
    background-color: #0779c0;
}

.popup_close {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px;
    background-color: #0779c0;
    z-index: 100;
}

.popup_close_label {
    position: absolute;
    top: 0px;
    right: 40px;
    padding: 10px;
    z-index: 100;
    text-align: right;
    font-size: 16px;
    font-weight: 400;
}

.popup_close_corner {
    position: relative;
    top: 0px;
    right: 0px;
    padding: 10px;
    background-color: #0779c0;
    z-index: 0;
}

#ctl00_pnlLoginPopup img {
    width: 100%;
}

.modalPopupTemplatesGrid {
    background-color: #e6f3f9;
    border: 0;
    padding: 0 0 10px 20px;
    width: 220px;
}

.modalPopupTemplatesGridCellLeft {
    text-align: right;
    width: 220px;
    border: 1px solid #e6f3f9;
}

.modalPopupTemplatesGridCellRight {
    text-align: left;
    width: 250px;
    border: 1px solid #e6f3f9;
}


/* Warning and Info panels */
.clean-gray {
    border: solid 1px #DEDEDE;
    background: #EFEFEF;
    color: #222222;
    padding: 4px;
    text-align: center;
}

.icon-heart {
    border: solid 1px #DEDEDE;
    background: #FFFFCC url(img/icon-heart.png) 8px 6px no-repeat;
    color: #222222;
    padding: 4px;
    text-align: center;
}

.msgbox {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20em;
    background-color: #b00;
    border: 1px solid #333;
    color: #fff;
    font-weight: bold;
}

    .msgbox p {
        margin: 0;
        padding: 5px 10px;
    }

    .msgbox a.close {
        float: right;
        text-decoration: none;
        font-weight: bold;
        color: #333;
        background-color: #fff;
        border-left: 1px solid #333;
        border-bottom: 1px solid #333;
        padding: 0 4px;
        margin-left: 5px;
    }


/* MESSAGE BOXES
/////////////////////////////*/
.message-box_css {
    text-align: center;
    padding: 5px;
    color: #545454;
    width: 80%;
    margin: 5px auto;
}

.clean_css {
    background-color: #efefef;
    border-top: 2px solid #dedede;
    border-bottom: 2px solid #dedede;
}

.info_css {
    background-color: #f7fafd;
    border-top: 2px solid #b5d3ff;
    border-bottom: 2px solid #b5d3ff;
}

.ok_css {
    background-color: #d7f7c4;
    border-top: 2px solid #82cb2f;
    border-bottom: 2px solid #82cb2f;
}

.alert_css {
    background-color: #fef5be;
    border-top: 2px solid #fdd425;
    border-bottom: 2px solid #fdd425;
}

.error_css {
    background-color: #ffcdd1;
    border: 1px solid #e10c0c;
    background: #ffeaea url(images/error_icon.gif) left center no-repeat;
    padding: 5px 5px 5px 30px;
    empty-cells: hide;
    display: block;
    overflow: hidden
}


/* height:50px; */
.errorPanel {
    margin: 15px;
    padding: 5px 5px 5px 30px;
    min-height: 35px;
    border: 1px solid #c80d09;
    color: #c80d09;
    font-size: 12px;
    background: #ffeaea url(images/error_icon.gif) left center no-repeat;
}


.warningPanel {
    margin: 10px;
    padding: 5px 5px 5px 50px;
    min-height: 20px;
    border: 1px solid #ecb91d;
    color: #000;
    font-size: 12px;
    background: #fcf8bf url(images/warning_icon.gif) left center no-repeat;
}


.infoPanel {
    margin: 10px;
    padding: 5px 5px 5px 30px;
    min-height: 20px;
    border: 1px solid #81aadc;
    color: #155db3;
    font-size: 13px;
    background: #eff4fc url(images/system/information_icon.gif) left center no-repeat;
}


.infoImage {
    background: #eff4fc url(images/system/information_icon.gif) left center no-repeat;
}

/*  Sugar Styles fr the admin pages */

table.tabDetailView {
    width: 100%;
    border: none;
    border-collapse: collapse;
}

table.tabSearchView {
    width: 100%;
    border: none;
    border-collapse: collapse;
}

table.tabDetailView2 {
    width: 100%;
    border-collapse: collapse;
}


.h3Row, .monthHeader, .schedulerTopDateCell {
    border-top: 1px solid;
    padding: 2px 5px 2px 5px;
    margin-bottom: 0px;
    margin-top: 10px;
    vertical-align: middle;
    background-repeat: repeat-x;
    background-position: top;
    background-image: url(AdminImages/bgGray.gif);
}

.tabDetailView2 {
    border-color: #999999;
    background-color: #cccccc;
    border: 1px solid;
}

.tabDetailViewDL2 {
    border-left: 1px solid;
    color: #000000;
    border-top-color: #ffffff;
    background-color: #fafafa;
    font-size: 12px;
    font-weight: normal;
    padding: 3px 6px 4px 6px;
    vertical-align: middle;
    border-top: 1px solid;
}

.tabDetailViewDF2 {
    color: #444444;
    background-color: #eeeeee;
    border-left-color: #dfdfdf;
    font-size: 11px;
    border-left: 1px solid;
    border-top: 1px solid;
    font-weight: normal;
    padding: 4px 10px 4px 6px;
    vertical-align: middle;
}


a.tabDetailViewDL2Link:link, a.tabDetailViewDL2Link:visited {
    color: #444444;
    font-size: 11px;
    text-decoration: underline;
}

a.tabDetailViewDL2Link:hover {
    color: #990033;
}

div.accountInfo {
    width: 42%;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label {
    display: block;
}

fieldset label.inline {
    display: inline;
}

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}
/*Updated Css*/
.boder {
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
}

.flyout-parent {
    display: inline-block;
    float: right;
    position: relative;
}

.valign-middle {
    vertical-align: middle;
}

ul.flyout-menu:before {
    content: "";
    background-image: url(./Images/triangle.png);
    position: absolute;
    width: 40px;
    height: 20px;
    top: -19px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
}

ul.flyout-menu {
    list-style-type: none;
    margin: 0px;
    position: absolute;
    top: 34px;
    background-color: #fff;
    box-shadow: 0px 10px 10px #ccc;
    visibility: hidden;
    padding-bottom: 0px;
    padding-top: 10px;
    z-index: 9999;
    border-radius: 4px;
    width: 130px;
    padding-left: 0px;
    text-align: center;
}

    ul.flyout-menu li {
        background-color: #fff;
        border-bottom: 1px solid #c5c5c5;
        display: none;
        font-size: 12px;
        font-weight: 600;
        margin: 0 20px;
        padding: 10px 0;
    }

.flyout-parent:hover ul.flyout-menu {
    visibility: visible;
}

    .flyout-parent:hover ul.flyout-menu li {
        display: block;
        padding: 0px 20px 0px -12px
    }

/*  This can be overridden in the css/etrain.css file if you want to adjust the logo height */
.my-head {
    padding: 20px 0px 5px;
}

.main-area {
    padding: 20px 0px 0px 0px;
}


.flyout-menu a {
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 0px;
}

.flyout-parent .bg-img {
    background-image: url(./Images/profile1.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    padding: 8px 15px;
}

#ctl00_upProcessing1 table, #ctl00_upProcessing table {
    width: 100%;
}

.boder td {
    width: 50%;
}


.lblSkinGray_XSmall {
    font-size: 12px;
    font-style: italic;
    color: #c5c5c5;
}

.ETC_MainHeaderNameRoles {
    margin-left: 5px;
}

a.ButtonLink:hover {
    border: 2px solid #006eb6;
    padding: 10px;
}

li.static {
    margin-right: 5px;
    position: relative;
}

#ctl00_HeaderMenu a.static:hover {
    border: 2px solid #006eb6 !important;
    font-weight: 600;
}

#ctl00_HeaderMenu a.static.selected {
    border: 2px solid #006eb6 !important;
    font-weight: 600;
}

#ctl00_HeaderMenu a.dynamic {
    font-size: 12px !important;
    margin: 0;
    padding: 10px 5px 20px;
}

    #ctl00_HeaderMenu a.dynamic:hover {
        color: #006eb6;
    }

#ctl00_HeaderMenu ul.dynamic {
    background-color: #FFF;
    top: 38px !important;
    padding: 5px !important;
    box-shadow: 0px 1px 5px #ccc;
}

#ctl00_HeaderMenu li.dynamic {
    margin: 0px;
}

.my-grades .home_head_box {
    text-align: center;
}

.button-area {
    text-align: right;
}

.inner_paddingLeft10 {
    padding-left: 10px;
}

.inner_padding5 {
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 10px;
}

.inner_paddingTop10 {
    padding-top: -10px;
}

.inner_padding {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.list .inner_padding {
    min-height: 50px;
}

.inner_padding0 {
    padding-left: 10px;
    padding-bottom: 10px;
}

#ctl00_lblStudentName {
    padding: 30px 0px;
}

    #ctl00_lblStudentName::after {
        background-image: url("../../Images/drop-down-arrow.png");
        content: "";
        height: 10px;
        margin-left: 5px;
        position: absolute;
        right: -20px;
        top: 3px;
        width: 12px;
    }

#ctl00_Image_lan {
    vertical-align: text-top;
}

.pd0 select {
    border: none !important;
}

.language {
    width: 62%;
}

#Lang_Img {
    max-width: 100px;
    position: relative;
    text-align: right;
}

.footer {
    padding: 35px 20px;
    background-color: #2d2d2d;
    text-align: center;
}

.search_dropdown {
    /*border: none !important;
    background-color: #B8B8B8 !important;*/
    background-color: transparent !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
}

.lblSkinColorBold {
    color: #006eb6;
    font-size: 14px;
    font-family: open sans;
    font-weight: 600;
    text-transform: uppercase;
}

.info {
    background-color: #ebebeb;
    padding: 10px 10px 10px 15px;
}

.welcome {
    text-align: left;
}

.version {
    text-align: right;
}

/*  Moved to css/etrain.css  */
/* 
    .no-border {
    border: none !important;
    width: 30%;
    background-color: #0062a0 !important;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: Open Sans;
}*/

.has-popup {
    position: relative;
}

    .has-popup:after {
        content: "";
        position: absolute;
        background-image: url(../../Images/drop-down-arrow.png);
        top: 5px;
        right: 5px;
        width: 12px;
        height: 10px;
    }

.home-info td {
    line-height: 24px;
}

.pad {
    padding-top: 10px;
    padding-bottom: 10px;
}

.exam_version .home_head_box {
    color: #ffffff;
    background: #006eb6;
    min-height: auto;
    font-size: 16px;
    padding-bottom: 10px;
    padding-right: 0px;
}

.home_head_box {
    background-color: #ebebeb;
    font-size: 20px;
    color: #2873af;
    font-weight: 600;
    font-family: open sans;
    vertical-align: middle;
    padding: 10px 20px 0px 0px;
    min-height: 50px;
}

.home_head_box_radius {
    background-color: #f2f2f2;
    color: #272727;
    border: 1px solid #cdcdcd !important;
    border-radius: 4px 4px 0 0;
    padding: 10px;
}

.course-report .home_head_box {
    margin: 10px 0px 30px 0px;
}

.lblorg {
    background-color: #ebebeb;
    padding: 10px;
    font-size: 14px;
    color: #2873af;
    font-family: open sans;
}

#ctl00_cphMain_lblCourseCount span {
    color: Black;
}

.Tab {
    padding: 0px;
    list-style-type: none;
    background-color: #f6f4f4;
    text-align: left;
    border: 1px solid #c5c5c5;
}

    .Tab a {
        font-size: 14px;
        font-family: Open Sans;
        text-transform: uppercase;
        display: block;
        padding: 10px;
        color: #136cae;
        font-weight: 600;
    }

        .Tab a:hover {
            background-color: #eae7e7;
            text-decoration: none;
        }

.clicked {
    background-color: #eae7e7;
}

.Tab li {
    margin-bottom: 0px;
    border-bottom: 1px solid #c5c5c5;
}

.AlignTop {
    vertical-align: top
}


.lbl, text {
    padding: 10px 0px;
}


.NavTreeSec {
    font-size: 14px !important;
}

*[placeholder] {
    font-size: 14px;
    font-family: Open Sans;
    color: #666;
}

.padd {
    padding: 20px 15px;
    text-align: left;
}

.innerpadd {
    padding: 10px 0px;
    text-transform: uppercase;
    font-size: 22px;
    position: relative;
}

    .innerpadd:after {
        position: absolute;
        content: "";
        border-bottom: 3px solid #006eb6;
        width: 100%;
        bottom: 0px;
        left: 0px;
    }

.text {
    position: relative;
}

#ctl00_cphMain_StudentInfo1_Image3 {
    height: 97%;
    position: absolute;
    right: 1px;
    top: 1px;
}

.tab-pad {
    padding: 30px;
}

.border_three {
    border: 1px solid #e6e6e6;
    border-top: none;
}

.main-course {
    background-color: #f8f8f8;
    border: 1px solid #c5c5c5;
    margin: 20px 0px;
}

.report-other {
    background-color: #f8f8f8;
    border: 1px solid #c5c5c5;
    padding: 10px;
    line-height: 30px;
    border-top: none;
}

.course {
    padding: 10px 0px;
    border-bottom: 1px solid #c5c5c5;
}

.report-mainview {
    padding: 10px 0px 20px 0px;
}

.lblSkinBlackBold span {
    color: Gray;
}

.course .lblSkinBlackBold, .report .lblSkinGray {
    line-height: 30px;
}

.course .lblSkinBlackBold, .report img {
    padding-left: 15px;
}

.other-report {
    padding: 20px 0px;
}

.label1 {
    padding: 10px;
}

.label2 {
    border-right: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
}

    .label2 td {
        background-color: #f8f8f8;
        text-align: left;
    }

    .label2 th {
        background-color: #ebebeb;
    }

.rating .lblSkinBlackBold {
    font-size: 12px;
}

.graph .lblSkinBlackBold {
    font-size: 12px;
}

.rater img {
    width: 12px;
}

.tiled-view-popup .col-md-4.col-sm-4.col-xs-4 {
    padding: 0;
    text-align: right;
}

.tiled-view-popup .col-md-8.col-sm-8.col-xs-8 {
    padding: 0;
}


.tiled-main {
    max-width: 235px; /* 280px */
    min-width: 235px;
    position: relative;
    border: 10px solid transparent;
    cursor: pointer;
}

    .tiled-main:hover {
        border: 10px solid #dedede;
    }

.tiled-main-inner {
    border: 1px solid #dedede;
}

.top-bar {
    padding: 10px;
    background: #006eb6;
    text-align: left;
}


.new-top-bar {
    padding: 3px 10px;
    border-left: 5px solid #006eb6;
}

.top-bar-coursePageTitle {
    padding: 0;
    background-color: #f1f1f2;
    text-align: center;
    border: 1px solid #006eb6;
}

.hr {
    margin: 15px 0;
    border: 1px solid #006eb6;
}

.text-size14 {
    font-size: 14px !important;
    line-height: 24px;
    font-weight: 600;
}

.text-color-blue {
    color: #006eb6 !important;
}

.padding-top10 {
    padding-top: 10px;
}

.padding-top20 {
    padding-top: 20px;
}

.padding-bottom10 {
    padding-bottom: 10px;
}

.padding-vertical10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.hover_info {
    position: absolute;
    visibility: hidden;
}

.hover_status {
    top: 5px;
    position: absolute;
    right: 5px;
}

.tiled-main:hover .hover_info {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    height: 43%;
    left: 0;
    position: absolute;
    top: 14%;
    width: 100%;
    visibility: visible;
}

.hoverinfo {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    text-align: left;
}

.rating-main .rating, .graph .graph_label {
    padding-right: 0;
}

.rating-main .rater, .graph .graph_img {
    padding-left: 0;
}

.margin-top {
    margin-top: 25px;
    margin-bottom: 25px;
}

.white-font {
    color: #fff;
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 600;
}

.alternate {
    background-color: #f8f8f8;
}

.btnSkinWhiteBold {
    color: #fff;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    cursor: pointer;
}

.lblSkinWhiteBold {
    color: #fff;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
}

.lblSkinWhiteBold_selected {
    color: #fff;
    font-family: Open Sans;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid red;
    text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
}


.course-page-title .lblSkinWhiteBold {
    margin-right: 15px;
}

.course-page-title > img {
    vertical-align: -5px;
}

.catalog-main-table {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin: 0 auto;
}

.catalog-main {
    border: 1px solid #e6e6e6;
    border-top: none;
}

.relative {
    position: relative;
}

.calender {
    position: absolute;
    right: -1px;
    height: 36px;
    top: -1px;
    width: 61px;
}

.tiled-button {
    background-image: url(./Images/tiled-button.png);
    background-position: center center;
    background-size: 150% auto;
    margin-left: 10px;
    padding: 8px 15px;
}

.listview-button {
    background-image: url(./Images/listview.png);
    background-position: center center;
    background-size: 75% auto;
    margin-left: 10px;
    padding: 8px 15px;
    background-repeat: no-repeat;
}

.catagory-table .SearchButton {
    position: absolute;
    right: 0;
    top: 13px;
}

.catagory-table .inner_padding {
    position: relative;
}

.margin-right {
}

body {
    margin-top: 0;
}

#container {
    max-width: 1000px;
    margin: 0 auto;
    background: #EEE;
}

h1,
p {
    padding: 1em 1em;
}


/*  UserControls.WhatsNewVersion30.ascx */
#fvpp-blackout {
    display: none;
    z-index: 499;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
}

#my-welcome-message {
    display: none;
    z-index: 500;
    position: fixed;
    width: 800px;
    right: 0;
    left: 0;
    top: 20%;
    margin: 0 auto;
    padding: 20px 25px;
    background: #FFF;
    font-family: Open Sans;
}

#fvpp-close {
    position: absolute;
    right: 20px;
    cursor: pointer;
    font-size: 36px;
    text-decoration: none;
    top: 0px;
}

#fvpp-dialog h2 {
    font-size: 2em;
    margin: 0;
}

.main_popup_right > h5:first-child {
    margin-top: 20px;
}

#fvpp-dialog p {
    margin: 0;
}

.main_popup_left {
    position: relative;
    text-align: left;
}

    .main_popup_left::after {
        background: rgba(0, 0, 0, 0) url(../../images/demos/arrow_left.png) no-repeat scroll center center / 78% auto;
        content: "";
        height: 70px;
        position: absolute;
        right: -24px;
        top: 23px;
        width: 136px;
        z-index: 8888;
    }

.popup_heading {
    text-align: left;
}

    .popup_heading h4 {
        font-size: 20px;
        font-weight: 600;
    }

.check_class {
    margin-top: 75px;
}

.img_filter {
    position: relative;
}

.main_popup_right {
    text-align: left;
}

.img_filter::after {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url(../../images/demos/arrow_right.png);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    height: 50px;
    position: absolute;
    right: 30px;
    top: -49px;
    width: 112px;
    z-index: 88888888;
}

.main_popup_right > h5 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: normal;
}

/* End UserControls.WhatsNewVersion30.ascx */


.img_filter {
    text-align: right;
}

.drop-down {
    padding: 8px;
    width: 200px;
    font-size: 14px !important;
    border: 1px solid #c3c2c2 !important;
}

.text-pad {
    _padding: 0 0 0 8px;
    padding: 8px;
    width: 100%;
    font-size: 14px !important;
    border: 1px solid #c3c2c2 !important;
}

.catalog-main-table .text-pad {
    border: 1px solid #c3c2c2 !important;
    font-size: 14px !important;
    padding: 10px;
    width: 68%;
    display: block;
}


.lblSkin12 {
    font-size: 12px;
}

.lblSkin16Bold {
    font-size: 16px;
    font-weight: 600;
}

.lblSkinWhite {
    font-size: 14px;
    color: #fff;
}

.progres {
    margin: 0px;
    min-height: 40px;
    padding: 10px 0px 0px;
    text-align: left;
}

.tiled-image {
    padding: 20px 10px;
}

    .tiled-image > img {
        width: 100%;
        height: auto;
    }

.message-board div {
    float: left;
    padding: 5px 10px;
}

.message-board {
    clear: both;
    display: block;
    overflow: hidden;
    background-color: #f2f2f2;
}

.view_detail {
    background-color: #006eb6;
    padding: 5px;
    text-align: left;
    color: #fff;
    font-family: Open Sans;
    font-size: 14px;
    height: 35px;
    vertical-align: middle
}

.view_detail_row {
    background-color: #006eb6;
    max-height: 38px;
    max-width: 275px;
    vertical-align: top;
}

.text label {
    margin-left: 5px;
}

.mrt10 {
    margin-top: 15px;
}

.modalPopupTemplates_CoursePopup {
    left: 0px !important;
    right: 0px;
    _z-index: 1; /* Sit on top */
    z-index: 100;
    margin: 0px auto; /* 0px from the top and centered */
    max-width: 675px;
    _min-height: 400px;
    /*position: absolute !important;*/
    left: 0px !important;
    width: 100%;
    top: 45px !important;
    background-color: White;
    padding: 15px;
}

.modalPopupTemplates {
    left: 0px !important;
    right: 0px;
    margin: 0px auto;
    max-width: 675px;
}

.modalPopupHowToGuides {
    left: 0px !important;
    right: 0px;   
    z-index: 100;
    margin: 0px auto; /* 0px from the top and centered */
    max-width: 725px;  
    left: 0px !important;
    width: 100%;
    top: 45px !important;
    background-color: White;
    padding: 15px;
}

#ctl00_cphMain_rptData .inner_padding table tbody tr td {
    max-width: 20px;
    vertical-align: middle;
}

#ctl00_lblRoleGroup {
    color: #006eb6;
    font-family: open sans;
    font-size: 12px;
    font-weight: 600;
}

#ctl00_HeaderMenu a.static {
    border: 2px solid transparent !important;
    padding-left: 0.15em;
    padding-right: 0.15em;
    text-decoration: none;
}

.home_head_box1 {
    color: #2873af;
    font-family: open sans;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
    vertical-align: middle;
}

.home_head_box_nopad {
    color: #2873af;
    font-family: open sans;
    font-size: 20px;
    font-weight: 600;
    vertical-align: middle;
}

#ctl00_LoginScreen1_LoginUser_rfvUserNameRequired {
    display: block;
}

.image_upload {
    border: solid 1px #54691d;
    padding: 10px;
    width: 80%;
}

#ctl00_cphMain_rptData table tr td {
    line-height: 1.2;
    position: static;
    vertical-align: top;
    z-index: 1;
}

.image_upload table tr td a {
    margin: 5px;
}

.lang_class {
    position: absolute;
    right: 0px;
    top: 23px;
}

.my-head {
    position: relative;
}

.ToggleDiv {
    display: none;
}
/* Added 19-11-2015 */
.report .col-md-6 {
    padding-left: 0px;
}

#ctl00_secondary {
    margin-bottom: 11px;
    margin-top: 2px;
}

.tiled_image > img {
    height: 120px;
    width: 100%;
    min-width: 200px;
}

.img_graph {
    width: 100%;
    height: auto;
}

.false_visible {
    display: none;
}

.mr0 {
    margin: 0px;
}

.ddlTime .Timelabel {
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 10px;
}

.ddlTime .TimeDropdown {
    padding-left: 0px;
}

.home-img img {
    width: 100%;
}

#ctl00_LoginScreen1_TimezoneSelect_ddlTimeZones {
    border: 1px solid #b0cae1 !important;
    font-size: 14px !important;
}

#ctl00_LoginScreen1_pnlLoginScreen .inner_padding {
    padding-right: 10px;
}
/*  background:#0779c0; 
    border:1px solid #0779c0;
    
*/
.buttonlogin_area .inner_padding .Silverbutton {
    border: 1px solid #0779c0 !important;
    border-radius: 0;
    color: #fff;
    width: 100%;
    background: rgba(7,121,192,1) !important;
    background: -moz-linear-gradient(left, rgba(7,121,192,1) 0%, rgba(7,121,192,1) 100%) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(7,121,192,1)), color-stop(100%, rgba(7,121,192,1))) !important;
    background: -webkit-linear-gradient(left, rgba(7,121,192,1) 0%, rgba(7,121,192,1) 100%) !important;
    background: -o-linear-gradient(left, rgba(7,121,192,1) 0%, rgba(7,121,192,1) 100%) !important;
    background: -ms-linear-gradient(left, rgba(7,121,192,1) 0%, rgba(7,121,192,1) 100%) !important;
    background: linear-gradient(to right, rgba(7,121,192,1) 0%, rgba(7,121,192,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0779c0', endColorstr='#0779c0', GradientType=1 ) !important;
}




.SilverbuttonLogin_test {
    width: 100%;
    border-radius: 0px;
    background-color: #0779c0;
    color: #fff;
    border: 1px solid #0779c0;
}





.inner_padding.password_field, .inner_padding.login_field {
    position: relative;
}

    .inner_padding.password_field > span, .inner_padding.login_field > span {
        position: absolute;
        right: -5px;
        top: 15px;
    }

.buttonlogin_area {
    padding-right: 0px;
}

#trLogin .buttoncancel_area {
    padding-left: 0px;
}

.inner_padding.timezonelabel {
    padding-bottom: 0px;
}

#ctl00_LoginScreen1_pnlLoginScreen .buttonlogin_area > .inner_padding {
    padding-right: 2px;
}

#ctl00_LoginScreen1_pnlLoginScreen .buttoncancel_area > .inner_padding {
    padding-left: 2px;
}

.clearfix {
}

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

.BoxRound, .information_area {
    padding: 15px;
}

.pad td {
    line-height: 24px;
}

.inputBoxRoundedWhite td {
    line-height: 24px;
}

#ctl00_cphMain_rptData_ctl01_StudentCourseDisplay1_UpdatePanel2, #ctl00_cphMain_rptData_ctl01_StudentCourseDisplay1_upCourseInfo, .modalPopupTemplates > div {
    position: relative;
}

.modalPopupTemplates .innerpadd {
    padding: 10px 0px;
    font-size: 18px;
}

#ctl00_cphMain_rptData .lblSkinGray .lblSkinBlack {
    font-size: 13px;
}

.feedback {
    margin-top: 30px;
}

.CourseInfo td {
    padding: 7px 2px;
}

.TakeCourseExam_tiled {
    background-image: url(../../images/takecoursewhite.png);
    background-repeat: no-repeat;
    padding: 10px;
}

.flyout-submenu {
    display: none;
    position: absolute;
    top: 10px;
    left: 50px;
    width: 200px;
    padding: 11px;
}

.flyout-parentmenu {
    position: relative;
}

    .flyout-parentmenu:hover .flyout-submenu {
        display: block;
    }

.modalPopupTemplates .home_head_box {
    padding: 10px;
}
/* Applying Media Screen */

@media (max-width:479px) {
    .innerpadd::after {
        bottom: -35px;
    }

    .calender {
        right: 0;
        top: -1px;
        width: 41px;
    }

    #my-welcome-message {
        bottom: auto;
        position: absolute;
        top: 60px;
        width: auto;
    }

    .main_popup_left::after {
        bottom: 10px;
        top: auto;
        transform: rotate(90deg);
    }

    .img_filter > img {
        max-width: 110%;
    }

    .img_filter::after {
        background-size: 62% auto;
        right: -70px;
        top: -42px;
        transform: rotate(23deg);
    }
}


@media (min-width:480px) and (max-width:767px) {
    .main_popup_left::after {
        left: 140px;
        top: 0;
        right: auto;
    }

    #my-welcome-message {
        position: absolute;
        top: 20%;
        width: auto;
    }

    .main_popup_left::after {
        left: 140px;
        right: auto;
        top: 90px;
        transform: rotate(90deg);
    }

    .img_filter {
        padding: 50px 0 0;
    }

        .img_filter::after {
            right: -59px;
            top: 10px;
            transform: rotate(50deg);
        }
}



@media (min-width:320px) and (max-width:767px) {
    #my-welcome-message {
        position: absolute;
        width: auto;
    }

    #ctl00_cphMain_rptData_ctl00_StudentCourseDisplay1_pnlCourseInfoPopup table tr td {
        display: block;
        text-align: left;
    }

    .popup_close {
        padding: 5px;
    }

    #ctl00_LoginScreen1_pnlLoginScreen .buttonlogin_area > .inner_padding {
        padding-right: 10px;
    }

    #ctl00_LoginScreen1_pnlLoginScreen .buttoncancel_area > .inner_padding {
        padding-left: 10px;
    }

    .buttonlogin_area {
        padding-right: 15px;
    }

    #trLogin .buttoncancel_area {
        padding-left: 15px;
    }

    #ctl00_pnlLoginPopup {
        padding: 30px 10px 10px;
        height: auto;
        width: 290px;
    }

        #ctl00_pnlLoginPopup img {
            width: auto;
        }

    .mr0 .home_head_box {
        text-align: left;
    }

    .ToggleDiv {
        display: block;
        position: absolute;
        top: 55px;
    }

    a.MenuItemStyle {
        font-size: 13px !important;
        padding: 8px !important;
    }

    .my-head {
        padding: 60px 0px 0px;
    }

    .image_upload table tr td {
        display: block;
    }

    .margin-20 {
        margin-bottom: 25px;
    }

    #ctl00_cphMain_rpttiled td {
        display: block;
    }

    #ctl00_HeaderMenu li {
        display: block;
        float: none !important;
        margin-bottom: 20px;
    }

    a.ButtonLink:hover {
        border: 2px solid #006eb6;
        padding: 8px;
        font-size: 12px;
    }

    a.ButtonLink:link {
        font-size: 12px;
        padding: 8px;
    }

    .pd0 {
        padding: 0px;
    }

    .pd0 {
        padding-left: 25px;
    }

    .flyout-parent {
        display: block;
        margin: 20px 0px;
        width: 150px;
    }

    #ctl00_NavTable {
        margin-top: 30px;
        clear: both;
    }

    #ctl00_HeaderMenu:after {
        content: "";
        clear: both;
        display: block;
        overflow: hidden;
    }

    .primary {
        float: none !important;
    }

    ul.flyout-menu {
        top: 37px;
        z-index: 9999;
    }

    .modalPopupTemplates {
        position: absolute !important;
        _left: 0px !important;
        width: 100%;
        top: 75px !important;
    }

    .PageBarTitle {
        font-size: 14px;
    }

    .BarMiddle option, .BarMiddle select {
        font-size: 9px;
    }

    .welcome, .version {
        text-align: center;
    }

    .inner_padding input {
        margin: 0px;
    }

    .lang_class {
        right: -10px;
        top: 67px;
    }

    .my-grades .home_head_box {
        text-align: center !important;
    }

    .StudentBoxStyle .home_head_box {
        display: table-cell;
        text-align: left;
    }

    .tiled-main {
        margin: 0 auto;
        max-width: 275px;
    }

    .my_css.text-right {
        text-align: right;
    }
}

@media (min-width:768px) and (max-width:990px) {
    #my-welcome-message {
        position: absolute;
        width: auto;
    }

    .tiled_image > img {
        min-width: 150px;
    }

    .has-popup a.MenuItemStyle {
        padding-left: 7px;
    }

    .margin-20 {
        margin-bottom: 35px;
    }

    .report .col-md-6 {
        padding: 0;
    }

    .StudentBoxStyle a {
        font-size: 12px;
    }

    .lang_class {
        right: 0px;
        top: 23px;
    }

    .home_head_box, .home_head_box1 {
        font-size: 16px;
    }

    .lblSkinBlackBold, .lblSkinGray .lblSkinBlack {
        font-size: 11px;
    }

    #ctl00_LoginScreen1_TimezoneSelect_ddlTimeZones {
        width: 100%;
    }

    .course_status_heading .PageBarTitle {
        font-size: 13px;
    }

    .my_css.text-right {
        text-align: right;
    }

    .main_popup_left::after {
        background-size: 57% auto;
        right: -44px;
        top: 13px;
    }

    .img_filter::after {
        background-size: 55% auto;
        right: -40px;
        top: -33px;
        transform: rotate(10deg);
    }
}

@media (min-width:991px) and (max-width:1024px) {
    #my-welcome-message {
        position: absolute;
        width: auto;
    }

    #Lang_Img {
        max-width: 62px;
    }

    a.ButtonLink:link {
        padding: 10px 2px;
    }

    course_status_heading .PageBarTitle {
        font-size: 13px;
    }

    li:hover a.ButtonLink:link {
        padding: 10px 2px;
    }

    #ctl00_primary_menu.col-md-6.pd0 {
        width: 48.5%;
    }

    #ctl00_upProcessing1 label {
        width: 90%;
        vertical-align: top;
    }

    .main_popup_left::after {
        background-size: 100% auto;
        right: 0;
        top: 16px;
        transform: rotate(5deg);
    }

    .img_filter::after {
        right: 0;
    }

    .check_class {
        text-align: center;
    }
}

iframe#ctl00_ifHeartBeat {
    display: none;
}


#ctl00_primary_menu.col-md-6.pd0 {
    width: auto;
    height: 50px !important;
}



/* Added 05/02/2016 */

@media (min-width:991px) and (max-width:1024px) {
    .lang_class #Lang_Img {
        max-width: 82px;
    }

    .flyout-parent {
        float: none;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .my-head .my_css.text-right {
        text-align: center;
    }

    .flyout-parent {
        float: none;
    }

    .my_css .flyout-parent {
        float: none;
    }
}

@media (min-width:991px) and (max-width:1200px) {
    .flyout-parent {
        float: none;
    }

    .my-head .lang_class #Lang_Img {
        max-width: 82px;
    }

    .lang_class .language {
        width: 50%;
    }
}


/* Added 04/25/2017 ajaxToolkit:TabContainer style 
        06/20/2017  NOT BEING USED
*/
.ajaxTabContainerStyle .ajax__tab_header {
    cursor: pointer;
    background-color: #f1f1f1;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    height: 36px;
    border-bottom: 1px solid #bebebe;
}

.ajaxTabContainerStyle .ajax__tab_active .ajax__tab_tab {
    border: 1px solid;
    border-color: #bebebe #bebebe #e1e1e1 #bebebe;
    background-color: #e1e1e1;
    padding: 10px;
    border-bottom: none;
}

    .ajaxTabContainerStyle .ajax__tab_active .ajax__tab_tab:hover {
        border: 1px solid;
        border-color: #bebebe #bebebe #e1e1e1 #bebebe;
        background-color: #e1e1e1;
        padding: 10px;
        border-bottom: none;
    }

.ajaxTabContainerStyle .ajax__tab_tab {
    border: 1px solid;
    border-color: #e1e1e1 #e1e1e1 #bebebe #e1e1e1;
    background-color: #f1f1f1;
    color: #777777;
    cursor: pointer;
    text-decoration: none;
    padding: 10px;
}

    .ajaxTabContainerStyle .ajax__tab_tab:hover {
        border: 1px solid;
        border-color: #bebebe #bebebe #e1e1e1 #bebebe;
        background-color: #e1e1e1;
        color: #777777;
        cursor: pointer;
        text-decoration: none;
        padding: 10px;
        border-bottom: none;
    }

.ajaxTabContainerStyle .ajax__tab_active .ajax__tab_tab, .ajaxTabContainerStyle .ajax__tab_tab, .ajaxTabContainerStyle .ajax__tab_header .ajax__tab_tab {
    margin: 0px 0px 0px 0px;
}

.ajaxTabContainerStyle .ajax__tab_body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    border-top: 0;
    border: 1px solid #bebebe;
    border-top: none;
    padding: 5px;
    background-color: #e1e1e1;
}

.exam_version tr {
    color: #006eb6;
}

    .exam_version tr:nth-child(even) {
        background: #f4f4f4;
    }



.accordion {
    padding: 15px !important;
}

input[type="checkbox"], input[type="radio"] {
    margin: 5px 5px 2px 0 !important;
    vertical-align: middle;
}

.btn-success, .btn-primary, .btn-danger {
    padding: 7px 20px !important;
}

    .btn-success:hover, .btn-primary:hover, .btn-danger:hover {
        text-decoration: none;
    }

.link-color {
    color: #3578c0;
}

.gray-bg {
    background: #ebebeb;
    padding: 15px;
    width: 94%;
    margin: auto;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-5 {
    margin-top: 5px;
}

.mb-5 {
    margin-bottom: 5px;
}

.savebtn {
    background: rgb(241,231,103);
    background: linear-gradient(to bottom, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%);
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    color: #333;
    font-weight: bold;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
}

.blue-btn, .blue-btn:hover, .blue-btn:active, .blue-btn:focus {
    background: #3579c0 !important;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    border-radius: 4px !important;
    text-decoration: none;
    padding: 7px 10px;
}

/* student/StudentCourses.aspx    
    ../images/lms/StatusSprite_all.png 
*/
.bg-Complete {
    width: 16px;
    height: 16px;
    background: url('images/StatusSprite_all.png') -44px -10px;
}

.bg-active-check {
    width: 25px;
    height: 25px;
    background: url(images/active.png);
    background-repeat: no-repeat;
}

.bg-inactive {
    width: 25px;
    height: 25px;
    background: url(../../App_Themes/DefaultSkin2015/Images/inactive.png);
    background-repeat: no-repeat;
}

.bg-ExamTakenNotPassed {
    width: 25px;
    height: 16px;
    background: url('images/StatusSprite_all.png') -75px -10px;
}

.bg-ExamTakenNotPassed-X {
    width: 16px;
    height: 16px;
    background: url('images/StatusSprite_all.png') -116px -10px;
}

.bg-NotStarted {
    width: 16px;
    height: 16px;
    background: url('images/StatusSprite_all.png') -188px -10px;
}

.bg-InProgress {
    width: 18px;
    height: 16px;
    background: url('images/StatusSprite_all.png') -260px -10px;
}

.bg-delete {
    width: 16px;
    height: 16px;
    background: url('images/StatusSprite_all.png') -152px -10px;
}

.bg-tick {
    width: 16px;
    height: 16px;
    background: url('images/StatusSprite_all.png') -224px -10px;
}

.bg-warning {
    width: 14px;
    height: 14px;
    background: url('images/StatusSprite_all.png') -10px -10px;
}

.btn-blue, .btn-blue:hover, .btn-blue:focus, .btn-blue:active {
    background: #3579c0;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    padding: 5px 20px;
    border: 1px solid #3579c0;
    text-decoration: none;
    border-radius: 4px;
}

.customer-radio input[type="checkbox"], input[type="radio"] {
    margin: 0px 5px 2px 0 !important;
    vertical-align: middle;
}

.customer-header .home_head_box {
    font-size: 14px !important;
    color: #2873af !important;
    padding: 10px;
    background-color: #006eb6;
    color: #fff !important;
    min-height: auto !important;
}

.table-hr hr {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.table-hr TD {
    padding: 10px 0;    
}

.accordionContent a:focus, .accordionContent a:hover, .accordionHeaderSelected a:focus, .accordionHeaderSelected a:hover {
    color: #fff;
    text-decoration: underline;
}
.accordionHeaderblue a:hover, .accordionHeaderSelectedblue a:hover {
    color: #fff;
}

.red-budge {
    background: #d81515;
    color: #fff;
    border-radius: 50%;
    padding: 0px 5px;
    position: absolute;
    right: 0;
}

.ckSkinGray input {
    vertical-align: top;
}
.ckSkinGray label {
    width: calc(100% - 23px);
}
.custom_main-area .MainBackGround .tab-pad {
    padding: 20px;
}
.ckSkinGray input[type="checkbox"], input[type="radio"] {
    margin: 2px 5px 2px 0 !important;
}

.mt-0 {
    margin-top: 0px
}
.mb-0 {
    margin-bottom: 0px
}
.admin-default .panel-default > .panel-heading {
    text-align: left !important;
    color: #fff !important;
    background-color: #006eb6 !important;
    border-color: #006eb6 !important;
}
.admin-default .table-bordered {
    border: 1px solid #ddd !important;
}
.mt-5 {
    margin-top: 3rem;
}
.admin-default a {
    text-decoration: none !important;
}
.admin-default a.tabDetailViewDL2Link:link, .admin-default a.tabDetailViewDL2Link:visited, .admin-default .fas, .admin-default .fab {
    color: #006eb6 !important;
}
.admin-default a.tabDetailViewDL2Link:link, .admin-default a.tabDetailViewDL2Link:visited, .admin-default .tabDetailViewDF2 {
    font-size: 13px !important;
}
.admin-default table td {
    text-align: left !important;
}
.admin-default .tabDetailViewDF2, .admin-default .tabDetailViewDL2 {
    background-color: #fff !important;
}
.mr-5 {
    margin-right: 5px;
}

.admin-default-fa i {
    width: 15px;
}

/* 03/18/2020   Used to Show or Hide items specific to Company  */
.showHideStyle {
    display:normal ;
}