@font-face {
    font-family: 'aileronlight';
    src: url('/live/css/fonts/aileron-light-webfont.eot');
    src: url('/live/css/fonts/aileron-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/live/css/fonts/aileron-light-webfont.woff2') format('woff2'),
         url('/live/css/fonts/aileron-light-webfont.woff') format('woff'),
         url('/live/css/fonts/aileron-light-webfont.ttf') format('truetype'),
         url('/live/css/fonts/aileron-light-webfont.svg#aileronlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

.version-badge{
	background-color: rgba(0,0,0,0.5);
    padding: 0px;
    text-align: center;
    color: rgba(255,255,255,1);
    position: fixed;
    bottom: -10px;
    left: 200px;
    right: 0px;
    font-size: 9px;
    font-family: helvetica;
}
.version-badge a{
	color:#fff !important;
}
.version-badge a:hover{
	color:#fff !important;
	text-decoration:underline !important;
}
#carr-builder-menu {
	height: 38px;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 200;
	font-family: "Myriad Pro", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #ededed;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */



}
.requiredfield{
	color:#ff0000;
	font-size:17px;
	font-weight:bold;
	padding-right:10px;
}
.cbranding{
	margin-bottom:50px;
}

.dashbox.myperformance ul{
	border:none !important;
}
.dashbox ul.nestedtests{
	margin-left:50px !important;
	margin-top: 10px !important;
	margin-right: 0px !important;
	margin-bottom: 10px !important;	
}

.dashbox ul.nestedtests ul{
	margin-left:100px !important;
	margin-top: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 10px !important;	
}
.li-test{
	background-color:#D2D2D2 !important;
}
.li-quiz{
	background-color:#A0A0A0 !important;
}
.nestedtests>li.li-test{
	cursor:pointer;
	transition:all .5s;
}
.nestedtests>li.li-test:hover{
	background-color:#ebebeb !important;
}
.nestedtests>li.li-quiz{
	cursor:pointer;
	transition:all .5s;
}
.nestedtests>li.li-quiz:hover{
	background-color:#ebebeb !important;
}
.treetop>li{
	cursor:pointer;
	transition:all .5s;
}
.treetop>li:hover{
	background-color:#ebebeb !important;
}
.treetop span.grade.great{
	color:#000000 !important;
}
.treetop .gradeverb{
	color:#000000 !important;
}
/* blended learning css rules start */
.blendedslideshow .cgrid-comp.selected[data-type=image]:before{
	content:attr(title);
    position: absolute;
    color: #000;
    padding: 8px;
    font-size: 36px;
    text-align: center;
    left: 25%;
    right: 25%;
    top: 50px;
    z-index: 1000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=1 );
	transition:all 1s;
}

.transcript{
	background-color: #eee !important;
    border: solid 1px #ccc !important;
    margin-left: 100px !important;
	position:relative;
}
.transcript:before{
	content: "CLASS COMPLETE";
    display: block;
    position: absolute;
    left: -150px;
    top: 95px;
    text-align: center;
    width: 190px;
    font-size: 18px;
    transform: rotate(-90deg);
    color: #27AB4C;
}
.bigsteps.completed{
	background-image: url(../images/slideshow/stepchecked.png) !important;
	background-repeat: no-repeat;
	background-position: center bottom;	
}
.bigsteps.hascheck{
	background-image: url(../images/slideshow/step.png);
}
.bigsteps{
	width:16%;float:left;position:relative;padding:2%;
	min-height:160px;
	background-repeat: no-repeat;
	background-position: center bottom;	
	padding-bottom:30px;
	background-color:#ccc;
}
.bigsteps:hover{
	background-color:#999;
	color:#fff !important;
}
.bigsteps.selected{
	background-color:#333;
	color:#fff !important;
}
.carr-admin .classroom {
    margin: 20px;
    padding: 30px;
    border: solid 1px #999;
    /* margin-right: 0px; */
    margin-left: 0px;
	background-color:rgba(255,255,255,0.6);
}
.carr-admin .classroom h2 {
    color: #000 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    font-size: 24px !important;
    margin-bottom: 15px !important;
}
.carr-admin .classroom th{
	color:#fff;
	background-color:#999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
.carr-admin h3{
	line-height: 26px;
}
.launchcoursebutton{
	padding: 20px !important;
    text-transform: uppercase !important;
    background: none !important;
    background-color: #666 !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    width: 100% !important;
	transition:all .5s !important;
}

.launchcoursebutton:hover{
	background-color: #333 !important;
    
}

.blendedslideshow .folder {
    display: inline-block;
    width: 18%;
    height: 280px;
    /* border: solid #999 5px; */
    margin: 1%;
    overflow: hidden;
    background-color: #333;
    position: relative;
    cursor: pointer;
    padding-top: 20px;
	text-align:center;
}
.blendedslideshow .folder label{
	text-align:left;
}
.blendedslideshow .folder:hover {
	background-color:#999;
}
.blendedslideshow .folder:before {
	content: attr(data-type);
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	text-align:center;
	font-size:15px;
	color:#fff;
	padding:5px;
}

.blendedslideshow{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:5000;
	background-color:#000;
	perspective:1000px;
}
.blendedslideshow .cgrid-comp-slide{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	transition:all 1s;
	transform:translateX(1500px) translateZ(-1500px) rotateY(-120deg);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0.65+100;Neutral+Density */
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
opacity:0;
}
.blendedslideshow .cgrid-comp-slide{
	display:table;
}
.blendedslideshow .cgrid-comp-slide.selected{
	transform:translateX(0px) translateZ(0px) rotateY(0deg) !important;
	opacity:1;
}
.blendedslideshow .cgrid-comp-slide.selecteddone{
	transform:translateX(-1500px) translateZ(-1500px) rotateY(120deg) !important;
	opacity:0;
}
.blendedslideshow .cgrid-comp-slide .cgrid-comp-content{
	padding:20%;
	width:60%;
	height:60%;
	font-family:Arial, Helvetica, sans-serif;
	    font-size: 36px;
    color: #fff;
    line-height: 40px;
	
}
.blendedslideshow .slideshowcontrols{
	position:absolute;
	bottom:30px;
	left:0px;
	right:0px;
	text-align:center;
	z-index:1000;
	transition:all 1s;
	color:#fff;
	font-size: 11px;
	-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}
.slideshowcontrolstoggle{
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:2000;
	transition:all .5;
	opacity:0;
	cursor:pointer;
	width:48px;
	height:48px;
	border:transparent 50px solid;
}
.slideshowcontrolstoggle:hover{
	opacity:1;
}
.blendedslideshow .slideshowcontrols.collapsed{
	bottom:-300px;
}
.blendedslideshow .slideshowcontrols a{
	margin-left:20px;
	margin-right:20px;
	transition:all .5s;
}
.blendedslideshow .slideshowcontrols a:hover{
	opacity:.4;
}
.blendedslideshow .slideshowcontrols .slideshowcontroldisabled{
	opacity:.1;
	pointer-events:none !important;
}

.blendedslideshow .slideshowcontrols input{
	background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#1affffff',GradientType=1 );
    height: auto;
    width: 50px;
	margin:0px;
	    text-align: center;
}
#slidecounter{
	font-size:21px;
}
.blendedslideshow .errormessage {
    position: relative;
    width: auto;
    height: auto;
    margin: 50px 0 200px;
    text-align: center;
    font: 44px Arial, sans-serif;
    color: #fff;
    background: #C91F2C;
    float: right;
    margin-right: 100px;
    z-index: 1000;
    padding: 20px;
	display:none;
}
.blendedslideshow .errormessage:before {
    content: "";
    position: absolute;
    bottom: -140px;
    right: 0;
    border-width: 0 0 140px 140px;
    border-style: solid;
    border-color: transparent #C91F2C;
}
.blendedslideshow .errormessage:after {
    content: "";
    position: absolute;
    bottom: -140px;
    right: 85px;
    border-width: 0 0 140px 55px;
    border-style: solid;
    border-color: transparent #fff;
}

.blendedslideshow .successmessage {
	position: relative;
	width: auto;
	height: auto;
	margin: 50px 0 200px;
	text-align: center;
	font: 44px Arial, sans-serif;
	color: #fff;
	float: right;
	margin-right: 100px;
	z-index: 1000;
	padding: 20px;
	background-color: #339933;
	display:none;
}
.blendedslideshow .successmessage:before {
	content: "";
	position: absolute;
	bottom: -140px;
	right: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 140px;
	border-left-width: 140px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: transparent;
	border-right-color: #339933;
	border-bottom-color: transparent;
	border-left-color: #339933;
}
.blendedslideshow .successmessage:after {
    content: "";
    position: absolute;
    bottom: -140px;
    right: 85px;
    border-width: 0 0 140px 55px;
    border-style: solid;
    border-color: transparent #fff;
}
.grading ol{
	margin:0px;
}
ol li.grade{
	    padding: 10px;
    margin: 0px;
    background-color: #eee;
    padding-top: 0px;
    margin-bottom: 20px;
	list-style:none !important;
}

ol li.grade td{
	font-size: 14px;
}
.sounds{
	background-color:#666;
	color:#fff;
}
.carr-admin table.sounds td{
	color:#fff;
}
.blendedslideshow .comp-video{
	height:100%;
	display: table-cell;
    vertical-align: middle;
}
.print_questions{
	color: #fff;
    font-size: 16px;
    padding: 10px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#1affffff',GradientType=1 );
    border: solid 1px #fff;
    transition: all .5s;
    width: 15%;
    top: 410px;
    left: 62.5%;
    z-index: 555;
    position: absolute;
	cursor:pointer;
}
.carr-admin input[type=reset] {
    background: rgb(69,72,77);
    background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    margin-left: 2px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: pointer;
}
.blendedslideshow .carr-jwplayer {
    height: 338px;
    width: 600px;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.blendedslideshow .cgrid-comp[data-type=image] .cgrid-comp-content {
    padding: 0% !important;
    width: 100% !important;
    height: 100% !important;
	vertical-align:middle;
}
.blendedslideshow .cgrid-comp[data-type=image] .cgrid-comp-content .carr-image{
    width: auto !important;
    height: auto !important;
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    max-width: 100%;
}
.blendedslideshow .cgrid-comp[data-type=html]{
	    display: table;
}
.blendedslideshow .cgrid-comp[data-type=html] .cgrid-comp-content {
   padding-left: 0%;
    width: 100%;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    color: #fff;
    line-height: 40px;
    padding-right: 0%;
    display: table-cell;
    vertical-align: middle;
    bottom: 140px;
    padding-bottom: 0%;
    padding-top: 0%;
    text-align: center;
}
.blendedslideshow .layout .cgrid-comp[data-type=html]{
	display: block;
}
.blendedslideshow .layout .cgrid-comp[data-type=html]{
	display: block;
}
.blendedslideshow .layout .cgrid-comp[data-type=html]{
	display: block;
}
.blendedslideshow .layout .cgrid-comp[data-type=html] .cgrid-comp-content{
	    display: block;
}

.blendedslideshow .cell-1, .blendedslideshow .cell-2, .blendedslideshow .cell-3{
	float: none !important;
    padding: 5% !important;
}
.blendedslideshow .cell{
	padding-left: 0%;
    height: 100% !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    color: #fff;
    line-height: 40px;
    padding-right: 0%;
    display: table-cell;
    vertical-align: middle;
    bottom: 0px;
    padding-bottom: 0%;
    padding-top: 0%;
    text-align: center;
}
.blendedslideshow .cgrid-comp[data-type=html] .cgrid-comp-content h1{
	font-size: 70px !important;
    color: #fff;
    line-height: 80px !important;
	text-transform: uppercase;
    font-weight: normal;
}
.blendedslideshow .cgrid-comp[data-type=html] .cgrid-comp-content h2{
	font-size: 50px !important;
    color: #fff;
    line-height: 60px !important;
	text-transform: uppercase;
    font-weight: normal;
}
.blendedslideshow .cgrid-comp[data-type=html] .cgrid-comp-content h3{
	font-size: 40px !important;
    color: #fff;
    line-height: 50px !important;
	text-transform: uppercase;
    font-weight: normal;
}
.blendedslideshow .slideshowfullscreentoggle{
	position:absolute;
	z-index:100000;
	top:20px;
	right:20px;
	transition:all .5s;
	opacity:0;
	-webkit-filter: drop-shadow(1px 1px 2px black);
	filter: drop-shadow(1px 1px 2px black);
}
.blendedslideshow .slideshowback{
	position:absolute;
	z-index:100000;
	top:20px;
	left:20px;
	transition:all .5s;
	opacity:0;
	-webkit-filter: drop-shadow(1px 1px 2px black);
	filter: drop-shadow(1px 1px 2px black);
}
.blendedslideshow .slideshowfullscreentoggle:hover{
	opacity:1;
}
.blendedslideshow .slideshowback:hover{
	opacity:1;
}
.blendedslideshow .cgrid-comp[data-type=question]{
	    display: block;
    
}
.blendedslideshow .layout{
	background-size:cover;
	background-position:center center;
}
.blendedslideshow .cgrid-comp[data-type=question] .comp-question {
    padding-left: 20%;
    width: 60%;
    height: 60%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    color: #fff;
    line-height: 40px;
    padding-right: 20%;
    padding-bottom: 0px;
    padding-top: 0px;
	display:table-cell;
	vertical-align: middle;
}
.blendedslideshow .cgrid-comp[data-type=testquiz] h1{
	font-size: 70px !important;
    color: #fff;
    line-height: 80px !important;
	text-transform: uppercase;
    font-weight: normal;
}
.blendedslideshow .cgrid-comp[data-type=testquiz] h2{
	font-size: 50px !important;
    color: #fff;
    line-height: 60px !important;
	text-transform: uppercase;
    font-weight: normal;
}
.blendedslideshow .cgrid-comp[data-type=testquiz] h3{
	font-size: 40px !important;
    color: #fff;
    line-height: 50px !important;
	text-transform: uppercase;
    font-weight: normal;
}

.blendedslideshow .cgrid-comp[data-type=question] .comp-question h1{
	font-size: 70px !important;
    color: #fff;
    line-height: 80px !important;
	text-transform: uppercase;
    font-weight: normal;
}
.blendedslideshow .cgrid-comp[data-type=question] .comp-question h2{
	font-size: 50px !important;
    color: #fff;
    line-height: 60px !important;
	text-transform: uppercase;
    font-weight: normal;
}
.blendedslideshow .cgrid-comp[data-type=question] .comp-question h3{
	font-size: 40px !important;
    color: #fff;
    line-height: 50px !important;
	text-transform: uppercase;
    font-weight: normal;
}
.blendedslideshow .cgrid-comp[data-type=question] input[type=checkbox]{
   cursor:pointer;
    width: 80px;
    height: 80px;
    margin: 20px;
	transition:all .6s;
}
.blendedslideshow .cgrid-comp[data-type=question] input[type=checkbox]:after{
  content: url(/live/images/slideshow/checkbox-unchecked.png);
  display:block;
}
.blendedslideshow .cgrid-comp[data-type=question] input[type=checkbox]:checked:after{
  content: url(/live/images/slideshow/checkbox-checked.png);
  display:block;
}
.blendedslideshow .cgrid-comp[data-type=question] input[type=checkbox]:checked{
  margin-left:100px;
}

.blendedslideshow .cgrid-comp[data-type=question] input[type=radio]{
   cursor:pointer;
    width: 80px;
    height: 80px;
    margin: 20px;
	transition:all .6s;
}
.blendedslideshow .cgrid-comp[data-type=question] input[type=radio]:after{
  content: url(/live/images/slideshow/radio-unchecked.png);
  display:block;
}
.blendedslideshow .cgrid-comp[data-type=question] input[type=radio]:checked:after{
  content: url(/live/images/slideshow/radio-checked.png);
  display:block;
}
.blendedslideshow .cgrid-comp[data-type=question] input[type=radio]:checked{
  margin-left:100px;
}

.blendedslideshow .cgrid-comp[data-type=question] label:hover{
	color:#00CCFF;
}

.blendedslideshow .cgrid-comp[data-type=question] input[type=text]{
    width: 200px !important;
    font-size: 28px;
    height: auto;
    padding: 9px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#1affffff',GradientType=1 );
    color: #fff;
}


.blendedslideshow .cgrid-comp[data-type=testquiz] .cgrid-comp-content {
    padding: 20%;
    width: 60%;
    height: 60%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    color: #fff;
    line-height: 40px;
    padding-top: 5%;
}
.blendedslideshow .cgrid-comp[data-type=question] .comp-question button{
    color: #fff;
    font-size: 40px;
    padding: 20px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#1affffff',GradientType=1 );
    border: solid 1px #fff;
	transition:all .5s;
}
.blendedslideshow .cgrid-comp[data-type=question] .comp-question button:hover{
	opacity:.5;
}
.blendedslideshow .cgrid-comp[data-type=testquiz] .cgrid-comp-content button{
    color: #fff;
    font-size: 40px;
    padding: 20px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#1affffff',GradientType=1 );
    border: solid 1px #fff;
	transition:all .5s;
}
.blendedslideshow .cgrid-comp[data-type=testquiz] .cgrid-comp-content button:hover{
	opacity:.5;
}
.blendedslideshow .cgrid-comp[data-type=video] {
    padding: 0%;
    width: 100%;
    height: 100%;
	display:table;
}
.slideshowcoursetitle{
	position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    z-index: 10000;
    background-color: #ffffff;
    color: #999 !important;
    perspective: 1000px;
    transition: all 1s;
    overflow: auto;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
}
.slideshowcoursetitle h1{
	color:#999 !important;
	font-size:88px !important;
	font-weight:normal !important;
	line-height:90px !important;
	text-align:center !important;
	text-transform:uppercase !important;
	    margin-top: 100px !important;
	transition:all 1.4s !important;
	transform:rotateX(-180deg);
	opacity:0;
}
.slideshowcoursetitle.flip h1{
	transform:rotateX(0deg);
	opacity:1;
}
.slideshowcoursetitle h2{
	color:#999 !important;
	font-size:55px !important;
	font-weight:normal !important;
	line-height:60px !important;
	text-align:center !important;
	text-transform:nomal !important;
	transition:all 2s;
	transform:translateX(1000px) rotateY(-1080deg);
	opacity:0;
}
.slideshowcoursetitle.flip h2{
	transform:translateX(0px) rotateY(0deg);
	opacity:1;
}
.slideshowcoursetitle>p{
	margin-left:15%;
	margin-right:15%;
	margin-top:5%;
}
.slideshowcoursetitle.flip>p{
	opacity:1;
}
.slideshowcoursetitle p{
	color:#666;
	font-size:34px;
	font-weight:normal;
	line-height:40px;
	text-align:center;
	text-transform:nomal;
	transition:all 5s;
	opacity:0;
}
.slideshowcoursetitle button {
    color: #666;
    font-size: 34px;
    font-weight: normal;
    line-height: 40px;
    text-align: left;
    text-transform: nomal;
    transition: all .5s;
    opacity: 1;
    background: none;
    background-color: transparent;
    border: solid 1px #999;
    padding: 20px;
}
.slideshowcoursetitle button:hover {
    opacity: .5;
}
.titlefade{
	opacity:0;
	bottom:100%;
}
.blendedslideshow .chaptercomp{
	background-color:#fff !important;
}
.blendedslideshow .chaptercompletecomp{
	background-color:#999 !important;
}
.blendedslideshow .completecomp{
	background-color:#000 !important;
}

.blendedslideshow .comp-testquiz{
	background-size:cover;
}
.blendedslideshow #sortable li.ui-sortable-helper{
	transform:scale(2);
}
.blendedslideshow #sortable{
	    list-style: none;
    margin: 0px;
    padding: 0px;
	 background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#99000000',GradientType=1 );
	margin-bottom:30px;
}
.blendedslideshow #sortable li {
	transition:transform .5s;
    list-style: none;
    margin: 4px;
    padding: 18px;
    line-height: 44px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.65) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#a6ffffff',GradientType=1 );
    color: #000;
    display: inline-block;
    margin: 10px;
    min-width: 44px;
    text-align: center;
	cursor:default;
}
.blendedslideshow .visor{
	padding: 30px;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#99000000',GradientType=1 );
}
.launchcoursebutton {
    background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.6) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.6) 100%) !important;
    background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.6) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#99000000',GradientType=1 ) !important;
        padding: 10px !important;
    font-size: 12px !important;
}
.blendedslideshow .visor{
	padding: 30px;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#99000000',GradientType=1 );
}
.ui_item .visor{
	 background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#99000000',GradientType=1 );
	padding:20px;
	margin-bottom:20px;
}
.ui_item .glass{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.65+0,0.65+100;White+to+Transparent */
background: -moz-linear-gradient(left, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#a6ffffff',GradientType=1 ); /* IE6-9 */
}
.blendedslideshow .folder .cgrid-comp {
    display: inline-block !important;
    width: 40% !important;
    height: 100px !important;
    border: solid 1px #fff !important;
    overflow: hidden;
    top: initial;
    left: initial;
    transform: none;
    position: relative;
    z-index: 100;
    opacity: 1;
    margin: 10px;
    margin-bottom: 0px;
    margin-right: 0px;
    pointer-events: none;
}
.blendedslideshow .folder .cgrid-comp.selected {
	display: table !important;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100% !important;
    z-index: 1000;
    border: 0px !important;
    margin: 0px !important;
    height: 100% !important;
	pointer-events:auto;
}
.steplock{
	pointer-events:none !important;
}
.steplock .bigsteps.completed{
	background-image: url(../images/slideshow/steplocked.png) !important;
}

/* blended responsive css */

@media only screen and (max-width: 2000px) {
	.bigsteps{
		min-height:220px !important;
	}
}

@media only screen and (max-width: 1400px) {
	.bigsteps{
		min-height:360px !important;
	}
}

@media only screen and (max-width: 1000px) {
	.bigsteps{
    min-height: 80px !important;
    width: 90%;
    display: block;
    background-position: 10px center !important;
    padding-left: 8%;
    padding-bottom: 0px;
    margin-bottom: 4px;
    padding-top: 0px;
	}
}


/* blended learning css rules end */



.dashexpander{
	padding: 7px;
	background-color: #ccc;
	text-align: center;
	cursor: pointer;
	transition: all .5s;
	color: #000;
	
}
.dashexpander:hover{
	padding: 7px;
	background-color: #399845;
	color: #fff !important;
}
.dashbox{
	color: #666;
	background-color: #F2F2F2;
	display: block;
	position: relative;
	min-height: 420px;
	width: 300px;
	margin-right: 25px;
	float:left;
	transition: all .5s;
}
.unfinished{
	display:none;
}
.branding{
	float:right;
	max-height: 140px;
    margin-bottom: 20px;
}
.ubranding{
	float:left;
}
.tabholder{
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
	position: relative;
}
.tabholder li{
	position: relative;
	list-style:none;
	background-color:rgba(255,255,255,0.6);
	padding:12px;
	border-bottom:solid #ccc 1px;
}
.tabholder .tab{
	width:49%;
	display:inline-block;
	text-align:center;
	font-size:12px;
	padding-top:12px;
	padding-bottom:12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	cursor:pointer;
}
.tab .numberof{
	font-size:28px;
	line-height:44px;
}
.tabselected{
	color: #356CAF;
	background-color: #FFF;
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-top-style: solid !important;
	border-right-style: solid !important;
	border-bottom-style: none !important;
	border-left-style: solid !important;
	border-top-color: #ccc !important;
	border-right-color: #ccc !important;
	border-bottom-color: #ccc !important;
	border-left-color: #ccc !important;
}
.dashbox ul{
	margin:0px !important;
	padding:0px !important;
	list-style:none !important;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin-top: -1px !important;
}
.collapsed{
	max-height: 250px;
	overflow: hidden;
}
.dashbox .grade{
	font-size:26px;
	text-align:center;
	position:absolute;
	left:55%;
	width:45%;
	display:block;
	top:10px;
}
.dashbox .gradeverb{
	font-size:13px;
	text-align:center;
	position:absolute;
	left:55%;
	width:45%;
	display:block;
	top:32px;
}
.dashbox ul:empty:before{
	    padding: 20px;
    text-align: center;
    content: "NO DATA";
    display: block;
    background-color: #fff;
    border-bottom: solid 1px #ccc;
}
.myperformance .dashbox ul:empty:before{
	font-size: 11px;
    content: "NO EMBEDDED TEST/QUIZ DATA IS AVAILABLE FOR THIS COURSE";
}
.averages{
	width:220px;
	height:72px;
	background-color: #F2F2F2;
	text-align: center;
	border: 1px solid #CCC;
	float: left;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 30px;
	margin-left: 5px;
	position: relative;
	overflow:hidden;
	transition: all .5s;
}
.averagesheading{
	font-size: 18px;
	color: #346AAC;	
	padding-top:12px;
}
.averagevalue{
	font-size:32px;
	color: #87AEA8;
	padding-top:7px;
}
.neardue .averagevalue{
	color: #F00000 !important;
}
.descriptionof{
	font-size:13px !important;
	color: #8BBBAD;
}
.dashbox ul li{
	padding:18px;
	list-style:none !important;
	background-color:#fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;	
	position:relative;
}
.dashbox .due{
	color:#666 !important;
}
.dashbox .meter{
	    background-color: #f5f5f5;
    position: absolute;
    width: 40%;
    bottom: 10px;
    left: 55%;
    height: 10px;
	border:solid 1px #ebebeb;
}
.dashbox .meterof{
	position: absolute;
    bottom: 8px;
    font-size: 10px;
    color: #000;
    width: 110px;
    line-height: 11px;
}
.dashbox .innermeter{
	    background-color: #368F41;
    position: relative;
    width: 5px;
    height: 10px;
	display:block;
}
#mobilefooter{
	display:none;
	position: fixed;
	height: 50px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 5px;
	background: -moz-linear-gradient(top,  rgba(125,126,125,0.8) 0%, rgba(61,61,61,0.88) 76%, rgba(14,14,14,0.9) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,0.8)), color-stop(76%,rgba(61,61,61,0.88)), color-stop(100%,rgba(14,14,14,0.9))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(125,126,125,0.8) 0%,rgba(61,61,61,0.88) 76%,rgba(14,14,14,0.9) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(125,126,125,0.8) 0%,rgba(61,61,61,0.88) 76%,rgba(14,14,14,0.9) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(125,126,125,0.8) 0%,rgba(61,61,61,0.88) 76%,rgba(14,14,14,0.9) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(125,126,125,0.8) 0%,rgba(61,61,61,0.88) 76%,rgba(14,14,14,0.9) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc7d7e7d', endColorstr='#e60e0e0e',GradientType=0 ); /* IE6-9 */
z-index:40000;

}
#carr-builder-menu-inner {
	position:relative;
	/*max-width:880px;*/
	margin-left:auto;
	margin-right:auto;
}
#carr-paper{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:460px;
	width:100%;
	position:fixed;
	top:40px;
	left:0px;
}
.biosection{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	max-width:840px;
	margin-top:40px;
}
.biosection h1 {
font-family: "aileronlight", Arial !important;
text-align: left;
font-size: 32px !important;
line-height: 32px !important;
margin-bottom: 15px;
}
#bionav{
	position:absolute;
	top:4px;
	right:4px;
}
#bionav img{
	cursor:pointer;
}
#bioclasses{
	display:block;
	position:relative;
}
#bioclassdirectory {
	position:relative;
	float:right;
	width:65%;
	max-width:515px;
	overflow:hidden;
}
#bioclassdirectorytop h1{
	font-family: "aileronlight", Arial !important;
	font-size: 18px !important;
	font-style: italic !important;
	font-weight: normal !important;
	color: #FFF !important;
	line-height: 18px !important;
	margin: 10px !important;
	font-variant: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	text-align:left;
}
.carr-bios {
	border:none !important;
	margin-top:0px !important;
	background: rgb(71,71,71) !important;

	background: -moz-linear-gradient(top,  rgba(71,71,71,1) 0%, rgba(0,0,0,1) 33%) !important;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,1)), color-stop(33%,rgba(0,0,0,1))) !important;
	
	background: -webkit-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(0,0,0,1) 33%) !important;
	
	background: -o-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(0,0,0,1) 33%) !important;
	
	background: -ms-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(0,0,0,1) 33%) !important;
	
	background: linear-gradient(to bottom,  rgba(71,71,71,1) 0%,rgba(0,0,0,1) 33%) !important;
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#000000',GradientType=0 ) !important;
	min-height:330px;

}
.carr-bios-splash {
	background: rgb(71,71,71) !important;

	background: -moz-linear-gradient(top,  rgba(71,71,71,1) 0%, rgba(0,0,0,1) 33%) !important;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,1)), color-stop(33%,rgba(0,0,0,1))) !important;
	
	background: -webkit-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(0,0,0,1) 33%) !important;
	
	background: -o-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(0,0,0,1) 33%) !important;
	
	background: -ms-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(0,0,0,1) 33%) !important;
	
	background: linear-gradient(to bottom,  rgba(71,71,71,1) 0%,rgba(0,0,0,1) 33%) !important;
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#000000',GradientType=0 ) !important;
	

}
#bio {
	position:relative;
	float:left;
	width:35%;
}
#bio img{
	display:block;
	text-align:center;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #ffffff;
	margin-top:43px;
}
#bio p{
	text-align:center;
	font-family: "aileronlight", Arial !important;
	font-size: 21px !important;
	font-weight: normal !important;
	color: #FFF !important;
	line-height: 21px !important;
	margin-top:10px !important;
	text-transform:uppercase !important;
}
.bioclass{
	display:inline-block;
	max-width:162px;
	padding:5px;
	min-width:150px;
}
.bioclass .h1{
	font-family: "aileronlight", Arial !important;
	color: #FFF !important;
	text-align:left;
	font-size: 22px !important;
	line-height: 22px !important;
	margin-bottom:5px;
}
.bioclassthumb{
	width:160px;
	height:160px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	border:solid 1px #ffffff;
	margin-bottom:10px;
}
.bioclass .h2{
	font-family: "aileronlight", Arial !important;
	font-size: 12px !important;
	font-style: italic !important;
	font-weight: normal !important;
	color: #FFF !important;
	line-height: 11px !important;
	margin: 0px !important;
	font-variant: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	padding:0px !important;

}
.bioclass .h3{
	font-family: "aileronlight", Arial !important;
	font-size: 11px !important;
	font-style: italic !important;
	font-weight: normal !important;
	color: #FFF !important;
	line-height: 10px !important;
	margin: 0px !important;
	font-variant: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	padding:0px !important;
}
.bioclass .h4{
	font-family: "aileronlight", Arial !important;
	color: #FFF !important;
	font-size: 21px !important;
	line-height: 21px !important;
	margin-top:5px;
}
.bioclass p{
	font-family: "aileronlight", Arial !important;
	font-size: 11px !important;
	font-style: italic !important;
	font-weight: normal !important;
	color: #FFF !important;
	line-height: 10px !important;
	margin: 10px !important;
	font-variant: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
}
.carrpag{
	padding:10px;
	
}
#courseratingui{
	background-image: url(../images/ratings-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 16px;
	width: 88px;
	margin: 2px;
	margin-left:auto;
	margin-right:auto;
	
}
#courseratinguistars{
	background-image: url(../images/ratings-fg.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 16px;
	width: 50%;
}
.carrpag a{
	margin:5px;
	color: #999;
	background-color: #FFF;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border: 1px solid #CCC;	
}
.carrpag .current{
	margin:5px;
	color: #FFF !important;
	background-color: #D52B2B !important;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border: 1px solid #FFF !important;
}
#homebanner{
	float:left;
	margin-left:0px;
	margin-right:1px;
	margin-top:0px;
}
.homepagetitlered {
	font-family: "aileronlight", Arial !important;
	font-size: 18px;
	color: #D82B2B;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	text-transform: uppercase;
}
#homepageright{
	display:block;
	position:relative;
	float:right;
	width:170px;
	height:444px;
	padding:0px;
	padding-top:0px;
	clear:none;
}
#homepageright h1{
	font-size:22px !important;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: inset;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#homepagesignup{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	
}
#homepageright p{
	font-size:12px !important;
	line-height:15px !important;
}
#homepagesignup input{
	display:block !important;
	width:160px !important;
	margin:0px !important;
}
#homepagesignup button{
	font-family: "aileronlight", Arial !important;
	font-size:21px !important;
	background-color:#DA2C2C !important;
	background:none;
	backgorund-image:none;
	display:block !important;
	width:100%;
	margin:0px !important;
}
#homepagesignup button:hover{
	color:#DA2C2C !important;
	background-color:#010101 !important;
}
.link-member-profile{
	color: #3C5B84;
	background-color: #FFF;
	border: 1px solid #EDEDED;
	margin: 1px;
}
.infobox {
	font-family: "aileronlight", Arial !important;
	color: #000;
	background-color: #FFF !important;
	padding: 20px !important;
	border: 1px dotted #CCC !important;
	margin-top: 20px !important;
	margin-bottom: 10px !important;
}
.infobox h1 {
	font-family: "aileronlight", Arial !important;
	font-size: 21px !important;
	font-weight: bold !important;
	color: #4B2E1D !important;
	line-height: 21px !important;
	margin-top: 0px !important;
	margin-bottom: 5px !important;
	padding: 0px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
	text-align: left;
}
.infobox p {
	font-family: "aileronlight", Arial !important;
	font-size: 12px !important;
	font-weight: normal !important;
	color: #333 !important;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.infobox a {
	font-family: "aileronlight", Arial !important;
	color: #09F !important;
	text-decoration: underline !important;
}
.infobox a:hover {
	color: #973625 !important;
	text-decoration: none !important;
}
.dashboard-icons {
	text-align: center;
	margin-top: 10px;
}
.dashboard-icons a {
	font-family: "aileronlight", Arial !important;
	font-size: 12px;
	color: #000;
	display: inline-block;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
}
#carr-builder-menu-large-nav {
	vertical-align: text-bottom;
	text-align: center;
}
#carr-builder-menu-large {
	height: 140px;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 200;
	font-family: "aileronlight", Arial !important;
	font-size: 12px;
	font-weight: normal;
	color: #EDEDED;
	background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */



}
.enrollmentcount{
	font-family: "aileronlight", Arial !important;
	font-size: 12px;
	font-weight: normal;
	color: #556E92;
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
	border: 1px solid #EDEDED;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
*:focus  
{  
    outline: none;  
}  
hr{
	margin-left:10px !important;
	margin-right:10px !important;
}
#carr-builder-menu #builder-logo {
	position: absolute;
	left: 33px;
	top: 7px;
}
#carr-builder-menu #mobile-toggle {
	position: absolute;
	right: 15px;
	top: 7px;
	display:none;
}
.biglink {
	background-color: #EDEDED;
	margin-right: 130px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}
.biglink:hover {
	color: #FFF !important;
	background-color: #556E92;
}
html, body {
	margin: 0px;
	font-family: 'aileronlight', sans-serif;
	font-size: 13px;
}
#carr-content-holder {
	height: auto;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 100px;
	position: relative;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EDEDED;
	border-right-color: #EDEDED;
	border-bottom-color: #EDEDED;
	border-left-color: #EDEDED;
}
#carr-content-holder #carr-html {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 15px;
	
}
#carr-content-holder #carr-html .carr-box {
	margin-left:auto;
	margin-right:auto;
}
#carr-content-holder #carr-content {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 15px;
	margin-bottom: 100px !important;	
	padding-bottom: 100px !important;	
}
#carr-content-holder #carr-content .carr-box {
	margin-left:auto;
	margin-right:auto;
}
#carr-content-holder #carr-content .carr-box h1 {
	font-family: "aileronlight", Arial;
	font-size: 21px;
	color: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px !important;
	margin-left: 0px;
	text-transform: uppercase;
	min-height:42px;
}
#carr-content-holder #carr-content .carr-box h2 {
	color: #DB2D2D;
	margin: 0px;
	font-style: italic;
	text-transform: lowercase;
}
#carr-content-holder #carr-content .carr-login {
	padding:20px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.92) 0%, rgba(246,246,246,0.88) 47%, rgba(237,237,237,0.84) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.92)), color-stop(47%,rgba(246,246,246,0.88)), color-stop(100%,rgba(237,237,237,0.84))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebffffff', endColorstr='#d6ededed',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:solid 3px #ffffff;
max-width:420px;

}

#carr-content-holder #carr-content .carr-admin {
	padding:20px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.92) 0%, rgba(246,246,246,0.88) 47%, rgba(237,237,237,0.84) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.92)), color-stop(47%,rgba(246,246,246,0.88)), color-stop(100%,rgba(237,237,237,0.84))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebffffff', endColorstr='#d6ededed',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:solid 3px #ffffff;
max-width:800px;
background-color:#ffffff;
margin-top:30px;

}

#carr-content-holder #carr-content .carr-students {
	padding:20px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.92) 0%, rgba(246,246,246,0.88) 47%, rgba(237,237,237,0.84) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.92)), color-stop(47%,rgba(246,246,246,0.88)), color-stop(100%,rgba(237,237,237,0.84))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebffffff', endColorstr='#d6ededed',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:solid 3px #ffffff;
max-width:800px;
background-color:#ffffff;
margin-top:30px;

}

#carr-content-holder #carr-html .carr-course {
	padding:10px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.92) 0%, rgba(246,246,246,0.88) 47%, rgba(237,237,237,0.84) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.92)), color-stop(47%,rgba(246,246,246,0.88)), color-stop(100%,rgba(237,237,237,0.84))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,0.92) 0%,rgba(246,246,246,0.88) 47%,rgba(237,237,237,0.84) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebffffff', endColorstr='#d6ededed',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:solid 3px #ffffff;
max-width:1000px;
background-color:#ffffff;
margin-top:30px;

}
.accountbg {
	background-image: url(../images/accountbg.jpg) !important;
	min-height:480px;
	max-height:680px;
}
.carr-admin table th {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background-color: #FFF;
	text-align: left;
}
.carr-admin table td {
	font-size: 11px;
	font-weight: normal;
	color: #333;
	
}
.carr-students table th {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background-color: #FFF;
	text-align: left;
}
.carr-students table td {
	font-size: 11px;
	font-weight: normal;
	color: #333;
	text-align: left;
}
#carr-content-holder #carr-content .carr-box p {
	font-size: 13px;
	line-height:19px;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 4px 6px;
font-size: 14px;
line-height: 34px;
color: #555;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn {
	display: inline-block;
	padding: 12px 24px !important;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	border: none;
	background:none !important;
	background-image:none !important;
	background-color: #356DB0 !important;
	color:#fff !important;
	 font-family: "aileronlight", Arial !important;
	 font-weight:normal !important;
}
#carr-builder-version-2 #carr-builder-pages ul li.btn {
	display: inline-block;
	padding: 12px 24px !important;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	border: none;
	background:none !important;
	background-image:none !important;
	background-color: #356DB0 !important;
	color:#fff !important;
	 font-family: "aileronlight", Arial !important;
	 font-weight:normal !important;
	 
	border:none !important;
}
#carr-content-holder #carr-content .carr-box a {
	color: #493022;
}
#carr-content-holder #carr-content .carr-box a:hover {
	color: #666666;
	text-decoration: none;
}
.btn:hover{
	background-color: #C00;
	color: #FFF;
}
.carr-forgot{
	padding-top:40px;
	padding-bottom:40px;
	max-width:420px;
}
#carr-content-holder #carr-content .carr-box .errors {
	background-color: #FFFFFF;
	border: 2px solid #ff0100;
	padding: 12px;
	font-size: 12px;
	color: #ff0100;
	
	margin-top: 20px;
	
}
#carr-content-holder #carr-content .carr-box .success {
	background-color: #FFFFFF;
	border: 2px solid #399845;
	padding: 12px;
	font-size: 12px;
	color: #399845;
	
	margin-top: 20px;
	
}
#carr-builder-menu #carr-menu-options {
	position: absolute;
	height: auto;
	width: 320px;
	top: 6px;
	right: 0px;
	text-align: right;
}
#carr-builder-menu #carr-menu-options a {
	font-size: 13px;
	color: #566F93;
	text-decoration: none;
}
#carr-builder-menu #carr-menu-options #memberlink {
	margin-right: 15px;
	margin-top: 6px;
	display: block;
	font-size:12px;
	line-height:12px;
	position:relative;
}
#carr-builder-menu #carr-menu-options #memberlink span{
	position: relative !important;
	display: inline-block!important;
}
#carr-builder-menu #carr-menu-options #memberlink .fb {
	content:url(../images/login/little-fb.png);
	position: absolute !important;
	margin-left: -15px;
	display:block;
}
#carr-builder-menu #carr-menu-options #memberlink .gp {
	content:url(../images/login/little-google.png);
	position: absolute !important;
	margin-left: -15px;
	display:block;
}
.course-details {
	background-color: #FFF;
	height: auto;
	width: 100%;
	position: absolute;
	left: 0px;
	top: -2px;
	display:none;
	-webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .6);
	box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .6);
	z-index: 200;
}
.course-details table td{
	background-color: #FFF !important;
}
#carr-builder-menu h1 {
	font-size: 18px;
	color: #000;
	font-family: "aileronlight", Arial;
	margin: 0px;
	padding: 9px;
	width: 600px !important;
	top: 0px !important;
	left: 120px !important;
	position: absolute !important;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 18px;
}
#carr-builder-menu #carr-menu-options #member_menu {
	font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    margin: 0px;
    border: none;
    position: fixed;
    height: auto;
    width: 200px;
    top: 50px !important;
    left: 0px;
    list-style-type: none;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color: #EEF2F3;
    box-shadow: none;
}

#carr-builder-menu #carr-menu-options #member_menu .current li{
	color: #000;
	background-color:#fff;
	text-align: left;
}
#carr-builder-menu #carr-menu-options #member_menu .current:hover li{
	color: #000;
	background-color:#fff;
	pointer-events:none;
}
#carr-builder-menu #carr-menu-options #member_menu a:hover li {
	background-color: #ebebeb;
	
}
#carr-builder-menu #carr-menu-options #member_menu .divider1 {
	background-color: #dddddd;
	min-height: 2px;
	font-size: 11px;
	color: #000;
	text-align: center;
	padding: 5px;
	margin-top:-1px;
	margin-bottom:-1px;
	
}
#carr-builder-menu #carr-menu-options #member_menu .divider2 {
	background-color: #dddddd;
	min-height: 2px;
	font-size: 11px;
	color: #000;
	text-align: center;
	padding: 5px;
	margin-top:-1px;
	margin-bottom:-1px;
}
#carr-builder-menu #carr-menu-options #member_menu .divider3 {
	background-color: #dddddd !important;
	min-height: 2px;
	font-size: 11px;
	color: #000;
	text-align: center;
	padding: 5px;
	margin-top:-1px;
	margin-bottom:-1px;
}
#carr-builder-menu #carr-menu-options #member_menu .divider4 {
	background-color: #dddddd !important;
	min-height: 2px;
	font-size: 11px;
	color: #000;
	text-align: center;
	padding: 5px;
	margin-top:-1px;
	margin-bottom:-1px;
}
#carr-builder-menu #carr-menu-options #member_menu .divider5 {
	background-color: #dddddd !important;
	min-height: 2px;
	font-size: 11px;
	color: #000;
	text-align: center;
	padding: 5px;
	margin-top:-1px;
	margin-bottom:-1px;
}
#carr-builder-menu #carr-menu-options #member_menu .divider6 {
	background-color: #dddddd !important;
	min-height: 2px;
	font-size: 11px;
	color: #000;
	text-align: center;
	padding: 5px;
	margin-top:-1px;
	margin-bottom:-1px;
}
#carr-builder-menu #carr-menu-options #member_menu li {
	background-color: #dddddd;
	min-height: 2px;
	font-size: 11px;
	color: #000;
	text-align: center;
	padding: 5px;
}






#carr-builder-menu #carr-menu-options #member_menum {
	font-size: 12px;
	color: #12346C;
	text-decoration: none;
	margin: 0px;
	position: relative;
	height: auto;
	width: auto;
	
	list-style-type: none;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	display: block;
	
}

#carr-builder-menu #carr-menu-options #member_menum .current li{
	color: #fff !important;
	background-color:#399845 !important;
	margin-right: -2px;
	margin-left: -2px;
	text-align: left;
	pointer-events:none;
}

#carr-builder-menu #carr-menu-options #member_menum a:hover li {
	
	
}
#carr-builder-menu #carr-menu-options #member_menum .divider1 {
	background-color: #ebebeb !important;
	border-color:#ebebeb !important;
	min-height: 2px;
	font-size: 11px;
	color: #000 !important;
	text-align: center;
	margin-right: -2px;
	margin-left: -2px;
	margin-top: -1px;
	margin-bottom: -1px;
	padding: 5px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#carr-builder-menu #carr-menu-options #member_menum .divider2 {
	background-color: #ebebeb !important;
	border-color:#ebebeb !important;
	min-height: 2px;
	font-size: 11px;
	color: #000 !important;
	text-align: center;
	margin-right: -2px;
	margin-left: -2px;
	margin-top: -1px;
	margin-bottom: -1px;
	padding: 5px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#carr-builder-menu #carr-menu-options #member_menum .divider3 {
	background-color: #ebebeb !important;
	border-color:#ebebeb !important;
	min-height: 2px;
	font-size: 11px;
	color: #000 !important;
	text-align: center;
	margin-right: -2px;
	margin-left: -2px;
	margin-top: -1px;
	margin-bottom: -1px;
	padding: 5px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#carr-builder-menu #carr-menu-options #member_menum .divider4 {
	background-color: #ebebeb !important;
	border-color:#ebebeb !important;
	min-height: 2px;
	font-size: 11px;
	color: #000 !important;
	text-align: center;
	margin-right: -2px;
	margin-left: -2px;
	margin-top: -1px;
	margin-bottom: -1px;
	padding: 5px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#carr-builder-menu #carr-menu-options #member_menum .divider5 {
	background-color: #ebebeb !important;
	border-color:#ebebeb !important;
	min-height: 2px;
	font-size: 11px;
	color: #000 !important;
	text-align: center;
	margin-right: -2px;
	margin-left: -2px;
	margin-top: -1px;
	margin-bottom: -1px;
	padding: 5px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#carr-builder-menu #carr-menu-options #member_menum .divider6 {
	background-color: #ebebeb !important;
	border-color:#ebebeb !important;
	min-height: 2px;
	font-size: 11px;
	color: #000 !important;
	text-align: center;
	margin-right: -2px;
	margin-left: -2px;
	margin-top: -1px;
	margin-bottom: -1px;
	padding: 5px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#carr-builder-menu #carr-menu-options #member_menum li {
	padding: 18px;
	list-style-position: outside;
	list-style-type: none;
	font-size: 13px;
	text-align: left;
	margin-top: 1px;
	font-weight:normal !important;
}
.carr-admin td h1 {
    padding: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    line-height: normal !important;
    font-size: 24px !important;
}
.carr-students td h1{
	padding:0px !important;
	margin-top:0px !important;
	margin-bottom:15px !important;
	line-height:24px !important;
}
.course-metrics-holder {
    background-color: #fff;
    margin: 0px;
    padding: 6px;
    border: none;
    margin-left: 50px;
    margin-bottom: 30px;
    display: none;
}
.course-students-holder {
	background-color: #FFF;
	margin: 10px;
	padding: 6px;
	border: 1px solid #EDEDED;
}
.course-students-holder li{
	font-size: 12px;
	color: #000;
	background-color: #F9E3B8;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	list-style-position: inside;
}
.course-students-holder ul{
	margin: 0px;
	padding: 5px;
	list-style-type: square;
}
.carr-admin h2{
	font-size:14px !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
	padding:0px !important;
	line-height:14px !important
}
.course-metrics-holder p{
	font-size:12px !important;
}
.course-metrics-holder a{
	background-color:#069 !important;
	color:#FFFFFF !important;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
	padding:4px;
	margin:1px;
}
.course-metrics-holder a:hover{
	background-color:#390 !important;
	color:#FFFFFF !important;
}
.carr-admin button{
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#ffffff;
	margin-left:2px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
}
.carr-admin button:hover{
	background:none;
	background-color:#666666;
}

.carr-students h2{
	font-size:14px !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
	padding:0px !important;
	line-height:14px !important
}
.carr-students button{
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#ffffff;
	margin-left:2px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
}
.carr-students button:hover{
	background:none;
	background-color:#666666;
}
/* chapters menu */
#carricula-chapters-menu{
	height: auto;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	padding-bottom:1px;
	float:right;
}
#carricula-chapters-menu li{
	font-family: "aileronlight", Arial !important;
	font-size: 17px;
	font-weight: normal;
	color: #FFF;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#carricula-chapters-menu a{
	color: #FFF;
	display:inline-block;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom:8px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.26) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.28)), color-stop(100%,rgba(255,255,255,0.26))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.28) 0%,rgba(255,255,255,0.26) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.28) 0%,rgba(255,255,255,0.26) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.28) 0%,rgba(255,255,255,0.26) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.28) 0%,rgba(255,255,255,0.26) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47ffffff', endColorstr='#42ffffff',GradientType=0 ); /* IE6-9 */
	margin-right: 3px;
	margin-left: 3px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.carr-course #carricula-chapters-menu a li{
	display:block;	
	position:relative;
}
.carr-course #carricula-chapters-menu a{
	color: #FFF;
	display:inline-block;
	position:relative;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom:10px;
	height:110px;
	background-color:#ffffff;
	border: none;
	margin-right: 5px;
	margin-left: 5px;
	padding: 0px;
	background-color: #FFFFFF;
	background-position: bottom;
	font-size: 16px;
	font-weight: bold;
	text-transform: none;
	font-family: "aileronlight", Arial;
	vertical-align: middle;
	width:110px;
	-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 0 rgba(0,0,0,.3);
	transition:background-color 1s;
	-webkit-transition:background-color 1s; /* Safari */
}

.carr-course #carricula-chapters-menu .completed:after{
	content:url(../../course.2.0/images/checked.png);
	position:absolute;
	width:auto;
	height:auto;
	top:0px;
	left:2px;
}
.carr-course #carricula-chapters-menu .completed {
	color:#999999;
	border-color:#999999;
}
.carr-course #carricula-chapters-menu .incomplete {
	cursor:default;
}
.carr-course #carricula-chapters-menu a .num{
	font-family: "aileronlight", Arial;
	color: #00295F;
	text-align: left;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	display: block;
	font-size: 17px;
	line-height:17px;
}
.carr-course #carricula-chapters-menu a .title{
	font-family: "aileronlight", Arial;
	font-weight: bold;
	text-transform: uppercase;
	color: #00295F;
	text-align: center;
	display: block;
	font-size: 12px;
	line-height: 12px;
}
.carr-course #carricula-chapters-menu a .subhead{
	font-family: "aileronlight", Arial;
	font-style: italic;
	text-align: center;
	display: block;
	font-size: 13px;
	color: #00295F;
	font-weight: normal;
	line-height:13px;
	padding-left:2px;
	padding-right:2px;
}
.carr-course #carricula-chapters-menu a:hover{
	background-color:#012A60;
	background-image:none;
	color:#ffffff;
	text-decoration:none;
}
.carr-course #carricula-chapters-menu a:hover .num{
	color:#ffffff;
}
.carr-course #carricula-chapters-menu a:hover .title{
	color:#ffffff;
}
.carr-course #carricula-chapters-menu a:hover .subhead{
	color:#ffffff;
}

.carr-course #carricula-chapters-menu .selectedchapterpreview{
	background-color:#012A60 !important;
	background-image:none !important;
	color:#ffffff !important;
}
.carr-course #carricula-chapters-menu .selectedchapterpreview .num{
	color:#ffffff !important;
}
.carr-course #carricula-chapters-menu .selectedchapterpreview .title{
	color:#ffffff !important;
}
.carr-course #carricula-chapters-menu .selectedchapterpreview .subhead{
	color:#ffffff !important;
}

#carricula-chapters-menu-holder{
	font-family: "aileronlight", Arial !important;
	color: #FFF;
	background-color: #12346C;
	display:none;
}
#carricula-chapters-submenu-holder{
	font-family: "aileronlight", Arial !important;
	color: #333;
	display:none;

}
#ajaxload {
	position: absolute;
	left: 10px;
	top: 10px;	
}
#carricula-chapters-submenu{
	max-width:768px;
	height: auto;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	padding-bottom:1px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.73) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.88)), color-stop(100%,rgba(255,255,255,0.73))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.88) 0%,rgba(255,255,255,0.73) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.88) 0%,rgba(255,255,255,0.73) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.88) 0%,rgba(255,255,255,0.73) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.88) 0%,rgba(255,255,255,0.73) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ffffff', endColorstr='#baffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 2px;
}
#carricula-chapters-submenu li{
	font-family: "aileronlight", Arial !important;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	list-style-type: none;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#carricula-chapters-submenu a{
	color: #FFF;
	position:relative;
	display:inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:4px;
	background-color: #012A60;
}
#carricula-chapters-submenu a .pagetitle{
	background-color:#EDEDED;
	color:#12346C;
	font-size:12px;
	margin-right: -8px;
	margin-left: 10px;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#carricula-chapters-submenu a .current{
	display: inline-block !important;

}
#carricula-chapters-submenu a.current{
	background-color:#12346C;
}
#carricula-chapters-submenu a:hover{
text-decoration: none;
	text-shadow: 0px 0px 2px #ffffff;
        filter: dropshadow(color=#ffffff, offx=0, offy=0);
}




/* course specific elements */

audio {
	display: block;
	margin-top: 15px;
	margin-right: 15px;
	max-width: 100% !important;
}
.submit-button{
	background: rgb(246,248,249); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
	font-family: "aileronlight", Arial !important;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin: 5px;
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 16px;
	border: 1px solid #CCC;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.next {
	background-color: transparent;
	background-image: url(/builder/images/next-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 8px;
	padding-right: 35px;
	padding-bottom: 8px;
	padding-left: 16px;
	font-family: "aileronlight", Arial !important;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.prev {
	background-color: transparent;
	background-image: url(/builder/images/prev-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 35px;
	font-family: "aileronlight", Arial !important;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.reset-button{
	background: rgb(254,187,187); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,187,187,1) 0%, rgba(252,232,232,1) 1%, rgba(252,207,207,1) 45%, rgba(255,219,219,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,187,187,1)), color-stop(1%,rgba(252,232,232,1)), color-stop(45%,rgba(252,207,207,1)), color-stop(100%,rgba(255,219,219,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,187,187,1) 0%,rgba(252,232,232,1) 1%,rgba(252,207,207,1) 45%,rgba(255,219,219,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,187,187,1) 0%,rgba(252,232,232,1) 1%,rgba(252,207,207,1) 45%,rgba(255,219,219,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,187,187,1) 0%,rgba(252,232,232,1) 1%,rgba(252,207,207,1) 45%,rgba(255,219,219,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,187,187,1) 0%,rgba(252,232,232,1) 1%,rgba(252,207,207,1) 45%,rgba(255,219,219,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ffdbdb',GradientType=0 ); /* IE6-9 */
	font-family: "aileronlight", Arial !important;
	font-size: 14px;
	font-weight: bold;
	color: #FD2525;
	margin: 5px;
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 16px;
	border: 1px solid #FC8386;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.currentchapter{
	color: #12346C !important;
	background-color: #EDEDED !important;
}
.currentchapter li{
	color: #12346C !important;
}

#course_info{
	background-color: #EDEDED;
	padding: 8px;
	margin-bottom: 15px;
	font-family: "aileronlight", Arial !important;
	font-size: 12px;
	color: #12346C;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#course_info h1{
	font-family: "aileronlight", Arial !important;
	font-size: 32px;
	color: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	text-transform: uppercase;
	line-height: 21px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
}
#course_info h3{
	font-family: "aileronlight", Arial !important;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	line-height: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#course_info p{
	font-family: "aileronlight", Arial !important;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	line-height: 14px;
	margin: 0px;
}
input, button, select, textarea{
	font-family: "aileronlight", Arial;
}
#carricula-page-html #carricula-chapters-menu a:hover{
	color:#000 !important;
}

#carr-progress{
	background-color: #000 !important;
	position: relative;
	height: 20px;
	width: 100%;
}
#carr-progress .progress-chapter{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 8px;
	color: #EDEDED;
	font-weight: normal;
	line-height: 15px;
	text-indent: 5px;
	display:inline-block;
	background-image: url(../images/progress-divider.png);
	background-repeat: no-repeat;
	background-position: right center;
	white-space: nowrap;
	overflow: hidden;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #174B93;
	border-right-color: #174B93;
	border-bottom-color: #174B93;
	border-left-color: #174B93;
}
#carr-progress .progress-page{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 8px;
	line-height: 15px;
	font-weight: normal;
	color: #FFF;
	background-color: #5786C7;
	text-indent: 5px;
	display:inline-block;
	background-image: url(../images/progress-divider.png);
	background-repeat: no-repeat;
	background-position: right center;
	white-space: nowrap;
	overflow: hidden;
}
#carr-progress .progress-selected{
	background-color: #FEEAB0 !important;
	color: #000 !important;
}
#carr-progress div{
	display:inline-block;
}
#extra-menu{
	background: -moz-linear-gradient(top,  rgba(69,72,77,0.89) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.89)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(69,72,77,0.89) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(69,72,77,0.89) 0%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(69,72,77,0.89) 0%,rgba(0,0,0,0.85) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(69,72,77,0.89) 0%,rgba(0,0,0,0.85) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e345484d', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */


	position: fixed;
	height: auto;
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display:none;
z-index:500;
}
#extra-menu #extra-menu-allow-retakes{
	height: auto;
	width: auto;
	position: relative;
}
#extra-menu #extra-menu-show-results{
	height: auto;
	width: auto;
	position: relative;
}
#extra-menu #extra-menu-show-correct-answers{
	height: auto;
	width: auto;
	position: relative;
}
#extra-menu #extra-menu-allow-retakes label{
	color: #FFF;
	background-color: #953426;	
}
#extra-menu #extra-menu-show-results label{
	color: #FFF;
	background-color: #000000;
}
#extra-menu #extra-menu-show-correct-answers label{
	color: #FFF;
	background-color: #556E92;
}
#extra-menu label{
	position: relative;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
	color: #FFF;
	background-color: #000;
	display: block;
	width: auto;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	background-image: url(../images/extra-toggle-open.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 50px;
	text-transform: uppercase;
}
#extra-menu .extra-content .percent{
	font-family: "Arial Black", Gadget, sans-serif !important;
	font-size: 55px !important;
	line-height: 55px !important;
	font-weight: normal !important;
	color: #FFF !important;
}
#extra-menu .extra-content h1{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	color: #FFF;
	padding:8px;
	padding-top:0px;
	margin-top:0px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

}
#extra-menu .extra-content h3{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #FFF;
	padding:8px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjcxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(0,0,0,0.71) 0%, rgba(0,0,0,0.55) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.71)), color-stop(100%,rgba(0,0,0,0.55))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0.71) 0%,rgba(0,0,0,0.55) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(0,0,0,0.71) 0%,rgba(0,0,0,0.55) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(0,0,0,0.71) 0%,rgba(0,0,0,0.55) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(0,0,0,0.71) 0%,rgba(0,0,0,0.55) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5000000', endColorstr='#8c000000',GradientType=0 ); /* IE6-8 */

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor:pointer;
}
#extra-menu .extra-content h3:hover{
	background-color:#666 !important;
}
#extra-menu .extra-content{
	position: relative;
	font-family: "Myriad Pro", Arial;
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	color: #FFF;
	display: none;
	padding: 12px;
	width: auto;
	max-height:280px;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	
}
#extra-menu .extra-content .correct{
	color:#99CC66;
}
#extra-menu .extra-content .incorrect{
	color:#CC3300;
}
#extra-menu .extra-content .answers{
	display:none;
}

#extra-menu .extra-content label{
	background-color:transparent !important;
	background-image:none !important;
	padding:0px;
	border:none !important;
	color:#CCC !important;
}
#extra-menu label.opened{
	background-image: url(../images/extra-toggle-close.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#extra-menu .extra-content button{
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#ffffff;
	margin-left:2px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
}
#extra-menu .extra-content button:hover{
	background:none;
	background-color:#666666;
}
#extra-menu .extra-content p{
	padding-left:5px;
	padding-right:5px;
}


#carr-styler{
	color:#000000 !important;
	background: rgb(255,255,255); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */

position:relative;
margin:0px;
	
}

#carr-styler input[type="file"] {
	width:210px !important;
	overflow:hidden;
	height: auto !important;
	line-height: normal !important;
	align-items: inherit !important;
	color: #666 !important;
	text-align: left !important;
	padding:5px !important;
	margin:inherit;
	margin-top:-10px;
	vertical-align: middle !important;
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CCC;
}

#carr-styler input[type="submit"] {
	width:120px !important;
	overflow:hidden;
	height: auto !important;
	line-height: normal !important;
	align-items: inherit !important;
	color: #FFF !important;
	text-align: center !important;
	padding:6px !important;
	margin:inherit;
	margin-top:-11px;
	vertical-align: middle !important;
	background: rgb(157,213,58); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzhkZDEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JjMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(157,213,58,1) 0%, rgba(141,209,33,1) 49%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,213,58,1)), color-stop(49%,rgba(141,209,33,1)), color-stop(51%,rgba(128,194,23,1)), color-stop(100%,rgba(124,188,10,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(141,209,33,1) 49%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(141,209,33,1) 49%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(141,209,33,1) 49%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(157,213,58,1) 0%,rgba(141,209,33,1) 49%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-8 */


-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #FFF;
}
#carr-styler input[type="submit"]:hover {
	background-image:none;
	background-color: #7DBD0D;
}
.account_courses{
	float: right;
	height: auto;
	width: 53%;
	position: relative;
	margin-bottom:-10px;
	
}
.account_course{
	background-color: #FFF;
	background-image: url(../../images/splash/splashbg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position: relative;
	height: 120px;
	width: 48%;
	margin-bottom:10px;
	border: none;
	-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow:  0px 0px 11px 0px rgba(0, 0, 0, .5);
        
        box-shadow:  0px 0px 11px 0px rgba(0, 0, 0, .5);
		float:left;
		overflow:hidden;
		margin-bottom:20px;
		transition:all .4s;
		perspective:500px;
}
.account_course:hover{
	-webkit-box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, .5);
     box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, .5);
}
/*
#carr-content-holder #carr-content .carr-box .account_course:hover h1{
	transform:rotateX(360deg) translateZ(50px) translateX(30px);
}
#carr-content-holder #carr-content .carr-box .account_course:hover h2{
	transform:rotateX(360deg) translateZ(50px) translateX(30px);
}
*/

#carr-content-holder #carr-content .carr-box .account_course h1{
	color: #000000 !important;
    line-height: 22px !important;
    text-align: left !important;
    padding-top: 20px;
    padding-bottom: 40px;
    font-size: 24px !important;
    margin-left: 140px;
    margin-top: 20px !important;
    text-transform: none !important;
    transition: all .6s;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 20px !important;
    position: relative;
    height: auto;
    max-height: initial;
    min-height: initial;
}
#carr-content-holder #carr-content .carr-box .account_course h2 {
    color: #000;
    margin: 0px;
    font-style: normal;
    text-transform: lowercase;
    margin-left: 140px;
    margin-top: 0px !important;
    padding-top: 0px !important;
    line-height: normal !important;
	transition: all .6s;
}
.account_course p{
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc5Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(69,72,77,0.9) 0%, rgba(0,0,0,0.79) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.9)), color-stop(100%,rgba(0,0,0,0.79))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,0.9) 0%,rgba(0,0,0,0.79) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,72,77,0.9) 0%,rgba(0,0,0,0.79) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,72,77,0.9) 0%,rgba(0,0,0,0.79) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,72,77,0.9) 0%,rgba(0,0,0,0.79) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e645484d', endColorstr='#c9000000',GradientType=0 ); /* IE6-8 */
	font-family: "Myriad Pro", Arial !important;
	font-size: 12px !important;
	line-spacing:12px !important;
	color: #cccccc !important;
	padding: 10px !important;
	position: relative !important;
	height: auto !important;
	margin: 0px !important;
	line-height: 13px !important;
}
.account_course .details{
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc5Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(69,72,77,0.9) 0%, rgba(0,0,0,0.79) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.9)), color-stop(100%,rgba(0,0,0,0.79))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,0.9) 0%,rgba(0,0,0,0.79) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,72,77,0.9) 0%,rgba(0,0,0,0.79) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,72,77,0.9) 0%,rgba(0,0,0,0.79) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,72,77,0.9) 0%,rgba(0,0,0,0.79) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e645484d', endColorstr='#c9000000',GradientType=0 ); /* IE6-8 */
	font-family: "Myriad Pro", Arial !important;
	font-size: 12px !important;
	line-spacing:12px !important;
	color: #cccccc !important;
	padding: 10px !important;
	position: relative !important;
	height: auto !important;
	margin: 0px !important;
	line-height: 13px !important;
}
.account_course .details td{
	color: #cccccc !important;
}
.account_course_timing{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	color: #EDEDED;
	text-align: right !important;
	display: block;
}
.account_course button{
	font-family: "Myriad Pro", Arial;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	color: #FFF;
	background-color: #6C93D0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-top: 4px;
	padding-right: 9px;
	padding-bottom: 4px;
	padding-left: 9px;
}
.account_content_share{
	text-align: center;
	padding: 30px;
}
.account_course button:hover{
	background-color: #024695;
}
.account_content{
	float: left;
	height: auto;
	width: 47%;
	position: relative;
	margin-left:-10px;
}
.account_contact_info{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	background-color: #FFF;
	margin: 20px;
	padding: 15px;
	border: 1px solid #EDEDED;
	line-height: 15px;
}
.account_instructors{
	margin: 15px;
	padding: 0px;
	list-style-type: circle;
}
.account_instructors li{
	margin-left: 25px;
}
.account_instructors_heading{
	line-height: 18px;
	margin: 10px !important;
	font-size:18px;
	font-family:myriad pro, myriad, arial;
}
.account_footer{
	background-color: #EDEDED;
	padding: 15px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1000;
}
.account_footer_left{
	float: left;
	height: auto;
	width: 200px;
	position: relative;
	font-family: "Myriad Pro", Arial;
	font-size: 10px;
	color: #666;
}
.account_footer_right{
	float: right;
	height: auto;
	width: auto;
	position: relative;
	margin-right: 20px;
}
.carricula-tip{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	background-color: #09F;
	padding: 6px;
	height: auto;
	width: 120px;
	position: absolute;
	line-height: 11px;
	margin-top: -6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	text-align:center;
}
.carricula-tip:before{
	content:"";
	width: 0px;
	height: 0px;
	margin-left:-10px;
	z-index: 20px;
	position:absolute;
	left:0px;
	top:8px;
	border-top-width: 8px;
	border-right-width: 10px;
	border-bottom-width: 8px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: transparent;
	border-right-color: #4B7BBF;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.carricula-tip-right{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	background-color: #09F;
	padding: 6px;
	height: auto;
	width: 120px;
	position: absolute;
	line-height: 11px;
	margin-top: 36px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -150px;
	text-align:center;
}
.carricula-tip-right:before{
	content:"";
	width: 0px;
	height: 0px;
	margin-left:-140px;
	z-index: 20px;
	position:absolute;
	top:-18px;
	right:0px;
	border-width: 8px 0 8px 10px;
border-color: transparent transparent transparent #000000;
}
.dashboard-right {
	float: right;
	height: auto;
	width: 50%;
	position: relative;
}
.dashboard-left {
	float: left;
	height: auto;
	width: 50%;
	position: relative;
}
.dashboard-left h2 {
	color: #FFF !important;
	padding: 5px !important;
	display: block;
	margin: 10px !important;
	background-color: #58585b;
	font-family: Tahoma, Geneva, sans-serif !important;
	font-size: 12px !important;
	font-weight: normal !important;
	font-style: normal !important;
	line-height: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.dashboard-right h2 {
	color: #FFF !important;
	padding: 5px !important;
	display: block;
	margin: 10px !important;
	background-color: #58585b;
	font-family: Tahoma, Geneva, sans-serif !important;
	font-size: 12px !important;
	font-weight: normal !important;
	font-style: normal !important;
	line-height: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.dashboardfull {
	float: none;
	height: auto;
	width: 100%;
	position: relative;
}
.dashboardfull h2 {
	color: #FFF !important;
	padding: 5px !important;
	display: block;
	margin: 10px !important;
	background-color: #58585b;
	font-family: Tahoma, Geneva, sans-serif !important;
	font-size: 12px !important;
	font-weight: normal !important;
	font-style: normal !important;
	line-height: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.timestamp{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 9px !important;
	font-weight: normal !important;
	color: #12346C !important;
	text-align: right !important;
	margin-left:10px;
	margin-right:10px;
}
.dashboardfull .notifications {
	margin-left:10px;
	margin-right:10px;
}
.dashboard-left .notifications {
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 8px;
	position:relative;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.dashboard-left .notifications h3 {
	font-family: "Myriad Pro", Arial !important;
	font-size: 13px !important;
	font-weight: bold !important;
	color: #113269;
	margin-top: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 5px !important;
	margin-left: 0px !important;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #556E92;
	border-right-color: #556E92;
	border-bottom-color: #556E92;
	border-left-color: #556E92;
	padding: 3px !important;
	line-height: 15px;
}
.dashboard-right .messagecontactslist {
	margin: 10px;
	padding: 0px;
	list-style-type: none;
}
.contactlistcoursename {
	font-family: "Myriad Pro", Arial;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	background-color: #FEEAB0;
	background-image: url(../images/book.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 33px;
}
.dashboard-right .messagecontactslist a li {
	color: #0070C4;
	background-color: #FFFFFF;
	padding: 6px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.dashboardfull .legend {
	font-family: "Myriad Pro", Arial;
	font-size: 11px;
	font-style: italic;
	line-height: 20px;
	font-weight: normal;
	color: #556E92;
	margin: 10px;
}
.dashboard-right .messagecontactslist a li:hover {
	color: #000;
	background-color: #ffffff;
}
.dashboard-right .messagecontactslist a li.selected {
	color: #fff;
	background-color: #11336B;
	background-image: url(../images/selected-contact.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
.no-results {
	background-color: #FFF;
	border: 1px dotted #0074C7;
	font-family: "Myriad Pro", Arial;
	font-size: 12px;
	color: #556E92;
	text-align: center;
	padding: 20px;
	margin: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#carr-content .carr-box.carr-students .dashboard-left .notifications p {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	font-weight: normal !important;
	color: #333 !important;
	margin: 0px !important;
}
.dashboard-left .notifications .options{
	display:none;
	position:absolute;
	bottom:0px;
	right:0px;
}
.dashboard-left .notifications:hover .options{
	display:block;
}
.notifications {
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 8px;
	position:relative;
	-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
max-width:820px;
}
.notifications h3 {
	font-family: "Myriad Pro", Arial !important;
	font-size: 13px !important;
	font-weight: bold !important;
	color: #113269;
	margin-top: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 5px !important;
	margin-left: 0px !important;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #556E92;
	border-right-color: #556E92;
	border-bottom-color: #556E92;
	border-left-color: #556E92;
	padding: 3px !important;
	line-height: 15px;
}
.notifications p {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	font-weight: normal !important;
	color: #333 !important;
	margin: 0px !important;
}
.notifications .options{
	display:none;
	position:absolute;
	bottom:0px;
	right:0px;
}
.notifications:hover .options{
	display:block;
}
.mycourse:hover{
	border-top-color: #12346C !important;
	border-right-color: #12346C !important;
	border-bottom-color: #12346C !important;
	border-left-color: #12346C !important;
}
.mycourse{
	margin-left:1% !important;
	margin-right:1% !important;
	
}.carr-mycourses-course-progress {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border:none;
	min-height:50px;
	background-size:cover;
}
.inner-progress-bar td{
	color: #000 !important;
}
.inner-progress-bar table{
	margin-top:10px;
}
.inner-progress-bar{
	position:relative;
	float:none !important;
	width:100%;
	height:50px;
	font-family: "Myriad Pro", Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000 !important;
	line-height: 16px;
	text-align:center;
	min-height:50px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	display:block;
	clear:both;
}
.progress-bar{
	clear:both;
}
.pbar{
	min-width:10%;
	width:100%;
	height:16px;
	background-color:#369A46;
	display:block;
	position:relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 2px 0 rgba(255,255,255,.9);
	box-shadow: 0 0 2px 0 rgba(255,255,255,.9);
}
.lightpbar{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0.6))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#99ffffff',GradientType=0 ); /* IE6-9 */


}
.darkpbar{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0.7))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 ); /* IE6-9 */




}
.pbar:before{
	content:attr(data-num) '%';
	position:absolute;
	right:2px;
	top:1px;
	color:#fff;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	
}
.pnumberof{
	 font-family:myriad pro, myriad, arial !important;
	 font-size:18px !important;
	 font-weight:bold !important;
	 color:#000000 !important;
	 float:right;
}
.yellow{
	background: rgb(248,181,0); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y4YjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmRmOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(248,181,0,1) 1%, rgba(251,223,147,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(248,181,0,1) 1%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(248,181,0,1) 1%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(248,181,0,1) 1%,rgba(251,223,147,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(248,181,0,1) 1%,rgba(251,223,147,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b500', endColorstr='#fbdf93',GradientType=0 ); /* IE6-8 */


}
.blue{
	background: rgb(30,87,153); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(125,185,232,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(125,185,232,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(125,185,232,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */


}
.green{
	background: rgb(107,186,112); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiYmE3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YmJhNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(107,186,112,1) 0%, rgba(107,186,112,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,186,112,1)), color-stop(100%,rgba(107,186,112,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(107,186,112,1) 0%,rgba(107,186,112,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(107,186,112,1) 0%,rgba(107,186,112,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(107,186,112,1) 0%,rgba(107,186,112,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(107,186,112,1) 0%,rgba(107,186,112,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bba70', endColorstr='#6bba70',GradientType=0 ); /* IE6-8 */

}
.dark{
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43OSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(69,72,77,0.82) 0%, rgba(0,0,0,0.79) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.82)), color-stop(100%,rgba(0,0,0,0.79))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(69,72,77,0.82) 0%,rgba(0,0,0,0.79) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(69,72,77,0.82) 0%,rgba(0,0,0,0.79) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(69,72,77,0.82) 0%,rgba(0,0,0,0.79) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(69,72,77,0.82) 0%,rgba(0,0,0,0.79) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d145484d', endColorstr='#c9000000',GradientType=0 ); /* IE6-8 */


}
.red{
	background: rgb(149,52,38); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1MzQyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MzQ1M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(149,52,38,1) 0%, rgba(147,69,59,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,52,38,1)), color-stop(100%,rgba(147,69,59,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(149,52,38,1) 0%,rgba(147,69,59,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(149,52,38,1) 0%,rgba(147,69,59,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(149,52,38,1) 0%,rgba(147,69,59,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(149,52,38,1) 0%,rgba(147,69,59,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#953426', endColorstr='#93453b',GradientType=0 ); /* IE6-8 */


}
.enrollment_ui:before {
	content:url(../images/teescorm.png);
	position:absolute;
	top:-30px;
	left:230px;
}
.enrollment_ui_window {
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 11000;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwOTZlZSIgc3RvcC1vcGFjaXR5PSIwLjM3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDk2ZWUiIHN0b3Atb3BhY2l0eT0iMC40MyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(64,150,238,0.37) 0%, rgba(64,150,238,0.43) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,150,238,0.37)), color-stop(100%,rgba(64,150,238,0.43))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(64,150,238,0.37) 0%,rgba(64,150,238,0.43) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(64,150,238,0.37) 0%,rgba(64,150,238,0.43) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(64,150,238,0.37) 0%,rgba(64,150,238,0.43) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(64,150,238,0.37) 0%,rgba(64,150,238,0.43) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e4096ee', endColorstr='#6e4096ee',GradientType=0 ); /* IE6-8 */

display:none;
-webkit-box-shadow: 0 5px 9px 0 rgba(0,0,0,.6);
box-shadow: 0 5px 9px 0 rgba(0,0,0,.6);
background-color:#666;

}
.enrollment_ui{
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
	padding: 30px;
	height: auto;
	width: 460px;
	margin-top: 200px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	border: 6px solid #CCC;
	-webkit-box-shadow:  0px 12px 188px 33px rgba(0, 0, 0, .6);
    box-shadow:  0px 12px 188px 33px rgba(0, 0, 0, .6);
	font-family: "Myriad Pro", Arial;
	font-size:14px;
	color:#000000;
}
.enrollment_ui h1 {
    font-family: "Myriad Pro", Arial !important;
    font-size: 18px !important;
    line-height: 18px !important;
    margin: 0px !important;
    color: #000000 !important;
    font-weight: normal !important;
    font-variant: small-caps !important;
}
.enrollment_ui button{
	font-family: "Myriad Pro", Arial !important;
	font-size: 15px;
	text-transform:uppercase;
	font-weight: normal;
	color: #FFF;
	background-color: #666666;
	padding: 8px;
	width: 220px;
	border: 1px solid #FFF;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition: background-color 1s;
	-webkit-transition: background-color 1s;
}
.enrollment_ui button:hover {
	color: #FFF;
	background-color: #999999;
}
#carr-menu-mobile {
		
	display:none;
		
}

#carricula-footer-holder {
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	height:auto;
	display:none !important;
}

#carricula-footer {
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;	
	position:relative;
}
#carricula-footer a {
	color:#666666 !important;
}

#carricula-footer a:hover {
	color:#cccccc !important;
}


#carr-content-holder #carr-content .carr-box .dashbox h1{
	font-size: 22px;
	line-height: 22px;
	font-weight: normal !important;
	color: #FFF !important;
	background-color: #399845;
	margin: 0px !important;
	padding: 9px !important;
	text-transform: none !important;
	text-align:center !important;
	height:auto !important;
	min-height:initial !important;
}

@media only screen and (max-width: 880px) {
	#homebanner {
		width:137.2px !important;
	}
	#homepageright{
		width:210px !important;
	}
	
	.dashboard-left{
		display:block !important;
		float:none !important;
		width:100% !important;
	}
	.dashboard-right{
		display:block !important;
		float:none !important;
		width:100% !important;
	}
	#carr-builder-menu #builder-logo{
		left:10px !important;
	}
}
@media only screen and (max-width: 870px) {
	#homebanner {
		display:none !important;
	}
	#homepageright{
		width:auto !important;
		clear:both !important;
		float:none !important;
		height:auto !important;
	}
	#rssoutput{
		width:100% !important;
		height:222px !important;
		min-height: 222px !important;
	}
	#rssoutputholder{
		width:100% !important;
		height:auto !important;
		min-height: 222px !important;
	}
	.appsize-large {
		width: 33.1% !important;
		height: 110px !important;
	}
	.homepagetitlered {
		display:none !important;
	}
	#carr-search-form{
		width:99% !important;
		float:none !important;
	}
	#homepagesignup {
		position: relative !important;
		
	}
	#universalemail {
		position: relative !important;
		width: 100%;
	}
	#homepagesignup input{
		width:98% !important;
	}
	.account_course{
		width:auto !important;
		float:none !important;
		margin-left: -20px !important;
		margin-right: -20px !important;
		margin-bottom: 0px !important;
		
	}
	
	#carr-content-holder #carr-content .carr-box .mycourse h1 {
		text-shadow: none !important;
		filter: dropshadow(color=#000000, offx=1, offy=1);
		line-height: 22px !important;
		text-align: center !important;
		padding-top: 20px;
		padding-bottom: 40px;
		font-size: 15px !important;
	}
	#carr-content-holder #carr-content .carr-box>div>div a {
		text-decoration: none !important;
		
	}
	
}
@media only screen and (max-width: 770px) {
	#homebanner {
		display:none !important;
	}
	#homepageright{
		width:auto !important;
		clear:both !important;
		float:none !important;
		height:auto !important;
	}
	#rssoutput{
		width:100% !important;
		height:auto !important;
		min-height: 356px !important;
	}
	#rssoutputholder{
		width:100% !important;
		height:356px !important;
		min-height: 356px !important;
	}
	.appsize-large {
		width: 49.5% !important;
		height: 110px !important;
	}
	.homepagetitlered {
		display:none !important;
	}
	
	#carr-search-form{
		width:99% !important;
		float:none !important;
	}
	#homepagesignup {
		position: relative !important;
		
	}
	#universalemail {
		position: relative !important;
		width: 100%;
	}
	#homepagesignup input{
		width:97% !important;
	}
}

#carr-menu-options #carr-mobile{
	display:none;
}
@media only screen and (max-width: 768px) {
	
	#carr-menu-mobile {
		
		display:block !important;
		
	}
	
	#mobilefooter{
		/*display:block !important;*/
	}
	
	#searchclose{
		display:none !important;
	}
	
	#carr-content-holder #carr-content .carr-students{
		padding:0px !important;
	}
	
	#carricula-footer-holder{
		display:none !important;
	}
	
	#carr-menu-standard {
		
		display:none !important;
		
	}
	#rssoutputholder{
		width:100% !important;
		height:auto !important;
		min-height: 356px !important;
	}
	#carr-menu-options #carr-mobile{
		margin: 0px;
		padding: 10px;
		bottom:0px;
		position: fixed;
		left: 0px;
		top: 50px;
		right: 0px;
		background-color:#ebebeb;
display:none;
	overflow:auto;
-webkit-overflow-scrolling: touch;
	}
	#carr-menu-options #carr-mobile li{
	text-align: left;
	padding: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	list-style-type: none;
	font-family: Arial !important;
	color: #399845 !important;
	background-color:#fff !important;
	
	font-weight: normal !important;
	text-transform: uppercase;
	border: 1px solid #399845;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	}
	#carr-menu-options #carr-mobile a{
		color: #399845 !important;
	}
	#carr-menu-options #carr-mobile a li:hover{
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	list-style-type: none;
	font-family: Arial !important;
	color:#fff !important;
	background-color:#1865b0 !important;
	border: 1px solid #fff;
	


	}
	#carr-menu-options #carr-mobile a:hover{
		color: #FFF !important;
	}
	#builder-logo{
		display:none !important;
	}
	#mobile-toggle{
		display:block !important;
	}
	#carr-builder-menu #carr-menu-options #memberlink {
	margin-top: 8px !important;
	display: block;
	position:relative;
	
}
	body{
		padding-bottom:200px !important;
	}
	
	#carr-builder-menu #builder-logo{
		left:10px !important;
		display:block !important;
	}
}
@media only screen and (max-width: 700px) {
	.account_content {
		height: auto !important;
		width: auto !important;
		float:none !important;
	}
	.account_content div:first-child {
		display:none !important;
	}
	.account_courses {
		float: none !important;
		height: auto !important;
		width: 100% !important;
	}
	.account_courses #rssoutputholder{
		height: auto !important;
		min-height: 222px !important;
	}
	.account_courses #rssoutput{
		height: auto !important;
		min-height: 222px !important;
	}
	
	#builder-logo{
		display:block !important;
		left: 15px !important;
	}
	#carr-paper {
		max-height: 260px !important;
	}
	
}
@media only screen and (max-width: 620px) {
	#bio {
		position: relative;
		float: none !important;
		width: auto !important;
		margin-top:-15px !important;
	}
	#bioclassdirectory {
		float: none !important;
		width: auto !important;
	}
	
}
@media only screen and (max-width: 500px) {
	#homepagesignup input{
		width:96% !important;
	}
	#carr-content-holder #carr-content .carr-students {
		padding-top: 5px !important;
	}
	
}
@media only screen and (max-width: 400px) {
	.bioclassthumb {
		width: 100% !important;
		height: 150px;
	}
	.bioclass {
		display: inline-block;
		max-width: 48%;
		padding: 2px;
	}
	#carousel td {
		width:50%;
	}
}
@media (max-width: 360px) {
	
	#carr-content-holder #carr-content .carr-students {
    padding-left: 0px !important; 
    padding-right: 0px !important; 
	}
	#carr-content-holder #carr-content .carr-students,#carr-content-holder #carr-content .carr-admin{
		padding-left: 0px !important; 
    padding-right: 0px !important; 
		
	}
}

.AuthorizeNetSeal img{
	width:70px !important;
	height:56px !important;
	display:block !important;
}
.AuthorizeNetSeal a{
	font-size:8px !important;
	display:block !important;
	text-align:left !important;
}
#loginwindow {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.23) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.23))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.23) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.23) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.23) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.23) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#3b000000',GradientType=0 ); /* IE6-9 */
	display: none;

}
#loginwindow #loginwindowcontent{
	background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(178,166,128,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(178,166,128,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(178,166,128,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(178,166,128,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(178,166,128,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(178,166,128,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b2a680',GradientType=0 ); /* IE6-9 */

position:relative;
margin-top:140px;
max-width:660px;
padding:10px;
margin-left:auto;
margin-right:auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}#loginwindow #loginwindowlogo {
	background-image: url(../images/login/logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	position: relative;
	display: block;
	margin-right: 10px;
	margin-left: 10px;
}
#loginwindow #loginwindowcontent a #loginwindowclose {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 200;
}
#loginwindow #loginwindowcontent #loginwithsocial p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #000;
}
#loginwindow #loginwindowcontent #loginwithsocial {
	padding: 3%;
	float: left;
	width: 44%;
	position: relative;
	border: 1px none #FFF;
}
#loginwindow #loginwindowcontent #loginwithsite {
	padding: 3%;
	float: left;
	width: 43.5%;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
#loginwindow button {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px !important;
	background-color: #DA2C2C !important;
	background: none;
	backgorund-image: none;
	display: block !important;
	width: 96%;
	margin: 0px !important;
	font-weight: normal;
	color: #FFF;
	text-transform: uppercase;
	padding: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#loginwindow .form-control{
	padding:8px;
	padding-left:34px;
	-webkit-border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	border-radius: 7px !important;
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.4);
box-shadow: 0 0 2px 0 rgba(0,0,0,.4);
}
#loginwindow #universal_email{
	background-image: url(../images/login/input-email.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	width: 80%;
	color: #877338;
}
#loginwindow #universal_password{
	background-image: url(../images/login/input-password.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	width: 80%;
	color: #877338;
}
#loginwindow #loginwindowcontent #loginwithsite .forgot {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
#loginwindow #loginwindowcontent #loginwithsite .forgot a {
	color: #DA2C2C;
	text-decoration: underline;
}
#loginwindow #loginwindowcontent .createaccount {
	padding: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-align: center;
	clear: both;
	margin-right: 10px;
	margin-left: 10px;
}
#loginwindow #loginwindowcontent .createaccount a {
	color: #DA2C2C;
	text-decoration: underline;
}

.daysremaining{
	color: #FFF;
	background-color: #F00;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;	
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.remaining{
	color: #000 !important;
	font-size:9px !important;
}

.package{
	display:inline-block;
	width:24.5%;
	overflow:hidden;
	min-height:420px;
	height:auto;
	position:relative;
	font-family: "Myriad Pro", Myriad, Arial;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #DBDBDB;
	min-width:140px;
	-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
z-index:1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	cursor:pointer;
	padding-bottom:60px;
}
.package:hover{
	-webkit-transform:scaleX(1.3) scaleY(1.3);
	-moz-transform:scaleX(1.3) scaleY(1.3);
	-o-transform:scaleX(1.3) scaleY(1.3);
	transform:scaleX(1.3) scaleY(1.3);
	z-index:1000;
}
.package div{
	text-align:center;
}
.package .bigname{
	text-align:center;
	font-family: "Myriad Pro", Myriad, Arial;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	background-color: #000;
	padding: 8px;	
	background: rgb(69,72,77); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;

}

.package .bigprice{
	text-align:center;
	font-family: "Myriad Pro", Myriad, Arial;
	font-size: 44px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	background-color: #666;
	padding: 8px;
	text-shadow: 3px 3px 3px #000000;	
	

}
.package .bigper{
	background-color: #333;
}
.package .bigpermonth{
	text-align:center;
	font-family: "Myriad Pro", Myriad, Arial;
	font-size: 21px;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
	text-shadow: 2px 2px 2px #000000;	
	

}

.package .bigpaid{
	text-align:center;
	font-family: "Myriad Pro", Myriad, Arial;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	padding: 2px;
	text-shadow: 1px 1px 1px #000000;	
	

}
.packagespecs{
	margin:6px;
	padding:20px;
	font-size:13px;
	padding-top:0px;
}
.bigselection{
	position:absolute;
	bottom:10px;
	left:0px;
	width:100%;
	
}
.package-checked{
	
	display:none;
}



.radial-progress {
	margin: 50px;
	width: 120px;
	height: 120px;
	background-color: #d6dadc;
	border-radius: 50%;
	display: inline-block;
	position:relative;
}
.radial-progress .circle .mask,
.radial-progress .circle .fill,
.radial-progress .circle .shadow {
  width: 120px;
  height: 120px;
  position: absolute;
  border-radius: 50%;
}
.radial-progress .circle .shadow {
  box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2) inset;
}
.radial-progress .circle .mask,
.radial-progress .circle .fill {
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 1s;
  transition: -ms-transform 1s;
  transition: transform 1s;
  border-radius: 50%;
}
.radial-progress .circle .mask {
  clip: rect(0px, 120px, 120px, 60px);
}
.radial-progress .circle .mask .fill {
  clip: rect(0px, 60px, 120px, 0px);
  background-color: #399845;
}
.radial-progress .inset {
  width: 90px;
  height: 90px;
  position: absolute;
  margin-left: 15px;
  margin-top: 15px;
  background-color: #fbfbfb;
  border-radius: 50%;
  box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2);
}
.radial-progress .inset .percentage {
  height: 22px;
  width: 57px;
  overflow: hidden;
  position: absolute;
  top: 34px;
  left: 16.5px;
  line-height: 1;
}
.radial-progress .inset .percentage .numbers {
  margin-top: -22px;
  transition: width 1s;
}
.radial-progress .inset .percentage .numbers span {
  width: 57px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-weight: 800;
  font-size: 22px;
  font-family: "aileronlight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #399845;
}
.radial-progress[data-progress="0"] .circle .mask.full,
.radial-progress[data-progress="0"] .circle .fill {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.radial-progress[data-progress="0"] .circle .fill.fix {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.radial-progress[data-progress="0"] .inset .percentage .numbers {
  width: 57px;
}
.radial-progress[data-progress="1"] .circle .mask.full,
.radial-progress[data-progress="1"] .circle .fill {
  -webkit-transform: rotate(1.8deg);
  -ms-transform: rotate(1.8deg);
  transform: rotate(1.8deg);
}
.radial-progress[data-progress="1"] .circle .fill.fix {
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.radial-progress[data-progress="1"] .inset .percentage .numbers {
  width: 114px;
}
.radial-progress[data-progress="2"] .circle .mask.full,
.radial-progress[data-progress="2"] .circle .fill {
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.radial-progress[data-progress="2"] .circle .fill.fix {
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.radial-progress[data-progress="2"] .inset .percentage .numbers {
  width: 171px;
}
.radial-progress[data-progress="3"] .circle .mask.full,
.radial-progress[data-progress="3"] .circle .fill {
  -webkit-transform: rotate(5.4deg);
  -ms-transform: rotate(5.4deg);
  transform: rotate(5.4deg);
}
.radial-progress[data-progress="3"] .circle .fill.fix {
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.radial-progress[data-progress="3"] .inset .percentage .numbers {
  width: 228px;
}
.radial-progress[data-progress="4"] .circle .mask.full,
.radial-progress[data-progress="4"] .circle .fill {
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.radial-progress[data-progress="4"] .circle .fill.fix {
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.radial-progress[data-progress="4"] .inset .percentage .numbers {
  width: 285px;
}
.radial-progress[data-progress="5"] .circle .mask.full,
.radial-progress[data-progress="5"] .circle .fill {
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  transform: rotate(9deg);
}
.radial-progress[data-progress="5"] .circle .fill.fix {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radial-progress[data-progress="5"] .inset .percentage .numbers {
  width: 342px;
}
.radial-progress[data-progress="6"] .circle .mask.full,
.radial-progress[data-progress="6"] .circle .fill {
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.radial-progress[data-progress="6"] .circle .fill.fix {
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.radial-progress[data-progress="6"] .inset .percentage .numbers {
  width: 399px;
}
.radial-progress[data-progress="7"] .circle .mask.full,
.radial-progress[data-progress="7"] .circle .fill {
  -webkit-transform: rotate(12.6deg);
  -ms-transform: rotate(12.6deg);
  transform: rotate(12.6deg);
}
.radial-progress[data-progress="7"] .circle .fill.fix {
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.radial-progress[data-progress="7"] .inset .percentage .numbers {
  width: 456px;
}
.radial-progress[data-progress="8"] .circle .mask.full,
.radial-progress[data-progress="8"] .circle .fill {
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.radial-progress[data-progress="8"] .circle .fill.fix {
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.radial-progress[data-progress="8"] .inset .percentage .numbers {
  width: 513px;
}
.radial-progress[data-progress="9"] .circle .mask.full,
.radial-progress[data-progress="9"] .circle .fill {
  -webkit-transform: rotate(16.2deg);
  -ms-transform: rotate(16.2deg);
  transform: rotate(16.2deg);
}
.radial-progress[data-progress="9"] .circle .fill.fix {
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.radial-progress[data-progress="9"] .inset .percentage .numbers {
  width: 570px;
}
.radial-progress[data-progress="10"] .circle .mask.full,
.radial-progress[data-progress="10"] .circle .fill {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radial-progress[data-progress="10"] .circle .fill.fix {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radial-progress[data-progress="10"] .inset .percentage .numbers {
  width: 627px;
}
.radial-progress[data-progress="11"] .circle .mask.full,
.radial-progress[data-progress="11"] .circle .fill {
  -webkit-transform: rotate(19.8deg);
  -ms-transform: rotate(19.8deg);
  transform: rotate(19.8deg);
}
.radial-progress[data-progress="11"] .circle .fill.fix {
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.radial-progress[data-progress="11"] .inset .percentage .numbers {
  width: 684px;
}
.radial-progress[data-progress="12"] .circle .mask.full,
.radial-progress[data-progress="12"] .circle .fill {
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.radial-progress[data-progress="12"] .circle .fill.fix {
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.radial-progress[data-progress="12"] .inset .percentage .numbers {
  width: 741px;
}
.radial-progress[data-progress="13"] .circle .mask.full,
.radial-progress[data-progress="13"] .circle .fill {
  -webkit-transform: rotate(23.400000000000002deg);
  -ms-transform: rotate(23.400000000000002deg);
  transform: rotate(23.400000000000002deg);
}
.radial-progress[data-progress="13"] .circle .fill.fix {
  -webkit-transform: rotate(46.800000000000004deg);
  -ms-transform: rotate(46.800000000000004deg);
  transform: rotate(46.800000000000004deg);
}
.radial-progress[data-progress="13"] .inset .percentage .numbers {
  width: 798px;
}
.radial-progress[data-progress="14"] .circle .mask.full,
.radial-progress[data-progress="14"] .circle .fill {
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.radial-progress[data-progress="14"] .circle .fill.fix {
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.radial-progress[data-progress="14"] .inset .percentage .numbers {
  width: 855px;
}
.radial-progress[data-progress="15"] .circle .mask.full,
.radial-progress[data-progress="15"] .circle .fill {
  -webkit-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  transform: rotate(27deg);
}
.radial-progress[data-progress="15"] .circle .fill.fix {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radial-progress[data-progress="15"] .inset .percentage .numbers {
  width: 912px;
}
.radial-progress[data-progress="16"] .circle .mask.full,
.radial-progress[data-progress="16"] .circle .fill {
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.radial-progress[data-progress="16"] .circle .fill.fix {
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.radial-progress[data-progress="16"] .inset .percentage .numbers {
  width: 969px;
}
.radial-progress[data-progress="17"] .circle .mask.full,
.radial-progress[data-progress="17"] .circle .fill {
  -webkit-transform: rotate(30.6deg);
  -ms-transform: rotate(30.6deg);
  transform: rotate(30.6deg);
}
.radial-progress[data-progress="17"] .circle .fill.fix {
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.radial-progress[data-progress="17"] .inset .percentage .numbers {
  width: 1026px;
}
.radial-progress[data-progress="18"] .circle .mask.full,
.radial-progress[data-progress="18"] .circle .fill {
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.radial-progress[data-progress="18"] .circle .fill.fix {
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.radial-progress[data-progress="18"] .inset .percentage .numbers {
  width: 1083px;
}
.radial-progress[data-progress="19"] .circle .mask.full,
.radial-progress[data-progress="19"] .circle .fill {
  -webkit-transform: rotate(34.2deg);
  -ms-transform: rotate(34.2deg);
  transform: rotate(34.2deg);
}
.radial-progress[data-progress="19"] .circle .fill.fix {
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.radial-progress[data-progress="19"] .inset .percentage .numbers {
  width: 1140px;
}
.radial-progress[data-progress="20"] .circle .mask.full,
.radial-progress[data-progress="20"] .circle .fill {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radial-progress[data-progress="20"] .circle .fill.fix {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}
.radial-progress[data-progress="20"] .inset .percentage .numbers {
  width: 1197px;
}
.radial-progress[data-progress="21"] .circle .mask.full,
.radial-progress[data-progress="21"] .circle .fill {
  -webkit-transform: rotate(37.800000000000004deg);
  -ms-transform: rotate(37.800000000000004deg);
  transform: rotate(37.800000000000004deg);
}
.radial-progress[data-progress="21"] .circle .fill.fix {
  -webkit-transform: rotate(75.60000000000001deg);
  -ms-transform: rotate(75.60000000000001deg);
  transform: rotate(75.60000000000001deg);
}
.radial-progress[data-progress="21"] .inset .percentage .numbers {
  width: 1254px;
}
.radial-progress[data-progress="22"] .circle .mask.full,
.radial-progress[data-progress="22"] .circle .fill {
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.radial-progress[data-progress="22"] .circle .fill.fix {
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.radial-progress[data-progress="22"] .inset .percentage .numbers {
  width: 1311px;
}
.radial-progress[data-progress="23"] .circle .mask.full,
.radial-progress[data-progress="23"] .circle .fill {
  -webkit-transform: rotate(41.4deg);
  -ms-transform: rotate(41.4deg);
  transform: rotate(41.4deg);
}
.radial-progress[data-progress="23"] .circle .fill.fix {
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.radial-progress[data-progress="23"] .inset .percentage .numbers {
  width: 1368px;
}
.radial-progress[data-progress="24"] .circle .mask.full,
.radial-progress[data-progress="24"] .circle .fill {
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.radial-progress[data-progress="24"] .circle .fill.fix {
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.radial-progress[data-progress="24"] .inset .percentage .numbers {
  width: 1425px;
}
.radial-progress[data-progress="25"] .circle .mask.full,
.radial-progress[data-progress="25"] .circle .fill {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.radial-progress[data-progress="25"] .circle .fill.fix {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.radial-progress[data-progress="25"] .inset .percentage .numbers {
  width: 1482px;
}
.radial-progress[data-progress="26"] .circle .mask.full,
.radial-progress[data-progress="26"] .circle .fill {
  -webkit-transform: rotate(46.800000000000004deg);
  -ms-transform: rotate(46.800000000000004deg);
  transform: rotate(46.800000000000004deg);
}
.radial-progress[data-progress="26"] .circle .fill.fix {
  -webkit-transform: rotate(93.60000000000001deg);
  -ms-transform: rotate(93.60000000000001deg);
  transform: rotate(93.60000000000001deg);
}
.radial-progress[data-progress="26"] .inset .percentage .numbers {
  width: 1539px;
}
.radial-progress[data-progress="27"] .circle .mask.full,
.radial-progress[data-progress="27"] .circle .fill {
  -webkit-transform: rotate(48.6deg);
  -ms-transform: rotate(48.6deg);
  transform: rotate(48.6deg);
}
.radial-progress[data-progress="27"] .circle .fill.fix {
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.radial-progress[data-progress="27"] .inset .percentage .numbers {
  width: 1596px;
}
.radial-progress[data-progress="28"] .circle .mask.full,
.radial-progress[data-progress="28"] .circle .fill {
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.radial-progress[data-progress="28"] .circle .fill.fix {
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.radial-progress[data-progress="28"] .inset .percentage .numbers {
  width: 1653px;
}
.radial-progress[data-progress="29"] .circle .mask.full,
.radial-progress[data-progress="29"] .circle .fill {
  -webkit-transform: rotate(52.2deg);
  -ms-transform: rotate(52.2deg);
  transform: rotate(52.2deg);
}
.radial-progress[data-progress="29"] .circle .fill.fix {
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.radial-progress[data-progress="29"] .inset .percentage .numbers {
  width: 1710px;
}
.radial-progress[data-progress="30"] .circle .mask.full,
.radial-progress[data-progress="30"] .circle .fill {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radial-progress[data-progress="30"] .circle .fill.fix {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  transform: rotate(108deg);
}
.radial-progress[data-progress="30"] .inset .percentage .numbers {
  width: 1767px;
}
.radial-progress[data-progress="31"] .circle .mask.full,
.radial-progress[data-progress="31"] .circle .fill {
  -webkit-transform: rotate(55.800000000000004deg);
  -ms-transform: rotate(55.800000000000004deg);
  transform: rotate(55.800000000000004deg);
}
.radial-progress[data-progress="31"] .circle .fill.fix {
  -webkit-transform: rotate(111.60000000000001deg);
  -ms-transform: rotate(111.60000000000001deg);
  transform: rotate(111.60000000000001deg);
}
.radial-progress[data-progress="31"] .inset .percentage .numbers {
  width: 1824px;
}
.radial-progress[data-progress="32"] .circle .mask.full,
.radial-progress[data-progress="32"] .circle .fill {
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.radial-progress[data-progress="32"] .circle .fill.fix {
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.radial-progress[data-progress="32"] .inset .percentage .numbers {
  width: 1881px;
}
.radial-progress[data-progress="33"] .circle .mask.full,
.radial-progress[data-progress="33"] .circle .fill {
  -webkit-transform: rotate(59.4deg);
  -ms-transform: rotate(59.4deg);
  transform: rotate(59.4deg);
}
.radial-progress[data-progress="33"] .circle .fill.fix {
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.radial-progress[data-progress="33"] .inset .percentage .numbers {
  width: 1938px;
}
.radial-progress[data-progress="34"] .circle .mask.full,
.radial-progress[data-progress="34"] .circle .fill {
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.radial-progress[data-progress="34"] .circle .fill.fix {
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.radial-progress[data-progress="34"] .inset .percentage .numbers {
  width: 1995px;
}
.radial-progress[data-progress="35"] .circle .mask.full,
.radial-progress[data-progress="35"] .circle .fill {
  -webkit-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  transform: rotate(63deg);
}
.radial-progress[data-progress="35"] .circle .fill.fix {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  transform: rotate(126deg);
}
.radial-progress[data-progress="35"] .inset .percentage .numbers {
  width: 2052px;
}
.radial-progress[data-progress="36"] .circle .mask.full,
.radial-progress[data-progress="36"] .circle .fill {
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.radial-progress[data-progress="36"] .circle .fill.fix {
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.radial-progress[data-progress="36"] .inset .percentage .numbers {
  width: 2109px;
}
.radial-progress[data-progress="37"] .circle .mask.full,
.radial-progress[data-progress="37"] .circle .fill {
  -webkit-transform: rotate(66.60000000000001deg);
  -ms-transform: rotate(66.60000000000001deg);
  transform: rotate(66.60000000000001deg);
}
.radial-progress[data-progress="37"] .circle .fill.fix {
  -webkit-transform: rotate(133.20000000000002deg);
  -ms-transform: rotate(133.20000000000002deg);
  transform: rotate(133.20000000000002deg);
}
.radial-progress[data-progress="37"] .inset .percentage .numbers {
  width: 2166px;
}
.radial-progress[data-progress="38"] .circle .mask.full,
.radial-progress[data-progress="38"] .circle .fill {
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.radial-progress[data-progress="38"] .circle .fill.fix {
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.radial-progress[data-progress="38"] .inset .percentage .numbers {
  width: 2223px;
}
.radial-progress[data-progress="39"] .circle .mask.full,
.radial-progress[data-progress="39"] .circle .fill {
  -webkit-transform: rotate(70.2deg);
  -ms-transform: rotate(70.2deg);
  transform: rotate(70.2deg);
}
.radial-progress[data-progress="39"] .circle .fill.fix {
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.radial-progress[data-progress="39"] .inset .percentage .numbers {
  width: 2280px;
}
.radial-progress[data-progress="40"] .circle .mask.full,
.radial-progress[data-progress="40"] .circle .fill {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}
.radial-progress[data-progress="40"] .circle .fill.fix {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  transform: rotate(144deg);
}
.radial-progress[data-progress="40"] .inset .percentage .numbers {
  width: 2337px;
}
.radial-progress[data-progress="41"] .circle .mask.full,
.radial-progress[data-progress="41"] .circle .fill {
  -webkit-transform: rotate(73.8deg);
  -ms-transform: rotate(73.8deg);
  transform: rotate(73.8deg);
}
.radial-progress[data-progress="41"] .circle .fill.fix {
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.radial-progress[data-progress="41"] .inset .percentage .numbers {
  width: 2394px;
}
.radial-progress[data-progress="42"] .circle .mask.full,
.radial-progress[data-progress="42"] .circle .fill {
  -webkit-transform: rotate(75.60000000000001deg);
  -ms-transform: rotate(75.60000000000001deg);
  transform: rotate(75.60000000000001deg);
}
.radial-progress[data-progress="42"] .circle .fill.fix {
  -webkit-transform: rotate(151.20000000000002deg);
  -ms-transform: rotate(151.20000000000002deg);
  transform: rotate(151.20000000000002deg);
}
.radial-progress[data-progress="42"] .inset .percentage .numbers {
  width: 2451px;
}
.radial-progress[data-progress="43"] .circle .mask.full,
.radial-progress[data-progress="43"] .circle .fill {
  -webkit-transform: rotate(77.4deg);
  -ms-transform: rotate(77.4deg);
  transform: rotate(77.4deg);
}
.radial-progress[data-progress="43"] .circle .fill.fix {
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.radial-progress[data-progress="43"] .inset .percentage .numbers {
  width: 2508px;
}
.radial-progress[data-progress="44"] .circle .mask.full,
.radial-progress[data-progress="44"] .circle .fill {
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.radial-progress[data-progress="44"] .circle .fill.fix {
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.radial-progress[data-progress="44"] .inset .percentage .numbers {
  width: 2565px;
}
.radial-progress[data-progress="45"] .circle .mask.full,
.radial-progress[data-progress="45"] .circle .fill {
  -webkit-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  transform: rotate(81deg);
}
.radial-progress[data-progress="45"] .circle .fill.fix {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}
.radial-progress[data-progress="45"] .inset .percentage .numbers {
  width: 2622px;
}
.radial-progress[data-progress="46"] .circle .mask.full,
.radial-progress[data-progress="46"] .circle .fill {
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.radial-progress[data-progress="46"] .circle .fill.fix {
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.radial-progress[data-progress="46"] .inset .percentage .numbers {
  width: 2679px;
}
.radial-progress[data-progress="47"] .circle .mask.full,
.radial-progress[data-progress="47"] .circle .fill {
  -webkit-transform: rotate(84.60000000000001deg);
  -ms-transform: rotate(84.60000000000001deg);
  transform: rotate(84.60000000000001deg);
}
.radial-progress[data-progress="47"] .circle .fill.fix {
  -webkit-transform: rotate(169.20000000000002deg);
  -ms-transform: rotate(169.20000000000002deg);
  transform: rotate(169.20000000000002deg);
}
.radial-progress[data-progress="47"] .inset .percentage .numbers {
  width: 2736px;
}
.radial-progress[data-progress="48"] .circle .mask.full,
.radial-progress[data-progress="48"] .circle .fill {
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.radial-progress[data-progress="48"] .circle .fill.fix {
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.radial-progress[data-progress="48"] .inset .percentage .numbers {
  width: 2793px;
}
.radial-progress[data-progress="49"] .circle .mask.full,
.radial-progress[data-progress="49"] .circle .fill {
  -webkit-transform: rotate(88.2deg);
  -ms-transform: rotate(88.2deg);
  transform: rotate(88.2deg);
}
.radial-progress[data-progress="49"] .circle .fill.fix {
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.radial-progress[data-progress="49"] .inset .percentage .numbers {
  width: 2850px;
}
.radial-progress[data-progress="50"] .circle .mask.full,
.radial-progress[data-progress="50"] .circle .fill {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.radial-progress[data-progress="50"] .circle .fill.fix {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.radial-progress[data-progress="50"] .inset .percentage .numbers {
  width: 2907px;
}
.radial-progress[data-progress="51"] .circle .mask.full,
.radial-progress[data-progress="51"] .circle .fill {
  -webkit-transform: rotate(91.8deg);
  -ms-transform: rotate(91.8deg);
  transform: rotate(91.8deg);
}
.radial-progress[data-progress="51"] .circle .fill.fix {
  -webkit-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.radial-progress[data-progress="51"] .inset .percentage .numbers {
  width: 2964px;
}
.radial-progress[data-progress="52"] .circle .mask.full,
.radial-progress[data-progress="52"] .circle .fill {
  -webkit-transform: rotate(93.60000000000001deg);
  -ms-transform: rotate(93.60000000000001deg);
  transform: rotate(93.60000000000001deg);
}
.radial-progress[data-progress="52"] .circle .fill.fix {
  -webkit-transform: rotate(187.20000000000002deg);
  -ms-transform: rotate(187.20000000000002deg);
  transform: rotate(187.20000000000002deg);
}
.radial-progress[data-progress="52"] .inset .percentage .numbers {
  width: 3021px;
}
.radial-progress[data-progress="53"] .circle .mask.full,
.radial-progress[data-progress="53"] .circle .fill {
  -webkit-transform: rotate(95.4deg);
  -ms-transform: rotate(95.4deg);
  transform: rotate(95.4deg);
}
.radial-progress[data-progress="53"] .circle .fill.fix {
  -webkit-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.radial-progress[data-progress="53"] .inset .percentage .numbers {
  width: 3078px;
}
.radial-progress[data-progress="54"] .circle .mask.full,
.radial-progress[data-progress="54"] .circle .fill {
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.radial-progress[data-progress="54"] .circle .fill.fix {
  -webkit-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.radial-progress[data-progress="54"] .inset .percentage .numbers {
  width: 3135px;
}
.radial-progress[data-progress="55"] .circle .mask.full,
.radial-progress[data-progress="55"] .circle .fill {
  -webkit-transform: rotate(99deg);
  -ms-transform: rotate(99deg);
  transform: rotate(99deg);
}
.radial-progress[data-progress="55"] .circle .fill.fix {
  -webkit-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  transform: rotate(198deg);
}
.radial-progress[data-progress="55"] .inset .percentage .numbers {
  width: 3192px;
}
.radial-progress[data-progress="56"] .circle .mask.full,
.radial-progress[data-progress="56"] .circle .fill {
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.radial-progress[data-progress="56"] .circle .fill.fix {
  -webkit-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.radial-progress[data-progress="56"] .inset .percentage .numbers {
  width: 3249px;
}
.radial-progress[data-progress="57"] .circle .mask.full,
.radial-progress[data-progress="57"] .circle .fill {
  -webkit-transform: rotate(102.60000000000001deg);
  -ms-transform: rotate(102.60000000000001deg);
  transform: rotate(102.60000000000001deg);
}
.radial-progress[data-progress="57"] .circle .fill.fix {
  -webkit-transform: rotate(205.20000000000002deg);
  -ms-transform: rotate(205.20000000000002deg);
  transform: rotate(205.20000000000002deg);
}
.radial-progress[data-progress="57"] .inset .percentage .numbers {
  width: 3306px;
}
.radial-progress[data-progress="58"] .circle .mask.full,
.radial-progress[data-progress="58"] .circle .fill {
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.radial-progress[data-progress="58"] .circle .fill.fix {
  -webkit-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.radial-progress[data-progress="58"] .inset .percentage .numbers {
  width: 3363px;
}
.radial-progress[data-progress="59"] .circle .mask.full,
.radial-progress[data-progress="59"] .circle .fill {
  -webkit-transform: rotate(106.2deg);
  -ms-transform: rotate(106.2deg);
  transform: rotate(106.2deg);
}
.radial-progress[data-progress="59"] .circle .fill.fix {
  -webkit-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.radial-progress[data-progress="59"] .inset .percentage .numbers {
  width: 3420px;
}
.radial-progress[data-progress="60"] .circle .mask.full,
.radial-progress[data-progress="60"] .circle .fill {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  transform: rotate(108deg);
}
.radial-progress[data-progress="60"] .circle .fill.fix {
  -webkit-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  transform: rotate(216deg);
}
.radial-progress[data-progress="60"] .inset .percentage .numbers {
  width: 3477px;
}
.radial-progress[data-progress="61"] .circle .mask.full,
.radial-progress[data-progress="61"] .circle .fill {
  -webkit-transform: rotate(109.8deg);
  -ms-transform: rotate(109.8deg);
  transform: rotate(109.8deg);
}
.radial-progress[data-progress="61"] .circle .fill.fix {
  -webkit-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.radial-progress[data-progress="61"] .inset .percentage .numbers {
  width: 3534px;
}
.radial-progress[data-progress="62"] .circle .mask.full,
.radial-progress[data-progress="62"] .circle .fill {
  -webkit-transform: rotate(111.60000000000001deg);
  -ms-transform: rotate(111.60000000000001deg);
  transform: rotate(111.60000000000001deg);
}
.radial-progress[data-progress="62"] .circle .fill.fix {
  -webkit-transform: rotate(223.20000000000002deg);
  -ms-transform: rotate(223.20000000000002deg);
  transform: rotate(223.20000000000002deg);
}
.radial-progress[data-progress="62"] .inset .percentage .numbers {
  width: 3591px;
}
.radial-progress[data-progress="63"] .circle .mask.full,
.radial-progress[data-progress="63"] .circle .fill {
  -webkit-transform: rotate(113.4deg);
  -ms-transform: rotate(113.4deg);
  transform: rotate(113.4deg);
}
.radial-progress[data-progress="63"] .circle .fill.fix {
  -webkit-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.radial-progress[data-progress="63"] .inset .percentage .numbers {
  width: 3648px;
}
.radial-progress[data-progress="64"] .circle .mask.full,
.radial-progress[data-progress="64"] .circle .fill {
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.radial-progress[data-progress="64"] .circle .fill.fix {
  -webkit-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.radial-progress[data-progress="64"] .inset .percentage .numbers {
  width: 3705px;
}
.radial-progress[data-progress="65"] .circle .mask.full,
.radial-progress[data-progress="65"] .circle .fill {
  -webkit-transform: rotate(117deg);
  -ms-transform: rotate(117deg);
  transform: rotate(117deg);
}
.radial-progress[data-progress="65"] .circle .fill.fix {
  -webkit-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  transform: rotate(234deg);
}
.radial-progress[data-progress="65"] .inset .percentage .numbers {
  width: 3762px;
}
.radial-progress[data-progress="66"] .circle .mask.full,
.radial-progress[data-progress="66"] .circle .fill {
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.radial-progress[data-progress="66"] .circle .fill.fix {
  -webkit-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.radial-progress[data-progress="66"] .inset .percentage .numbers {
  width: 3819px;
}
.radial-progress[data-progress="67"] .circle .mask.full,
.radial-progress[data-progress="67"] .circle .fill {
  -webkit-transform: rotate(120.60000000000001deg);
  -ms-transform: rotate(120.60000000000001deg);
  transform: rotate(120.60000000000001deg);
}
.radial-progress[data-progress="67"] .circle .fill.fix {
  -webkit-transform: rotate(241.20000000000002deg);
  -ms-transform: rotate(241.20000000000002deg);
  transform: rotate(241.20000000000002deg);
}
.radial-progress[data-progress="67"] .inset .percentage .numbers {
  width: 3876px;
}
.radial-progress[data-progress="68"] .circle .mask.full,
.radial-progress[data-progress="68"] .circle .fill {
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.radial-progress[data-progress="68"] .circle .fill.fix {
  -webkit-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.radial-progress[data-progress="68"] .inset .percentage .numbers {
  width: 3933px;
}
.radial-progress[data-progress="69"] .circle .mask.full,
.radial-progress[data-progress="69"] .circle .fill {
  -webkit-transform: rotate(124.2deg);
  -ms-transform: rotate(124.2deg);
  transform: rotate(124.2deg);
}
.radial-progress[data-progress="69"] .circle .fill.fix {
  -webkit-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.radial-progress[data-progress="69"] .inset .percentage .numbers {
  width: 3990px;
}
.radial-progress[data-progress="70"] .circle .mask.full,
.radial-progress[data-progress="70"] .circle .fill {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  transform: rotate(126deg);
}
.radial-progress[data-progress="70"] .circle .fill.fix {
  -webkit-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  transform: rotate(252deg);
}
.radial-progress[data-progress="70"] .inset .percentage .numbers {
  width: 4047px;
}
.radial-progress[data-progress="71"] .circle .mask.full,
.radial-progress[data-progress="71"] .circle .fill {
  -webkit-transform: rotate(127.8deg);
  -ms-transform: rotate(127.8deg);
  transform: rotate(127.8deg);
}
.radial-progress[data-progress="71"] .circle .fill.fix {
  -webkit-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.radial-progress[data-progress="71"] .inset .percentage .numbers {
  width: 4104px;
}
.radial-progress[data-progress="72"] .circle .mask.full,
.radial-progress[data-progress="72"] .circle .fill {
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.radial-progress[data-progress="72"] .circle .fill.fix {
  -webkit-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.radial-progress[data-progress="72"] .inset .percentage .numbers {
  width: 4161px;
}
.radial-progress[data-progress="73"] .circle .mask.full,
.radial-progress[data-progress="73"] .circle .fill {
  -webkit-transform: rotate(131.4deg);
  -ms-transform: rotate(131.4deg);
  transform: rotate(131.4deg);
}
.radial-progress[data-progress="73"] .circle .fill.fix {
  -webkit-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.radial-progress[data-progress="73"] .inset .percentage .numbers {
  width: 4218px;
}
.radial-progress[data-progress="74"] .circle .mask.full,
.radial-progress[data-progress="74"] .circle .fill {
  -webkit-transform: rotate(133.20000000000002deg);
  -ms-transform: rotate(133.20000000000002deg);
  transform: rotate(133.20000000000002deg);
}
.radial-progress[data-progress="74"] .circle .fill.fix {
  -webkit-transform: rotate(266.40000000000003deg);
  -ms-transform: rotate(266.40000000000003deg);
  transform: rotate(266.40000000000003deg);
}
.radial-progress[data-progress="74"] .inset .percentage .numbers {
  width: 4275px;
}
.radial-progress[data-progress="75"] .circle .mask.full,
.radial-progress[data-progress="75"] .circle .fill {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.radial-progress[data-progress="75"] .circle .fill.fix {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.radial-progress[data-progress="75"] .inset .percentage .numbers {
  width: 4332px;
}
.radial-progress[data-progress="76"] .circle .mask.full,
.radial-progress[data-progress="76"] .circle .fill {
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.radial-progress[data-progress="76"] .circle .fill.fix {
  -webkit-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.radial-progress[data-progress="76"] .inset .percentage .numbers {
  width: 4389px;
}
.radial-progress[data-progress="77"] .circle .mask.full,
.radial-progress[data-progress="77"] .circle .fill {
  -webkit-transform: rotate(138.6deg);
  -ms-transform: rotate(138.6deg);
  transform: rotate(138.6deg);
}
.radial-progress[data-progress="77"] .circle .fill.fix {
  -webkit-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.radial-progress[data-progress="77"] .inset .percentage .numbers {
  width: 4446px;
}
.radial-progress[data-progress="78"] .circle .mask.full,
.radial-progress[data-progress="78"] .circle .fill {
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.radial-progress[data-progress="78"] .circle .fill.fix {
  -webkit-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.radial-progress[data-progress="78"] .inset .percentage .numbers {
  width: 4503px;
}
.radial-progress[data-progress="79"] .circle .mask.full,
.radial-progress[data-progress="79"] .circle .fill {
  -webkit-transform: rotate(142.20000000000002deg);
  -ms-transform: rotate(142.20000000000002deg);
  transform: rotate(142.20000000000002deg);
}
.radial-progress[data-progress="79"] .circle .fill.fix {
  -webkit-transform: rotate(284.40000000000003deg);
  -ms-transform: rotate(284.40000000000003deg);
  transform: rotate(284.40000000000003deg);
}
.radial-progress[data-progress="79"] .inset .percentage .numbers {
  width: 4560px;
}
.radial-progress[data-progress="80"] .circle .mask.full,
.radial-progress[data-progress="80"] .circle .fill {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  transform: rotate(144deg);
}
.radial-progress[data-progress="80"] .circle .fill.fix {
  -webkit-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  transform: rotate(288deg);
}
.radial-progress[data-progress="80"] .inset .percentage .numbers {
  width: 4617px;
}
.radial-progress[data-progress="81"] .circle .mask.full,
.radial-progress[data-progress="81"] .circle .fill {
  -webkit-transform: rotate(145.8deg);
  -ms-transform: rotate(145.8deg);
  transform: rotate(145.8deg);
}
.radial-progress[data-progress="81"] .circle .fill.fix {
  -webkit-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.radial-progress[data-progress="81"] .inset .percentage .numbers {
  width: 4674px;
}
.radial-progress[data-progress="82"] .circle .mask.full,
.radial-progress[data-progress="82"] .circle .fill {
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.radial-progress[data-progress="82"] .circle .fill.fix {
  -webkit-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.radial-progress[data-progress="82"] .inset .percentage .numbers {
  width: 4731px;
}
.radial-progress[data-progress="83"] .circle .mask.full,
.radial-progress[data-progress="83"] .circle .fill {
  -webkit-transform: rotate(149.4deg);
  -ms-transform: rotate(149.4deg);
  transform: rotate(149.4deg);
}
.radial-progress[data-progress="83"] .circle .fill.fix {
  -webkit-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.radial-progress[data-progress="83"] .inset .percentage .numbers {
  width: 4788px;
}
.radial-progress[data-progress="84"] .circle .mask.full,
.radial-progress[data-progress="84"] .circle .fill {
  -webkit-transform: rotate(151.20000000000002deg);
  -ms-transform: rotate(151.20000000000002deg);
  transform: rotate(151.20000000000002deg);
}
.radial-progress[data-progress="84"] .circle .fill.fix {
  -webkit-transform: rotate(302.40000000000003deg);
  -ms-transform: rotate(302.40000000000003deg);
  transform: rotate(302.40000000000003deg);
}
.radial-progress[data-progress="84"] .inset .percentage .numbers {
  width: 4845px;
}
.radial-progress[data-progress="85"] .circle .mask.full,
.radial-progress[data-progress="85"] .circle .fill {
  -webkit-transform: rotate(153deg);
  -ms-transform: rotate(153deg);
  transform: rotate(153deg);
}
.radial-progress[data-progress="85"] .circle .fill.fix {
  -webkit-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  transform: rotate(306deg);
}
.radial-progress[data-progress="85"] .inset .percentage .numbers {
  width: 4902px;
}
.radial-progress[data-progress="86"] .circle .mask.full,
.radial-progress[data-progress="86"] .circle .fill {
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.radial-progress[data-progress="86"] .circle .fill.fix {
  -webkit-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.radial-progress[data-progress="86"] .inset .percentage .numbers {
  width: 4959px;
}
.radial-progress[data-progress="87"] .circle .mask.full,
.radial-progress[data-progress="87"] .circle .fill {
  -webkit-transform: rotate(156.6deg);
  -ms-transform: rotate(156.6deg);
  transform: rotate(156.6deg);
}
.radial-progress[data-progress="87"] .circle .fill.fix {
  -webkit-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.radial-progress[data-progress="87"] .inset .percentage .numbers {
  width: 5016px;
}
.radial-progress[data-progress="88"] .circle .mask.full,
.radial-progress[data-progress="88"] .circle .fill {
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.radial-progress[data-progress="88"] .circle .fill.fix {
  -webkit-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.radial-progress[data-progress="88"] .inset .percentage .numbers {
  width: 5073px;
}
.radial-progress[data-progress="89"] .circle .mask.full,
.radial-progress[data-progress="89"] .circle .fill {
  -webkit-transform: rotate(160.20000000000002deg);
  -ms-transform: rotate(160.20000000000002deg);
  transform: rotate(160.20000000000002deg);
}
.radial-progress[data-progress="89"] .circle .fill.fix {
  -webkit-transform: rotate(320.40000000000003deg);
  -ms-transform: rotate(320.40000000000003deg);
  transform: rotate(320.40000000000003deg);
}
.radial-progress[data-progress="89"] .inset .percentage .numbers {
  width: 5130px;
}
.radial-progress[data-progress="90"] .circle .mask.full,
.radial-progress[data-progress="90"] .circle .fill {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}
.radial-progress[data-progress="90"] .circle .fill.fix {
  -webkit-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  transform: rotate(324deg);
}
.radial-progress[data-progress="90"] .inset .percentage .numbers {
  width: 5187px;
}
.radial-progress[data-progress="91"] .circle .mask.full,
.radial-progress[data-progress="91"] .circle .fill {
  -webkit-transform: rotate(163.8deg);
  -ms-transform: rotate(163.8deg);
  transform: rotate(163.8deg);
}
.radial-progress[data-progress="91"] .circle .fill.fix {
  -webkit-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.radial-progress[data-progress="91"] .inset .percentage .numbers {
  width: 5244px;
}
.radial-progress[data-progress="92"] .circle .mask.full,
.radial-progress[data-progress="92"] .circle .fill {
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.radial-progress[data-progress="92"] .circle .fill.fix {
  -webkit-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.radial-progress[data-progress="92"] .inset .percentage .numbers {
  width: 5301px;
}
.radial-progress[data-progress="93"] .circle .mask.full,
.radial-progress[data-progress="93"] .circle .fill {
  -webkit-transform: rotate(167.4deg);
  -ms-transform: rotate(167.4deg);
  transform: rotate(167.4deg);
}
.radial-progress[data-progress="93"] .circle .fill.fix {
  -webkit-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.radial-progress[data-progress="93"] .inset .percentage .numbers {
  width: 5358px;
}
.radial-progress[data-progress="94"] .circle .mask.full,
.radial-progress[data-progress="94"] .circle .fill {
  -webkit-transform: rotate(169.20000000000002deg);
  -ms-transform: rotate(169.20000000000002deg);
  transform: rotate(169.20000000000002deg);
}
.radial-progress[data-progress="94"] .circle .fill.fix {
  -webkit-transform: rotate(338.40000000000003deg);
  -ms-transform: rotate(338.40000000000003deg);
  transform: rotate(338.40000000000003deg);
}
.radial-progress[data-progress="94"] .inset .percentage .numbers {
  width: 5415px;
}
.radial-progress[data-progress="95"] .circle .mask.full,
.radial-progress[data-progress="95"] .circle .fill {
  -webkit-transform: rotate(171deg);
  -ms-transform: rotate(171deg);
  transform: rotate(171deg);
}
.radial-progress[data-progress="95"] .circle .fill.fix {
  -webkit-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  transform: rotate(342deg);
}
.radial-progress[data-progress="95"] .inset .percentage .numbers {
  width: 5472px;
}
.radial-progress[data-progress="96"] .circle .mask.full,
.radial-progress[data-progress="96"] .circle .fill {
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.radial-progress[data-progress="96"] .circle .fill.fix {
  -webkit-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.radial-progress[data-progress="96"] .inset .percentage .numbers {
  width: 5529px;
}
.radial-progress[data-progress="97"] .circle .mask.full,
.radial-progress[data-progress="97"] .circle .fill {
  -webkit-transform: rotate(174.6deg);
  -ms-transform: rotate(174.6deg);
  transform: rotate(174.6deg);
}
.radial-progress[data-progress="97"] .circle .fill.fix {
  -webkit-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.radial-progress[data-progress="97"] .inset .percentage .numbers {
  width: 5586px;
}
.radial-progress[data-progress="98"] .circle .mask.full,
.radial-progress[data-progress="98"] .circle .fill {
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.radial-progress[data-progress="98"] .circle .fill.fix {
  -webkit-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.radial-progress[data-progress="98"] .inset .percentage .numbers {
  width: 5643px;
}
.radial-progress[data-progress="99"] .circle .mask.full,
.radial-progress[data-progress="99"] .circle .fill {
  -webkit-transform: rotate(178.20000000000002deg);
  -ms-transform: rotate(178.20000000000002deg);
  transform: rotate(178.20000000000002deg);
}
.radial-progress[data-progress="99"] .circle .fill.fix {
  -webkit-transform: rotate(356.40000000000003deg);
  -ms-transform: rotate(356.40000000000003deg);
  transform: rotate(356.40000000000003deg);
}
.radial-progress[data-progress="99"] .inset .percentage .numbers {
  width: 5700px;
}
.radial-progress[data-progress="100"] .circle .mask.full,
.radial-progress[data-progress="100"] .circle .fill {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.radial-progress[data-progress="100"] .circle .fill.fix {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.radial-progress[data-progress="100"] .inset .percentage .numbers {
  width: 5757px;
}




.failed{
	color: #F00;	
}
.passed{
	color: #FBD73C;	
}
.good{
	color: #666;	
}
.great{
	color: #666;	
}
.fieldset{
	border:solid 1px #ccc;
	padding:25px;
	position:relative;
	    max-width: 1020px;
		    margin-top: 50px;
}
.fieldset .legends{
	    position: absolute;
    top: -33px;
    left: -1px;
	cursor:pointer;
}
.fieldset .legend{
	font-size: 17px;
	font-weight: normal;
	color: #999897;
	background-color: #E0E0E0;
	display: inline-block;
	padding: 6px;	
}
.fieldset .legend.selected{
	color: #FEFEFE;
	background-color: #356DB0;
	pointer-events:none;
	cursor:default;
}

.meterlabel{
	    position: absolute;
    top: 130px;
    left: -20%;
    width: 140%;
    height: 30px;
    text-align: center;
    z-index: 1111;
    color: #356DB0;
    font-size: 17px;
}
.smallfloat{
	    display: inline-block;
    width: 570px;
    clear: none;
}
.smallaverages{
	width: 170px;
    height: 72px;
    background-color: #F2F2F2;
    text-align: center;
    border: 1px solid #CCC;
    float: left;
    margin-top: 20px;
    margin-right: 10px;
    margin-bottom: 30px;
    margin-left: 5px;
    position: relative;
	    min-height: 72px;
    height: auto;
}
.smallaveragesheading{
	font-size:16px !important;
	text-align:left !important;
	
}
.smallaveragesheading img{
	width:18px;
	margin-left: 8px;
}
.v{
	text-align:left !important;
	margin-left:10px !important;
	color:#999 !important;
	font-size:13px !important;
}
.poor2{
	border-left-width: 4px !important;
	border-left-style: solid !important;
	border-left-color: #FCD93F !important;
	border-top-color: #ECECEC !important;
	border-right-color: #ECECEC !important;
	border-bottom-color: #ECECEC !important;
	
}
.failed2{
	border-left-width: 4px !important;
	border-left-style: solid !important;
	border-left-color: #EE3E3D !important;
	border-top-color: #ECECEC !important;
	border-right-color: #ECECEC !important;
	border-bottom-color: #ECECEC !important;
}
.poor3{
	border-left-width: 4px !important;
	border-left-style: solid !important;
	border-left-color: #FCD93F !important;
	border-top-color: #ECECEC !important;
	border-right-color: #ECECEC !important;
	border-bottom-color: #ECECEC !important;
	width:305px;
	
}
.failed3{
	border-left-width: 4px !important;
	border-left-style: solid !important;
	border-left-color: #EE3E3D !important;
	border-top-color: #ECECEC !important;
	border-right-color: #ECECEC !important;
	border-bottom-color: #ECECEC !important;
	width:305px;
}
.smallaveragesheading2{
	font-size:15px !important;
	text-align:left !important;
	margin-left: 8px;
	color:#999;
	    padding-top: 5px;
}
.toolbox{
	transition:all .5s;
	width:150px;
	display:inline-block;
	height:102px;
	background-image:url(../images/toolbox.png);
	background-repeat:no-repeat;
	background-position:center center;
	color:#fff;
	position:relative;
	margin:20px;
}
.toolbox h1{
	position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    color: #fff !important;
    font-size: 15px !important;
    margin: 0px !important;
    padding: 0px !important;
    line-height: 17px !important;
    min-height: initial !important;
	
}
.toolbox:hover{
	background-image:url(../images/toolbox-over.png);
}

.tabholder strong{
	max-width: 120px;
	display:inline-block;
}