.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-close,.mfp-preloader{text-align:center;position:absolute}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;top:50%;width:auto;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;right:0;top:0;text-decoration:none;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic');
a, input, .inputtext i, .learner-item{
	o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
a:hover, a:focus{
	text-decoration: none;
	color: #3D9991;
	outline: none;
}
h1{
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 1px 0px 25px;
    line-height: 34px;
    font-weight: 600;
    font-size: 28px;
    color: #000;
    margin: 0;
}
 hr{
 	border-bottom: 1px solid #3d9991;
 	margin: 16px 0 15px;
 	width: 100%;
 	clear: both;
 }
html {
    position: relative;
    min-height: 100%;
}
.left{
	float: left;
}
.right{
	float: right;
}
.system-message{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
    background: #dff2bf none repeat scroll 0 0;
    color: #4f8a10;
    display: inline-block;
    float: right;
    height: auto;
    margin: 10px 0;
    min-height: auto;
    padding: 10px;
    width: 100%;
}
.system-message p{font-size: 14px; margin: 0 !important;}
.btn-holder { position: relative; }
.btn-holder .isloading-overlay { right: 0; left: 0; }
.btn{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */

	padding: 0 15px;
	background: #000;
	min-width: 248px;
	color: #fff;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	letter-spacing: 1px;
}
.btn:hover{
	background: #545454;	
	color: #fff;
}
.btn-red, .btn.btn-red:focus{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0; /* future proofing */
	-khtml-border-radius: 0; /* for old Konqueror browsers */
	color: #fff;
	background: #b20202;
	line-height: 26px;    
	min-width: 350px;
    font-size: 18px;
	height: 40px;
}
.btn-red:hover{background: #880404;}
ul li{
	list-style-type: none;
}
main ul li:before{
	padding-left: 23px;
	margin-right: 6px;
    content: '•';
}
body{
	text-rendering:optimizeLegibility;
	-moz-font-feature-settings:'liga';
	-ms-font-feature-settings:'liga';
	-webkit-font-feature-settings:'liga';
	font-feature-settings:'liga';

	font-family: proxima-nova, sans-serif;
	font-weight: 400;	
	font-size: 14px;
	margin-bottom: 70px;
	color: #000;
}
.container{max-width: 1270px;} 
header{
	-moz-box-shadow:    0px 5px 5px 0px #d8d8d8;
	-webkit-box-shadow: 0px 5px 5px 0px #d8d8d8;
	box-shadow:         0px 5px 5px 0px #d8d8d8;
	padding: 24px 0 22px;	
	font-size: 20px;
	background: #000;
	color: #fff;
}
header figure{
	padding-top: 3px;
	line-height: 19px;
	font-weight: 300;
}
header img{
	vertical-align: text-top;
	margin-right: 3px;
}
header a{
	font-size: 14px;
	color: #fff;
}
header p{
	letter-spacing: 2px;
	line-height: 19px;
	margin-bottom: 0;
	font-weight: 300;
}
#main-nav{
	position: relative;
	background: none;
	text-align: right;
	visibility: visible;
	display: block;
	float: none;
	box-shadow: none;
	margin: 0;
	border:none;
	right: 0;
}
#main-nav ul{ margin: 0; padding: 0;}
#main-nav li{display: inline-block;}
#main-nav li.selected a, #main-nav li.active a{ border-bottom: 2px solid #b10202;}
#main-nav a{
	padding: 0 15px 9px;
	letter-spacing: 1px;
	font-weight: 300;
}
#main-nav li:last-child a{ padding-right: 22px;}
#main-nav a:hover{ color: #3D9991;}
.mobile-menu{ display: none;}
#dropdownMenu{
	font-size: 18px;
	display: none;	
	cursor: pointer;		
	color: #fff;
}
#dropdownMenu .fa{
	margin-right: 10px;
	font-size: 22px;
	vertical-align: -1px;
}
.mobile-menu{
	text-align: right;
}
main{
	padding-bottom: 91px;
	padding-top: 76px;	
	position: relative;
}
main .container{
	position: relative;
	z-index: 1;
}
main.bg-beach:before{	
	background: #000000 url(../img/beach.jpg) no-repeat center bottom;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
	height: 400px;
	content: '';
	display: block;    
	width: 100%;
	z-index: 0;
}
.form-wrapper{
	box-shadow: 0px 8px 20px rgba(0,0,0,0.3);
	padding: 30px 39px 75px 38px;
	margin: 0 auto 47px;
	line-height: 20px;
	background: #eee;
	max-width: 767px;
	color: #777777;	
}
.request .form-wrapper{
	padding-bottom: 28px;
}
.request .bg-beach{
	position: absolute;	
	width: 100%;
	height: 400px;
	top: 0;
	left: 0;
}
.request .bg-beach:before{
	background: #000000 url(../img/beach.jpg) no-repeat center bottom;
    background-size: cover;
	max-width: 1280px;
	margin: 0 auto;
	height: 400px;		
	display: block;
	content: '';	
}
.request .form-wrapper h1{padding-bottom: 15px;}
.request .form-wrapper p{ margin-bottom: 16px;}
.field-group {margin: 0 -7.5px;}
.field-group .field-holder{
	width: 50%;
	padding: 0 7.5px;
	display: inline-block;
	vertical-align: top;
	margin-right: -4px;}
.field-holder{margin: 0 0 15px;}
.field-group .field-holder input,
.field-group .field-holder select{
	width: 100%;
	display: block;}
.field-holder.field-error input,
.field-holder.field-error select{margin: 0 !important;}

.form-wrapper .field-holder label{
	left: 15px;
}
.form-wrapper fieldset{
	width: 47.97101449275362%;
	padding-bottom: 13px;
	position: relative;
	float: left;	
}
.form-wrapper h2{
	font-weight: 600;
	text-transform: uppercase;
	padding: 0px 0px 16px;
	letter-spacing: 1px;
	line-height: 22px;
	font-size: 18px;
	color: #000;
	margin: 0;
}
.form-wrapper .p-bottom12{
	padding-bottom: 12px;
}
.form-wrapper label{
	position: absolute;
	color: ##6B6B6B;
	font-weight: 400;
	top: -20px;
	left: 0;
}
.form-wrapper .panel{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0; /* future proofing */
	-khtml-border-radius: 0; /* for old Konqueror browsers */

	width: 48.55072463768116%;
	margin: 10px 0 24px;
	background: #3d9991;
	text-align: center;
	min-height: 114px;
	cursor: pointer;
	color: #fff;
}
.form-wrapper .panel.left{
	padding: 0 44px;
}
.form-wrapper .panel.right{
	padding: 0 24px;
}
.form-wrapper .panel-gray{
	background: #7f7f7f;
}
.panel h5{
	line-height: 26px;
	margin-bottom: 9px;
	font-size: 18px;
}
.panel p{
	margin-bottom: 0;
	font-weight: 400;
    line-height: 20px;
    font-size: 14px;
}
.form-wrapper fieldset.clearfix{ float: none;}
input[type="text"], input[type="email"], input[type="password"], input[type="phone"], select{
	border: 1px solid #c4c4c4;
	background: #cccccc;
	border-radius: 5px;
	padding: 6px; 
	height: 32px;
	width: 100%;
}
input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="phone"]:hover, select:hover
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="phone"]:focus, select:focus{
	border-color:#000;
	background: #fff;
	outline: none;
}
.size18{
	margin-bottom: 27px;
	line-height: 26px;
	padding: 0 10px;
	font-size:18px;
}
.login{
	padding-top: 50px;
	color: #7F7F7F;
}
main a{color: #3D9991;}
main a:hover{ text-decoration: underline;}
.login h1{padding-bottom: 32px; text-align: center;}
.login p.forgot{ margin: 25px 0;}
.login input[type="password"]{ margin-top: 17px;}
.login .container{
	max-width: 480px;
	margin: 0 auto;
	width: 100%;
}
.login form{
	max-width: 350px;
	margin: 0 auto;
	display: block;
	width: 100%;
}
.login .btn{
	width: 100%;
}
.account{padding-top: 37px;}
.account .container{max-width: 865px;}
.account h1{text-transform: none; padding-bottom: 18px;}
.account h2{
	font-weight: 600;
	letter-spacing: 1px;
	margin:0 0 15px;	
	font-size: 18px;
}
.account h2 span{
	color: #7F0000;
}
.account fieldset.wrap{
	max-width: 350px;
	width: 100%;
}
.account fieldset.wrap h2{margin: 0;}
.account fieldset.wrap span.msg{
	background: #dff2bf; 
	border-radius: 5px; 
	display: inline-block; 
	padding: 0 10px; 
	float: right; 
	color: #4f8a10;
}
.account fieldset.wrap span.isloading-right{float:right; font-size: 12px;}
.account input{ margin-top: 15px;}
.account input[type="submit"]{
	min-width: 0;
	width: 100%;
}
.account p{ margin-bottom: 16px;}
.account .search input[type="text"]{ margin:0; }
.account .learner-list input[type="text"], 
.account .learner-list input[type="email"], 
.account .learner-list input[type="password"], 
.account .learner-list input[type="phone"], 
.account .learner-list select{ margin:0 0 15px; }
.account .learner-list .learner-content .loading{ top: 10px; position: relative; }
.account .learner-list .learner-content .loading p { text-align: center; }
.result .panel{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0; /* future proofing */
	-khtml-border-radius: 0; /* for old Konqueror browsers */

	border: 1px solid #dedede;
	padding: 9px 10px 13px;
	width: 100%;
	float: left;
}
.result .panel .pull-left{
	width: 29.51807228915663%;
	padding-top:6px;
}
.result .panel .pull-left p:last-child{
	margin-bottom: 0; 
	line-height: 17px;
	margin-top: 20px;
}
.result .panel .pull-left p strong{
	font-weight: 700;
}
.result .panel .pull-right{
	width: 67.46987951807229%;
	background: #f2f2f2;
	padding: 6px 10px;
	min-height: 161px;
}
.result h2{	
	font-size: 17px;
	margin-bottom: 14px;
	letter-spacing: 0;
}
.result p{
	margin-bottom: 10px;
}
.result .pull-right p{
	margin-bottom: 14px;
	line-height: 21px;
}
.result .btn,
.result .btn:focus{
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	background: #7f0000;
	min-width: 170px;
	height: 35px;
	margin-top: 0;
	outline: 0;
}
.result .btn:hover{
	background: #a50000;
}
.search {
	padding-bottom: 10px;
	width: 100%;
	float: left;
}
.search p{ margin-bottom: 12px;}
.search a{
	float: left;
	margin-bottom: 10px;
}
.search fieldset{ float: right; min-width: 411px;}
.search input[type="text"]{
	margin-bottom: 0;
	float: left;
	max-width: 320px;
	height: 35px;
}
.search input[type="submit"]{
	margin-bottom: 0;
	float: right;
	max-width: 81px;
	min-width: 81px !important;
	margin-top: 0;
}
.inputtext{
	margin-bottom: 10px;
	position: relative;
	float: left;
	max-width: 320px;
	width: 100%;
}
.inputtext i{
	font-size: 25px;
    color: #F2F2F2;
	content: '\f057';
	font-family: FontAwesome;
	position: absolute;
	cursor: pointer;
	right: 4px;
	top: 6px;
}
.inputtext:hover i{ color: #000;}

.table-responsive .sort-head > .sorting-ico:nth-child(2){width: 20.36585365853659%;}
.table-responsive .sort-head > .sorting-ico:nth-child(3){width: 29.51219512195122%;}
.table-responsive .sort-head > .sorting-ico:nth-child(4){width: 22.73170731707317%;}
.table-responsive .sort-head > .sorting-ico:nth-child(5){width: 25%;}
.table-responsive .sort-head > .sorting-ico{
	position: relative;
    padding: 0 2.804878048780488%;
    display: block;
    float: left;}
.table-responsive .sort-head > .sorting-ico a{
	overflow: hidden;
    text-indent: -9999px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 19px;
	height: 19px;
	text-align:center;
	z-index: 2;} 

.table-responsive .sort-head > .sorting-ico a:before{
	content: '';
	width: 9px;
	height: 7px;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	position: absolute;
	top: 2px;
	background: url(/lms/_assets/img/up-ico.png) no-repeat center;}	

.table-responsive .sort-head > .sorting-ico a:after{
	content: '';
	left: 0;
	right: 0;
	margin: auto;
	width: 9px;
	height: 7px;
	display: block;
	position: absolute;
	bottom: 2px;
	background: url(/lms/_assets/img/down-ico.png) no-repeat center;}
.table-responsive .sort-head > .sorting-ico a.descend:hover:after,
.table-responsive .sort-head > .sorting-ico a.descend.active:after{background: url(/lms/_assets/img/down-ico-r.png) no-repeat center;}
.table-responsive .sort-head > .sorting-ico a.ascend:hover:before,
.table-responsive .sort-head > .sorting-ico a.ascend.active:before{background: url(/lms/_assets/img/up-ico-r.png) no-repeat center;}


.learner-list, .learner-item, .learner-title{	
	width: 100%;
	float: left;
	overflow: hidden;
}
.learner-item, .learner-title{
	padding: 6px 10px 5px;
}
.learner-list a span, .learner-title span, .learner-list .cbox{
	padding: 0 2.804878048780488%;
	display: block;
	float: left;
}
.learner-list a span, .learner-title span:nth-child(2){width: 20.36585365853659%;}
.learner-list a span:nth-child(2), 
.learner-title span:nth-child(3){width: 29.51219512195122%;}

.learner-list a span:nth-child(3), 
.learner-title span:nth-child(4){
	width: 22.73170731707317%;
	text-align: center;
}
.learner-list a span:nth-child(4), .learner-title span:nth-child(5){
	width: 17.46341463414634%;
	text-align: center;
	margin-right: 39px;
	float: right;
}
.learner-list .cbox{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */

	/*border: 1px solid #444444;
	background: #ffffff;*/
	display: block;
	width: 16px;
	height: 16px;
	padding: 0;	
}
.learner-list .learner-title .cbox{
	/*border-color: #7f7f7f;*/
}
.learner-list .cbox input{ margin-bottom: 0;}
.learner-title{
	font-weight: 400;
	background: #7f7f7f;	
	color: #fff;
}
.learner-item{background: #dedede; font-size: 14px; padding-top: 9px;}
.learner-item a{ color: #000000;}
.learner-item:nth-child(even){background: #f2f2f2;}
.learner-item:hover, .learner-item.selected, .learner-item.active{ background: #e8d7d7}
.learner-item.selected , .learner-item.active .list-action{font-weight: 700;}
a.list-action{ position: relative; z-index: 1;}
a.list-action input[type="checkbox"]{ position: relative; z-index: 2;}
a.list-action em { font-style: normal; }
.learner-wrap{
	padding: 8px 10px 0;	
	display: none;
	width: 100%;
	float: left;
}
.learner-wrap .panel{
	background: #fff;
	width: 100%;
	padding:11px;
}
.learner-wrap fieldset{
	width: 51.41388174807198%;
	padding-top: 10px;
	margin-left: 11px;
	float: left;
}
.learner-wrap input[type="text"], .learner-wrap input[type="email"]{
	height: 35px;
	margin-bottom: 8px;
}
.learner-wrap input[type="text"]:disabled, .learner-wrap input[type="email"]:disabled{
	color: #7f7f7f;
}
.learner-wrap .fname{width: 45%; float: left;}
.learner-wrap .lname{width: 51.75%; float: right;}
.learner-wrap .textwrap{
	width: 23.29305912596401%;
	padding: 10px 35px 0 15px;	
	color: #7f8787;
	float: left;
}
.learner-wrap .textwrap p{
	line-height: 17px;
}
.learner-wrap .action{
	width: 22.87917737789203%;
	padding-bottom: 3px;
	float: left;
}
.learner-wrap .btn:focus{ color: #fff;}
.learner-wrap .btn{
	margin-bottom: 7px;
	width: 100%;
	height: 29px;
	line-height: 29px;
}
.details-head, .details-text{	
	color: #000;
	width: 100%;
	float: left;
}
.details-head{
	font-weight: 600;
	padding: 4px 10px 3px;
	background: #7f7f7f;	
	color: #fff;
}
.details-head span, .details-text span{
	width: 45.48969072164948%;
	display: block;	
	float: left;
}
.details-head span:nth-child(2), .details-text span:nth-child(2){ width: 22.59306803594352%; text-align: center;}
.details-head span:nth-child(3), .details-text span:nth-child(3){ width: 20.48969072164948%; text-align: center;}
.details-text .item{
	border-bottom: 1px solid #000;
	padding: 4px 10px 3px;
	width: 100%;
	float: left;
}
.details-text .item:last-child{ border-bottom: none;}
.pagination ul, .pagination{text-align: center; width: 100%; padding: 0;}
.pagination ul li.active a{
	border-color: #e8d7d7;
	background: #e8d7d7;
	color: #000;}
.pagination ul li a, .pagination ul li{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	background: #dedede;
	width: 27px;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	color: #000;
	padding: 0;
    font-size: 14px;
    font-weight: 400;}
.pagination ul li.prev a,
.pagination ul li.next a {line-height: 23px;}
.pagination ul li:before{ display: none;}
.pagination ul li a:hover,
.pagination ul li a.active:hover,
.pagination ul li.active a:hover{
	border-color: #e8d7d7;
	background: #e8d7d7;
	color: #000;
	text-decoration: none;
}
.pagination ul li{
	list-style-type: none;
	background: #e8d7d7;
	display: inline-block;
}
.course-accordion h2{
	margin-bottom: 4px;
	padding: 9px  8px; 
	background: #EDEDED;
}
.course-accordion h2 span{
	font-weight: 400;
	font-size: 14px;
	color: #7F7F7F;
}
.course-accordion h2:hover{
	background: #c6c6c6;
}
.course-details{
	padding: 22px 18px 16px 18px;
	display: none;
}
.courses .container{ max-width: 850px;}
.courses ul{ margin-bottom: 16px; padding-left: 0;}
.course-accordion h2{cursor: pointer;}
.course-accordion h3{ margin: 0;}
.course-details h3{
    font-weight: 600;
	border-bottom: 1px solid #3D9991;
	padding-bottom: 6px;	
	letter-spacing: 1px;
	font-size: 18px;
	color: #3D9991;
}
.course-details .box{
	border:2px solid #3D9991;
	margin-bottom: 15px;
	text-align: center;
	margin-left: 14px;
	float: right;
	width: 190px;
}
.course-details .box p{ margin: 0;} 
.course-details .status{
	background: #3D9991;
	padding: 10px 0;
	color:#fff;
}
.course-details .action a, .course-details .action span{
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 0 8px;
	color: #3D9991;
	display: block;
}
.course-details .action a{color: #3D9991; text-decoration: none;}
.course-details .action a:hover{ background: #DCF4F0;}
.course-details p{
	margin: 7px 0 25px;
}
/*Red Box*/
.course-details .red h3{border-color: #7f0000;color: #7f0000;}
.course-details .red .box{border-color: #7f0000;}
.course-details .red .status{ background: #7f0000;}
.course-details .red .action, .course-details .red .action a{ color: #7f0000;}
.course-details .red .action a:hover{ background: #F4D9D9;}
/* Green Box */
.course-details .green h3{border-color: #556802;color: #556802;}
.course-details .green .box{border-color: #556802;}
.course-details .green .status{ background: #556802;}
.course-details .green .action, .course-details .green .action a{ color: #556802;}
.course-details .green .action a:hover{ background: #E9EDD7;}
/* Grey Box */
.course-details .grey h3{border-color: #7f7f7f;color: #7f7f7f;}
.course-details .grey p{color: #7f7f7f;}
.course-details .grey .box{border-color: #7f7f7f;}
.course-details .grey .status{ color: #fff; background: #7f7f7f;}
.course-details .grey .action, .course-details .grey .action span{ color: #7f7f7f;}
.course-details .grey .action span:hover{ background: #ededed;}

.error-holder {
    padding: 10px;
    margin: 0 0 30px;
    border: 1px solid #e6d79b;
    position: relative;
	border-radius: 5px;
    color: #9F6000;
    background: #FEEFB3;
    width: 100%;
	display: table;}
.error-holder p{margin: 0;}   
.error-holder .fa {
    font-size: 35px;
    width: 40px;
    max-width: 40px;
    min-width: 40px;
	vertical-align: top;}
.error-holder > * {
    display: table-cell;
    vertical-align: middle;}
.error-group input[type=hidden] + * {
    display: none;
}
.error-holder.success {
	border: 1px solid #4f8a10;
	color: #4f8a10;
	background: #dff2bf;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn, 
.btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover{
	background: #cccccc;
}
.cbox input{display: none;}
.cbox:before{
	background: url(../img/checkbox.png) 0 0 no-repeat;
	display: block;
	content: '';
	width: 16px;
	height: 16px;
}
.cbox.active:before{background-position: 0 -16px;} 
.cbox.disabled:before{background-position: 0 -32px;}

footer{
	 font-family: 'PT Serif';
	position: absolute;
	padding: 25px 15px;
	font-weight: 400;
	background: #000;
	color: #7F7F7F;
	height: 75px;
	width: 100%;	
	bottom: 0;
	left: 0;

}

::-webkit-input-placeholder {color: #7f7f7f;}
::-moz-placeholder {color: #7f7f7f;}
:-ms-input-placeholder {color: #7f7f7f;}
:-moz-placeholder {color: #7f7f7f;}

.learner-popup .form-holder label {font-weight: 400;}
.learner-popup .form-holder small.label-msg {
	display: inline-block; 
	float: right; 
	font-size: 10px;
}
.learner-popup h3 {margin: 0 0 10px;}
.learner-popup .form-holder{padding-top: 10px;}
.learner-popup hr{margin: 5px 0 15px;}
.learner-popup .btn{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    color: #fff;
    background: #b20202;
    width: 150px;
    min-width: 0;}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;}
  
@media (min-width: 768px) and (max-width: 979px)  {		
	.form-wrapper .panel{
		min-height: 127px;
	}	
	.learner-wrap fieldset{
		width: 45%;
	}
	.learner-list a span:nth-child(3), .learner-title span:nth-child(4){ width: 23.732%;}
	.learner-list a span:nth-child(4), .learner-title span:nth-child(5){ width: 18.463%; margin-right: 0;}	
	header{font-size: 18px;}
	#main-nav a{ padding: 0 10px 13px;}
	header figure{
		font-size: 17px;
	}
}
@media (max-width: 767px){	
	.form-wrapper fieldset, .result .panel .pull-left, .result .panel .pull-right, .learner-wrap fieldset, .search a, .search fieldset{
		width: 100%;
	}
	.search fieldset{ min-width: 0;}
	.form-wrapper label{
		position: relative;
		top: 0;
	}
	.form-wrapper .field-holder label {left: 0;}
	.form-wrapper{
		padding-bottom: 15px;
		margin-bottom: 30px;
		width: 100%;
		float: left;
	}
	main{padding-bottom:30px;}
	.size18{font-size: 16px;}
	.result .panel .pull-left p:last-child{ margin-bottom: 14px;}
	.learner-wrap fieldset{ margin-left: 0;}
	.learner-wrap .textwrap, .learner-wrap .action{
		width: 50%;
	}	
	.learner-list a span:nth-child(3), .learner-title span:nth-child(4){ width: 23.732%;}
	.learner-list a span:nth-child(4), .learner-title span:nth-child(5){ width: 19.463%; margin-right: 0;}		
	#main-nav{
		text-align: left;
		display: none; 
		width: 100%; 
		float: left;		
	}	
	#main-nav ul li{
		width: 100%;
	}	
	#main-nav li a{ display: block;}
	#dropdownMenu, .mobile-menu{ display: block;}
	#main-nav a{ padding: 10px;} 
	header{ padding: 15px 0;}	
	header figure{ padding-bottom: 15px; font-size: 16px;}
	.form-wrapper{ padding-left: 15px; padding-right: 15px;}
	.form-wrapper .panel{
		min-height: 185px;
	}
	header{
		padding-bottom: 4px;
	}

}
@media (max-width: 310px){	
	.request .btn{
		white-space: normal;
		line-height: 18px;
		height: auto;
		padding: 5px;
	}
}
@media (max-width: 480px){		
	.form-wrapper .panel{
		margin: 0 0 15px;
		padding: 15px;
		min-height: 0;		
		width: 100%;
	}		
	.learner-wrap .textwrap, .learner-wrap .action, .inputtext, .course-details .box{
		width: 100%;
	}
	.inputtext, .search input[type="text"]{ max-width: none;} 
	.details-head span:nth-child(2), .details-text span:nth-child(2){
		width: 28%;
	}	
	.learner-title, .learner-content{
		min-width: 620px;
	}
	.request .btn, .btn-red{		
		width: 100%;
		min-width: 0;
	}
	.request .btn{font-size: 12px;}
	.course-accordion h2{ font-size: 14px; letter-spacing: 0;}
	.logo span{ display: none;}
}

.isloading-wrapper.isloading-right{margin-left:10px;}
.isloading-overlay{position:relative;text-align:center; width: auto !important; left: 15px; right: 15px; }.isloading-overlay .isloading-wrapper{background:#FFFFFF;-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;display:inline-block;margin:0 auto;padding:5px 20px;top:10%;z-index:9000;}

/*Glyphicon Spinner*/
.glyphicon-spin {
    -animation: spin .9s infinite linear;
    -webkit-animation: spin2 .9s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}


/*
------------------------------
	Impromptu
------------------------------
*/
.jqifade{
	position: absolute; 
	background-color: #777777; 
}
div.jqi{
	width: 100%; 
	max-width: 400px; 
	position: absolute; 
	background-color: #ffffff; 
	font-size: 11px; 
	text-align: left; 
	border: none;
	padding: 20px;
}
div.jqi .jqicontainer{ 
}
div.jqi .jqiclose:hover{
	opacity: 1;
    filter: alpha(opacity=100);
}
div.jqi .jqiclose{ 
	position: absolute;
    top: 0;
    right: 0;
    color: #333;
    font-weight: bold;
    cursor: pointer;
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-style: normal;
    font-size: 28px;
    text-align: center;
    opacity: .65;
    filter: alpha(opacity=65);
}
div.jqi .jqititle{
   padding: 0 0 5px;
    font-size: 24px;
    line-height: 1.5;
    color: #000;
    margin: 0 0 10px;
    font-weight: 500;
    border-bottom: 1px solid #3d9991;
}
div.jqi .jqimessage {
    padding: 15px 0 0;
    line-height: 20px;
    color: #000;
    font-size: 13px;
}
div.jqi .jqibuttons{ 
	text-align: left; 
	padding: 15px 0 0; 
}
div.jqi button:hover{
	background: #b20202;
    opacity: 1;
    filter: alpha(opacity=100);
}
div.jqi button{ 
	text-transform: uppercase;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    color: #fff;
    background: #b20202;
    width: 150px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    border: none;
}

div.jqi button:hover{ 
	background-color: #b20202;
}
div.jqi button.jqidefaultbutton{
	background-color: #b20202;
}
.jqiwarning .jqi .jqibuttons{ 
	background-color: #b20202;
}

.jqi .jqiarrow{ position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;}

.jqi .jqiarrowtl{ left: 10px; top: -20px; border-bottom-color: #ffffff; }
.jqi .jqiarrowtc{ left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px; }
.jqi .jqiarrowtr{ right: 10px; top: -20px; border-bottom-color: #ffffff; }

.jqi .jqiarrowbl{ left: 10px; bottom: -20px; border-top-color: #ffffff; }
.jqi .jqiarrowbc{ left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px; }
.jqi .jqiarrowbr{ right: 10px; bottom: -20px; border-top-color: #ffffff; }

.jqi .jqiarrowlt{ left: -20px; top: 10px; border-right-color: #ffffff; }
.jqi .jqiarrowlm{ left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px; }
.jqi .jqiarrowlb{ left: -20px; bottom: 10px; border-right-color: #ffffff; }

.jqi .jqiarrowrt{ right: -20px; top: 10px; border-left-color: #ffffff; }
.jqi .jqiarrowrm{ right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px; }
.jqi .jqiarrowrb{ right: -20px; bottom: 10px; border-left-color: #ffffff; }