@charset "utf-8";
@import "../css/stylesheet.css";
/* CSS Document */

.ContentBox_faq {
    float: left;
    padding-top: 10px;
    width: 100%;
}
.ContentBox_2 {
    float: left;
    padding-top: 50px;
    width: 100%;
}
.invite-box {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -khtml-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    box-shadow: 0 0 2px #c0c0c0;
    float: right;
    margin: 20px 0;
    /*padding: 2%;*/
    width: 100%;
}
.invite-box .friends_image{background: url(../images/invite_friend.jpg) no-repeat top center; width: 100%; height: 300px;}
.earned {width: 760px; margin: 15px auto 0;}
.earned .label {font-size: 17px; font-family: calibri,calibriregular; float: left; padding-right: 15px;padding-top: 16px;}
.earned .progressive {background: #555555; width: 77.4%; padding: 4.5px 10px 3px 14px; float: left; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px;}
.earned .progressive .offlinebar{background:#000; width: 92%; height: 15px; float: left; margin-top: 4px;}
.earned .progressive .onlinebar{background: url(../images/progress_bar_bg.jpg) repeat-x left; width: 50%; height: 15px; float: left;}
.earned .progressive .prg_bttn{background:url(../images/progressive-btn.png) no-repeat center; height: 22px; width: 22px; position: relative; top: -3px; left: 97%;}
.earned .progressive .right_days {float:right; width: 6%; margin-top: 0px; text-align: center}
.earned .progressive .right_days span{color: #fff; font-size: 21px; font-family: bebasregular; font-weight: bold; }
.earned .progressive .right_days .day{color: #fff; font-size: 14px; font-family: calibri,calibriregular; font-weight: normal; text-transform: uppercase;position: relative; top: -3px;}
.earned_point{width: 6%; margin: 0 auto; clear: both; position: relative; left: 7.3%; top: 4px;}
.earned_point .poin_bg{background: #595959; padding: 5px; border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -o-border-radius: 7px; -moz-border-radius: 7px; text-align: center;}
.earned_point .poin_bg span{color: #fff; font-size: 17px; font-family: bebasregular; font-weight: bold;}
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #595959;
        margin: 0 auto;
}
.ContentBox_faq .pageHeading .headingText {
    background: #fff none repeat scroll 0 0;
    color: #555;
    font-family: weblysleek_uilight;
    font-size: 40px;
    margin-left: 8px;
    padding: 0 10px;
    text-align: center;
    float: left;
}
.ContentBox_faq .pageHeading {
    /*border-top: 1px solid #ccc;*/
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.search_box{float: right; border: 1px solid #bfbfbf; width: 30%; border-radius: 7px; height: 31px; margin: 23px 18px 0 0;}
.search_box input {border: none; float: left; background: none; margin: 7px; color: #b2b2b2; width: 78%;}
.search_box a{background: url(../images/search_btbl.png) no-repeat right; height: 31px; width: 49px; float: right;}
.ContentBox_faq p{width:96%;float:left;padding: 15px 20px 25px 20px; margin: 0; color: #7a7a7a;}
.earned_1 {width: 400px; margin: 15px auto 0;}
.enter-phn {background: #f7f6f3; float: left; border: 1px solid #999999; height: 25px; width: 60%; padding: 7px; color: #a0a0a0; font-size: 20px; font-family:calibri,calibriregular; }
.enter-phn-bttn {background:url(../images/enter-phn-btn.png) repeat-x left; height: 41px; border: 1px solid #3f6495; color: #fff; font-size: 16px; text-align: center; padding: 5px 10px; margin-left: 10px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px;} 
.topPdngTeacher_1 { padding-left: 0; padding-top: 0px;}
.ContentBox_faq .pageHeading .otherHeading {
    left: 29.5% !important;
    margin-left: 0;
}
.earned .label_1 {font-size: 17px; font-family: calibri,calibriregular; float: left; padding-right: 15px;padding-top: 9px;}
.earned .progressive_1 {width: 77.4%; float: left;}
.enter-phn_1 {background: #f7f6f3; float: left; border: 1px solid #999999; height: 25px; width: 97%; padding: 7px; color: #444; font-size: 22px; font-weight: bold; font-family:calibri,calibriregular; }
.facebook_share{background: url(../images/facebook-share.png) no-repeat; border: none; width: 264px; height: 50px; color: white; padding: 10px 20px; cursor: pointer; text-align: left; font-size: 20px; font-family:calibri,calibriregular; }
.twitter_share{background: url(../images/twitter-share.png) no-repeat; border: none; width: 264px; height: 50px; color: white; padding: 10px 20px; cursor: pointer; text-align: left; font-size: 20px; font-family:calibri,calibriregular; }
.email_share{background: url(../images/email-share.png) no-repeat; border: none; width: 264px; height: 50px; color: white; padding: 10px 20px; cursor: pointer; text-align: left; font-size: 20px; font-family:calibri,calibriregular; }
.all_button_cantainer {background: #fff; border-right: 1px solid #ccc; margin-top: 40px; margin-bottom: 40px; padding-left: 28px;  padding-right: 28px; float: left}
.all_button_cantainer_end {background: #fff; margin-top: 40px; padding-left: 28px; margin-bottom: 40px; padding-right: 28px; float: left}
.progress {
  width: 92.5%;
  height: 20px;
}

.progress-wrap {
  background: #f80;
  margin: 14px 0 13px;
  overflow: hidden;
  position: relative;
  float: left;
}
.progress-wrap .progress-bar {
  background: #ddd;
  left: 0;
  position: absolute;
  top: 0;
}

.faq_bg{background: none; padding: 0px; width: 96%; margin: 0 auto 12px auto;}
.faq_left {background: none; height: auto; width: 100%; float: left;}
.faq_left ul{list-style: none; padding: 10px; margin: 0;padding: 0;}
.faq_left ul li{ list-style: none; float: left; text-align: center; margin-bottom: 20px;}
.faq_left ul li img{padding: 0px 0 0 0;}
.faq_left ul li a{border-bottom: 3px solid transparent; color: #282828; font-size: 16px; text-transform: uppercase; font-weight: normal; font-family: weblysleek_uilight; text-align: center; text-decoration: none; float: left; padding:0 15px; margin: 0 34px;-webkit-padding-end:13px;}
.faq_left ul li a:hover {border-bottom: 3px solid #d9632f;}
.faq_left ul li a span{clear: both;}
.faq_left ul li a.selected{background: none;border-bottom: 3px solid #d9632f;}
.faq_right {background: #fff; height: auto; width: 100%; float: left;}
.faq_right .inner_text{padding: 0 10px; width: 98.5%;}
.inner_text h2{background-image: url(../images/my_account_bl.png); background-repeat: no-repeat;background-position: 0 12px; padding-left: 29px; font-family: weblysleek_uilight; font-size: 23px; font-weight: normal; border-bottom: 1px solid #ccc; margin-top: 0;}
.inner_text h2.payment_bl{background-image: url(../images/payment_bl.png); background-repeat: no-repeat;background-position: 0 12px; padding-left: 35px; font-family: weblysleek_uilight; font-size: 23px; font-weight: normal; border-bottom: 1px solid #ccc; margin-top: 0;}
.inner_text h2.website_bl{background-image: url(../images/website_bl.png); background-repeat: no-repeat;background-position: 0 12px; padding-left: 29px; font-family: weblysleek_uilight; font-size: 23px; font-weight: normal; border-bottom: 1px solid #ccc; margin-top: 0;}
.inner_text h2.feedback_bl{background-image: url(../images/feedback_bl.png); background-repeat: no-repeat;background-position: 0 12px; padding-left: 35px; font-family: weblysleek_uilight; font-size: 23px; font-weight: normal; border-bottom: 1px solid #ccc; margin-top: 0;}
.inner_text h3{padding-left: 25px; line-height: 25px; font-family: weblysleek_uilight; font-size: 18px; font-weight: normal; margin-top: 0; margin-bottom: 0; color: #313131; cursor: pointer;}
.inner_text .margintop{margin-top: 25px;}
.inner_text p{font-family: calibri,calibriregular; font-size: 15px; font-weight: normal; color: #7a7a7a; margin-top: 0; margin-bottom: 8px;padding-left: 31px;}
.inner_text ul{background: none; margin: 0 0 0 65px;}
.inner_text ul li{list-style: square; font-family: calibri,calibriregular; font-size: 15px; font-weight: normal; color: #7a7a7a; margin-top: 0}
.inner_text ul li a{color: #1a78d0; font-weight: normal; text-decoration: underline;}
.inner_text ul li a:hover{text-decoration: none;}
.inner_text span{background-image:url(../images/q.png); background-repeat: no-repeat;width: 20px; height: 20px; margin-top: 3px; margin-right: 10px; float: left; cursor: pointer}
.inner_text i.margin_i{margin-top: 25px; float: left;}
.inner_text i.margin_i1{margin-top: 17px; float: left;}
.fa {float: left;}