@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: outside none none;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}
div {
    position: relative;
}
textarea {
    resize: none;
}
a {
    color: #074686;
}
body {
    font-family: "Mako",sans-serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    margin: 0;
    padding: 0;
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
strong, em {
    font-weight: bold;
}
strong a {
    float: none !important;
    font-family: Mako !important;
    font-size: 13px !important;
}
#lnkPrintTopic {
    float: none;
}
#wrapper {
    margin: 0 auto;
    width: 1020px;
}
#header {
    background-position: left top;
    background-repeat: repeat-y;
    border-bottom: 25px solid #bd202d;
    height: 120px;
    padding: 10px 10px 10px 0;
}
.logo {
    float: left;
    height: 120px;
    margin: 0 0 0 15px;
    width: 213px;
}
.log-in {
    float: right;
    font-family: Arial;
    font-size: 14px;
    height: 184px;
}
#divPrintArea {
    display: none;
}
.loginDetails {
    display: none;
    margin: 51px 27px 0 0;
}
.loginDetails h1 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 14px;
    text-align: right;
    text-transform: uppercase;
}
.textFieldRight {
    float: right;
    margin: 0 0 0 10px;
}
.textFieldRight ul {
    margin: 0;
    padding: 0;
}
.textFieldRight ul li {
    display: block;
    float: left;
    height: 3em;
    line-height: 3em;
    margin: 0;
    padding: 0;
}
.textFieldRight ul li img {
    margin: 2px 0 0 -1px;
    padding: 0;
}
.textFieldLeft {
    float: left;
}
.textFieldLeft ul {
    margin: 0;
    padding: 0;
}
.textFieldLeft ul li {
    display: block;
    float: left;
    height: 3em;
    line-height: 3em;
    margin: 0;
    padding: 0;
}
.textFieldLeft ul li img {
    margin: 0;
    padding: 0;
}
.register {
    color: #fff;
    font-size: 14px;
    margin: 9px 0 0 6px;
}
.registerError {
    color: #bf1e2e;
    font-size: 14px;
    margin: 0;
}
.registerLeft {
    float: left;
    text-align: left;
}
.registerLeft a {
    color: #fff;
    text-decoration: underline;
}
.registerLeft a:hover {
    text-decoration: none;
}
.registerRight {
    float: right;
    margin: 0 33px 0 0;
    text-align: right;
}
.registerRight a {
    color: #fff;
    text-decoration: underline;
}
.registerRight a:hover {
    text-decoration: none;
}
.registerErrorRight {
    float: right;
    margin: 0 33px 0 0;
    text-align: left;
    width: 192px;
}
.registerErrorLeft {
    float: left;
    text-align: left;
    width: 197px;
}
.navbartop {
    color: #fff;
    font-family: Arial;
    font-size: 14px;
    margin: 7px 5px 1px;
    padding: 4px;
    text-align: right;
}
.navbartop img {
    margin: 0 -8px 0 0;
    vertical-align: middle;
}
.navbartop a {
    color: #fff;
    margin: 0 8px;
    text-decoration: underline;
}
.navbartop a:hover {
    color: #fff;
    margin: 0 8px;
    text-decoration: none;
}
.divHeader .navbartop a {
    color: gray;
}
.divHeader .navbartop {
    color: gray;
    font-family: Arial;
    font-size: 14px;
    margin: 7px 5px 1px;
    padding: 4px;
    text-align: right;
}
.navbarLogin {
    bottom: 0;
    color: #ffffff;
    font-family: arial;
    font-size: 18px;
    margin: 0 11px 1px;
    padding: 4px;
    position: absolute;
    right: 0;
    text-align: right;
}
.navbarLogin span {
    font-weight: bold;
}
#navbarbelowheader {
}
#content {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ffffff, #bfbfbf) repeat scroll 0 0;
    color: #818285;
    float: left;
    font-family: Arial;
    height: 100%;
    margin: 0 0 50px;
    min-height: 100%;
    padding: 0 27px 0 26px;
    width: 967px;
}
.registerForm {
    background-color: #f0f0f0;
    border: 1px solid #dedede;
    float: left;
    margin: 0 0 28px;
    padding: 28px 23px;
    width: 921px;
}
.registerForm h1 {
    color: #000;
    font-family: "Mako",sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 28px;
}
.leftPanel {
    float: left;
    margin: 25px 27px 0 0;
    width: 563px;
}
.contentArea {
    float: left;
    margin: 25px 27px 0 0;
}
.content {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 30px;
}
.content span {
    color: #bf1e2e;
    font-family: "Mako",sans-serif;
    font-size: 16px;
}
.rightPanel {
    float: right;
    width: 377px;
}
.newFooterDet {
    background-color: #6b6d6e;
    clear: both;
    color: white;
    margin: 50px 0 0;
    padding: 70px 0;
}
#footer {
    color: #818285;
    display: inline;
    font-family: Arial;
    font-size: 12px;
    margin: 21px 0;
    padding: 0 28px 0 26px;
}
.footerNavbar {
    margin: 0 0 35px;
}
.footerNavbar span {
    float: left;
}
.footerNavbarLeft {
    float: left;
    text-align: left;
}
.footerNavbarRight {
    float: right;
    text-align: right;
}
.footerNavbarRight a {
    color: #818285;
    text-decoration: underline;
}
.footerNavbarRight a:hover {
    text-decoration: none;
}
.footerIconNavbar {
    float: left;
    margin: 0 0 21px;
}
.footerIconNavbar ul {
    margin: 0;
    padding: 0;
}
.footerIconNavbar ul li {
    display: block;
    float: left;
    height: 3em;
    line-height: 3em;
    margin: 0 6px 0 0;
}
.footerIconNavbar ul li img {
    vertical-align: middle;
}
.clear {
    clear: both;
}
.lnkDavisPlus a:hover {
    text-decoration: none;
}
.products {
    font-family: "Mako",sans-serif;
    margin: 0 4px 22px;
}
.products h1 {
    float: left;
    font-size: 24px;
    font-weight: normal;
    margin: 5px 11px 0 0;
}
.code {
    color: #bf1e2e;
    float: right;
    font-family: "Mako",sans-serif;
    font-size: 16px;
}
.codeBlueLink {
    color: #074686;
    float: right;
    font-family: "Mako",sans-serif;
    font-size: 16px;
    padding-top: 3px;
}
.codeBlueBackLink {
    color: #074686;
    font-family: "Mako",sans-serif;
    font-size: 16px;
}
.headerLink {
    float: right;
    vertical-align: middle;
}
.code ul {
    margin: 0;
    padding: 0;
}
.code ul li {
    color: #bf1e2e;
    display: block;
    float: left;
    height: 3em;
    line-height: 3em;
    list-style-type: none;
    margin: 0;
}
.code ul li a {
    color: #bf1e2e;
    text-decoration: underline;
}
.code ul li a:hover {
    color: #bf1e2e;
    text-decoration: none;
}
.code ul li img {
    margin: 0 10px 0 35px;
    vertical-align: middle;
}
.code p {
    color: #074686;
    cursor: pointer;
    display: inline;
    font-size: 12px;
    position: relative;
    top: -7px;
}
.codeHelp {
    margin: 0;
    padding: 0;
    position: relative;
    top: 5px;
}
.studentDBDivider {
    clear: both;
    height: 48px;
}
.studentDBDivider img {
    width: 978px;
}
.courseExpired {
    display: block;
    float: left;
    margin: 0 4px 8px;
}
.courseExpired h1 {
    color: #bf1e2e;
    float: left;
    font-family: "Mako",sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin: 5px 11px 5px 0;
}
.products .totalProducts {
    background-image: url("../images/totalProducts.jpg");
    background-position: left top;
    color: #fff;
    float: left;
    font-size: 20px;
    height: 22px;
    padding: 5px 0 3px;
    text-align: center;
    width: 35px;
}
.dividerLine {
    background-color: #c7c7c7;
    height: 1px;
    margin: 15px 4px;
}
.createCourseBox {
}
.createCourseBox {
    float: left;
    font-family: "Mako",sans-serif;
    margin: 0 14px;
}
.expiredCourseBox {
    float: left;
    margin: 14px;
}
.previewCourseBttn {
    border: 1px solid #bf1e2e;
}
.accepRejectAll ul {
    margin: 0;
    padding: 0;
}
.accepRejectAll ul li {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.accepRejectAll ul li form input:first-child {
    margin: 0 0 0 10px;
}
.accepRejectAll {
    background-color: #ededed;
    border: 1px solid #c1c1c1;
    clear: both;
    font-family: Arial;
    margin: 10px;
    padding: 17px;
}
.courseDetails {
    background-color: #ededed;
    border: 1px solid #c1c1c1;
    clear: both;
    float: left;
    font-family: Arial;
    margin: 6px 0 13px;
    padding: 17px;
    width: 919px;
}
.courseDetails h1 {
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 12px;
    word-wrap: break-word;
}
.courseDetails h2 {
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 5px;
    word-wrap: break-word;
}
.courseDetails span {
    font-family: Arial;
    font-size: 14px;
    word-wrap: break-word;
}
.courseDetails span sup {
    font-size: 10px;
}
.modify ul {
    margin: 0;
    padding: 0;
}
.modify ul li a {
    color: #074686;
    font-size: 14px;
    text-decoration: underline;
}
.modify ul li a:hover {
    text-decoration: none;
}
.modify ul li {
    display: block;
    float: left;
    height: 3em;
    line-height: 3em;
    list-style-type: none;
    margin: 0 10px 0 0;
}
.modify ul li img {
    margin: 0 5px 0 0;
    vertical-align: middle;
}
.modify ul li span {
    color: #bf1e2e;
    cursor: pointer;
    font-size: 12px;
    margin: 0 0 0 9px;
    position: relative;
}
.modifylti ul {
    margin: 0;
    padding: 0;
}
.modifylti ul li a {
    color: #074686;
    font-size: 14px;
    text-decoration: underline;
}
.modifylti ul li a:hover {
    text-decoration: none;
}
.modifylti ul li {
    display: block;
    float: left;
    height: 3em;
    line-height: 3em;
    list-style-type: none;
    margin: 0 2px 0 0;
}
.modifylti ul li img {
    margin: 0 3px 0 0;
    vertical-align: middle;
}
.modifylti ul li span {
    color: #bf1e2e;
    cursor: pointer;
    font-size: 12px;
    margin: 0 0 0 9px;
    position: relative;
}
.courseDetails-Lab {
    background-color: #ebebeb;
    border: 1px solid #cccccc;
    clear: both;
    float: left;
    margin: 0 0 13px;
    padding: 17px;
    width: 910px;
}
.courseDetails-Lab h1 {
    font-size: 18px;
    margin: 0 0 8px;
}
.courseDetails-Lab h2 {
    font-size: 14px;
    margin: 0 0 8px;
    word-wrap: break-word;
}
.previewCourse {
    float: left;
    height: 40px;
}
.previewCourse ul {
    margin: 0;
    padding: 0;
}
.previewCourse ul li {
    display: inline;
    list-style: outside none none;
}
.previewCourse ul li a {
    background: transparent url("../images/red-bttn-left.jpg") no-repeat scroll left center;
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    margin: 0 15px 0 0;
    padding: 10px 0;
    text-decoration: none;
}
.previewCourse ul li a span {
    background: transparent url("../images/red-bttn-right.jpg") no-repeat scroll right center;
    color: #fff;
    cursor: pointer;
    display: inline;
    float: left;
    padding: 10px;
    text-decoration: none;
}
.expiredCourseDetails {
    background-color: #dedede;
    border: 1px solid #949494;
    clear: both;
    padding: 10px 17px;
    width: 910px;
}
.expiredCourseDetails h2 {
    font-size: 14px;
    font-weight: normal;
}
.expiredCourseDetails span sup {
    font-size: 10px;
}
.expiredCourseDetails h2 a {
    color: #074686;
}
.expiredCourseDetails h2 a:hover {
    text-decoration: none;
}
.expiredDetailsList {
    background-color: #dedede;
    clear: both;
    padding: 10px 17px;
    width: 910px;
}
.expiredDetailsList ul {
    margin: 0;
    padding: 0;
}
.expiredDetailsList ul li {
    display: inline;
    float: left;
    font-family: arial;
    font-weight: bold;
    line-height: 21px;
    list-style-type: none;
    margin: 0 6px 10px 0;
}
.expiredDetailsList ul li p {
    color: #bf1e2e;
    display: inline;
    font-weight: bold;
    margin: 0;
    padding: 0 10px;
}
.expiredDetailsList span {
    color: #bf1e2e;
    display: inline;
    font-weight: normal;
    padding: 0 0 10px;
    position: relative;
    word-wrap: break-word;
}
.expiredDetailsList span sup {
    font-size: 10px;
}
.expiredDetailsList ul li img {
    padding: 0 10px;
    vertical-align: middle;
}
.expiredDetailsList a {
    padding: 10px 0 0;
    text-decoration: underline;
}
.expiredDetailsList a:hover {
    text-decoration: none;
}
.expiredDetailsList ul li sup {
    font-size: 10px;
}
.expiredDetailsListError {
    background-color: #dedede;
    border: 1px solid #ff0000;
    clear: both;
    padding: 0 17px;
    width: 910px;
}
.expiredDetailsListError ul {
    margin: 0;
    padding: 0;
}
.expiredDetailsListError ul li {
    display: block;
    float: left;
    font-weight: bold;
    height: 3em;
    line-height: 3em;
    list-style-type: none;
    margin: 0 6px 0 0;
}
.expiredDetailsListError span {
    color: #bf1e2e;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 0 9px;
    position: relative;
}
.expiredDetailsListError span sup {
    font-size: 10px;
    font-weight: normal;
    vertical-align: super;
}
.expiredDetailsListError ul li img {
    vertical-align: middle;
}
.expiredDetailsListError ul li sup {
    font-size: 10px;
}
.expiredDetailsListError ul li a {
    text-decoration: underline;
}
.expiredDetailsListError ul li a:hover {
    text-decoration: none;
}
.assignments {
    height: 25px;
    margin: 0 10px 0 0;
    position: absolute;
    right: 100px;
    width: 90px;
}
.assignments ul {
    margin: 0;
    padding: 0;
}
.assignments ul li {
    display: inline;
    list-style: outside none none;
}
.assignments ul li a {
    background: transparent url("../images/assignment-left.png") no-repeat scroll left center;
    color: #fff;
    display: block;
    float: left;
    padding: 3px 0;
    text-decoration: none;
}
.assignments ul li a span {
    background: transparent url("../images/assignment-right.png") no-repeat scroll 83px -1px;
    color: #000000;
    float: left;
    font-size: 10px;
    margin: 5px 0;
    padding: 9px 8px 0 21px;
    text-decoration: none;
}
.assignments p {
    background-color: #bf1e2e;
    border-radius: 30px;
    color: #ffffff;
    font-size: 10px;
    height: 13px;
    left: 6px;
    padding: 1px 1px 3px;
    position: absolute;
    text-align: center;
    top: -17px;
}
.students {
    height: 25px;
    margin: 0 10px 0 0;
    position: absolute;
    right: 0;
    width: 90px;
}
.students ul {
    margin: 0;
    padding: 0;
}
.students ul li {
    display: inline;
    list-style: outside none none;
}
.students ul li a {
    background: transparent url("../images/student-left.png") no-repeat scroll left center;
    color: #fff;
    display: block;
    float: left;
    padding: 3px 0;
    text-decoration: none;
}
.students ul li a span {
    background: transparent url("../images/assignment-right.png") no-repeat scroll 66px -1px;
    color: #000000;
    float: left;
    font-size: 10px;
    margin: 5px 0;
    padding: 9px 8px 0 21px;
    text-decoration: none;
}
.students p {
    background-color: #bf1e2e;
    border-radius: 30px;
    color: #ffffff;
    font-size: 10px;
    height: 13px;
    left: 6px;
    padding: 1px 1px 3px;
    position: absolute;
    text-align: center;
    top: -17px;
    width: 13px;
}
.createCourse {
    float: left;
    margin: 0 0 8px;
}
.createCourseLeft {
    float: left;
    margin: 0 15px 0 0;
}
.createCourseLeft img {
    height: 133px;
    width: 105px;
}
.createCourseRight {
    float: left;
    width: 830px;
}
.createCourseRight h1 {
    font-size: 20px;
    font-weight: normal;
    line-height: 23px;
}
.createCourseRight h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;
}
.createCourseRight h2 {
    color: #58585a;
    font-family: "Mako",sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 23px;
    margin: 5px 0 0;
}
.remaningDays {
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
}
.createCourseRight h2 a {
    color: #074686;
    font-family: arial;
    text-decoration: underline;
}
.createCourseRight h2 a:hover {
    text-decoration: none;
}
.createCourseRight span {
    color: #000000;
    font-size: 12px;
    margin: 0 0 0 25px;
}
.createCourseRight span a {
    color: #074686;
    font-family: arial;
}
.createCourseRight span a:hover {
    color: #074686;
    text-decoration: none;
}
.link {
    font-family: arial;
    font-size: 14px;
    margin: 12px 0 0;
}
.link a {
    color: #074686;
    text-decoration: none;
}
.link a:hover {
    text-decoration: none;
}
.renewLink a {
    color: #074686;
    text-decoration: underline;
}
.unEnrollBttn {
    bottom: -10px;
    float: right;
    position: relative;
    right: -10px;
    text-align: center;
}
.unEnrollBttn a {
    color: #074686;
    font-family: arial;
    text-decoration: underline;
}
.unEnrollBttn a:hover {
    color: #074686;
    text-decoration: none;
}
.container {
    display: table;
    font-size: 14px;
    margin: 18px 0 10px;
}
.row {
    display: table-row;
}
.one, .two, .three, .four, .five {
    display: table-cell;
}
.one p, .two p, .three p, .four p, .five p {
    font-weight: bold;
    margin: 5px 0 0;
}
.one p {
    font-weight: normal;
}
.one {
    border-right: 1px solid #c1c1c1;
    padding: 0 8px 0 0;
    width: 242px;
}
.two {
    border-right: 1px solid #c1c1c1;
    padding: 0 8px;
    width: 135px;
}
.three {
    border-right: 1px solid #c1c1c1;
    padding: 0 8px;
    width: 138px;
}
.four {
    border-right: 1px solid #c1c1c1;
    padding: 0 8px;
    width: 72px;
}
.five {
    padding: 0 8px;
    width: 151px;
}
.labTitleLink ul {
    margin: 0;
    padding: 0;
}
.labTitleLink ul li {
    display: block;
    float: left;
    font-size: 14px;
    height: 3em;
    line-height: 3em;
    list-style-type: none;
    margin: 0 56px 0 0;
}
.labTitleLink ul li a {
    color: #074686;
    font-family: arial;
    text-decoration: underline;
}
.labTitleLink ul li a:hover {
    text-decoration: none;
}
.myform {
    float: left;
    margin: 0 auto;
    padding: 14px 14px 25px;
}
.stylized {
    color: #58585a;
    font-family: "Mako",sans-serif;
    font-weight: normal;
}
.stylized h1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}
.stylized p {
    clear: both;
    color: #58585a;
    font-size: 14px;
    font-style: italic;
    margin: 0 0 15px;
    padding: 0;
}
.stylized a {
    clear: both;
    color: #074686;
    display: block;
    font-size: 12px;
    margin: 0 0 35px;
    padding: 15px 0 0;
    text-decoration: underline;
}
.stylized a:hover {
    text-decoration: none;
}
.stylized label {
    display: block;
    float: left;
    font-size: 16px;
    font-weight: normal;
    margin: 7px 0 0;
    text-align: left;
    width: 210px;
}
#dpAccessCodetext {
}
.stylized .small {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 140px;
}
.stylized input {
    border: 1px solid #aacfe4;
    font-size: 14px;
    margin: 2px 0 0 10px;
    padding: 4px 2px;
}
.error {
    font-size: 14px;
    font-weight: normal;
    margin: 7px 0 0;
    text-align: left;
    width: 140px;
}
.stylized ul {
    margin: 0;
    padding: 0;
}
.stylized ul li {
    clear: both;
    list-style-type: none;
}
.stylized ul li span {
    display: inline;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
}
.registerForm .stylized ul li span {
    display: inline;
    font-size: 14px;
    font-weight: normal;
    left: 144px;
    line-height: 17px;
}
.border {
    border: 1px solid #e0e0e0;
    color: #58585a;
    font-style: normal;
    height: 31px;
    padding: 10px 26px;
    width: 463px;
}
.border input {
    border: 1px solid #aacfe4;
    float: left;
    font-size: 14px;
    margin: 2px 0 20px 10px;
    padding: 4px 2px;
    width: 200px;
}
.borderRadio ul {
    margin: 0;
    padding: 0;
}
.borderRadio ul li {
    display: inline;
    float: left;
    font-size: 14px;
    list-style-type: none;
    margin: 0 5px;
    padding: 5px 0 0;
    vertical-align: middle;
}
.borderRadio {
    color: #58585a;
    float: left;
    font-style: normal;
    height: 31px;
    padding: 21px 18px 0;
}
.borderRadio li span {
    font-size: 16px;
    font-weight: bold;
    margin: 0 20px 0 5px;
}
.borderRadio li span img {
    margin: -7px 4px 0 0;
    vertical-align: middle;
}
.borderRadio input {
    font-size: 14px;
    margin: 0 5px 0 0;
    padding: 4px 2px;
}
.borderRadio ul li:first-child {
}
.borderRadio label {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    text-align: left;
    width: 140px;
}
.border label {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin: 7px 0 0;
    text-align: left;
    width: 140px;
}
.border button {
    background: #666666 url("img/button.png") no-repeat scroll 0 0;
    clear: both;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    margin-left: 150px;
    text-align: center;
    width: 125px;
}
.stylized button {
    background: #666666 url("img/button.png") no-repeat scroll 0 0;
    clear: both;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    margin-left: 150px;
    text-align: center;
    width: 125px;
}
.accessCodeLink {
    clear: both;
    cursor: pointer;
    margin: 20px 15px 15px 0;
    text-align: center;
    width: 463px;
}
.accessCodeLink a {
    color: #074686;
}
.accessCodeLinkLeft {
    margin: 0 15px 0 0;
}
.tooltipBox {
    position: relative;
}
.tooltip {
    bottom: 39px;
    float: none;
    position: absolute;
    right: -175px;
    text-align: center;
    width: 385px;
    word-wrap: break-word;
    z-index: 999;
}
.tooltip-top {
    background-image: url("../images/popup2_top.png");
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    height: 22px;
    width: 382px;
}
.tooltipimg {
    background-image: url("../images/popup2_bottom_arrow.png");
    background-position: left top;
    background-repeat: no-repeat;
    bottom: -12px;
    height: 12px;
    left: 183px;
    position: absolute;
    width: 29px;
    z-index: 2;
}
.tooltip-middle {
    background-color: #d9d9d9;
    border-radius: 15px;
    box-shadow: 0 0 5px #888888;
    color: #000000;
    float: left;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    padding: 15px;
    text-align: left;
    width: 352px;
}
.tooltip-middle-left {
    background-image: url("../images/tooltip-top.jpg");
    background-position: left top;
    background-repeat: no-repeat;
}
.tooltip-bottom {
    background-image: url("../images/popup2_bottom.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    float: left;
    height: 19px;
    width: 382px;
}
.close {
    background-image: url("../images/alertBoxClose.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 27px;
    position: absolute;
    right: -7px;
    top: -11px;
    width: 27px;
    z-index: 1;
}
.PDclose {
    background-image: url("../images/alertBoxClose.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 27px;
    position: absolute;
    right: 11px;
    top: 11px;
    width: 27px;
    z-index: 1;
}
.img-height {
    padding: 2px 0 0;
}
.bottomHitRedBg {
    background-image: url("../images/bottomHitRedBg.png");
    background-position: -26px top;
    background-repeat: repeat-y;
    float: left;
}
.alertBox {
    display: none;
    font-family: "Mako",sans-serif;
    font-size: 15px;
    font-weight: normal;
    left: 35%;
    position: fixed;
    top: 35%;
    word-spacing: -1px;
    z-index: 9999999;
}
.alertBoxTop {
    background-image: url("../images/popup_top.png");
    background-repeat: no-repeat;
    height: 37px;
    width: 434px;
}
.alertBoxMiddle {
    background-image: url("../images/popup_middle.png");
    background-repeat: repeat-y;
    color: #000;
    line-height: 26px;
    padding: 0 45px;
    text-align: center;
    width: 355px;
}
.alertBoxMiddle a {
    color: #074686;
}
.alertBoxMiddle h1 {
    color: #bf1e2e;
    font-size: 20px;
    font-weight: bold;
}
.alertBoxBottom {
    background-image: url("../images/popup_bottom.png");
    background-repeat: no-repeat;
    height: 37px;
    width: 434px;
}
.alertBoxClose {
    background-image: url("../images/alertBoxClose.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 27px;
    left: 408px;
    position: absolute;
    top: 0;
    width: 27px;
    z-index: 1;
}
.tabs li {
    display: inline;
    list-style: outside none none;
}
.tabs a {
    background: #666 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
}
.tabs a.active {
    background: #fff none repeat scroll 0 0;
    color: #000;
}
p {
    line-height: 16px;
    margin: 0 0 20px 5px;
}
.productBttn {
    border: medium none;
    margin: 17px 0 0;
}
.saveBttn {
    border: medium none;
    height: 30px;
    position: relative;
    width: 87px;
}
.myProfile {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.myProfile label {
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin: 7px 0 0;
    text-align: left;
    width: 140px;
}
.myProfile input {
    border: 1px solid #aacfe4;
    float: left;
    font-size: 14px;
    margin: 2px 0 20px 10px;
    padding: 4px 2px;
    width: 377px;
}
.myProfile ul {
    margin: 0;
    padding: 0;
}
.myProfile ul li p {
    float: left;
    margin: 0 0 10px 12px;
}
.myProfile ul li {
    clear: both;
    list-style-type: none;
}
.myProfile ul li span {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 0 15px;
    position: relative;
    top: 2px;
}
.myProfileMessage {
    color: #bf1e2e;
    font-size: 12px;
    padding: 15px 0 0;
}
#dashBoardContent {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ffffff, #bfbfbf) repeat scroll 0 0;
    float: left;
    height: 100%;
    margin: 0 0 50px;
    min-height: 100%;
    padding: 0 21px 21px;
    width: 978px;
}
#dashBoardBox {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ffffff, #ebebeb) repeat scroll 0 0;
    float: left;
    height: 100%;
    min-height: 100%;
    width: 978px;
}
#courseExpiredBox {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ebebeb, #e0e0e0) repeat scroll 0 0;
    float: left;
    height: 100%;
    min-height: 100%;
    width: 978px;
}
.productDescriptionBox {
    float: left;
    font-family: "Mako",sans-serif;
    margin: 14px 14px 0;
    width: 949px;
}
.productDescription {
    float: left;
    margin: 0 0 8px;
}
.productDescriptionLeft {
    float: left;
    margin: 0 15px 0 0;
}
.productDescriptionRight {
    float: left;
}
.productDescriptionRight h1 {
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
}
.productDescriptionRight h2 {
    color: #58585a;
    font-size: 14px;
    font-weight: normal;
    line-height: 23px;
    margin: 5px 0 0;
}
.productDescriptionRight span {
    color: #bf1e2e;
}
.productlink {
    font-size: 14px;
    margin: 8px 0 0;
}
.productlink a {
    color: #074686;
    text-decoration: underline;
}
.productlink a:hover {
    text-decoration: none;
}
.code a {
    color: #074686;
    text-decoration: underline;
}
.code a:hover {
    color: #074686;
    text-decoration: none;
}
.registerForm a {
    color: #074686;
    margin: 0 5px 0 0;
    text-decoration: underline;
}
.registerForm a:hover {
    color: #074686;
    text-decoration: none;
}
.registerForm h2 {
    color: #000;
    font-family: "Mako",sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: -15px 0 28px;
}
.registerForm h2 label[for="cloneState"] {
    color: Gray;
    font-weight: normal;
}
.steps a {
    color: #074686;
    font-size: 20px;
    text-decoration: none;
}
.steps a:hover {
    color: #074686;
    text-decoration: none;
}
.createCourseFormBoxTop {
    background-color: #ebebeb;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 30px;
    padding: 16px;
    width: 448px;
}
.createCourseFormBoxBottom p {
    margin: 0 0 10px;
}
.createCourseFormBoxBottom {
    background-color: #ebebeb;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 16px;
    width: 448px;
}
.createCourseFormBoxBottom input {
    border: 1px solid #cccccc;
    color: #333;
    font-family: Mako,sans-serif;
    font-size: 14px;
    height: 20px;
    margin: 0 0 17px;
    padding: 2px 5px;
    text-align: left;
    width: 425px;
}
.createCourseFormBoxBottom .checkbox {
    text-indent: 20px;
}
.createCourseFormBoxBottom textarea {
    border: 1px solid #cccccc;
    color: #333;
    font-family: Mako,sans-serif;
    font-size: 13px;
    height: 100px;
    margin: 0 0 17px;
    padding: 2px 5px;
    width: 425px;
}
.styled-select {
    background: #ffffff url("../images/selectedListDownArrow.jpg") no-repeat scroll 325px 11px;
    border: 1px solid #cccccc;
    float: right;
    margin: -8px 0 0 5px;
    overflow: hidden;
    width: 340px;
}
span.select {
}
select.styled {
    height: 25px;
    width: 340px;
}
select.clonestyled {
    height: 25px;
    margin-top: 10px;
    width: 375px;
}
select.labStyled {
    margin: 15px 0;
    width: 340px;
}
.dateBox {
    width: 446px;
}
.dateBox img {
    padding-bottom: 3px;
    vertical-align: middle;
}
.dateBoxLeft {
    float: left;
}
.dateBoxLeft lable {
    border: 1px solid #074686;
}
.dateBoxRight lable {
    border: 1px solid #bf1e2e;
}
.dateBoxLeft.dateBoxLeftN label input {
    border: 1px solid #cccccc;
    height: auto;
    margin: 0 7px;
}
.dateBoxRight.dateBoxRightN label input {
    border: 1px solid #cccccc;
    height: auto;
    margin: 0 -5px 0 0;
}
.dateBoxLeft input {
    border: 1px solid #cccccc;
    height: 20px;
    margin: 0 7px;
    width: 90px;
}
.dateBoxRight input {
    border: 1px solid #cccccc;
    height: 20px;
    margin: 0 7px;
    width: 90px;
}
.dateBoxRight {
    float: right;
}
.styled-select-Lab {
    background: #ffffff url("../images/selectedListDownArrow.jpg") no-repeat scroll 325px 11px;
    border: 1px solid #cccccc;
    float: left;
    margin: 10px 0;
    overflow: hidden;
    width: 340px;
}
.styled-select-Lab select {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ffffff;
    padding: 5px;
    width: 363px;
}
.styled-select-Lab select option {
    width: 340px;
}
.formBox {
    background-color: #dedede;
    border: 1px solid #bdbdbd;
    padding: 8px 9px 9px;
}
.formBox img {
    left: 30px;
    position: absolute;
    top: -9px;
}
.selectProductTip {
    float: right;
    left: 502px;
    position: absolute;
    text-align: left;
    top: 20px;
    width: 400px;
}
.labTip {
    float: right;
    left: 507px;
    position: absolute;
    text-align: left;
    top: 46px;
    width: 400px;
}
.newlabTip {
    float: right;
    left: 507px;
    position: absolute;
    text-align: left;
    top: 115px;
    width: 400px;
}
.dateTip {
    float: right;
    left: 491px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 400px;
}
.selectLabTip {
    float: right;
    left: 507px;
    position: absolute;
    text-align: left;
    width: 400px;
}
.selectProductTip p {
    width: 15px;
}
.labTip p {
    width: 15px;
}
.dateTip p {
    width: 15px;
}
.newlabTip p {
    width: 15px;
}
.selectLabTip p {
    width: 15px;
}
.CRTooltip {
    background-color: #d9d9d9;
    border: 1px solid #b8b8b8;
    color: #000000;
    font-family: arial;
    font-size: 14px;
    left: 64px;
    line-height: 19px;
    padding: 30px;
    position: absolute;
    text-align: left;
    top: -47px;
    width: 275px;
    word-wrap: break-word;
    z-index: 1;
}
.CRTooltipNew {
    width: 135px;
}
.CRTooltip img {
    left: -9px;
    position: absolute;
    top: 16px;
    z-index: 1;
}
.CRClose {
    background-image: url("../images/alertBoxClose.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: -11px;
    top: -11px;
    width: 23px;
    z-index: 2;
}
.italicRed h1 {
    margin: 0 0 10px;
}
.italicRed p {
    color: #bf1e2e;
    font-style: italic;
    margin: 0 0 10px;
}
p.testInformationText {
    width: 495px;
}
.createCourseFormStep2Bottom {
    background-color: #ebebeb;
    border: 1px solid #cccccc;
    color: #000000;
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 8px 16px;
    width: 448px;
}
.createCourseFormStep2Bottom ul {
    margin: 0;
    padding: 0;
}
.createCourseFormStep2Bottom ul li {
    display: inline;
    float: left;
    line-height: 24px;
    list-style-type: none;
    width: 300px;
}
.createCourseFormStep2 {
    background-color: #ebebeb;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 8px 16px;
    width: 448px;
}
.createCourseFormStep2 ul {
    margin: 0;
    padding: 0;
}
.createCourseFormStep2 ul li {
    display: block;
    line-height: 24px;
    list-style-type: none;
}
.createCourseFormStep2WhiteBg {
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 8px 16px;
    width: 448px;
}
.createCourseFormStep2Date {
    background-color: #ebebeb;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    height: 23px;
    margin: 0 0 15px;
    padding: 8px 16px;
    width: 448px;
}
.createCourseFormStep2NoBorder {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 16px;
    text-align: center;
    width: 435px;
}
.helpBox {
    float: right;
    width: 400px;
}
.italicRedTip {
    float: right;
    left: 0;
    position: relative;
    text-align: left;
    top: 15px;
    width: 400px;
}
.selectListTip1 {
    float: right;
    left: 507px;
    position: absolute;
    text-align: left;
    top: 1px;
    width: 400px;
}
.selectListTip2 {
    float: right;
    left: 507px;
    position: absolute;
    text-align: left;
    top: 5px;
    width: 400px;
}
.selectListTip3 {
    float: right;
    left: 507px;
    position: absolute;
    text-align: left;
    top: 5px;
    width: 400px;
}
.selectListTipCloneClass {
    top: 33px !important;
}
.selectdateTip {
    color: #cccccc;
    float: right;
    left: 507px;
    position: absolute;
    text-align: left;
    top: 5px;
    width: 400px;
}
.selectProductTip p {
    width: 15px;
}
.labTip p {
    width: 15px;
}
.dateTip p {
    width: 15px;
}
.newlabTip p {
    width: 15px;
}
.selectLabTip p {
    width: 15px;
}
.createCourseFormStep3 {
    background-color: #ebebeb;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 16px;
    width: 448px;
}
.createCourseFormStep3ApplyWidth {
    width: 589px;
}
.createCourseFormStep3 h1 {
    font-size: 16px;
    margin: 0 0 15px;
}
.createCourseFormStep3 ul {
    margin: 0;
    padding: 0;
}
.createCourseFormStep3 ul li {
    display: block;
    list-style-type: none;
    margin: 0 0 10px;
}
.createCourseFormStep3 ul li input {
    margin: 0 15px;
}
select.step3 {
    height: 25px;
    width: 450px;
}
select.step3ApplyWidth {
    width: 582px;
}
.accorionCreateCourseStep3 {
    background-color: #ebebeb;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 30px;
    width: 480px;
}
.accorionCreateCourseStep3Applywidth {
    width: 618px;
}
.accorionCreateCourseStep3 .exerciseRules {
    padding-left: 10px;
}
.accordian {
    font-size: 14px;
}
.accordian li {
    list-style-type: none;
    margin: 0 0 3px;
    padding: 14px 19px;
}
.even input {
    margin: 0 10px 0 0;
}
.odd input {
    margin: 0 10px 0 0;
}
.dimension {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    padding: 14px 0;
}
.even {
    background-color: #ebebeb;
    border: 1px solid #d8d8d8;
}
.odd {
    background-color: #ebebeb;
    border: 1px solid #d8d8d8;
}
.accordOneTipHead {
    cursor: pointer;
    float: left;
    left: 215px;
    position: relative;
    text-align: left;
    top: 0;
}
.accordOneTip {
    float: right;
    left: 62px;
    position: relative;
    text-align: left;
    top: 0;
}
.accordTwoTip {
    float: right;
    left: 62px;
    position: relative;
    text-align: left;
    top: 0;
}
.accordThreeTip {
    float: right;
    left: 62px;
    position: relative;
    text-align: left;
    top: 0;
}
.accordFourTip {
    float: right;
    left: 62px;
    position: relative;
    text-align: left;
    top: 0;
}
.CRCloseStep3 {
    background-image: url("../images/alertBoxClose.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 27px;
    left: 385px;
    position: absolute;
    right: 0;
    top: -56px;
    width: 27px;
    z-index: 9;
}
.CRCloseStep3 {
    left: 245px;
}
.exercise {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    padding: 14px 19px;
}
.exercise p {
    float: left;
    margin: 0;
    padding: 0;
    width: 178px;
}
.exercise p span {
    color: #000000;
    float: right;
    font-style: normal;
    padding: 0 5px;
    width: 148px;
}
.exercise p input {
    margin: 0;
}
.exerciseHeading {
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    padding: 0 19px 8px;
}
.exerciseRightBox {
    float: right;
}
.exerciseDate {
    float: left;
}
.exerciseDate input {
    border: 1px solid #ccc;
    height: 19px;
    margin: 8px 2px 0 0;
    padding-left: 2px;
    width: 100px;
}
.exerciseDate img {
    margin: -3px 10px 0 0;
    vertical-align: middle;
}
.exerciseRules {
    float: right;
}
.exerciseRules ul {
    margin: 0;
    padding: 0;
}
.exerciseRules ul li {
    display: block;
    list-style-type: none;
}
select.rules {
    border: 1px solid #ccc;
    height: 26px;
    margin: 6px 0 0;
    width: 110px;
}
.mainContaint {
    float: left;
}
.accessCodeText {
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 20px;
}
.productDescriptionRight h3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin: 44px 0 0;
}
.notifications {
    border: 1px solid #cccccc;
    float: left;
    margin: 0 0 25px;
    padding: 0 0 8px;
    width: 947px;
}
.notifications h1 {
    border-bottom: 1px dotted #cccccc;
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    padding: 8px 15px;
}
.studentInfo {
    float: left;
    font-size: 14px;
}
.studentInfo ul {
    margin: 0;
    padding: 0;
}
.studentInfo ul li {
    display: block;
    list-style-type: none;
    padding: 8px 30px;
}
.studentDecision {
    float: right;
    font-size: 14px;
    margin: 8px 30px 0 0;
}
.studentDecision ul {
    margin: 0 0 15px;
    padding: 0;
    text-align: right;
}
.studentDecision ul li {
    display: inline;
    list-style-type: none;
    text-align: left;
}
.studentDecision a {
    color: #074686;
    text-decoration: underline;
}
.studentDecision a:hover {
    color: #074686;
    text-decoration: none;
}
.rejection input {
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 14px;
    height: 27px;
    padding: 0 5px;
    width: 190px;
}
.listDes {
    margin: 0 0 0 45px;
    padding: 0 100px 0 0;
}
.studentEnroll {
    border: 1px solid #cccccc;
    float: left;
    margin: 0 0 25px;
    padding: 0 0 8px;
    width: 947px;
}
.studentEnroll h1 {
    border-bottom: 1px dotted #cccccc;
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    padding: 8px 15px;
}
.dottedBorder {
    border-bottom: 1px dotted #cccccc;
    clear: both;
    margin: 0 0 15px;
    padding: 0 0 9px;
}
select.notificationList {
    border: 1px solid #cccccc;
    height: 26px;
    left: 131px;
    margin: 8px 0 0;
    position: relative;
    width: 180px;
}
.order-preferences {
    clear: both;
    content: ".";
    display: block;
}
.billing-address {
    float: left;
    font-size: 14px;
    margin: 0 25px 0 0;
    width: 446px;
}
.billing-address h1 {
    color: #000000;
    font-size: 24px;
    margin: 0 0 14px;
}
p label {
    color: Black;
    display: inline-block;
    margin: 3px 0 0;
}
p input {
    border: 1px solid #ccc;
    height: 21px;
    margin: 0 0 0 10px;
}
p select {
    border: 1px solid #ccc;
    height: 25px;
    margin: 0 0 0 10px;
    padding: 2px 2px 2px 0;
}
.creditCardSelectList {
    margin: 0 0 0 12px;
}
p label.ext {
    margin: 0 0 0 10px;
    width: auto;
}
p span.required {
    color: #bf1e2e;
    left: -7px;
    margin: 4px 0 0 4px;
    position: absolute;
    vertical-align: middle;
}
.checkBoxLabel {
    display: inline;
    left: 10px;
    position: relative;
    text-align: left;
    top: -5px;
    width: 315px;
}
.creditCard {
    float: right;
    font-size: 14px;
    margin: 0 0 0 25px;
    width: 425px;
}
.creditCard h1 {
    color: #000000;
    font-size: 25px;
    margin: 0 0 14px;
}
.selectCard {
    width: 145px;
}
.selectYear {
    width: 60px;
}
.selectMonth {
    width: 80px;
}
.selectProduct {
    width: 300px;
}
.bttn {
    margin: 25px 0 0;
    text-align: center;
}
.bttn a {
    margin: 0 60px 0 0;
}
.paymentDivider {
    background-color: #ccc;
    height: 290px;
    margin: 50px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.buttons {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ba202a, #871219) repeat scroll 0 0;
    border: 2px solid #760813;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    height: 30px;
    padding: 0 14px;
    position: relative;
    text-align: center;
}
.bttnBox {
    margin: 8px 0 0;
    text-align: left;
}
.btnTopButtons {
    margin-top: 15px;
}
.bttnBox a {
    margin: 0 60px 0 0;
    text-decoration: none;
}
.orderSummaryInfo {
    border: 1px solid #ccc;
}
.customerInfo {
}
.customerInfoLeft {
    float: left;
    padding: 15px;
    width: 400px;
}
.customerInfoLeft p {
    margin: 8px 0;
    padding: 0;
}
.customerInfoLeft p label {
    color: #000;
    display: inline-block;
    width: 111px;
}
.customerInfoDivider {
    background-color: #cccccc;
    height: 60px;
    margin: 30px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.customerInfoRight {
    float: right;
    padding: 15px;
    width: 400px;
}
.customerInfoRight p {
    height: 16px;
    margin: 8px 0;
    padding: 0;
}
.customerInfoRight p label {
    color: #000;
    display: inline-block;
    width: 140px;
}
.productInfo {
    clear: both;
}
.productContainer {
    display: table;
    font-size: 14px;
    margin: 18px 0;
}
.productRow {
    display: table-row;
}
.productTDone, .productTDtwo, .productTDthree, .productTDfour {
    display: table-cell;
}
.productTDone h1, .productTDtwo h1, .productTDthree h1, .productTDfour h1 {
    background-color: gray;
    margin: 0;
    padding: 10px;
    width: 210px;
}
.productTDone p, .productTDtwo p, .productTDthree p, .productTDfour p {
    color: #000;
    font-size: 12px;
    margin: 15px 10px 0;
}
.productTDone span, .productTDtwo span, .productTDthree span, .productTDfour span {
    color: #99001a;
    display: block;
    font-size: 12px;
    height: 12px;
    margin: 10px;
}
.productTDthree span {
    color: #99001a;
}
.paymentInfo h1 {
    background-color: gray;
    margin: 0;
    padding: 10px;
}
.paymentInfo p {
    margin: 15px;
    padding: 0;
}
.paymentInfo p label {
    color: #000;
    display: inline-block;
    width: 150px;
}
small {
    color: #bf1e2e;
    margin: 0 3px 0 0;
}
.as a {
    color: #074686;
    cursor: pointer;
    float: left;
    font-size: 13px;
    left: 394px;
    position: relative;
    top: -57px;
}
.labCode {
    left: 71px;
    margin: 0 0 0 150px;
    position: relative;
    top: -31px;
    z-index: 9;
}
.labCode a {
    color: #074686;
    cursor: pointer;
    font-size: 14px;
}
.registerForm .labCode {
    left: 71px;
    margin: 0 0 0 150px;
    position: relative;
    top: -14px;
    z-index: 9;
}
.registerForm .labCode a {
    color: #074686;
    cursor: pointer;
    font-size: 14px;
}
.classCode {
    left: 235px;
    position: absolute;
    top: 45px;
    z-index: 9;
}
.classCode a {
    color: #074686;
    cursor: pointer;
    font-size: 14px;
    padding: 0;
}
.enterAccessCode {
    font-family: "Mako",sans-serif;
    font-weight: normal;
    left: 165px;
    position: absolute;
    top: 300px;
    z-index: 9;
}
.enterAccessCodeOption {
    font-family: "Mako",sans-serif;
    font-weight: normal;
    left: 15px;
    position: absolute;
    top: 300px;
    z-index: 9;
}
.enterAccessCodeOption a {
    color: #074686;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
}
.enterClassCodeOption {
    color: #074686;
    cursor: default;
    font-family: "Mako",sans-serif;
    font-size: 14px;
    font-weight: normal;
    left: 0;
    position: absolute;
    top: 330px;
    z-index: 9;
}
.enterClassInfo {
    color: #074686;
    cursor: default;
    font-size: 11px;
    padding-top: 5px;
    z-index: 9;
}
.enterClassCodeOptions {
    color: #074686;
    cursor: default;
    font-family: "Mako",sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin-top: 35px;
    position: absolute;
    z-index: 9;
}
.GrayOut {
    background-color: #ebebe4;
}
.enterAccessCodeOption {
    color: #074686;
    cursor: default;
    font-family: "Mako",sans-serif;
    font-size: 14px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    top: 45px;
    z-index: 9;
}
.enterAccessCode a {
    color: #074686;
    cursor: pointer;
    font-size: 14px;
}
.enterAccessCodeTip {
    background-color: #d9d9d9;
    border: 1px solid #b8b8b8;
    font-family: arial;
    font-size: 14px;
    left: 360px;
    line-height: 19px;
    padding: 30px;
    position: absolute;
    text-align: left;
    top: -23px;
    width: 275px;
    word-wrap: break-word;
}
.labCodeClose {
    background-image: url("../images/alertBoxClose.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 25px;
    left: 320px;
    position: absolute;
    right: 0;
    top: -12px;
    width: 25px;
    z-index: 1;
}
.labCodeTip {
    background-color: #d9d9d9;
    border: 1px solid #b8b8b8;
    font-family: arial;
    font-size: 14px;
    left: 360px;
    line-height: 19px;
    padding: 30px;
    position: absolute;
    text-align: left;
    top: -31px;
    width: 275px;
    word-wrap: break-word;
}
.labCodeTip img {
    left: -9px;
    position: absolute;
    top: 16px;
    z-index: 1;
}
.enterAccessCodeTipClose {
    background-image: url("../images/alertBoxClose.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 25px;
    left: 320px;
    position: absolute;
    right: 0;
    top: -12px;
    width: 25px;
    z-index: 1;
}
.enterAccessCodeTip img {
    left: -9px;
    position: absolute;
    top: 16px;
    z-index: 1;
}
.enterAccessCodebttn {
    margin: 0 0 0 18px;
    text-align: left;
}
.enterAccessCodebttn a {
    margin: 0 15px 0 0;
}
.step2Tip {
    bottom: 31px;
    float: none;
    position: absolute;
    right: -24px;
    text-align: center;
    top: -100px;
    width: 385px;
    word-wrap: break-word;
}
.step2TipImg {
    background-image: url("../images/popup2_arrow.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 29px;
    left: -9px;
    position: relative;
    top: 63px;
    width: 12px;
    z-index: 2;
}
.step2close {
    background-image: url("../images/alertBoxClose.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 27px;
    position: absolute;
    right: 11px;
    top: 30px;
    width: 27px;
    z-index: 1;
}
p.dateBoxLeft label, p.dateBoxRight label {
    display: inline-block;
    width: 70px;
}
.productDetailTab {
    padding: 10px;
}
div#tab2 .productDetailTab {
    list-style: outside none decimal;
    margin-left: 30px;
}
.pListItems {
    margin: 5px;
}
.table {
    display: table;
}
.tableCell {
    display: table-cell;
}
.strong {
    font-weight: bold;
}
.assessmentTitle {
    padding: 0 4px;
    width: 160px;
}
.accessCodeH3 {
    font-size: 15px;
    font-weight: bold;
    margin: 7px 0 15px;
}
.accessCodeInputDiv {
    line-height: 1.3em;
    margin: 0 0 15px;
}
.accessCodeInput {
    border: 1px solid #ccc;
    height: 21px;
    margin: 0 8px;
    width: 140px;
}
.dynamicMessage {
    font-size: 12px;
    margin: 10px 0 0;
}
.accessCodeInputDiv span {
    visibility: hidden;
}
p.validSummary {
    line-height: 5px;
    margin: 15px 0;
    text-align: center;
    vertical-align: middle;
}
.accordian li.dimension {
    padding-bottom: 0 !important;
}
.helpBoxClose {
    background-image: url("../images/alertBoxClose.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 27px;
    left: 212px;
    position: absolute;
    top: -17px;
    width: 27px;
    z-index: 1;
}
.inputBoxinput {
    border: 1px solid #c1c1c1;
    height: 26px;
    margin: 0 0 7px 13px;
    padding: 0 5px;
    vertical-align: middle;
    width: 147px;
}
.inputBox {
    background-color: #ffffff;
    border: 10px solid #c1c1c1;
    border-radius: 50px;
    font-family: "Mako",sans-serif;
    font-size: 9px;
    font-weight: normal;
    height: 27px;
    left: 25px;
    padding: 10px;
    position: absolute;
    width: 203px;
    z-index: 1002;
}
.inputBoxClose {
    background-image: url("../images/help-close.png");
    background-repeat: no-repeat;
    border: medium none;
    cursor: pointer;
    height: 26px;
    margin: 0 0 0 5px;
    padding: 0;
    width: 26px;
}
.inputDiv {
    background-color: #ffffff;
    border: 1px solid #bf1e2e;
    border-radius: 6px;
    color: #ffffff;
    font-size: 10px;
    height: 31px;
    padding: 0 1px 3px;
    text-align: center;
    width: 190px;
}
.textFieldRight ul li input[type="password"] {
    background-color: #ffffff;
    border: 0 none;
    display: block;
    font-size: 16px;
    height: 80%;
    margin: 7px 5px 0;
    outline: 0 none;
    text-align: left;
    vertical-align: middle;
    width: 178px;
}
.textFieldLeft ul li input[type="text"] {
    background-color: white;
    border: 0 none;
    display: block;
    font-family: arial;
    font-size: 16px;
    height: 21px;
    margin: 5px;
    outline: 0 none;
    text-align: left;
    vertical-align: middle;
    width: 178px;
}
.liButtn {
    background-image: url("../images/login_arrow.jpg");
    border: medium none;
    cursor: pointer;
    height: 31px;
    padding: 3px 0 0;
    position: relative;
    width: 31px;
}
.productBoxArrow {
    background-image: url("../images/popup2_top_arrow.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 12px;
    margin: 0 0 0 100px;
    position: absolute;
    right: 19px;
    top: -12px;
    width: 29px;
    z-index: 2;
}
.productBox {
    float: none;
    position: absolute;
    right: -28px;
    text-align: center;
    width: 385px;
    word-wrap: break-word;
    z-index: 9;
}
.discussion {
    background-image: url("../images/assignment-left.png");
    background-position: left top;
    color: #444444;
    display: block;
    font-family: arial,sans-serif;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 23px;
    line-height: normal;
    margin: 1px 0 0 10px;
    padding: 3px 0 0 20px;
    position: absolute;
    right: 332px;
    text-decoration: none;
    top: 21px;
}
.discussion span {
    background-image: url("../images/assignment-right.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
    float: right;
    font-size: 10px;
    height: 19px;
    line-height: 14px;
    margin: -1px -3px 0 -1px;
    padding: 8px 10px 0 0;
}
.assign {
    background-image: url("../images/assignment-left.png");
    background-position: left top;
    color: #444444;
    display: block;
    font-family: arial,sans-serif;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 23px;
    line-height: normal;
    margin: 1px 0 0 10px;
    padding: 3px 0 0 20px;
    position: absolute;
    right: 232px;
    text-decoration: none;
    top: 21px;
}
.assign span {
    background-image: url("../images/assignment-right.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
    float: right;
    font-size: 10px;
    height: 19px;
    line-height: 14px;
    margin: -1px -3px 0 -1px;
    padding: 8px 10px 0 0;
}
.assign sup {
    background-color: #bf1e2e;
    border-radius: 3px;
    color: #ffffff;
    font-size: 10px;
    height: 16px;
    left: 6px;
    min-width: 7px;
    padding: 3px 1px 0 2px;
    position: absolute;
    text-align: center;
    top: -7px;
}
.student {
    background-image: url("../images/student-left.png");
    background-position: left top;
    color: #444444;
    display: block;
    font-family: arial,sans-serif;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 23px;
    line-height: normal;
    margin: 1px 0 0 10px;
    padding: 3px 0 0 20px;
    position: absolute;
    right: 30px;
    text-decoration: none;
    top: 21px;
}
.student span {
    background-image: url("../images/assignment-right.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
    float: right;
    font-size: 10px;
    height: 19px;
    line-height: 14px;
    margin: -1px -3px 0 -1px;
    padding: 8px 10px 0 0;
}
.student sup {
    background-color: #bf1e2e;
    border-radius: 3px;
    color: #ffffff;
    font-size: 10px;
    height: 16px;
    left: 6px;
    min-width: 7px;
    padding: 3px 1px 0 2px;
    position: absolute;
    text-align: center;
    top: -7px;
}
.instructor {
    background-image: url("../images/student-left.png");
    background-position: left top;
    color: #444444;
    display: block;
    font-family: arial,sans-serif;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 23px;
    line-height: normal;
    margin: 1px 0 0 10px;
    padding: 3px 0 0 20px;
    position: absolute;
    right: 116px;
    text-decoration: none;
    top: 21px;
}
.instructor span {
    background-image: url("../images/assignment-right.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
    float: right;
    font-size: 10px;
    height: 19px;
    line-height: 14px;
    margin: -1px -3px 0 -1px;
    padding: 8px 10px 0 0;
}
.mandatory {
    color: #bf1e2e;
}
.myProfile ul li p sup {
    color: #bf1e2e;
    float: left;
    left: -2px;
    position: relative;
    text-indent: -5px;
    top: 5px;
}
.stylized ul li sup {
    color: #bf1e2e;
    float: left;
    left: -2px;
    position: relative;
    text-indent: -5px;
    top: 5px;
}
.learnMore {
    margin: 8px 0 0;
}
.learnMore a {
    text-decoration: underline;
}
.learnMore a:hover {
    text-decoration: none;
}
.lnkAccessCode a {
    line-height: 22px !important;
}
.lnkAccessCode a:hover {
    text-decoration: none;
}
#lnkPurchaseCode {
    border: 2px solid #760813;
    border-radius: 4px;
    float: right;
    height: 30px;
    left: 97px;
    margin: 0;
    padding: 0;
    top: 0;
    width: 85px;
}
#purchaseCode {
    float: left;
    margin: 12px 0 6px;
    width: 320px;
}
#redeemCode {
    padding-bottom: 15px;
    width: 425px;
    z-index: 10;
}
.dpAccessCode {
    padding-bottom: 20px;
    padding-top: 15px;
}
.logInClass {
    background-image: url("../../content/images/login_arrow.jpg");
    border: 1px none;
    cursor: pointer;
    height: 31px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 3px;
    vertical-align: top;
    width: 31px;
}
.activeState {
    color: #818285 !important;
    cursor: default;
    text-decoration: none !important;
}
.notActiveState {
    font-size: 14px;
    font-weight: normal;
}
.errorHeadings {
    margin-top: 10px;
}
.ui-datepicker .ui-datepicker-header {
    background: #f6a828 url("../images/?new=f6a828&w=500&h=100&f=png&q=100&fltr[]=over|textures/12_gloss_wave.png|0|0|35") repeat-x scroll 50% 50% !important;
    border: medium none #e78f08;
}
.registerBox {
    font-family: "Mako",sans-serif;
    font-size: 16px;
    font-weight: normal;
}
.registerBox p {
    border: 1px solid #e0e0e0;
    color: #58585a;
    font-style: normal;
    height: 31px;
    padding: 10px 26px 0;
    width: 497px;
}
.stylized ul li a {
    color: #074686;
    display: inline;
    font-size: 13px;
    text-decoration: underline;
}
.stylized ul li a:hover {
    color: #074686;
    text-decoration: none;
}
.proceedBttnBox {
    float: left;
    left: 450px;
    margin: 15px 0 0;
    position: absolute;
    text-align: left;
}
.stylized select {
    border: 1px solid #aacfe4;
    float: left;
    font-size: 14px;
    margin: 2px 0 20px 10px;
    padding: 2px;
    width: 206px;
}
.stylized p {
    color: green;
    font-size: 12px;
    font-weight: bold;
    height: 0;
    margin: 0 4px;
    padding: 2px 0;
    position: relative;
    text-align: right;
    top: -18px;
}
.products h2 {
    font-size: 24px;
    font-weight: normal;
    margin: 5px 11px 0 0;
}
.products h3 {
    color: #aa0010;
    font-size: 20px;
    font-weight: normal;
    margin: 5px 11px 0 0;
}
.products h3 a:hover {
    text-decoration: none;
}
.createCourseRight h2 span {
    color: #000000;
    margin: 0 0 0 25px;
}
b {
    font-weight: bold;
}
.updates {
    background-color: #bf1e2e;
    border: 3px solid #fff;
    border-radius: 30px;
    color: #ffffff;
    cursor: pointer;
    display: inline;
    margin: 0 8px;
    padding: 1px 5px;
}
.updatesLinks {
    clear: both;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 3px;
    text-align: right;
}
.updatesLinks a {
    color: #074686;
    font-weight: bold;
    margin: 0 8px;
}
.updatesLinks a:hover {
    text-decoration: none;
}
.updatesLinks ul {
    margin: 0;
    padding: 0;
}
.updatesLinks ul li {
    display: inline-block;
    list-style-type: none;
    padding: 0;
}
.courseDetails h5 {
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 5px;
}
.courseDetails h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px;
}
.courseDetails h3 span {
    font-weight: bold;
}
.courseDetails h4 {
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    margin: 27px 0 0;
}
.courseDetails h4 span {
    font-size: 14px;
    font-weight: bold;
    margin: 0 2px;
}
.lesson, .progress, .gradebook, .joint_div {
    display: table-cell;
    font-family: arial;
    font-size: 14px;
}
.lesson.thead, .progresshead.thead, .gradebook.thead {
    background-color: #c9c9c9;
    display: table-cell;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
}
.progressBar {
    background-color: gray;
    display: inline;
    float: left;
    height: 5px;
    margin: 5px 10px 0 0;
    padding: 0;
    width: 63%;
}
.progressBar span.percent90 {
    background-color: green;
    float: left;
    height: 5px;
    width: 100%;
}
.progressBar span.percent50 {
    background-color: red;
    float: left;
    height: 5px;
    width: 50%;
}
.joint_div {
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    vertical-align: middle;
}
.lesson {
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    margin: 0 1px 1px 0;
    padding: 10px;
    vertical-align: middle;
    width: 342px;
}
.lesson a {
    font-weight: bold;
    line-height: 1.3em;
}
.lesson a:hover {
    text-decoration: none;
}
.progress {
    margin: 0 1px 1px 0;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    width: 411px;
}
.progresshead {
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    margin: 0 1px 1px 0;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    width: 411px;
}
.gradebook {
    padding: 10px;
    width: 137px;
}
.gradebook a {
    color: #074686;
}
.gradebook a:hover {
    text-decoration: none;
}
.count {
    background-color: #a3a3a3;
    border-radius: 6px;
    color: #ffffff;
    display: inline;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    max-width: 50px;
    padding: 8px 10px 8px 5px;
    text-align: center;
    vertical-align: middle;
}
.count img {
    left: -9px;
    position: relative;
    top: -2px;
}
.ExtPhone {
    border: 1px solid #cccccc;
    width: 30px;
}
#ui-datepicker-div {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
}
.ErrorMessage {
    display: block;
    text-indent: 120px;
}
.ErrorMessageSummary {
    clear: both;
    color: #bd202d;
    padding-left: 400px;
    text-align: left;
}
.labDashboardBox {
    float: left;
    font-family: "Mako",sans-serif;
    margin: 0 11px;
}
.accordianWrapper {
    font-family: arial;
    font-size: 12px;
    margin: 0 auto;
}
.accordionButton {
    background: #f4f4f4 url("../images/accClose.png") no-repeat scroll 900px center;
    border: 1px solid #c1c1c1;
    color: #000;
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
    height: 41px;
    margin: 0 0 16px;
    padding: 10px 0;
    vertical-align: middle;
    width: 950px;
}
.dashBoardAccordionButton {
    padding: 10px 0 10px 26px;
}
.dashBoardCourseDetails-Lab {
    width: 942px;
}
.dashBoarddividerLine {
    height: 2px;
}
.accordionButton h1 {
    color: #000;
    display: inline;
    font-family: "Mako",sans-serif;
    font-size: 20px;
    margin: 10px 0 0;
    position: absolute;
}
.accordionButton img {
    margin: 0 15px;
    vertical-align: middle;
}
.accordionContent {
    color: #000;
    display: none;
    margin: -16px 0 16px;
}
.accorLeft {
    float: left;
    width: 340px;
}
.Lcontainer {
    display: table;
    font-size: 14px;
}
.Lexercise, .dueDate, .status, .grade {
    display: table-cell;
    font-size: 14px;
}
.Lexercise.thead, .dueDate.thead, .status.thead, .grade.thead {
    background-color: #dbdbdb;
    font-weight: bold;
}
.Lexercise span.Lnumber {
    font-size: 14px;
    font-weight: bold;
}
.Lexercise span.Ltitle {
    font-size: 14px;
    font-weight: bold;
}
.Lexercise span.Ltitle a:hover {
    text-decoration: none;
}
.Lexercise {
    background-color: #f4f4f4;
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    font-size: 14px;
    font-weight: bold;
    margin: 0 1px 1px 0;
    padding: 10px;
    vertical-align: middle;
    width: 432px;
}
.dueDate {
    background-color: #f4f4f4;
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    font-size: 14px;
    font-weight: bold;
    margin: 0 1px 1px 0;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    width: 145px;
}
.status span.Lcompleted {
    color: green;
    font-size: 14px;
    font-weight: bold;
}
.status span.LPending {
    color: #bd202d;
    font-size: 14px;
    font-weight: bold;
}
.status span.Lpending {
    color: #aa0010;
    font-size: 14px;
    font-weight: bold;
}
.status {
    background-color: #f4f4f4;
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    font-size: 14px;
    font-weight: bold;
    margin: 0 1px 1px 0;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    width: 145px;
}
.grade {
    background-color: #f4f4f4;
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    vertical-align: middle;
    width: 145px;
}
.grade a {
    color: #074686;
}
.grade a:hover {
    text-decoration: none;
}
.accordionButtonOpen {
    background: #f4f4f4 url("../images/accOpen.png") no-repeat scroll 900px center;
}
.accordionButtonClose {
    background-image: url("../images/accordian-close.png");
    background-position: right center;
    background-repeat: no-repeat;
}
.on {
    background: #f4f4f4 url("../images/accClose.png") no-repeat scroll 900px center;
}
.over {
    background: #f4f4f4 url("../images/accOpen.png") no-repeat scroll 900px center;
}
.progressLesson {
    display: inline;
    margin: 13px 50px 0 0;
    position: absolute;
    vertical-align: -25px;
    width: 411px;
    z-index: 9;
}
.progressLessonBar {
    background-color: gray;
    display: inline;
    float: left;
    height: 5px;
    margin: 5px 10px 0;
    padding: 0;
    width: 33%;
}
.progressLessonBar span.percentLesson90 {
    background-color: green;
    float: left;
    height: 5px;
    width: 90%;
}
.progressLessonBar span.percentLesson50 {
    background-color: #aa0010;
    float: left;
    height: 5px;
    width: 50%;
}
.lessonHeading {
    font-size: 14px;
    height: 74px;
}
.lessonHeading ul {
    height: 54px;
    padding: 0;
}
.lessonHeadingProp {
    position: relative;

    top: 10px;
}
.lessonHeading ul li p {
    line-height: 18px;
    margin: 5px 0 0 5px;
}
.lessonHeading ul li {
    background-color: #dbdbdb;
    border: 1px solid #c1c1c1;
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0 0 0 12px;
    width: 48%;
}
.lessonHeading ul li img {
    margin: 0 10px 0 0;
    vertical-align: middle;
}
.lessonHeading a:hover {
    text-decoration: none;
}
.lessonDetails {
    background-color: #dbdbdb;
    border: 1px solid #c1c1c1;
    color: #000;
    font-family: "Mako",sans-serif;
    font-size: 14px;
    margin: 14px 19px 0 5px;
    padding: 5px;
}
.imgCriticalListening {
    background-image: url("../images/Sprite.png");
    background-position: -130px -9px;
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    margin: 0 15px;
    padding: 0;
    width: 53px;
}
.imgResponse {
    background-image: url("../images/Sprite.png");
    background-position: -13px -9px;
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    margin: 0 15px;
    padding: 0;
    width: 53px;
}
.imgGeneration {
    background-image: url("../images/Sprite.png");
    background-position: -247px -9px;
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    margin: 0 15px;
    padding: 0;
    width: 53px;
}
.imgActivities {
    background-image: url("../images/Sprite.png");
    background-position: -189px -9px;
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    margin: 0 15px;
    padding: 0;
    width: 53px;
}
.accorUp {
    background-image: url("../images/Sprite.png");
    background-position: -321px -9px;
    background-repeat: no-repeat;
    float: right;
    height: 40px;
    margin: 0 9px 0 0;
    padding: 0;
    position: absolute;
    width: 40px;
}
.accorDown {
    background-image: url("../images/Sprite.png");
    background-position: -370px -9px;
    background-repeat: no-repeat;
    float: right;
    height: 40px;
    margin: 0 9px 0 0;
    padding: 0;
    position: relative;
    width: 40px;
}
.imgAudio {
    background-image: url("../images/Sprite.png");
    background-position: -72px -9px;
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    margin: 2px 15px 0 10px;
    padding: 0;
    width: 53px;
}
.imgPronounciation {
    background-image: url("../images/Sprite.png");
    background-position: -13px -56px;
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    margin: 2px 15px 0 10px;
    padding: 0;
    width: 53px;
}
.audioLesson {
}
span.StdGBPopup {
    cursor: pointer;
    margin-top: 3px;
    position: relative;
}
.imgAssessmentImage {
    background-image: url("../images/Sprite.png");
    background-position: -134px -52px;
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    margin: 0 15px;
    padding: 0;
    width: 53px;
}
.italic {
    color: gray;
    font-size: 14px;
    font-style: italic;
}
.answer_one {
    background-color: #e0e0e0;
    border: 2px dotted #464646;
    border-radius: 10px;
    float: left;
    height: 39px;
    margin: 5px;
    width: 120px;
}
.answer_two {
    background-color: #e0e0e0;
    border: 2px dotted #464646;
    border-radius: 10px;
    float: left;
    height: 39px;
    margin: 5px;
    width: 120px;
}
.boxLeft {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #e9e9e9, #d9d9d9) repeat scroll 0 0;
    border: 2px solid #c2c2c2;
    border-radius: 10px;
    float: left;
    height: 32px;
    margin: 5px;
    padding: 7px 0 0;
    position: relative;
    text-align: center;
    width: 120px;
}
.boxRight {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #e9e9e9, #d9d9d9) repeat scroll 0 0;
    border: 2px solid #c2c2c2;
    border-radius: 10px;
    float: left;
    margin: 5px;
    min-height: 32px;
    padding: 7px 0 0;
    position: relative;
    text-align: center;
    width: 120px;
    word-wrap: break-word;
}
.dradDropHeader {
    float: left;
    padding: 15px 0;
}
.hint-box {
    background: transparent url("../images/li-divider.jpg") repeat-y scroll 431px top;
    float: left;
    margin: 30px;
    width: 860px;
}
.hint1 {
    font-weight: bold;
    margin: 0 15px;
}
.hint2 {
    font-weight: bold;
    margin: 0 15px;
}
#CombiningForms {
    float: left;
    position: static;
    text-align: center;
    width: 430px;
}
#SufPre {
    float: right;
    position: static;
    text-align: center;
    width: 405px;
}
#hint1 {
    float: left;
    width: 430px;
}
#hint2 {
    float: right;
    width: 405px;
}
.bttn-next {
    display: block;
}
.next-inactive {
    color: #bd202d;
    display: none;
}
.ab {
    z-index: 1;
}
.BMWImage {
    background-image: url("../images/Sprite.png");
    background-position: -189px -9px;
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    margin: 3px 0;
    padding: 0;
    width: 53px;
}
#templateSubBanner {
    background-image: url("../images/header.jpg");
    font-family: "Mako",sans-serif;
    font-weight: normal;
    height: 56px;
    margin: -25px -25px 12px;
    padding: 15px 15px 0;
}
#templateSubBanner h1 {
    color: #000000;
    float: left;
    font-family: "Mako",sans-serif;
    font-size: 23px;
    margin-top: 4px;
}
#templateSubBanner h2 {
    color: #545454;
    float: left;
    font-size: 18px;
    margin: 0 0 0 7px;
    position: relative;
    top: 15px;
}
#templateSubBanner a {
    text-decoration: none;
}
.loader {
    background-color: #ffffff;
    border: 1px solid Gray;
    border-radius: 10px;
    font-size: 14px;
    margin: auto;
    padding: 5px;
    width: 100px;
}
.viewTranscript {
    background-color: #ebebeb;
    border: 1px solid #cccccc;
    font-family: Arial;
    font-size: 14px;
    margin: 26px 0;
    padding: 15px;
}
.viewPlayAudio {
    margin: 0 0 26px;
}
.conformationPopUp {
    left: 0;
    margin: 0 20px;
    position: relative;
    top: 3px;
    width: 300px;
}
.conformationInput {
    border: medium none;
    margin: -1px 10px 0 0;
    position: absolute;
}
.pInstructionText {
    line-height: 1.4em !important;
}
.instructorClose {
    background-image: url("../images/alertBoxClose.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 27px;
    position: absolute;
    right: -7px;
    top: -11px;
    width: 27px;
    z-index: 1;
}
.instructorArrow {
    background-image: url("../images/popup2_bottom_arrow.png");
    background-position: left top;
    background-repeat: no-repeat;
    bottom: -12px;
    height: 12px;
    left: 183px;
    position: absolute;
    width: 29px;
    z-index: 2;
}
.instructorHelpBox {
    background-color: #d9d9d9;
    border-radius: 15px;
    box-shadow: 0 0 5px #888888;
    color: #000000;
    float: left;
    font-size: 12px;
    line-height: 20px;
    padding: 15px;
    text-align: left;
    width: 352px;
}
.vjs-default-skin .vjs-big-play-button {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #525252, #3b3b3b) repeat scroll 0 0;
    border: 0.2em solid #fff;
    border-radius: 25px;
    cursor: pointer !important;
    display: block;
    height: 8em;
    left: 50%;
    margin: -42px 0 0 -42px;
    opacity: 0.95;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 8em;
    z-index: 2;
}
.fieldRequired {
    color: #bd202d;
    margin-left: 10px;
}
.fieldRequiredStudent {
    color: #bd202d;
}
.fieldRequiredStudentStudent {
    float: left;
    padding-bottom: 10px;
    width: 100%;
}
#lnkAudioPronunciation {
    float: left;
}
.GBContentBG {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ffffff, #ebebeb) repeat scroll 0 0;
    padding: 10px;
}
.GBmainContaint {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ffffff, #bfbfbf) repeat scroll 0 0;
    float: left;
    font-size: 14px;
    height: 100%;
    min-height: 100%;
    padding: 0 25px 25px;
    width: 970px;
}
select.GBSelect {
    border: 1px solid #cccccc;
    height: 33px;
    margin: 15px 15px 0 0;
    padding: 6px 3px 6px 0;
    width: 300px;
}
select.GBSelecters {
    border: 1px solid #cccccc;
    height: 33px;
    padding: 6px 3px 6px 0;
    width: 300px;
}
input.GBInput {
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 14px;
    height: 27px;
    margin: 15px 15px 0 0;
    padding: 0 5px;
    width: 190px;
}
input.GBInput:focus {
    outline: medium none;
}
select.GBSelect:focus {
    outline: medium none;
}
option {
}
.GBHeading h1 {
    color: #000;
    font-family: "Mako",sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0;
}
.GBHeading ul {
    margin: 0;
    padding: 0;
}
.GBHeading p {
    margin: 0;
    padding: 0;
}
.GBHeading p a {
    margin: 0;
    padding: 0;
}
.aLinkBttns {
    background: #ba202a -moz-linear-gradient(center top , #ba202a 0%, #871219 100%) repeat scroll 0 0;
    border: 2px solid #760813;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    height: 30px;
    margin: 15px 15px 0 0;
    padding: 0 14px;
    position: relative;
    text-align: center;
}
.GBHeading a {
    color: #074686;
    margin: 0 8px 0 0;
}
.GBHeading a:hover {
    text-decoration: none;
}
.GBHeading ul li {
    display: inline;
    float: left;
    font-size: 14px;
    list-style-type: none;
    margin: 0 15px 0 0;
    padding: 0;
}
.GBButtons {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ba202a, #871219) repeat scroll 0 0;
    border: 2px solid #760813;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    height: 30px;
    margin: 15px 15px 0 0;
    padding: 0 14px;
    position: relative;
    text-align: center;
}
.EGBHelpIcon {
    cursor: pointer;
    float: left;
    margin: 10px 0 0 10px;
}
.EGBTooltipBox {
    position: absolute;
}
.EGBTooltipBox ul {
    margin: 0;
    padding: 0;
}
.EGBTooltipBox ul li {
    color: white;
    display: block;
    float: none;
    list-style-type: square;
    margin: 15px 0 15px 15px;
    padding: 0 0 0 10px;
}
.arrow_right {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000000;
    border-top: 5px solid transparent;
    font-size: 0;
    line-height: 0;
}
.EGBTooltipBox ul li a {
    color: #000000;
    text-decoration: underline;
}
.EGBTooltipBox ul li a:hover {
    text-decoration: none;
}
.EGBHelpClose {
    background-image: url("../images/alertBoxClose.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 27px;
    left: 166px;
    position: absolute;
    top: -10px;
    width: 27px;
    z-index: 1;
}
.EGBrightArrow {
    background-image: url("../images/popup2_arrow.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 27px;
    left: -12px;
    position: absolute;
    top: 11px;
    width: 27px;
    z-index: 1;
}
.EGBalertBox {
    background-color: #d9d9d9;
    border-radius: 15px;
    box-shadow: 0 0 5px #888888;
    color: #000000;
    float: left;
    font-size: 13px;
    left: 180px;
    line-height: 20px;
    padding: 15px;
    text-align: left;
    top: -7px;
    width: 152px;
    z-index: 999;
}
.GBHelpIcon {
    cursor: pointer;
    float: left;
    left: 420px;
    position: absolute;
    top: 9px;
}
.GBButtonMargin {
    margin: 15px 15px 0 0 !important;
}
.GBButtonOutsideMargin {
    height: 33px;
    margin: 0 15px 0 0 !important;
}
.GBClassName {
    width: 910px;
}
.GBClassName ul {
    margin: 0;
    padding: 0;
}
.GBClassName ul li {
    display: block;
    float: left;
    font-weight: bold;
    height: 3em;
    line-height: 3em;
    list-style-type: none;
    margin: 0 6px 0 0;
}
.GBClassName span {
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
}
.GBClassName span sup {
    font-size: 10px;
}
.GBClassName ul li img {
    margin: 12px 0 0;
}
.GBClassName ul li sup {
    font-size: 10px;
}
.GBStudentSearch {
    border: medium none;
}
.GBStudentSearch ul {
    margin: 0;
    padding: 0;
}
.GBStudentSearch ul li {
    display: block;
    float: left;
    font-weight: bold;
    height: 3em;
    line-height: 3em;
    list-style-type: none;
    margin: 0 6px 5px 0;
}
.dottedDividerLine {
    border-bottom: 1px dotted gray;
    margin: 11px 0;
}
.GBInactiveButton {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #d1d1d1, #a2a2a2) repeat scroll 0 0;
    border: 2px solid #c1c1c1;
    border-radius: 4px;
    color: #6d6d6d;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    height: 30px;
    margin: 0 0 15px;
    padding: 0 14px;
    position: relative;
    text-align: center;
}
.GBFooterLinks {
    float: left;
}
.GBFooterLinks ul {
    margin: 0;
    padding: 0;
}
.GBFooterLinks ul li {
    display: inline;
    list-style-type: none;
    padding: 0;
}
.GBUploadStatus {
    color: #bd202d;
    margin-top: 10px;
}
.scoreBox span a {
    font-family: arial;
    font-size: 12px;
}
.scoreMargin {
    margin: 0;
}
.GBScoreBoxRight {
    float: right;
}
.GBScoreBoxRight h2 {
    float: left;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 2px;
    margin: 0 15px 0 0;
}
.pageHeading {
    background-color: #ebebeb;
}
.pageHeading .col-md-12 p {
    border-bottom: 7px solid #818385;
    color: #1e1e1e;
    float: left;
    font-size: 30px;
    font-weight: 100;
    margin: 10px 0 0 10px;
    padding: 15px 0 20px;
}
.center_container_align {
    margin: 0 auto;
}
.footer_inner {
    padding: 0 10px;
}
.pull-middle {
    overflow: hidden;
}
.footer_link_inner ul {
    margin: 0;
    min-height: 20px;
    padding: 0 10px 0 0;
}
.footer_link_inner ul li {
    color: #000;
    float: left;
    list-style: outside none none;
}
.footer_link_inner ul li a {
    color: #fff;
}
.aUnderline {
    text-decoration: underline;
}
.footerBottomGridWrap {
    padding-top: 10px;
}
.footerBottomGrid.footGrid1 {
    margin-right: 50px;
    width: 490px;
}
.footerBottomGrid.footGrid2 {
    float: left;
    margin-right: 50px;
    width: 160px;
}
h4.footerHead {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 30px;
    text-transform: uppercase;
}
.footerContent {
    font-size: 14px;
}
.footerBottomGrid {
    color: #fff;
    float: left;
}
.clearfix {
    clear: both;
}
.footerContent p {
    margin: 0;
}
address {
    display: block;
    font-style: normal;
    line-height: 20px;
    margin-bottom: 20px;
}
.footerContent address a {
    color: White;
    text-decoration: none;
}
.footerContent address a:hover {
    color: White;
    text-decoration: underline;
}
.facebook_icon {
    background-position: -123px -16px;
}
.social_icon {
    height: 49px;
    margin-bottom: 5px;
    width: 49px;
}
.footer_area .headAB {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 30px;
    text-transform: uppercase;
}
.social_icon:hover, .social_icon:focus {
    opacity: 0.6;
}
.footer_link_inner ul li.footer_link_devide {
    text-align: center;
    width: 20px;
}
.footer_link_inner ul li {
    color: #fff;
    float: left;
    list-style: outside none none;
}
.footer_area .icon_panel {
    display: inline-block;
}
.icon_panel a {
    padding-right: 2px;
}
.social_icon {
    height: 39px;
    margin-bottom: 5px;
    width: 43px;
}
.icon_panel img {
    border: 1px solid #fff;
    margin-bottom: 5px;
}
.instructorcomment {
    margin: 42px 0 7px;
}
.wd100 {
    float: left;
    width: 100%;
}
.wd20 {
    float: left;
    width: 20%;
}
.wd80 {
    float: left;
    width: 80%;
}
.classDetails {
    background-color: #f4f4f4;
    border: 2px solid #e0e0e0;
    color: #000000;
    float: left;
    font-size: 15px;
    line-height: 23px;
    margin: 4px 0 15px;
    padding: 22px;
    width: 922px;
}
.exerciseBox_print {
    background-color: #f4f4f4;
    border: 2px solid #e0e0e0;
    color: #000000;
    float: left;
    font-size: 18px;
    line-height: 23px;
    margin: 4px 0 15px;
    padding: 22px;
    width: 922px;
}
@font-face {
    font-family: "Mako";
    font-style: normal;
    font-weight: 400;
    src: local("Mako"), url("../css/o_a1a_7ly-bxb26LESxgxQ.woff") format("woff");
}
.PGHeading {
    float: left;
}
.PGHeading span img {
    float: left;
    vertical-align: middle;
}
.PGHeading span {
    float: left;
}
.PGHeading h1 {
    color: #000000;
    float: left;
    font-family: arial;
    font-size: 18pt;
    font-weight: bold;
    margin: 9px 0 0;
}
.PGHeading h2 {
    color: #000000;
    float: left;
    font-family: "mako";
    font-size: 21pt;
    font-weight: bold;
    margin: 9px 0 0;
}
.scoreFeedback {
}
.scoreFeedback ul {
    margin: 0;
    padding: 0;
}
.scoreFeedback ul li {
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
}
.answerText {
    overflow-y: scroll;
}
.createCourseBox .buttons {
    padding: 0 11px !important;
}
.popupBttn {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ba202a, #871219) repeat scroll 0 0;
    border: 2px solid #760813;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    padding: 7px 11px;
    position: relative;
    text-align: center;
}
.TGPageHeading {
    float: left;
    margin: 0 0 15px;
    width: 968px;
}
.TGPageHeading h1 {
    color: #000000;
    font-family: "mako";
    font-size: 24px;
    font-weight: normal;
}
.TGPageHeading a {
    color: #074686;
    margin: 0 5px 0 0;
    text-decoration: underline;
}
.TGPageHeading a:hover {
    text-decoration: none;
}
.TGExerciseBox {
    background-color: #f2f2f2;
    border: 2px solid #e0e0e0;
    color: #000000;
    float: left;
    font-size: 18px;
    line-height: 23px;
    margin: 4px 0;
    min-height: 269px;
    padding: 12px;
    width: 942px;
}
.TGExerciseBox h3 {
    color: #000000;
    font-family: "mako";
    font-size: 18px;
    font-weight: normal;
}
.TGExerciseBoxs h2 {
    color: #000000;
    font-family: arial;
    font-size: 18px;
    font-weight: normal;
    margin: 15px 0;
}
.TGQuestion {
    clear: both;
    color: black;
    font-family: "Mako",sans-serif;
    font-size: 20px;
    line-height: 25px;
}
.TGAnswer {
    color: #878787;
    font-family: "Mako",sans-serif;
    font-size: 20px;
    line-height: 25px;
    margin: 0 0 30px;
}
.TGScoreFeedback {
    float: left;
    font-family: mako;
    font-size: 15px;
    font-weight: bold;
    margin: 15px 0;
}
.TGScoreFeedback ul {
    margin: 0;
    padding: 0;
}
.TGScoreFeedback ul li {
    float: left;
    list-style-type: none;
    margin: 10px;
    padding: 0;
    width: 920px;
}
.TGScoreFeedback ul li a {
    text-align: left;
    text-decoration: underline;
}
.TGScoreFeedback ul li a:hover {
    text-decoration: none;
}
.TGScoreFeedback span {
    float: left;
    width: 150px;
}
.TGScoreFeedback p {
    float: left;
    line-height: 22px;
    width: 760px;
}
input.TGScoreFeedback {
    width: 120px;
}
textarea.TGScoreFeedback {
    width: 500px;
}
.TGInput {
    border: 1px solid #c7cdd1;
    padding: 5px;
}
.TGTextarea {
    border: 1px solid #c7cdd1;
    padding: 5px;
}
.TGHeadingBox {
    float: left;
    margin: 15px 0 0;
    padding: 10px 0;
}
.TGImage {
    background-image: url("../images/Sprite.png");
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    margin: 0 15px;
    padding: 0;
    width: 53px;
}
.TGHeadingBox h2 {
    color: #545454;
    float: left;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    width: 454px;
}
.TGHeadingBox h1 {
    color: #000000;
    font-family: arial;
    font-size: 21px;
    font-weight: bold;
    width: 454px;
}
.TGHeadingBox span {
    float: left;
}
.TGTableContainer {
    display: table;
    font-size: 14px;
    margin: 18px 0 10px;
}
.TGrow {
    background-color: #f0f0f0;
    display: table-row;
}
.TGSName.thead, .TGEmail.thead, .TGLesson.thead, .TGExcerciseHead.thead, .TGScore.thead, .TGExcercise.thead, .TGSTitle.thead, .TGSLName.thead {
    background-color: #c9c9c9;
    display: table-cell;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
}
.TGSName, .TGEmail, .TGLesson, .TGExcercise, .TGScore, .TGSLName, .TGSTitle, .TGJointDiv {
    display: table-cell;
    font-family: arial;
    font-size: 14px;
}
.TGSName {
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    margin: 0 1px 1px 0;
    padding: 10px;
    vertical-align: middle;
    width: 200px;
}
.TGSLName {
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    cursor: pointer;
    padding: 10px;
    vertical-align: middle;
    width: 462px;
}
.TGSTitle {
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    cursor: pointer;
    padding: 10px;
    vertical-align: middle;
    width: 462px;
}
.TGSTitle .a {
    cursor: pointer;
}
.TGEmail {
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    margin: 0 1px 1px 0;
    padding: 10px;
    vertical-align: middle;
    width: 300px;
}
.TGJointDiv {
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    vertical-align: middle;
    width: 430px;
}
.TGLesson {
    margin: 0 1px 1px 0;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    width: 230px;
}
.TGExcercise {
    border-left: 1px solid #c1c1c1;
    margin: 0 1px 1px 0;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    width: 157px;
}
.TGExcercise a {
    cursor: pointer;
    text-decoration: underline;
}
.TGExcercise a:hover {
    text-decoration: none;
}
.TGExcerciseHead {
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    margin: 0 1px 1px 0;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    width: 153px;
}
.TGScore {
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    cursor: pointer;
    margin: 0 1px 1px 0;
    padding: 10px;
    text-align: left;
    text-decoration: underline;
    vertical-align: middle;
    width: 90px;
}
.TGScore a:hover {
    text-decoration: none;
}
.TGInfo {
    background-color: #f2f2f2;
    border: 1px solid #dedede;
    float: left;
    font-family: arial;
    font-size: 14px;
    margin: 0;
    padding: 10px;
    width: 946px;
}
.TGInfo_Name {
    width: 180px;
}
.TGInfo_Term {
    width: 150px;
}
.TGInfo_Product {
    width: 560px;
}
.TGInfo_Description {
    width: 270px;
}
.TGInfo ul {
    margin: 0;
    padding: 0;
}
.TGInfo ul li {
    display: block;
    float: left;
    list-style-type: none;
    padding: 0;
}
.TGInfo ul li p {
    margin: 0 0 10px;
    padding: 0;
}
.TGInfo ul li span {
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    padding: 0;
}
.TGInfo ul li img {
    margin: 0 10px;
    padding: 0;
}
.TGInfoStudent {
    background-color: #f2f2f2;
    border: 1px solid #dedede;
    float: left;
    font-family: arial;
    font-size: 14px;
    margin: 0;
    padding: 0 10px;
    width: 946px;
}
.TGInfo_Student {
    border-right: 1px solid #c1c1c1;
    padding: 5px !important;
    width: 170px;
}
.TGInfo_Email {
    border-right: 1px solid #c1c1c1;
    padding: 5px !important;
    width: 230px;
}
.TGInfo_LessonName {
    border-right: 1px solid #c1c1c1;
    padding: 5px !important;
    width: 210px;
}
.TGInfo_ExcerciseName {
    border-right: 1px solid #c1c1c1;
    padding: 5px !important;
    width: 180px;
}
.TGInfo_Score {
    padding: 5px !important;
    width: 100px;
}
.TGInfoStudent ul {
    margin: 0;
    padding: 0;
}
.TGInfoStudent ul li {
    display: block;
    float: left;
    list-style-type: none;
    padding: 0;
}
.TGInfoStudent ul li p {
    margin: 0 0 10px;
    padding: 0;
}
.TGInfoStudent ul li span {
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    padding: 0;
}
.TGInfoStudent ul li img {
    margin: 0 10px;
    padding: 0;
}
.floatImgLeft {
    float: left;
}
.displayNone {
    display: none;
}
.SGBArrow {
    background-image: url("../images/popup2_bottom_arrow.png");
    background-position: left top;
    background-repeat: no-repeat;
    bottom: -12px;
    height: 12px;
    left: 183px;
    position: absolute;
    width: 29px;
    z-index: 2;
}
.SGBContentBox {
    background-color: #d9d9d9;
    border-radius: 15px;
    box-shadow: 0 0 5px #888888;
    color: #000000;
    float: left;
    font-family: arial;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    padding: 15px;
    text-align: left;
    width: 352px;
}
.SGBcloseBttn {
    background-image: url("../images/alertBoxClose.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 27px;
    position: absolute;
    right: -7px;
    top: -11px;
    width: 27px;
    z-index: 1;
}
.SGBtooltip {
    bottom: 39px;
    float: none;
    position: absolute;
    right: -175px;
    text-align: center;
    width: 385px;
    word-wrap: break-word;
    z-index: 999;
}
.SETable {
    font-family: Arial;
    font-size: 14px;
    margin: 0 0 15px;
}
.SEHeading {
    background-color: #d9d9d9;
    border: 1px solid #dbdbdb;
    font-weight: bold;
    padding: 10px;
}
.SETableTD {
    background-color: #f2f2f2;
    border: 1px solid #e0e0e0;
    padding: 10px;
}
.SETableTD h1 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 15px;
}
.SETableTD p {
    float: left;
    font-size: 14px;
    margin: 0 0 10px;
    padding: 0;
}
.SETableTD p img {
    cursor: pointer;
    margin: 0 6px;
    vertical-align: middle;
}
.SEBttnSpace {
    margin: 0 10px 0 0;
}
.helpIconPopupSpace {
    margin: 0 0 0 10px;
}
.SEDividerSpace {
    margin: 0 10px 0 0;
}
.SEEmail {
    font-weight: bold;
}
.SEDownload {
    background-color: #f2f2f2;
    border: 1px solid #dbdbdb;
    margin: 15px 0 0;
    padding: 16px;
    text-align: right;
}
.SEMainText h1 {
    font-family: mako;
    font-size: 24px;
    font-weight: normal;
    margin: 5px 0 0;
}
.unEnroll {
    color: #074686;
    float: right;
    font-size: 16px;
    margin: 0 5px 0 0;
    text-decoration: underline;
}
a.unEnroll:hover {
    text-decoration: none;
}
.SEMainText p {
    font-family: arial;
    font-size: 14px;
    line-height: 21px;
    margin: 12px 0;
    padding: 0;
}
.LMSPopup {
}
.LMSPopup ul {
    margin: 0;
    padding: 0;
}
.LMSPopup ul li {
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
}
.LMSPopup ul li label {
    width: 90px;
}
.LMSPopup ul li span {
}
.FeedbackAudioPlayer {
    padding-left: 30px;
}
.GBChart {
    padding: 0;
}
.GBChart ul {
    margin: 0;
    padding: 0;
}
.GBChart ul li {
    border-bottom: 1px solid gray;
    font-size: 12px;
    line-height: 19px;
    list-style-type: none;
    margin: 0;
    padding: 11px 15px 10px 45px;
}
.GBChart ul li span {
    border-right: 1px solid gray;
    float: left;
    font-weight: bold;
    margin: 0 15px 0 -31px;
    padding: 0;
    width: 15px;
}
.GBChartContainer {
    border: 1px solid;
    float: left;
    height: 377px;
    margin: 34px 3px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: -430px;
    width: 350px;
}
.GBBox {
    border: 2px solid #e2e2e2;
    margin: 0 0 15px;
    padding: 10px 15px;
}
.GBBox img {
    cursor: pointer;
}
.GBBox h1 {
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}
.LMSContent {
    background-color: white;
    font-family: arial;
    padding: 15px;
}
.LMSContent h1 {
    font-family: "mako";
    font-size: 20px;
    margin: 0 0 15px;
    padding: 0;
}
.LMSContenth1Margin {
    margin: 20px 0 !important;
}
.LMSContent h2 {
    font-family: "mako";
    font-size: 18px;
    margin: 0 0 15px;
    padding: 0;
}
.LMSContent h3 {
    font-family: "mako";
    font-size: 15px;
    margin: 15px 0;
    padding: 0;
}
.LMSContent p {
    font-family: "arial";
    font-size: 14px;
    margin: 0 0 10px;
    padding: 0;
}
.LMSContent iframe {
    border: 1px solid #cccccc;
    box-shadow: 2px 2px 5px #cccccc;
    margin: 10px 0;
}
.LMSContent ul {
    margin: 0;
    padding: 0;
}
.LMSContent ul li {
    font-size: 14px;
    line-height: 18px;
    list-style-type: disc;
    margin: 0 0 15px 15px;
    padding: 0;
}
.LMSContent ul li span {
    color: #4f81bd;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.LMSContent ul li img {
    display: block;
    margin: 15px auto;
    text-align: center;
}
.LMSContent ul li ul li {
    font-size: 14px;
    line-height: 18px;
    list-style-type: disc;
    margin: 15px 0 0 40px;
    padding: 0;
}
.LMSContent ul li ul li a {
    color: #074686;
    font-family: arial;
    text-decoration: underline;
}
.LMSContent ul li ul li a:hover {
    color: #074686;
    font-family: arial;
    text-decoration: none;
}
.HelpPage {
    background-color: white;
    font-family: arial;
    padding: 15px;
}
.HelpPage h1 {
    font-family: "mako";
    font-size: 20px;
    margin: 0 0 15px;
    padding: 0;
}
.LMSContenth1Margin {
    margin: 20px 0 !important;
}
.HelpPage h2 {
    font-family: "mako";
    font-size: 18px;
    margin: 0 0 15px;
    padding: 0;
}
.HelpPage h3 {
    font-family: "mako";
    font-size: 15px;
    margin: 15px 0;
    padding: 0;
}
.HelpPage p {
    font-family: "arial";
    font-size: 14px;
    margin: 0 0 10px;
    padding: 0;
}
.HelpPage p a:hover {
    text-decoration: none;
}
.HelpPage iframe {
    border: 1px solid #cccccc;
    box-shadow: 2px 2px 5px #cccccc;
    margin: 10px 0;
}
.HelpPage ul {
    margin: 0 0 0 20px;
    padding: 0;
}
.HelpPage ul li {
    font-size: 14px;
    line-height: 18px;
    list-style-type: disc;
    margin: 0 0 15px 15px;
    padding: 0;
}
.HelpPage ul li a:hover {
    text-decoration: none;
}
.HelpPage ul li span {
    color: #4f81bd;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.HelpPage ul li img {
    display: block;
    margin: 15px auto;
    text-align: center;
}
.HelpPage ul li ul li {
    font-size: 14px;
    line-height: 18px;
    list-style-type: disc;
    margin: 15px 0 0 40px;
    padding: 0;
}
.HelpPage ul li ul li a {
    color: #074686;
    font-family: arial;
    text-decoration: underline;
}
.HelpPage ul li ul li a:hover {
    color: #074686;
    font-family: arial;
    text-decoration: none;
}
.downLoadBttn {
    margin: 15px 0 0;
    padding: 8px 0;
    width: 130px;
}
.downLoadBttn a {
    margin: 15px 0 0;
    padding: 6px 15px;
    text-decoration: none;
}
.downLoadBttn p {
    cursor: pointer;
    float: right;
    height: 14px;
    padding: 0;
    position: relative;
    width: 14px;
}
.classDashboard {
    float: left;
    padding: 10px 23px 10px 11px;
    width: 968px;
}
.classDashboard h1 {
    color: #000000;
    font-family: "Mako",sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 10px;
}
.classDashboard a {
    color: #074686;
    margin: 0 5px 0 0;
    text-decoration: underline;
}
.classDashboard a:hover {
    text-decoration: none;
}
li.questionsStatus {
    font-style: italic;
    text-align: right;
}
#spanSelectedQuestions, #spanTotalQuestions {
    font-weight: bold;
}
.batchManage {
    margin: 0 11px;
}
.batchManage h1 {
    font-family: "Mako",sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 15px 0;
}
.batchManage h3 {
    font-family: "Mako",sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0;
}
.batchManage p {
    font-family: arial;
    font-size: 14px;
    line-height: 21px;
    margin: 12px 0;
    padding: 0;
}
.bttnstyle {
    padding: 7px 14px !important;
    text-decoration: none;
}
.PopupBttnstyle {
    color: #ffffff !important;
    margin: 0 0 0 10px;
    padding: 5px 14px !important;
    text-decoration: none;
}
select.popupSelect {
    border: 1px solid #cccccc;
    height: 33px;
    margin: 15px 0 0 8px;
    padding: 6px 3px 6px 0;
    width: 125px;
}
.videoBorder {
    background-color: white;
    border: 1px solid white;
    height: 270px;
    width: 348px;
}
.GBTooltipBox {
    position: absolute;
}
.GBHelpClose {
    background-image: url("../images/alertBoxClose.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 27px;
    left: 366px;
    position: absolute;
    top: -10px;
    width: 27px;
    z-index: 1;
}
.GBrightArrow {
    background-image: url("../images/popup2_arrow.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 27px;
    left: -12px;
    position: absolute;
    top: 11px;
    width: 27px;
    z-index: 1;
}
.GBalertBox {
    background-color: #d9d9d9;
    border-radius: 15px;
    box-shadow: 0 0 5px #888888;
    color: #000000;
    float: left;
    font-size: 13px;
    left: 450px;
    line-height: 20px;
    padding: 15px;
    text-align: left;
    top: -39px;
    width: 352px;
    z-index: 999;
}
.submissionDateAllDate {
    display: inline-block;
    float: right;
    width: 200px;
}
.submissionDateAllDate img {
    padding-top: 2px;
}
.createCourseFormStep3sub {
    background-color: #ebebeb;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 16px;
    width: 448px;
}
.createCourseFormStep3subApplyWidth {
    width: 589px;
}
.submissionDateAllText {
    display: inline-block;
    line-height: 1.2;
    width: 200px;
}
.AssignmentStartDate {
    font-size: 14px;
    height: 21px;
    margin-left: 5px;
    margin-right: 2px;
    padding-left: 2px;
    vertical-align: top;
    width: 150px;
}
#custSubmissionDateForAll {
    font-size: 14px;
    height: 21px;
    margin-left: 5px;
    margin-right: 2px;
    padding-left: 2px;
    vertical-align: top;
    width: 150px;
}
.submissionDateAllDateImg {
    padding: 2px 0 0 2px;
    position: absolute;
}
.GBYaxisLabel {
    float: right;
    margin-top: 10px;
}
.GBYaxisLabel span {
    font-weight: bold;
}
.audioGenerationIcon {
    font-family: arial;
    font-size: 14px;
}
.audioGenerationIcon img {
    margin: 0 2px;
    vertical-align: middle;
}
.audioGenerationIcon p {
    margin: 10px 0;
    padding: 0;
}
.removeMargin {
    margin: 0;
}
.spanRejectedClass {
    display: inline;
    font-style: normal;
    position: relative;
}
.aButton {
    background: #ba202a none repeat scroll 0 0;
    border: 2px solid #760813;
    border-radius: 4px;
    color: #fff !important;
    cursor: pointer;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    height: 30px;
    margin: 0 15px 0 0;
    padding: 6px 14px;
    position: relative;
    text-align: center;
}
.aButtonTestBank {
    background: #ba202a none repeat scroll 0 0;
    border: 2px solid #760813;
    border-radius: 4px;
    color: #fff !important;
    cursor: pointer;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;    
    padding: 6px 14px;
    position: relative;
    text-align: center;
}
.insfeedback {
    margin-right: 5px;
}
.clsReplyPanelTextArea {
    margin: 15px 0 0;
}
.textAreaSpace {
    margin: 0 0 15px;
}
.bttnTopSpace {
    margin: 15px 0 0 !important;
}
.bttnTopSpace ul li {
    display: inline;
}
.discussionForumContent {
    background-color: white;
    float: left;
    font-family: arial;
    padding: 15px 6px;
}
.discussionForumContent h1 {
    font-family: "mako";
    font-size: 20px;
    margin: 0 0 15px;
    padding: 0;
}
.discussionForumContent h3 {
    font-family: "mako";
    font-size: 15px;
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
}
.discussionForumContent h3 a:hover {
    text-decoration: none;
}
.discussionForumContent h1 a:hover {
    text-decoration: none;
}
.viewAttachedFile {
    margin: 0 10px 10px !important;
}
.viewAttachedFile a:hover {
    text-decoration: none;
}
.discussionForumContent h2 {
    font-family: arial;
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 8px;
    padding: 0;
}
.discussionForumContent h1 a {
    float: right;
    font-family: "Arial";
    font-size: 14px;
    margin: 0 3px 8px 0;
    text-decoration: underline;
}
.discussionForumContent h2 a:hover {
    text-decoration: none;
}
select.myBlogsSelectedList {
    border: 1px solid #cccccc;
    height: 33px;
    margin: 0 15px 0 0;
    padding: 6px 3px 6px 0;
}
.discussionForumContent h2 a:hover {
    text-decoration: none;
}
.DFCreateThreadBox {
    background-color: #f0f0f0;
    border: 2px solid #e2e2e2;
    float: left;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    margin: 0 0 15px;
    padding: 10px;
    width: 944px;
}
.DFScreen3Box {
    border: 2px solid #e2e2e2;
    float: left;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    margin: 0 0 15px;
    padding: 10px;
    width: 941px;
}
.DFScreen3InnerBox {
    background-color: #f0f0f0;
    border: 2px solid #e2e2e2;
    display: block;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    margin: 0 0 15px;
    padding: 10px;
}
.DFtopicRespond {
    margin: 0;
    padding: 10px 11px 10px 40px;
}
.DFtopic2ndLevelRespond {
    margin: 0;
    padding: 10px 20px 10px 30px;
}
.DFtopic2ndLevelRespond h3 {
    font-size: 14px;
    margin: 0 0 15px -20px;
}
.DFtopic2ndLevelRespond h3 a {
    float: none;
    margin: 0 0 0 10px;
}
.DFtopicRespond h1 {
    font-size: 14px;
    margin: 0 0 15px -20px;
}
.DFtopicRespond h1 a {
    float: none;
}
.DFtopicRespond h3 {
    font-size: 14px;
    margin: 0 0 15px -30px;
}
.DFtopicRespond h3 a {
    float: none;
    margin: 0 0 0 10px;
}
.DFtopicRespond h2 {
    margin: 0 0 3px;
}
.DFtopicRespond h2 a {
    float: none;
    margin: 0 !important;
}
.DFtopicRespond h2 img {
    margin: 0 10px 0 -20px;
    vertical-align: middle;
}
.DFtopicRespond p {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}
.newDelete a {
    float: right;
    font-size: 12px;
    position: relative;
    right: -20px;
    text-decoration: underline;
    top: -17px;
}
.newDelete a:hover {
    text-decoration: none;
}
.newDelete img {
    margin: 0 10px 0 -20px;
    vertical-align: middle;
}
.DFtopic {
    color: Black;
}
.DFtopic p {
    margin: 0;
    padding: 0;
}
.DFtopic h1 {
    font-family: "Mako";
    font-size: 20px;
    margin: 0 0 10px 10px;
}
.DFtopic h1 a {
    color: #074686;
    float: right;
    font-family: "Arial";
    font-size: 12px;
}
.DFtopic h1 a:hover {
    text-decoration: none;
}
.addCommentResponse {
    border: 1px solid #bd202d;
}
.addCommentResponse span {
    border: 1px solid green;
}
.addCommentResponse span a {
    border: 1px solid #074686;
}
.deleteAddComment {
    color: #074686 !important;
    float: right !important;
    font-family: "Arial";
    font-size: 12px !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: underline !important;
}
.deleteAttachement {
    cursor: pointer;
    padding-left: 5px;
    vertical-align: middle;
}
.totalReplies a:hover {
    text-decoration: none !important;
}
.deleteAddComment img {
    margin: 0 10px 0 -20px;
    vertical-align: middle;
}
.deleteResponse {
    color: #074686;
    float: right !important;
    font-family: "Arial";
    font-size: 12px !important;
    text-decoration: none;
}
.DFtopic h1 a img {
    margin: 0 5px 0 0;
    vertical-align: middle;
}
.DFtopic h2 {
    font-family: "Mako";
    font-size: 16px;
    font-weight: normal;
    margin: 0 10px 10px;
}
.DFtopic h2 span {
    color: #074686;
    font-family: "Mako";
    font-size: 16px;
    margin: 0 0 10px;
}
.DFtopic h2 img {
    padding-left: 5px;
    vertical-align: middle;
}
.DFtopic h2 a {
    float: none;
    padding: 5px 5px 0 0;
}
.instrText {
    color: #bd202d;
}
.addComment {
    font-family: Arial;
    font-size: 12px;
}
.addComment span {
    color: gray;
    line-height: 21px;
    margin: 0 10px !important;
    padding: 0 10px 0 0;
}
.addComment a {
    color: #074686;
    float: right;
    font-weight: normal;
    line-height: 21px;
    margin: 10px -18px 0 0;
    text-decoration: underline;
}
.addComment a:hover {
    text-decoration: none;
}
.addComment img {
    margin: 0 6px 0 0;
    vertical-align: middle;
}
.totalReplies span {
    border-right: 2px solid gray;
    color: gray;
    line-height: 21px;
    margin: 0 10px !important;
    padding: 0 10px 0 0;
}
.totalReplies span img {
    cursor: pointer;
    float: left;
    margin: 0 -7px 0 7px;
}
.totalReplies a {
    color: #bd202d;
    font-weight: bold;
    line-height: 21px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    text-decoration: underline;
}
.totalReplies a:hover {
    text-decoration: none;
}
.topicContent {
    margin: 0 0 10px 10px !important;
}
.replyContent {
    margin: 0 0 10px 10px !important;
    word-wrap: break-word;
}
.topicDate {
    color: Gray;
    margin: 0 10px 10px !important;
}
.fileAttachment {
    margin: 0 0 10px 10px !important;
}
.respondContent {
    margin: 0 0 3px 10px !important;
    word-wrap: break-word;
}
.respondDate {
    color: Gray;
    margin: 0 10px 2px !important;
}
.hrLine2ndLevel {
    border-bottom: 1px solid #cccccc;
    margin: 8px 0 3px !important;
}
.hrLine {
    border-bottom: 1px solid #cccccc;
    margin: 0 0 10px !important;
}
.DFCreateThreadBox p {
    clear: both;
    margin: 0 0 17px;
}
.CTLink {
    float: right;
}
.CTLink a {
    color: #074686;
}
.CTLink a:hover {
    text-decoration: none;
}
.commentDate {
    color: Gray;
    margin: 0 10px 2px !important;
}
.comment {
    color: Gray;
    margin: 0 10px 2px !important;
}
.attachmentDiv {
    clear: both;
    display: block;
    margin: 0 0 4px;
}
.attachmentFileDiv {
    left: -12px;
    padding: 10px 0 15px;
}
.attachmentFileDiv label:first-child {
    font-weight: bold;
}
.attachmentBox {
    float: left;
    margin: 0 0 0 15px;
}
.browseAttach {
    float: left;
}
.icon-attach {
    float: left;
    margin: 0 6px 0 0;
}
.attachmentDiv ul {
    margin: 0;
    padding: 0;
}
.attachmentDiv ul li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.DFCreateTopic {
    clear: both;
    display: block;
}
.DFCreateTopic ul {
    margin: 0;
    padding: 0;
}
.DFCreateTopic ul li {
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0;
}
.DFCreateTopic ul li span {
    text-align: right;
}
.DFCreateThreadBoxList {
    clear: both;
    display: block;
}
.DFCreateThreadBoxList ul {
    margin: 0;
    padding: 0;
}
.DFCreateThreadBoxList ul li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.DFCreateThreadBoxList ul li span {
    margin: 10px 5px 0 0;
    text-align: right;
    width: 96px;
}
.backToList {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #f2f2f2, #dbdbdb) repeat scroll 0 0;
    clear: both;
    padding: 12px;
    text-align: center;
}
.backToList a {
    text-decoration: underline;
}
select.DFSelectProduct {
    border: 1px solid #cccccc;
    height: 33px;
    margin: 0 15px 0 0;
    padding: 6px 3px 6px 0;
    width: 465px;
}
select.DFSelectClass {
    border: 1px solid #cccccc;
    height: 33px;
    padding: 6px 3px 6px 0;
    width: 300px;
}
input.DFAttachInput {
    border: 1px solid #cccccc;
    border-radius: 4px;
    height: 25px;
    line-height: 21px;
    margin: 0 5px 0 0;
    padding: 5px;
    position: relative;
    width: 200px;
}
input.DFInput {
    border: 1px solid #cccccc;
    border-radius: 4px;
    height: 25px;
    line-height: 21px;
    margin: 0 15px 0 0;
    padding: 5px;
    position: relative;
    width: 277px;
}
input.DFTopicInput {
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 14px;
    height: 33px;
    margin: 0 15px 0 0;
    padding: 0 5px;
    position: relative;
    width: 930px;
}
.topic, .lastReply, .lastReplyContainer, .topicContent, .lastReplyFooter {
    display: table-cell;
    font-family: arial;
    font-size: 14px;
}
.topic.thead, .lastReply.thead, .lastReplyFooter.thead {
    background-color: #c9c9c9;
    display: table-cell;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
}
.topic {
    margin: 0 1px 1px 0;
    padding: 10px;
    width: 730px;
}
.topicContent {
    border-right: 2px solid #d9d9d9;
    margin: 0 1px 1px 0;
    width: 620px;
}
.topicContent p {
    line-height: 16px;
    margin: 0 0 7px;
    padding: 0 10px 0 0;
    width: 620px;
    word-wrap: break-word;
}
.lastReply p {
    line-height: 16px;
    margin: 0 0 7px;
    padding: 0;
}
.topicLink {
    color: #074686;
}
.replies {
    font-family: mako;
    font-size: 14px;
    margin: 25px 0 0 !important;
}
.replies a {
    text-decoration: none;
}
.lastReplyTxt {
    color: #074686;
}
.lastReplyTxt a {
    font-size: 14px;
}
.lastReplyTxt a:hover {
    text-decoration: none;
}
.topicLink a {
    font-size: 16px;
}
.topicLink a:hover {
    text-decoration: none;
}
.lastReplyContainer p span {
    border-right: 2px solid gray;
    color: gray;
    line-height: 21px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}
.lastReplyContainer p span:last-child {
    border-right: 0 none;
    color: gray;
    line-height: 21px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}
.lastReplyContainer p img {
    margin: 0 6px 0 0;
    vertical-align: middle;
}
.topicContent p span {
    border-right: 2px solid gray;
    color: gray;
    line-height: 21px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}
.topicContent p span:nth-child(3) {
    border-right: 0 none;
    color: gray;
    line-height: 21px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}
.lastReplyFooter {
    margin: 0 1px 1px 0;
    padding: 10px;
    width: 946px;
}
.lastReply {
    margin: 0 1px 1px 0;
    padding: 10px;
    width: 342px;
}
.lastReplyContainer {
    margin: 0 1px 1px 0;
    padding: 0 0 0 10px;
    width: 342px;
}
.TopicDetailBox {
    background-color: #f2f2f2;
    border: 1px solid #e0e0e0;
    margin: 2px 0 0;
    padding: 10px;
}
.TopicContainer {
    display: table;
    font-size: 14px;
    margin: 18px 0 0;
}
.TopicContainerTopSpace {
    margin: 0;
}
.floatRight {
    float: right;
}
.floatLeft {
    float: left;
}
.dvShowMore {
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}
.redPublishBttn {
    background: #ba202a -moz-linear-gradient(center top , #ba202a 0%, #871219 100%) repeat scroll 0 0;
    border: 2px solid #ba202a;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    height: 25px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 55px;
}
.redColorBttn {
    background: #ba202a -moz-linear-gradient(center top , #ba202a 0%, #871219 100%) repeat scroll 0 0;
    border: 2px solid #ba202a;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    height: 30px;
    margin: 0;
    padding: 0 14px;
    position: relative;
    text-align: center;
}
.blogContainerBox {
    clear: both;
}
.blogLHS {
    float: left;
    margin: 0 5px 0 0;
    width: 240px;
}
.blogLHS ul {
    margin: 0;
    padding: 0;
}
.blogLHS ul li {
    border-bottom: 1px solid #cccccc;
    font-size: 14px;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 15px 25px;
}
.blogLHS ul li li {
    border-bottom: medium none;
    color: #074686;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 15px 25px;
}
.blogLHS ul li li a {
    text-decoration: underline;
}
.blogLHS ul li li a:hover {
    text-decoration: none;
}
.blogRHS {
}
.blogRHS h1 {
    font-family: "Mako";
    font-size: 20px;
    margin: 0 0 10px 10px;
}
.blogRHS h1 a {
    float: right;
    font-size: 12px;
}
.blogRHS h2 {
    font-family: "Mako";
    font-size: 16px;
    font-weight: normal;
    margin: 0 10px 10px;
}
.BlogsubMenu {
}
.blogPost {
    margin: 0 20px;
}
.blogPost p {
    margin: 0;
    padding: 0;
}
.blogPost h1 {
    font-family: "Mako";
    font-size: 20px;
    margin: 0 0 10px;
}
.blogPost h1 a {
    float: right;
}
.blogPost h2 {
    font-family: "Mako";
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 10px;
}
.blogPost h2 span {
    color: #074686;
    font-family: "Mako";
    font-size: 16px;
    margin: 0 0 10px;
}
.blogPost h2 img {
    vertical-align: middle;
}
.blogPostGrayBox {
    background-color: #e8e8e8;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    margin: 20px 0;
    padding: 20px 0 20px 20px;
}
.blogPostGrayBox p {
    margin: 0;
    padding: 0;
}
.blogPostGrayBox h1 {
    font-family: "Mako";
    font-size: 20px;
    margin: 0 0 10px;
}
.blogPostGrayBox h1 a {
    float: right;
}
.blogPostGrayBox h2 {
    font-family: "Mako";
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 10px;
}
.blogPostGrayBox h2 span {
    color: #074686;
    font-family: "Mako";
    font-size: 16px;
    margin: 0 0 10px;
}
.blogDate {
    color: Gray;
    margin: 0 10px 10px 0 !important;
}
.blogHRLine {
    border-bottom: 1px solid #cccccc;
    margin: 0 0 10px !important;
}
.blogPostHRLine {
    border-bottom: 1px solid #001a33;
    margin: 10px 0 !important;
}
.blogContent {
    font-size: 12px;
    margin: 0 0 10px !important;
    width: 924px;
    word-wrap: break-word;
}
.blogCommentsBlue {
    margin: 10px 0 0 !important;
}
.blogCommentsBlue span {
    border-right: 2px solid gray;
    color: gray;
    line-height: 21px;
    margin: 0 10px !important;
    padding: 0 10px 0 0;
}
.blogCommentsBlue a {
    color: #074686;
    font-weight: normal;
    line-height: 21px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    text-decoration: underline;
}
.blogCommentsBlue a:hover {
    text-decoration: none;
}
.blogCommentsBlue img {
    margin: 0 6px 0 0;
    vertical-align: middle;
}
.blogComments {
}
.blogComments span {
    border-right: 2px solid gray;
    color: gray;
    line-height: 21px;
    margin: 0 10px !important;
    padding: 0 10px 0 0;
}
.blogComments a {
    color: #bd202d;
    font-weight: bold;
    line-height: 21px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    text-decoration: underline;
}
.blogComments a:hover {
    text-decoration: none;
}
.blogComments img {
    vertical-align: middle;
}
.deleteBlogComment {
    color: #074686 !important;
    float: right !important;
    font-family: "Arial";
    font-size: 12px !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
}
.deleteBlogComment img {
    margin: 0 10px 0 -20px;
    vertical-align: middle;
}
.textRight {
    text-align: right;
}
.textCenter {
    text-align: center;
}

.textLeft {
    text-align: left;
}
.postResponseBox {
    background-color: #f2f2f2;
    border: 1px solid #e0e0e0;
    float: left;
    margin: 0;
    padding: 10px;
    width: 944px;
}
.postResponseContainer {
    float: left;
    margin: 0 0 10px;
}
.myPostBox {
    float: left;
    margin: 0 15px 0 0;
    width: 630px;
}
.myPostBox p {
    margin: 0;
    padding: 0;
}
.MPHeading1 {
    font-size: 18px;
    margin: 0 0 15px !important;
}
.MPHeading1 a:hover {
    text-decoration: none;
}
.MPContent {
    font-size: 13px;
    margin: 0 0 10px !important;
    word-wrap: break-word;
}
.MPInfo {
    color: #616161;
    font-size: 13px;
    margin: 0 0 10px !important;
}
.MPInfo span {
    border-right: 1px solid #616161;
    font-size: 14px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}
.MPDividerLine {
    border-right: 2px solid #d9d9d9;
    padding: 0 10px 0 0;
}
.lastResponseBox {
    float: right;
    width: 290px;
}
.lastResponseBox p {
    margin: 0;
    padding: 0;
}
.LRInfo {
    color: #616161;
    font-size: 13px;
}
.LRInfo span {
    border-right: 1px solid #616161;
    font-size: 13px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}
.LRInfo img {
    margin: 0 10px 0 0;
    vertical-align: middle;
}
.LRContent {
    font-size: 13px;
    margin: 30px 0 10px !important;
    word-wrap: break-word;
}
.LRContent a:hover {
    text-decoration: none;
}
.textAlignCenter {
    text-align: center;
}
.postValidation.error {
    background: #ff2e46 none repeat scroll 0 0;
}
.postValidation {
    background: #a3aebc none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
    color: white;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 18px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    width: 300px;
}
.popUpBoxHeight {
    height: 130.6px !important;
}
.DFTab {
    margin: 0;
    padding: 0;
}
.DFTab h1 {
    background-color: #ebebeb;
    border: 1px solid #e0e0e0;
    font-family: "mako";
    font-size: 18px;
    margin: 2px 0 0 !important;
    padding: 10px;
}
.DFTab h2 {
    background-color: #f0f0f0;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    font-family: "mako";
    font-size: 18px;
    margin: 0 !important;
    padding: 10px;
}
.DFTabDetails {
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    margin: 0;
    padding: 10px;
}
.repliesMargin {
    font-family: mako;
    font-size: 14px;
    margin: -5px 0 0 !important;
}
.lastReplyTxtMargin {
    margin: 0 0 10px;
}
.DFDetailsBG {
    background-color: #f2f2f2;
    font-size: 14px;
    margin: 0 0 2px;
}
.disabledLink {
    color: gray !important;
    cursor: default;
    pointer-events: none;
    text-decoration: none !important;
}
.subGroup {
    float: left !important;
    margin: 0 7px 0 23px !important;
    padding: 5px 0 0 !important;
}
.subGroupCheckBox {
    float: left;
    margin: 0 5px 0 0 !important;
}
#txtUserCounts {
    font-size: 0.9em;
    width: 250px;
}
#lnkEditTopic {
    float: none;
}
.HeaderNavbarRight {
    color: #fff;
    margin: 7px 15px 1px;
    padding: 4px;
    text-align: right;
}
.HeaderNavbarRight a {
    color: #fff;
    margin: 0 8px;
    text-decoration: underline;
}
.HeaderNavbarRight a:hover {
    color: #fff;
    margin: 0 8px;
    text-decoration: none;
}
.fontWB {
    font-weight: bold;
}
.ui-dialog .ui-dialog-buttonpane {
    background-color: rgba(0, 0, 0, 0);
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    text-align: center;
}
#alert-message p {
    font-size: 12px;
    margin: 5px 0 0 5px;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0.6em 1.3em;
}
.ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    margin: 0;
}
.ui-dialog .ui-dialog-content {
    min-height: 0 !important;
}
#alert-message p a {
    color: #074686;
    text-decoration: underline;
}
#alert-message p a:hover {
    text-decoration: none;
}
#Confirm-message p {
    font-size: 12px;
    margin: 5px 0 0 5px;
}
.ui-dialog-buttonset .buttonMargin {
    margin: 0 10px 0 0 !important;
}
.ui-button-text-only .ui-button-text {
    padding: 0 !important;
}
.CUPopup {
    margin: 20px 0;
}
#modalConfirm #popup_panel {
    text-align: center;
}
.GBButton {
    float: left;
    margin: 0 14px 0 0;
}
.GBButton a {
    color: #ffffff;
    float: left;
    margin: 8px 0 0;
    text-decoration: none;
}
.GBLinksExport {
    color: #ffffff !important;
    float: left;
    height: 19px;
    line-height: 21px;
    margin: 0 0 13px !important;
    padding: 6px 10px;
    text-decoration: none;
}
.GBHeading p.GBLinks {
    margin: 15px 0;
}
.listButtons {
    margin: 20px 0;
}
.listButtonsDiv {
}
.listButtonsDiv span {
    float: left;
    margin: 10px 15px 0 0;
}
.errormsg {
    clear: both;
    color: #ff0000;
    position: relative;
}
.stuerrormsg {
    clear: both;
    color: #ff0000;
    position: relative;
}
#lnkstuPurchaseCode {
    border: 2px solid #760813;
}
#lnkstuRedeemCode {
    border: 2px solid #760813;
}
.btnPurchaseCode {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ba202a, #871219) repeat scroll 0 0;
    border: 2px solid #760813;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    height: 30px;
    left: -150px !important;
    margin: 2px 0 20px 10px !important;
    padding: 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 85px;
}
.btnPurchaseCodeDavisPlus {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ba202a, #871219) repeat scroll 0 0;
    border: 2px solid #760813;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    float: right !important;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    height: 30px;
    left: -25px;
    margin: 6px 0 !important;
    padding: 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 85px !important;
}
.reg_container {
    border: 1px solid #d5d5d5;
    float: left;
    margin-left: 20px;
    width: 515px;
}
.reg_container label {
    width: 132px !important;
}
.reg_container input[type="text"] {
    width: 315px !important;
}
.reg_container input[type="password"] {
    width: 315px !important;
}
.reg_container .bottomInput input[type="text"] {
    width: 295px !important;
}
.bottomInput {
    clear: both;
    padding: 0 0 0 29px;
}
.reg_container .bottomInput input[type="password"] {
    width: 295px !important;
}
.DP_reg__container {
    background: #e3e3e3 none repeat scroll 0 0;
    border: 0 none;
    float: left;
    padding: 2px 2px 30px;
    width: 380px;
}
.DP_reg__container b {
    vertical-align: super;
}
.DP_reg__container label {
    width: 134px !important;
}
.highlight_bg {
    background: #d7e2ea none repeat scroll 0 0;
    border: 1px solid #d5e2eb;
}
.reg_bttnBox {
    padding-left: 159px;
    text-align: left;
}
.reg_tooltip {
    cursor: pointer;
    float: right;
    margin: 5px 0 0;
    top: 0;
}
.reg_tooltipID {
    cursor: pointer;
    float: right;
    margin: 0;
    top: 0;
}
.reg_tooltipClose {
    background-image: url("../images/alertBoxClose.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 25px;
    left: 303px;
    position: absolute;
    right: 0;
    top: -14px;
    width: 25px;
    z-index: 10;
}
.reg_Codetooltip {
    background-color: #d9d9d9;
    border: 1px solid #b8b8b8;
    color: #000000;
    font-family: arial;
    font-size: 14px;
    left: -65px;
    line-height: 19px;
    padding: 20px;
    position: absolute;
    text-align: left;
    top: 20px;
    width: 275px;
    word-wrap: break-word;
    z-index: 10;
}
.reg_Codetooltip img {
    left: 135px;
    position: absolute;
    top: -13px;
    z-index: 10;
}
.accessCodevalidation {
    top: 19px;
}
.NMRPart1 {
    background-color: #d5e0e8;
    border: 1px solid #bacad4;
    float: left;
    margin: 0 0 10px;
    padding: 10px;
}
.NMRPart1 ul {
    margin: 0;
    padding: 0;
}
.NMRPart1 ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.EACError {
    margin: 0 0 0 1px;
    padding: 0;
    text-align: left;
}
.EACErrorTwo {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
}
.EACErrorTwo span {
    float: left;
    left: 0 !important;
    padding: 0 0 0 5px;
    width: 320px;
}
.reg_bttnBoxSpacing {
    padding-left: 189px;
}
.DP_reg__container input[type="text"] {
    width: 180px !important;
}
.DP_reg__container input[type="Password"] {
    width: 184px !important;
}
.DP_reg__container .bottomInput input[type="text"] {
    width: 184px !important;
}
.DP_reg__container .bottomInput input[type="Password"] {
    width: 184px !important;
}
.DP_reg__container .bottomInput label {
    width: 110px !important;
}
#lnkProductSelection {
    border: 2px solid #760813;
}
.DP_reg__container .EACError .field-validation-error {
    color: #ff0000;
    float: left;
    position: relative;
    width: 200px;
}
.EACErrorLeftTwo {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
}
.EACErrorLeftTwo span {
    float: left;
    left: 0 !important;
    padding: 0 0 0 5px;
    width: 190px;
}
.reg_container #stuProduct_msdd.selProBox {
    width: 319px;
}
.DP_reg__container #Product_msdd.selProBox {
    width: 183px;
}
.DP_reg__container .bottomInput li span.field-validation-error {
    left: 120px !important;
}
#formContainer {
    padding-bottom: 30px;
}
.bottomInput ul li {
    clear: both;
    list-style-type: none;
    margin: 0 0 10px;
}
.myform.stylized ul li {
    clear: both;
    list-style-type: none;
}
.confirmError span {
    float: left;
    left: 142px;
    margin: 0 0 5px;
    width: 290px;
}
.newInsError span {
    float: left;
    left: 142px;
    margin: 0 0 5px;
    width: 300px;
}
.reg_drpmsgalignment {
    margin: 2px 0 0 9px !important;
}
#divLab {
    float: left;
    margin: 0 0 10px;
}
#divdrpproduct {
    float: left;
    margin: 0 0 10px;
}
.DFCreateThreadBoxList p {
    line-height: 16px;
    margin: 0 0 20px 5px !important;
}
.Discussionforamfooter {
    background: #cfd1cf -moz-linear-gradient(center top , #f0f0f0, #f0f0f0) repeat scroll 0 0;
    border-color: -moz-use-text-color #b6b6b6 #b6b6b6;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    margin: -20px 0 0 5px;
    padding: 10px 5px;
}
.studentDecisionAll {
    float: right;
    font-size: 14px;
    margin: 0 20px 0 0;
}
.studentDecisionAll ul {
    margin: 0 0 15px;
    padding: 0;
    text-align: right;
}
.studentDecisionAll ul li {
    display: inline;
    list-style-type: none;
    text-align: left;
}
.studentDecisionAll a {
    color: #074686;
    text-decoration: underline;
}
.studentDecisionAll a:hover {
    color: #074686;
    text-decoration: none;
}
.welcome_text {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-right: 7px;
    padding: 2px 0 0;
    text-align: right;
}
.welcome_text span {
    color: #333333;
    font-size: 15px;
    font-weight: 700;
    margin: 0 5px 0 0;
    padding: 0;
    text-align: right;
}
.wel_main3 {
    border: 3px solid red;
    display: inline-block;
    float: left;
}
.welcome_text .user_title {
    clear: both;
    color: #000;
    font-weight: 400;
    margin: 0 0 0 3px;
    max-width: 280px;
    min-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}
.previewStudentViewAlert a {
    display: inline;
}
.welcome_text {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding: 2px 0 0;
    text-align: right;
}
.head_drop_down {
    margin-left: 6px;
    margin-top: 0 !important;
}
.btn-group {
    display: inline-block;
    font-size: 0;
    margin: 8px 0 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}
.head_right_wrap .wel_main {
    margin-top: 11px !important;
}
.head_right_wrap .wel_main .wel_main {
    margin-top: 0 !important;
}
.head_drop_down .btn.dropdown-toggle {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 0 transparent;
    cursor: pointer;
    padding: 0;
}
.head_drop_down .dropdown-menu {
    background-color: #bd202d;
    border: 1px solid #bd202d;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #fff;
    min-width: 160px;
    padding: 10px 14px;
}
.header_container .dropdown-menu.popover.bottom .arrow {
    border-bottom-color: #2d83da;
    border-top-width: 0;
    left: 85%;
}
.dropdown-menu.popover.bottom .arrow {
    border-bottom: 10px solid #ffffff;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    height: 0;
    left: 77px;
    top: -10px;
    width: 0;
}
.dropdown-menu UL li {
    border: 1px solid GREEN;
    margin: 0;
    padding: 0;
}
.dropdown-menu li {
    list-style-type: none;
    margin: 0;
    padding: 10px;
}
.dropdown-menu li:hover {
    background-color: #c9c9c9;
}
.head_drop_down .dropdown-menu > li > a {
    border-bottom: 1px solid #da535e;
    border-radius: 0;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    padding: 10px 15px 11px;
    text-decoration: none;
}
.previewStudentViewAlert {
    background-color: #f0f0f0;
    border: 1px solid #808080;
    border-radius: 6px;
    box-shadow: 0 1px 3px #808080;
    float: left;
    font-weight: normal;
    margin: -20px 20px 0;
    max-width: 340px;
    padding: 6px;
    text-align: left;
}
.previewStudentViewAlert_new {
    background-color: #f0f0f0;
    border: 1px solid #808080;
    border-radius: 6px;
    box-shadow: 0 1px 3px #808080;
    color: #8a6d50;
    float: left;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    margin: -90px 240px 0;
    max-width: 445px;
    padding: 6px;
    text-align: left;
}
/*.head_drop_down .btn.dropdown-toggle .caret {
    background-image: url("../images/MLL arrow.png");
    background-repeat: no-repeat;
    border: medium none;
    height: 28px;
    margin: 8px 0 0 7px;
    width: 31px;
}*/
.head_drop_down.open .btn.dropdown-toggle .caret {
    background-image: url("../images/Hover.png");
    background-repeat: no-repeat;
}
.head_drop_down.open .btn.dropdown-toggle {
    background-color: #bd202d;
    border-bottom: 1px solid #bd202d;
    margin: 0;
    position: relative;
    z-index: 1000;
}
.head_right_wrap {
    float: right;
}
.spritePopup {
    background-image: url("../images/Sprite_Marketing.png");
    background-repeat: no-repeat;
}
.caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}
.pull-right {
    float: right !important;
}
.landing_home_page .head_right_wrap {
    float: right;
    margin: 0;
    padding: 0;
}
.pull-left {
    float: left !important;
}
.popover.bottom > .arrow {
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
    left: 50%;
    margin-left: -11px;
    top: -11px;
}
.popover > .arrow, .popover > .arrow::after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
.menuAlign {
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 35px;
    z-index: 99999;
}
.newArrow {
    border-bottom: 10px solid #074686;
    border-left: 10px solid transparent;
    border-right: 11px solid transparent;
    height: 0;
    left: 66px;
    position: absolute;
    top: -11px;
    width: 0;
}
.btn.btn-primary a {
    color: White;
    text-decoration: none;
}
.btn.btn-primary a:hover {
    color: White;
    text-decoration: none;
}
.btn-primary {
    background-color: #bd202b;
    border-color: #bd202b;
    color: #fff;
}
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.readWatchExe {
    background-color: #f4f4f4;
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    font-size: 14px;
    font-weight: bold;
    margin: 0 1px 1px 0;
    padding: 10px;
    vertical-align: middle;
    width: 930px;
}
.videoBigView {
    border: 1px solid #c7c7c7;
    padding: 30px;
    text-align: center;
}
.bigVideo {
}
.VideoHeading {
    text-align: center;
}
.VideoHeading h1 {
    font-size: 21px;
    line-height: normal;
    margin: 15px 0 0 4px;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.VideoHeading h4 {
    color: #787878;
    font-size: 12px;
    line-height: normal;
    margin: 0 0 0 4px;
    padding: 0;
    word-break: break-all;
}
.videoThumbBord {
    border: 1px solid #c7c7c7;
    padding: 14px;
    text-align: center;
}
.videoThumbBord img {
    margin: 0 0 15px;
}
.videoThumbBord h3 {
    font-size: 16px;
    line-height: normal;
    margin: 0 0 0 4px;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.videoThumbBord p {
    color: #787878;
    font-size: 12px;
    margin: 0 0 0 4px;
    text-align: left;
    word-break: break-all;
}
.featuredVideosHeading {
    font-size: 25px;
    font-weight: 600;
    line-height: normal;
    margin: 20px 0 15px;
    padding: 0;
    text-align: left;
    word-break: break-all;
}
.tabGroup {
    font: 10pt arial,verdana;
    height: auto;
    margin: 0 auto;
}
.tabGroup > input[type="radio"] {
    border: 3px solid red;
    display: none;
    left: -100px;
    position: absolute;
    top: -100px;
}
.tabGroup > input[type="radio"] + label {
    background-color: #ddd;
    border: 1px solid black;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    margin: 0;
    padding: 5px 10px;
}
.tabGroup > input[type="radio"]:focus + label {
}
.tabGroup > input[type="radio"]:checked + label {
    background-color: white;
    border-bottom: 1px solid white;
    font-weight: bold;
    margin-bottom: -1px;
}
.tabGroup > div {
    background-color: white;
    border: 1px solid black;
    border-radius: 0 5px 5px;
    display: none;
    height: 100%;
    margin-top: -1px;
    overflow: auto;
    padding: 10px;
}
.tab1:checked ~ .tab1, .tab2:checked ~ .tab2, .tab3:checked ~ .tab3 {
    display: block;
}
.SSOBar {
    background: #6b6d6e none repeat scroll 0 0;
}
.spaceToDropDown {
    color: #424242 !important;
    font-family: "Lato",sans-serif;
    font-size: 13px !important;
    font-weight: 400;
    text-align: left;
    width: 182px;
}
.sel_app button.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: #d9dadc -moz-use-text-color #d9dadc #d9dadc;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    color: #000;
    float: left;
    font-size: 13px;
    margin: 0;
    outline: medium none;
}
.btn-group.sel_app.open, .btn-group.sel_app.open .btn.select_btn {
    background: #fff none repeat scroll 0 0;
}
.btn-group.sel_app .btn.select_btn {
    border-radius: 4px 0 0 4px;
}
.sel_app button.btn.select_btn:hover {
}
.sel_app button.btn.arrow_drop {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #d9dadc #d9dadc #d9dadc -moz-use-text-color;
    border-image: none;
    border-radius: 0 4px 4px 0;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    float: right;
}
.sel_app .dropdown-menu {
    border: 1px solid #a3a3a3;
    border-radius: 4px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 217px;
}
.btn-group.sel_app {
    border-radius: 4px;
    margin: 6px 0 6px 15px;
}
.sel_app .glyphicon {
    background-image: url("../images/md.png");
    background-position: 3px 4px;
    background-repeat: no-repeat;
    color: #bd202d;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    right: 10px;
    text-indent: -999em;
    top: 50%;
    width: 20px;
}
.sel_app .dropdown-menu > li {
    border-bottom: 0 none;
    padding: 0;
}
.sel_app .dropdown-menu > li > a {
    border-bottom: 1px solid #ddd;
    color: #424242;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.sel_app .dropdown-menu > li:last-child > a {
    border-bottom: 0 solid #ddd;
}
.btn-group.sel_app:hover .btn-default, .sel_app:focus .btn-default, .sel_app:active .btn-default, .sel_app .btn-default.active, .sel_app .open .dropdown-toggle.btn-default, .sel_app:hover .btn-default, .sel_app:focus .btn-default, .sel_app:active .btn-default, .sel_app .btn-default.active, .sel_app.open .dropdown-toggle.btn-default, .btn-group.sel_app.open .btn-default.arrow_drop {
    background: #fff none repeat scroll 0 0;
    box-shadow: none;
}
.btn-group.sel_app:hover .btn-default, .sel_app:hover .btn-default {
    background: #fff none repeat scroll 0 0;
    box-shadow: none;
}
.btn-group.sel_app:active {
    background: #fff none repeat scroll 0 0;
    box-shadow: none;
}
.caret_inner {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid #ccc;
    display: none !important;
    height: 0;
    left: -5px;
    position: absolute;
    top: -8px;
    vertical-align: middle;
    width: 0;
}
.sel_app .caret {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 9px solid #000;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    position: relative;
    vertical-align: middle;
    width: 0;
}
.btn-group.sel_app:hover .caret_inner {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
}
.btn-group.sel_app.open .caret {
    border-color: transparent transparent #000;
    border-style: solid;
    border-width: 11px 5px 9px;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    margin-top: -14px;
    position: relative;
    vertical-align: middle;
    width: 0;
}
.btn-group.sel_app.open .caret_inner, .btn-group.sel_app.open:hover .caret_inner {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 4px 5px;
    top: 0;
}
.btn-group.sel_app:hover .caret_inner {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid #ccc;
}
.sel_app.open > .dropdown-menu {
    display: block;
}
.sel_app .dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}
.dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #f5f5f5;
    color: #262626;
    text-decoration: none;
}
.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.main_container_width {
    margin: 0 auto;
    max-width: 1000px;
    padding: 0;
}
.nav.nav-tabs {
    margin-bottom: 28px;
}
.nav.nav-tabs ul, ol {
    margin: 0 0 10px;
}
.nav.nav-tabs li.active {
    z-index: 1;
}
.nav.nav-tabs li.hover {
    z-index: 1;
}
.head_right_wrap .dropdown-menu li {
    padding: 0;
}
.user_title a {
    color: #fff;
    text-decoration: none;
}
.head_drop_down .dropdown-menu > li:last-child > a, .head_drop_down .dropdown-menu > li.last-child > a {
    border-bottom: medium none;
}
.head_drop_down .dropdown-menu > li > a:hover {
    background-color: #af111e;
    color: #fff;
    text-decoration: none;
}
.homeBannerWrap {
    margin: 0 0 25px;
}
.SC_wrap {
    margin: 0 auto;
    max-width: 980px;
}
.product_tab_containerNew.SCTab .nav-tabs > li:first-child {
    margin-left: 30px;
}
.product_tab_containerNew.SCTab .nav-tabs > li {
    margin-bottom: -1px;
}
.nav-tabs > li {
    margin-right: 10px;
}
.tab-content.new_tab-content {
    background-color: #eaeaea;
    border: 1px solid #bfbfbf;
    clear: both;
    margin: -30px 0 30px;
}
.SCContPadd {
    padding: 0 !important;
}
.tab_content_inner {
    padding: 1% 2%;
}
.SCContBordRight {
    border-right: 1px solid #bfbfbf;
}
.SCContPaddSapn {
    padding: 30px 0 !important;
}
.product_tab_containerNew.SCTab li a[data-toggle="tab"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #bfbfbf #bfbfbf transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #5c5c5c;
}
.product_tab_containerNew.SCTab li.active a {
    background-color: #eaeaea;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    border-color: #bfbfbf #bfbfbf transparent;
}
.homeIconsDet li:nth-child(1) {
    height: 75px;
}
.homeIconsDet ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.HowDoIFindAccessCodeLink {
    margin-left: 23px;
    margin-top: 30px;
}
.AlignJustify {
    text-align: justify;
}
.mLeft10 {
    margin-left: 10px;
}
.ArrowImage {
    background-image: url("../images/alertBoxClose.png");
}
.reg_tooltip.Purchase_Access.setMsgTip {
    left: 111px;
    position: absolute;
    top: 20px;
}
.reg_tooltip.InsertClassId.setMsgTip {
    left: 111px;
    position: absolute;
    top: 20px;
}
.accessCodeInput.txtAccessCodePopup {
    width: 220px;
}
.setMsgTip .reg_Codetooltip {
    font-size: 12px !important;
    height: 54px !important;
    left: -10px !important;
    padding: 5px !important;
    top: 11px !important;
    width: 300px !important;
}
.height38 {
    height: 38px;
}
.selectProductmsg {
    padding-left: 14px;
    position: absolute;
}
.lessonrulesdisplaynone {
    display: none;
}
.divnongradeable {
    font-size: 13px;
    margin-top: 5px;
}
#purchase .accessCodeInputDiv {
    line-height: 2.3em;
    margin: 0 0 15px;
}
#purchase .setMsgTip .reg_Codetooltip {
    font-size: 12px !important;
    height: 71px !important;
    left: -10px !important;
    padding: 5px !important;
    top: 3px !important;
    width: 300px !important;
}
#printClassFilter {
    padding-bottom: 5px;
}
.exerciseBoxPrint {
    margin: 0 !important;
}
.GBmainContaintPrint {
    padding: 0 !important;
}
.questionPrint {
    margin: 0 0 10px 15px !important;
    padding-left: 20px !important;
}
#btnPrintGradeBookGeneration {
    margin-left: 15px !important;
}
.printtextdeconone {
    text-decoration: none !important;
}
.generationTitlePadding {
    padding-left: 10px;
    padding-top: 15px;
}
.authorNameTxtPrint {
    padding-top: 15px;
}
.GBHeading p {
    margin: 0;
    padding: 0;
}
#productNameTxt {
    font-weight: normal !important;
}
.incorrectmargin {
    margin: 10px 0 25px !important;
}
.correctmargin {
    margin: 10px 0 25px !important;
}
.questionmarginpadding {
    margin: 0 0 10px 15px !important;
    padding-left: 20px !important;
}
.feedbackmargin {
    margin: 0 0 33px !important;
}
.printtextdecoration {
    text-decoration: none !important;
}
.btnspacemargin {
    margin: 0 0 0 36px !important;
}
.criticalNavPrint {
    margin: 6px 0 0 -5px !important;
}
.btnStartTestMargin {
    margin: 20px 0 20px 5px !important;
}
.genWords ul li {
    display: block !important;
    font-size: 17px !important;
}
.disableButton {
    background: #f2f2f2 none repeat scroll 0 0 !important;
    border: 1px solid #d5d5d5 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    color: #989898 !important;
    filter: none !important;
    text-shadow: none !important;
}
.disable_compareClass {
    opacity: 0.65;
    pointer-events: none;
}
/* CSS Document */