@charset "utf-8";
body { margin:0; padding:0; width:100%; background:url(/images/nav-bg.jpg) top center repeat-x;}
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* main */
.main { padding:0; margin:0 auto; }
/*------------------*/

/********** header **********/
.blok_header { margin:0; padding:0; background:url(/images/main-bg.jpg) top center no-repeat;}
.header { width:980px; margin:0 auto; padding:0; }
/* logo */
.logo { padding:0; margin:0; width:312px; float:left;}
.logo img {
  background-image: url("/images/Horizontal-White-wordmark.svg");
  background-repeat: no-repeat;
  width: 250px;
  height: 77px;
  background-position-y: center !important;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 250px;
  margin-left: 1rem;
}
/* menu_resize*/
.menu_resize { background:#f1f1f1; padding:5px 0; margin:0;}
.menu_resize_wid { font:bold 13px Arial, Helvetica, sans-serif; color:#161616; width:980px; margin:0 auto; padding:20px 0;}
.menu_resize_wid a { font:bold 13px Arial, Helvetica, sans-serif; color:#161616; text-decoration:none; padding:0 10px; margin:0; text-decoration:none;}
.menu_resize_wid a:hover { color:#0063a2; text-decoration:underline;}
.menu_resize_wid a.active { color:#0063a2;}
/* menu */
.menu {
  padding: 0 0 0;
  margin: 0;
  min-width: 700px;
  float: left;
}
.menu ul { padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:10px 0 11px 0; color:#fff; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:10px 10px 11px 10px; background:none;}
.menu ul li a:hover { background: url(/images/r_menu.gif) right ;}
.menu ul li a:hover span { background:url(/images/l_menu.gif) left ;}
.menu ul li a.active {background:url(/images/r_menu.gif) right ;}
.menu ul li a.active span { background:url(/images/l_menu.gif) left ;}
/* Instructor menu */
.instructorMenu { padding:0 0 0; margin:0; width:100%; float:left;}
.instructorMenu ul { padding:0; margin:0; list-style:none; border:0; float:left;}
.instructorMenu ul li { float:left; margin:0; padding:0 5px; border:0;}
.instructorMenu ul li a { float:left; margin:0; padding:10px 0 11px 0; color:#2e2e2e; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none;}
.instructorMenu ul li a span { padding:10px 10px 11px 10px; background:none;}
.instructorMenu ul li a:hover { background: url(/images/r_menu.gif) right ; color:#fff;}
.instructorMenu ul li a:hover span { background:url(/images/l_menu.gif) left ; color:#fff;}
.instructorMenu ul li a.active {background:url(/images/r_menu.gif) right ; color:#fff;}
.instructorMenu ul li a.active span { background:url(/images/l_menu.gif) left ; color:#fff;}

.body_full_instructor { width:1000px; float:left; margin:0 0 0 30px; padding:0;}
/* menu-right */
.menu-right { padding:0 0 0; margin:0; width:250px; float:right;}
.menu-right ul { padding:0; margin:0; list-style:none; border:0; float:left;}
.menu-right ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu-right ul li a { float:left; margin:0; padding:10px 0 11px 0; color:#fff; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu-right ul li a span { padding:10px 10px 11px 10px; background:none;}
.menu-right ul li a:hover { background: url(/images/r_menu.gif) right ;}
.menu-right ul li a:hover span { background:url(/images/l_menu.gif) left ;}
.menu-right ul li a.active {background:url(/images/r_menu.gif) right ;}
.menu-right ul li a.active span { background:url(/images/l_menu.gif) left ;}
/* search */
.search { padding:30px 20px 0 0; margin:0; width:200px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(/images/search_bg.gif) left top no-repeat; width:150px; padding:0 5px; height:33px;}
.search form .keywords { width:150px; line-height:14px; height:17px; float:left; background:none; border:0; padding:8px 2px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#9c9c9c;}
.search form .button { float:left; margin:0; padding:0;}
/* Login Welcome */
.welcome { padding:28px 20px 0 0; margin:0;  float:right; !important;}
/*header_text_bg*/
.header_text_repeat { margin:0; padding:0; background:url(/images/header-bg-repeat.jpg) top repeat-x;}
.header_text_bg { margin:0; padding:0; background:url(/images/header-bg.jpg) top no-repeat;}
.header_text_bg3 { margin:0; padding:0; background:url(/images/header3-bg.jpg) top no-repeat;}
.header_text_repeat3 { margin:0; padding:0; background:url(/images/header3-repeat-bg.jpg) top repeat-x;}
/*header_text*/
.header_text { height:318px; margin:0 auto; padding:0; width:1057px; background:url(/images/header_text_bg.jpg) top center no-repeat;}
.header_text .div .left1 { float:left; width:450px; padding:15px 0 0 15px; margin:0; }
.header_text .div .left1 img { margin:0 5px; padding:0;}
.header_text .div .left1 h2 {font:normal 36px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0 0 0; margin:0; border:0;}
.header_text .div .left1 h3 {font:normal 21px Arial, Helvetica, sans-serif; color:#01284a; padding:8px 0 4px 0; margin:0; border:0;}
.header_text .div .left1 h4 {font:normal 16px Arial, Helvetica, sans-serif; line-height: 1.9em; color:#01284a; padding:0px 0 0px 0; margin:0; border:0;}

.header_text .div .left1a { float:left; width:450px; padding:33px 0 0 15px; margin:0; }
.header_text .div .left1a img { margin:0 5px; padding:0;}
.header_text .div .left1a h2 {font:normal 36px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0 0 0; margin:0; border:0;}
.header_text .div .left1a h3 {font:normal 21px Arial, Helvetica, sans-serif; color:#01284a; padding:8px 0 4px 0; margin:0; border:0;}
.header_text .div .left1a h4 {font:normal 16px Arial, Helvetica, sans-serif; line-height: 1.9em; color:#01284a; padding:0px 0 0px 0; margin:0; border:0;}

.header_text p { font:normal 13px Arial, Helvetica, sans-serif; color:#01284a; padding:20px 0 0 0; margin:0; line-height:1.8em;}
.header_text p.uli { background:url(/images/arrow.png) left no-repeat; padding:3px 0 3px 15px;}
/* header_text2 */
.header_text2 { margin:0 auto; padding:0; width:980px;}
.header_text2 h2 { font: normal 36px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:30px 0 30px 0px;}
/*header_text3*/
.header_text3 { height:168px; margin:0 auto; padding:0; width:1058px; background:url(/images/header-text3-bg.jpg) top center no-repeat;}
.header_text3 h2 { font: normal 36px Arial, Helvetica, sans-serif; color:#fff; margin:0 15px; padding:30px 0 30px 0px;}
.header_text3 .left1 img { margin:0 5px; padding:0;}
.header_text3 .left1a img { margin:15px 5px; padding:0;}
/*header_text4*/
.header_text4 { height:168px; margin:0 auto; padding:0; width:1058px; background:url(/images/header-text4-bg.jpg) top center no-repeat;}
.header_text4 h2 { font: normal 36px Arial, Helvetica, sans-serif; color:#fff; margin:0 15px; padding:30px 0 30px 0px;}
.header_text4 .left1 img { margin:0 5px; padding:0;}
/*header_text5*/
.header_text5 { height:168px; margin:0 auto; padding:0; width:1058px; background:url(/images/header-text5-bg.jpg) top center no-repeat;}
.header_text5 h2 { font: normal 36px Arial, Helvetica, sans-serif; color:#fff; margin:0 15px; padding:30px 0 30px 0px;}
.header_text5 .left1 img { margin:0 5px; padding:0;}
/*header_text6*/
.header_text6{ height:168px; margin:0 auto; padding:0; width:1058px; background:url(/images/header-text6-bg.jpg) top center no-repeat;}
.header_text6 h2 { font: normal 36px Arial, Helvetica, sans-serif; color:#fff; margin:0 15px; padding:30px 0 30px 0px;}
.header_text6 .left1 img { margin:0 5px; padding:0;}
/********** body **********/
.body_resize { margin:0; padding:20px 0 0 0; background: #f6f6f6 url(/images/body_bg.gif) top repeat-x;}
.body { width:1060px;  margin:0 auto; padding:10px 0; }
.body h2 {font: bold 24px Arial, Helvetica, sans-serif; color:#2e2e2e; margin:0; padding:5px 5px;}
.body h3 {font: bold 18px Arial, Helvetica, sans-serif; color:#01284a; margin:0; padding:5px 5px;}
.body h2 span { font:italic 11px Arial, Helvetica, sans-serif; color:#b5b5b5;}
.body img { float:left; padding:0; margin:10px;}
.body img.floated { float:right; padding:0; margin:0;}
.body p { font:normal 14px Arial, Helvetica, sans-serif; color:#707070; line-height:1.8em; padding:5px 5px; margin:0;}
.body div { font:normal 14px Arial, Helvetica, sans-serif; color:#707070; line-height:1.8em; padding:5px 5px; margin:0;}
.body div a{ font:normal 14px Arial, Helvetica, sans-serif; color:#707070; line-height:1.8em; padding:0px 0px; margin:0;}
.body p span { color:#9a2386; font: bold 14px Arial, Helvetica, sans-serif;}
.body p.data { font: bold 14px Arial, Helvetica, sans-serif; color:#4580b9; padding:0 5px 10px 5px; margin:0;}
.body a { text-decoration:none; color:#9a2386; line-height:1.8em; font: bold 14px Arial, Helvetica, sans-serif;}

.body_right { width:455px; float:right; margin:0 50px 0 0; padding:0;}
.body_left { width:455px; float:left; margin:0 0 0 50px; padding:0;}

.body_small { width:450px; float:right; margin:0 50px 0 0; padding:0;}
.body_small img{ float:left; padding:0; margin:12px 2px 2px 2px;}
.body_big { width:460px; float:left; margin:0 0 0 50px; padding:0;}
.body_big ul { list-style:none; margin:0; padding:20px 0 0 0;}
.body_big li { background:url(/images/big_ul_li.gif) left no-repeat; padding:5px 20px; margin:0;  font:  14px Arial, Helvetica, sans-serif; color:#707070; line-height:1.8em;}
.body_order { width:1000px; float:left; margin:0 0 0 30px; padding:0;}
.body_order ul { list-style:none; margin:0; padding:20px 0 0 0;}
.body_order li { background:url(/images/big_ul_li.gif) left no-repeat; padding:5px 20px; margin:0;  font:  14px Arial, Helvetica, sans-serif; color:#707070; line-height:1.8em;}
.body_order .noPadding{ padding:0px 0px !important;}
.body_full { width:1000px; float:left; margin:0 0 0 30px; padding:0;}
.body_full ul { list-style:none; margin:0; padding:3px 0 0 0;}
.body_full li { padding:5px 20px; margin:0;  font:  14px Arial, Helvetica, sans-serif; color:#707070; line-height:1.6em;}
.body_full li:before { content: '+'; padding: 0px 8px 0 0; margin: 0px 5px 0 0 ; color: #02a9dd; background-color: #f6f6f6; display: inline-block;}
.body_full .two-col-special {
    overflow: auto;
    margin: 0;
    padding: 0;
}
.body_full .two-col-special li {
    display: inline-block;
    width: 45%;
    margin: 0;
    padding: 0;
    vertical-align: top; /* In case multi-word categories form two lines */
}
.body_full .two-col-special li:before {
    content: '+';
    padding: 0px 8px 0 0;
    margin: 0px 5px 0 0 ; /* you can tweak the gap */
    color: #02a9dd;
    background-color: #f6f6f6; /* in case you want a color... */
    display: inline-block;
}
.body_cluster { width:1000px; float:left; margin:0 0 0 30px; padding:0;}
.body_cluster ul { list-style:none; margin:0; padding:3px 0 0 0;}
.body_cluster li { padding:3px 20px; margin:0;  font:  14px Arial, Helvetica, sans-serif; color:#707070; line-height:1.3em;}
.body_cluster li:before { content: '+'; padding: 0px 8px 0 0; margin: 0px 5px 0 0 ; color: #02a9dd; background-color: #f6f6f6; display: inline-block;}
/*FBG_resize*/
.FBG { width:980px; margin:0 auto; padding:0;}
.FBG h3 {font: normal 18px Arial, Helvetica, sans-serif; color:#2e2e2e; margin:0; padding:5px 5px;}
.FBG h3 span { font: italic 11px Arial, Helvetica, sans-serif; color:#b5b5b5;}
.FBG p { font:normal 12px Arial, Helvetica, sans-serif; color:#5e5e5e; padding:10px 5px; margin:0; line-height:1.8em;}
.FBG img { float:left; margin:5px; padding:0;}
.FBG img.toop { margin:10px auto; padding:0;}
.FBG a { color:#006aaf; text-decoration:none; font:bold italic 12px Arial, Helvetica, sans-serif;}
.left_bg {
  width: 283px;
  float: left;
  margin: 5px;
  padding: 10px 15px;
}
/*Clusters*/
.clusters { width:1060px;  margin:0 auto;}
.clusters img { float: center; margin:6px 0 26px 0; padding:0 0 0 0; no-border;}

/*Features box*/
.box_title { width:345px; height:94px; float:left; margin:0 0 0 0; padding:0;}
.features_box  { width:953px;  height: 94px; margin:0 0 12px 24px; background:url(/images/features-box.jpg) top center no-repeat; }
.features_box1  { float:left; width:347px;  height: 94px; margin:0 auto; text-align: center; vertical-align: middle; display: table;}
.features_box2  { float:right; width:570px;  height: 94px; margin:0 auto; text-align: center; vertical-align: middle; display: table;}
.features_box h2 {font: normal 24px Arial, Helvetica, sans-serif; color:#fff; margin:0; vertical-align: middle; display: table-cell; }
.features_box span {font:normal 13px Arial, Helvetica, sans-serif; color:#707070; text-align: left; line-height:1.8em;  margin:0px 12px 0px 0px; vertical-align: middle; display: table-cell;}
/*************footer**********/
.footer {padding:0;  margin:0 auto; background:#01284a; border-top:1px solid #2b2b2b; }
.footer_resize { margin:0 auto; padding:0; width:960px;}
.footer p { font:normal 13px  Arial, Helvetica, sans-serif; color:#fff;}
.footer a { font: normal 13px Arial, Helvetica, sans-serif; color:#02a5db; text-decoration:none; padding:5px; margin:0;}
.footer img {
  background-image: url(/images/Horizontal-White-wordmark.svg), url(/images/bmrkg-white-logo-v2.svg);
    background-repeat: no-repeat, no-repeat;
    background-size: 240px 40px;
    width: 480px;
    height: 103px;
    background-position: center right, center left;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    padding-left: 480px;
}

.footer p.leftt {
  text-align: left;
  width: 400px;
  margin: 0;
  padding: 35px 0 0 0;
  float: right;
}
.footer p.leftt::after {
  content: " Hosted by Accuraty Solutions";
  display: block;
  padding-left: .25rem;
}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#000;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:390px; padding:5px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#676767; text-transform:capitalize;}
#contactform label span { float:left; width:390px; font:normal 12px Arial, Helvetica, sans-serif; color:#676767; line-height: 1.6em;}
#contactform input.text { width:390px; border:1px solid #e2e1e1; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#contactform select.ddmenu { width:390px; border:1px solid #e2e1e1; margin:5px 0; padding:5px 2px; background:#f8f8f8;}
#contactform textarea { width:390px; border:1px solid #e2e1e1; margin:10px 0; padding:2px; background:#f8f8f8; height:100px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 98px; border:0; color:#FFF;}
#contactform input.checkbox { width:390px; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8; align: center;}

/********** order form **********/
#orderform { margin:0; padding:5px 10px;}
#orderform * { color:#000;}
#orderform ol { margin:0; padding:0; list-style:none;}
#orderform li { margin:0; padding:0; background:none; border:none; display:block;}
#orderform li.buttons { margin:5px 0 5px 0;}
#orderform label { float:left; margin:0; width:225px; padding:5px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#676767; text-transform:capitalize;}
#orderform label.centerText { float:left; margin-top:7px; width:225px; padding:5px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#676767;}
#orderform label.labelTotal { float:left; margin-top:7px; margin-left: 5px; width:225px; padding:5px 0; font:bold 18px Arial, Helvetica, sans-serif; color:#676767;}
#orderform label.textFull { width:745px; margin-top:6px; margin-left: 3px; font:normal 12px Arial, Helvetica, sans-serif; color:#676767; line-height: 1.6em;}
#orderform input.text { width:500px; border:1px solid #e2e1e1; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#orderform input.inputTotal { width:480px; border: none; margin:5px 0; padding:5px 2px; height:15px; background:#f6f6f6;}
#orderform select.ddmenu { width:auto; border:1px solid #e2e1e1; margin:5px 0; padding:5px 2px; background:#f8f8f8;}
#orderform textarea { width:500px; border:1px solid #e2e1e1; margin:10px 0; padding:2px; background:#f8f8f8; height:100px;}
#orderform li.buttons input { padding:3px 0; margin:0 0 0 98px; border:0; color:#FFF;}
#orderform .checkbox { width:225px; float: left; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8; text-align: right;}
#orderform div.disclaimer { margin:0; width:auto; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#676767;}
#orderform div.subscription{ margin-top: -20px; margin-bottom: 20px; width:1000px; text-align: center; padding:5px 0; font:bold 14px Arial, Helvetica, sans-serif; color:#676767;}

ol.orderSummaryOL { margin:0; padding:0; list-style:none;}
li.orderSummaryLI { margin:0; padding:0; background:none; border:none; display:block;}
.fieldLabel { float:left; width:180px; padding:5px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#676767;}
.fieldLabelOT { float:left; width:200px; padding:5px 0; font:bold 18px Arial, Helvetica, sans-serif; color:#676767;}

#orderform button.bttnDefault {
    background: #428BCA;
    color: #fff;
    font-family: Sans-serif;
    font-size: 20px;
    height: 50px;
    width: 270px;
    line-height: 50px;
    margin: 20px 20px;
    text-align: center;
    border: 0;
    transition: all 0.3s ease 0s;
}
#orderform button.bttnSelect {
    background: #428BCA;
    color: #fff;
    font-family: Sans-serif;
    font-size: 20px;
    height: 50px;
    width: 270px;
    line-height: 50px;
    margin: 20px 20px;
    text-align: center;
    border: 0;
    transition: all 0.3s ease 0s;
	box-shadow: inset 0 0 0 5px #3071A9;
}
#orderform button:hover {
  box-shadow: inset 0 0 0 5px #3071A9;
}
#orderform button.bttnSubmit {
    background: #85be28;
    color: #fff;
    font-family: Sans-serif;
    font-size: 18px;
    height: 40px;
    width: 250px;
    line-height: 40px;
    margin: 20px 20px;
    text-align: center;
    border: 0;
    transition: all 0.3s ease 0s;
}
#orderform button.bttnSubmit:hover {
  background: #CF4647;
  box-shadow: none;
}

#passwordform { margin:0; padding:5px 10px;}
#passwordform * { color:#000;}
#passwordform ol { margin:0; padding:0; list-style:none;}
#passwordform li { margin:0; padding:0; background:none; border:none; display:block;}
#passwordform label { float:left; margin:0; width:390px; padding:5px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#676767; text-transform:capitalize;}
#passwordform label span { float:left; width:390px; font:normal 12px Arial, Helvetica, sans-serif; color:#676767; line-height: 1.6em;}
#passwordform input.text { width:390px; border:1px solid #e2e1e1; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#passwordform li button { cursor: pointer; padding:6px 21px; margin:6px 0 0 0px; border:0; color:#FFF; background:#01a5da;}

#profileform { margin:0; padding:5px 10px;}
#profileform * { color:#000;}
#profileform ol { margin:0; padding:0; list-style:none;}
#profileform li { margin:0; padding:0; background:none; border:none; display:block;}
#profileform label { float:left; margin:0; width:390px; padding:5px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#676767; text-transform:capitalize;}
#profileform label span { float:left; width:390px; font:normal 12px Arial, Helvetica, sans-serif; color:#676767; line-height: 1.6em;}
#profileform input.text { width:390px; border:1px solid #e2e1e1; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#profileform li button { cursor: pointer; padding:6px 21px; margin:6px 0 0 0px; border:0; color:#FFF; background:#01a5da;}
#profileform input.checkbox { width:390px; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8; align: center;}

.btn-student-add{ cursor: pointer; padding:5px 21px; margin:2px 0 2px 0px; border:0; color:#FFF; background:#89c02c; font-size:1.2em;}
.btn-student-reset{ cursor: pointer; padding:5px 21px; margin:2px 0 2px 0px; border:0; color:#FFF; background:#9a9a98; font-size:1.0em;}
.btn-student-edit{ cursor: pointer; padding:5px 21px; margin:2px 0 2px 0px; border:0; color:#FFF; background:#01a5da; font-size:1.2em;}
.btn-student-delete{ cursor: pointer; padding:5px 21px; margin:2px 0 2px 0px; border:0; color:#FFF; background:#b5010e; font-size:1.0em;}

p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #e2e2e2; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #d9d9d9; padding:0; margin:10px 0; background:none; list-style:none;}
