@charset "utf-8";

/****

HOMEPAGE USED SEPARATE STYLE SHEET

 */
/* ==========================================================================
   RESET STYLES
   ========================================================================== */
* {
	margin: 0;
	padding: 0;
}

html,
button,
input,
select,
textarea {
	color: #222;
}

img {
	border: 0 none;
}

iframe {
	border: none;
}

/* ==========================================================================
   BASE STYLES
   ========================================================================== */

html {
	height: 100%;
}

body {
	font-size: 1em;
	line-height: 1.4;
	font-family: Arial, Helvetica, Sans-serif;
	-webkit-font-smoothing: antialiased;
	/*smooth on macs*/
	-moz-osx-font-smoothing: grayscale;
	/*smooth on firefox*/
	width: 100%;
	height: 100%;
	color: #545454;
	/*min-width: 1080px;*/
}

a {
	color: #FF462A;
	cursor: pointer;
	text-decoration: none;
}

a.showcont {
	margin: 0;
	padding: 0 18px 0 0;
	clear: both;
	background: url(../../img3/open_arrow.png) right no-repeat;
	/*top https://s3.amazonaws.com/img.classmarker.com/b/img/open_arrow.png */
}

.btn.showcont {
	background-color: #0896E6;
	color: #fff;
}

.col-full {
	width: 1014px;
	margin: 0 auto;
}

.col-half {
	width: 620px;
	margin: 0 auto;
	padding-left: 180px;
}

.col-half h4 {
	width: 620px;
	margin: 0 auto;
	padding-left: 180px;
}

.col-630 {
	width: 630px;
	margin: 0 auto;
}

.width-630 {
	width: 630px;
}

.col-590 {
	width: 620px;
	margin: 0 auto;
}

.col-680 {
	width: 680px;
	margin: 0 auto;
}

.hidden {
	display: none;
}

.white-bg {
	background: #FFF !important;
}

.blog-width {
	width: 750px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Helvetica, Arial, Sans-serif;
}

p {
	font-size: 15px;
}

sup {
	vertical-align: super;
	font-size: 70%;
}

/* ==========================================================================
   HEADER STYLES
   ========================================================================== */
#header div.h1 {
	margin-top: 26px;
	float: left;
}

div.h1 a span {
	display: none;
}

.italic {
	font-style: italic;
}

#login-form {
	float: right;
	margin: 25px 0 12px 0;
}

#login-form input.homelogin {
	width: 150px;
	height: 29px;
	line-height: 29px;
	border: 1px solid #a5a5a5;
	color: #797979;
	font-size: 14px;
	padding-left: 8px;
	margin-left: 3px;
}

#login-form .login-form-button,
#badattempt-login-form .login-form-button {
	width: 104px;
	height: 29px;
	background: #505050 url(../../img3/home/login-btn.png) top repeat-x;
	border: 1px solid #494949;
	border-top: 0 none;
	border-radius: 4px;
	cursor: pointer;
	margin: 0 5px 0 0;
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
	padding-left: 0;
	text-shadow: 1px 1px 1px #3f3f3f;
	filter: dropshadow(color=#3f3f3f, offx=1, offy=1);
}

#main .authenticator-form input[type=checkbox] {
	width: auto;
	zoom: 1.1;
	height: auto;
	border-radius: 3px 3px 3px 3px;
	margin: 5px;
	color: #444444;
}

#main .authenticator-form label {
	font-size: 12px;
}

#badattempt-login-form #home_keep_me {
	width: 16px;
	height: 16px;
	padding: 0;
	margin-left: 0;
	border: 0 none !important;
	margin: 5px 10px 5px 0;
}

#login-form span.keep_me_logged_in {
	position: absolute;
	font-size: 12px;
	margin-top: 36px;
}

.login-form-buttons {
	margin-left: 3px;
}

.login-form-buttons a {
	text-decoration: none;
	font-size: 12px;
	color: #ef4926;
	margin-right: 89px;
}

.login-form-buttons a:hover {
	text-decoration: underline;
}

.login-form-buttons span.divider {
	display: none;
}

.header-btn {
	display: inline-block;
	height: 20px;
	padding: 3px 7px 1px 7px;
	text-decoration: none;
	background: url(../../img3/home/login-btn.png) repeat-x;
	text-align: center;
	font-family: Helvetica;
	font-weight: bold;
	margin-left: 10px;
	font-size: 13px;
	color: #FFF;
	-webkit-box-shadow: 0 0 1px 1px #2e2e2e;
}

.header-buttons {
	float: right;
	margin: 24px 5px 34px 0;
}

.header-buttons a {
	float: left;
	margin-left: 10px;
}

.header-buttons a:hover {
	text-decoration: underline;
}

.register {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
	background: #ff5423 url(../../img3/home/register-btn.png) repeat-x;
	height: 25px;
	display: inline-block;
	width: auto;
	padding: 6px 14px 0 14px;
	border: 1px solid #f64000;
	border-bottom: 0 none;
	border-right: 0 none;
	border-radius: 4px;
}

.login {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
	background: url(../../img3/home/login-btn.png) repeat-x;
	height: 26px;
	display: inline-block;
	width: auto;
	padding: 6px 19px 0 18px;
	border-radius: 4px;
}

.nav {
	clear: both;
	width: 100%;
	height: 47px;
	background: #000;
}

.nav ul {
	margin-top: 11px;
	float: left;
}

.nav ul li {
	float: left;
	list-style: none;
	margin-right: 60px;
}

.nav ul li a {
	text-decoration: none;
	font-family: Helvetica;
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
}

.nav li a:hover {
	text-decoration: underline;
	/*color: #b3b3b3;*/
}

.top-heading {
	background: #363737;
	height: 57px;
	border-top: 1px solid #727272;
	border-bottom: 1px solid #727272;
}

.top-heading h1 {
	font-size: 28px;
	color: #FFF;
	text-shadow: 1px 1px 2px #282929;
	filter: dropshadow(color=#282929, offx=1, offy=1);
	padding-top: 8px;
}


#featured {
	background: #bdbdbd url(../../img3/home/home_main_1@1x.jpg) no-repeat center;
	background-size: 1600px 348px;
	overflow: hidden;
	border-bottom: 4px solid #cc421d;
}

#featured .col-full {
	overflow: hidden;
}

.featured-content {
	width: 454px;
	height: 348px;
	float: left;
	margin-right: 40px;
	display: block;
}

.featured-content h2,
.featured-content h1 {
	/* h1 for landing pages */
	color: #FFF;
	font-size: 37px;
	line-height: 1.15;
	margin-top: 45px;
	margin-bottom: 12px;
	text-shadow: 1px 1px 2px #282929;
	filter: dropshadow(color=#282929, offx=1, offy=1);
}

.featured-content p {
	font-size: 15px;
	color: #FFF;
	line-height: 1.46;
}

.register-btn {
	display: inline-block;
	width: auto;
	height: 36px;
	/*padding-top: 4px;*/
	padding: 4px 13px 0 13px;
	text-decoration: none;
	background: #ff5423 url(../../img3/home/register-btn.png) repeat-x;
	text-align: center;
	font-family: Helvetica;
	font-weight: bold;
	margin: 27px 0 5px 3px;
	font-size: 22px;
	color: #FFF;
	-webkit-box-shadow: 0 0 1px 1px #2e2e2e;
	box-shadow: 0 0 2px 2px #2e2e2e;
	border-radius: 4px;
}

#featured img {
	margin-top: 7px;
	margin-bottom: 7px;
	margin-right: 0;
	float: right;
}

#features-box {
	overflow: hidden;
	background: url(../../img3/home/gray-gd.png) repeat-x;
}

#features-box .col-full {
	overflow: hidden;
	background: url(../../img3/home/featured-box.jpg) top right no-repeat;
}

.features-list {
	float: left;
	width: 175px;
	margin-right: 106px;
}

div#features-box div.features-list div.features-list-heading {
	font-size: 29px;
	color: #fff;
	text-shadow: 2px 2px 1px #3d3b3b;
	margin-top: 30px;
	margin-bottom: 2px;
	display: block;
	font-weight: bold;
}

div#features-box.features-box2 div.features-list div.features-list-heading {
	color: #242424;
	text-shadow: none;
	font-weight: bold;
}


.features-list ul li {
	list-style: none;
	margin-bottom: 8px;
	background: #242424;
	line-height: 33px;
	border-radius: 4px;
}

.features-list ul li.active {
	background: #f94100;
}

.features-list ul li:hover {
	background: #f94100;
}

.features-list ul li a {
	display: block;
	height: 33px;
	text-decoration: none;
	color: #FFF;
	font-size: 15px;
	padding-left: 10px;
}

.features-list ul li.active a {
	font-weight: bold;
}

.features-list ul li span {
	display: inline-block;
	width: 25px;
	height: 21px;
	margin: 0 7px 0 7px;
	position: relative;
}

.more-tour-link {

	background-color: #f94100;
	margin: 20px 0 0 20px;
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
	height: 26px;
	padding: 4px 10px 0 7px;
	clear: both;
	width: 120px;
	text-decoration: none;
	border-radius: 4px;
	display: none;
}

.more-tour-link span {
	margin: 0 7px 0 5px;
}

.register-free {
	background: #ef4926;
	height: 37px;
	line-height: 36px;
	margin-top: 42px;
	width: 100%;
	text-align: center;
	display: block;
	text-decoration: none;
	font-family: Helvetica, arial;
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
	border-radius: 4px;
}

.register-free:hover {
	text-decoration: underline;
}

#features-box>div>div.features-list>a.tourreg-nopad {
	margin-top: 0;
}

.interactive-settings {
	position: relative;
	width: 710px;
	float: left;
}

.interactive-settings h2,
.interactive-settings h1 {
	font-size: 30px;
	color: #fff;
	text-shadow: 3px 3px 1px #3d3b3b;
	padding-top: 34px;
	margin-bottom: 19px;
	margin-left: 63px;
	float: left;
}

.interactive-img {
	margin-left: 63px;
	float: left;
	border-radius: 4px;
}

ul.step-by-step-no-list,
ol.step-by-step-no-list {
	list-style: none;
}

ul.step-by-step,
ol.step-by-step {
	font-size: 14px;
	color: #242424;
}

ul.step-by-step.guide,
ol.step-by-step.guide {
	font-size: 15px;
}

ul.step-by-step li,
ol.step-by-step li {
	padding: 0 12px 12px 0;
	margin-left: 20px;
}

.homepage-step-by-step-how-to-create-tests {
	display: none;
}

.bullet_arrow {
	background: url('../../img3/home/bullet_point_pointer.svg') no-repeat;
	padding: 4px 0 0 33px;
	background-position: 0 7px;
}

.taking_quiz_toggle {
	width: 96%;
	border: 2px solid #eeeeee;
	border-radius: 3px;
}

h4.underline {
	text-decoration: underline;
}

.arrow-left {
	position: absolute;
	left: 0;
	top: 200px;
}

.arrow-right {
	position: absolute;
	right: 20px;
	top: 200px;
}

.slide-number {
	clear: both;
	float: left;
	font-size: 11px;
	color: #FFF;
	text-shadow: 3px 3px 1px #3d3b3b;
	margin-left: 236px;
	margin-top: 8px;
	width: 25px;
}

.slider-pagination {
	float: left;
	margin-left: 12px;
	margin-top: 3px;
}

.slider-pagination li {
	list-style: none;
	float: left;
	margin-right: 7px;
}

.slider-pagination li a {
	width: 7px;
	height: 7px;
	background: #646464;
	display: inline-block;
}

.slider-pagination li.active a {
	background: #f94100;
}

.slide-text {
	clear: both;
	margin-left: 63px;
	margin-top: 15px;
	float: left;
	width: 620px;
	padding-bottom: 36px;
}

.slide-text h3 {
	font-size: 22px;
	color: #FFF;
	text-shadow: 2px 1px 1px #3d3b3b;
	margin-bottom: 5px;
}

.slide-text p {
	font-size: 15px;
	color: #FFF;
	width: 570px;
	line-height: 1.2;
	text-shadow: 2px 1px 1px #3d3b3b;
}

.slide-text p a {
	color: #FFF;
	font-weight: bold;
}

.features-box2 {
	padding-bottom: 60px;
	background: #fff url(../../img3/home/features-bg.png) repeat-x !important;
}

.features-box2 .col-full {
	overflow: hidden;
	background: url(../../img3/home/features-box2.jpg) top left no-repeat !important;
}

.features-box2 h2 {
	color: #242424;
	text-shadow: none;
}

.features-user-manual .col-full {

	height: 292px;
	overflow: hidden;
	background: url(../../img3/home/features-user-manual.jpg) top left no-repeat !important;
}


.features-user-manual-main-post .col-full {
	height: 160px;
	overflow: hidden;
	background: url(../../img3/home/features-user-manual.jpg) top left no-repeat !important;
}

.quiz-maker h1 {
	font-size: 37px;
	color: #242424;
	padding-top: 38px;
	margin-bottom: 5px;
	text-shadow: none;
}

.quiz-maker h3 {
	font-size: 24px;
	color: #242424;
	padding-top: 20px;
	margin-bottom: 30px;
	text-shadow: none;
}

.quiz-maker p {
	color: #242424;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 25px;
}

p a {
	color: #FF462A;
}

.test-access {
	color: #242424;
}

.test-access h1 {
	font-size: 37px;
	color: #242424;
	margin-top: 38px;
	margin-bottom: 5px;
}

.test-access h3.test-access-sub-heading {
	font-size: 30px;
	color: #242424;
	margin-top: 38px;
	margin-bottom: 5px;
}

.test-access p {
	line-height: 1.6;
}

.test-box {
	margin-left: 33px;
	margin-top: 30px;
	width: 248px;
	float: left;
}

.test-img {}

.tm1 {
	margin-left: 35px;
	margin-bottom: 11px;
}

.tm2 {
	margin-left: 45px;
	margin-bottom: 5px;
	margin-top: -11px;
}

.test-box h4 {
	font-size: 23px;
	margin-bottom: 15px;
	margin-left: -15px;
}

.test-box p {
	margin: 10px 15px 15px 0;
}

.tb2 p {
	margin-right: 10px;
}

.test-box h5 {
	font-size: 21px;
	margin-bottom: 15px;
}

.test-box ul {
	margin: 15px 0 20px 0;
}

.test-box ul li {

	margin-right: 2px;
	margin-bottom: 5px;
	font-size: 15px;
	color: #242424;
}

.test-access div.test-access-top-bullets {
	min-height: 180px;
}


.tb2 {
	border-left: 2px solid #fca07f;
	padding-left: 51px;
	margin-left: 13px;
}

.flowchart {
	margin-top: 32px;
	margin-bottom: -15px;
}

.bottom-border {
	border-bottom: 1px solid #bababa;
}

#header .instructional-video {
	margin-top: 36px;
	text-align: center !important;
}

#video-page {
	max-width: 600px;
}

div.video_holder {
	margin: 10px 10px 173px 10px;
	clear: both;
}

div.video_holder a:hover {
	background: none repeat scroll 0 0 #FB3618;
	color: #fff;
}

div.video_holder a {
	margin: 5px !important
}

div.video_holder div.center_video_content {
	text-align: center !important;
}

div.video_holder div.videoWrapper {
	position: relative;
	padding-bottom: 51.7%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 15px;
}

div.video_holder div.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.video_holder h2 {
	font-size: 1.7em;
	margin-bottom: 10px;
}

div.video_holder div.share-video {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #aaa;
}

div.video_holder div.share-video h4 {
	float: left;
	margin-right: 12px;
	font-size: 1.2em;
}

div.video_holder div.share-video input {
	width: 250px;
}





.features-box3 {
	background: url(../../img3/home/light-gd2.png) repeat;
	color: #000;
}

.features-box3 .col-full {
	background: url(../../img3/home/features-box3.jpg) bottom center no-repeat;
}

.features-img2 .col-full {
	background: url(../../img3/home/features-img2.jpg) 70% 0% no-repeat;
	overflow: hidden;
}

.features-box3 h2 {
	font-size: 29px;
	padding-top: 35px;
	margin-bottom: 19px
}

.features-box3 h3 {
	font-size: 37px;
	line-height: 1.31;
	padding-bottom: 57px;
}

.features-img2 h2 {
	color: #000;
	font-size: 22px;
	padding-top: 17px;
	margin-bottom: 0;
}

.features-img2 p {
	color: #424242;
	font-size: 19px;
	font-family: Helvetica;
	margin-top: -4px;
}

.plans-heading {
	float: left;
	margin-top: 20px;
	width: 410px;
	padding-bottom: 35px;
}

.plans-heading h3 {
	font-size: 37px;
	padding-bottom: 0;
	padding-top: 0;
}

.plans-heading p {
	color: #000;
	font-size: 18px;
	margin-top: 0;
}

/* ==========================================================================
   MAIN STYLES
   ========================================================================== */
#features {
	background: #ff5423;
	overflow: hidden;
	clear: both;
}

#features h2 {
	line-height: 1.15;
	color: #FFF;
	font-family: Helvetica;
	padding-top: 24px;
	margin-bottom: 13px;
	font-size: 25px;
}

.features-left {
	width: 447px;
	float: left;
	margin-right: 62px;
}

.features-right {
	width: 472px;
	float: left;
}

.features-right ul {
	margin-left: 15px;
}

.features-right ul li {
	line-height: 1.49;
	color: #ffc3b2;
	font-size: 14px;
	padding-left: 2px;
}

.features-right ul li span {
	font-size: 17px;
	color: #fefefe;
	position: relative;
	top: 2px;
}

.features-right ul li span a {
	text-decoration: none;
	color: #fefefe;
}

.features-right ul li span a:hover {
	text-decoration: underline;
}

.features-right .pad-features-list-height {
	min-height: 200px;
}

.more-features {
	display: inline-block;
	width: auto;
	padding: 5px 16px 0 17px;
	height: 27px;
	color: #fb3800;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: #ffffff url(../../img3/home/more-features.png) repeat-x;
	margin-top: 19px;
	margin-bottom: 33px;
	border-radius: 4px;
}

#main {
	clear: both;
	background: url(../../img3/home/light-gd.png) repeat;
	overflow: hidden;
	padding-bottom: 80px;
}

.col-446 {
	width: 446px;
	float: left;
	margin-right: 68px;
}

.col-476 {
	width: 476px;
	float: left;
}

.col-476 p {
	margin-right: 25px;
}

#main h3 {
	font-family: Helvetica;
	font-size: 27px;
	color: #535353;
	line-height: 1.07;
	margin-top: 30px;
	margin-bottom: 14px;
}

#main p,
#main ul {
	font-size: 14px;
	line-height: 1.64;
	margin-bottom: 21px;
}

#main ul {
	margin-left: 23px;
}

.main2 {
	clear: both;
	background: url(../../img3/home/light-gd.png) repeat;
	overflow: hidden;
	padding-bottom: 80px;
}

.main2 p {
	font-size: 14px;
	line-height: 1.64;
	margin-bottom: 21px;
}

.main3 {
	clear: both;
	background-color: #FBFBFB;
	overflow: hidden;
	padding-bottom: 1px;
}

.nopad {
	margin: 0 !important;
	padding: 0 !important;
}

.site-features {
	margin-top: 33px;

}

.site-features li {
	list-style: none;

	margin-right: 35px;
}

li.web-award {
	padding-top: 2px;
}

li.ssl-secured {
	padding-top: 0;
}

li.sf-last {
	margin-right: 0;
	padding-top: 2px;
}

.join-box {
	float: left;
	width: 478px;
	border-top: 1px solid #e84711;
	padding-top: 13px;
	margin-top: 2px;
	font-size: 14px;
	line-height: 1.3;
}

.join-btn {
	float: left;
	margin-right: 12px;
	text-decoration: none;
	height: 29px;
	color: #FFF;
	background: #ff5423 url(../../img3/home/join-btn.png) repeat-x;
	padding: 4px 14px 0 12px;
	font-weight: bold;
	font-family: Helvetica;
	font-size: 17px;
	display: inline-block;
	width: auto;
	border-radius: 4px;
}

#main .join-box p {
	width: 410px;
	color: #000;
	font-size: 15px;
	margin-top: -2px;
	line-height: 1.2;
}

#positives {
	clear: both;
	border-bottom: 1px solid #bababa;
	overflow: hidden;
	padding-bottom: 60px;
}

.positives-box {
	width: 305px;
	float: left;
	margin-right: 30px;
	margin-top: 52px;
}

.box-last {
	margin-right: 0 !important;
}

.positives-box img {
	float: left;
	margin-right: 12px;
	margin-bottom: 15px;
}

.positives-box h3 {
	font-size: 23px;
}

.positives-box p {
	clear: both;
	font-size: 13px;
	line-height: 1.61;
	margin-left: 2px;
}

.positives-box p a {
	color: #ef4926;
}

img.vid-img {
	border-radius: 4px;
}

div.partners-box {
	border-bottom: #ddd 1px solid;
	padding: 20px 0;
	overflow: hidden;
}

div.partners-box h3 {
	padding-top: 7px;
	margin-bottom: 15px;
}

div.partners-box-left {
	width: 40%;
	float: left;
}

div.partners-box-right {
	width: 60%;
	float: left;
}

#statistics {
	background: url(../../img3/home/dark-gd.png) repeat;
	overflow: hidden;
	margin-top: 1px;
	padding-bottom: 55px;
}

.statistic-box {
	width: 300px;
	float: left;
	margin-right: 38px;
}

.statistic-box h3 {
	font-size: 23px;
	color: #000;
	margin-top: 38px;
	margin-bottom: 10px;
}

.statistic-box img {
	border: 1px solid #cfcfcf;
	margin-bottom: 11px;
}

.statistic-box p {
	font-size: 15px;
	color: #000;
	line-height: 1.4;
}

.features-main {
	border-top: 1px solid #bababa;
	margin-top: 1px;
}

.col-620 {
	width: 620px;
	float: left;
}

.col-300 {
	width: 300px;
	float: left;
	margin-left: 52px;
}

.features-main h3 {
	font-size: 23px !important;
}

.features-main p {
	color: #424242;
}

.features-main ul {
	margin-top: -5px;
	margin-left: 16px;
}

.features-main ul li {
	font-size: 13px;
	color: #838383;
	line-height: 1.86;
	padding-left: 3px;
}

.features-main ul li span {
	font-size: 14px;
	color: #424242;
}

.white-bg-content {
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	overflow: hidden;
}

.white-bg-content h3 {
	font-size: 37px;
	color: #242424;
	padding-top: 35px;
	margin-bottom: 10px;
}

h4.faq-title {
	padding-left: 0px;
	color: #242424;
}

.white-bg-content p {
	color: #242424;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 26px;
	width: 580px;
}

.white-bg-content img {
	margin-bottom: 22px;
}

.white-bg-content2 {

	overflow: hidden;
	padding-top: 20px;
}

.back-top {
	font-size: 13px;
	color: #f94100;
	float: right;
	margin: 0 20px 52px 20px;
}

.back-top:hover {
	color: #606060;
}

.gray-gd {
	overflow: hidden;
	background: url(../../img3/home/dark-gd.png) repeat;
}

.light-gd {
	overflow: hidden;
	background: url(../../img3/home/light-gd.png) repeat;
}

.light-gd .col-590 {
	padding-left: 180px;
}

.light-gd img {
	margin-bottom: 22px;
}

.light-gd.light-gd-border-top {
	border-top: 1px solid #bababa;
}

#accessibility,
.accessibility {
	clear: both;
	overflow: hidden;
	margin-top: 1px;
}

#accessibility h3,
.accessibility h3 {
	font-size: 37px;
	color: #242424;
	padding-top: 26px;
}

#accessibility img,
.accessibility img {
	margin-top: 8px;
	margin-bottom: 20px;
}

#accessibility p,
.accessibility p {
	max-width: 580px !important;
	font-size: 15px;
	color: #242424;
	line-height: 1.6;
	margin-bottom: 26px;
}

.back-top-gray {
	color: #4e4e4e;
}

.back-top-gray:hover {
	color: #666363;
}

.light-grad-content {
	color: #242424;
}

.light-grad-content h3 {
	font-size: 37px;
	margin-top: 24px;
	margin-bottom: 4px;
}

.light-grad-content p {
	line-height: 1.6;
	margin-bottom: 20px;
}

.light-grad-content img {
	margin-top: 8px;
}

ul.homelist,
ol.homelist {
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 35px;
}

ul.homelist li,
ol.homelist li {
	/*font-size: 13px;
	color: #878787;*/
	line-height: 1.6;
	color: #242424;
	font-size: 15px;
}

ul.homelist.tourlist li {
	color: #424242;
}

.pricing-box {
	width: 240px;
	float: left;
	margin-right: 95px;
	margin-bottom: 158px;
}

#main .pricing-box h3 {
	color: #000;
	font-size: 23px;
	margin-bottom: 18px;
}

#main .pricing-box p {
	color: #000;
	margin-bottom: 18px;
}

.pricing-btn {
	display: inline-block;
	width: auto;
	height: 35px;
	background: #f94100 url(../../img3/home/pricing-bg.png) repeat-x;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 20px;
	padding: 6px 17px 0 16px;
	border-radius: 1px 1px 1px 1px;
	-webkit-box-shadow: 0 0 2px 1px #2e2e2e;
	box-shadow: 0 0 2px 1px #2e2e2e;
}

.pricing-btn:hover {
	-webkit-box-shadow: 0 0 4px 1px #2e2e2e;
	box-shadow: 0 0 4px 1px #2e2e2e;
}

/* ~~~~~~~~~~ Price plan Table styles~~~~~~~~~~~~~*/
.tablepricing {
	background: #fff url(../../img/contgraygrad.gif) top left repeat-x;
	padding: 0;
	margin: 25px 0 10px 0;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	width: 640px;
	border-collapse: collapse;
}

.tablepricing td,
.tablepricing th {
	text-align: left;
	padding: 14px 14px 5px 14px;
	border-bottom: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

.shade {
	background: url(../../img/pricing_shade.png) top left repeat-y;
}

.pricinggray {
	background: #f9f9f9;
}

.resultstable {
	margin: 0 0 25px 0;
	width: 640px;
	border-collapse: collapse;
}

.resultstable th {
	text-align: left;
	vertical-align: top;
	padding: 12px 0 7px 0;
	line-height: 1em;
	font-weight: bold;
}

.resultstable td {
	text-align: left;
	vertical-align: top;
	padding: 12px 0 12px 0;
	line-height: 1em;
	border-bottom: 1px dotted #d2d2d2;
	color: #4d4d4d;
}

.resultstable th.thheader {
	font-size: 1.7em;
}

.resultstable td.tdgrad {
	border-bottom: none;
	padding: 0;
}

.resultstable td.tdname {
	line-height: 1.3em;
	color: #000;
}

.resultstable .nb {
	width: 20px;
	border: none;
}

.resultstable .nbw {
	border: none;
}

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

.h4t {
	font-size: 1.2em;
	color: #000;
}

.pt1 {
	width: 280px;
}

.pt2 {
	width: 140px;
}

.pt3 {
	width: 220px;
}

.ft1 {
	width: 400px;
}

.ft2 {
	width: 120px;
}

.ft3 {
	width: 120px;
}

.tablepricing th .pricehead {
	margin: 0 0 2px 0;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0 0 5px;
	color: #000000;
	display: block;
}

.tablepricing td {
	font-size: 13px;
	color: #333;
}

.tablepricing td.checklist,
.tablepricing th.checklist {
	text-align: center;
}

.nobold {
	font-weight: normal !important;
}

.gray {
	color: #4D4D4D !important;
}

.tablepricing th span {
	color: #424242;
	font-size: 15px;
}

/*----- End Price Plan Table Styles ------*/


.account_type_header_pricing {
	margin: 25px 0 0 10px;
	font-size: 37px;
}


.reg-for-free-trial {
	width: 100%;
	margin: 30px 0 50px 5px;

}

.reg-for-free-trial p {
	color: #000 !important;
	font-size: 18px !important;

}

.reg-for-free-trial .reg-for-free-trial-btn {
	float: left;
	margin-bottom: 10px;
	margin-right: 15px;
}

.reg-for-free-trial-btn {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	font-size: 15px;
	background: #ff5423 url(../../img3/home/register-btn.png) repeat-x;
	height: 25px;
	display: inline-block;
	width: auto;
	padding: 6px 14px 6px 14px;
	border: 1px solid #f64000;
	border-bottom: 0 none;
	border-right: 0 none;
	border-radius: 4px;
}

.reg-for-free-trial-btn:hover {
	text-decoration: underline;
}



.bold {
	font-weight: bold;
}

.gray {
	color: #424242;
}

#main .pb3 {
	margin-top: 34px;
}

#main table {
	clear: both;
}

.table-bottom {
	width: 665px;
	border-bottom: 1px solid #bababa;
	padding-left: 10px;
	position: relative;
	left: -8px;
	padding-bottom: 48px;
	margin-top: 28px;
}

.table-bottom h4 {
	margin-right: 15px;
	color: #000;
	font-size: 18px;
	font-family: Arial;
	font-weight: normal;
}

.darkgray {
	color: #424242;
}

.table-bottom h4 a {
	color: #FF462A;
	text-decoration: none;
}

.table-bottom h4 a:hover {
	text-decoration: underline;
	color: #d94e19;
}

.pricing-text {
	margin-top: 10px;
	width: 607px;
}

.pricing-text p {
	color: #424242;
	line-height: 1.4;

}

.pricing-text h4 {
	font-size: 23px;
	color: #424242;
	margin-bottom: 15px;
}

.pricing-text h5 {
	font-size: 16px;
	color: #424242;
}

.guarantee-heading {
	font-size: 23px !important;
	color: #424242;
	margin-top: 22px;
	margin-bottom: 14px;
}

.pricing-no-referer-alert {
	clear: both;
	width: 100%;
	height: 73px;
	background: #0896E6;
}

.pricing-no-referer-alert-content {
	color: #fff;
	padding: 25px 0 20px 0;
}

.pricing-no-referer-alert-content a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

.terms-box {
	clear: both;
}

.terms-box h1 {
	font-size: 37px;
	color: #242424;
	padding-top: 32px;
	margin-bottom: -10px;
}

.terms-box h2 {
	color: #000 !important;
	font-size: 23px !important;
	margin-top: 34px !important
}

.terms-box p {
	margin-bottom: 14px !important;
	padding-top: 5px;
	font-size: 15px !important;
}

.terms-box h4 {
	font-size: 16px;
	color: #545454;
	padding-top: 7px;
	padding-bottom: 13px;
}

.blog-box {
	clear: both;
}

.blog-box h1 {
	font-size: 23px;
	color: #242424;
	margin: 65px 0 0 0 !important
}

.blog-box h2 {
	color: #444 !important;
	font-size: 23px !important;
	margin: 65px 0 0 0 !important
}

.blog-box p {
	margin-bottom: 14px;
	padding-top: 5px;
	font-size: 15px !important;
}

.blog-box p.date {
	margin-bottom: 2px !important;
	padding-top: 10px;
	font-size: 12px !important;
}

.blog-box h4 {
	font-size: 16px;
	color: #545454;
	padding-top: 7px;
	padding-bottom: 13px;
}

.register-box h2 {
	font-size: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.reg-box {
	background: #FFF url(../../img3/home/regBox-bg.png) repeat-x;
	float: left;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	min-height: 267px;
}

.reg-box h3 {
	color: #000;
	font-size: 24px;
	text-align: center;
	padding-top: 7px;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 8px;
}

.reg-box h4 {
	margin: 28px 0 18px 22px;
}

.reg-box h4 a {
	text-decoration: none;
	font-size: 16px;
	color: #000;
}

.reg-box h4 a:hover {
	text-decoration: underline;
}

.reg-box img {
	position: relative;
	top: 3px;
	left: 4px;
}

.reg-box p {
	margin-left: 22px;
	font-size: 12px;
	color: #000;
	line-height: 1.5;
	margin-right: 25px;
}

.test-takers {
	width: 218px;
}

.administrators-box {
	width: 420px;
}

.admin-left {
	width: 205px;
	float: left;
	border-right: 1px solid #e1e1e1;
	padding-bottom: 66px;
}

.admin-right {
	width: 205px;
	float: left;
}

.or-circle {
	float: left;
	margin-left: 13px;
	margin-right: 14px;
	padding-top: 116px;
}

a.right-account {
	clear: both;
	float: left;
	text-decoration: none;
	font-size: 24px;
	color: #e84711;
	margin-left: 340px;
	margin-top: 21px;
	margin-bottom: 18px;
}

.which-account {
	margin-bottom: 88px;
	margin-left: 340px;
	width: 400px;
}

.which-account p {
	clear: both;
	font-size: 12px;
	line-height: 1.46;
	margin-bottom: 15px;
}

.fbr1 {
	padding-bottom: 1px;
}

.register-today h1 {
	font-size: 30px;
	color: #000;
	margin-top: 25px;
}

.register-today h3 {
	color: #000;
	font-size: 24px;
	margin-left: 17px;
	margin-top: 40px;
}

.register-today ul {
	margin-left: 18px;
	margin-top: 24px;
	float: left;
	margin-right: 30px;
}

.register-today ul li {
	font-size: 18px;
	color: #424242;
	list-style: none;
	line-height: 1.5;
}

.register-today img {
	margin-top: -40px;
	float: left;
}

/*----- Reg Form Styles -----*/
#main form {
	max-width: 670px;
	/*margin-top: 50px;*/
}

#main label {
	color: #424242;
	font-size: 14px;
	line-height: 1.4;
}


#main input,
.share-video input {
	width: 295px;
	height: 35px;
	border: 1px solid #a1a1a1;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right: 26px;
	margin-bottom: 4px;
	text-indent: 10px;
	padding-right: 5px;
	float: left;
}

#main textarea {
	width: 288px;
	border: 1px solid #a1a1a1;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right: 26px;
	margin-bottom: 4px;
	padding: 6px;
	float: left;
}

.select-box {
	width: 282px;
	height: 28px;
	border: 1px solid #a1a1a1;
	background-color: #f3f3f3;
	background-image: url(../../img3/home/arrow-gray.png);
	background-repeat: no-repeat;
	background-position: 96% 50%;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right: 26px;
	padding: 6px 9px 1px 9px;
	color: #424242;
	font-size: 18px;
	overflow: hidden;
	line-height: 1.4;
}

img.captcha_image {
	border: solid #8C8C8C 1px;
	margin-right: 10px;
}

.cm-capture-style input {
	height: 15px !important;
}

form#regForm .reg-check-box,
form#agree-terms .agree-check-box {
	width: 16px;
	height: 16px;
	padding: 0;
	margin-left: 0;
	border: 0 none !important;
	margin-top: 3px;
	margin-right: 10px;
}

#main .agree-label {
	color: #424242;
	font-size: 15px;
}

.agree-label a {
	text-decoration: none;
	color: #FF462A;
}

#main #register-button {
	width: auto;
	height: 37px;
	background: url(../../img3/home/pricing-bg.png) repeat-x;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 20px;
	padding: 0 17px 0 16px;
	border: 0 none;
	cursor: pointer;
	border-radius: 1px 1px 1px 1px;
	-webkit-box-shadow: 0 0 2px 1px #2e2e2e;
	box-shadow: 0 0 2px 1px #2e2e2e;
	width: auto;
	margin: 15px 0 0 2px;
	text-indent: 0;
}

#main #register-button:hover {
	-webkit-box-shadow: 0 0 4px 1px #2e2e2e;
	box-shadow: 0 0 4px 1px #2e2e2e;
}

.forgot-button {
	/*background: url(../../img3/home/pricing-bg.png) repeat-x;*/
	background-color: #ff5524;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 14px;
	padding: 6px;
	cursor: pointer;
	border-radius: 1px 1px 1px 1px;
	border: 1px solid #000000 !important;
	width: auto;
	margin: 15px 0 0 2px;
	text-indent: 0;
}

.home-content-left {
	float: left;
	width: 328px;
}

.home-content-right {
	float: left;
	width: 328px;
}

.sitemap-content-left {
	float: left;
	width: 400px;
}

.sitemap-content-right {
	float: left;
	width: 328px;
}

h4.sitemap {
	margin: 15px 0 10px 0;
}

p.mandatory {
	clear: both;
	width: 640px;
	border-top: 1px solid #cfcfcf;
	margin-top: 63px;
	padding-top: 11px;
	float: left;
	font-size: 12px !important;
	color: #424242;
}

.account-box {
	width: 630px;
	height: 225px;
	border: 1px solid #c3c3c3;
	border-radius: 5px;
	margin: 28px 0 50px 0;
	padding-bottom: 10px;
	background: url(../../img3/home/tick.png) #fff 90% bottom no-repeat;
}

.account-box h3 {
	border-bottom: 1px solid #e6e6e6;
	padding-left: 15px;
	margin-left: 0;
	padding-bottom: 8px;
	margin-top: 10px;
	font-size: 22px;
}

.account-box ul li {
	margin-bottom: 10px;
}

.account-box img {
	margin-top: -8px;
	margin-right: 16px;
	float: right;
	position: relative;
	right: 26px;
}

/* ==========================================================================
   FOOTER STYLES
   ========================================================================== */
h4 a span {
	display: none;
}

#footer {
	clear: both;
	background: #242424;
	border-top: 4px solid #e4480d;
	overflow: hidden;
	color: #b3b3b3;
	padding-bottom: 20px;
}

#footer li a:hover {
	text-decoration: underline;
}

.footer-list1 {
	float: left;
	margin-right: 94px;
	margin-top: 34px;
}

.footer-list1 li {
	list-style: none;
	line-height: 1.35;
}

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

.footer-list2 {
	padding-top: 34px;
	float: left;
}

.footer-list2 li {
	list-style: none;
	line-height: 1.35;
}

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

.footer-content {
	float: right;
	margin: 0 160px 0 50px;

}

.footer-content ul {
	margin-top: 32px;
}

.footer-content ul li {
	list-style: none;
	float: left;
	margin-right: 8px;
}

.footer-content h4 {
	clear: both;
	padding-top: 16px;
}

.footer-content p {
	font-size: 12px;
}

/* TW below */
div.social_toolbox {
	padding-top: 38px;
}

div.social_toolbox div {
	float: left;
}

div.social_rating {
	padding-top: 10px;
	font-size: 13px;
}

div.social_rating img {
	margin-right: 2px;
}

div.social_rating a {
	text-decoration: none;
	color: #b3b3b3;
}

.cm-twitter {
	margin-left: 10px;
}

.login-error {
	background: none repeat scroll 0 0 #FFF8CF;
	border: 1px solid #FFBD00;
	border-radius: 3px 3px 3px 3px;
	margin: 18px 0 2px 60px;
	padding: 9px;
	float: left;
	font-size: 13px;
	max-width: 330px;
}

.login-error a {
	text-decoration: none;
	color: #ef4926;
}

ul.star {
	list-style: disc;
	clear: both;
	font-size: 14px;
}

ul.star li {
	padding: 0 12px 12px 0;
	margin-left: 20px;
}

ul.star.dark {
	color: #242424;
}

ul.star a {
	color: #f94100;
}

ol.star {
	margin-left: 30px;
	clear: both;
	font-size: 14px;
}

ol.star.loweralpha {
	list-style-type: lower-alpha;
}

.star .underline {
	text-decoration: underline;
}

/* New site V3 Styles */


.blog_items p.date {
	font-size: 13px;
}

.blog_items {
	font-size: 15px;
}

.blog_items ul {
	clear: both;
	margin: 10px 0 0 30px;
	padding: 0;
	list-style-type: disc;
	max-width: 800px
}

.blog_items ol {
	clear: both;
	margin: 10px 0 5px 34px;
	padding: 0;
	max-width: 800px
}

.blog_items ul li,
.blog_items ol li {
	margin: 0;
	padding: 0 0 5px 0;
}

.red {
	color: #ed5959;
}

.green {
	color: #006000;
}

#errDivcheckUsername {
	font-size: 14px;
}


/*********************************************************************************************************************/
div[id^=dsqit-] .closeMeContainer {
	margin-top: 16px;
}

.alert-box a.closeV3 {
	display: block;
	float: right;
	height: 16px;
	width: 16px;
}

.alert-box a.closeV3:hover {
	text-decoration: none;
}

.alert-box a.closeV3 span {
	display: block;
	padding: 0 4px;
	color: #FFD551;
	font-weight: 500;
	font-size: 16px;
}

.alert-box.alert-center {
	width: 90%;
	margin-left: 3%;
}

.alert-box-right-close {
	right: 28px;
	margin-left: 16px
}


.alert-box {
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
	padding: 15px 9px 15px 45px;
	margin: 20px 0;
	line-height: 20px;
	clear:both;
	border-left: 3px solid #FFD551;
	background: var(--yellow-warning-light, #FFFBED) url("/img4/icons/alert-normal.svg") no-repeat 13px 15px;
}


.alert-box.information {
	border-left: 3px solid #0896E6;
	background: #F4F9FD url("/img4/icons/alert-information.svg") no-repeat 13px 15px;
}


.alert-box.error {
	border-left: 3px solid #D62F7F;
	background: var(--red-magenta-fail-magenta-01, #FFF2F2) url("/img4/icons/alert-error.svg") no-repeat 13px 15px;
}




.closeMeLink.alert-box-right-close {
	font-weight: 500;
	font-size: 16px;
	color: #0896E6;
}



.alert-box.alert-white, .alert-box.alert-default {
	border: 1px solid var(--grey-grey-40, #DCE1E5);
	background: #FFF;
	content: none;
}

.alert-box.alert-confirmation {
	border-left: 3px solid #3CB27A;
	background: #E5FFF2 url("/img4/icons/alert-confirmation.svg") no-repeat 13px 15px;
}

.alert-box.alert-confirmation a.closeV3 span {
	color: #67BE60;
}

.alert-box.error a.closeV3 span {
	color: #D62F7F;
}

.alert-box.information a.closeV3 span {
	color: #0896E6;
}


.alert-box.alert-default a.closeV3 span {
	color: #AEAEAE;
}

.alert-box.alert-white a.closeV3 span {
	color: #AEAEAE;
}

.alert-announcement {
	position: relative;
	margin: 5px 0 16px 0;
	border-left: 3px solid #0896E6;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	line-height: 32px;

}

.alert-announcement .close-me {
	position: absolute;
	right: 64px;
	display: block;
	float: right;
	font-weight: bold;
}

.alert-announcement a.close-me {
	position: absolute;
	color: #a5d4f5;
	font-size: 20px;
	background: none;
}

.alert-announcement a:hover.close-me {
	position: absolute;
	right: 64px;
	background: none;
	text-decoration: none;
}

.alert-announcement .alert-date {
	color: #959c95;
	font-size: 13px;
	line-height: 16px;
	width: 100%;
}

.alert-announcement .alert-title {
	font-weight: bold;
	margin-right: 10px;
	font-size: 13px;
	line-height: 16px;
	width: 80%;
}

.alert-announcement .alert-announcement-header {
	background: url(../../../img3/info_announcement.svg) no-repeat 13px 10px #F4F9FD;
	padding: 15px 9px 15px 65px;
	border-top-right-radius: 5px;

}

.alert-announcement .alert-announcement-body {
	position: relative;
	background-color: #ffffff;
	padding: 20px 65px 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.alert-announcement .alert-announcement-social {
	background-color: #ffffff;
	padding: 0 25px 10px 25px;
}

.alert-announcement-social p {
	font-size: 12px;
}

.alert-announcement-social img {
	margin: 10px 7px 0 10px;
}

.alert-announcement-social a {
	color: #444444;
}


/*
.alert-box {
	background: none repeat scroll 0 0 #FFFFEB;
	border-left: 3px solid #FFC700;
	margin: 5px 0 16px 0;
	padding: 16px;
	clear:both;
	color: #333333;
}

.alert-box.error {
	background: none repeat scroll 0 0 #fff6f4;
	border-left: 3px solid #b5514f;
	color: #b5514f;
}
.alert-box.alert-default {
	background: none repeat scroll 0 0 #E6E6E6;
	border-left: 3px solid #9b9b9b;
}
.alert-box.alert-white {
	background: none repeat scroll 0 0 #ffffff;
	border-left: 3px solid #9b9b9b;
}
.alert-box.alert-confirmation {
	background: none repeat scroll 0 0 #EBF6EA;
	border-left: 3px solid #4e824e;
	color: #4e824e;
}
.alert-box.alert-center{
	width:90%;
	margin-left:3%;
} */
.tenpix {
	width: 10px;
}

.pagination {
	font-size: 13px;
	background: none repeat scroll 0 0 #FFF;
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	line-height: 20px;
	padding: 10px 20px;
	margin: 0 0 10px 0;
}

.pagination span {
	margin-right: 3px;
}

.pagination a {
	color: #FF462A;
}

.current-pag {
	background: #888;
	padding: 2px 4px 2px;
	color: white;
	border-radius: 2px;
}

.right {
	display: block;
	float: right !important;
}

.left {
	display: block;
	float: left;
}

.inline {
	display: inline;
}

#contact-promo-1,
#contact-promo-2 {
	width: 349px;
	height: 108px;
	float: left;
	background-color: #F6F6F6;
	border: 1px solid #AAAAAA;
	margin: 0 16px 25px 0;
	padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#contact-promo-1 h4,
#contact-promo-2 h4,
#contact-promo-3 h4 {
	margin: 10px 0 0 15px;
}

#contact-promo-2 a.textlink {
	margin: 2px 0 0 15px;
	color: #FF462A;
	font-size: 12px;
	text-decoration: none;
}

#contact-promo-2 input {
	height: 25px !important;
	width: auto !important;
	margin: 1px 0 0 15px;
	float: none;
}

#contact-promo-1 .btn {
	margin: 15px 0 0 15px;
}

#contact-promo-2 .btn {
	margin: 15px 0 0 3px;
	padding: 0 13px;
	border: none;
	text-indent: 0 !important;
}

/*
#contact-promo-1{
	background: url(../../img3/home/contact_usermanual_1.jpg) bottom right no-repeat;
}*/
#contact-promo-3 {
	width: 349px;
	float: left;
	margin: 0 16px 25px 0;
	padding: 0;
}

#contact-promo-3 img {
	margin-left: 25px;
}

.contactus-box {
	margin-top: 60px;
	padding-left: 100px;
}

.contactus-box p {
	margin-bottom: 10px !important;
}

.contactus-box h2 {
	font-size: 37px;
	color: #242424;
}

.contactus-box h4,
#contact-promo-2 h4 label {
	font-size: 20px !important;
	color: #242424 !important;
	margin-bottom: 12px;
}

form#contactus {
	max-width: 600px;
	margin: 15px;

}

form#contactus input,
form#contactus .select-box {
	float: none;
	width: 90%;
}

form#contactus textarea {
	width: 89%;
}

form#contactus .select-box {
	float: none;
	width: 88%;
}

form#contactus label {
	font-weight: bold;
}

div.instant-answers {
	background-color: #F6F6F6;
	border: 1px solid #AAAAAA;
	padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 91%;
}

div.instant-answers-content {
	padding: 20px;
}

.little {
	font-size: 12px !important;
}

.littledark {
	color: #444444;
	font-size: 12px;
	line-height: 20px;
}

#tc,
#syc {
	/*max-width: 240px !important;*/
	overflow: hidden;
}

img.img-shadow {

	max-width: 100%;
	margin: 20px 0 50px 0;
	clear: both;
	display: block;
	border: 1px solid #979797;
	box-shadow: 14px 14px 5px #AFAFAF;
}


.table {
	border: 1px solid #AAAAAA;
	border-radius: 3px 3px 3px 3px;
	clear: both;
	margin-bottom: 20px;
}

.table .row {
	border-bottom: 1px solid #DDDDDD;
	padding: 20px 26px 16px;
	position: relative;
	clear: both;
	/*tw*/
}

.table.usermanul .row {
	padding: 20px 26px 26px;
}

.menu-sections li,
.home-name,
.results-name,
.certificate-name,
.icon-calendar,
.icon-calendar-green,
.test-name,
.group-name,
.link-name,
.stat-name,
.search-name,
.member-name,
.question-name,
.theme-name,
.media-name,
.category-name,
.certificate-name,
.accesslist-name,
.community-name,
.tick,
.dropdown-x>a,
.tooltip,
.dropdown-x label a,
.btn-create .caret,
.btn-actions .caret,
.btn.dropdown-toggle .caret,
.btn.dropdown-toggle .caret,
.btn-assign.alt-a,
.btn.btn-toggle-analytics,
.table .result-fail,
.table .result-pass,
.table .result-grading,
.write-pre,
.write-ol,
.write-ul,
.write-font-link,
.write-video,
.user-manual,
.write-center,
.write-bold,
.write-fontM,
.write-fontL,
.write-fontS,
.write-question-preview,
.write-sub,
.write-sup,
.write-italic,
.write-underline,
.write-line-through,
.write-square-root,
.write-image,
.write-font-color,
.video-help {
	background-image: url("../../img3/icons-sprite.png");
	background-repeat: no-repeat;
}

.test-name {
	background-position: 4px 3px;
}

.group-name {
	background-position: 1px -247px;
}

.member-name {
	background-position: 5px -2083px;
}

.link-name {
	background-position: 3px -492px;
}

.stat-name {
	background-position: 3px -4995px;
}

.search-name {
	background-position: 3px -3190px;
}

.question-name {
	background-position: 4px -735px;
}

.theme-name {
	background-position: 4px -1476px;
}

.community-name {
	background-position: 4px -1222px;
}

.accesslist-name {
	background-position: 4px -1352px;
}

.media-name {
	background-position: 5px -1107px;
}

.category-name {
	background-position: 1px -981px;
}

.certificate-name {
	background-position: 3px -860px;
}

.user-email-name a {
	font-weight: normal;
	padding-top: 0 !important;
	color: #444;
}

.home-name {
	background-position: 4px -5130px;
}

.results-name {
	background-position: 3px -5206px;
}

.certificate-name {
	background-position: 3px -860px;
}

.icon-calendar {
	background-position: 0 -5323px;
	height: 15px;
}

.icon-calendar-green {
	background-position: 0 -5449px;
	height: 15px;
}

.link-captured-details {
	margin-left: 37px;
}

.link-captured-details .more-toggle.closed {
	margin-top: -4px;
}

.write-video {
	background-image: url("../../img3/icons-sprite.png");
	background-repeat: no-repeat;
}

a.write-video {
	/*TW*/
	background-position: 0 -4306px;
	padding-left: 25px;
}

.qbox {
	margin: 25px 0 12px 0;
	padding: 10px 11px 10px 13px;
	background-color: #F7F7F7;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

.qbox.takingtest {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

.qbox h4 {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

.clearheight {
	clear: both;
	height: 15px;
	width: auto;
}

.clearheight5 {
	clear: both;
	height: 5px;
	width: auto;
}

.clearheight10 {
	clear: both;
	height: 10px;
	width: auto;
}

.clearheight20 {
	clear: both;
	height: 20px;
	width: auto;
}

.clearheight30 {
	clear: both;
	height: 30px;
	width: auto;
}

.clearheight40 {
	clear: both;
	height: 40px;
	width: auto;
}

.clearheight60 {
	clear: both;
	height: 60px;
	width: auto;
}

.clearheight100 {
	clear: both;
	height: 100px;
	width: auto;
}

.cleargrad {
	clear: both;
	height: 15px;
	width: auto;
}

.awards-logo {
	width: 130px;
	float: left;
	margin: 10px 0 10px;
}

.try-settings {
	font-weight: bold;
	color: #ef4926;
}

.tour-give {
	font-weight: bold;
	width: 60px;
	display: inline-block;
}

hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0;
	border: none;
}

hr.dark {
	background: #5d5d5b;
	color: #5d5d5b;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0 0 20px 0;
	border: none;
}

hr.gray {
	background: #bdbcc1;
	color: #bdbcc1;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0 0 15px 0;
	border: none;
}

.dotted {
	color: #fff;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 5px 0 10px 0;
	padding: 0;
	border-bottom: 1px dotted #d2d2d2;
}

.solid {
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 5px 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.f-left {
	float: left;
}

.f-right {
	float: right;
}

.floatl {
	float: left;
}

.floatr {
	float: right;
}

.padtop {
	padding-top: 15px;
}

.padleft {
	padding-left: 15px;
}

.padright {
	padding-right: 15px;
}

.padbottom {
	padding-bottom: 15px;
}

.linktous {
	background: #FFF;
	width: 90%;
	border: 1px solid #C7C7C7;
	margin: 20px 20px 15px 0;
	padding: 20px 10px;
	font-size: 14px;
}

.col600 {
	margin-left: 20px;
}

.explain {
	font-size: 13px;
	color: #6f6f6f;
	line-height: 20px;
}

.margleft {
	margin-left: 15px !important;
}

span.wonderBtn {
	border-radius: 4px;
	position: relative;
	margin: 0 3px 0 0;
	white-space: nowrap;
	display: inline;
	padding: 6px;
	border: 1px solid #d0d0d0;
	/*background: #E6E6E6;*/
	background: #fff;
	font-size: 14px;
}

span.wonderBtn a {
	color: #555;
	text-decoration: none;
	padding: 8px 0;
}

span.wonderBtn.selected {
	background: none repeat scroll 0 0 #0896E6;
	border-color: #045989;
	color: white;
}

span.wonderBtn.selected a {
	color: white;
}

span.wonderBtn:hover {
	background: none repeat scroll 0 0 #0896E6;
	border-color: #045989;
}

span.wonderBtn:hover a {
	color: white;
}

.code_buttons span.wonderBtn {
	margin-right: 20px;
}

.tooltip {
	background-position: 0 -3550px;
	color: #000000;
	cursor: help;
	display: inline-block;
	outline: medium none;
	position: relative;
	text-decoration: none;
	text-indent: -999em;
	width: 20px;
}

.tooltip.tooltiptextlevel {
	/* TW: keep icon at text middle */
	background-position: 0 -3549px;
}

.tooltip.alert {
	background-position: 0 -4130px;
}

.tooltip span {
	margin-left: -999em;
	position: absolute;
	text-indent: 0;
}

.tooltip:hover span {
	border-radius: 3px 3px 3px 3px;
	box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	left: 1em;
	margin-left: 0;
	position: absolute;
	right: 4px;
	top: 16px;
	width: 160px;
	z-index: 99;
}

.tooltip:hover span.tooltip-to-left {
	margin-left: -195px;
}

/* Grid Complement */
.col-span-05,
.col-span-1,
.col-span-15,
.col-span-2,
.col-span-25,
.col-span-3,
.col-span-35,
.col-span-4,
.col-span-45,
.col-span-5,
.col-span-6,
.col-span-65,
.col-span-7,
.col-span-75,
.col-span-8,
.col-span-85,
.col-span-9 {
	float: left;
	line-height: 1;
	margin-right: 0;
	position: relative;
	word-wrap: break-word;
}

.col-span-05 {
	width: 5%;
}

.col-span-1 {
	width: 10%;
}

.col-span-15 {
	width: 15%;
}

.col-span-2 {
	width: 20%;
}

.col-span-25 {
	width: 25%;
}

.col-span-3 {
	width: 30%;
}

.col-span-35 {
	width: 35%;
}

.col-span-4 {
	width: 40%;
}

.col-span-45 {
	width: 45%;
}

.col-span-5 {
	width: 50%;
}

.col-span-6 {
	width: 60%;
}

.col-span-65 {
	width: 65%;
}

.col-span-7 {
	width: 70%;
}

.col-span-75 {
	width: 75%;
}

.col-span-8 {
	width: 80%;
}

.col-span-85 {
	width: 85%;
}

.col-span-9 {
	width: 90%;
}

.col-span-10 {
	width: 100%;
}

.col-span-1.margin,
.col-span-2.margin,
.col-span-3.margin,
.col-span-4.margin,
.col-span-45.margin,
.col-span-5.margin,
.col-span-6.margin,
.col-span-7.margin,
.col-span-8.margin,
.col-span-9.margin {
	margin-right: 2%;
	float: left;
	position: relative;
	word-wrap: break-word;
}

.col-span-1.margin {
	width: 8%;
}

.col-span-2.margin {
	width: 18%;
}

.col-span-3.margin {
	width: 28%;
}

.col-span-4.margin {
	width: 38%;
}

.col-span-5.margin {
	width: 48%;
}

.col-span-6.margin {
	width: 58%;
}

.col-span-7.margin {
	width: 68%;
}

.col-span-8.margin {
	width: 78%;
}

.col-span-9.margin {
	width: 88%;
}

.col-btns {
	text-align: right;
	font-size: 12px;
}

.namepad {
	padding: 2px 36px;
}

.name {
	display: block;
	font-size: 14px;
	line-height: 1;
	min-height: 2px;
	/*twie87fix*/
	margin-bottom: 30px;
	padding: 8px 36px;
}

.name+.name {
	margin-top: -25px;
}

.name+.user-email-name {
	margin: -35px 0 30px 3px;
	font-size: 12px;
}

.name+.all-user-results-name {
	margin: -35px 0 20px 3px;
	font-size: 12px;
	font-weight: normal;
	color: #FF462A;
}

.name+.normal-text-name {
	margin: -35px 0 20px 3px;
	font-size: 12px;
	font-weight: normal;
}

.name+.editname {
	margin: -30px 0 30px 36px;
	font-size: 12px;
}

.name+.assignselect {
	margin: 10px 0 0 36px;
}

/* Manual */
#manualIndexContainer_ForJS {
	width: 958px;
}

.manual-col {
	width: 302px;
	float: left;
	margin-right: 26px;
}

.manual-col.last {
	margin-right: 0 !important;
}

.manualIndex {
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #cbcbcb;
	background-color: #f7f7f7;
	margin-bottom: 15px;
	padding: 15px;
}

.manualIndex h4 {
	padding-bottom: 5px;
	font-size: 1.4em;
	margin-bottom: 7px;
}

.manualIndex h4.create {
	background: url(../../img3/home/icon-create.png) left no-repeat;
	padding: 2px 0 0 17px;
}

.manualIndex h4.assign {
	background: url(../../img3/home/icon-assign.png) left no-repeat;
	padding: 2px 0 0 17px;
}

.manualIndex h4.results {
	background: url(../../img3/home/icon-results.png) left no-repeat;
	padding: 2px 0 0 23px;
}

.manualIndex h4.account {
	background: url(../../img3/home/icon-account.png) left no-repeat;
	padding: 2px 0 0 20px;
}

.manualIndex a {
	display: block;
	clear: both;
	font-size: 13px !important;
	line-height: 20px;
}

.manualIndex .sub-header {
	color: #444444 !important;
	font-weight: bold !important;
	font-size: 13px !important;
	margin: 15px 0 5px 0 !important;
	line-height: 15px !important;
}

.selectManualLink {
	color: #444444;
}

.selectManualLink:hover {
	text-decoration: none;
}

.manualContent h4 {
	padding-top: 35px;
	font-size: 2em;
	margin-bottom: 10px;
}

.manualContent h4:not(:first-child) {
	border-top: dashed 1px #606060;
	margin-top: 65px;
}

.manualContent {
	font-size: 14px;
}

.manualContent ol {
	list-style: upper-alpha outside none;
	list-style: decimal;
	margin-left: 22px;
}

.manualContent ul {
	margin: 0 0 15px 20px;
	line-height: 1.64;
}

.manualContent p {
	margin-bottom: 1em;
}




.manualContent .assign-tests-box {
	border: 1px solid #AAAAAA;
	padding: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.manualContent .assign-tests-box h4 {
	padding-top: 0;
	font-size: 1.7em;
	margin-bottom: 10px;
}

.manualContent .assign-tests-box .box-content {
	padding-left: 32px;
}

.manualContent ul.usermanualredbullet {
	list-style: none;
}

.manualContent ul.usermanualredbullet li::before {
	content: "\2022";
	color: #FF462A;
	font-weight: bold;
	display: inline-block;
	/* Needed to add space between the bullet and the text */
	width: 1em;
	/* Also needed for space (tweak if needed) */
	margin-left: -1em;
	/* Also needed for space (tweak if needed) */
}





.back-to-top {
	clear: both;
	float: right;
	margin-right: 10px;
}

.back-to-top a {
	font-size: 12px;
	color: #797575;
}

/* crumbtrail list */




ul#crumbtrail {
	float: left;
	width: 640px;
	list-style: none;
	margin: 40px 0 20px 0;
	padding: 0;
	clear: both;
	font-size: 13px;
	color: #242424;
}

ul#crumbtrail li {
	line-height: 1.8em;
	float: left;
	padding: 0 7px 0 0;
}

#help-promo-1-switcher {
	background-color: #ffffff;
	width: 252px;
	border: 1px solid #AAAAAA;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
}

#help-promo-1 {
	width: 958px;
	height: 56px;

}

#help-promo-1 h1 {
	margin: 50px 0 0 0;
	font-size: 38px
}

/* end manual */

/* Faq */
.faq-content-area {
	font-size: 14px;
}

.faq-text {
	margin-left: 15px;
}

#faq-nav {
	float: left;
	font-size: 14px;
}

#faq-nav ul {
	list-style-type: none;
	width: 140px;
}

#faq-nav li.off {

	margin: 0;
}

#faq-nav li.on a {
	border-left: 1px solid #d0d2d2;
	border-top: 1px dashed #d0d2d2;
	background: #F7F9F8;
}

#faq-nav li a {
	display: block;
	padding: 14px 10px;
	text-decoration: none;
	margin: 0;
	border-left: 1px solid #fff;
	border-top: 1px dashed #d0d2d2;
	color: #4d4d4d;
	font-weight: bold;
}

/*
 #links li a {   make hover effect work in IE
	width: 200px; background: #DADADA;
}
*/
#faq-nav li a:hover {
	background: #F7F9F8;
	border-left: 1px solid #d0d2d2;
	border-top: 1px dashed #d0d2d2;
}

.faq-content-area {
	float: left;
	width: 100%;
	max-width: 810px;
	border: 1px solid #d0d2d2;
	/*background:url(../../img/grad_inline.gif) bottom left repeat-x;*/
	margin: -15px 20px 10px 0;
	padding: 20px;
	min-height: 400px;
	border-radius: 5px;
}

.faqwide {
	width: 570px;
	min-height: 100px;
}

.faq-content-area p,
.faq-content-area .faq-text {
	max-width: 600px;
	margin-bottom: 15px;
}

.faq-content-area a {
	font-size: 14px !important;
}

.faq-content-area h4 {
	margin: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #d0d2d2;
	font-size: 1.4em;
}

.faq-content-area ul.help {
	color: #4d4d4d;
	clear: both;
	margin: 12px 0 12px 20px;
	list-style-type: disc;
}
.faq-content-area ul.help li {
	list-style-type: disc;
}

.faq-content-area ol.help {
	color: #4d4d4d;
	clear: both;
	margin: 12px 0 12px 20px;
	list-style-type: decimal;
}
.faq-content-area ol.help li{
	list-style-type: decimal;
}
.sub-header-p {
	margin-top: 20px;
	font-size: 13px !important;
}

.faq-content-area a.sub-header {
	color: #6D6D6D;
	padding: 0 5px 3px 2px;
	border-bottom: 1px dashed #d0d2d2;
	font-weight: normal;
	font-size: 14px !important;
}

.faq-content-area a.sub-header:hover {
	text-decoration: none;
	border-bottom: 1px solid #d0d2d2;
}

.faq-sub {
	margin: 10px 0 20px 10px;
	font-size: 13px !important;
}

.faq-sub-sub {
	border-bottom: 1px dotted #d0d2d2;
	padding: 10px 0 20px 10px;
	margin: 0 0 20px 10px;
	font-size: 14px !important;
}

.sub-sub-header-p {
	font-size: 14px !important;
}

#faq-search {
	margin: 10px 0 0 0;
}

#faq-search input[type="text"] {
	height: 25px !important;
	width: auto !important;
	float: none;
	-webkit-border-radius: 2px;
	border: 1px solid #d0d2d2;
	border-radius: 3px;
	font-size: 15px;
	color: #444444;
	background: #FFF;
	margin-bottom: 8px;
	padding: 2px 4px;
}


#faq-search h4 {
	float: left;
	margin: 0 40px 0 13px;
}

#faq-search h4 label {
	font-size: 15px !important;
}

.faq-pipe {
	border-left: 1px #9e9c9c solid;
	margin: 0 4px 0 10px;
}

/* end Faq */

/* Start JQM window  NOTE: Same as in standard admin cm.css */
.close span,
.jqmClose span,
a.closeTable span {
	display: none;
}

a.close,
a.closeTable {
	display: block;
	float: right;
	height: 16px;
	width: 16px;
	background: url(../../img/close.gif) top right no-repeat;
}

a:hover.close {
	background: url(../../img/close_hover.gif) top right no-repeat;
}

.jqmWindow h5 {
	color: #4d4d4d;
	font-size: 1.125em;
	margin: 0 0 10px 0;
	max-width: 450px;
}

.jqmWindow {
	display: none;
	position: fixed;
	top: 7%;
	left: 50%;
	margin-left: -300px;
	width: 500px;
	background-color: #fff;
	padding: 25px;
	-moz-background-clip: padding;
	/* Firefox 3.6 */
	-webkit-background-clip: padding;
	/* Safari 4? Chrome 6? */
	background-clip: padding-box;
	/* Firefox 4, Safari 5, Opera 10, IE 9 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 10px 10px 23px rgba(0, 0, 0, 0.42);
	-webkit-box-shadow: 10px 10px 23px rgba(0, 0, 0, .42);
	box-shadow: 10px 10px 23px 0 rgba(0, 0, 0, 0.42);
}

.jqmWindowWide {
	display: none;
	background-color: #fff;
	padding: 25px;
	-moz-background-clip: padding;
	/* Firefox 3.6 */
	-webkit-background-clip: padding;
	/* Safari 4? Chrome 6? */
	background-clip: padding-box;
	/* Firefox 4, Safari 5, Opera 10, IE 9 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 10px 10px 23px rgba(0, 0, 0, 0.42);
	-webkit-box-shadow: 10px 10px 23px rgba(0, 0, 0, .42);
	box-shadow: 10px 10px 23px 0 rgba(0, 0, 0, 0.42);
	position: absolute;
	float: left;
	left: 50%;
	top: 50%;
	width: 80%;
	max-width: 700px;
	transform: translate(-50%, -50%);
}

.jqmOverlay {
	background-color: #8b8b8b;
	opacity: 0.3;
}

/* Fixed positioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* End JQM window */
/* Start Tipsy NOTE: Same as in standard admin cm.css */
.tipsy {
	font-size: 13px;
	position: absolute;
	padding: 5px;
	z-index: 100000;
}

.tipsy-inner {
	border: 1px solid #000;
	background-color: #F7F7F7;
	color: #222;
	max-width: 200px;
	padding: 10px;
	text-align: left;
	line-height: 1.2em;
}

/*padding: 5px 8px 4px 8px*/

/* Rounded corners */
.tipsy-inner {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* Shadow */
.tipsy-inner {
	box-shadow: 10px 10px 5px #545454;
	-webkit-box-shadow: 10px 10px 5px #545454;
	-moz-box-shadow: 10px 10px 5px #545454;
}

.tipsy-arrow {
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	border: 5px dashed #000;
}

/* Rules to colour arrows */
.tipsy-arrow-n {
	border-bottom-color: #000;
}

.tipsy-arrow-s {
	border-top-color: #000;
}

.tipsy-arrow-e {
	border-left-color: #000;
}

.tipsy-arrow-w {
	border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
	top: 0;
	right: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
	right: 0;
	top: 50%;
	margin-top: -5px;
	border-left-style: solid;
	border-right: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
	left: 0;
	top: 50%;
	margin-top: -5px;
	border-right-style: solid;
	border-left: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

/* End tipsy */

/* Results layover */
.darken-table-bg-on-layover {
	background-color: #efefef;
}

.result-overlay-content {
	width: 700px;
	margin: 20px;
}

.highlight-user-row-on-layover {
	background-color: #E0E0E0;
}

.print-classmarker-header h4 {
	margin: 5px 0 10px 0;
	width: 300px;
	height: 20px;
	background: url("../../img3/logo.gif") no-repeat scroll 20px 50% transparent;
	display: block;
}

.print-btns {
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-bottom: solid #444 1px;
}

.result-overlay {
	width: 740px;
	min-height: 700px;
	/*height: 100%;*/
	padding-bottom: 10px;
	position: absolute;
	top: 220px;
	right: -10px;
	background-color: #fff;
	border: solid 1px #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-moz-box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.35);
	box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.35);
	border-radius: 2px;
	z-index: 1000;
	display: none;
}

.graylink {
	color: #444;
}

.results-loading-gif {
	margin: 60px 130px 600px 20px;
	display: block;
}

.page-loading-div {
	margin-left: 40%;
	margin-top: 50px;
	margin-bottom: 50px;
	display: block;
	clear: both;
}

.result-overlay-navigation {
	margin: 30px 30px 30px 30px;
	clear: both;
	display: none;
}

.result-overlay-user-next {
	text-align: right;
}

.result-overlay-navigation .center-div,
.center-text {
	text-align: center;
}

/* End results Layover*/
/* Start Generic overlay */
.generic-overlay {
	width: 940px;
	min-height: 700px;
	/*height: 100%;*/
	padding-bottom: 10px;
	position: absolute;
	top: 220px;
	right: -10px;
	background-color: #fff;
	border: solid 1px #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-moz-box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.35);
	box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.35);
	border-radius: 2px;
	z-index: 1000;
	display: none;
	margin-bottom: 30px;
}

.generic-overlay-content {
	width: 900px;
	margin: 20px;
}

/* End Generic overlay */
/** END MAT CSS **/

/* start Btns */
.btn {
	background: none repeat scroll 0 0 #E8E8E8;
	border: none;
	border-radius: 3px;
	color: #515151;
	cursor: pointer;
	display: inline-block;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	outline: none;
	padding: 7px 13px;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	width: auto;
}

input[type="submit"]::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input.btn {
	line-height: normal !important;
}

.btn-width-next {
	min-width: 80px;
}

.btn-analytics {
	background: none repeat scroll 0 0 #0896E6;
	border-color: #045989;
	color: white;
	white-space: nowrap;
}

.btn.result-stats {
	min-width: 65px !important;
}

.btn-toggle-analytics {
	background-position: 0 -4875px;
	border-color: #045989;
	margin: 0 0 0 0;
	padding: 7px 0 5px 20px;
}

.btn-create,
.btn-assign {
	background: none repeat scroll 0 0 #FB3618;
	color: white;
}

.btn-rowhead {
	background: none repeat scroll 0 0 #0896E6;
	border-color: #045989;
	color: white;
}

.btn-results {
	background: none repeat scroll 0 0 #5DBB5D;
	border-color: #77a478;
	/*border-color: #316432;*/
	color: white;
}

.btn-noresults {
	background: none repeat scroll 0 0 #9ed09e;
	border-color: #8cac7a;
	color: white;
}

.btn-preview {
	background: none repeat scroll 0 0 #5DBB5D;
	border-color: #77a478;
	/*border-color: #316432;*/
	color: white;
}

.btn-fail {
	background: none repeat scroll 0 0 #FB3618;
	border-color: #7C1A0B;
	color: white;
}

.btn-grading {
	background: none repeat scroll 0 0 #ffd551;
	border-color: #a89839;
	/*border-color: #7c6f23;*/
	color: #444;
}

.btn.dropdown-toggle .caret {
	background: url("../../img3/icons-sprite.png") repeat scroll 0 -2653px transparent;
	background-position: 2px -2976px;
	padding: 0 4px;
}

.wysiwyg+.btn {
	margin-top: -20px;
}

.btn-add-wysiwyg,
#show_selected_letters {
	background: url("../../img3/icons-sprite.png") no-repeat scroll 10px -1709px #F6F6F6;
	border: 1px solid #AAAAAA;
	color: #444444;
	display: block;
	margin: 10px 0;
	padding: 20px 0 20px 40px;
	text-shadow: none;
	width: 510px;
	font-size: 18px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.btn-add-wysiwyg:hover {
	color: #FB3618 !important;
}

.btn a:hover {
	color: #444444;
}

.btn:hover,
.btn-edit:hover,
.btn-cancel:hover,
.btn-delete:hover,
btn-grading:hover {
	color: #444444;
}

.btn-create:hover,
.btn-assign:hover,
.btn-results:hover,
.btn-noresults:hover,
.btn-preview:hover,
.btn-analytics:hover,
.btn-fail:hover,
.btn-rowhead:hover {
	color: white;
}

.btn-create .caret {
	background-position: 0 -2761px;
	padding: 0 4px;
}

.menu .caret {
	background-position: 0 -2761px;
	padding: 0 4px;
}

.btn-actions .caret {
	background-position: -2px -2705px;
	padding: 0 4px;
}

.btn-white {
	background-color: white !important;
}

/*
.btn.dropdown-toggle .caret {
    background-position: 0 -2978px;
    padding: 0 4px;
}
*/
.btn-assign.alt-a {
	background-color: transparent;
	background-position: 7px -1724px;
	border: medium none;
	color: #FF462A;
	padding-left: 34px;
	text-shadow: none;
	font-weight: normal;
}

/* end Btns */


/* Start manual API */
.liftBox {
	border: 1px solid #d0d2d2;
	background-color: #fff;
	margin: 10px 0 10px 0;
	padding: 15px 10px 3px 10px;
	-moz-box-shadow: 3px 3px 3px 0 #c6c6c6;
	-webkit-box-shadow: 3px 3px 3px 0 #c6c6c6;
}

.api-link-box-container {
	width: 443px;
	float: left;
	margin-right: 24px;
}

.api-link-box-container2 {
	width: 300px;
	float: left;
	margin-right: 18px;
}

.api-link-box-container.last,
.api-link-box-container2.last {
	margin-right: 0 !important;
}

.api-link-box {
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #cbcbcb;
	background-color: #f7f7f7;
	margin-bottom: 15px;
	padding: 15px;
}

.api-content {
	font-size: 13px;
	color: #3c3c3c;
}

.manualItem {
	margin: 35px 0 65px 0;
}

.api-content p {
	color: #3c3c3c;
	font-size: 13px;
	margin-bottom: 20px;
	max-width: 860px
}

.api-content p.section-title {
	color: #000;
	font-size: 1.8em;
	margin-bottom: 3px;
}

.api-content h1 {
	font-size: 37px;
}

.api-content h3 {
	border-bottom: 1px solid #848484;
	margin-bottom: 10px;
	font-size: 2.7em;
	padding-bottom: 10px;
	color: #fc4700;
}

.api-content h4 {
	font-size: 1.25em;
	margin: 15px 0 7px;
}

.api-content h4.active {
	color: #fc4700;
}

.api-content h4.underline {
	border-bottom: solid #ccc 1px;
	padding-bottom: 6px;
}

.manualTable {
	border-collapse: collapse;
	margin: 15px 0 15px 0;
}

/*width:914px;*/
.manualTable td {
	display: table-cell;
	vertical-align: top;
	border: 1px solid #d0d2d2;
}

.mtColHeader {
	color: #3c3c3c;
	padding: 10px;
	width: 215px;
	font-weight: bold;
}

.mtColContent {
	color: #3c3c3c;
	padding: 10px;
	width: 755px;
	background-color: #fafafa;
}

.mtColContentHeader {
	color: #000000;
	background-color: #e8e9ed;
}

.mtColContentAlert {
	color: #000000;
	background-color: #fddbdb;
}

.mtColContentGoto {
	color: #000000;
	background-color: #fff;
}

.manualItem a.anchor {
	color: #3c3c3c;
	border-bottom: 1px dotted #4d4d4d;
}

.manualItem a:hover.anchor {
	color: #3c3c3c;
	border-bottom: 1px solid #3c3c3c;
	text-decoration: none;
}

.manualItem a.mantop {
	color: #3c3c3c;
	font-size: .9em;
}

.mtColContentAlert a.anchor {
	color: #000000;
	border-bottom: 1px dotted #000000;
}

.mtColContentAlert a:hover.anchor {
	color: #000000;
	border-bottom: 1px solid #000000;
	text-decoration: none;
}

.mtColContentAlert a.mantop {
	color: #000000;
	font-size: .9em;
}

.api-link-box h4 {
	margin: 1px 0 7px;
}

ul.manual {
	color: #3c3c3c;
	clear: both;
	margin: 10px 0 0 18px;
	padding: 0;
	list-style-type: disc;
	font-size: 13px;
	max-width: 800px
}

ol.manual {
	color: #3c3c3c;
	clear: both;
	margin: 10px 0 5px 23px;
	padding: 0;
	font-size: 13px;
	max-width: 800px
}

ul.manual li,
ol.manual li {
	margin: 0;
	padding: 0 0 5px 0;
}

.param {
	color: blue;
}

.codebox {
	border: 1px solid #d0d2d2;
	margin: 10px 0 10px 0;
	padding: 10px 0;
	background-color: #f0f0f0;
	font-size: 12px;
	overflow: auto;
}

.api-image {
	text-align: center;
	margin: 20px 0;
}

.codebox h4.link {
	background: url("../../img3/api/link_icon.png") no-repeat 12px 3px;
}

.codebox h4.xml {
	background: url("../../img3/api/xml_icon.png") no-repeat 11px 3px;
}

.codebox h4.json {
	background: url("../../img3/api/json_icon.png") no-repeat 13px 3px;
}

.codebox a.showcont,
.codebox h4,
.codebox div {
	padding-left: 40px;
	margin-top: 2px;
}

.codebox .codesample {
	margin-top: 15px;
	border-top: 1px solid #d0d2d2;
	padding-top: 20px;
}

.cmcode-box {
	background: #ffffff;
	overflow: auto;
	width: auto;
	border: solid gray;
	border-width: .1em .1em .1em .8em;
	padding: .6em;
	margin: 15px 0;
	clear: both;
}

.cmcode-box pre {
	margin: 0;
	line-height: 125%;
}

.cmcode-brackets {
	color: #000000;
	font-weight: bold;
}

.cmcode-names {
	color: #204a87;
	font-weight: bold;
}

.cmcode-value-str {
	color: #4e9a06;
}

.cmcode-value-num {
	color: #0000cf;
	font-weight: bold;
}

.cmcode-value-bool {
	color: #204a87;
	font-weight: bold;
}

.cmcode-stop-words {
	color: #204a87;
	font-weight: bold;
}

.cmcode-operator {
	color: #ce5c00;
	font-weight: bold;
}

.cmcode-phptags {
	color: #8f5902;
	font-style: italic;
}

.cmcode-function {
	color: #204a87;
}

.cmcode-variable {
	color: #000000;
}

.cmcode-dev-notes {
	color: #676767;
}

/*END manual API */


/* START CSS for test settings demo page */
.editor {
	line-height: 1.8;
}

#settings-box-container {
	color: #242424;
	margin-bottom: 65px;
	max-width: 618px;
}

#settings-box-container p {
	font-size: 13px;
	width: inherit;
}

#settings-box-container ol {
	/*list-style: upper-alpha outside none;*/
	list-style: decimal;
	margin-left: 22px;
}

#settings-box-container h4 {
	font-size: 1.25em;
	margin: 0;
	padding: 0 0 12px 0;
	font-weight: bold;
}

#settings-box-container h3 {
	background: none !important;
}

#settings-box-container .form-field-title {
	display: inline-block;
	float: left;
	margin-top: 3px;
	margin-right: 10px;
	text-align: right;
	width: 129px;
	/* TW: 113 */
	padding-top: 0;
}

#settings-box-container .form-field-title.assign {
	width: 200px !important;
}

#settings-box-container .form-field-title.not-input {
	/* TW align text with text */
	margin-top: 0 !important;
	/*margin-bottom: 4px !important;*/
}

#settings-box-container .form-text-value {
	display: inline-block;
	margin-top: 3px;
}

#settings-box-container input[type="text"],
textarea {
	border: 1px solid #AAAAAA;
	border-radius: 3px 3px 3px 3px;
	margin-bottom: 8px;
	margin-left: 0;
	padding: 4px;
}

#settings-box-container .accordion-toggle.open>.caret {
	background: url("../../img3/icons-sprite.png") repeat scroll 0 -3983px transparent;
}

#settings-box-container .accordion-toggle.closed>.caret {
	background: url("../../img3/icons-sprite.png") repeat scroll 0 -2653px transparent;
}


#settings-box-container .settings-box .caret:before {
	display: block;
	width: 16px;
	height: 16px;
	content: "";
	background-image: url("../../img3/icons-sprite.png?v=1");
	/* update icon sprite image to attached */
	position: absolute;
	right: 22px;
}

#settings-box-container .settings-box .setting-availability .caret:before {
	background-position: -2px -5322px;
}

#settings-box-container .settings-box .setting-attempts .caret:before {
	background-position: -2px -6176px;
}

#settings-box-container .settings-box .setting-restrict .caret:before {
	background-position: -4px -6397px;
}

#settings-box-container .settings-box .setting-advanced .caret:before {
	background-position: -4px -6309px;
}

#settings-box-container .settings-box .setting-user-info .caret:before {
	background-position: -4px -6263px;
}

#settings-box-container .settings-box .setting-custom-info .caret:before {
	background-position: -4px -6537px;
}

#settings-box-container .settings-box .setting-instructions .caret:before {
	background-position: -2px -5677px;
}

#settings-box-container .settings-box .setting-time-limit .caret:before {
	background-position: -2px -5725px;
}

#settings-box-container .settings-box .setting-save-results .caret:before {
	background-position: -4px -6352px;
}

#settings-box-container .settings-box .setting-resume-later .caret:before {
	background-position: -2px -5780px;
}

#settings-box-container .settings-box .setting-theme .caret:before {
	background-position: -3px -6495px;
}

#settings-box-container .settings-box .setting-questions-per-page .caret:before {
	background-position: -2px -5896px;
}

#settings-box-container .settings-box .setting-payments-icon .caret:before {
	background-position: -4px -6591px;
}

#settings-box-container .settings-box .setting-random .caret:before {
	background-position: -4px -6216px;
}

#settings-box-container .settings-box .setting-answers .caret:before {
	background-position: -3px -6136px;
}

#settings-box-container .settings-box .setting-results-page .caret:before {
	background-position: -2px -5947px;
}

#settings-box-container .settings-box .setting-passmark .caret:before {
	background-position: -2px -5836px;
}

#settings-box-container .settings-box .setting-return-link .caret:before {
	background-position: -3px -6443px;
}

#settings-box-container .settings-box .setting-certificate .caret:before {
	background-position: -3px -6057px;
}

#settings-box-container .settings-box .setting-email .caret:before {
	background-position: -3px -6000px;
}

#settings-box-container .settings-box .setting-print .caret:before {
	background-position: -3px -6095px;
}

.assign-settings-container .extra-info-question-container {
	margin-bottom: 60px;
}

.assign-settings-container .extra-info-answer-container {
	min-height: 200px;
}

.assign-settings-container .extra-info-answer-container .extra-info-answer-links a {
	font-size: 12px;
	color: #444444;
	text-decoration: underline;
}

.assign-settings-container .extra-info-answer-container .extra-info-answer-links a.active {
	text-decoration: none;
	font-weight: bold;
}

.assign-settings-container .extra-info-answer-container .extra-info-answer-links {
	margin-bottom: 10px;
	width: 262px;
	border: 1px solid #aaa;
	border-radius: 3px;
	padding: 7px;
	background: #f7f7f7;
}

#settings-box-container .settings-box h3 {
	float: left;
	font-size: 13px;
	margin-top: 0 !important;
	text-align: left;
	width: 108px;
}

#settings-box-container .settings-box .accordion-toggle {
	border-radius: 5px;
	padding: 14px 16px 14px;
	font-size: 13px;
}

#settings-box-container .settings-box .accordion-fold {
	background: none repeat scroll 0 0 white;
	border-top: 1px solid #AAAAAA;
	border-radius: 0 0 5px 5px;
	padding-top: 27px;
	display: none;
	font-size: 14px;
	width: 100%;
}

#settings-box-container .settings-box .accordion-fold input[type=text],
#settings-box-container .settings-box .accordion-fold input[type=password],
#settings-box-container .settings-box .accordion-fold select {
	padding: 8px;
	box-sizing: border-box;
}


#settings-box-container .settings-box {
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	margin-bottom: 10px;
	/*min-width: 550px;tw*/
}

#settings-box-container .accordion-toggle:hover {
	cursor: pointer;
	background: none repeat scroll 0 0 #E4F1FB;
}

#settings-box-container .accordion-toggle.open {
	background-position: 102.5% -3962px;
	background: none repeat scroll 0 0 #E4F1FB;
	border-radius: 5px 5px 0 0;
}

#settings-box-container .accordion-toggle.closed {
	background-position: 102.5% -2632px;
}

#settings-box-container .table .row.accordion-toggle.closed .col-btns {
	display: none;
}

#settings-box-container .accordion-toggle,
.row.test-question {
	background: none repeat scroll 0 0 #F7F7F7;
	position: relative;
}

#settings-box-container .accordion-toggle>.caret {
	margin-top: -7px;
	padding: 0 6px;
	position: absolute;
	right: 6px;
	top: 50%;
}

#settings-box-container .table .row.accordion-toggle:hover {
	background: none repeat scroll 0 0 #E4F1FB;
}

#settings-box-container .accordion-toggle.mini {
	background-color: transparent;
	background-position: 0 0;
	display: block;
	margin: 10px 0;
}

#settings-box-container .accordion-toggle.mini.open .caret,
.accordion-toggle.mini.closed .caret {
	display: inline;
	position: static;
}

#settings-box-container .field-group {
	margin-bottom: 20px;
	padding-right: 5px;
}

#settings-box-container .field-group.leftpad {
	padding-left: 20px;
}

#settings-box-container .tab {
	margin: 5px 0 0 139px !important;
}

#settings-box-container .tab-auto-cats {
	margin-left: 40px !important;
}

#settings-box-container .subTab {
	margin-left: 148px !important;
}

.sub-checkbox {
	margin-left: 20px !important;
}

#settings-box-container .r-tab {
	display: inline-block;
	margin-bottom: 3px;
	margin-right: 3px;
	text-align: left;
	width: 90px;
}

#settings-box-container .tooltip {
	background-position: 0 -3550px;
	color: #000000;
	cursor: help;
	display: inline-block;
	outline: medium none;
	position: relative;
	text-decoration: none;
	text-indent: -999em;
	width: 20px;
	background-image: url("../../img3/icons-sprite.png");
	background-repeat: no-repeat;
}

#settings-box-container .tooltip.tooltiptextlevel {
	/* TW: keep icon at text middle */
	background-position: 0 -3549px;
}

#settings-box-container .tooltip.alert {
	background-position: 0 -4130px;
}

#settings-box-container .tooltip span {
	margin-left: -999em;
	position: absolute;
	text-indent: 0;
}

#settings-box-container .tooltip:hover span {
	border-radius: 3px 3px 3px 3px;
	box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	left: 1em;
	margin-left: 0;
	position: absolute;
	right: 4px;
	top: 16px;
	width: 160px;
	z-index: 99;
}

#settings-box-container .tooltip:hover span.tooltip-to-left {
	margin-left: -195px;
}

#settings-box-container fieldset {
	border: none;
}

#settings-box-container hr {
	background: none repeat scroll 0 0 #AAAAAA;
	border: medium none;
	height: 1px;
	margin-bottom: 20px;
}

#settings-box-container label {
	padding-left: 3px;
}

.margleft40 {
	margin-left: 40px;
}

.instmarg1 {
	margin: 0 0 20px 60px;
}

.settings-box .settings-flag {
	color: #c4c4c4;
}

/* END CSS for test settings demo page */

/* START : Pricing */


.pricing-section-heading {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: #000;
}

h2.pricing-section-heading-horizontal {
	font-size: 28px;
	font-weight: bold;
	margin: 40px 10px 0 10px;
	color: #000;
}

.pricing-section-sub-heading {
	display: block;
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
	color: #000;
}

.pricing-section-sub-heading-horizontal {
	display: block;
	font-size: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #000;
}

.pricing-list {
	display: table;
	width: 906px;
	list-style: none;
	margin: 0 auto 5px auto !important;
}

.pricing-list.horizontal {
	display: table;
	width: 906px;
	list-style: none;
	margin: 1px 0 !important;
}


.pricing-item {
	float: left;
	width: 280px;
	padding: 0 11px;
}

.pricing-item.horizontal {
	float: left;
	width: 280px;
	padding: 0 1px !important;
	line-height: 1.8;
}

.pricing-plan {
	text-align: center;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	padding-bottom: 10px;
	-moz-box-shadow: 3px 3px 3px 0 #c6c6c6;
	-webkit-box-shadow: 3px 3px 3px 0 #c6c6c6;
}

.pricing-plan-horizontal {
	text-align: center;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	padding-bottom: 10px;
	border-radius: 3px;
	min-height: 318px;
}

.pricing-plan-title {
	margin: 1px !important;
	padding-top: 10px;
	height: 30px;
	font-size: 22px !important;
	color: #fff !important;
	background: #f94100 url(../../img3/home/pricing-bg.png) repeat-x;
	border-radius: 3px;
}

.pricing-plan-title-b.horizontal {
	margin: 1px !important;
	padding-top: 10px;
	height: 30px;
	font-size: 17px !important;
	color: #fff !important;
	background: #f94100 url(../../img3/home/pricing-bg.png) repeat-x;
	border-radius: 3px;
}

.pricing-plan-content {
	padding: 0 20px;
}

.pricing-plan-content-horizontal {
	padding: 0 10px;
	height: 78px;
	display: block;
}

.pricing-plan-content-horizontal-loggedin {
	padding: 0 20px;
	height: 125px;
	display: block;
}

.pricing-plan-content-horizontal-loggedin a {
	font-size: 13px !important;
}

.pricing-plan-content-horizontal-loggedin.price-payg {
	height: 95px;
}

.pricing-plan-price {
	color: #000;
	font-size: 45px;
	line-height: 1;
	margin-top: 13px;
}

.pricing-plan-price.horizontal {
	font-size: 20px;
	margin-top: 28px;
}

.pricing-plan-discount {
	margin-top: 10px;
	font-family: arial;
	font-size: 15px !important;
}

.pricing-plan-price-details {
	font-weight: normal;
	font-size: 20px;
	display: block;
	color: #545454;
}

.pricing-plan-feature-list {
	list-style: none;
	margin: 0 auto 30px auto;
	font-family: arial;
	font-size: 15px;
}

.pricing-plan-feature-list.horizontal {
	margin: 28px auto !important;
}

.pricing-plan-register {
	display: block;
	margin: 25px 0;
	color: #FF462A;
}

.btn-plan {
	font-size: 13px;
	width: 150px;
	display: block;
	margin: 0 auto 10px;
}

.pricing-plan-content-horizontal-loggedin .btn-plan {
	margin: 0 auto 2px !important;
}

.btn-height-match {
	clear: both;
	height: 60px;
	width: auto;
}

.btn-pack {
	font-size: 13px;
	bottom: 0;
	left: 0;
	right: 0;
	width: 82px;
}

.pricing-credit-list {
	width: 1014px !important;
	margin-left: 0 !important;
}

.credit-pack-item {
	float: left;
	width: 139px;
	padding: 0 1px;
}

.credit-pack-details-features {
	font-weight: bold;
}

.credit-pack {
	text-align: center;
	border: 1px solid #cbcbcb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #fff;
	border-radius: 4px;
	padding-bottom: 5px;
	min-height: 254px;
}

.credit-pack-title {
	margin: 1px !important;
	padding-top: 10px;
	height: 30px;
	font-size: 15px !important;
	color: #fff !important;
	background: #f94100 url(../../img3/home/pricing-bg.png) repeat-x;
}

.credit-pack-price {
	font-size: 23px;
	line-height: 1.0;
	margin-top: 10px;
	color: #000;
}

.credit-pack-details {
	width: 80%;
	margin: 5px auto;
}

.inc-gst {
	font-size: 13px;
	display: block;
	font-weight: normal;
	margin-bottom: 10px;
}

.inc-gst-horizontal {
	font-size: 13px;
	display: block;
	font-weight: normal;
}

img.how-credits-work,
img.how-credits-work-small {
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

img.how-credits-work {
	display: block;
}

img.how-credits-work-small {
	display: none;
}

/* end Pricing */

/* START : Pricing section selection */

.pricing-section-selection-container {
	width: 1014px;
	margin: 0 auto;
	padding-top: 37px;
}

.pricing-section-selection-container h1 {
	font-weight: bold;
	font-size: 30px;
	color: #000;
}

/* TODO : Change to list? */
.pricing-section-selection-container ul>li {
	display: inline-block;
	*display: inline;
	margin: 14px 0 7px 3px;
	font-size: 25px;
	font-weight: bold;
}

.pricing-section-selection-container .pricing-choice {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 260px;
	/* 260px + 60px(padding) = 320px */
	height: 154px;
	/* 154px + 66px(padding) = 220px */
	margin: 20px 20px 400px 0;
	/* TODO : using margin bottom to fill the page change this. */
	padding: 33px 30px;

	background-color: #fff;
	border: 1px solid #ccc;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-box-shadow: 5px 5px 8px 0 rgba(204, 204, 204, 1);
	-moz-box-shadow: 5px 5px 8px 0 rgba(204, 204, 204, 1);
	box-shadow: 5px 5px 8px 0 rgba(204, 204, 204, 1);
}

.pricing-section-selection-container .pricing-choice h3 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
}

.pricing-section-selection-container .pricing-choice p {
	font-family: arial;
	font-size: 15px;
	color: #000;
	margin-bottom: 20px;
}

.pricing-section-selection-container .pricing-choice a {
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0 0 0 0 #2e2e2e;
	box-shadow: 0 0 0 0 #2e2e2e;
	font-size: 18px;
}

/* END : Pricing section selection */

.faq-section {
	margin: 20px 0 0 10px;
}

.faq-section h3 {
	margin: 25px 0 25px 0 !important;
	font-size: 20px !important;
}

.faq-box {
	width: 305px;
	float: left;
	margin-right: 30px;
}

.faq-box p {
	clear: both;
	font-size: 13px;
	line-height: 1.61;
	margin-left: 2px;
}

.faq-box p a {
	color: #ef4926;
}




/*=========== RESPONSIVE STYLES ===========*/
.slicknav_menu {
	background: #26272b;
	overflow: hidden;
}

.slicknav_btn {
	float: right;
}

.slicknav_icon {
	display: inline-block;
	width: 41px;
	height: 40px;
	background: url(../../img3/home/nav-btn.png) no-repeat;
	/* slinky*/
	margin: 0;
	float: right;
}

.slicknav_menutxt {
	display: none;
}

.slicknav_nav li {
	padding-left: 20px;
	padding-top: 20px;
	line-height: 1;
	list-style: none;
	clear: both;
}

.slicknav_nav li:last-child {
	padding-bottom: 20px;
}

.slicknav_nav li a {
	color: #fff;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

.slicknav_nav li a:hover {
	text-decoration: underline;
}

.slicknav_menu {
	display: none;
}

.site-features img {
	margin-left: 35px;
}

.site-features img:first-child {
	margin-left: 15px;
}

#client-list {
	border-bottom: 3px solid #c6c6c6;
	padding: 18px 0 17px;
}

#client-list .col-full {
	width: 1020px;
}

#client-list .client-title {
	color: #4d4d4d;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 20px;
}

.client-images {
	float: left;
	width: 100%;
}

a.more-clients {
	float: right;
	text-decoration: none;
	font-size: 15px;
	margin-right: 25px;
	padding-top: 3px;
}

#client-list img {
	margin-left: 90px;
	margin-top: -44px;
}

#client-list {
	overflow: hidden;
}

#client-list .client-images img {
	margin: 0;
	padding: 0;
	text-decoration: none;
	float: left;
}

/*#client-list .client-list img:last-child {padding-right: 0;}*/



@media screen and (max-width: 1050px) {
	body .col-full {
		width: 99%;
		padding: 0 10px 0 10px;
	}

	.pricing-section-selection-container h1,
	.pricing-section-selection-container ul li,
	.pricing-section-selection-container .pricing-choice {
		margin-left: 10px;
	}

	.api-content {
		width: 100%;
		margin-left: 0;
	}

	.codebox {
		width: 93%;
	}

	.manualTable {
		width: 93%;
	}

	div#header div.h1 {
		margin-left: 10px;
	}

	.main2 {
		margin: 10px;
	}

	.mobile-margin {
		margin: 0 5px 0 5px;
	}

	form#contactus p {
		margin-left: 0;
	}
}

@media screen and (max-width: 1041px) {
	.faq-content-area {
		width: 70%;
	}
}

@media screen and (max-width: 1035px) {
	#client-list .client-images img {
		padding-bottom: 15px;
	}

	#client-list .client-3 {
		clear: left;
	}

	a.more-clients {
		float: none;
	}

	#client-list .client-images img {
		float: none;
	}

	#client-list .col-full {
		text-align: center;
		width: inherit;
	}

}

@media screen and (max-width: 1030px) {
	.pricing-section-selection-container {
		width: 100%;
	}
}

@media screen and (max-width: 1020px) {
	.interactive-settings {
		width: 70%;
	}
}

@media screen and (max-width: 1002px) {
	.statistic-box {
		margin-right: 25px;
		width: 275px;
	}
}

@media screen and (max-width: 1001px) {


	.homepage-content {
		text-align: center;
	}

	.homepage-content ul,
	.homepage-content ul {
		list-style: none;
	}

	.homepage-content .features-left,
	.homepage-content .features-right {
		width: 100%;
	}

	.homepage-content .features-right ul li {
		line-height: 1.7;
	}

	.join-box,
	.col-446,
	.col-476 {
		width: 100%;
	}

	a.more-clients {
		padding: 10px 0;
	}

	.col-446 p {
		margin-right: 25px;
	}

	.site-features img {
		margin: 0 0 0 10px;
	}

	.site-features img.security2 {
		margin: 0 0 0 50px;
	}

	.interactive-settings {
		clear: both;
		width: 100%;
		margin-top: 60px;
		margin-left: 0;
		padding-left: 0;
		background: gray;
	}

	.manualContent {
		padding-left: 10px;
	}

	.features-list {
		display: none;
		clear: both;
		margin-top: 10px;
	}

	.more-tour-link {
		display: inline-block;
	}

	.positives-box {
		width: 95%;
		margin-left: 10px;
		clear: both !important;
	}

	.contact-us-lh {
		clear: both;
		width: 90% !important;
	}

	.contact-us-rh {
		clear: both;
		width: 90% !important;
	}

	div.partners-box-right {
		width: 95%;
	}

	.join-box-btn {
		float: none;
		text-align: right;
		width: 20%;
	}

	.join-box-text {
		float: left;
		text-align: left;
		width: 70%;
	}
}

@media screen and (max-width: 997px) {

	ul.homelist,
	ol.homelist {
		margin-left: 10px;
	}

	ul.homelist li,
	ol.homelist li {
		margin-left: 20px;
	}

	.col-300 {
		width: 100%;
		margin-left: 0;
	}
}

@media screen and (max-width: 991px) {
	.white-bg-content2 .last {
		clear: both;
	}
}

@media screen and (max-width: 971px) {
	.footer-content {
		float: left;
		clear: both;
		margin-left: 10px;
	}

	.footer-content h4 {
		float: left;
		clear: both;
		margin: 0;
		padding: 0;
		margin-top: 20px;
	}

	.footer-content p {
		float: left;
		clear: both;
	}

	.footer-list1 li,
	.footer-list2 li {
		line-height: 1.6;
	}

	#add-this {
		float: left;
		clear: both;
	}
}

@media screen and (max-width: 950px) {
	.col-620 {
		width: 96%;
		clear: both;
	}

	.col-half {
		margin-left: 0;
		width: 100%;
		padding-left: 0;
	}

	.col-half h3,
	.col-half li {
		margin-left: 10px;
	}

	.awards-logo {
		width: 100%;
		clear: both;
		margin-right: 0;
		margin-left: 20px;
	}

	.flowchart {
		clear: both;
		margin-bottom: 5px;
		margin-left: 10px;
	}

	.tb3 {
		clear: both;
	}

	.col-590 {
		width: 96%;
	}

	.light-gd .col-590 {
		padding-left: 0;
	}

	.light-grad-content h3,
	.col-590 img,
	.col-590 p,
	.test-box h5 {
		margin-left: 10px;
	}

	.test-access h1,
	.test-access p,
	.tb3 h5,
	.test-box ul li {
		margin-left: 10px;
	}

	.test-box,
	.tb2 {
		border-left: 0 none;
		margin-left: 20px;
		padding-left: 0;
	}

	.white-bg-content p {
		margin-left: 10px;
		width: 96%;
	}

	ul#crumbtrail {
		width: 100%;
		clear: both;
	}
}

@media screen and (max-width: 927px) {
	.col-half {
		width: 100%;
		padding-left: 0;
	}

	.white-bg-content h3,
	.white-bg-content p,
	.try-settings,
	#settings-box-container h4,
	.settings-box,
	h4.faq-title {
		margin-left: 10px;
	}

	#accessibility h3,
	#accessibility p,
	#accessibility img {
		margin-left: 10px;
	}

	.features-list {
		width: 175px;
		margin-right: 0;
		margin: auto;
		float: none;
	}

	#features-box {
		width: 100%;
		clear: both;
	}

	.col-620 {
		width: 96%;
	}

	.quiz-maker h2,
	.white-bg-content h3 {
		line-height: 1.2;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 920px) {
	.pricing-list .horizontal {
		clear: both;
	}

	.credit-pack-item {
		clear: both;
		width: 280px;
	}

	img.how-credits-work {
		display: none;
	}

	img.how-credits-work-small {
		width: 90%;
		display: block;
	}

	.pricing-plan-horizontal {
		margin-top: 1px;
		margin-left: 10px;
	}

	.pricing-list.horizontal {
		width: 100%;
		margin: 20px 0 0 10px;
	}

	.credit-pack-item,
	.reg-for-free-trial-btn {
		margin-left: 10px;
	}

	.pricing-section-heading-horizontal {}

	.table-bottom {
		width: 90%;
	}

	.plans-heading {
		width: 100%;
	}

	h3.pricing-plan-title {
		display: none;
	}

	.pricing-plan-title-container {
		background: #f94100 url(../../img3/home/pricing-bg.png) repeat-x;
		height: 30px;
	}

	.pricing-plan-title-container h4.pricing-plan-price {
		color: #fff !important;
		margin-top: 9px;
	}


}

@media screen and (max-width: 917px) {
	#featured {
		clear: both;
	}

	.featured-content h1,
	.featured-content p,
	.register-btn,
	.features-left h2,
	.features-left a {
		margin-left: 10px;
	}

	.features-right h3,
	.features-right li,
	.more-features,
	h1,
	.nav li,
	#badattempt-login-form {
		margin-left: 10px;
	}

	#client-list .client-title,
	#client-list .more-clients,
	#client-list .client-images {
		margin-left: 10px;
	}

	#main h3,
	#main p,
	.join-box,
	#footer li {
		margin-left: 10px;
	}

	.features-box h2,
	.features-box h1,
	.quiz-maker h2,
	.quiz-maker h3,
	.quiz-maker p,
	.quiz-maker img {
		margin-left: 10px;
	}

	p.nopad {
		margin-left: 10px !important;
	}

	.join-btn {
		margin-left: 10px;
	}

	ul#crumbtrail {
		margin-left: 10px;
	}

	.features-img2 h2,
	.features-img2 p,
	.features-img2 h3,
	.little,
	.table-bottom h4 {
		margin-left: 10px;
	}

	.faq-section h2,
	.faq-section h3 {
		margin-left: 10px !important;
	}

	.faq-section p,
	.faq-box h4,
	.pricing-btn,
	.test-takers,
	.register-box h2,
	.register-today h1,
	#regForm {
		margin-left: 10px;
	}

	.manual-col {
		margin-left: 10px;
		margin-right: 0;
	}

	#help-promo-1-switcher,
	#help-promo-1 h2 {
		margin-left: 10px;
	}

	#faq-search,
	#faq-nav,
	.account-box,
	.blog_items,
	.terms-box h1 {
		margin-left: 10px;
	}

	.sitemap-content-left,
	.sitemap-content-right {
		margin-left: 10px;
	}

	.api-content h2,
	.api-content p,
	.api-link-box,
	.api-content h3,
	.manualTable,
	.codebox,
	h4.underline {
		margin-left: 10px;
	}

	.api-content h4,
	ul.manual li,
	.pricing-text {
		margin-left: 10px;
	}

}

@media screen and (max-width: 892px) {
	.statistic-box {
		text-align: center;
		clear: both;
		width: 85%;
	}

	.statistic-box h3,
	.statistic-box p,
	.statistic-box img {
		margin-left: 10px;
	}
}

@media screen and (max-width: 800px) {

	#main .contact-box {
		padding-left: 10px;
		width: 94%;
	}

	#main .col-contact {
		width: 94%;
	}

	.jqmWindowWide2 {
		width: 80%;
		left: 52%
	}

	.jqmWindowWide2 iframe {
		width: 98%;
	}

	.blog-width {
		width: 93%;
	}
}

@media screen and (max-width: 755px) {
	.or-circle {
		clear: both;
		padding-top: 10px;
		padding-bottom: 10px
	}

	.administrators-box {
		clear: both;
		margin-left: 10px;
	}

	.codebox div {
		padding-left: 0;
		width: 90%;
		text-wrap: wrap;
	}

	.codebox pre {
		white-space: pre-wrap;
		/* css-3 */
		white-space: -moz-pre-wrap;
		/* Mozilla, since 1999 */
		white-space: -pre-wrap;
		/* Opera 4-6 */
		white-space: -o-pre-wrap;
		/* Opera 7 */
		word-wrap: break-word;
	}

	#faq-nav ul {
		width: 100%;
	}

	#faq-nav ul li {
		display: inline-block;
	}
}

@media screen and (max-width: 724px) {
	.pricing-choice {
		margin-bottom: 30px !important;
	}

	h1 {
		clear: both;
		margin-bottom: 10px;
	}

	.pricing-section-selection-container ul>li {
		line-height: 1.3;
		margin: 0;
		margin-left: 10px;
	}

	.faq-content-area {
		margin-left: 10px;
		margin-top: 15px;
	}
}

@media screen and (max-width: 710px) {
	.interactive-settings {
		position: relative;
	}

	.interactive-settings .arrow-left {
		position: absolute;
		left: 0;
	}

	.interactive-settings .arrow-right {
		position: absolute;
		right: 0;
	}

	.interactive-img {
		width: 90%;
		height: 90%;
		margin-left: 30px;
	}

	.interactive-settings h2,
	.interactive-settings h1 {
		margin-left: 30px;
	}

	.slide-text {
		width: 90%;
		margin-left: 30px;
	}

	.slide-text p {
		width: 100%;
	}

	.faq-box {
		width: 100%;
	}

	#main .faq-section h3 {
		line-height: 1.3;
	}
}

@media screen and (max-width: 682px) {
	p.little {
		margin-bottom: 20px !important;
	}

	.blog-box {
		width: 93%;
	}

	.width-630 {
		width: 93%;
	}

	.blog-box h2 {
		font-size: 32px;
		line-height: 1.2;
	}
}

@media screen and (max-width: 675px) {
	.account-box {
		width: 90%;
		clear: both;
	}

	.fbr1 {
		clear: both;
	}
}

@media screen and (max-width: 671px) {
	.nav {
		display: none;
	}

	.slicknav_menu {
		display: block;
	}

	.featured-content {
		width: 95%;
		max-width: 454px;
	}

	.featured-content h1 {
		margin-top: 10px;
	}

	.review-img {
		width: 97%;
		height: 100%;
	}
}

@media screen and (max-width: 660px) {
	.tablepricing {
		width: 100%;
	}

	.tablepricing th .pricehead {
		font-size: 16px;
	}

	.integrate-img {
		width: 97%;
		height: 100%;
	}
}

@media screen and (max-width: 650px) {
	.instant-img1 {
		width: 97% !important;
		height: 100%;
		margin-left: 10px;
	}

	.manual-col {
		clear: both;
	}

	.integrate-img1 {
		width: 90%;
		height: 100%;
	}

	.jqmWindowWide2 {
		width: 80%;
		left: 57%
	}

	.jqmWindowWide2 iframe {
		width: 98%;
	}

	#login-form {
		float: left;
		margin: 25px 0 12px 7px;
	}

	.login-error {
		margin-left: 10px;
	}
}

@media screen and (max-width: 630px) {

	.flowchart,
	.tb-img1 {
		width: 97%;
		height: 100%;
	}

	.quiz-img3 {
		width: 97%;
		height: 100%;
	}

	.faq-content-area p,
	.faq-content-area .faq-text {
		width: 100%;
	}
}

@media screen and (max-width: 625px) {
	#accessibility img {
		width: 95%;
		height: 100%;
	}
}

@media screen and (max-width: 615px) {
	.fluid-img {
		width: 97%;
		height: 100%;
	}
}

@media screen and (max-width: 600px) {
	.test-access div.test-access-top-bullets {
		min-height: auto;
	}

	.test-box {
		width: 100%;
	}

	.faq-content-area {
		margin-left: 5px;
		width: 85%;
	}

	#faq-search {
		margin-left: 5px;
	}

	#faq-nav {
		margin-left: 5px;
	}

	.account-box {
		background: #FFF;
	}

	.api-content h2 {
		line-height: 1.2;
		font-size: 30px;
		margin-left: 10px;
	}

	.api-content p {
		margin-left: 10px;
	}

	.api-link-box-container {
		width: 92%;
		margin-left: 10px;
	}

	.api-content h3 {
		font-size: 30px;
		margin-left: 10px;
		line-height: 1.2;
		margin-top: -20px;
	}

	.manualTable {
		width: 93%;
		margin-left: 10px;
	}

	.codebox,
	.api-content h4 {
		margin-left: 10px;
	}

	h4.underline {
		margin-left: 10px;
	}

}

@media screen and (max-width: 590px) {
	.table-bottom {
		width: 100%;
	}
}

@media screen and (max-width: 560px) {
	.interactive-img {
		width: 80%;
		height: 95%;
		margin-left: 30px;
	}

	.interactive-settings h2,
	.interactive-settings h1 {
		margin-left: 30px;
	}

	.slide-text {
		width: 80%;
		margin-left: 30px;
	}

	.slide-number {
		margin-left: 30px;
	}

	.client-images img {
		clear: both;
		padding-bottom: 20px !important;
	}
}

@media screen and (max-width: 497px) {
	.white-bg-content h3 {
		font-size: 30px;
	}
}

@media screen and (max-width: 485px) {
	.video4 img {
		width: 95%;
		height: 100%;
	}

	.contactus-box {
		padding-left: 0;
		width: 94%;
	}

	#contact-promo-1,
	#contact-promo-2,
	#contact-promo-3 {
		margin-left: 10px;
	}

	.jqmWindowWide2 {
		width: 80%;
		left: 88%
	}

	.jqmWindowWide2 iframe {
		width: 95%;
	}
}

@media screen and (max-width: 470px) {
	.quiz-maker h2 {
		font-size: 30px;
	}
}

@media screen and (max-width: 455px) {
	.administrators-box {
		width: 93%;
	}

	.admin-left {
		width: 99%;
		border: 0 none;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.admin-right {
		width: 99%;
		border: 0 none;
		padding-bottom: 30px;
	}

	#login-form {
		float: left;
		clear: both;
		width: 95%;
		margin-top: 10px;
	}

	#login-form input.homelogin {
		width: 95%;
		clear: both;
		float: left;
		margin: 0 0 10px 0;
	}

	#login-form span.keep_me_logged_in {
		position: relative;
		margin: 2px 0 10px 2px;
		clear: both;
		float: left;
		width: 50%;
	}

	#login-form .login-form-button {
		margin: 0 2.2% 0 0;
		float: right;
		width: 99px;
	}

	.login-form-buttons {
		float: left;
		clear: both;
	}

	.login-form-buttons a {
		float: left;
		margin: 15px 0 10px 8px;
	}

	.login-form-buttons a:first-child {
		float: left;
		margin: 15px 8px 10px 0;
	}

	.login-form-buttons span.divider {
		float: left;
		margin: 13px 0 10px 0;
		display: inline;
	}
}

@media screen and (max-width: 430px) {
	.featured-content h1 {
		font-size: 32px;
		margin-top: 20px;
	}

	.quiz-maker .quiz-img1 {
		width: 94%;
		height: 100%;
	}

	.integrate-img {
		width: 94%;
		height: 100%;
	}

	.flowchart,
	.tb-img1 {
		width: 97%;
		height: 100%;
	}
}

@media screen and (max-width: 410px) {
	.features-list {
		margin-left: 10px;
	}

	.header-buttons {
		clear: both;
		float: left;
		margin-left: 0;
	}

	.instant-img1 {
		width: 100% !important;
		margin-left: 0 !important;
	}
}

@media screen and (max-width: 485px) {
	.quiz-maker .review-img {
		width: 100%;
		margin-left: 0;
	}
}

@media screen and (max-width: 477px) {
	table.manualTable {
		width: 100px;
	}

	td.mtColHeader {
		width: 250px;
		max-width: 260px;
		text-wrap: wrap;
		float: left;
	}

	td.mtColContent {
		width: 250px;
		max-width: 260px;
		float: left;
		clear: both;
	}

}

@media screen and (max-width: 390px) {

	.contactus-box,
	#contact-promo-1,
	#contact-promo-2,
	#contact-promo-3 {
		width: 260px !important;
	}
}

@media screen and (max-width: 370px) {
	.pricing-section-selection-container .pricing-choice {
		width: 70%;
		float: left;
		clear: both;
	}

	.plans-heading h3 {
		font-size: 30px;
		line-height: 1.3;
	}
}

@media screen and (max-width: 367px) {
	.join-box span {
		width: 100%;
		clear: both;
		float: left;
		padding-top: 15px;
	}
}

@media screen and (max-width: 350px) {
	.featured-content h1 {
		font-size: 28px;
	}

	p.p-thousands {
		width: 95%;
		clear: both;
		padding-top: 15px;
	}

	.register-today h1 {
		font-size: 20px;
		width: 90%;
	}

	#main #regForm input,
	p.little {
		width: 220px
	}

	#main form#regForm {
		width: 220px
	}

	#main #regForm #agree-to-terms {
		width: 10px;
		margin-bottom: 30px;
	}

	p#agreetermsid {
		width: 260px;
	}

	#regForm .select-box {
		width: 208px
	}

	.faq-content-area {
		width: 80%;
	}

	.sitemap-content-left,
	.sitemap-content-right {
		width: 90%;
	}
}

@media screen and (max-width: 338px) {
	.manual-col {
		width: 260px;
	}
}

.shake-and-bake {
	animation: shake .6s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);
	-moz-transform-style: preserve-3d;
	backface-visibility: hidden;
	perspective: 1000px;
	animation-delay: 5s;
}

@keyframes shake {

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: rotatey(-.5deg);
		/* Chrome, Safari, Opera */
		-webkit-transform-style: preserve-3d;
		/* Chrome, Safari, Opera */
		-ms-transform: rotateZ(-.5deg);
		-moz-transform: rotateZ(-.5deg);
	}

	0%,
	15%,
	25%,
	35%,
	45%,
	55%,
	65%,
	75%,
	85%,
	95%,
	100% {
		-webkit-transform: rotateZ(0deg);
		/* Chrome, Safari, Opera */
		-webkit-transform-style: preserve-3d;
		/* Chrome, Safari, Opera */
		-ms-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: rotateZ(.5deg);
		/* Chrome, Safari, Opera */
		-webkit-transform-style: preserve-3d;
		/* Chrome, Safari, Opera */
		-ms-transform: rotateZ(.5deg);
		-moz-transform: rotateZ(.5deg);
	}
}



/* Retina images homepage BG image */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

	#featured {
		background: #bdbdbd url(../../img3/home/home_main_1@2x.jpg) no-repeat center;
		background-size: cover;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min--moz-device-pixel-ratio: 3),
only screen and (-o-min-device-pixel-ratio: 3/1),
only screen and (min-device-pixel-ratio: 3),
only screen and (min-resolution: 3dppx) {

	#featured {
		background: #bdbdbd url(../../img3/home/home_main_1@3x.jpg) no-repeat center;
		background-size: cover;
	}
}

/* Keep under #featured  retina image css */
@media screen and (max-width: 980px) {
	#featured {
		background-position: -300px;
	}

	.featured-content {
		width: 95%;
		max-width: 454px;
	}
}

@media screen and (max-width: 600px) {
	#featured {
		background-position: -300px;
	}
}


/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

	.menu-sections li,
	.home-name,
	.results-name,
	.certificate-name,
	.icon-calendar,
	.icon-calendar-green,
	.test-name,
	.group-name,
	.link-name,
	.stat-name,
	.search-name,
	.member-name,
	.question-name,
	.theme-name,
	.media-name,
	.category-name,
	.certificate-name,
	.accesslist-name,
	.community-name,
	.tick,
	.dropdown-x>a,
	.tooltip,
	.dropdown-x label a,
	.btn-create .caret,
	.btn-actions .caret,
	.btn.dropdown-toggle .caret,
	.btn.dropdown-toggle .caret,
	.btn-assign.alt-a,
	.btn.btn-toggle-analytics,
	.table .result-fail,
	.table .result-pass,
	.table .result-grading,
	.write-pre,
	.write-ol,
	.write-ul,
	.write-font-link,
	.write-video,
	.user-manual,
	.write-center,
	.write-bold,
	.write-fontM,
	.write-fontL,
	.write-fontS,
	.write-question-preview,
	.write-sub,
	.write-sup,
	.write-italic,
	.write-underline,
	.write-line-through,
	.write-square-root,
	.write-image,
	.write-font-color,
	.video-help,
	.write-video,
	.btn.dropdown-toggle .caret,
	.btn-add-wysiwyg,
	#show_selected_letters,
	#settings-box-container .accordion-toggle.open>.caret,
	#settings-box-container .accordion-toggle.closed>.caret,
	#settings-box-container .tooltip,
	#settings-box-container .settings-box .caret:before {
		background-image: url("../../img3/icons-sprite@3x.png?v=1");
		/* update icon sprite image to attached */
		background-size: 46px 6889px;
	}
}