@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb.eot');
    src: url('../fonts/TitilliumWeb.woff') format('woff'), url('../fonts/TitilliumWeb.ttf') format('truetype'), url('../fonts/TitilliumWeb.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.main-color {
    background: #F08A36 !important;
}

body {
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #000;
}

ul,
li,
p,
h1,
h2,
h3,
img {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: 0px;
}

a,
img,
input {
    outline: none;
}

.lft {
    float: left;
}

.ryt {
    float: right;
    margin: 10px 0px 0px 0px;
}

td {
    padding: 0;
}

.divcenter {
    margin: 0px auto;
    width: 976px;
    max-width: 100%!important;
}

#colorbox {
    border-radius: 14px!important;
}

#cboxWrapper {
    width: 1000px!important;
}

#cboxLoadedContent {
    width: 960px!important;
}

#colorbox {
    width: 960px !important;
    margin: auto;
    right: 0;
    left: 0!important;
}

#cboxTitle {
    width: 960px!important;
}

#cboxBottomCenter {
    width: 960px!important;
}

#cboxTopCenter {
    width: 960px!important;
}

#cboxContent {
    width: 960px!important;
}

#topcontent {
    float: left;
    background: url(../images/header-bg-white.png) repeat-x center bottom #fff !important;
    min-height: 8vh;
    width: 100%;
    position: relative;
}

.dropdown2 {
    background: url(../images/select_bg.png) right center!important;
    background-size: 100%!important;
    padding: 0 1%;
}

#topcontent .logo {
    float: left;
    margin: 10px 0px 0px 0px;
}

#topcontent .topright {
    float: right;
    margin: 0;
    margin-top: 14px !important;
}

#topcontent .topright .bgfield {
    width: 150px;
    height: 40px;
    float: left;
    padding: 0px 10px 0px 0px;
    margin-top: 6px;
    margin-left: 0px;
}

#topcontent .topright .bgfield input {
    border: solid 2px #b8b8b8;
    border-radius: 6px;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    /*'CalibriRegular'*/
    font-size: 13px;
    color: #3c3c3c;
    width: 100%;
    outline: 0px;
    float: left;
    margin-top: 5px;
    padding: 10px;
    box-sizing: border-box;
}


/*#topcontent .topright .bgfield{background: url(../images/bgtopfield.png) no-repeat;width: 120px;height: 27px;float: left;padding: 0px 10px 0px 0px; margin-top:6px; margin-left:15px;} 
#topcontent .topright .bgfield input{border:solid 1px #ababab; border-radius:4px; background:none; font-family:'CalibriRegular'; font-size:14px; color:#000000; width:100%; outline:0px; float:left; margin-top:5px; padding:6%;} */

#topcontent .topright .bgfield input[type="password"] {
    font-family: arial;
}

#topcontent .topright .btngo {
    float: left;
    margin: 11px 5px 0px 0px;
    border-radius: 4px;
    width: 13%;
}


/*#topcontent .topright .btngo{float:left;margin:12px 0px 0px 15px;border-radius:4px;width:12%;} */

#topcontent .topright .forgot-pass {
    margin: 13px 0 0px 0px !important;
    width: 8% !important;
}

#middlecontent {
    float: left;
    background: #124a83;
    min-width: 100%;
    min-height: 73vh;
    max-width: 100%;
    border-bottom-color: #007bff;
    border-bottom-style: solid;
}

#middlecontent .homeslider {
    float: left;
    padding: 60px 0px 31px 0px;
    width: 915px;
    margin: 15% 0!important;
    height: 223px;
}

#middlecontent .homeslider p {
    line-height: 150%;
    width: 84%;
    margin: auto;
}

#middlecontent .bgvideowrap {
    float: right;
    background: #68a9e2;
    width: 460px;
    height: 322px;
    margin-right: 0px;
    padding: 8px 8px 8px 8px;
}

#middlecontent .introtextdiv {
    float: left;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    color: #fff;
    height: auto!important;
    text-align: center
}

#middlecontent .introtextsubdiv {
    width: 60.5%;
    text-align: left;
    float: right;
    line-height: 19px;
    margin-bottom: 3%;
}

#middlecontent .introtextsubdiv p {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    color: #ffffff;
    margin-right: 16%;
    line-height: 19px;
}

#middlecontent .introvideodiv {
    float: right;
    width: 48%;
}

#middlecontent .introvideodiv img {
    width: 100%;
}

#middlecontent .introtextdiv h1 {
    color: #fff;
    font-size: 67px;
    font-family: 'Titillium Web', sans-serif;
    line-height: 62px;
    padding-bottom: 50px;
    text-shadow: none;
    font-weight: normal;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#000000')";
    margin: auto;
    width: 50%;
    text-transform: uppercase;
}

#middlecontent .introtextdiv h1 span {
    color: #ffffff;
    font-size: 31px;
    text-shadow: none;
    font-family: 'Titillium Web', sans-serif;
    line-height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#000000')";
}

#middlecontent .probtm {
    clear: both;
}

#middlecontent .products {
    background: url(../images/latest_tabs.png) repeat-x;
    height: 53px;
    #height: 60px;
}

#middlecontent .probtm .bgcolbtm {
    background: url(../images/bgbtncol.png) no-repeat top;
    text-align: center;
    padding: 7px 0px 10px 0px;
    color: #a1a1a1;
    vertical-align: top;
}

#middlecontent .introtextdiv a.inline {
    text-decoration: none;
    color: #124a83;
    font-family: 'Titillium Web', sans-serif;
    text-align: center;
    background: #e4e4e4;
    border-radius: 10px;
    padding: 0.5% 3%;
    font-weight: 600;
}

.bg_image {
    height: 184px;
    min-width: 218px;
    font-size: 24px;
    color: #000000;
    display: block;
}

.bg_txt {}

#middlecontent .probtm .bgcolbtm a {
    text-decoration: none;
}

#middlecontent .bgcolbtm span {
    color: #ffffff;
    font-size: 24px;
    font-weight: normal;
    padding: 15px 0px 10px;
    width: 227px;
    float: left;
    margin-top: 20px;
}

#bottomcontent {
    float: left;
    background: white;
    min-width: 100%;
    color: #474545;
    line-height: 19px;
    width: 100%;
    padding: 8px 0;
    font-size: 11px;
}

#bottomcontent a {
    color: #49a5ff;
    text-decoration: none;
}

#bottomcontent a:hover {
    text-decoration: underline;
}

#bottomcontent .highlighttext {
    color: #070707;
    font-size: 15px;
    line-height: 150%;
}

#bottomcontent .first-line {
    font-size: 15px !important;
}

.login-footer-left span.highlighttext {
    font-size: 13px!important;
}

#bottomcontent .highlighttext a {
    color: #ffffff;
    text-decoration: none;
}

#bottomcontent .btmicons {
    vertical-align: middle;
    margin-right: -10px;
}

#bottomcontent .divcenter p {
    margin: 0;
    font-size: 13px;
}

#bottomcontent .divcenter .login-footer-left {
    width: 35%;
    float: left;
}

#bottomcontent .divcenter .textCenter {
    float: left;
    width: 30%;
    margin: auto;
    text-align: center;
}

#bottomcontent .divcenter .login-footer-logo {
    margin: 10% 0 5%;
    clear: both;
}

#bottomcontent .footer-right-side {
    float: right;
    display: inline-block;
    width: 35%;
}


/*Child Page Styles*/

#topcontent .toprightinner {
    float: right;
    color: #ffffff;
    font-weight: bold;
}

#topcontent .toprightinner img {
    margin: 0px 3px 10px 3px;
}

#topcontent .toprightinner .username {
    font-size: 14px;
}

#topcontent .toprightinner a {
    text-decoration: none;
    color: #e7501c;
}

#topcontent .toprightinner a:hover {
    text-decoration: underline;
}

#topcontent .toprightinner p {
    padding: 0px 0px 2px;
}

#middlecontent #innercontainter {
    margin: 0px auto 0px;
    width: 967px;
}

#innercontainter .bginnerrepeat {
    float: left;
    width: 1005px;
    padding-right: 7px;
    padding-top: 0!important;
    /*background:url(../images/mainbgrepeat.png) repeat-y;;*/
    padding: 0px 0px 0px;
    min-height: 35px;
    /*background:url(../images/bginnerrepeat.png) repeat-y;background:url(../images/inner_bg.jpg) no-repeat bottom #fff;*/
    background: #fff;
    min-height: 285px;
    margin-top: -2px!important;
}

#innercontainter .bgshadow {
    width: 6px;
    padding: 15px 0px;
    min-height: 376px;
}

#innercontainter #leftside {
    width: 206px;
}

#leftside h2 {
    font-size: 18px;
    font-weight: normal;
    color: #4a96d2;
    padding: 15px 0px 11px 18px;
}

#leftside ul {
    list-style: none;
    margin-left: 6px;
}

#leftside ul li {
    width: 200px;
    background: url(../images/leftmenu.jpg) repeat-x;
}

#leftside ul li:hover {
    background: url(../images/leftmenuhover.jpg) repeat-x;
}

#leftside ul li.active {
    background: url(../images/leftmenuhover.jpg) repeat-x;
}

#leftside ul li a {
    text-decoration: none;
    color: #5e5e5e;
    width: 177px;
    padding: 10px 0px;
    display: block;
    padding-left: 23px;
    background: url(../images/arrowleft01.png) no-repeat 12px 15px;
}

#leftside ul li ul {
    margin-left: 0px;
}

#leftside ul li ul li a {
    text-decoration: none;
    color: #797979;
    width: 171px;
    padding-left: 29px;
    background: url(../images/arrowleft02.png) no-repeat 18px 15px;
}

#leftside ul li ul li ul li a {
    text-decoration: none;
    color: #aeaeae;
    width: 161px;
    padding-left: 39px;
    background: url(../images/arrowleft03.png) no-repeat 25px 15px;
}

#innercontainter .pagetitle {
    float: left;
    background: #e9eff3;
    color: #5e5e5e;
    width: 100%;
    padding: 6px 0px 9px;
    /*margin-left:-6px;*/
}

#innercontainter .pagetitle .backpage {
    float: right;
    margin: 0px 11px 0px 0px;
    max-width:
}

#innercontainter #contentright {
    /*width:759px;background:url(../images/leftshadow.png) repeat-y center; */
    padding: 0px 12px;
}

#contentright {
    padding-bottom: 5%!important;
}

#contentright .padding-heading {
    /*padding:7px 0px 0px 0px;*/
}

h1.quiz_page_heading {
    font-family: 'Titillium Web', sans-serif!important;
    font-size: 28px!important;
    color: #2e2e2e!important;
}

#contentright .padding-heading h1 {
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif!important;
    font-size: 28px!important;
    color: #2e2e2e!important;
    float: left;
}

#contentright .bgblueheading {
    float: left;
    padding-left: 4%;
    min-width: 268px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 28px;
    font-weight: normal;
    color: #2e2e2e;
    margin-left: 0;
    background: url(../images/select-course-icon.png) no-repeat left center;
}

#contentright .quiz-result {}

#contentright .select-course {
    background: url(../images/select-course-icon.png) no-repeat left center !important;
}

#contentright .bgblueheading {
    background: url(../images/medalslist-icon.png) no-repeat left center;
}

#contentright .graph-heading {
    background: url(../images/graph-list-icon.png) no-repeat left center !important;
}

.admin-zone .bgblueheading {
    width: 65%!important;
    margin-left: 0!important;
}

.bgblueheading {
    padding: 10px 25px 8px 0px;
    min-width: 268px;
    font-family: 'Titillium Web', sans-serif;
    ;
    font-size: 28px;
    font-weight: normal;
    color: #2e2e2e;
    text-transform: uppercase;
    float: left;
}

#contentright h1 {
    /*margin-left:-8px; */
    font-family: 'MyriadProRegular';
    font-size: 22px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 20px;
}

#contentright .bggreyheading {
    float: left;
    padding: 10px 125px 8px 17px;
    background: url(../images/bggreyheading.jpg) no-repeat right #8e8e8e;
    min-width: 268px;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
}

.bgcourse:first-child {
    border-left: 1px solid #e5e5e5;
}

.bgcourse {
    /* background: url(../images/bgbtncol.png) no-repeat center top; */
    width: 193px !important;
    float: left;
    border: solid 1px #e5e5e5;
    padding: 2%;
    height: 185px;
}

.bgcourse:hover {
    border: solid 1px #8cb8f0;
    cursor: pointer;
}

.bgcourse:hover .bg_txt a span {
    color: #000!important;
}

.bgcourse span {
    float: left;
    width: 100%;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    color: #808080;
}

.bg_image {
    height: 150px;
    min-width: 100%;
    font-size: 24px;
    color: #000000;
}

.bg_image img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

.bg_image img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.padding_top_zero {
    padding-top: 0px !important;
}

.bg_txt {}

.bg_txt span {
    margin: 0 !important;
    padding: 0 !important;
}

#contentright .bgcourse img {
    /*margin-bottom: 15px;margin-top: 15px;*/
    max-width: 80%;
    height: 140px;
}

#contentright .bgcourse a {
    color: #000000;
    font-size: 24px;
    font-weight: normal;
    text-decoration: none;
}

#contentright .headingcols th {
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-align: left;
    background: #4c697f;
    padding: 12px 10px;
}

#contentright .listcolsone td {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    text-align: left;
    background: #e6edf1;
    padding: 12px 10px;
}

#contentright .listcolstwo td {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    text-align: left;
    background: #FFFFFF;
    padding: 12px 10px;
}

#contentright .bor-ryt-white {
    border-right: 1px solid #FFFFFF;
}

#contentright .bor-ryt-btm {
    border-right: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
}

#contentright .bor-btm {
    border-bottom: 1px solid #a3a3a3;
}

#contentright .blogrecent {
    margin: 0px 0px 0px 15px;
    width: 698px;
    color: #1c1c1c;
}

#contentright .blogrecent .bloggerdata td {
    padding-bottom: 10px;
}

#contentright .blogrecent .bloggerdata h3 {
    font-size: 20px;
    color: #000000;
}

#contentright .blogrecent .bloggerdata span {
    color: #4a96d2;
}

#contentright .blogrecent .blogmessage {
    color: #898989;
    padding: 20px 10px;
}

#contentright .blogrecent .blogcomment {
    padding: 10px 0px;
}


/*Child Page Styles*/


/*19 June 2012 Styles*/

#bginnerrepeat {
    float: left;
    width: 990px;
    /*background:url(../images/mainrepeatwhyt.png) repeat-y;*/
    min-height: 605px;
}

#bginnerrepeat .contentarea {
    float: left;
    width: 916px;
    padding: 24px 0px 0px 30px;
}

#bginnerrepeat .contentarea h1 {
    font-size: 25px;
    font-weight: normal;
    color: #091d2c;
    font-family: 'HeliosBold';
    padding-bottom: 22px;
}

#bginnerrepeat .contentarea h1 img {
    vertical-align: middle;
    margin-right: 4px;
}

.bginnerrepeat .indexdetail .first-row {
    background: #2e2e2e !important;
    border-spacing: 1px;
}

.bginnerrepeat .indexdetail .row_average_score {
    background: none !important;
}

.bginnerrepeat .indexdetail .first-row td {
    font-family: Arial, Helvetica, sans-serif!important;
    color: #FFFFFF!important;
    font-size: 12px!important;
    padding: 8px 5px!important;
    border-left: solid 1px #ffffff;
}

.bginnerrepeat .indexdetail .first-row td:first-child {
    border: none;
}

.bginnerrepeat .indexdetail {
    font-family: Tahoma;
    font-size: 13px;
    border: 0;
    border-spacing: 0;
}

#showResult th {
    background: #2e2e2e!important;
    padding: 10px;
    ;
    font-size: 14px;
    position: relative;
}

.courses {}

.bginnerrepeat .indexdetail th,
.bginnerrepeat .indexdetail td {
    padding: 12px 5px;
}

.bginnerrepeat .indexdetail th {
    color: #FFFFFF;
    font-weight: normal;
    background: /*url(../images/drop_down_quiz.jpg) no-repeat*/
    97% #000/*#2482e1*/
    ;
    text-align: left;
    border: 0;
    font-size: 12px;
    font-family: 'Titillium Web', sans-serif;
    border-left: 1px solid #fff;
    padding: 14px;
}

.bginnerrepeat .indexdetail.finalresult th {
    background: /*url(../images/drop_down_quiz.jpg) no-repeat*/
    97%/*#000*/
    #2482e1;
}

.bginnerrepeat .indexdetail th:first-child {
    border-left: none;
}

.bginnerrepeat .indexdetail tr:nth-child(odd) {
    background: #eaf2fa;
}

.cat_3 row_1_parent th {
    padding: 7px 5px !important;
}

.cat_3 row_1_parent {
    height: 30px !important;
}

.courses th {
    background-color: #2e2e2e!important;
}

.indexdetail tr {
    height: 50px;
}


/*.indexdetail tr:nth-child(even){ background-color:#ffffff; }
.indexdetail tr:nth-child(odd){ background-color:#eaf2fa; }*/

.indexdetail tr.bgblue {
    background-color: #eaf2fa;
}

.bginnerrepeat .indexdetail th.lastcol,
.bginnerrepeat .indexdetail th.lastcol {
    border-right: none;
}

.bginnerrepeat .indexdetail td {
    color: #666666;
    border: 0;
}

.bginnerrepeat .indexdetail-new td {
    color: #666666;
}

.bginnerrepeat .indexdetail-new td p {
    color: #666666!important;
}

.bginnerrepeat .indexdetail tr.bgselect td {
    background: #069;
    color: white;
}

.bginnerrepeat .indexdetail td.link a {
    color: #666666;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.bginnerrepeat .indexdetail td.link a strong {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #5694d4;
}

.bginnerrepeat .indexdetail td.header span {
    border-bottom: 1px dashed darkslategray;
    color: darkslategray;
    text-decoration: none;
    font-weight: bold;
}

.bginnerrepeat .indexdetail td.header {
    background-color: #9C0;
}


/*.bginnerrepeat .indexdetail tr.video td{background:#58ADFF; border:1px solid #c0
c0c0;}*/

.greytop {
    float: left;
    background: url(../images/bg-menu.png) no-repeat top;
    width: 991px;
    min-height: 95px;
    margin-top: -29px;
}

.greytopmain {
    float: left;
    background: url(../images/bg-menu.png) no-repeat top;
    width: 990px;
    min-height: 95px;
    margin-top: -42px;
    margin-bottom: 11px;
}


/*For index page */

#midheader {
    float: left;
    width: 100%;
    padding-top: 18px;
}

#midheader .menusmain {
    float: left;
    list-style: none;
    margin: 5px 0px 0px 4px;
}

#midheader .menusmain li {
    float: left;
    margin-left: 9px;
}

#midheader .menusmain li a {
    display: block;
    width: 166px;
    height: 47px;
    background: url(../images/bgtoptab.png) no-repeat;
    font-family: 'HeliosBold';
    color: #9fa8b0;
    font-size: 22px;
    text-align: center;
    text-decoration: none;
    padding: 19px 0px 0px;
}

#midheader .menusmain li a img {
    margin-right: 5px;
    vertical-align: middle;
}

#midheader .menusmain li a:hover {
    background: url(../images/bgtoptabhover.png) no-repeat;
    color: #e8e8e8;
}

#midheader .menusmain li a.active {
    background: url(../images/bgtoptabhover.png) no-repeat;
    color: #e8e8e8;
}

#midheader .logindetail {
    float: right;
    width: 335px;
    padding: 6px 17px 0px 0px;
}

#midheader .badgediv {
    text-align: right;
    float: right;
    width: 57px;
}

#midheader .usernikos {
    float: right;
    width: 267px;
    text-align: right;
}

#midheader .usernikos h2 {
    font-weight: normal;
    font-size: 14px;
    color: #9fa8b0;
    font-family: 'HeliosBold';
}

#midheader .usernikos h2 span {
    color: #e8e8e8;
    padding-right: 22px;
    background: url(../images/usericon.png) no-repeat right 0px;
}

#midheader .usernikos h3 {
    color: #c9aa4e;
    font-size: 23px;
    font-family: 'HeliosBold';
}


/*19 June 2012 Styles*/

.greytopinner {
    /*width:969px;*/
    width: 967px;
    /*min-height:72px;padding:0px 7px 0px;*/
    float: left;
    /*margin-top:-5px;*/
    margin-top: 0px;
}

#midheaderinner {
    float: left;
    width: 970px;
    margin-top: 3%;
}

#midheaderinner .logindetail {
    float: right;
    padding: 6px 0px 0px 0px;
}

#midheaderinner .logindetail .badgediv {
    text-align: right;
    float: right;
    width: 57px;
    padding-bottom: 10px;
}

#midheaderinner .logindetail .usernikos {
    float: right;
    width: 184px;
    text-align: right;
}

#midheaderinner .logindetail .usernikos h2 {
    font-weight: normal;
    font-size: 14px;
    color: #FFFFFF;
    font-family: arial;
    background: #000000;
    padding-top: 3px;
    margin-right: 6px;
    padding-right: 7px;
    margin-bottom: 2px;
}

#midheaderinner .logindetail .usernikos h2 span {
    color: #E8E8E8;
}

#midheaderinner .logindetail .usernikos h2 span.user a {
    color: white;
    font-weight: bold;
    font-family: arial;
    text-decoration: none;
}

#midheaderinner .logindetail .usernikos h2 span .imguser {
    vertical-align: middle;
}

#midheaderinner .logindetail .usernikos h3 {
    color: #C9AA4E;
    font-size: 20px;
    font-family: arial;
    margin-right: 8px;
}

#midheaderinner .menusmain {
    float: left;
    list-style: none;
    margin: 5px 0px 0px 0px;
}

#midheaderinner .menusmain li {
    float: left;
    margin-left: 5px;
}

#midheaderinner .menusmain li:first-child {
    margin-left: 0px;
}

#midheaderinner .menusmain li a {
    display: block;
    width: 152px;
    height: 40px;
    font-family: arial;
    color: #fff;
    font-size: 15px !important;
    text-align: center;
    text-decoration: none;
    padding: 9px 0px 0px;
    font-weight: bold;
    line-height: 32px;
    border-radius: 5%;
}

#midheaderinner .menusmain li a img {
    margin-right: 3px;
    vertical-align: sub;
    float: none!important
}

#midheaderinner .menusmain li.menu-txt a {
    font-size: 13px!important;
}

#midheaderinner .menusmain li a {
    background: url(../images/nav-bg.png) repeat-x top;
    color: #fff;
}

#midheaderinner .menusmain li a:hover {
    background: #fff;
    color: #000;
}

#midheaderinner .menusmain li a.active {
    background: #fff;
    color: #000!important;
}

#midheaderinner .menusmain li span {
    margin-right: 2%;
    width: 23px;
    display: inline-block;
    vertical-align: text-bottom;
}


/*#midheaderinner .menusmain li:hover span{background-position:center 11px!important;}
#midheaderinner .menusmain li a.active span{background-position:center 11px!important;}*/


/*#midheaderinner .menusmain li a:hover img{content:url(../images/improve-hover.png)}*/

#midheaderinner .menusmain li.start_button span {
    background: url(../images/start-both.png) no-repeat bottom;
    color: #fff;
    height: 21.5px;
}

#midheaderinner .menusmain li.train_button span {
    background: url(../images/train-both.png) no-repeat bottom;
    color: #fff;
    height: 17px;
}

#midheaderinner .menusmain li.improve_button span {
    background: url(../images/improve-both.png) no-repeat bottom;
    color: #fff;
    height: 17px;
}

#midheaderinner .menusmain li.admin_button span {
    background: url(../images/admin-both.png) no-repeat bottom;
    color: #fff;
    height: 20px;
}

#midheaderinner .menusmain li.start_button:hover span,
#midheaderinner .menusmain li.train_button:hover span,
#midheaderinner .menusmain li.improve_button:hover span,
#midheaderinner .menusmain li.admin_button:hover span,
#midheaderinner .menusmain li.start_button a.active span,
#midheaderinner .menusmain li.train_button a.active span,
#midheaderinner .menusmain li.improve_button a.active span,
#midheaderinner .menusmain li.admin_button a.active span {
    background-position: top;
    color: #000;
}


/*#midheaderinner .menusmain > li + li:hover span.start{background:url(../images/start-both.png) no-repeat  top ;color:#000;}
#midheaderinner .menusmain > li + li + li:hover span.train{background:url(../images/train-hover.png) no-repeat  top ;color:#000;}
#midheaderinner .menusmain > li + li + li + li:hover span.improve{background:url(../images/improve-hover.png) no-repeat  top ;color:#000;}
#midheaderinner .menusmain > li + li + li + li + li:hover span.admin{background:url(../images/admin-hover.png) no-repeat  top ;color:#000;}

#midheaderinner .menusmain > li + li a.active span.start{background:url(../images/start-both.png) no-repeat  top ;color:#000!important;}
#midheaderinner .menusmain > li + li + li a.active span.train{background:url(../images/train-both.png) no-repeat  top ;color:#000!important;}
#midheaderinner .menusmain > li + li + li + li a.active span.improve{background:url(../images/improve-both.png) no-repeat  top ;color:#000!important;}
#midheaderinner .menusmain > li + li + li + li + li a.active span.admin{background:url(../images/admin-both.png) no-repeat  top ;color:#000!important;}*/


/*#midheaderinner .menusmain li a.active{background:#fff;color:#000;}*/

#midheaderinner .menusmain li a:hover img #midheadermain {
    float: left;
    width: 100%;
    padding-top: 18px;
}

#midheadermain .menusmain {
    float: left;
    list-style: none;
    margin: 5px 0px 0px 4px;
}

#midheadermain .menusmain li {
    float: left;
    margin-left: 9px;
}

#midheadermain .menusmain li a {
    display: block;
    width: 166px;
    height: 47px;
    background: url(../images/bgtoptab.png) no-repeat;
    font-family: arial;
    color: #9fa8b0;
    font-size: 22px;
    text-align: center;
    text-decoration: none;
    padding: 19px 0px 0px;
}

#midheadermain .menusmain li a img {
    margin-right: 5px;
    vertical-align: middle;
}

#midheadermain .menusmain li a:hover {
    background: url(../images/bgtoptabhover.png) no-repeat;
    color: #e8e8e8;
}

#midheadermain .menusmain li a.active {
    background: url(../images/bgtoptabhover.png) no-repeat;
    color: #e8e8e8;
}

#midheadermain .logindetail {
    float: right;
    width: 335px;
    padding: 6px 17px 0px 0px;
}

#midheadermain .badgediv {
    text-align: right;
    float: right;
    width: 57px;
}

#midheadermain .usernikos {
    float: right;
    width: 267px;
    text-align: right;
}

#midheadermain .usernikos h2 {
    font-weight: normal;
    font-size: 14px;
    color: #9fa8b0;
    font-family: arial;
}

#midheadermain .usernikos h2 span {
    color: #e8e8e8;
    padding-right: 22px;
}

#midheadermain .usernikos h3 {
    color: #c9aa4e;
    font-size: 23px;
    font-family: arial;
}

#dropheader {
    float: left;
    background: #FFF;
    /*width: 976px;*/
    width: 967px;
    padding: 16px 0px 0;
    min-height: 20px;
}

#dropheader ul {
    list-style: none;
    float: left;
    /*min-height:35px;*/
    padding: 0px;
    /*max-width:726px; /*width:835px; width:785px;*/
    margin-bottom: 5px;
    width: 80%;
}

#dropheader ul li {
    float: none;
    margin-right: 13px;
    display: inline-block;
    /*padding:0px 0px 10px 0px;/*height:34px;*/
}

#dropheader ul li a {
    text-decoration: none;
    font-size: 12px;
    font-family: arial;
    color: #898989/*#384047*/
    ;
}

#dropheader ul li a img {
    margin-right: 8px;
    vertical-align: middle;
}

#dropheader ul li span.midbg {
    float: left;
    padding: 7px 0px 7px 10px;
    display: inline-block;
    background: url(../images/sub-nav-bg.png);
    border: solid 1px #cfcfcf;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #898989;
    border-radius: 4px;
    width: 100%;
    background-size: contain
}


/*#dropheader ul li span.leftbg{float:left; width:2px; background: url(../images/tableftimg.png) no-repeat left; height: 32px;}
#dropheader ul li span.rightbg{float:left;width:16px;height:32px;background:url(../images/tabright.png) no-repeat;}
*/

#dropheader ul li.active span.midbg {
    background: url(../images/sub-nav-hover-bg.png);
    background-size: contain;
    border: solid 1px #82b7ed;
}

.top_sub_navigation ul li {
    width: auto;
    padding: 4px;
}

.top_sub_navigation ul li span.midbg {
    width: 100%;
}

.info,
.success,
.warning,
.error,
.validation,
.back {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 10px 50px !important;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: left;
    margin-right: 10px;
}

.info p,
.success p,
.warning p,
.error p,
.validation p,
.back p {
    margin-bottom: 0px !important;
    /*padding-bottom:15px !important;*/
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}

.info a {
    text-decoration: none;
    color: #00529B;
    border-bottom: thin;
    border-bottom-style: dotted;
}

.back {
    color: #fff;
    background-color: white;
    background: url(../images/back.png) no-repeat 20px center #2687e7;
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    border-radius: 8px;
    margin: 0;
    padding: 0.5% 2% 0.5% 5% !important;
}

.jump {
    color: #fff;
    background-color: white;
    background: no-repeat 20px center #2687e7;
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    border-radius: 8px;
    margin: 0;
    padding: 0.5% 2% 0.5% 2% !important;
}

.back_to_course a {
    text-decoration: none !important;
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../images/success.png');
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning.png');
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
    padding-bottom: 0px;
}

#contentright .level ul {
    margin-left: 20px;
    color: red;
}

#contentright .level ul li a {
    margin-left: 20px;
    font-size: 16px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: red;
    font-variant: small-caps;
    text-decoration: none;
}

#navigationcontrol a {
    margin-right: 5px;
    background-color: #CCC;
    padding: 10px;
    color: black;
    border-radius: 6px 12px 12px 12px;
}

#controlBar .userinfoclass {
    width: 330px;
    float: left;
}

#controlBar .search_table {
    float: right;
}

#controlBar a,
#controlBar .dis {
    box-shadow: inset 0px 1px 7px -7px #bee2f9;
    /*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');*/
    background: url(../images/category-button-bg.png) repeat-x;
    border: solid 1px #cfcfcf;
    display: inline-block;
    color: #bababa;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 8px;
    text-decoration: none;
    /*text-shadow:1px 0px 0px #7cacde;*/
    margin-top: 0px;
    border-radius: 4px;
    background-size: contain;
    width: auto !important;
}


/*---*/

#controlBar.hn_controlBar td {
    padding: 20px 0;
    border-top: solid 1px rgba(22, 26, 29, 0.2);
}

#controlBar.hn_controlBar td #loader_img {
    margin: 0 0 0 10px;
    width: 20px;
}

#controlBar.hn_controlBar a {
    padding: 0;
    width: 93px !important;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f7f7f7;
    border: solid 1px rgba(00, 00, 00, 0.16);
    font-size: 13px;
    color: #757575;
    margin: 0
}

#diagnosticTable.hn_diagnosticTable>tbody>tr>td {
    padding: 20px 0;
    border-top: solid 1px rgba(00, 00, 00, 0.2);
}

#diagnosticTable.hn_diagnosticTable>tbody>tr>td img {
    margin: 0 auto;
    display: block;
    float: none;
}

.hn_response {
    color: #f05228;
    display: block;
    font-size: 13px;
}

.hn_link {
    font-style: normal !important;
    text-align: right;
    text-decoration: underline;
    color: #2363c2;
}

.hn_heading {
    line-height: normal;
}

.hn_subheading {
    display: block;
    margin-top: 12px;
    font-size: 13px;
}

.admin-right .breadcrumb #breadcrumb {
    margin: 0 0 10px 0;
    float: left;
    width: 100%;
}

.hn_reflect {
    transform: scaleX(-1);
    margin-right: 5px;
}

.hn_activate_course {}

.hn_activate_course#frmAccounts label {
    font-size: 13px;
    color: #757575;
    margin: 5px 0;
}

.hn_activate_course#frmAccounts label span {
    float: right;
    margin-right: 12px;
}

.hn_activate_course#frmAccounts input {
    width: calc(100% - 10px);
    background: none;
    border: solid 1px #d3d3d3;
    border-radius: 5px;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
}

.hn_form_buttons {
    text-align: right;
}

.right_content #frmAccounts .hn_form_buttons {
    padding-top: 20px;
}

.right_content #frmAccounts .hn_form_buttons a#a_undo2,
.right_content #frmAccounts .hn_form_buttons input[type="submit"]#btnSave {
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    height: 28px !important;
    width: 73px !important;
    text-align: center;
    padding: 0 !important;
    background: #2687e7 !important;
    color: #ffffff !important;
    border: none !important;
}

.hn_activate_course#frmAccounts .chosen-container.chosen-container-single {
    width: calc(100% - 10px) !important;
    margin-right: 10px;
}

.hn_activate_course#frmAccounts .chosen-container.chosen-container-single a {
    height: 36px !important;
    line-height: 36px !important;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(0, 0, 0, 0.03) 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(0, 0, 0, 0.03) 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(0, 0, 0, 0.03) 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#08ffffff', endColorstr='#08000000', GradientType=0) !important;
    /* IE6-9 */
}

.hn_activate_course#frmAccounts .chosen-container.chosen-container-single .chosen-single div b {
    background-position: 0px 9px !important;
}

.hn_cutom_link {
    line-height: 36px;
    font-size: 13px;
    color: #757575;
}

.hn_cutom_link a {
    font-weight: bold;
    color: #2480dc;
}

.hn_signup_status .success,
.hn_signup_status .success h2,
.hn_signup_status .info,
.hn_signup_status .warning {
    text-align: center;
}

.hn_signup_status .success {
    background: none;
    border: none;
}

.hn_signup_status .success:before {
    font-family: 'FontAwesome';
    content: "\f00c";
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    background-color: #6ac259;
    color: #ffffff;
    border-radius: 100%;
    text-align: center;
    font-size: 30px;
    margin: 25px 0;
}

.hn_signup_status .success h2 {
    font-size: 22px;
    color: #2e2e2e;
}

.hn_signup_status .info,
.hn_signup_status .warning {
    background: none;
    border: none;
    font-size: 13px;
    color: #2e2e2e;
    margin: 5px 0;
    padding: 0 !important;
    line-height: normal;
}

.hn_account_created_buttons {
    margin-top: 10px;
}

.hn_account_created_buttons a {
    min-width: 93px;
    height: 28px;
    line-height: 28px;
    color: #757575;
    background: #f7f7f7;
    padding: 0 10px;
    margin: 15px 7px;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    border: solid 1px rgba(00, 00, 00, 0.16);
    transition: all ease 0.5s;
    box-sizing: border-box;
}

.hn_account_created_buttons a:focus,
.hn_account_created_buttons a:active,
.hn_account_created_buttons a:hover {
    background: #ededed;
    border: solid 1px rgba(00, 00, 00, 0.25);
}

.back_to_course a {
    margin-bottom: 2px;
}

#personal_information_1 .mid_button_section .btn_ul li input[type=submit] {
    width: auto !important;
    padding: 7px 30px;
    border: none;
}

.hn_link_1 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}


/*---*/

#controlBar.installer_installed_confirmation_box a {
    background: #2687e7!important;
    color: #ffffff!important;
    width: 32px!important;
    height: 23px!important;
}

.style-botton {
    box-shadow: inset 0px 1px 7px -7px #bee2f9;
    /*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');*/
    background: url(../images/category-button-bg.png) repeat-x;
    border: solid 1px #cfcfcf;
    display: inline-block;
    color: #bababa;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 8px;
    text-decoration: none;
    /*text-shadow:1px 0px 0px #7cacde;*/
    margin-right: 5px;
    margin-top: 2%;
    border-radius: 4px;
    background-size: contain;
    width: auto !important;
}

#cRow1 .search_class a,
.zoek a {
    background: #2687e7!important;
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    color: #ffffff!important;
    border: 0!important;
    background-image: none!important;
}

#controlBar a,
#controlBar {
    color: #2e2e2e;
    margin-bottom: 7px;
}

.dis:hover {
    margin-bottom: 7px;
}

.btnsave {
    -moz-box-shadow: inset 5px -5px 0px -7px #f7c5c0;
    -webkit-box-shadow: inset 5px -5px 0px -7px #f7c5c0;
    box-shadow: inset 5px -5px 0px -7px #f7c5c0;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
    background: -moz-linear-gradient( center top, #fc8d83 5%, #e4685d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d');
    background-color: #fc8d83;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 18px;
    text-decoration: none;
    text-shadow: 1px 0px 0px #b23e35;
    border: none;
}

.btnsave:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
    background: -moz-linear-gradient( center top, #e4685d 5%, #fc8d83 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83');
    background-color: #e4685d;
}

.btnsave:active {
    position: relative;
    top: 1px;
}

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

.badges_section ul {
    list-style: none
}

.badges_section ul li {
    float: left;
    width: 100%;
    background: #4d91e8;
    padding: 15px;
    margin-bottom: 30px;
}

.badges_section ul li.locked_medal {
    float: left;
    width: 910px;
    background: url(../images/badges_bg_locked.png) no-repeat;
    height: 76px;
    padding: 16px 15px 0px 15px;
    margin-bottom: 30px;
}

.badges_section ul .selected {
    float: left;
    width: 878px;
    background: url(../images/badges_bg_selected.jpg) repeat-x;
    height: 65px;
    padding: 8px 15px 0px 15px;
    margin-bottom: 30px;
}

.badges_section ul li.selected {
    float: left;
    width: 910px;
    background: url(../images/badges_bg_locked.png) no-repeat;
    height: 76px;
    padding: 16px 15px 0px 15px;
    margin-bottom: 30px;
}

.badges_section #medal_char_detail img {
    height: 125px !important;
}

.badges_section ul li img {
    float: left;
    margin-right: 15px;
}

.badges_section ul li .badges_rightcontent {
    width: 80%;
    float: right
}

.badges_section ul li .badges_rightcontent h2 {
    font-size: 21px;
    color: #5e5e5e;
    font-weight: normal;
    padding: 3px 0px 3px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 31px;
    color: #fff;
}

.badges_section ul li .badges_rightcontent h2 span.golden {
    color: #cead4b;
}

.badges_section ul li .badges_rightcontent p {
    font-size: 12px;
    color: #b1b1b1;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 150%;
}

.badges_section ul li .badges_rightcontent p span.date {
    color: #2686e7;
    float: right;
    width: 100px;
    height: 100%;
    text-align: right;
    font-weight: bold;
    margin-top: -20px;
    font-size: 15px;
    font-family: 'MyriadProRegular';
}

.badges_section ul li .badges_rightcontent p span.locked_medal {
    color: gray;
    float: right;
    width: 266px;
    height: 100%;
    font-size: 54px;
    text-align: right;
    margin-top: -30px;
}

.graph_section table tr.information {
    height: 30px;
}

.graph_section table tr.breaker {
    height: 25px;
}

.graph_section table span.description {
    font-size: 14px;
    font-weight: bold;
}

.graph_section table span.percentage {
    font-size: 18px;
}

.graph_section table span.ratio {
    color: slategrey;
    font-family: trebuchet ms;
    font-size: 15px;
    letter-spacing: -2px;
    margin-right: 5px;
}

.pagination {
    font-size: 13px;
}

.pagination ul {
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

.pagination ul li {
    list-style: none;
    margin: 3px;
    display: inline-block;
}

.pagination ul li a {
    text-decoration: none;
    background: #243958;
    color: white;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 27px;
    border-radius: 5px;
    transition: all 0.5s ease 0s;
}

.pagination ul li a.selected {
    font-weight: bold;
    background: #3B94E9;
}

.pagination ul li a:hover {
    background: #3B94E9;
}

#tableList th a {
    color: white;
    text-decoration: none;
}

.search_area {
    float: right;
    width: 175px !important;
    height: 32px;
    background: url(../images/search_bg_small.png) no-repeat;
    margin-top: 0px;
    margin-right: -1px;
}

.search_area input.field {
    border: none;
    width: 155px;
    height: 32px;
    background: none;
    line-height: 32px;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    color: #525252;
    font-family: Arial, Helvetica, sans-serif;
}

.search_area .search_btn {
    float: right;
    margin: 1px 1px 0px 0px;
    display: none;
}

.mark_red {
    color: red;
    font-weight: bold;
    font-size: 18px;
}

.error_Login {
    color: red;
    float: right;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    height: 16px;
    margin-right: 10px;
    /*min-width:170px;*/
}

.subheading {
    float: left;
    font-family: 'CalibriRegular';
    color: #FFFFFF;
    font-size: 13px;
    max-width: 300px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

.subheading .sublft {
    float: left;
    background: url(../images/bgsubheadleft.png) no-repeat;
    width: 13px;
    height: 47px;
    display: none;
}

.subheading .subrep {
    float: left;
    margin-left: 13px;
    font-size: 21px;
    color: #2e2e2e;
    font-family: 'Titillium Web', sans-serif;
}

.subheading .subryt {
    float: left;
    background: url(../images/bgsubheadright.png) no-repeat;
    width: 21px;
    height: 47px;
    display: none;
}

.noFound {
    font-size: 16px;
    font-weight: bold;
}

.backpage {
    float: left;
    margin: 7px 9px 0px 0px;
}

.navbar {
    font-size: 0.9em;
    padding: 0px;
    color: #5e5e5e;
    float: left;
    min-width: 960px;
    background: none;
    border-bottom: 1px dashed #b1b1b1;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-left: -17px;
}

.breadcrumb {
    float: left !important;
    width: 76% !important;
}

.improve_page_user_selection {
    float: right;
    cursor: pointer
}

.div1 {
    float: right;
    margin-left: 20px;
}

.improve_page_user_selection .ico1 {
    font-size: 14px;
    float: left;
    margin-top: 2px;
    margin-left: 5px;
}

.improve_page_user_selection .div1:hover {
    font-weight: bold;
}

.improve_page_user_selection .div1:nth-child(1) .icoimg {
    background: #124a83 url("../images/select-role-li3.png") no-repeat scroll center;
    height: 20px;
    width: 20px;
    float: left;
    background-size: 70%;
}

.improve_page_user_selection .div1:nth-child(2) .icoimg {
    background: #124a83 url("../images/select-role-li4.png") no-repeat scroll center;
    height: 20px;
    width: 20px;
    float: left;
    background-size: 70%;
}

.improve_page_user_selection_manger {
    float: right;
    cursor: pointer
}

.div1 {
    float: right;
    margin-left: 20px;
}

.improve_page_user_selection_manger .ico1 {
    font-size: 14px;
    float: left;
    margin-top: 2px;
    margin-left: 5px;
}

.improve_page_user_selection_manger .div1:hover {
    font-weight: bold;
}

.improve_page_user_selection_manger .div1:nth-child(1) .icoimg {
    background: #124a83 url("../images/select-role-li1.png") no-repeat scroll center;
    height: 20px;
    width: 20px;
    float: left;
    background-size: 70%;
}

.improve_page_user_selection_manger .div1:nth-child(2) .icoimg {
    background: #124a83 url("../images/select-role-li4.png") no-repeat scroll center;
    height: 20px;
    width: 20px;
    float: left;
    background-size: 70%;
}

#tr_of_breadcrumbs {
    display: none;
}

.result-time,
.result-score {
    float: right;
    font-family: 'Titillium Web', sans-serif;
    font-size: 21px!important;
    color: #2e2e2e;
    font-weight: normal;
    padding-left: 5%;
}

.result-score {
    background: url(../images/total-mraks.png) no-repeat left center
}

.result-time {
    background: url(../images/total-time.png) no-repeat left center
}

.result-time span,
.result-score span {
    color: #2687e7;
    font-weight: bold;
}

.top_sub_navigation {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.accesshide {
    position: absolute;
    left: -10000px;
    font-weight: normal;
    font-size: 1em;
}

.breadcrumb ul {
    padding: 0;
    margin: 0px 0 0px 20px;
    text-indent: 0;
    list-style: none;
}

.breadcrumb ul li {
    float: left;
    font-size: 11px;
    margin-right: 5px !important;
}

.breadcrumb ul li.active {
    font-weight: bold;
    color: #4a4a4a;
}

.breadcrumb ul li.active a {
    color: #5e5e5e;
}

.breadcrumb ul li a {
    color: #b1b1b1;
    text-decoration: none;
}

.breadcrumb ul li .sep {
    font-size: 0.85em;
    padding-left: 9px;
    background: url(../images/breadcrumb_arrow.png) no-repeat center center;
}

.categorypicker {
    margin: 23px 0 25px;
    float: right;
    display: none;
}

img.lft {
    display: none;
}

.singleselect {
    text-align: center;
    margin: 1em 0;
}

#switchcategory {
    float: right;
    margin-right: 34px;
    margin-top: -7px;
}

select {
    font: Arial, Helvetica, sans-serif;
    width: 14%;
    font-size: 12px;
    color: #686868;
    margin-left: 1%;
    ;
    border: solid 2px #e2e2e2;
    border-radius: 2px;
    /*background:url(../images/drop_down_quiz.png) no-repeat right center #2e2e2e!important;*/
}

#coursesearch2 {
    margin-top: 2em;
    text-align: center;
    margin-bottom: 2em;
}

.invisiblefieldset {
    display: inline;
    border-width: 0;
    padding: 0;
    margin: 0px 0px 0px 0px;
}

@font-face {
    font-family: 'CalibriRegular';
    src: url('../fonts/calibri_0-webfont.eot');
    src: url('../fonts/calibri_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/calibri_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('../fonts/myriadpro-boldcond-webfont.eot');
    src: url('../fonts/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-boldcond-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HeliosBold';
    src: url('../fonts/Helios_Bold.eot');
    src: url('../fonts/Helios_Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Helios_Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/myriadp2-webfont.eot');
    src: url('../fonts/myriadp2-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadp2-webfont.woff') format('woff'), url('../fonts/myriadp2-webfont.ttf') format('truetype'), url('../fonts/myriadp2-webfont.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_MYRIADPRO-SEMIBOLD_0';
    src: url('../fonts/MYRIADPRO-SEMIBOLD_0.eot');
    src: url('../fonts/MYRIADPRO-SEMIBOLD_0.woff') format('woff'), url('../fonts/MYRIADPRO-SEMIBOLD_0.ttf') format('truetype'), url('../fonts/MYRIADPRO-SEMIBOLD_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

#medal_description h2 {
    color: #747474;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    font-size: 18px;
}

#medal_description h2 span {
    color: #124a83;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    font-size: 22px;
}

.left50 {
    margin-left: 50px;
}

.left0 {
    margin-left: 7px;
}

.color_red {
    color: #F00;
}

.refresh {
    float: right;
    margin-right: 15px;
    padding-top: 10px;
}

.width90 {
    width: 90%;
}

.cursor {
    cursor: pointer;
}

.cursor_default {
    cursor: default;
}

.width305 {
    width: 305px;
}

.width306 {
    width: 306px;
}

.width106 {
    width: 106px;
}

.aligncntr {
    text-align: center !important;
}

.alignlft {
    text-align: left !important;
}

.alignrgt {
    text-align: right !important;
}

.brdrlft {
    border-left: 1px solid #A3A3A3;
}

.color_txt {
    color: #000;
    text-decoration: none;
}

.color_blue {
    color: #2686e7;
}

.valignmiddle {
    vertical-align: middle;
}

.quizname {
    font-family: 'CalibriRegular';
    font-size: 23px;
}

.quizintro {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.quiz_err {
    font-size: 16px;
    font-weight: bold;
}

.quiz_again {
    font-size: 12px;
}

.quiz_link {
    font-size: 10px;
    font-weight: bold;
}

.coursename {
    font-family: 'Titillium Web', sans-serif;
    margin-top: 4%;
    color: #606060;
    font-size: 13px;
}

.courseid {
    margin-right: 25px;
    float: right;
}

.thanks {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 26px;
    color: teal;
}

.width20 {
    width: 20px;
}

.width800 {
    width: 800px;
}

.width96 {
    width: 96px;
}

.pass {
    font-weight: bold;
    color: green;
    font-size: 14px;
}

.wahe {
    font-weight: bold;
    color: green;
    font-size: 14px;
}

.wahr {
    font-weight: bold;
    color: green;
    font-size: 14px;
}

.fail {
    font-weight: bold;
    color: red;
    font-size: 14px;
}

.download {
    background: url(../images/download-icon.png) no-repeat 155px center #ffffef;
    font-family: Arial, Helvetica, sans-serif;
    width: 960px;
    %;
    text-align: left;
    padding-left: 14%;
    padding-top: 1%;
    font-size: 13px;
    color: #545454;
    top: 0;
    border-bottom: solid 1px #dde6d9;
    width: auto;
    height: 30px;
}

.download span a {
    font-weight: bold;
    color: #3f6ba5;
    text-decoration: underline;
    font-size: 13px;
}

.border0 {
    border: 0px;
}

.mrgntop10 {
    margin-top: 10px;
}

.width105 {
    width: 105px;
}

.width605 {
    width: 605px;
}

.newclass {
    min-height: 300px !important;
    padding-bottom: 37px !important;
}

.dropdown {
    float: right;
    width: 212px;
    margin: 15px 0 0;
}

.dropdown p {
    float: left;
    line-height: 27px;
    font-family: 'Titillium Web', sans-serif;
    color: #2e2e2e;
    font-size: 12px;
}

.dropdown_bg span {
    margin-left: 7px;
    line-height: 30px;
}

.dropdown .dropdown_bg {
    background: url(../images/select_bg.png) no-repeat;
    width: 156px;
    height: 30px;
    float: left;
    border: 0;
    outline: none;
    overflow: hidden;
    cursor: pointer;
}

.dropdown_top {
    float: left;
    background: url(../images/dropdpwn_top.png) no-repeat left;
    width: 155px;
    height: 3px;
}

.dropdown_field {
    float: left;
    background: url(../images/dropdpwn_middle.png) repeat-y left;
    width: 155px;
    position: absolute;
}

.dropdown_field ul {
    list-style: none;
    width: 145px;
}

.dropdown_field ul li {
    float: left;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #fff;
    font-family: 'MyriadProRegular';
    font-size: 13px;
}

.dropdown_field ul li a {
    width: 140px;
    display: block;
    line-height: 31px;
    padding-left: 15px;
    background: url(../images/list_style.png) no-repeat 8px 14px;
}

.dropdown_field ul li a:hover {
    background-color: #f9f9f9;
    color: #000;
}

.dropdown_field ul li span {
    color: #222222;
    cursor: pointer;
}

.dropdown_field ul li span a {
    color: #222222;
    cursor: pointer;
    text-decoration: none;
}

.dropdown_field ul li span:hover {
    color: black;
    cursor: pointer;
    text-shadow: 1px 1px 1px lightgray;
}

.dropdown_field ul li:first-child {
    border-top: none;
}

.dropdown_bottom {
    float: left;
    background: url(../images/dropdpwn_bottom.png) no-repeat left;
    width: 155px;
    height: 4px;
}

.whole_dropdown {
    /*float:left; */
    margin-left: 50px;
    margin-top: 30px;
}

#error_msg {
    float: right;
    margin: 7px 0px 0px 7px;
}

.bgnone {
    /*background:#000 !important;*/
    background: #4D4D4D;
}

.right_portion {
    float: right;
    width: 600px;
}

.course_img {
    margin-right: 8px;
}

.width121 {
    width: 121px;
}

.width127 {
    width: 127px;
}

.width141 {
    width: 141px;
}

.width204 {
    width: 204px;
}

.width49 {
    width: 49px;
}

.bck_btn a {
    background: url(../images/bck_btn.png) no-repeat !important;
    width: 32px !important;
    /* height:47px !important;*/
}

.language_selection {
    /*position:relative; z-index:99999;*/
}

.right_portion #medal_description {
    float: right;
    width: 100%;
    text-align: right;
    margin-top: 15px;
}

span.user p {
    padding: 0;
    float: right;
    color: #FFFFFF;
    font-size: 12px;
    padding-left: 1%;
    display: list-item;
    list-style: none;
    line-height: 21px;
}

span.user p.changerole {
    margin-left: 15px;
}

span.user p.changerole a {
    text-decoration: none;
}

span.user p a {
    color: #898989;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

span.user p.seprator {
    margin: 0!important;
    padding: 0!important;
    color: #898989!important;
    padding-left: 1%!important;
}

#frmAccounts input {
    border: none;
    width: 228px;
    height: 32px;
    background: none;
    line-height: 32px;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    background: url(../images/search_bg.png) no-repeat;
    color: #525252;
    font-family: Arial, Helvetica, sans-serif;
}

.buttonstyle {
    background-image: url("../images/login.jpg");
    background-repeat: no-repeat;
    border: medium none;
    color: #000000;
    cursor: pointer;
    float: right;
    font-family: Arial;
    font-size: 13px;
    height: 23px;
    line-height: 23px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    width: 50px;
}

#frmAccounts #a_undo2.mybutton {
    height: 14px;
    margin: 0!important;
    padding: 10px!important;
    color: black;
}

#frmAccounts #btnSave.mybutton {
    margin: 0;
    margin-right: 5px;
    height: 36px !important;
    min-width: 55px;
    color: black;
}

#frmAccounts .mybutton {
    background: url(../images/category-button-bg.png) repeat-x;
    border: solid 1px #cfcfcf;
    display: inline-block;
    color: #bababa;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    /*text-shadow:1px 0px 0px #7cacde;*/
    margin-right: 5px;
    margin-top: 5px;
    border-radius: 4px;
    background-size: contain;
    width: auto !important;
    cursor: pointer;
    /*line-height:15px;
    background-image: url("../images/login.jpg");
    background-repeat: no-repeat;
    color: #000000;
    float: left;
    font-family: Arial;
    font-size: 10px;
    height: 23px;
    margin: 0;
	cursor:pointer;
    text-align: center;
    text-decoration: none;
    width: 50px;
	border:none;*/
}

a.mybutton {
    padding: 6.5px;
}

input#image {
    background: none;
    height: 18px;
}

#frmAccounts .mybutton:hover {
    color: #2e2e2e;
    /*background-image: url("../images/loginover.jpg");
    background-repeat: no-repeat;
    color: #000000;
    float: left;
    font-family: Arial;
    font-size: 10px;
    height: 23px;
    margin: 0;
	cursor:pointer;
    text-align: center;
    text-decoration: none;
    width: 50px;
	border:none;
*/
}

#frmAccounts .uploadImage_div {
    float: left;
    background-color: white;
    width: 380px;
    height: 150px;
    box-shadow: 1px 1px 3px 0px gray;
    margin-top: 20px;
    margin-left: 30px;
}

#frmAccounts .uploadImage_div #preview {
    text-align: center;
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    width: 100px;
    height: 100px;
}

#userinfo .black_button {
    /*-moz-box-shadow:inset 0px 1px 0px 0px #929292;
	-webkit-box-shadow:inset 0px 1px 0px 0px #929292;
	box-shadow:inset 0px 1px 0px 0px #929292;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #929292), color-stop(1, #838383) );
	background:-moz-linear-gradient( center top, #929292 5%, #838383 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#929292', endColorstr='#838383');*/
    background-color: #F5F5F5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 3px;
    /*border:1px solid #eeb44f;*/
    display: inline-block;
    color: #000000;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 7px 9px;
    text-decoration: none;
    font-size: 13px;
    cursor: pointer;
    border: solid 1px #cfcfcf;
}

.styled-select select,
.styled-td-select select {
    font-size: 12px;
    border: 1px solid #ccc;
    height: 26px;
    margin: 0;
    border-radius: 5px;
    width: auto;
    background-size: 100%;
    display: inline-block;
    border: 1px solid #e2e2e2;
    padding: 4px 0px 3px 5px;
    margin: 0;
    outline: none;
    /* remove focus ring from Webkit */
    line-height: 1.2;
    -webkit-border-radius: 6px!important;
    -moz-border-radius: 6px!important;
    border-radius: 6px;
}

.styled-select,
.styled-td-select {
    position: relative;
    display: inline-block;
}

.styled2-td-select {
    display: block!important;
}


/*select.styled-select:after, select.styled-td-select:after,.styled-td-select .dropdown-styled label:after{
content: "\25BC" !important;height: 30px; border: 1px solid #d2d2d2;position: absolute;right: 0;bottom: 0;font-size: 60%;line-height: 32px;padding: 0 7px;background: #f3f3f3;color: #2686e7;pointer-events: none;-webkit-border-radius: 0 6px 6px 0!important;-moz-border-radius: 0 6px 6px 0!important; border-radius: 0 6px 6px 0; border-radius: 0;}*/

#contentright td.styled-td-select:after,
.no-pointer-events .styled-select:after,
.no-pointer-events .styled-td-select:after {
    content: none!important;
}

#contentright .padding-heading .styled-td-select {
    margin: 0 0 10px 0
}

td.styled-td-select {
    margin: 0 15px 0 0;
}

.select-style:after {
    background: url(../images/select-arrow.png) no-repeat;
    border-left: 1px solid #dedede;
}


/*.styled-select select, .styled-td-select select {
   width: auto;
   height: 32px;
   overflow: hidden;
   background-color: #f5f5f5; url(../images/down_arrow_select.jpg) no-repeat right 
   border-radius: 5px;
   position: relative;
   display: inline-block;
   min-width: 100px;
}*/

.styled-select_body select {
    margin: 0;
    width: 200px;
}

.styled-select_body {
    margin-right: 15px;
    float: left;
    width: 200px;
    height: 31px;
    overflow: hidden;
    /*background: url(../images/down_arrow_select.jpg) no-repeat right #FFF;*/
}

.styled-select,
.styled-td-select,
.styled-select_body {
    background: url(../images/select_arrow.png) no-repeat right -2px #f5f5f5;
    min-width: 100px;
    height: 27px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}

.styled-select select,
.styled-td-select select,
.styled-select_body select {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    -khtml-appearance: none;
    -ms-appearance: none;
    background-color: transparent !important;
    border-radius: 5px;
    width: 100%;
    border: none;
    border-radius: 0px;
    outline: none;
    cursor: pointer;
    -o-appearance: none;
    text-indent: 0.01px;
    padding-right: 26%;
}

.styled-select .dropdown-styled,
.styled-td-select .dropdown-styled,
.styled-select_body .dropdown-styled {}

select::-ms-expand {
    display: none !important;
}

.ie9 .styled-select select,
.ie9 .styled-td-select select,
.ie9 .styled-select_body select {}

.styled-select_body select {
    height: 27px;
    outline: none;
}

.long_select {
    width: 236px;
}

table.advance_filter {
    width: 100%;
    float: left;
}

#frmItems td {
    border: none !important;
}

.popup_inline_div {
    float: left;
    font-family: 'MyriadProRegular';
    font-size: 16px;
    color: #424242;
    line-height: 20px;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.moddle_page {
    float: left;
    /*padding-left:90px; */
    padding: 15px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    color: #2e2e2e;
    line-height: 25px;
    width: 97%;
    /*width:840px; margin-top:30px;*/
    padding-top: 4%;
}

#installer_not_installed h2 {
    font-family: 'Titillium Web', sans-serif!important;
    font-size: 28px!important;
    color: #2e2e2e!important;
}

.moddle_page h2 {
    color: #2e2e2e;
    font-weight: normal;
    font-family: 'Titillium Web', sans-serif;
    font-size: 28px;
}

.moddle_page a {
    color: #2672bf;
}


/*.brdr_btm{border-bottom:1px dashed #B4B4B4; float:left; width:100%; padding-top:10px;}*/

.welcome_page_phone {
    background: url(../images/welcom_callus.png) no-repeat left center;
    padding-left: 5%;
    float: left;
}

.welcome_page_phone span,
.welcome_email span {
    font-family: 'Titillium Web', sans-serif;
    color: #257ad0;
    font-size: 16px;
}

.welcome_email {
    background: url(../images/welcom_email.png) no-repeat left center;
    padding-left: 6%;
    float: left;
    margin-left: 10%;
}

.welcome_email a {
    text-decoration: none;
    color: #2e2e2e;
}

div.welcome-content-botom {
    text-align: center;
    margin-top: 3%;
    border-top: solid 1px rgba(22, 26, 29, 0.2);
    padding-top: 3%;
}

.welcome-content-botom a {
    background: #2687e7;
    color: #fff;
    text-decoration: none;
    padding: 0.25% 4%;
    border-radius: 3px;
}

.see_all {
    float: right;
    padding-top: 10px;
    color: #b1b1b1;
    font-family: 'MyriadProRegular';
    font-size: 15px;
    cursor: pointer;
    width: 93px;
    text-align: right;
}

#locked_medal_see_all,
#medal_char_see_all {
    cursor: inherit;
}

#locked_medal_see_all a,
#medal_char_see_all a {
    cursor: pointer;
}

.see_all img {
    margin-top: 5px;
    float: right;
    margin-left: 5px;
}

.list_thumbs li {
    background: none !important;
    width: 74px !important;
    margin: 0px 10px;
    height: auto !important;
    margin-bottom: 0px !important;
    float: left;
    list-style: none;
    padding: 0px 0px 13px 0px !important;
    min-height: 121px;
}

.list_thumbs li img {
    border: 1px solid #cecece;
    padding: 5px !important;
}

.list_thumbs li.active img {
    border: 1px solid #2585e9;
}

.locked_medal_list_thumbs li {
    background: none !important;
    width: 74px !important;
    margin: 0px 10px;
    height: auto !important;
    ;
    margin-bottom: 0px !important;
    float: left;
    list-style: none;
    padding: 0px 0px 13px 0px !important;
    min-height: 121px;
}

.locked_medal_list_thumbs li img {
    border: 5px solid #b5b5b5;
    padding: 8px !important
}

.locked_medal_list_thumbs li.active img {
    border: 5px solid #2585e9;
}

#main_mc_ajax_loader {
    text-align: center;
    display: none;
}

#main_lockedmedals_ajax_loader {
    text-align: center;
    display: none;
}

#ajaxLoader {
    width: 100%;
    float: left;
    text-align: center;
}

#ajaxLoader img {
    float: none !important;
}

.bginnerrepeat .aboutus .left_content {
    background: url(../images/bg_separator.png) no-repeat right;
    background-size: contain;
    float: left;
    width: 253px;
    margin-bottom: 40px;
}


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

.bginnerrepeat .aboutus .left_content .left_menu_accordian {
    float: left;
    padding-top: 25px;
    width: 100%;
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion li {
    width: 226px;
    margin-top: 0px;
    padding: 0px 0px 10px 20px;
    font-size: 15px;
    color: #242424;
    list-style: none;
    height: 32px;
    line-height: 32px;
    clear: both;
    border-top: solid 1px #e3e3e3;
    float: left;
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion li:first-child {
    border-top: none!important;
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion li:hover {
    cursor: pointer;
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion li:hover a {
    color: #ffffff;
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion li.active {
    color: #555555!important;
    background: url(../images/blue.png) no-repeat 10px center #f7f7f7;
    font-weight: bold;
    float: left;
    margin-top: 0;
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion li a:hover {
    color: #555555!important;
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion li a {
    color: #242424!important;
    float: left;
    text-decoration: none;
    width: 100%;
    font-family: 'Titillium Web', sans-serif !important;
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion li {
    line-height: 42px;
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion ul.child_accordion {
    list-style: none;
    padding: 2px 0 0 8px;
    display: none;
    background: #f7f7f7;
    width: 238px;
    float: left;
}


/* ul.child_accordion{background:#f7f7f7;}*/

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion ul.child_accordion li {
    border: none;
    background: none;
    padding-bottom: 0;
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion ul.child_accordion li:first-child {
    margin-top: 0px;
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion ul.child_accordion li {
    height: auto;
    margin: 0px;
    line-height: 30px;
    font-size: 12px;
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion ul.child_accordion li.active {
    padding-bottom: 0;
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion ul.child_accordion li.active a {
    color: #2e2e2e!important;
    width: 223px;
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion ul.child_accordion li a {
    color: #7a7a7a!important;
    text-decoration: none;
    border: none;
    font-size: 12px;
    font-family: 'Titillium Web', sans-serif;
    background: url(../images/hyphen.png) no-repeat left 15px;
    padding-left: 3%;
    width: 223px
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian ul#accordion ul.child_accordion li a:hover {
    color: #2e2e2e!important;
    width: 223px
}


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

.bginnerrepeat .aboutus .right_content {
    width: 704px;
    float: left;
    font-family: arial;
    font-size: 12px;
    margin-right: 10px;
    text-align: left;
}

.bginnerrepeat .aboutus .admin-right {
    width: 64%;
    margin-top: 2%;
}

.bginnerrepeat .aboutus .bgblueheading {
    width: 70%!important;
}

.bginnerrepeat .aboutus .right_content a.colorbox_improve.medals {
    background-color: saddlebrown;
    padding: 8px;
    float: left;
    border-radius: 5px 5px 5px 5px;
    color: white;
    text-decoration: none;
    margin-right: 10px;
}

.bginnerrepeat .aboutus .right_content a.colorbox_improve.graphs {
    background-color: royalblue;
    padding: 8px;
    float: left;
    border-radius: 5px 5px 5px 5px;
    color: white;
    text-decoration: none;
    margin-right: 10px;
}

.bginnerrepeat .aboutus .right_content a.colorbox_improve.results {
    background-color: seagreen;
    padding: 8px;
    float: left;
    border-radius: 5px 5px 5px 5px;
    color: white;
    text-decoration: none;
    margin-right: 10px;
}

.bginnerrepeat .aboutus .right_content a.colorbox_improve.dashboard {
    background-color: #CFCF00;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    padding: 8px;
    text-decoration: none;
    margin-right: 10px;
    float: left;
}

.bginnerrepeat .aboutus .right_content a.colorbox_improve {
    display: inline-block;
}

.maincontent_wrapper .bginnerrepeat table.student_dashboard {
    width: 100%;
    border-spacing: 2px;
    padding: 0 15px 0 0;
    font-size: 13px;
    font-family: arial;
    text-align: center;
}

.maincontent_wrapper .bginnerrepeat table.student_dashboard {
    font-family: 'MyriadProRegular';
}

.maincontent_wrapper .bginnerrepeat table.student_dashboard .table {
    border-radius: 5px;
    border: none;
    text-align: center;
    border: 1px solid #8D8D8D;
    border-spacing: 0;
    margin-bottom: 15px;
}

.bginnerrepeat table.student_dashboard .table .heading td {
    border-left: 1px solid #bbd3ea;
    padding: 10px 16px;
    width: 280px;
}

.bginnerrepeat table.student_dashboard .table .sub-heading td {
    border-right: 1px solid #afafaf;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px 17px;
    width: 280px;
}

.bginnerrepeat table.student_dashboard .table tr td:first-child {
    border-left: 1px solid #afafaf;
}

.bginnerrepeat table.student_dashboard .table tr td {
    padding: 3px 5px;
}

.bginnerrepeat table.student_dashboard .table .heading {
    background: #1869b8;
    color: #ffffff;
    font-size: 16px;
}

.bginnerrepeat table.student_dashboard .table .sub-heading {
    color: #6d6d6d;
    font-size: 14px;
}

.bginnerrepeat table.student_dashboard .table .nothing {
    background: ##fff;
    /*border-radius:5px;*/
    font-size: 13px;
    padding: 6px 15px;
}

.bginnerrepeat table.student_dashboard .table .green {
    background: url(../css/images/green.png) no-repeat 30% 50% #EFF9EE;
    /*border-radius:5px;*/
    font-size: 13px;
    padding: 6px 15px;
}

.bginnerrepeat table.student_dashboard .table .green span {
    color: #53871c;
    margin-left: 20px;
    font-family: 'MyriadProBold';
    text-decoration: none;
    cursor: pointer;
    background: none;
}

.bginnerrepeat table.student_dashboard .table .red {
    background: url(../css/images/red.png) no-repeat 35% 50% #FCEDE8;
    /*border-radius:5px;*/
    font-size: 13px;
    padding: 6px 15px;
}

.bginnerrepeat table.student_dashboard .table .red span {
    color: #b60707;
    margin-left: 20px;
    font-family: 'MyriadProBold';
    text-decoration: none;
    cursor: pointer;
    background: none;
}

.bginnerrepeat table.student_dashboard .table .silver {
    background: url(../css/images/silver.png) no-repeat 50% 50% #dedede;
    /*border-radius:5px;*/
    font-size: 13px;
    padding: 6px 15px;
}

.bginnerrepeat table.student_dashboard .table .silver span {
    color: #696969;
    margin-left: 20px;
    font-family: 'MyriadProBold';
    text-decoration: none;
    cursor: pointer;
    background: none;
}

.bginnerrepeat table.student_dashboard .table td.quiz {
    background: #5f5f5f;
    color: #ffffff;
    font-size: 16px;
    vertical-align: middle;
}

.bginnerrepeat table.student_dashboard .table table div {
    float: left;
    margin: 3px 5px;
}

.bginnerrepeat .aboutus .right_content h2 {
    font-size: 26px;
    font-family: Myraid;
    margin-bottom: 10px;
}

.bginnerrepeat .aboutus .right_content img {
    margin-top: 5px;
    float: left;
    margin-right: 8px;
    right: 0;
}

.bginnerrepeat .aboutus .right_content p {
    line-height: 18px;
    margin-bottom: 5px;
    /*color:#7f9094;*/
}

.bginnerrepeat .aboutus .right_content .about_content {
    float: left;
    margin-top: 15px;
    width: 317px;
    line-height: 18px;
    margin-right: 25px;
}

.bginnerrepeat .aboutus .right_content .about_content a {
    color: #83bc6b;
    font-weight: bold;
    font-size: 14px;
    line-height: 40px;
}

.bginnerrepeat .aboutus .right_content ol {
    list-style: inside;
}

.bginnerrepeat .aboutus .right_content ol li {
    list-style: disc!important;
    padding: 3px;
}

.bginnerrepeat .aboutus .left_content .left_menu_accordian {
    min-height: 440px;
}

#frmAccounts input.add_to_grid {
    background: rgb(59, 103, 158);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(59, 103, 158, 1) 0%, rgba(43, 136, 217, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(59, 103, 158, 1)), color-stop(50%, rgba(43, 136, 217, 1)), color-stop(51%, rgba(32, 124, 202, 1)), color-stop(100%, rgba(125, 185, 232, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(59, 103, 158, 1) 0%, rgba(43, 136, 217, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(59, 103, 158, 1) 0%, rgba(43, 136, 217, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(59, 103, 158, 1) 0%, rgba(43, 136, 217, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(59, 103, 158, 1) 0%, rgba(43, 136, 217, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8', GradientType=0);
    /* IE6-9 */
    border-radius: 10px;
    cursor: pointer;
    width: 110px;
    font-size: 14px;
    font-weight: bold;
    color: white;
}

#tblHeading {
    background-color: activecaption;
    color: BlanchedAlmond;
    font-family: comic Sans MS;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 4px;
    text-shadow: 1px 1px 1px black;
}

#trDetailHeading td {
    background-color: SteelBlue;
    color: Cornsilk;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 4px;
}

#cover {
    background: url("../images/ajax-loader1.gif") no-repeat scroll center center #FFF;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    opacity: 0.5;
    display: none;
}

.arrows {
    float: right;
    width: 18px;
}

.table_content h3 {
    font-family: 'MyriadProRegular';
    font-size: 17px;
    font-weight: normal;
    color: #222222;
    text-transform: uppercase;
}

.quiz_content h3 {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold!important;
    font-size: 16px !important;
    color: #4a4a4a !important;
}

.quiz_content p {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px!important;
    color: #666666!important;
}

.table_content p {
    font-family: 'MyriadProRegular';
    font-size: 13px;
    color: #222222;
    margin: 12px 0px;
}

.quiz_contentright {
    width: 148px;
    padding: 7% 10%;
    /*border:1px solid #e3e3e3;*/
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    float: right;
}

.quiz_contentright .quiztab {
    float: left;
    background: url(../images/quiz_tabimg.png) no-repeat;
    width: 148px;
    height: 38px;
    margin-bottom: 5px;
    cursor: pointer;
    background-size: 100%;
}

.quiz_contentright .dis {
    float: left;
    background: url(../images/quiz_tabinactive.png) no-repeat;
    width: 148px;
    height: 38px;
    margin-bottom: 5px;
    background-size: 100%;
}

.quiz_contentright .quiztab span {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 38px;
    width: 107px;
    text-align: left;
}

.quiz_contentright .quiztab .icon {
    width: 40px;
    float: left;
    text-align: center;
    line-height: 35px;
}

.quiz_contentright .quiztab img {
    margin-top: 6px;
    width: 50%;
}

.quiz_contentright ul {
    padding-left: 20px;
    float: left;
    margin: 3px 0px 8px;
}

.quiz_contentright ul li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #666666;
    list-style: url(../images/hyphen.png)
}

.after_login {
    float: left;
    width: 967px;
    height: 194px;
    padding-top: 100px;
    font-family: 'MyriadProRegular';
}

.after_login h2 {
    font-size: 21px;
    color: #222222;
    font-weight: normal;
}

.after_login p {
    font-size: 14px;
    color: #222222;
    font-weight: normal;
}

.grid {
    float: right;
    margin: 19px 0px 0px 15px;
}

.grid span {
    float: left;
    line-height: 25px;
    color: #5e5e5e;
    font-family: 'MyriadProRegular';
    font-size: 15px;
}

.grid ul {
    list-style: none;
    float: left;
    margin-left: 10px;
}

.grid ul li {
    float: left;
    display: block;
    text-indent: -9999px;
    margin-left: 2px;
}

.grid ul li.list {
    background: url(../images/list_img.png) no-repeat;
    background-size: 100%;
}

.grid ul li.tabs {
    background: url(../images/grid_img.png) no-repeat;
    background-size: 100%;
    margin-left: 5px;
}

.grid ul li a {
    width: 40px;
    height: 39px;
    display: block;
}

.grid ul li.list a:hover {
    background: url(../images/list_hover.png) no-repeat;
    display: block;
    background-size: 100%;
}

.grid ul li.list a.active {
    background: url(../images/list_hover.png) no-repeat;
    display: block;
    background-size: 100%;
}

.grid ul li.tabs a:hover {
    background: url(../images/grid_hover.png) no-repeat;
    display: block;
    background-size: 100%;
}

.grid ul li.tabs a.active {
    background: url(../images/grid_hover.png) no-repeat;
    display: block;
    background-size: 100%;
}

.drop_arrow {
    display: none
}

.graph_section {
    float: left;
    width: 895px;
}

.graph_section .tabs_area {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-family: 'Titilium Web', sans-serif;
}

.graph_section .tabs_area ul {
    list-style: none;
}

.graph_section .tabs_area ul li {
    float: left;
    width: auto;
    height: 43px;
    background: url(../images/tabs_bg.png) no-repeat left bottom;
    display: block;
    text-align: left;
    line-height: 45px;
    font-size: 15px;
    position: relative;
    margin-bottom: 6px;
    z-index: 9999;
    border-bottom: solid 4px #a7a7a7;
    margin-right: 2%;
    padding: 0 2%;
    min-width: 100px;
}

.graph_section .tabs_area ul li:first-child {
    border-left: none;
}

.graph_section .tabs_area ul li a {
    color: #b1b1b1;
    text-decoration: none;
}

.graph_section .tabs_area ul li:hover {
    background: url(../images/tabs_bghover.png) no-repeat left bottom;
    color: #4d91e8;
    cursor: pointer;
    border-bottom: solid 4px #4d91e8;
}

.graph_section .tabs_area ul li:hover a {
    color: #4d91e8;
}

.graph_section .tabs_area ul li.active {
    background: url(../images/tabs_bghover.png) no-repeat left bottom;
    display: block;
    color: #4d91e8;
    margin-bottom: 0px;
    border: none;
    margin-left: 1px;
    cursor: pointer;
    border-bottom: solid 4px #4d91e8;
}

.graph_section .tabs_area ul li.active a {
    color: #4d91e8;
}

.graph_section .graph_content {
    width: 895px;
    float: left;
    padding: 20px 0px;
    margin-top: -8px;
}

.graph_section .graph_content .pbar_section {
    float: left;
    width: 882px;
    padding: 5px;
    margin-bottom: 10px;
}

.graph_section .graph_content .pbar_section .information {
    float: left;
    width: 100%;
    height: 35px;
    line-height: 40px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
}

.graph_section .graph_content .pbar_section .information span.description {
    margin-left: 1%;
}

.graph_section .graph_content .pbar_section .information {
    float: left;
    background: url(../images/unactivearrow.jpg) no-repeat left center #4d91e8;
    padding: 1.3% 0 1.75% 7%;
    width: 860px;
}

.graph_section .graph_content .pbar_section .information .info_right {
    float: right;
    margin-right: 20px;
}

.graph_section .graph_content .pbar_section .information span.ratio {
    color: #FFFFFF;
}

.graph_section .graph_content .pbar_section .information span.percentage {
    color: #FFFFFF;
}

.graph_section .graph_content .pbar_section .pbar {
    float: left;
    width: 890px;
    margin-top: 30px;
    display: none;
}

.graph_section .graph_content .pbar_section #showGraphs_all {}

.graph_section .graph_content .advance_filter {
    margin-top: 3% !important;
}

.graph_section .graph_content .advance_filter .styled-select_body select {
    background: url(../images/graph-section-dropdown-bg.png) no-repeat right center !important;
    background-size: 100% !important;
}

#graph_total_content {
    margin-top: 0.5%;
}

.medals_discription {
    font-family: 'Conv_MYRIADPRO-SEMIBOLD_0';
    float: left;
    width: 100%;
    background: #4d91e8;
    padding: 16px 15px 0px 15px;
    margin-bottom: 30px;
}

.medals_discription img {
    float: left;
    margin-right: 15px;
    margin-top: -3px;
    margin-left: -15px;
}

.medals_discription h2 {
    font-size: 21px;
    color: #5e5e5e;
    font-weight: normal;
    padding: 3px 0px 3px 0px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 31px;
    color: #fff;
}

.medals_discription p {
    font-size: 12px;
    color: #b1b1b1;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 150%;
}

.medal-list-drop-right {
    width: 72%;
    float: right;
}

.medals_listing {
    float: left;
    width: 920px;
}

.medals_listing ul {
    list-style: none;
    width: 100%;
    float: left;
    margin-bottom: 0;
}

.medals_listing ul li {
    float: left;
    width: 129px;
    height: 135px;
    border: 1px solid #cecece;
    background-position: 0px -112px;
    display: block;
    font-family: 'MyriadProRegular';
    margin-left: 0;
    position: relative;
}

.medals_listing ul li:hover {
    border-color: #2482e1;
}

.medals_listing ul li:first-child {
    margin-left: 0px;
}

.medals_listing ul li img {
    position: absolute;
    top: 23.5px;
    left: 10.5px;
}

.medals_listing ul li a {
    text-decoration: none;
    display: block;
    color: #7d7e7d;
    cursor: default;
}

.medals_listing ul li span.plus {
    float: right;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px;
    margin: -30px 13px 0px 0px;
    display: none;
}

#main_graph {
    float: left;
    width: 100%;
}

span.active {
    color: #FFFFFF;
    background: url(../images/activearrow.jpg) no-repeat left 4d91e8!important;
}

div.active span.ratio {
    color: #FFFFFF!important;
}

#globalnav {
    position: relative;
    float: left;
    width: 90%;
    margin: 0;
    list-style: none;
    line-height: 1em;
}

#globalnav LI {
    float: left;
    margin: 0;
    padding: 0;
}

#globalnav A {
    display: block;
    color: #444;
    text-decoration: none;
    font-weight: bold;
    background: #ddd;
    margin: 0;
    padding: 0.25em 1em;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #aaa;
    padding: 15px 9.65px;
}

#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
    background: #bbb;
}

#globalnav A.here:link,
#globalnav A.here:visited {
    position: relative;
    z-index: 102;
}


/*subnav*/

#globalnav UL {
    position: absolute;
    left: 0;
    top: 1.5em;
    float: left;
    background: #bbb;
    width: 100%;
    margin: 0;
    padding: 0.25em 0.25em 0.25em 1em;
    list-style: none;
    border-top: 1px solid #fff;
}

#globalnav UL LI {
    float: left;
    display: block;
    margin-top: 1px;
}

#globalnav UL A {
    background: #bbb;
    color: #fff;
    display: inline;
    margin: 0;
    padding: 0 1em;
    border: 0
}

#globalnav UL A:hover,
#globalnav UL A:active,
#globalnav UL A.here:link,
#globalnav UL A.here:visited {
    color: #444;
}

.medals_preview_div {
    padding: 5px;
    border-color: whitesmoke;
    border-style: solid;
    border-width: 1px;
    width: 80px;
    text-align: center;
}

.div_medaldataupload,
.div_userrole {
    width: 85%;
    background-color: #BBBBBB;
    margin-left: 1px;
    float: left;
    padding: 15px;
}

.maincontent_wrapper {
    float: left;
    margin-top: -0.20%;
    background-color: #fff;
    padding: 1%;
}

.quiz_content ul {
    margin-left: 30px;
}

.quiz_content ul li {
    padding: 5px;
    list-style: url(../images/quiz_list_style.png);
    color: #666666!important;
}

#contentright span.readmore {
    background-color: #CCD4CC;
    color: dimgray;
    margin-top: 10px;
    float: left;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.quiz_content span.readmore {
    background-color: #CCD4CC;
    color: dimgray;
    margin-top: 10px;
    float: left;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.div_medaldataupload_child input[type='file'],
.div_userrole_child input[type='file'] {
    width: 120px !important;
    float: left;
}

.div_medaldataupload_child tr,
.div_userrole_child tr {
    height: 160px !important;
}

#showSelection div.box {
    padding: 20px;
    font-size: 9px;
    float: left;
    text-align: center;
    box-shadow: 1px 1px 1px 1px gray;
    margin: 5px;
    width: 75px;
    height: 55px
}

label.remove_styles input[type='radio'],
.remove_input_style {
    margin-left: 20px !important;
    width: auto !important;
    padding: 0px !important;
    line-height: inherit !important;
    height: auto !important;
}

.green {
    color: green;
}

.red {
    color: red;
}

.link {
    text-decoration: none;
    color: grey;
}

.bugs_label {
    background-color: #808080;
    color: #FFFAFA;
    display: block;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
    padding: 10px;
}

.quizvideosolutiondiv {
    color: white;
    text-align: center;
    margin-top: 10px;
    display: none;
}

.quizvideosolutiondiv a:link,
.quizvideosolutiondiv a:visited,
.quizvideosolutiondiv a:hover {
    color: gray;
    border-bottom: 1px dashed gray;
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 4px;
}

#installer_not_installed,
.quiz_duration_popup {
    color: white;
    text-align: left;
    background-color: white;
}


/*#installer_not_installed .moddle_page, .quiz_duration_popup .moddle_page{ background-color:white; margin:0px; padding:0px; width:auto; padding:20px;}*/

.quiz_duration_popup {
    float: left;
    width: 100%;
    height: 100%
}

#div_select_role {
    background-color: #0b1219!important;
}

#div_select_role table {
    padding-top: 30px;
}

#div_select_role table hr {
    margin: 0;
    width: 95%;
    border: 1px thin #333;
}

#div_select_role h2 {
    padding-top: 0px;
    font-family: 'Titillium Web', sans-serif;
    color: #fff;
    font-size: 50px;
}

#div_select_role ul {
    float: left;
    /*margin:0px 90px;*/
    width: 95%;
    text-align: center;
}

#div_select_role ul li {
    border-radius: 10px;
    height: 55px;
    margin: 10px;
    list-style: none;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    width: 200px;
    cursor: pointer;
    padding-top: 14%;
    display: inline-block;
}

#div_select_role ul>li {
    background: url(../images/select-role-li1.png) no-repeat #14283c center center;
}

#div_select_role ul>li+li {
    background: url(../images/select-role-li2.png) no-repeat #14283c center center;
}

#div_select_role ul>li+li+li {
    background: url(../images/select-role-li3.png) no-repeat #14283c center center;
}

#div_select_role ul>li+li+li+li {
    background: url(../images/select-role-li4.png) no-repeat #14283c center center;
}

#div_select_role ul>li+li+li+li+li {
    background: url(../images/select-role-li5.png) no-repeat #14283c center center;
}

#div_select_role ul>li+li+li+li+li+li {
    background: url(../images/select-role-li6.png) no-repeat #14283c center center;
}

.bck_btn a:hover {
    background: url(../images/bck_btn_hover.png) no-repeat!important;
}

#div_select_role ul>li:hover {
    background: url(../images/select-role-li1.png) no-repeat #1f3e5c center center;
}

#div_select_role ul>li+li:hover {
    background: url(../images/select-role-li2.png) no-repeat #1f3e5c center center;
}

#div_select_role ul>li+li+li:hover {
    background: url(../images/select-role-li3.png) no-repeat #1f3e5c center center;
}

#div_select_role ul>li+li+li+li:hover {
    background: url(../images/select-role-li4.png) no-repeat #1f3e5c center center;
}

#div_select_role ul>li+li+li+li+li:hover {
    background: url(../images/select-role-li5.png) no-repeat #1f3e5c center center;
}

#div_select_role ul>li+li+li+li+li+li:hover {
    background: url(../images/select-role-li6.png) no-repeat #1f3e5c center center;
}

div.logged_in_with_role_alert {
    position: fixed;
    height: 60px;
    opacity: 0.95;
    text-align: center;
    line-height: 50px;
    width: 100%;
    background-color: white;
    font-weight: bold;
    font-size: 24px;
    color: -moz-nativehyperlinktext;
}

.div_userrole span.toggle_img_up {
    float: right;
    margin-top: 0;
    margin-right: -12px;
    background-image: url(../images/arrow_up.png);
    width: 30px;
    height: 16px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.div_userrole span.toggle_img_down {
    float: right;
    margin-top: 0;
    margin-right: -12px;
    background-image: url(../images/arrow_down.png);
    width: 30px;
    height: 16px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.div_userrole table tr.header td,
.permissions_div .header {
    border-radius: 5px;
    color: white;
    font-weight: bold;
    padding: 5px;
    font-size: 14px;
    background-color: #646464;
    float: left;
    width: 100%;
    margin-top: 30px;
}

.permissions_div .entries {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-left: 10px;
}

.div_userrole span.small {
    font-size: 9px;
    color: firebrick;
    display: none;
}

.role_table tbody tr {
    height: 30px;
}

@font-face {
    font-family: 'MyriadProBold';
    src: url('../fonts/myriadp2-webfont.eot');
    src: url('../fonts/myriadp2-webfont.eot') format('embedded-opentype'), url('../fonts/myriadp2-webfont.woff') format('woff'), url('../fonts/myriadp2-webfont.ttf') format('truetype'), url('../fonts/myriadp2-webfont.svg#MyriadProBold') format('svg');
}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/myriadp2-webfont.eot');
    src: url('../fonts/myriadp2-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadp2-webfont.woff') format('woff'), url('../fonts/myriadp2-webfont.ttf') format('truetype'), url('../fonts/myriadp2-webfont.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.single_row {
    border-bottom: 1px solid darkgray;
    padding-top: 6px;
    float: left;
}

.hide_select_sort {
    float: left;
    padding-left: 3px;
    width: 100%;
    margin-top: -2px;
}

#cboxLoadedContent {
    background-color: white;
}

.installer_installed_confirmation_box {
    padding: 2%;
    width: 96%;
    text-align: center;
    border-top: solid 1px #c9c9c9;
    margin-top: 3%;
}

.installer_installed_confirmation_box span {
    margin-right: 10px;
}

input[id='lesson_order[]'] {
    width: 30px;
}

@media only screen and (max-width:1070px) {
    #div_select_role ul {
        width: 730px;
    }
    .divcenter {
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
        margin: auto
    }
}

@media only screen and (max-width:960px) {
    #middlecontent .introtextdiv h1 {
        font-size: 40px;
        line-height: 40px;
    }
    #middlecontent .introtextdiv h1 span {
        font-size: 20px;
    }
}

@media only screen and (max-width:750px) {
    #div_select_role ul {
        width: 445px;
    }
    #div_select_role ul li {
        padding-top: 25%;
    }
    #middlecontent .homeslider {
        margin: 7% 0 !important
    }
    #middlecontent .introbuttons,
    #middlecontent .introtextsubdiv {
        width: 100% !important;
        float: left
    }
    #middlecontent .introbuttons {
        margin-bottom: 0 !important
    }
}

@media only screen and (max-width:650px) {
    #middlecontent .introtextsubdiv,
    #middlecontent .introvideodiv {
        width: 98%;
        padding: 0 1%;
    }
}

@media only screen and (max-width:560px) {
    #bottomcontent .footer-right-side,
    #bottomcontent .footer-right-side p {
        width: 100%;
        margin: auto;
        text-align: center!important;
        margin-top: 4%;
        float: none;
    }
    #bottomcontent .footer-right-side img {
        float: none;
        margin-top: 2%!important;
    }
    #bottomcontent .divcenter .login-footer-left {
        width: 100%;
        margin: auto;
        text-align: center;
    }
}

@media only screen and (max-width:380px) {
    #div_select_role ul {
        width: 313px
    }
    #div_select_role ul li {
        padding-top: 20%;
        background-position: center 12px!important;
        width: 114px;
        height: auto;
        font-size: 14px;
        font-weight: normal;
    }
    #div_select_role h2 {
        font-size: 45px;
    }
}

@media only screen and (max-width:380px) {
    #topcontent .topright .bgfield {
        float: none;
    }
}


/*Tree View Courses - 20140710*/

#contentright .border {
    border-left: solid 10px #efefef;
}

#contentright .module-name {
    font-family: 'Titillium Web', sans-serif;
    color: #727272;
    font-size: 16px;
    padding: 12px;
    background: url(../images/plus.png) no-repeat 5px center #efefef;
    padding-left: 4%;
    border-radius: 5px;
    cursor: pointer;
}

#contentright .module-name.active {
    color: #ffffff;
    background: url(../images/minus.png) no-repeat 5px center #4388cf;
}

#contentright .chapters h1 {
    font-family: 'Titillium Web', sans-serif;
    color: #727272;
    font-size: 14px;
    font-weight: normal;
    background: url(../images/plus.png) no-repeat 5px center;
    padding: 1.3% 4%;
    cursor: pointer;
    border-radius: 5px;
}

#contentright .chapters h1.active {
    background: url(../images/minus.png) no-repeat 5px center #ebf2f8;
    border-radius: 5px;
}

#contentright .chapters {
    margin-left: 2%;
}

#contentright .lesson,
#contentright .quiz {
    margin-left: 2%;
}

#contentright .lesson h1 {
    background: url(../images/lesson-icon.png) no-repeat 5px center;
    padding-left: 3.5%;
    cursor: pointer;
}

#contentright .quiz h1 {
    background: url(../images/quiz-icon.png) no-repeat 5px center;
    padding-left: 3.5%;
    cursor: pointer;
}

#contentright .lesson p,
#contentright .quiz p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #8c8c8c;
    margin-left: 2%;
}

#contentright .lesson h1.active {
    background: url(../images/lesson-icon.png) no-repeat 5px center #f6f6f6;
    font-weight: 600;
    padding: 0.25% 3.5%;
}

#contentright .quiz h1.active {
    background: url(../images/quiz-icon.png) no-repeat 5px center #f6f6f6;
    font-weight: 600;
    padding: 0.25% 3.5%;
}

.table-classed #tableList tr {
    word-break: break-all;
}

.back_to_course {
    width: 100%;
    margin-top: -45px;
}


/* Added by Saif */

.altertnategrid {
    background: none repeat scroll 0 0 #eaf2fa;
}

.bginnerrepeat .indexdetail2 .first-row {
    background: #2e2e2e !important;
    border-spacing: 1px;
}

.bginnerrepeat .indexdetail2 .row_average_score {
    background: none !important;
}

.bginnerrepeat .indexdetail2 .first-row td {
    font-family: Arial, Helvetica, sans-serif!important;
    color: #FFFFFF!important;
    font-size: 12px!important;
    padding: 8px 5px!important;
    border-left: solid 1px #ffffff;
}

.bginnerrepeat .indexdetail2 .first-row td:first-child {
    border: none;
}

.bginnerrepeat .indexdetail2 {
    font-family: Tahoma;
    font-size: 13px;
    border: 0;
    border-spacing: 0;
}

#showResult th {
    background: #2e2e2e!important;
    padding: 10px;
    ;
    font-size: 14px;
    position: relative;
}

.courses {}

.bginnerrepeat .indexdetail2 th,
.bginnerrepeat .indexdetail td {
    padding: 12px 5px;
}

.bginnerrepeat .indexdetail2 th {
    color: #FFFFFF;
    font-weight: normal;
    background: /*url(../images/drop_down_quiz.jpg) no-repeat*/
    97% #000/*#2482e1*/
    ;
    text-align: left;
    border: 0;
    font-size: 12px;
    font-family: 'Titillium Web', sans-serif;
    border-left: 1px solid #fff;
    padding: 14px;
}

.bginnerrepeat .indexdetail2.finalresult th {
    background: /*url(../images/drop_down_quiz.jpg) no-repeat*/
    97%/*#000*/
    #2482e1;
}

.bginnerrepeat .indexdetail2 th:first-child {
    border-left: none;
}

.indexdetail2 tr {
    height: 50px;
}


/*.indexdetail tr:nth-child(even){ background-color:#ffffff; }
.indexdetail tr:nth-child(odd){ background-color:#eaf2fa; }*/

.indexdetail2 tr.bgblue {
    background-color: #eaf2fa;
}

.bginnerrepeat .indexdetail2 th.lastcol,
.bginnerrepeat .indexdetail th.lastcol {
    border-right: none;
}

.bginnerrepeat .indexdetail2 td {
    color: #666666;
    border: 0;
    padding: 5px;
}

.bginnerrepeat .indexdetail2-new td {
    color: #666666;
}

.bginnerrepeat .indexdetail2-new td p {
    color: #666666!important;
}

.bginnerrepeat .indexdetail2 tr.bgselect td {
    background: #069;
    color: white;
}

.bginnerrepeat .indexdetail2 td.link a {
    color: #666666;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.bginnerrepeat .indexdetail2 td.link a strong {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #5694d4;
}

.bginnerrepeat .indexdetail2 td.header span {
    border-bottom: 1px dashed darkslategray;
    color: darkslategray;
    text-decoration: none;
    font-weight: bold;
}

.bginnerrepeat .indexdetail2 td.header {
    background-color: #9C0;
}

:root select {
    padding-right: 0%;
    width: 98%;
}

select::-ms-expand {
    display: none;
}

.mediumSelectList {
    border-top: 1px #D2D2D2 solid;
    border-bottom: 1px #929292 solid;
    border-left: 1px #B6B6B6 solid;
    border-right: 1px #B8B8B8 solid;
    padding: 4px;
    width: 260px !important;
}


/*.cke_button_source { display:none !important;}*/

.passdiv {
    border-radius: 5px;
    font-size: 14px;
    color: white;
    font-weight: 600;
    height: 30px;
    vertical-align: middle ! important;
    display: table-cell;
    width: 100px;
    text-decoration: none ! important;
    background-color: rgb(54, 151, 6);
}

.faildiv {
    border-radius: 5px;
    font-size: 14px;
    color: white;
    font-weight: 600;
    height: 30px;
    vertical-align: middle ! important;
    display: table-cell;
    width: 100px;
    text-decoration: none ! important;
    background-color: #9A2400;
}

#middlecontent .introbuttons {
    width: 33%;
    text-align: left;
    float: left;
    /*line-height: 59px;*/
    margin-left: 1%;
}


/*
#middlecontent .introbuttons {
    width: 33%;
    text-align: left;
    float: left;
    line-height: 68px;
	margin-left: 1%;
}
*/

.landingPageButtons {
    font: initial;
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 15px 15px 0px 0px;
    font-family: Arial;
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
    padding: 8px;
    border: 0 none;
    width: 150px;
    height: 95px;
    cursor: pointer;
    font-weight: bold;
    /*float:left;
	margin-left:12px*/
}

.center-bottom {
    width: 917px;
    margin: auto !important;
}


/*.landingPageButtons {
	font: initial;
	background: #1f3569;
	background-image: -webkit-linear-gradient(top, #1f3569, #1f3569);
	background-image: -moz-linear-gradient(top, #1f3569, #1f3569);
	background-image: -ms-linear-gradient(top, #1f3569, #1f3569);
	background-image: -o-linear-gradient(top, #1f3569, #1f3569);
	background-image: linear-gradient(to bottom, #1f3569, #1f3569);
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;
	font-family: Arial;
	color: #ffffff;
	font-size: 21px;
	text-decoration: none;
	padding: 8px;
	border: 0 none;
	width: 240px;
	cursor:pointer;
	-webkit-box-shadow: 2px 2px 3px 0 rgba(50, 50, 50, 0.60);
	-moz-box-shadow:    2px 2px 3px 0 rgba(50, 50, 50, 0.60);
	box-shadow:         2px 2px 3px 0 rgba(50, 50, 50, 0.60);

}
*/

#middlecontent .introtextsubdiv h2 {
    font-size: 20px;
    margin: 0
}


/*.landingPageButtons span:nth-child(2){
	font-size: 28px;
    line-height: 24px;
}
*/

.landingPageButtons:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}

.modal-content {
    background: #f8f8f8
}

.modal-title img {
    margin-right: 10px;
}


/* New designs */

.new_container {
    width: 1024px;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 1%;
}


/*====================================================================
													header CSS
							====================================================================*/

.middle_header_section {
    width: 100%;
    float: left;
    background: #19395a;
    padding: 28px 18px;
    box-sizing: border-box;
}

.middle_header_section .middle_hedaer_head {
    width: 70%;
    float: left;
}

.middle_header_section .middle_header_icon {
    width: 25%;
    float: right;
    text-align: right;
}

.middle_header_section .middle_hedaer_head h2 {
    font-size: 28px;
    color: #fff;
    font-family: 'titillium_websemibold';
    text-transform: uppercase;
    padding: 40px 0 40px 25px;
}

.middle_header_section .middle_header_icon img {
    max-width: 100%;
}


/*====================================================================
												Middle CSS
							====================================================================*/

.mid_form_sec .form-inner-sec .form_inner_child_right select::-ms-expand {
    display: none !important;
    overflow: hidden !important;
    background: #f7f7f7;
    background: -webkit-linear-gradient(#fff, #f7f7f7);
}

#personal_information_2 {
    display: none;
}

#personal_information_1,
#personal_information_2 {
    width: 100%;
    float: left;
}

.new_mid_wrap {
    width: 100%;
    float: left;
    background: #fff;
}

.mid-top {
    position: relative;
    margin-top: 20px;
}

.new_mid_container {
    width: 670px;
    max-width: 100%;
    margin: 0 auto;
}

.new_mid_container h2 {
    color: #313131;
    text-align: left;
    font-size: 20px;
    font-family: 'titillium_websemibold';
    text-transform: uppercase;
    padding: 50px 0 50px 0;
}

.new_mid_container img.bg_flag {
    position: absolute;
    bottom: 36px;
    left: -77px;
}

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

.mid_form_sec .form-inner-sec {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.mid_form_sec .form-inner-sec .form_inner_child_left {
    width: 180px;
    float: left;
    display: inline-block;
    font-size: 13px;
    color: #313131;
    font-family: 'titillium_weblight';
    font-weight: bold;
    text-transform: uppercase;
    line-height: 40px;
}

.mid_form_sec .form-inner-sec .form_inner_child_left label {
    text-align: left;
    float: left;
}

.mid_form_sec .form-inner-sec .form_inner_child_left span {
    float: right;
}

.mid_form_sec .form-inner-sec .form_inner_child_right {
    width: 465px;
    float: left;
    display: inline-block;
    margin-left: 22px;
}

.mid_form_sec .form-inner-sec .form_inner_child_right select {
    width: 430px;
    float: left;
    border-color: #c0c0c0;
    padding: 8px;
    font-size: 13px;
    font-family: 'titillium_weblight';
    color: #484848;
    text-transform: capitalize;
    outline: 0;
    font-weight: bold;
    background: #f7f7f7;
    background: -webkit-linear-gradient(#fff, #f7f7f7);
    box-sizing: border-box;
    margin-left: 0;
}

.mid_form_sec .form-inner-sec .form_inner_child_right input[type="text"].small_txt {
    width: 325px;
}

span.or {
    font-size: 11px;
    color: #313131;
    display: inline-block;
    font-family: 'titillium_webregular';
    font-weight: bold;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 12px;
}

span.scan a {
    font-size: 11px;
    color: #2694e9;
    display: inline-block;
    font-family: 'titillium_webregular';
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 1.5px;
    text-transform: uppercase;
}

.mid_form_sec .form-inner-sec .form_inner_child_right input {
    width: 430px;
    float: left;
    border: 1px solid #c0c0c0;
    padding: 8px;
    font-size: 13px;
    font-family: 'titillium_weblight';
    color: #484848;
    outline: 0;
    font-weight: bold;
    background: #fff;
    box-sizing: border-box;
}

.mid_form_sec .form-inner-sec .form_inner_child_right span.staric {
    color: #cd2424;
    margin: 0 7px;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
}

.mid_form_sec .form-inner-sec .form_inner_child_right span.qs {
    color: #9e9e9e;
    font-size: 17px;
    font-weight: bold;
    display: inline-block;
    margin-top: 8px;
    float: right;
    cursor: pointer;
}

.mid_form_sec .form-inner-sec .form_inner_child_right p.capta_text {
    font-size: 12px;
    color: #a7a7a7;
    font-family: 'titillium_weblight';
    float: left;
}

.mid_form_sec .form-inner-sec .form_inner_child_right img {
    float: right;
    max-width: 100%;
}

.mid_form_sec .form-inner-sec .form_inner_child_right img.recaptacha_image {
    margin-right: 10px;
}

.mid_form_sec .form-inner-sec .form_inner_child_right img.recaptacha_button {
    margin-right: 34px;
}

.mid_button_section {
    width: 100%;
    float: left;
    margin: 19px 0;
}

.mid_button_section .btn_ul {
    width: 98%;
    float: left;
}

.mid_button_section .btn_ul li {
    display: inline-block;
    float: right;
    /*width:80px;*/
    height: 40px;
    text-align: center;
}

.mid_button_section .btn_ul li a {
    display: block;
    text-decoration: none;
    background: #124a83;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 17px;
    font-family: 'titillium_websemibold';
    text-transform: capitalize;
    cursor: pointer
}

.mid_button_section .btn_ul li input[type=submit] {
    display: block;
    text-decoration: none;
    background: #124a83;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 17px;
    font-family: 'titillium_websemibold';
    text-transform: capitalize;
    cursor: pointer
}

.mid_button_section .btn_ul li button {
    display: block;
    text-decoration: none;
    background: #124a83;
    color: #fff;
    padding: 9px;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 17px;
    font-family: 'titillium_websemibold';
    text-transform: capitalize;
    border: none;
    cursor: pointer
}


/*====================================================================
													Forgot password page
							====================================================================*/

.dis_none {
    display: none;
}

.dis_block {
    display: block !important;
}


/*.forgot_pass_success,.forgot_pass_failed,.switch_forgot_header{display:none;}*/

.forgot_header_section {
    width: 100%;
    float: left;
    background: #fff;
    padding: 28px;
    border-bottom: 1px solid #d9d9d9;
    box-sizing: border-box;
}

#forgot_fail_header,
#forgot_success_header {
    width: 100%;
    float: left;
}

#forgot_fail_header .forgot_left_icon,
#forgot_success_header .forgot_left_icon {
    width: 9.3%;
    float: left;
    display: inline-block;
}

#forgot_fail_header .forgot_left_icon img,
#forgot_success_header .forgot_left_icon img {
    max-width: 100%;
}

#forgot_fail_header .forgot_pas_header_text,
#forgot_success_header .forgot_pas_header_text {
    width: 90%;
    float: left;
    display: inline-block;
}

#forgot_fail_header .forgot_pas_header_text h2,
#forgot_success_header .forgot_pas_header_text h2 {
    font-size: 20px;
    color: #313131;
    text-align: left;
    padding-top: 25px;
    font-family: 'titillium_webbold';
}

#forgot_success_header .forgot_pas_header_text h2 {
    padding-top: 18px;
}

#forgot_success_header .forgot_pas_header_text p {
    font-size: 15px;
    color: #313131;
    text-align: left;
    padding-top: 5px;
    font-family: 'titillium_webregular';
}

#forgot_pass_main,
#forgot_pass_success {
    width: 406px;
    margin: 0 auto;
    text-align: center;
    margin-top: 31px;
    margin-bottom: 76px;
}

.forgot_pass_icon {
    width: 100%;
    text-align: center;
    margin-top: 75px;
}

.forgot_pass_icon p {
    padding: 35px 43.5px;
    display: inline-block;
    border: 2px solid #124a83;
    border-radius: 5px;
}

.forgot_pass_icon p img {
    max-width: 100%;
}

#forgot_pass_main h2,
#forgot_pass_success h2 {
    width: 100%;
    color: #282828;
    font-size: 28px;
    font-family: 'titillium_websemibold';
    text-transform: uppercase;
    line-height: 28px;
}

#forgot_pass_main p {
    width: 100%;
    float: left;
    color: #313131;
    font-size: 13px;
    font-weight: bold;
    font-family: 'titillium_webregular';
    margin-top: 20px;
    text-transform: uppercase;
}

#forgot_pass_main input {
    width: 100%;
    float: left;
    border: 1px solid #c0c0c0;
    padding: 8px;
    font-size: 13px;
    margin-top: 24px;
}

#forgot_pass_main div {
    display: inline-block;
    text-transform: capitalize;
    margin-top: 19px;
}

#forgot_pass_main div button {
    text-decoration: none;
    background: #124a83;
    color: #fff;
    padding: 9px 28px;
    border-radius: 5px;
    font-size: 17px;
    font-family: 'latobold';
    border: none;
    cursor: pointer;
}

#forgot_pass_main div a {
    text-decoration: none;
    background: #124a83;
    color: #fff;
    padding: 9px 28px;
    border-radius: 5px;
    font-size: 17px;
    font-family: 'latobold';
    border: none;
    cursor: pointer;
}


/*====================================================================
														Popup page
							====================================================================*/

.popup_container {
    width: 959px;
    max-width: 100%;
    border: 2px solid #366696;
    background: #fff;
    display: table;
    float: left;
}

.instruction_header_section {
    width: 100%;
}

#instruction_header {
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 28px 0 28px 14px;
    box-sizing: border-box;
}

#instruction_header .instruction_left_icon {
    width: 9.3%;
    float: left;
    display: inline-block;
}

#instruction_header .instruction_left_icon img {
    max-width: 100%;
}

#instruction_header .instruction_header_text {
    width: 90%;
    float: left;
    display: inline-block;
    box-sizing: border-box;
}

#instruction_header .instruction_header_text h2 {
    font-size: 15px;
    color: #313131;
    text-align: left;
    padding-top: 15px;
    font-family: 'titillium_webbold';
}

#instruction_header .instruction_header_text p {
    font-size: 15px;
    color: #313131;
    text-align: left;
    padding-top: 5px;
    font-family: 'titillium_webregular';
}

#instruction_header .close_popup {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
}

.instruction_content {
    width: 100%;
    float: left;
    background: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.popup_container .instruction_content .instruction_content_left {
    width: 26%;
    float: left;
    display: inline-block;
    background: #124a83;
    height: 700px;
    box-sizing: border-box;
}

.popup_container .instruction_content .instruction_content_right {
    width: 74%;
    float: left;
    display: inline-block;
    background: #fff;
    border-top: 1px solid #d9d9d9;
    border-bottom-right-radius: 10px;
    height: 700px;
    box-sizing: border-box;
}

.popup_container .instruction_content .instruction_content_left ul {
    width: 93.5%;
    float: right;
}

.popup_container .instruction_content .instruction_content_left ul li {
    width: 100%;
    float: left;
    padding: 18px 0 18px 44px;
    font-family: 'titillium_websemibold';
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    margin-top: 30px;
    position: relative;
    box-sizing: border-box;
    list-style: none;
    font-size: 15px;
}

.popup_container .instruction_content .instruction_content_left ul li.install_icon {
    background: url(../images/install_e4_white.png) no-repeat left 10px top 19px;
    color: #fff;
}

.popup_container .instruction_content .instruction_content_left ul li.diagnostic_icon {
    background: url(../images/diagnistic_icon.png) no-repeat left 10px top 17px;
    color: #fff;
}

.popup_container .instruction_content .instruction_content_left ul li.health_icon {
    background: url(../images/health_tool_icon.png) no-repeat left 10px top 17px;
    color: #fff;
}

li.install_icon.active {
    background: #fff url(../images/default/install_icon_orange.png) no-repeat left 10px top 19px !important;
    color: #313131 !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

li.diagnostic_icon.active {
    background: #fff url(../images/default/diagnostic_black.png) no-repeat left 10px top 17px !important;
    color: #313131 !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

li.health_icon.active {
    background: #fff url(../images/default/heart_black.png) no-repeat left 10px top 19px !important;
    color: #313131 !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

li.install_icon.active:after {
    content: "";
    width: 226px;
    height: 8px;
    background: url(../images/border-shadow.png) no-repeat 0 0;
    float: left;
    position: absolute;
    left: 3px;
    bottom: -8px;
}

li.install_icon.active:before {
    content: "";
    position: absolute;
    right: -5px;
    top: 0;
    background: #fff;
    height: 100%;
    width: 6px;
}

li.diagnostic_icon.active:before {
    content: "";
    position: absolute;
    right: -5px;
    top: 0;
    background: #fff;
    height: 100%;
    width: 6px;
}

li.health_icon.active:before {
    content: "";
    position: absolute;
    right: -5px;
    top: 0;
    background: #fff;
    height: 100%;
    width: 6px;
}

li.diagnostic_icon.active:after {
    content: "";
    width: 226px;
    height: 8px;
    background: url(../images/border-shadow.png) no-repeat 0 0;
    float: left;
    position: absolute;
    left: 3px;
    bottom: -8px;
}

li.health_icon.active:after {
    content: "";
    width: 226px;
    height: 8px;
    background: url(../images/border-shadow.png) no-repeat 0 0;
    float: left;
    position: absolute;
    left: 3px;
    bottom: -8px;
}

.contnet_right_top {
    width: 100%;
    margin-top: 30px;
    padding-left: 35px;
    box-sizing: border-box;
}

.popup_container .instruction_content .instruction_content_right .contnet_right_top h2 {
    color: #313131;
    font-size: 25px;
    line-height: 25px;
    font-family: 'titillium_webbold';
    text-transform: uppercase;
}

.popup_container .instruction_content .instruction_content_right .contnet_right_top p {
    color: #313131;
    font-size: 15px;
    line-height: 25px;
    font-family: 'titillium_webregular';
    text-transform: uppercase;
}

.center_large_icon {
    width: 100%;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
    height: 172px;
}

.center_large_icon img {
    max-width: 100%;
}

.center_large_icon p {
    font-family: 'titillium_webbold';
    font-size: 15px;
    color: #313131;
    margin-top: 35px;
    text-transform: uppercase;
}

.pop_mid_bottom {
    width: 100%;
    float: left;
    padding-left: 35px;
    box-sizing: border-box;
}

.pop_mid_bottom h2 {
    width: 100%;
    color: #313131;
    font-size: 15px;
    font-family: 'titillium_webbold';
    margin-bottom: 15px;
}

.pop_mid_bottom .mid_bottom_left {
    width: 75%;
    float: left;
    display: inline-block;
}

.pop_mid_bottom .mid_bottom_right {
    width: 20%;
    float: left;
    display: inline-block;
}

.pop_mid_bottom .mid_bottom_left p {
    font-size: 15px;
    color: #313131;
    font-family: 'titillium_webregular';
    line-height: 18px;
}

.pop_mid_bottom .mid_bottom_right button {
    display: block;
    text-decoration: none;
    background: #124a83;
    color: #fff;
    padding: 7px 34px;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 17px;
    font-family: 'titillium_websemibold';
    text-transform: capitalize;
    border: none;
    cursor: pointer;
}

#popoup_footer {
    width: 100%;
    float: left;
    border-top: 1px solid #d9d9d9;
    margin-top: 35px;
    margin-bottom: 32px;
    box-sizing: border-box;
}

.popup_footer_container {
    width: 100%;
    float: left;
    padding-left: 35px;
    padding-top: 12px;
    box-sizing: border-box;
}

.popup_footer_container h2 {
    color: #313131;
    font-size: 15px;
    font-family: 'titillium_webbold';
}

.popup_footer_contat_left {
    width: 100%;
    float: left;
    margin-top: 25px;
}

.popup_footer_contat_left li {
    display: inline-block;
    float: left;
    width: 37%;
    font-family: 'titillium_webregular';
    font-weight: bold;
    text-transform: uppercase;
    line-height: 22px;
    font-size: 16px;
}

.popup_footer_contat_left li span {
    display: block;
    width: 100%;
}

.popup_footer_phone {
    background: url(../images/default/call_ion_orange.png) no-repeat left center;
    padding-left: 50px;
}

.popup_footer_email {
    background: url(../images/default/popup_email_icon_orange.png) no-repeat left center;
    padding-left: 55px;
}

.popup_footer_contat_left li span.footer_contact_text {
    color: #386797;
}

.popup_footer_contat_left li span.footer_contact_number {
    font-weight: normal;
    text-transform: lowercase;
}

#health_tool_e4progess,
#diagnostic_e4progess {
    display: none;
}


/*====================================================================
													Fonts
							====================================================================*/

@font-face {
    font-family: 'titillium_websemibold';
    src: url('../fonts/titlum_semibold/titilliumweb-semibold-webfont.woff2') format('woff2'), url('../fonts/titlum_semibold/titilliumweb-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webbold';
    src: url('../fonts/titlum_bold/titilliumweb-bold-webfont.woff2') format('woff2'), url('../fonts/titlum_bold/titilliumweb-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webregular';
    src: url('../fonts/titlum_regular/titilliumweb-regular-webfont.woff2') format('woff2'), url('../fonts/titlum_regular/titilliumweb-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_weblight';
    src: url('../fonts/titlum_light/titilliumweb-light-webfont.woff2') format('woff2'), url('../fonts/titlum_light/titilliumweb-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato_bold/lato-bold-webfont.woff2') format('woff2'), url('../fonts/lato_bold/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* End */


/* Abdullah CSS Start */

.forgot_pass_button {
    float: right;
    margin-top: 11px;
}

.forgot_pass_button a {
    color: #fff;
    padding: 12px 15px 12px 30px;
    border-radius: 5px;
    display: block;
    background: #369706 url(../images/forgot_pass_icon.png) no-repeat left 10px center;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    text-decoration: none;
}

.forgot_pass_button a:hover {
    text-decoration: none;
    color: #fff;
}

.top_right_ul_link {
    width: 100%;
    float: static;
}

.top_right_ul_link ul {
    width: 100%;
    float: left;
    margin-top: 7px;
}

.top_right_ul_link ul li {
    width: 50%;
    display: inline-block;
    float: left;
    font-size: 11px;
    font-family: Arial;
}

.top_right_ul_link ul li:first-child a {
    color: #3c3c3c;
    text-decoration: none;
}

.top_right_ul_link ul li:last-child a {
    color: #2687e7;
    text-decoration: underline;
}

.top_right_ul_link ul li:first-child a:hover {
    text-decoration: none;
}

#introduction_text {
    width: 100%;
    float: left;
    padding: 18px 0;
}

#introduction_text .intor_text_head,
#introduction_text .intro_text_para,
#contact_text .intor_text_head,
#contact_text .contact_ul,
#contact_text .contact_ul ul,
#guide_text .intor_text_head,
#guide_text .guide_ul,
#guide_text .guide_ul .guide-student-ul ul {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

#introduction_text .intor_text_head h2,
#contact_text .intor_text_head h2,
#guide_text .intor_text_head h2,
#support_contact_text .intor_text_head h2 {
    font-size: 25px;
    font-weight: bold;
    font-family: Arial;
}

#contact_text,
#guide_text {
    width: 100%;
    float: left;
}

#introduction_text .intro_text_para {
    padding: 17px 0 25px 0;
}

#introduction_text .intro_text_para p {
    text-align: left;
    font-size: 16px;
    font-family: Arial;
    font-weight: 300;
    line-height: 24px;
    width: 100%;
}

#introduction_text .intro_text_play_button {
    float: left;
    border: 1px solid #fff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#introduction_text .intro_text_play_button a {
    color: #fff;
}

#introduction_text .intro_text_play_button a span {
    display: block;
    float: left;
    display: inline-block;
    padding: 10px;
    font-size: 16px;
    font-family: Arial;
    box-sizing: border-box;
}

#introduction_text .intro_text_play_button a img {
    max-width: 100%;
    display: inline-block;
    float: left;
}

#btn_introduction {
    background-image: url(../images/icon_i.png);
    background-repeat: no-repeat;
    background-position: center top 20px;
    background-color: #08437d;
    padding-top: 52px;
}

#btn_introduction:hover,
#btn_introduction.active {
    background-image: url(../images/icon_i_blue.png) !important;
    background-color: #fff !important;
    color: #184e98 !important;
}

#btn_webshop {
    background-image: url(../images/icon_webshop.png);
    background-repeat: no-repeat;
    background-position: center top 20px;
    background-color: #08437d;
    padding-top: 52px;
}

#btn_webshop:hover,
#btn_webshop.active {
    background-image: url(../images/icon_webshop_blue.png) !important;
    background-color: #fff !important;
    color: #184e98 !important;
}

#btn_guide {
    background-image: url(../images/icon_guide.png);
    background-repeat: no-repeat;
    background-position: center top 20px;
    background-color: #08437d;
    padding-top: 52px;
}

#btn_guide:hover,
#btn_guide.active {
    background-image: url(../images/icon_guide_blue.png) !important;
    background-color: #fff !important;
    color: #184e98 !important;
}

#btn_support {
    background-image: url(../images/icon_support.png);
    background-repeat: no-repeat;
    background-position: center top 20px;
    background-color: #08437d;
    padding-top: 52px
}

#btn_support:hover,
#btn_support.active {
    background-image: url(../images/icon_support_blue.png) !important;
    background-color: #fff !important;
    color: #184e98 !important;
}

#btn_contact {
    background-image: url(../images/icon_contact.png);
    background-repeat: no-repeat;
    background-position: center top 20px;
    background-color: #08437d;
    padding-top: 52px;
}

#btn_contact:hover,
#btn_contact.active {
    background-image: url(../images/icon_contact_blue.png) !important;
    background-color: #fff !important;
    color: #184e98 !important;
}

.introbuttons button {
    width: 90%;
    height: 50px;
}

#btn_faq {
    background-image: url(../images/icon_faq.png);
    background-repeat: no-repeat;
    background-position: center top 20px;
    background-color: #08437d;
    padding-top: 52px;
}

#btn_faq:hover,
#btn_faq.active {
    background-image: url(../images/icon_faq_blue.png) !important;
    background-color: #fff !important;
    color: #184e98 !important;
}

#contact_text .contact_ul ul,
#guide_text .guide_ul .faq_ul .guide-student-ul ul {
    margin-top: 9px;
}

#contact_text .contact_ul ul li {
    display: list-item;
    list-style: none;
    padding: 15px 0 15px 30px;
    font-size: 16px;
    font-family: Arial;
    font-weight: 100;
}

#contact_text .contact_ul ul li:nth-child(1) {
    background: url(../images/contact_locator.png) no-repeat left center;
}

#contact_text .contact_ul ul li:nth-child(2) {
    background: url(../images/contact_message.png) no-repeat left center;
}

#contact_text .contact_ul ul li:nth-child(3) {
    background: url(../images/contact_phone.png) no-repeat left center;
}

#guide_text .guide_ul .faq_ul .guide-student-ul ul {
    text-align: center;
}

#guide_text .guide_ul ul li {
    list-style: none;
    display: inline-block;
    text-align: center;
    width: 30%;
    margin: 1%;
    border: 2px solid #acc1d6;
    border-radius: 5px;
    color: #fff;
    box-sizing: border-box;
}

#guide_text .guide_ul ul li a {
    display: block;
    color: #fff;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#guide_text .guide_ul ul li a:hover {
    text-decoration: none;
}

#guide_text .guide_ul ul li a label {
    width: 100%;
    display: block;
    padding-bottom: 5px;
    font-size: 12px;
    font-family: Arial;
    font-weight: 100;
    text-decoration: none;
    cursor: pointer !important;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: capitalize;
}

#guide_text .guide_ul ul li:hover {
    background: #fff;
}

#guide_text .guide_ul ul li:nth-child(1) a {
    background: url(../images/intro_manager.png) no-repeat center top 26px;
    padding-top: 100px;
}

#guide_text .guide_ul ul li:nth-child(1):hover a {
    background: url(../images/intro_manager_blue.png) no-repeat center top 26px;
    color: #3766a6;
}

#guide_text .guide_ul ul li:nth-child(2) a {
    background: url(../images/intro_content_creator.png) no-repeat center top 26px;
    padding-top: 100px;
}

#guide_text .guide_ul ul li:nth-child(2):hover a {
    background: url(../images/intro_content_creator_blue.png) no-repeat center top 26px;
    color: #3766a6;
}

#guide_text .guide_ul ul li:nth-child(3) a {
    background: url(../images/intro_teacher.png) no-repeat center top 26px;
    padding-top: 100px;
}

#guide_text .guide_ul ul li:nth-child(3):hover a {
    background: url(../images/intro_teacher_blue.png) no-repeat center top 26px;
    color: #3766a6;
}

#guide_text .guide_ul ul li:nth-child(4) a {
    background: url(../images/intro_student.png) no-repeat center top 32px;
    padding-top: 100px;
}

#guide_text .guide_ul ul li:nth-child(4):hover a {
    background: url(../images/intro_student_blue.png) no-repeat center top 32px;
    color: #3766a6;
}

#guide_text .guide_ul ul li:nth-child(5) a {
    background: url(../images/intro_site_admin.png) no-repeat center top 26px;
    padding-top: 100px;
}

#guide_text .guide_ul ul li:nth-child(5):hover a {
    background: url(../images/intro_site_admin_blue.png) no-repeat center top 26px;
    color: #3766a6;
}

#guide_text .guide_ul ul li:nth-child(6) a {
    background: url(../images/intro_test_user.png) no-repeat center top 26px;
    padding-top: 100px;
}

#guide_text .guide_ul ul li:nth-child(6):hover a {
    background: url(../images/intro_test_user_blue.png) no-repeat center top 26px;
    color: #3766a6;
}

.guide-student-ul ul li {
    list-style: none;
    display: inline-block;
    text-align: center;
    width: 30%;
    margin: 1%;
    border: 2px solid #acc1d6;
    border-radius: 5px;
    color: #fff;
    box-sizing: border-box;
}

.guide-student-ul ul li a {
    display: block;
    color: #fff;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.guide-student-ul ul li a:hover {
    text-decoration: none;
}

.guide-student-ul ul li a label {
    width: 100%;
    display: block;
    padding-bottom: 5px;
    font-size: 12px;
    font-family: Arial;
    font-weight: 100;
    text-decoration: none;
    cursor: pointer !important;
    font-weight: bold;
    margin-bottom: 5px;
}

.guide-student-ul ul li:hover {
    background: #fff;
}

.guide-student-ul ul li a {
    background: url(../images/registeration-icon.png) no-repeat center top 26px;
    padding-top: 100px;
}

.guide-student-ul ul li:hover a {
    background: url(../images/default/iregisteration-icon.png) no-repeat center top 32px;
    color: #3766a6;
}


/*.guide-student-ul ul li:nth-child(2) a {background:url(../images/install_e4_white.png) no-repeat center top 26px; padding-top:100px;}
.guide-student-ul ul li:nth-child(2):hover a{background:url(../images/default/install_large_icon.png) no-repeat center top 26px; color:#3766a6;}
.guide-student-ul ul li:nth-child(3) a {background:url(../images/install_e4_white.png) no-repeat center top 26px; padding-top:100px;}
.guide-student-ul ul li:nth-child(3):hover a{background:url(../images/default/install_large_icon.png) no-repeat center top 26px; color:#3766a6;}
.guide-student-ul ul li:nth-child(4) a {background:url(../images/install_e4_white.png) no-repeat center top 32px; padding-top:100px;}
.guide-student-ul ul li:nth-child(4):hover a{background:url(../images/default/install_large_icon.png) no-repeat center top 32px; color:#3766a6;}
.guide-student-ul ul li:nth-child(5) a {background:url(../images/install_e4_white.png) no-repeat center top 26px; padding-top:100px;}
.guide-student-ul ul li:nth-child(5):hover a{background:url(../images/default/install_large_icon.png) no-repeat center top 26px; color:#3766a6;}
*/


/* Abdullah CSS End */

.install-button-sh {
    text-decoration: none;
    background: #e01111;
    color: #fff;
    padding: 7px 34px;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 17px;
    font-family: 'titillium_websemibold';
    border: none;
    cursor: pointer;
}

#faq_text .faq_ul ul {
    text-align: center;
}

#faq_text .faq_ul ul li {
    list-style: none;
    display: inline-block;
    text-align: center;
    width: 30%;
    margin: 1%;
    border: 2px solid #acc1d6;
    border-radius: 5px;
    color: #fff;
    box-sizing: border-box;
}

#faq_text .faq_ul ul li a {
    display: block;
    color: #fff;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#faq_text .faq_ul ul li a:hover {
    text-decoration: none;
}

#faq_text .faq_ul ul li a label {
    width: 100%;
    display: block;
    padding-bottom: 5px;
    font-size: 12px;
    font-family: Arial;
    font-weight: 100;
    text-decoration: none;
    cursor: pointer !important;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: capitalize;
}

#faq_text .faq_ul ul li:hover {
    background: #fff;
}

#faq_text .faq_ul ul li:nth-child(1) a {
    background: url(../images/intro_manager.png) no-repeat center top 26px;
    padding-top: 100px;
}

#faq_text .faq_ul ul li:nth-child(1):hover a {
    background: url(../images/intro_manager_blue.png) no-repeat center top 26px;
    color: #3766a6;
}

#faq_text .faq_ul ul li:nth-child(2) a {
    background: url(../images/intro_content_creator.png) no-repeat center top 26px;
    padding-top: 100px;
}

#faq_text .faq_ul ul li:nth-child(2):hover a {
    background: url(../images/intro_content_creator_blue.png) no-repeat center top 26px;
    color: #3766a6;
}

#faq_text .faq_ul ul li:nth-child(3) a {
    background: url(../images/intro_teacher.png) no-repeat center top 26px;
    padding-top: 100px;
}

#faq_text .faq_ul ul li:nth-child(3):hover a {
    background: url(../images/intro_teacher_blue.png) no-repeat center top 26px;
    color: #3766a6;
}

#faq_text .faq_ul ul li:nth-child(4) a {
    background: url(../images/intro_student.png) no-repeat center top 32px;
    padding-top: 100px;
}

#faq_text .faq_ul ul li:nth-child(4):hover a {
    background: url(../images/intro_student_blue.png) no-repeat center top 32px;
    color: #3766a6;
}

#faq_text .faq_ul ul li:nth-child(5) a {
    background: url(../images/intro_site_admin.png) no-repeat center top 26px;
    padding-top: 100px;
}

#faq_text .faq_ul ul li:nth-child(5):hover a {
    background: url(../images/intro_site_admin_blue.png) no-repeat center top 26px;
    color: #3766a6;
}

#faq_text .faq_ul ul li:nth-child(6) a {
    background: url(../images/intro_test_user.png) no-repeat center top 26px;
    padding-top: 100px;
}

#faq_text .faq_ul ul li:nth-child(6):hover a {
    background: url(../images/intro_test_user_blue.png) no-repeat center top 26px;
    color: #3766a6;
}

#faq_text .faq_ul ul li:nth-child(7) a {
    background: url(../images/intro_test_user.png) no-repeat center top 26px;
    padding-top: 100px;
}

#faq_text .faq_ul ul li:nth-child(7):hover a {
    background: url(../images/intro_test_user_blue.png) no-repeat center top 26px;
    color: #3766a6;
}

#faq_text .faq_ul ul li:nth-child(8) a {
    background: url(../images/intro_test_user.png) no-repeat center top 26px;
    padding-top: 100px;
}

#faq_text .faq_ul ul li:nth-child(8):hover a {
    background: url(../images/intro_test_user_blue.png) no-repeat center top 26px;
    color: #3766a6;
}

#faq_text .faq_ul ul li:nth-child(9) a {
    background: url(../images/intro_test_user.png) no-repeat center top 26px;
    padding-top: 100px;
}

#faq_text .faq_ul ul li:nth-child(9):hover a {
    background: url(../images/intro_test_user_blue.png) no-repeat center top 26px;
    color: #3766a6;
}

#faq_text .faq_ul ul li:nth-child(10) a {
    background: url(../images/intro_test_user.png) no-repeat center top 26px;
    padding-top: 100px;
}

#faq_text .faq_ul ul li:nth-child(10):hover a {
    background: url(../images/intro_test_user_blue.png) no-repeat center top 26px;
    color: #3766a6;
}


/* Style the buttons inside the tab */

div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}


/* Change background color of buttons on hover */

div.tab button:hover {
    background-color: #ddd;
}


/* Create an active/current tablink class */

div.tab button.active {
    background-color: #ccc;
}


/* Style the tab content */

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}


/* Style the tab */

div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

.landing-page-icons {
    float: left;
    width: 39%;
    padding: 18px 0;
}

.landing-page-icons img {
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
}

#support_contact_text #support_contact_form {
    margin-top: 10px;
}

#support_contact_text #support_contact_form label,
#support_contact_text #support_contact_form input {
    margin-bottom: 3px;
}

#support_contact_text #support_contact_form .form-group input,
#support_contact_text #support_contact_form .form-group textarea {
    width: 325px;
    resize: none;
}

#support_contact_text #support_contact_form input[type=submit] {
    width: auto !important;
    padding: 5px 20px;
    border: none;
    display: block;
    text-decoration: none;
    background-color: #08437d;
    color: #fff;
    border-radius: 5px;
    margin-right: 10px;
    margin-top: 2px;
    font-size: 17px;
    cursor: pointer;
    font-weight: bold;
    float: left;
}

#support_contact_text #support_contact_form input[type=submit]:hover {
    background-color: #fff;
    color: #184e98;
}

#support_contact_text #support_contact_form .s_process {
    background: url("../images/ajax-loader2.gif") no-repeat scroll center center transparent;
    width: 160px;
    height: 25px;
    margin-left: 180px;
    margin-top: 3px;
}

#support_contact_text #support_contact_form .s_sucess {
    background: url("../images/hn_success.png") no-repeat scroll center center transparent;
    width: 29px;
    height: 29px;
    margin-left: 300px;
}

#support_contact_text #support_contact_form .s_error {
    background: url("../images/hn_false.png") no-repeat scroll center center transparent;
    width: 29px;
    height: 29px;
    margin-left: 300px;
}

.intro_image {
    background: url("/images/bg_image.jpg") no-repeat center center !important;
    background-size: cover !important;
}