﻿html {
    font-family:"Lucida Grande", Verdana,arial,sans-serif;
}

textarea {
    resize: none;
}

body {
    font: 70% "Lucida Grande", Verdana,arial,sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    color: black;
}

img {
    border: 0px;
}

* {
    outline: none;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}

a {
    color: #880000;
    text-decoration: none;
}

.form.price > input, .form.score > input, .form.year > input {
    width: 144px !important;
}

.text-uline {
    border-top: 1px solid #E5E5E5;
    padding-top: 6px;    
}

.load-more {
    width:100%;
    text-align:center;
    margin:20px 0px;
}
.load-more > a{
    font-size:14px;
    font-weight:bold;
}
    
/*--------------------------------------------------------------*/
#pop-title {
    float: left;
    width: 100%;
    min-height: 55px;
    background:#d70d0d;
}

#pop-title > h1 {
    width: 100%;
    color: #FFF;
    font-family:'dense';
    font-size: 45px;
    font-weight: normal;    
    line-height: 50px;
    text-align: center;
}

.pop-menu {
    position:relative;
    float:left;
    width: 100%;
    margin-top: 12px;
    height:46px;
}

.pop-menu > a.icon-text {
    line-height: 32px;
    float: left;
    color: #fff;
    text-decoration: none;
    text-shadow: #000 0px 1px 1px;
    font-size: 14px;
    margin-left: 20px;
}

.pop-menu > a.icon-text:hover {
	text-shadow: #000 0px 2px 1px;
}

#pop-content > .page-title {
    border-bottom: 1px dotted #B2B2B2;
    clear: both;
    float: left;
    position: relative;
    width: 600px;
    margin: 0px 0px 30px 20px;
}

#pop-content > .page-title h2 {
    color: #999999;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

#pop-content {
    float: left;
    width: 100%;
    margin-top: 10px;    
}

#pop-content .content-center > * {
    margin: 0 auto;
}

#pop-content .static {
    width:700px;
    margin:0 auto;
}

.pop-close {
    position: absolute;
    top: 5px;
    right: 23px;
    width: 38px;
    height: 38px;
    background: url('../../images/popup/close.png');
}

#ui-datepicker-div
{
    z-index:100 !important;
}

.popup.title{
	line-height:26px;
	font-size:12px;
	color:#999;
	font-weight:normal;
	text-transform:uppercase;
	padding:0px 10px;
	border-bottom:1px solid #999999;
	margin:0px 10px;
}

input.search {
    background: url("../../images/search.png") repeat scroll 0 0 transparent;
    border: medium none;
    float: right;
    height: 16px;
    line-height: 16px;
    margin-right: 20px;
    
    padding: 7px 9px 7px 30px;
    width: 200px;
}

.video-quiz-container {
    margin: 0 20px 0 20px;
}


/*------------------ Coach List ---------------*/
.cc-list,
.cc-list ul{
    list-style:none;
}
.cc-list{
    margin:30px 20px;
}
.cc-list li > span{
    display:block;
    height:30px;
    font-family:'HelveticaNeue', Tahoma,Verdana,arial, sans-serif;
    float:left;
    width:100%;
}
.cc-list li > span > span{
    display:block;
    float:left;
}
.cc-list li > span > a{
    display:block;
    float:right;
    width:16px;
    height:16px;
    background:url(../../images/arrow.png);
    margin:12px 5px 0 0; 
}

.cc-list li > span > span.check{
    width:35px;
    padding-top:8px;
    text-align:center;
}

.cc-list li > span > span.index,
.cc-list li > span > span strong,
.cc-list li > span > span b {
    font-family: 'HelveticaNeueBold';
}

.cc-list li > span > span.index{
    width:25px;
    padding-top:4px;
    margin-right:10px;
    color:#999;
    
    font-size:20px;
    line-height:20px;
    text-align:center;
}
.cc-list li > span > span.name{
    line-height:30px;
}
.cc-list li > span > span.duration{
    float:right;
    width:60px;
    margin-right:10px;
    line-height:30px;
    font-size:12px;
    text-align:right;
}
.cc-list li > span > span.name a,
.cc-list li > span > span.name strong{
    color:#000;
    text-decoration:none;
}

.cc-list li ul{
    margin-left:28px;
}
    .cc-list li li > span > span.index{
        padding-top:5px;
        font-size:14px;
        text-transform:uppercase;
    }
.cc-list li.head > span > span {
    color:#999;
    font-family: 'Avenir-Black';
    font-size:10px;
    text-transform:uppercase;
}
.cc-list li.head > span > span.name{
    margin-left:70px;
}

.report-container {
    margin:20px 0px 0px 30px;
}

.report-container #toolbar {
    margin-left:50px;
    margin-bottom:2px;
}


/*------------------ Teacher/Course popup ---------------*/
.info-wrap:before,
.info-wrap:after{
  display: table;
  content: "";
  line-height: 0;
}
.info-wrap:after{
  clear: both;
}

.info-wrap img{
    float:left;
    width:186px;
    height:186px;
    margin:20px 0 0 21px;
    border-radius:100%;
}
.info-wrap:not(.img) img {
    display: none;
}

.info-wrap article {
    padding:0 30px;
}
.info-wrap.img article{
    width:560px;
    float:right;
    margin-right:34px;
    padding:0;
}

.info-wrap.border{
    border-bottom:1px solid #a9a9a9;
    margin:0 19px;
    padding-bottom:20px;
}
.info-wrap.border img {
    margin-left: 2px;
}
.info-wrap.border article {
    margin: 0;
    padding:0 2px;
}


.info-wrap *{
    color:#222323;
    font-family:'helvetica',Tahoma,Verdana,arial,sans-serif;
}
.info-wrap h3{
    font-family: 'HelveticaNeueLight';
    font-size:22px;    
    line-height:34px;
    text-transform:uppercase;
    padding:25px 0 10px;
}
.course .description,
.info-wrap p{
    font-size:15px;
    line-height:21px;
}


.course .description{
    height:198px;
}

    .course .description ol, .course .description ul {
        margin-left:30px;
    }
    .description p {
        margin-bottom:10px;
    }

.course div > ul.teachers{
    list-style:none;
    float:left;
}
.course div > ul.teachers li{
    margin-bottom:11px;
    width:200px;
    min-height:32px;
    position:relative;
}
.course div > ul.teachers li img{
    position:absolute;
    left:0;
    top:0;
    width:32px;
    height:32px;
    margin:0;
}
.course div > ul.teachers li span{
    font-size:16px;
    line-height:18px;
    font-size:13px;

    display:block;
    padding:7px 0 0 38px;
}
.course article > div > div{
    float:right;
    width:350px;
}
.course article > div > div div{
    float:right;
    min-height:56px;
    padding-bottom:20px;    
}

.course article > div > div div b{
    display:block;
    margin-bottom:5px;
}
.course article > div > div div > span{
    float:right;
    padding:0 9px 0;
    text-align:center;

    color:#b71300;
    font-size:12px;
    font-weight:bold;
}
.course article > div > div div b{
    color:#676767;
    text-transform:uppercase;
}

.course article div a.more{
    float:right;
    display:block;
    width:172px;
    height:47px;
    background:#b71300;

    color:#fff;
    font-family: 'HelveticaNeueLight';
    font-size:19px;
    line-height:47px;
    text-align:center;
    text-transform:uppercase;
}


.form.signup {
    margin-top:15px;
}

.form.signup input[type="submit"],
.form.signup input[type="button"] {
    width:205px;
    height:46px;
    background:#d70d0d none;
    border:0;
    color:#dfe0e2;
    font-family: 'HelveticaNeueLight';
    font-size:17px;
    font-weight:normal;
    line-height:46px;
}

.c-testimonial{
    text-align:center;
}
.c-testimonial textarea{
    display:block;
    width:651px;
    height:88px;
    padding:5px 10px;
    border:1px solid #e3e3e3;
    border-radius:4px;
    margin:0 auto 30px;
}

.c-testimonial input{
    width:205px;
    height:45px;
    background:#d70d0d;
    border:0;
    border-radius:4px;

    color:#fff;
    font-family: helvetica ;
    font-size:18px;
    cursor:pointer;
}
.c-testimonial p.note {
    margin:20px 0;
    line-height:20px;
}
.c-testimonial p.success {
    color:green;
    font-size:16px;
    margin-bottom:25px;
}
   

/*------------------ Rating ------------------*/
.rating-info.info-wrap{
    padding-bottom:10px;
}
.rating-info.info-wrap img{
    height:80px;
    width:80px;
    margin-top:0px;
}
.rating-info.info-wrap article {
    width:680px;
    padding:13px 0 0 0;    
}
.rating-info.info-wrap article p {
    font-size:14px;
    line-height:18px;
}
/*-----------------/ Rating ------------------*/