/*new Css 27may 2013*/
html {
background-color: #414141;
}
body {
font-size: 0.625em;
/* default page font size is 10px (1em) */
width: 1008px;
/* Default scroll width is 16px, so 1024-16 is 1008px */
margin: 0 auto;
background-color: #fff;
}
* {
margin: 0;
padding: 0;
outline: none;
}
ul {
list-style-type: none;
}
img {
border: none;
}
table {
border-collapse: collapse;
}
input[type="submit"] {
cursor: pointer;
}
input[type="button"] {
cursor: pointer;
}
h1 {
color: #030;
}
a {
color: #060;
}
h2,
h3,
h4,
p,
span {
color: #444;
}
input,
textarea,
select {
color: #444;
}
h1 {
font-size: 1.5em;
}
a,
p,
span,
input,
textarea,
select {
font-size: 1.2em;
}
p a {
font-size: 1em;
}
div.cnt {
margin-left: 246px;
}
/*new Css 27may 2013*/
.clear {
clear: both;
}
#wrapper {
margin: 0 auto;
width: 988px;
background: #fff url(../images/wrapper_bg.png) no-repeat bottom;
padding: 0 10px 13px;
}
.top {
margin-bottom: 10px;
width: 988px;
float: left;
}
.top .logo {
float: left;
width: 269px;
height: 77px;
margin: 16px 0 0 37px;
}
.top .menu {
float: right;
height: 92px;
}
.top .menu ul {
margin: 0;
padding: 0;
}
.top .menu ul li {
list-style: none;
display: inline;
margin-left: 7px;
float: left;
}
a.home {
background: url(../images/main_navi_bg.png) no-repeat left -1px;
width: 128px;
float: left;
height: 92px;
}
a.home:hover {
background: url(../images/main_navi__hover.png) no-repeat left -1px;
}
a.worksheet {
background: url(../images/main_navi_bg.png) no-repeat -135px -1px;
width: 128px;
float: left;
height: 92px;
}
a.worksheet:hover {
background: url(../images/main_navi__hover.png) no-repeat -135px -1px;
}
a.progress {
background: url(../images/main_navi_bg.png) no-repeat -270px -1px;
width: 128px;
float: left;
height: 92px;
}
a.progress:hover {
background: url(../images/main_navi__hover.png) no-repeat -270px -1px;
}
a.logout {
background: url(../images/main_navi_bg.png) no-repeat -592px -1px;
width: 62px;
float: left;
height: 92px;
}
a.logout:hover {
background: url(../images/main_navi__hover.png) no-repeat -592px -1px;
}
a.science {
background: url(../images/main_navi_bg.png) no-repeat -405px -1px;
width: 178px;
float: left;
height: 92px;
}
a.science:hover {
background: url(../images/main_navi__hover.png) no-repeat -405px -1px;
}
a.maths {
background: url(../images/main_navi_math_bg.png) no-repeat 0px top;
width: 178px;
float: left;
height: 91px;
}
a.maths:hover {
background: url(../images/main_navi_math_bg.png) no-repeat 0px bottom;
}
a.english {
background: url(../images/main_navi_english_bg.png) no-repeat 0px top;
width: 178px;
float: left;
height: 91px;
}
a.english:hover {
background: url(../images/main_navi_english_bg.png) no-repeat 0px bottom;
}
.container {
margin: auto;
width: 988px;
background: #bbd8ef url(../images/container_bg.gif) no-repeat bottom;
padding: 0 0 22px;
position: relative;
}
.container .heading_pnl {
margin: 0 auto;
width: 988px;
background: #ececed;
}
div.hdr {
height: 140px;
position: relative;
}
.hdr {
height: auto !important;
}
.container .heading_pnl .lft_img {
float: left;
background: url(../images/heading_lft.gif) no-repeat left;
height: 42px;
width: 8px;
}
.left-anspnl {
margin: 0;
color: #000;
}
.container .heading_pnl .rht_img {
float: left;
background: url(../images/heading_right.gif) no-repeat left;
height: 42px;
width: 8px;
}
.container .heading_pnl .mid {
float: left;
width: 972px;
}
.container .heading_pnl .mid h1 {
font-size: 20px;
line-height: 42px;
float: left;
}
.container .heading_pnl .mid .subhead {
float: left;
margin-left: 10px;
background: url(../images/subheading_lft.png) no-repeat left;
padding: 0 0 0 8px;
line-height: 26px;
font-size: 14px;
font-weight: bold;
color: #fff;
width: auto;
}
.container .heading_pnl .mid .subhead span {
background: url(../images/subheading_rht.png) no-repeat right;
padding: 0 8px 0 0;
font-size: 14px;
float: left;
color: #fff;
}
.container .heading_pnl .mid span {
float: right;
line-height: 42px;
font-size: 20px;
}
.container .heading_pnl .mid span select {
background: url(../images/select_bg.png) no-repeat;
width: 119px;
height: 30px;
border: none;
font-size: 20px;
color: #646567;
margin-left: 10px;
line-height: 30px;
padding: 0 2px 0 5px;
}
.container .mid_links {
float: left;
height: 38px;
margin: -4px 0 0 340px;
}
.container .mid_links ul {
text-align: center;
}
.container .mid_links ul li {
list-style: none;
display: inline;
font-size: 14px;
font-weight: bold;
text-transform: capitalize;
}
.container .mid_links ul li a {
color: #fff;
background: url(../images/mid_links_bg_rht.png) no-repeat right;
padding-right: 25px;
line-height: 38px;
float: left;
margin-right: 7px;
text-decoration: none;
cursor: pointer;
}
.container .mid_links ul li a span {
color: #fff;
background: url(../images/mid_links_bg_lft.png) no-repeat left;
padding-left: 25px;
line-height: 38px;
float: left;
}
.container .mid_links ul li a:hover {
background: url(../images/mid_links_hover_rht.png) no-repeat right;
}
.container .mid_links ul li a:hover span {
background: url(../images/mid_links_hover_lft.png) no-repeat left;
}
.container .mid_links ul li a.maths {
float: left;
background: url(../images/maths_bg.png) no-repeat top;
height: 38px;
line-height: 38px;
color: #fff;
padding: 0 0 0 24px;
text-align: left;
width: 100px;
}
.container .mid_links ul li a.maths:hover {
background: url(../images/maths_bg.png) no-repeat bottom;
}
.container .mid_links ul li a.english {
float: left;
background: url(../images/english_bg.png) no-repeat top;
height: 38px;
line-height: 38px;
color: #fff;
padding: 0 0 0 23px;
text-align: left;
width: 100px;
}
.container .mid_links ul li a.english:hover {
background: url(../images/english_bg.png) no-repeat bottom;
}
.container .mid_links ul li a.science {
float: left;
background: url(../images/science_bg.png) no-repeat top;
height: 38px;
line-height: 38px;
color: #fff;
padding: 0 0 0 23px;
text-align: left;
width: 100px;
}
.container .mid_links ul li a.science:hover {
background: url(../images/science_bg.png) no-repeat bottom;
}
.container .main_compare_list_pnl {
margin: 0 auto;
width: 947px;
background: #ececed url(../images/main_compare_list_btm.gif) no-repeat bottom;
padding: 0 0 12px;
}
.container .main_compare_list_pnl .top_img {
float: left;
background: url(../images/main_compare_list_top.gif) no-repeat;
width: 947px;
height: 12px;
}
.main_compare_list_pnl .inner_comparelist_pnl {
margin: 0 auto;
width: 926px;
background: #fff url(../images/inner_compare_top.gif) no-repeat;
position: relative;
}
.main_compare_list_pnl .inner_comparelist_pnl .btm_img {
float: left;
background: url(../images/inner_compare_btm.gif) no-repeat;
height: 9px;
width: 926px;
}
.inner_comparelist_pnl .compare_list {
float: left;
width: 896px;
margin: 0 0 0 21px;
}
.inner_comparelist_pnl .compare_list ul {
float: left;
margin: 0 0 4px;
position: relative;
}
.inner_comparelist_pnl .compare_list ul li {
list-style: none;
display: inline;
line-height: 34px;
margin-right: 4px;
text-align: center;
float: left;
height: 34px;
font-size: 21px;
color: #343235;
}
.inner_comparelist_pnl .compare_list ul li span {
text-decoration: underline;
color: #406cad;
}
.li1 {
width: 41px;
float: left;
background: #ececed url(../images/list_bg.png) no-repeat left;
}
.li2 {
width: 460px;
background: #ececed;
text-align: left !important;
padding: 0 15px;
}
.li2 b {
float: right;
left: 463px;
position: absolute;
top: 3px;
}
.li3 {
width: 87px;
float: left;
font-size: 18px !important;
background: #ececed;
}
.li4 {
width: 106px;
float: left;
background: #ececed url(../images/set_bg.png) no-repeat right;
font-size: 14px !important;
}
.li5 {
width: 69px;
float: left;
background: #ececed url(../images/points_bg.gif) no-repeat;
color: #fff !important;
}
.bg {
background: none;
font-size: 21px !important;
}
span.set {
text-decoration: none !important;
background: url(../images/arrow.gif) no-repeat top;
display: block;
}
li.blue {
color: #0c7be9 !important;
}
li.orange {
color: #fe7f23 !important;
}
li.red {
color: #ff372d !important;
}
.container .message_box {
background: url(../images/message_box.png) no-repeat;
color: #FFFFFF;
height: 64px;
padding-left: 13px;
padding-top: 8px;
position: absolute;
right: 60px;
top: 6px;
width: 206px;
text-transform: uppercase;
}
.question_pnl {
margin: 0 auto;
width: 988px;
background: url(../images/cloud_bg.png) no-repeat;
height: auto;
}
.main_commom_container {
margin: 0 auto;
width: 988px;
position: relative;
}
.bird_img {
position: absolute;
top: 120px;
left: -10px;
background: url(../images/owl_img.png) no-repeat;
height: 181px;
width: 209px;
}
.answer_bird {
position: absolute;
top: 120px;
left: -10px;
background: url(../images/answer_bird.png) no-repeat;
height: 181px;
width: 209px;
}
.main_commom_container .inner_pnl {
margin: 0 auto;
width: 909px;
}
.main_commom_container .lft {
float: left;
width: 153px;
}
.main_commom_container .lft ul {
margin: 20px 0 0;
}
.main_commom_container .lft ul li {
list-style: none;
background: url(../images/question_bg.png) no-repeat top;
height: 46px;
width: 153px;
text-align: center;
color: #fff;
display: block;
font-size: 20px;
line-height: 46px;
margin: 0 0 5px;
}
.main_commom_container .lft ul li.math_ques_bg {
background: url(../images/question_bg.png) no-repeat 0 -46px;
}
.main_commom_container .lft ul li.eng_ques_bg {
background: url(../images/question_bg.png) no-repeat 0 -92px;
}
.main_commom_container .lft ul li span {
color: #fff;
background: url(../images/question_bg_pink.png) no-repeat top;
float: left;
height: 46px;
width: 153px;
}
.main_commom_container .lft ul li a {
text-decoration: none;
color: #fff;
}
.main_commom_container .rht {
float: right;
width: 756px;
}
.main_commom_container .rht .content_box {
float: left;
width: 756px;
}
/*
.main_commom_container .rht .content_box .top_c_img {
float:left;
background:url(../images/content_box_top.png) no-repeat;
width:756px;
height:12px;
}
.inner_pnl .rht .content_box .btm_c_img {
float:left;
width:756px;
height:12px;
background:url(../images/content_box_btm.png) no-repeat;
}
.main_commom_container .rht .main_content .main_c_top {
background:url(../images/main_c_top.gif) no-repeat;
width:727px;
height:12px;
float:left;
clear:both;
}
.main_commom_container .rht .main_content .main_c_btm {
background:url(../images/main_c_btm.gif) no-repeat;
width:727px;
height:11px;
float:left;
clear:both;
}
*/
.main_commom_container .rht .content_box .middle {
min-height: 225px;
margin: 0px 0 0 0;
padding: 12px;
border-radius: 6px;
width: auto;
float: none;
overflow: hidden;
clear: both;
background: #ECECED;
}
.main_commom_container .rht .main_content {
padding: 10px 15px 15px 15px;
background: #fff;
width: auto;
float: none;
margin: 0 0 20px 0;
border-radius: 6px;
clear: both;
overflow: hidden;
}
.main_commom_container .rht .main_content .img {
margin: 0 auto;
width: 471px;
}
.main_commom_container .rht .main_content .heading {
font-size: 18px;
padding: 0;
font-weight: normal;
color: #7F8181;
float: none;
}
.main_commom_container .rht .next_back_pnl {
float: left;
margin: 10px 0;
width: 100%;
}
.main_commom_container .rht .next_back_pnl ul {}
.main_commom_container .rht .next_back_pnl ul li {
list-style: none;
display: none;
}
a.back {
float: left;
background: url(../images/back.png) no-repeat right top;
width: 116px;
height: 49px;
}
a.math_back {
float: left;
background: url(../images/back.png) no-repeat right -50px;
width: 116px;
height: 49px;
}
a.english_back,
a.writing_back {
float: left;
background: url(../images/back.png) no-repeat right -100px;
width: 116px;
height: 49px;
}
a.next {
float: right;
background: url(../images/next.png) no-repeat right top;
width: 116px;
height: 49px;
}
a.maths_next {
background: url(../images/next.png) no-repeat right -49px;
float: right;
width: 116px;
height: 49px;
}
a.english_next,
a.writing_next {
background: url(../images/next.png) no-repeat right -98px;
float: right;
width: 116px;
height: 49px;
}
/*
a.back {
float:left;
background:url(../images/back.png) no-repeat left top;
width:116px;
height:49px;
}
a.back:hover {
background:url(../images/back.png) no-repeat right top;
}
a.math_back {
float:left;
background:url(../images/back.png) no-repeat left -50px;
width:116px;
height:49px;
}
a.math_back:hover {
background:url(../images/back.png) no-repeat right -50px;
}
a.english_back {
float:left;
background:url(../images/back.png) no-repeat left -100px;
width:116px;
height:49px;
}
a.english_back:hover {
background:url(../images/back.png) no-repeat right -100px;
}
a.next {
float:right;
background:url(../images/next.png) no-repeat -1px top;
width:116px;
height:49px;
}
a.next:hover {
background:url(../images/next.png) no-repeat right top;
}
a.maths_next {
background:url(../images/next.png) no-repeat -1px top;
float:right;
width:116px;
height:49px;
}
a.maths_next:hover {
background:url(../images/next.png) no-repeat right -49px;
}
a.english_next {
background:url(../images/next.png) no-repeat -1px -98px;
float:right;
width:116px;
height:49px;
}
a.english_next:hover {
background:url(../images/next.png) no-repeat right -98px;
}*/
a.ans_summary {
float: left;
background: url(../images/ans_summary.png) no-repeat 0px 0;
width: 212px;
height: 49px;
margin: 0 0 0 155px;
}
a.ans_summary:hover {
background: url(../images/ans_summary.png) no-repeat bottom;
}
a.next_back {
float: left;
background: url(../images/next_back_lft.png) no-repeat left bottom;
padding: 0 0 0 20px;
margin: 0 0 0 126px;
height: 49px;
line-height: 49px;
color: #fff !important;
font-size: 21px;
font-weight: bold;
text-decoration: none;
cursor: pointer;
}
a.next_back span {
color: #fff;
float: left;
background: url(../images/next_back_rht.png) no-repeat right -51px;
padding: 0 20px 0 0;
height: 49px;
}
a.next_back:hover {
float: left;
background: url(../images/next_back_lft.png) no-repeat left top;
}
a.next_back:hover span {
float: left;
background: url(../images/next_back_rht.png) no-repeat right top;
}
a.math_next_back {
float: left;
background: url(../images/next_back_lft.png) no-repeat -27px bottom;
padding: 0 0 0 20px;
margin: 0 0 0 126px;
height: 49px;
line-height: 49px;
color: #fff;
font-size: 21px;
font-weight: bold;
text-decoration: none;
cursor: pointer;
}
a.math_next_back span {
float: left;
background: url(../images/next_back_rht.png) no-repeat right -51px;
padding: 0 20px 0 0;
height: 49px;
}
a.math_next_back:hover {
float: left;
background: url(../images/next_back_lft.png) no-repeat -27px top;
}
a.math_next_back:hover span {
float: left;
background: url(../images/next_back_rht.png) no-repeat right -101px;
}
a.eng_next_back {
float: left;
background: url(../images/next_back_lft.png) no-repeat -54px bottom;
padding: 0 0 0 20px;
margin: 0 0 0 126px;
height: 49px;
line-height: 49px;
color: #fff;
font-size: 21px;
font-weight: bold;
text-decoration: none;
cursor: pointer;
}
a.eng_next_back span {
float: left;
background: url(../images/next_back_rht.png) no-repeat right -51px;
padding: 0 20px 0 0;
height: 49px;
}
a.eng_next_back:hover {
float: left;
background: url(../images/next_back_lft.png) no-repeat -54px top;
}
a.eng_next_back:hover span {
float: left;
background: url(../images/next_back_rht.png) no-repeat right -151px;
}
.main_commom_container .progress_pnl {
background-color: #7BA221;
bottom: -22px;
float: left;
height: 43px;
position: relative;
width: 968px;
padding: 15px 10px 0;
border-radius: 0 0 8px 8px;
}
.main_commom_container .progress_pnl .title {
float: left;
color: #fff;
font-weight: bold;
font-size: 23px;
}
.main_commom_container .progress_pnl .white_progress_bar {
float: right;
background: url(../images/progress_bar_white.png) no-repeat;
width: 807px;
height: 28px;
}
.main_commom_container .progress_pnl .yellow_progress_bar {
float: left;
background: url(../images/progress-bar-yellow.png) no-repeat;
height: 28px;
}
.main_content .selective_links {
float: left;
}
.main_content .selective_links ul {
padding: 0 8px 0 9px;
width: 710px;
}
.main_content .selective_links ul li {
list-style: none;
float: left;
width: 177px;
display: inline;
}
.main_content .selective_links ul li input {
margin: 14px 0 0;
}
.main_content .selective_links ul li a {
background: url(../images/selective_bg.png) no-repeat;
height: 45px;
width: 46px;
text-align: center;
color: #fff;
float: left;
line-height: 45px;
font-size: 30px;
text-decoration: none;
margin: 0 10px 0 0;
}
.main_content .selective_links ul li a:hover {
background: url(../images/selective_hover.png) no-repeat top;
}
.main_content .selective_links ul li a.maths_selective:hover {
background: url(../images/selective_hover.png) no-repeat 0 -45px;
}
.main_content .selective_links ul li a.eng_selective:hover {
background: url(../images/selective_hover.png) no-repeat 0 -90px;
}
.main_commom_container .rht .main_content .score {
padding: 10px;
float: left;
}
.main_commom_container .rht .main_content .score ul {
float: left;
clear: both;
margin-bottom: 10px;
}
.main_commom_container .rht .main_content .score ul li {
list-style: none;
display: inline;
float: left;
font-size: 30px;
line-height: 46px;
}
li.score1 {
width: 455px;
}
li.score2 {
background: url(../images/score_bg.png) no-repeat top;
width: 83px;
height: 46px;
float: left;
color: #fff;
text-align: center;
line-height: 46px !important;
}
li.maths_bg {
background: url(../images/score_bg.png) no-repeat 0 -46px;
width: 83px;
height: 46px;
float: left;
color: #fff;
text-align: center;
line-height: 46px !important;
}
li.english_bg {
background: url(../images/score_bg.png) no-repeat 0 bottom;
width: 83px;
height: 46px;
float: left;
color: #fff;
text-align: center;
line-height: 46px !important;
}
.main_commom_container .rht .main_content .score_img {
float: right;
background: url(../images/score_img.png) no-repeat;
height: 150px;
width: 150px;
margin: 0 -8px 0 0;
}
.main_commom_container .rht .main_ans_pnl {
width: 727px;
float: left;
margin: 0;
}
.main_commom_container .rht .ans_pnl {
float: left;
width: 100%;
}
.main_commom_container .rht .ans_pnl.worksummary {
float: left;
width: auto;
}
.main_commom_container .rht #eddie_says {
width: 651px;
}
.main_commom_container .rht .main_ans_pnl .ans_bird_img {
float: right;
background: url(../images/answer_bird2.png) no-repeat top;
width: 72px;
height: 105px;
}
.main_commom_container .rht .ans_pnl .ans_top {
float: left;
background: url(../images/ans_top.gif) no-repeat top left;
width: 651px;
height: 11px;
}
.main_commom_container .rht .ans_pnl .ans_btm {
float: left;
background: url(../images/ans_btm.gif) no-repeat top left;
width: 651px;
height: 11px;
}
.main_commom_container .rht .ans_pnl .ans_mid {
float: left;
width: 98%;
padding: 10px;
font-size: 24px;
min-height: 30px;
background: #fff;
border-radius: 8px;
color: #000;
/* word-break:break-all; */
}
#res_ans_given {
/* word-break:break-all; */
}
#res_ans_explanation>li {
margin-left: 18px;
}
.main_commom_container .rht #eddie_says .ans_mid,
.main_commom_container .rht .ans_pnl .ans_mid.workmsg {
width: 609px;
}
.main_commom_container .rht .ans_pnl .arrow_img {
background: #fff url(../images/answer_arrow.gif) no-repeat right;
float: right;
height: 34px;
width: 22px;
}
.main_commom_container .rht .main_ans_pnl .science_bird_img {
float: right;
background: url(../images/bird_3.png) no-repeat top;
width: 72px;
height: 105px;
}
.main_commom_container .rht .green_heading {
float: left;
background-color: #76A622;
padding: 0 10px 0 0;
text-align: center;
height: 31px;
line-height: 31px;
font-weight: bold;
font-size: 15px;
color: #fff;
margin: 0 0 0 10px;
border-radius: 8px 8px 0 0;
}
.main_commom_container .rht .green_heading span {
color: #fff;
padding: 0 0 0 10px;
float: left;
}
.main_commom_container .rht .right_img {
float: right;
position: absolute;
right: 13px;
top: -23px;
background: url(../images/right_img.png) no-repeat;
width: 134px;
height: 135px;
}
.main_commom_container .rht .wrong_img {
float: right;
position: absolute;
right: 13px;
top: -23px;
background: url(../images/wrong_img.png) no-repeat;
width: 134px;
height: 135px;
}
.float_right {
float: right !important;
}
.progress_science {
width: 880px;
float: left;
padding: 15px 0;
margin-left: 23px;
}
.progress_science .progress_left {
width: 225px;
float: left;
}
.progress_science .progress_right {
float: right;
width: 642px;
}
.inner_comparelist_pnl .Progress_title {
background: url(../images/topic_bg.png) no-repeat left top;
width: 184px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
font-size: 18px;
margin: 0 auto;
text-transform: uppercase;
}
.progress_science .progress_right .right_box {
float: left;
width: 642px;
background: #ececed url(../images/progress_science_top.png) no-repeat top;
}
.progress_science .progress_right .right_box .btm {
float: left;
background: url(../images/progress_science_bottom.png) no-repeat top;
width: 642px;
height: 12px;
}
.inner_comparelist_pnl .rightbox_left {
float: left;
width: 188px;
margin-top: 10px;
margin-left: 10px;
}
.progress_science .progress_right .right_box .rightbox_left .more_information_box {
float: left;
width: 129px;
height: 252px;
padding: 68px 30px 0;
font-size: 16px;
text-align: center;
}
.progress_science .progress_right .right_box .rightbox_left .more_information_owl {
background: url(../images/information_box.png) no-repeat;
}
.progress_science .progress_right .right_box .rightbox_right {
float: right;
width: 418px;
}
.progress_science .progress_right .right_box .rightbox_right .topics {
float: left;
width: 405px;
}
.progress_science .progress_right .right_box .rightbox_right .topics .head h1 {
font-size: 18px;
font-weight: bold;
color: #0c7be9;
float: left;
padding: 10px 0 0 55px;
text-decoration: underline;
}
.progress_science .progress_right .right_box .rightbox_right .topics .head h1.red_text {
color: #ff372d;
}
.progress_science .progress_right .right_box .rightbox_right .topics .head h1.orange_text {
color: #fe7f23;
}
.progress_science .progress_right .right_box .rightbox_right .topics .head span {
float: right;
font-size: 18px;
font-weight: bold;
color: #0c7be9;
margin-right: 40px;
padding: 10px 0 0;
background: url(../images/topic_head_bg.png) no-repeat top;
}
.progress_science .progress_right .right_box .rightbox_right .topics .head span.red_text {
color: #ff372d;
}
.progress_science .progress_right .right_box .rightbox_right .topics .head span.orange_text {
color: #fe7f23;
}
.progress_science .progress_right .right_box .rightbox_right .topics .head h1.red,
span.red {
color: #ff372d !important;
}
.progress_science .progress_right .right_box .rightbox_right .topics .head h1.orange,
span.orange {
color: #fe7f23 !important;
}
.progress_science .progress_right .right_box .rightbox_right .topics .topics_list {
float: left;
width: 405px;
height: 280px;
overflow-y: scroll;
margin-top: 10px;
}
.progress_science .progress_right .right_box .rightbox_right .topics .topics_list ul {
margin: 0;
padding: 5px 0 0;
clear: both;
}
.progress_science .progress_right .right_box .rightbox_right .topics .topics_list ul li {
list-style: none !important;
display: inline;
float: left;
margin-left: 4px;
text-align: center;
font-size: 20px;
}
.topics .topics_list ul li.list1 {
width: 40px;
height: 33px;
float: left;
background: url(../images/topic_list_bg.png) no-repeat left top;
line-height: 33px;
}
.topics .topics_list ul li.list2 {
width: 246px;
height: 33px;
float: left;
background: url(../images/topic_list_bg.png) no-repeat -166px top;
line-height: 33px;
text-align: left !important;
padding-left: 10px;
}
.topics .topics_list ul li.list3 {
width: 70px;
height: 33px;
float: left;
background: url(../images/topic_list_bg.png) no-repeat right top;
line-height: 33px;
color: #fff;
}
.topics .topics_list ul li.maths_list {
background: url(../images/topic_list_bg.png) no-repeat right -33px;
}
.topics .topics_list ul li.eng_list {
background: url(../images/topic_list_bg.png) no-repeat right -66px;
}
.main_compare_list_pnl .best_worst_performance_pnl {
float: left;
width: 926px;
position: relative;
padding-bottom: 30px;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl {
float: left;
width: 430px;
position: relative;
margin-left: 4px;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .top {
float: left;
background: url(../images/best_worst_top.png) no-repeat;
width: 430px;
height: 11px;
margin-bottom: 0px;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .btm {
float: left;
background: url(../images/best_worst_btm.png) no-repeat;
width: 430px;
height: 11px;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle {
float: left;
background: #ececed;
width: 410px;
padding: 10px;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .performance {
float: left;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .performance ul {
margin: 0;
padding: 5px 0 0;
clear: both;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .performance ul li {
list-style: none !important;
display: inline;
float: left;
margin-left: 4px;
text-align: center;
font-size: 20px;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .performance ul li.list1 {
width: 40px;
height: 33px;
float: left;
background: url(../images/topic_list_bg.png) no-repeat left top;
line-height: 33px;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .performance ul li.list2 {
background: url(../images/topic_list_bg.png) no-repeat scroll -136px top;
float: left;
height: 33px;
line-height: 33px;
padding-left: 10px;
text-align: left !important;
width: 276px;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .performance ul li.list3 {
width: 70px;
height: 33px;
float: left;
background: url(../images/topic_list_bg.png) no-repeat right top;
line-height: 33px;
color: #fff;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .performance ul li.maths_perf {
background: url(../images/topic_list_bg.png) no-repeat right -33px;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .performance ul li.eng_perf {
background: url(../images/topic_list_bg.png) no-repeat right -66px;
}
.main_compare_list_pnl .best_worst_performance_pnl .performance_bird {
float: right;
position: absolute;
bottom: 0;
right: 0;
background: url(../images/performnace_bird.png) no-repeat;
width: 69px;
height: 107px;
z-index: 1;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_performance_heading {
float: right;
background: url(../images/best_performance_lft_bg.png) no-repeat left;
height: 38px;
line-height: 38px;
padding-left: 15px;
font-size: 20px;
color: #fff;
margin-right: 18px;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_performance_heading span {
background: url(../images/best_performance_rht_bg.png) no-repeat right;
padding-right: 15px;
float: left;
color: #fff;
}
.main_compare_list_pnl .best_worst_performance_pnl .worst_performance_heading {
float: left;
background: url(../images/best_performance_lft_bg.png) no-repeat left;
height: 38px;
line-height: 38px;
padding-left: 15px;
font-size: 20px;
color: #fff;
margin-left: 18px;
text-transform: uppercase;
}
.main_compare_list_pnl .best_worst_performance_pnl .worst_performance_heading span {
background: url(../images/best_performance_rht_bg.png) no-repeat right;
padding-right: 15px;
float: left;
color: #Fff;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .best_bird {
float: left;
background: url(../images/best_performance_bird.png) no-repeat;
width: 50px;
height: 60px;
position: absolute;
top: 0;
left: 15px;
margin: -10px 0 0;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .words_bird {
float: left;
background: url(../images/worst_performance_bird.png) no-repeat;
width: 45px;
height: 61px;
position: absolute;
top: 0;
right: 15px;
margin: -10px 0 0;
}
.inner_comparelist_pnl .science_overall_box {
float: left;
width: 225px;
}
.inner_comparelist_pnl .science_overall_box .top_img {
float: left;
background: url(../images/science_overall_top.png) no-repeat left top;
width: 225px;
height: 16px;
}
.inner_comparelist_pnl .science_overall_box .btm_img {
float: left;
background: url(../images/science_overall_btm.png) no-repeat left top;
width: 225px;
height: 16px;
}
.inner_comparelist_pnl .science_overall_box .middle_box {
float: left;
width: 195px;
padding: 0px 15px;
background: url(../images/science_overall_bg.png) repeat-y;
}
.inner_comparelist_pnl .science_progress_base {
float: left;
background: url(../images/science_progress_base.png) no-repeat;
width: 191px;
height: 191px;
}
.inner_comparelist_pnl .science_progress_shade {
float: left;
background: url(../images/common_white_progress_base.png) no-repeat;
height: 191px;
width: 191px;
font-size: 64px;
font-weight: bold;
color: #facc00;
line-height: 191px;
text-align: center;
}
.inner_comparelist_pnl .worksheet_box {
float: left;
width: 150xp;
font-size: 17px;
font-weight: bold;
text-align: center;
margin: 9px 0 6px 24px;
}
.inner_comparelist_pnl .worksheet_box .worksheet_comp_bg {
float: left;
background: #0c7be9 url(../images/worksheet_comp_bg.png) no-repeat top;
padding: 10px;
color: #fff;
margin: 0 0 5px;
width: 129px;
}
.inner_comparelist_pnl .worksheet_box .score {
float: left;
background: #707070 url(../images/worksheet_score.png) no-repeat bottom;
padding: 10px;
color: #fff;
width: 129px;
font-size: 27px;
}
/*/////////maths overall box starts//////*/
.inner_comparelist_pnl .maths_title {
background: url(../images/topic_bg.png) no-repeat left -30px;
width: 184px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
font-size: 18px;
margin: 0 auto;
text-transform: uppercase;
}
.inner_comparelist_pnl .maths_overall_box .Progress_title {
background: url(../images/topic_bg.png) no-repeat left -30px;
width: 184px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
font-size: 18px;
margin: 0 auto;
text-transform: uppercase;
}
.inner_comparelist_pnl .maths_overall_box {
float: left;
width: 225px;
}
.inner_comparelist_pnl .maths_overall_box .top_img {
float: left;
background: url(../images/maths_overall_top.png) no-repeat left top;
width: 225px;
height: 16px;
}
.inner_comparelist_pnl .maths_overall_box .btm_img {
float: left;
background: url(../images/maths_overall_btm.png) no-repeat left top;
width: 225px;
height: 16px;
}
.inner_comparelist_pnl .maths_overall_box .middle_box {
float: left;
width: 195px;
padding: 0px 15px;
background: url(../images/maths_overall_bg.png) repeat-y;
}
.inner_comparelist_pnl .maths_overall_box .maths_progress_base {
float: left;
background: url(../images/science_progress_base.png) no-repeat;
width: 191px;
height: 191px;
}
.inner_comparelist_pnl .maths_overall_box .maths_progress_shade {
float: left;
background: url(../images/common_white_progress_base.png) no-repeat;
height: 191px;
width: 191px;
font-size: 64px;
font-weight: bold;
color: #facc00;
line-height: 191px;
text-align: center;
}
.inner_comparelist_pnl .maths_overall_box .worksheet_box {
float: left;
width: 150xp;
font-size: 17px;
font-weight: bold;
text-align: center;
margin: 9px 0 6px 24px;
}
.inner_comparelist_pnl .maths_overall_box .worksheet_box .worksheet_comp_bg {
float: left;
background: #ff372d url(../images/maths_worksheet_comp_bg_big.png) no-repeat top;
padding: 10px;
color: #fff;
margin: 0 0 5px;
width: 129px;
}
.inner_comparelist_pnl .maths_overall_box .worksheet_box .score {
float: left;
background: #707070 url(../images/worksheet_score.png) no-repeat bottom;
padding: 10px;
color: #fff;
width: 129px;
font-size: 27px;
}
/*/////////maths overall box ends////////*/
/*/////////eng overall box starts//////*/
.inner_comparelist_pnl .eng_title {
background: url(../images/topic_bg.png) no-repeat left -60px;
width: 184px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
font-size: 18px;
margin: 0 auto;
text-transform: uppercase;
}
.inner_comparelist_pnl .eng_overall_box .Progress_title {
background: url(../images/topic_bg.png) no-repeat left -60px;
width: 184px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
font-size: 18px;
margin: 0 auto;
text-transform: uppercase;
}
.inner_comparelist_pnl .eng_overall_box {
float: left;
width: 225px;
}
.inner_comparelist_pnl .eng_overall_box .top_img {
float: left;
background: url(../images/english_overall_top.png) no-repeat left top;
width: 225px;
height: 16px;
}
.inner_comparelist_pnl .eng_overall_box .btm_img {
float: left;
background: url(../images/english_overall_btm.png) no-repeat left top;
width: 225px;
height: 16px;
}
.inner_comparelist_pnl .eng_overall_box .middle_box {
float: left;
width: 195px;
padding: 0px 15px;
background: url(../images/english_overall_bg.png) repeat-y;
}
.inner_comparelist_pnl .eng_overall_box .eng_progress_base {
float: left;
background: url(../images/science_progress_base.png) no-repeat;
width: 191px;
height: 191px;
}
.inner_comparelist_pnl .eng_overall_box .eng_progress_shade {
float: left;
background: url(../images/common_white_progress_base.png) no-repeat;
height: 191px;
width: 191px;
font-size: 64px;
font-weight: bold;
color: #facc00;
line-height: 191px;
text-align: center;
}
.inner_comparelist_pnl .eng_overall_box .worksheet_box {
float: left;
width: 150xp;
font-size: 17px;
font-weight: bold;
text-align: center;
margin: 9px 0 6px 24px;
}
.inner_comparelist_pnl .eng_overall_box .worksheet_box .worksheet_comp_bg {
float: left;
background: #fe7f23 url(../images/eng_worksheet_comp_bg_big.png) no-repeat top;
padding: 10px;
color: #fff;
margin: 0 0 5px;
width: 129px;
}
.inner_comparelist_pnl .eng_overall_box .worksheet_box .score {
float: left;
background: #707070 url(../images/worksheet_score.png) no-repeat bottom;
padding: 10px;
color: #fff;
width: 129px;
font-size: 27px;
}
/*/////////eng overall box ends////////*/
.inner_comparelist_pnl .hightlight_box {
float: left;
background: url(../images/highlight_box.png) no-repeat;
width: 189px;
height: 321px;
}
.inner_comparelist_pnl .hightlight_box .title {
text-align: center;
font-size: 14px;
font-weight: bold;
color: #fff;
line-height: 38px;
}
.inner_comparelist_pnl .small_progress_base {
/*20 july*/
float: left;
background: url(../images/small_base.png) no-repeat;
width: 152px;
height: 151px;
}
.inner_comparelist_pnl .small_shade {
/* 20july .inner_comparelist_pnl .small_progress_base .small_shade{*/
float: left;
background: url(../images/small_shade.png) no-repeat;
width: 152px;
height: 151px;
font-size: 55px;
color: #facc00;
font-weight: bold;
line-height: 152px;
margin: 10px 0 0 18px;
text-align: center;
}
.inner_comparelist_pnl .maths_small_shade {
/* 20july .inner_comparelist_pnl .small_progress_base .maths_small_shade*/
float: left;
background: url(../images/math_shade.png) no-repeat;
width: 152px;
height: 151px;
font-size: 55px;
color: #facc00;
font-weight: bold;
line-height: 152px;
text-align: center;
margin: 10px 0 0 18px;
}
.inner_comparelist_pnl .eng_small_shade {
/* 20july .inner_comparelist_pnl .small_progress_base .eng_small_shade*/
float: left;
background: url(../images/english_shade.png) no-repeat;
width: 152px;
height: 151px;
font-size: 55px;
color: #facc00;
font-weight: bold;
line-height: 152px;
text-align: center;
margin: 10px 0 0 18px;
}
.inner_comparelist_pnl .small_worksheet_box {
color: #FFFFFF;
float: left;
font-size: 14px;
font-weight: bold;
margin: 10px 0 0 29px;
text-align: center;
}
.inner_comparelist_pnl .small_worksheet_box .small_worksheet_comp_bg {
float: left;
background: #0c7be9 url(../images/small_worksheet_comp_bg.png) no-repeat top;
padding: 10px;
width: 109px;
margin-bottom: 5px;
}
.inner_comparelist_pnl .small_worksheet_box .maths_small_worksheet_comp_bg {
float: left;
background: #ff372d url(../images/maths_worksheet_comp_bg.png) no-repeat top;
padding: 10px;
width: 109px;
margin-bottom: 5px;
}
.inner_comparelist_pnl .small_worksheet_box .eng_small_worksheet_comp_bg {
float: left;
background: #fe7f23 url(../images/eng_worksheet_comp_bg_small.png) no-repeat top;
padding: 10px;
width: 109px;
margin-bottom: 5px;
}
.inner_comparelist_pnl .small_worksheet_box .small_score {
float: left;
background: #707070 url(../images/small_worksheet_score.png) no-repeat bottom;
padding: 10px;
width: 109px;
font-size: 23px;
}
.inner_comparelist_pnl .overall_progress {}
.inner_comparelist_pnl .overall_progress .top_img {
float: left;
background: url(../images/overall_progress_top.png) no-repeat;
width: 225px;
height: 16px;
}
.inner_comparelist_pnl .overall_progress .btm_img {
float: left;
background: url(../images/overall_progress_btm.png) no-repeat;
width: 225px;
height: 16px;
}
.inner_comparelist_pnl .overall_progress .middle_box {
float: left;
width: 195px;
padding: 0px 15px;
background: url(../images/overall_progress_mid.png) repeat-y;
}
.inner_comparelist_pnl .overall_progress_base {
/*20july*/
float: left;
background: url(../images/science_progress_base.png) no-repeat;
width: 191px;
height: 191px;
}
.inner_comparelist_pnl .overall_progress_shade {
/*20july*/
float: left;
background: url(../images/overall_shade.png) no-repeat;
height: 191px;
width: 191px;
font-size: 64px;
font-weight: bold;
color: #facc00;
line-height: 191px;
text-align: center;
}
.inner_comparelist_pnl .overall_progress_shade_maths {
/*20july*/
float: left;
background: url(../images/maths_progress_shade.png) no-repeat;
height: 191px;
width: 191px;
font-size: 64px;
font-weight: bold;
color: #facc00;
line-height: 191px;
text-align: center;
}
.inner_comparelist_pnl .overall_progress_shade_science {
/*20july*/
float: left;
background: url(../images/science_progress_shade.png) no-repeat;
height: 191px;
width: 191px;
font-size: 64px;
font-weight: bold;
color: #facc00;
line-height: 191px;
text-align: center;
}
.inner_comparelist_pnl .overall_progress_shade_english {
/*20july*/
float: left;
background: url(../images/english_progress_shade.png) no-repeat;
height: 191px;
width: 191px;
font-size: 64px;
font-weight: bold;
color: #facc00;
line-height: 191px;
text-align: center;
}
.inner_comparelist_pnl .overall_progress_worksheet_box {
float: left;
width: 150xp;
font-size: 17px;
font-weight: bold;
text-align: center;
margin: 9px 0 6px 24px;
}
.inner_comparelist_pnl .overall_progress_worksheet_box .overall_progress_worksheet_comp_bg {
float: left;
background: #7ba221 url(../images/overall_worksheet_comp_bg.png) no-repeat top;
padding: 10px;
color: #fff;
margin: 0 0 5px;
width: 129px;
}
.inner_comparelist_pnl .overall_progress_worksheet_box .score {
float: left;
background: #707070 url(../images/worksheet_score.png) no-repeat bottom;
padding: 10px;
color: #fff;
width: 129px;
font-size: 27px;
}
.inner_comparelist_pnl .overall_progress_title {
background: url(../images/overall_topic_bg.png) no-repeat;
width: 184px;
height: 28px;
line-height: 28px;
text-align: center;
color: #fff;
font-size: 18px;
margin: 0 auto;
text-transform: uppercase;
}
.inner_comparelist_pnl .main_maths_box {
float: left;
margin: 12px 18px 0;
width: 187px;
}
.inner_comparelist_pnl .main_maths_box .maths_progress_box {
float: left;
background: url(../images/common_box_bg.png) no-repeat;
width: 187px;
height: 292px;
}
.inner_comparelist_pnl .main_maths_box .title {
text-align: center;
font-size: 14px;
font-weight: bold;
color: #fff;
line-height: 26px;
background: url(../images/maths_title_bg.png) no-repeat;
width: 158px;
height: 26px;
margin: 0 auto;
text-transform: uppercase;
}
.inner_comparelist_pnl .main_maths_box .small_progress_base {
/*20july*/
float: left;
background: url(../images/small_base.png) no-repeat;
width: 152px;
height: 151px;
}
.inner_comparelist_pnl .main_maths_box .small_progress_base .small_shade {
float: left;
background: url(../images/math_shade.png) no-repeat -1px;
width: 153px;
height: 150px;
font-size: 55px;
color: #facc00;
font-weight: bold;
line-height: 150px;
text-align: center;
}
.inner_comparelist_pnl .main_maths_box .small_worksheet_box {
color: #FFFFFF;
float: left;
font-size: 14px;
font-weight: bold;
margin: 10px 0 0 29px;
text-align: center;
}
.inner_comparelist_pnl .main_maths_box .small_worksheet_box .small_worksheet_comp_bg {
float: left;
background: #ff372d url(../images/maths_worksheet_comp_bg.png) no-repeat top;
padding: 10px;
width: 108px;
margin-bottom: 5px;
}
.inner_comparelist_pnl .main_maths_box .small_worksheet_box .small_score {
float: left;
background: #707070 url(../images/small_worksheet_score.png) no-repeat bottom;
padding: 10px;
width: 109px;
font-size: 23px;
}
.inner_comparelist_pnl .main_english_box {
float: left;
margin: 12px 0 0 12px;
width: 187px;
}
.inner_comparelist_pnl .main_english_box .english_progress_box {
float: left;
background: url(../images/common_box_bg.png) no-repeat;
width: 187px;
height: 292px;
}
.inner_comparelist_pnl .main_english_box .title {
text-align: center;
font-size: 14px;
font-weight: bold;
color: #fff;
line-height: 26px;
background: url(../images/english_title_bg.png) no-repeat;
width: 158px;
height: 26px;
margin: 0 auto;
text-transform: uppercase;
}
.inner_comparelist_pnl .main_english_box .small_progress_base {
float: left;
background: url(../images/small_base.png) no-repeat;
width: 152px;
height: 151px;
}
.inner_comparelist_pnl .main_english_box .small_progress_base .small_shade {
/*20july*/
float: left;
background: url(../images/english_shade.png) no-repeat 1px;
width: 153px;
height: 150px;
font-size: 55px;
color: #facc00;
font-weight: bold;
line-height: 150px;
text-align: center;
margin: 0;
}
.inner_comparelist_pnl .main_english_box .small_worksheet_box {
color: #FFFFFF;
float: left;
font-size: 14px;
font-weight: bold;
margin: 10px 0 0 29px;
text-align: center;
}
.inner_comparelist_pnl .main_english_box .small_worksheet_box .small_worksheet_comp_bg {
float: left;
background: #fe7f23 url(../images/english_worksheet_comp_bg.png) no-repeat top;
padding: 10px;
width: 108px;
margin-bottom: 5px;
}
.inner_comparelist_pnl .main_english_box .small_worksheet_box .small_score {
float: left;
background: #707070 url(../images/small_worksheet_score.png) no-repeat bottom;
padding: 10px;
width: 109px;
font-size: 23px;
}
.inner_comparelist_pnl .main_science_box {
float: left;
margin: 12px 0 0 12px;
width: 187px;
}
.inner_comparelist_pnl .main_science_box .science_progress_box {
float: left;
background: url(../images/common_box_bg.png) no-repeat;
width: 187px;
height: 292px;
}
.inner_comparelist_pnl .main_science_box .title {
text-align: center;
font-size: 14px;
font-weight: bold;
color: #fff;
line-height: 26px;
background: url(../images/science_topic_bg.png) no-repeat;
width: 158px;
height: 26px;
margin: 0 auto;
text-transform: uppercase;
}
.inner_comparelist_pnl .main_science_box .small_progress_base {
float: left;
background: url(../images/small_base.png) no-repeat;
width: 152px;
height: 151px;
margin: 0;
}
.inner_comparelist_pnl .main_science_box .small_progress_base .small_shade {
float: left;
background: url(../images/small_shade.png) no-repeat 1px;
width: 153px;
height: 150px;
font-size: 55px;
color: #facc00;
font-weight: bold;
line-height: 150px;
text-align: center;
}
.inner_comparelist_pnl .main_science_box .small_worksheet_box {
color: #FFFFFF;
float: left;
font-size: 14px;
font-weight: bold;
margin: 10px 0 0 29px;
text-align: center;
}
.inner_comparelist_pnl .main_science_box .small_worksheet_box .small_worksheet_comp_bg {
float: left;
background: #0c7be9 url(../images/science_worksheet_comp_bg.png) no-repeat top;
padding: 10px;
width: 108px;
margin-bottom: 5px;
}
.inner_comparelist_pnl .main_science_box .small_worksheet_box .small_score {
float: left;
background: #707070 url(../images/small_worksheet_score.png) no-repeat bottom;
padding: 10px;
width: 109px;
font-size: 23px;
}
.inner_comparelist_pnl .overall_points {
background: url(../images/left_cruve.png) no-repeat scroll 0 0 transparent;
height: 118px;
position: absolute;
right: -32px;
top: -47px;
font-size: 50px;
font-weight: bold;
color: #fff;
padding: 0px 0 0 56px;
text-align: center;
z-index: 5;
}
.inner_comparelist_pnl .overall_points .rightCurve {
background: url(../images/right_cruve.png) no-repeat scroll right 0 transparent;
height: 118px;
padding-right: 15px;
float: left;
}
.inner_comparelist_pnl .overall_points .rightCurve span.yStar {
display: block;
margin: 6px auto 0px;
background: url(../images/yellow_star.png) no-repeat scroll right 0 transparent;
width: 51px;
height: 23px;
}
.inner_comparelist_pnl .overall_points span {
font-size: 15px;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .overall_performance ul {
margin: 0;
padding: 5px 0 0;
clear: both;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .overall_performance ul li {
list-style: none !important;
display: inline;
float: left;
margin-left: 4px;
text-align: center;
font-size: 20px;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .overall_performance ul li.overli1 {
width: 40px;
height: 33px;
float: left;
background: url(../images/topic_list_bg.png) no-repeat left top;
line-height: 33px;
}
.inner_comparelist_pnl .right_box .title a {
color: #FFFFFF;
text-decoration: none;
}
.login-section .frontlogin {
color: #6F7072;
float: left;
font-size: 13px;
font-weight: bold;
padding: 23px 0 0 2px;
}
.login-section .logout_btn {
background: url("../img/logout_bg.jpg") no-repeat scroll left top transparent;
float: right;
}
.login-section .logout_btn a {
color: #FFFFFF;
float: left;
height: 20px;
line-height: 20px;
text-transform: uppercase;
width: 53px;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .overall_performance ul li.overli2 {
width: 152px;
height: 33px;
float: left;
background: #fff;
line-height: 33px;
text-align: left !important;
padding-left: 15px;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .overall_performance ul li.overli3 {
background: url(../images/topic_list_bg.png) no-repeat scroll -320px 0;
float: left;
height: 33px;
line-height: 33px;
padding-left: 10px;
width: 92px;
}
.padiing17 ul li {
padding: 0 !important;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .overall_performance ul li.overli4 {
width: 70px;
height: 33px;
float: left;
background: url(../images/topic_list_bg.png) no-repeat right top;
line-height: 33px;
color: #fff;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .overall_performance ul li.blue {
background: url(../images/topic_list_bg.png) no-repeat right top;
color: #FFFFFF !important;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .overall_performance ul li.red {
background: url(../images/topic_list_bg.png) no-repeat right -33px;
color: #FFFFFF !important;
}
.main_compare_list_pnl .best_worst_performance_pnl .best_worst_pnl .middle .overall_performance ul li.orange {
background: url(../images/topic_list_bg.png) no-repeat right -66px;
color: #FFFFFF !important;
}
.inner_comparelist_pnl .reward_panel {
float: left;
margin: 20px 0 0 26px;
width: 874px;
}
.inner_comparelist_pnl .reward_panel .latest_reward_pnl {
float: left;
width: 874px;
position: relative;
}
.inner_comparelist_pnl .reward_panel .latest_reward_pnl .reward_bird {
float: right;
position: absolute;
right: 0;
bottom: 0;
background: url(../images/reward_bird.png) no-repeat;
width: 275px;
height: 224px;
}
.inner_comparelist_pnl .reward_panel .latest_reward_pnl .reward_bird .bird_text {
padding: 10px 25px;
font-size: 23px;
}
.inner_comparelist_pnl .reward_panel .latest_reward_pnl .reward_box {
float: left;
width: 570px;
}
.reward_panel .latest_reward_pnl .reward_box .reward_heading {
margin: 0 auto;
background: url(../images/reward_head_bg.png) no-repeat;
width: 184px;
height: 28px;
line-height: 28px;
text-align: center;
font-weight: bold;
font-size: 18px;
color: #fff;
}
.reward_panel .latest_reward_pnl .reward_box .top_img {
float: left;
width: 570px;
height: 14px;
background: url(../images/reward_box_top.png) no-repeat;
}
.reward_panel .latest_reward_pnl .reward_box .btm_img {
float: left;
width: 570px;
height: 14px;
background: url(../images/reward_box_btm.png) no-repeat;
}
.reward_panel .latest_reward_pnl .reward_box .mid {
background: url(../images/reward_box_bg.png) repeat-y;
float: left;
width: 524px;
padding: 10px 23px;
}
.reward_panel .latest_reward_pnl .reward_box .mid .points_head {
background: #e30e6f url(../images/points_bg_rht.png) no-repeat right top;
height: 29px;
line-height: 29px;
text-align: center;
padding: 0 20px 0 0;
font-size: 20px;
color: #fff;
width: 25%;
text-transform: uppercase;
margin: 0 auto;
}
.reward_panel .latest_reward_pnl .reward_box .mid .points_head span {
float: left;
background: url(../images/points_bg_left.png) no-repeat left top;
padding: 0 0 0 24px;
}
.reward_panel .latest_reward_pnl .reward_box .mid .text_pnl {
float: left;
width: 522px;
}
.reward_panel .latest_reward_pnl .reward_box .mid .text_pnl .text_top {
float: left;
width: 522px;
height: 12px;
background: url(../images/text_box_top.png) no-repeat left top;
}
.reward_panel .latest_reward_pnl .reward_box .mid .text_pnl .text_btm {
float: left;
width: 522px;
height: 12px;
background: url(../images/text_box_btm.png) no-repeat left top;
}
.reward_panel .latest_reward_pnl .reward_box .mid .text_pnl .mid_text_box {
background: #fff;
float: left;
width: 482px;
padding: 10px 20px;
text-align: center;
font-size: 27px;
}
.reward_panel .latest_reward_pnl .reward_box .mid .visit_website {
margin: 10px auto;
text-align: center;
width: 126px;
background: url(../images/visit_web_bg.png) no-repeat;
text-align: center;
font-size: 17px;
font-weight: bold;
line-height: 26px;
}
.reward_panel .latest_reward_pnl .reward_box .mid .visit_website a {
text-decoration: none;
color: #406cad;
}
.reward_panel .latest_reward_pnl .reward_box .mid p {
text-align: center;
font-size: 20px;
}
.reward_panel .latest_reward_pnl .reward_box .mid .points_progress_pnl {
float: left;
position: relative;
margin: 10px 0 0;
width: 100%;
}
.reward_panel .latest_reward_pnl .reward_box .mid .points_progress_pnl .points_total {
background: url(../images/points_prog_total_bg.png) no-repeat;
color: #FFFFFF;
font-size: 40px;
font-weight: bold;
height: 56px;
margin: 0;
padding: 19px 0 31px;
position: absolute;
right: 0;
text-align: center;
width: 106px;
}
.reward_panel .latest_reward_pnl .reward_box .mid .points_progress_pnl .points_total span {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.reward_panel .latest_reward_pnl .reward_box .mid .points_progress_pnl .points_progress_base {
float: left;
background: url(../images/points_progress_base.png) no-repeat;
width: 430px;
height: 51px;
margin: 24px 0 0;
padding-bottom: 24px;
}
.reward_panel .latest_reward_pnl .reward_box .mid .points_progress_pnl .points_progress_shade {
float: left;
background: url(../images/points_progress_shade.png) no-repeat -150px 0;
width: 100%;
height: 51px;
font-size: 27px;
text-align: center;
line-height: 51px;
margin-left: 4px;
}
.reward_panel .reward_colledted_pnl {
float: left;
width: 874px;
margin: 30px auto 0;
}
.reward_panel .reward_colledted_pnl .collected_head {
margin: 0px auto;
background: url(../images/collected_head_bg.png) no-repeat;
width: 228px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 17px;
text-transform: uppercase;
}
.reward_panel .reward_colledted_pnl .reward_collected_box {
float: left;
width: 874px;
}
.reward_panel .reward_colledted_pnl .reward_collected_box .top_reward {
float: left;
width: 874px;
background: url(../images/reward_top.png) no-repeat;
height: 9px;
}
.reward_panel .reward_colledted_pnl .reward_collected_box .btm_reward {
float: left;
width: 874px;
background: url(../images/reward_btm.png) no-repeat;
height: 9px;
}
.reward_panel .reward_colledted_pnl .reward_collected_box .middle_collected {
float: left;
background: #ececed;
padding: 10px 17px;
width: 840px;
}
.reward_panel .reward_colledted_pnl .reward_collected_box .middle_collected .reward_list {
float: left;
width: 846px;
}
.reward_panel .reward_colledted_pnl .reward_collected_box .middle_collected .reward_list ul {
float: left;
clear: both;
padding-bottom: 7px;
width: 846px;
}
.reward_panel .reward_colledted_pnl .reward_collected_box .middle_collected .reward_list ul li {
list-style: none;
float: left;
text-align: center;
font-size: 20px;
margin-right: 4px;
}
.reward_panel .reward_colledted_pnl .reward_collected_box .middle_collected .reward_list ul li.item1 {
float: left;
width: 41px;
height: 33px;
line-height: 33px;
background: url(../images/reward_list_bg.png) no-repeat left top;
}
.reward_panel .reward_colledted_pnl .reward_collected_box .middle_collected .reward_list ul li.item2 {
float: left;
width: 560px;
height: 33px;
padding-left: 20px;
text-align: left;
line-height: 33px;
background: url(../images/reward_list_bg.png) no-repeat -41px 0;
}
.reward_panel .reward_colledted_pnl .reward_collected_box .middle_collected .reward_list ul li.item3 {
float: left;
width: 134px;
height: 33px;
color: #406cad;
line-height: 33px;
background: url(../images/reward_list_bg.png) no-repeat -634px top;
}
.reward_panel .reward_colledted_pnl .reward_collected_box .middle_collected .reward_list ul li.item3 a {
color: #406cad;
text-decoration: none;
}
.reward_panel .reward_colledted_pnl .reward_collected_box .middle_collected .reward_list ul li.item4 {
float: left;
width: 70px;
height: 33px;
color: #fff;
line-height: 33px;
background: url(../images/reward_list_bg.png) no-repeat right top;
}
/************************21 JULY DROPDOWN******************************/
.main_nav {
color: #333333;
font-size: 21px !important;
padding: 5px 0 0;
text-transform: uppercase;
width: 129px;
}
.main_nav ul {
float: left;
padding: 0;
margin: 0;
}
.main_nav ul li {
float: left;
list-style: none;
padding: 0;
margin: 0;
display: block;
position: relative;
background: url(../images/dropdown_btn.png) no-repeat left top;
width: 129px;
height: 31px;
line-height: 31px;
text-align: center;
}
div.menu_top {
background: url(../images/dropdown-top.png) no-repeat left top;
width: 129px;
height: auto;
float: left;
padding: 10px 0 0;
}
div.menu_btm {
background: url(../images/dropdown-btm.png) no-repeat left top;
width: 129px;
height: 10px;
float: left;
}
.main_nav li ul {
display: none;
}
.main_nav ul li a {
color: #646567;
text-decoration: none;
text-align: center;
float: left;
cursor: pointer;
cursor: pointer;
width: 129px;
height: 31px;
line-height: 31px;
}
.main_nav ul li a:hover {}
.main_nav li:hover li {
line-height: 20px;
float: none;
font-size: 12px;
}
ul.sub {
position: absolute;
text-align: left;
top: 36px;
left: 0;
z-index: 99999;
}
ul.sub li {
float: left !important;
background: #7BA221 !important;
line-height: 16px;
list-style: none outside none;
margin: 0;
padding: 0 10px;
white-space: nowrap;
text-align: left !important;
width: 109px;
border-bottom: 1px solid #7ba221
}
ul.sub li a {
border-bottom: 1px solid #FFFFFF;
width: 109px;
float: left;
color: #fff;
text-align: left;
font-size: 21px;
}
ul.sub li a:hover {
background: url(../images/dropdown_arrow.png) no-repeat right 6px;
color: #facc00;
}
.menuhover span {
color: #fff;
text-decoration: none;
float: left;
cursor: pointer;
}
a.menuhover {
color: #fff;
text-decoration: none;
float: left;
cursor: pointer;
}
/************************21 JULY DROPDOWN******************************/
.main_ed_home {
float: left;
background: url(../images/ed_home_bg.jpg) no-repeat left top;
width: 196px;
height: 36px;
line-height: 36px;
font-size: 19px;
font-weight: bold;
color: #fff;
padding: 0 0 0 10px;
}
.main_ed_home a {
text-decoration: none;
color: #fff;
}
.worksheet_box {
float: left;
width: 206px;
margin: 10px 0 0;
}
.worksheet_box .worksheet_title {
float: left;
background: url(../images/worksheet_title_bg.jpg) no-repeat left top;
width: 196px;
height: 36px;
line-height: 36px;
font-size: 19px;
font-weight: bold;
color: #fff;
padding: 0 0 0 10px;
}
.worksheet_box ul {
margin: 2px 0 0;
padding: 0 0 7px;
float: left;
width: 206px;
background: url(../images/curver_bg.jpg) no-repeat bottom;
}
.worksheet_box ul li {
list-style: none;
display: block;
float: left;
font-size: 15px;
background: #cfd0d1;
line-height: 28px;
border-top: 1px solid #fff;
}
.worksheet_box ul li a {
text-decoration: none;
color: #3d3d3f;
float: left;
padding-left: 20px;
width: 186px;
}
.worksheet_box ul li a:hover {
float: left;
background: #facc00 url(../images/bullet.jpg) no-repeat 7px 9px;
}
.progress_box {
float: left;
width: 206px;
margin: 10px 0 0;
}
.progress_box .progress_title {
float: left;
background: url(../images/progress_title_bg.jpg) no-repeat left top;
width: 196px;
height: 36px;
line-height: 36px;
font-size: 19px;
font-weight: bold;
color: #fff;
padding: 0 0 0 10px;
}
.progress_box .accounts_title {
background: url(../images/account_title_bg.jpg) no-repeat left top;
}
.progress_box ul {
margin: 2px 0 0;
padding: 0 0 7px;
float: left;
width: 206px;
background: url(../images/curver_bg.jpg) no-repeat bottom;
}
.progress_box ul li {
list-style: none;
display: block;
float: left;
font-size: 15px;
background: #cfd0d1;
line-height: 28px;
border-top: 1px solid #fff;
}
.progress_box ul li a {
text-decoration: none;
color: #3d3d3f;
float: left;
padding-left: 20px;
width: 186px;
}
.progress_box ul li a:hover {
float: left;
background: #eaeaea;
}
.clear {
clear: both;
}
.assigned_worksheet_pnl {
float: left;
width: 744px;
}
.assigned_worksheet_pnl .heading_box {
float: left;
width: 744px;
}
.Science_Worksheet .heading_box {
float: left;
width: 744px;
}
#readHeading_box {
float: left;
width: 988px;
}
.orange_left_cor {
background: url("../ep_images/eng_head_left_cor.png") no-repeat scroll left top transparent;
float: left;
height: 41px;
width: 8px;
}
.orange_bg {
background: url("../ep_images/eng_head_bg.png") repeat-x scroll 0 0 transparent;
float: left;
line-height: 41px;
width: 972px;
}
.orange_right_cor {
background: url("../ep_images/eng_head_right_cor.png") no-repeat scroll left top transparent;
float: left;
height: 41px;
width: 8px;
}
.blue_left_cor {
background: url("../ep_images/sci_head_left_cor.png") no-repeat scroll left top transparent;
float: left;
height: 41px;
width: 8px;
}
.blue_bg {
background: url("../ep_images/sci_head_bg.png") repeat-x scroll 0 0 transparent;
float: left;
line-height: 41px;
width: 972px;
}
.blue_right_cor {
background: url("../ep_images/sci_head_right_cor.png") no-repeat left top;
float: left;
height: 41px;
width: 8px;
}
.assigned_worksheet_pnl .heading_box .title_mid .head {
float: left;
font-size: 18px;
font-weight: bold;
color: #fff;
padding: 0px 0px 0px 5px;
}
.assigned_worksheet_pnl .worksheet_listing_box {
float: left;
background-color: #ECECED;
padding: 10px;
width: 724px;
font-size: 16px;
border-radius: 0 0 8px 8px;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table {
float: left;
width: 724px;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul {
margin: 5px 0 0;
padding: 0;
width: 724px;
clear: both;
float: left;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li {
list-style: none;
display: inline;
text-align: center;
margin-right: 4px;
line-height: 34px;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li.list1 {
float: left;
text-decoration: none!important;
height: 34px;
width: 30px;
background: #fff url(../images/comparison_table_bg.jpg) no-repeat left;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li.head_list {
background: none !important;
font-size: 18px;
font-weight: bold;
color: #3f6cac;
/*text-decoration:underline;*/
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li.list2 {
float: left;
height: 34px;
width: 200px;
background: #fff;
padding-left: 14px;
text-align: left;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li.list3 {
float: left;
height: 34px;
width: 65px;
background: #fff;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li.list4 {
float: left;
height: 34px;
width: 128px;
background: #fff;
padding-left: 14px;
text-align: left;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li.list5 {
float: left;
height: 34px;
width: 180px;
background: #fff;
text-align: left;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li.list6 {
float: left;
height: 34px;
width: 38px;
background: #fff;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li.list7 {
float: left;
height: 34px;
width: 65px;
background: #fff url(../images/comparison_table_bg_right.jpg) no-repeat right;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li a.list8 {
float: left;
height: 25px;
width: 26px;
background: #fff url(../images/zoom_iocn.jpg) no-repeat;
margin-top: 4px;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li a.list9 {
float: left;
height: 25px;
width: 26px;
background: #fff url(../images/close_icon.jpg) no-repeat;
margin-top: 4px;
margin-left: 3px;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li.red {
color: #e63e38 !important;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li.blue {
color: #3c72b2 !important;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li.orange {
color: #ed7d2e !important;
}
/*****************updated css by sachin******************************/
#searchContainer {
position: relative;
overflow: hidden;
padding: 7px 14px 0px 14px;
border-top: solid 2px #fff;
border-bottom: solid 2px #fff;
}
.owlWthGoggles {
background: url(../images/owl_serch_bg.png) no-repeat 585px 20px #ececed;
}
#searchContainer h2 {
font-size: 18px;
margin: 0px;
padding: 0px 0px 4px 0px;
color: #000000;
font-weight: bold;
}
#searchContainer .searchInpt {
width: 455px;
height: 33px;
padding: 0px 0px 0px 5px;
border: solid 1px #aaaab2;
font-size: 18px;
line-height: 18px;
}
#searchContainer .refineSearch {
width: 464px;
overflow: hidden;
padding: 7px 0px 0px 0px;
margin: 8px 0px 0px 0px;
background-color: #D8D9DA;
border: 2px solid #fff;
border-radius: 8px 8px 0 0;
}
#searchContainer .refineInner {
overflow: hidden;
padding: 0px 0px 10px 13px;
background-color: #D8D9DA;
}
#searchContainer .refineInner h2 {
padding: 3px 0px 5px 0px;
}
#searchContainer ul#searchTabs {
list-style: none;
margin: 0px;
padding: 0px;
}
#searchContainer ul#searchTabs li {
width: 104px;
float: left;
margin: 0px 8px 0px 0px;
}
ul#searchTabs li label {
color: #1a171b;
font-size: 16px;
display: block;
margin: 0px 0px 6px 0px;
}
ul#searchTabs li select {
border: solid 1px #c1c2c6;
background: #FFFFFF;
width: 104px;
font-size: 15px;
height: 22px;
line-height: 22px;
color: #000000;
}
#searchContainer #srchBtn {
position: absolute;
right: 158px;
top: 47px;
width: 99px;
height: 99px;
border: none;
background: url(../images/searchBtn.png) no-repeat 0px 0px;
font-size: 0px;
cursor: pointer;
line-height: 0px;
}
#worksheetFound {
width: 96.8%;
float: left;
background: #facc00;
border-bottom: solid 2px #fff;
padding: 4px 12px;
font-size: 16px;
overflow: hidden;
}
#worksheetFound .rightDesc {
float: right;
}
#worksheetFound .filter {
float: left;
padding-bottom: 0;
padding-left: 140px;
padding-right: 0;
padding-top: 0;
}
#worksheetFound .leftDesc {
float: left;
/* line-height:20px; */
}
#comparison_table .list2 {
font-size: 18px;
padding-left: 8px;
width: 240px;
color: #3f6cac;
}
#comparison_table .list2 a {
color: #3f6cac;
}
#comparison_table .list11 {
width: 40px;
float: left;
background: #fff;
}
#comparison_table .list12 {
width: 28px;
float: left;
height: 28px;
margin: 0px 0px 0px 3px;
padding: 5px 0px 0px 0px;
}
#comparison_table .list7 {
width: 78px;
float: left;
}
#comparison_table .list7 img {
margin: 8px 3px 0px 0px;
}
#comparison_table .list4 {
width: 120px;
float: left;
padding-left: 7px;
}
#comparison_table li a {
text-decoration: none;
}
.center {
text-align: center!important;
}
.btmBrdrNone {
background: url(../images/owl_serch_bg.png) no-repeat 585px 20px!important;
border-bottom: none!important;
}
.btmCorSearch {
padding-bottom: 1px;
background: url(../images/listing_box_bg.jpg) no-repeat bottom left #ececed;
}
.heading {
color: #FFFFFF;
float: left;
font-size: 18px;
font-weight: bold;
padding: 0 0 0 5px;
}
#worksheetContainer {
overflow: hidden;
}
#worksheetContainer .rowEven {
overflow: hidden;
width: 100%;
margin: 2px 0px 0px 0px;
}
#worksheetContainer .rowEven .yellowCont {
width: 566px;
margin: 0px 2px 0px 0px;
padding: 14px 0px 0px 14px;
min-height: 68px;
float: left;
background: #facc00;
}
#worksheetContainer .rowEven .grayBtn {
width: 162px;
float: left;
min-height: 82px;
}
#worksheetContainer .rowEven .grayBtn a.previewBtn {
background: url(../images/search_icon.png) no-repeat 125px 11px #868789;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
display: block;
width: 155px;
height: 32px;
margin-bottom: 2px;
padding: 8px 0px 0px 7px;
}
#worksheetContainer .rowEven .grayBtn a.previewBtnActive {
background: url(../images/search_icon_hover.png) no-repeat 125px 11px #58585a;
font-size: 18px;
font-weight: bold;
color: #ffec00;
text-decoration: none;
display: block;
width: 155px;
height: 32px;
margin-bottom: 2px;
padding: 8px 0px 0px 7px;
}
#worksheetContainer .rowEven .grayBtn a.previewBtn:hover {
background: url(../images/search_icon_hover.png) no-repeat 125px 11px #58585a;
font-size: 18px;
font-weight: bold;
color: #ffec00;
text-decoration: none;
display: block;
width: 155px;
height: 32px;
margin-bottom: 2px;
padding: 8px 0px 0px 7px;
}
#worksheetContainer .rowEven .grayBtn a.assignBtn {
background: url(../images/user_icon.png) no-repeat 122px 11px #868789;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
display: block;
width: 155px;
height: 32px;
margin-bottom: 2px;
padding: 8px 0px 0px 7px;
}
#worksheetContainer .rowEven .grayBtn a.assignBtnActive {
background: url(../images/user_icon_hover.png) no-repeat 122px 11px #58585a;
font-size: 18px;
font-weight: bold;
color: #ffec00;
text-decoration: none;
display: block;
width: 155px;
height: 32px;
margin-bottom: 2px;
padding: 8px 0px 0px 7px;
}
#worksheetContainer .rowEven .grayBtn a.assignBtn:hover {
background: url(../images/user_icon_hover.png) no-repeat 122px 11px #58585a;
font-size: 18px;
font-weight: bold;
color: #ffec00;
text-decoration: none;
display: block;
width: 155px;
height: 32px;
margin-bottom: 2px;
padding: 8px 0px 0px 7px;
}
#worksheetContainer .rowOdd {
overflow: hidden;
width: 100%;
margin: 2px 0px 2px 0px;
}
#worksheetContainer .rowOdd .owlBg {
background: url(../images/rowOdd_owl_bg.png) no-repeat 644px center;
width: 100%;
float: left;
}
#worksheetContainer .rowOdd .owlBg .desc {
background: #fef5cc;
width: 637px;
font-size: 19px;
color: #000000;
float: left;
padding: 30px 7px 30px 11px;
}
#worksheetContainer h2 {
font-size: 16px;
font-weight: bold;
margin: 0px;
padding: 0px 0px 3px 0px;
}
#worksheetContainer h1 {
font-size: 25px;
font-weight: normal;
margin: 0px;
padding: 0px 0px 7px 0px;
}
#comparison_table_red li.list1 {
width: 73px;
float: left;
}
#comparison_table_red li.list2 {
width: 30px;
float: left;
padding: 0px 0px 0px 10px;
}
#comparison_table_red li.list3 {
width: 223px;
float: left;
text-align: left;
padding: 0px 0px 0px 10px;
}
#comparison_table_red li.list11 {
width: 40px;
float: left;
text-align: left;
background: #FFFFFF;
text-align: center;
padding: 0px 0px 0px 0px;
}
#comparison_table_red li.list4 {
width: 70px;
float: left;
text-align: left;
background: #FFFFFF;
text-align: center;
padding: 0px 0px 0px 0px;
}
#comparison_table_red li.list4 img {
margin: 8px 2px 0px 0px;
}
#comparison_table_red li.list6 {
width: 83px;
float: left;
text-align: left;
background: #FFFFFF;
text-align: center;
padding: 0px 0px 0px 0px;
}
#comparison_table_red li.list7 {
width: 88px;
float: left;
text-align: left;
text-align: center;
padding: 0px 0px 0px 0px;
}
#comparison_table_red li.list16 {
width: 65px;
float: left;
text-align: left;
background: #FFFFFF;
text-align: center;
padding: 0px 0px 0px 0px;
}
#comparison_table_red li.head_list {
background-color: #ECECED;
float: left;
font-size: 18px;
color: #000000;
height: 34px;
text-decoration: none !important;
}
#naitonalCont {
background: url("../../img/ballon_largtxt.jpg") no-repeat scroll 0 0 transparent;
width: 730px;
margin-top: 15px;
position: relative;
min-height: 134px;
padding: 0 10px 0 0;
border: 2px solid #9b9c9e;
border-radius: 15px;
}
#naitonalCont .bgSpcr {
min-height: 120px;
padding: 0px 0px 0px 150px;
}
/*
#naitonalCont .topCor {
height:11px;
}
#naitonalCont .btmCor {
background: url(../images/national_btm_cor.png) no-repeat 0px 0px;
height:11px;
} */
#naitonalCont .bgSpcr .waves {
position: absolute;
top: 1px;
left: 1px;
}
#naitonalCont .bgSpcr h2 {
font-size: 20px;
font-weight: normal;
color: #005286;
margin: 0px;
padding: 3px 0px 10px 0px;
}
#naitonalCont .bgSpcr ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#naitonalCont .bgSpcr ul li {
list-style: none;
margin: 0px;
clear: both;
font-size: 16px;
color: #000000;
overflow: hidden;
padding: 0px 0px 12px 0px;
}
#naitonalCont .bgSpcr ul li dt {
float: left;
margin: 0px;
padding: 0px 0px 0px 0px;
}
#naitonalCont .bgSpcr ul li dd {
float: left;
margin: 0px;
font-weight: bold;
padding: 0px 0px 0px 15px;
}
#buttonRow {
margin: 15px 0px 0px 0px;
}
#buttonRow .backBtn {
background: url(../images/red_back_search_result.png) no-repeat 0px 0px;
width: 229px;
font-size: 0px;
line-height: 0px;
height: 43px;
border: none;
cursor: pointer;
float: left;
}
#buttonRow .backBtnActive {
background: url(../images/red_back_search_result_hover.png) no-repeat 0px 0px;
width: 229px;
font-size: 0px;
line-height: 0px;
height: 43px;
border: none;
cursor: pointer;
float: left;
}
.main_commom_container .rht .main_ans_pnl .science_bird_img {
background: url(../images/bird_3.png) no-repeat center top;
float: right;
height: 105px;
width: 72px;
}
#buttonRow .backBtn:hover {
background: url(../images/red_back_search_result_hover.png) no-repeat 0px 0px;
}
#buttonRow .social {
float: right;
}
#buttonRow .social .leftCor {
background: url(../images/social_left_bg.png) no-repeat 0px 0px;
width: 10px;
float: left;
height: 42px;
}
#buttonRow .social .bgSpcr {
background: url(../images/social_bg_spcr.png) repeat-x 0px 0px;
float: left;
height: 42px;
}
#buttonRow .social .bgSpcr strong {
padding: 10px 12px 0px 0px;
font-size: 16px;
color: #58585a;
float: left;
font-weight: bold;
}
#buttonRow .social .bgSpcr img {
float: left;
border: 0px;
margin: 5px 4px 0px 0px;
}
#buttonRow .social .rightCor {
background: url(../images/social_right_bg.png) no-repeat 0px 0px;
width: 10px;
float: left;
height: 42px;
}
#readHeading_box .red_left_cor {
float: left;
background: url(../images/red_left_cor.png) no-repeat left top;
width: 8px;
height: 41px;
}
#readHeading_box .red_right_cor {
float: left;
background: url(../images/red_right_cor.png) no-repeat left top;
width: 8px;
height: 41px;
}
#readHeading_box .red_bg {
float: left;
background: url(../images/red_bg_spcr.png) repeat-x;
line-height: 41px;
width: 971px;
}
#readHeading_box a {
color: #fff;
}
#readHeading_box a:hover {
color: #FACC00;
}
.fltLeft {
float: left;
}
#readHeading_box .headingIcon {
float: right;
margin: 10px 0px 0px 0px;
}
.mathPreviewYellowbox {
width: 810px!important;
}
.mathPreviewYellowbox h3 {
font-size: 25px;
font-weight: normal;
}
a.printBtn {
background: url(../images/print_version.png) no-repeat 125px 11px #868789;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
display: block;
width: 155px;
height: 30px;
margin-bottom: 2px;
padding: 10px 0px 0px 7px;
}
a.printBtnActive {
background: url(../images/print_version_hover.png) no-repeat 125px 11px #58585a;
font-size: 18px;
font-weight: bold;
color: #ffec00;
text-decoration: none;
display: block;
width: 155px;
height: 30px;
margin-bottom: 2px;
padding: 10px 0px 0px 7px;
}
a.printBtn:hover {
background: url(../images/print_version_hover.png) no-repeat 125px 11px #58585a;
font-size: 18px;
font-weight: bold;
color: #ffec00;
text-decoration: none;
display: block;
width: 155px;
height: 30px;
margin-bottom: 2px;
padding: 10px 0px 0px 7px;
}
#backtoWorksheet {
overflow: hidden;
margin: 24px 0px 0px 0px;
text-align: center;
}
#backtoWorksheet a {
background: url(../images/backto_worksheet.png) no-repeat 0px 0px;
width: 286px;
height: 46px;
margin: 0px auto;
display: block;
}
#backtoWorksheet a:hover {
background: url(../images/backto_worksheet_hover.png) no-repeat 0px 0px;
display: block;
height: 46px;
}
#backtoWorksheet a.active {
background: url(../images/backto_worksheet_hover.png) no-repeat 0px 0px;
width: 283px;
height: 46px;
margin: 0px auto;
display: block;
}
#backtoWorksheetComplted {
overflow: hidden;
margin: 24px 0px 0px 0px;
text-align: center;
}
#backtoWorksheetComplted a {
background: url(../images/completed-worksheets-new.png) no-repeat 0px 0px;
width: 286px;
height: 43px;
margin: 0px auto;
display: block;
}
#backtoWorksheetComplted a:hover {
background: url(../images/completed-worksheets-new.png) no-repeat 0px 0px;
display: block;
height: 43px;
}
#backtoWorksheetComplted a.active {
background: url(../images/completed-worksheets-new.png) no-repeat 0px 0px;
width: 283px;
height: 43px;
margin: 0px auto;
display: block;
}
.assign-btn {
width: 105px;
height: 42px;
background: url('../images/assign_button.png');
border: none;
}
a.back-score {
background: #e00c0b;
width: 180px;
height: 42px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-around;
color: #fff;
border-radius: 10px;
font-weight: bold;
font-size: 15px;
padding: 0 10px;
}
a.back-score:hover {
color: #fff;
}
.green_heading_margin {
margin: 0 0 0 25px !important;
}
#save_button input[type="submit"] {
background: url(../ep_images/save.png) no-repeat -1px top;
font-size: 0px;
text-indent: 999;
float: right;
height: 49px;
width: 116px;
border: none;
}
#save_button input[type="submit"]:hover {
background: url(../ep_images/save.png) no-repeat right -49px;
}
.msg-success {
background: none !important;
float: left;
margin-bottom: 20px;
margin-left: 14px;
width: 727px;
}
.msg_c_top {
background: url(../images/msg_c_top.png) no-repeat left top;
clear: both;
float: left;
height: 12px;
width: 727px;
}
.msg_c_btm {
background: url(../images/msg_c_bottom.png) no-repeat 0 0 !important;
clear: both;
float: left;
height: 11px;
width: 727px;
}
.main_commom_container .rht .middle .msg-success .heading {
background: #e63e38 !important;
color: #fff !important;
float: none !important;
font-size: 20px !important;
font-weight: normal !important;
padding: 0 0 0 10px !important;
margin: 0 1px 0 1px;
text-align: center;
}
#completedworksheets a {
background: url(../images/completed-worksheets-new.png) no-repeat left top;
display: block;
height: 43px;
margin: 10px auto 0;
width: 287px;
}
#completedworksheets a:hover {
background: url(../images/completed-worksheets-new.png) no-repeat left -43px;
}
.main_commom_container .rht .ans_pnl .main_c_top {
background: url(../images/main_c_top.gif) no-repeat 0 0;
clear: both;
float: left;
height: 11px;
width: 727px;
}
.main_commom_container .rht .ans_pnl .main_c_btm {
background: url(../images/main_c_btm.gif) no-repeat 0 0;
clear: both;
float: left;
height: 11px;
width: 727px;
}
.main_commom_container .rht .ans_pnl .ans_mid-1 {
background: none repeat scroll 0 0 #ffffff;
border-radius: 8px;
float: left;
margin-bottom: 20px;
padding: 10px;
width: 707px;
line-height: 33px;
}
/*
.main_commom_container .rht .ans_pnl .ans_mid-1 .res_ans_span {
padding:10px 10px 0;
border-radius:8px;
} */
.main_commom_container .rht .ans_pnl .ans_mid-1 .res_ans_span span {
margin: 0 0 0 17px;
}
.main_commom_container .rht .main_content .heading p {
color: #000;
float: none;
font-size: 1em;
font-weight: normal;
/* padding: 0 0 10px 0px; */
}
.main_commom_container .rht .main_content .heading span input {
color: #000000;
font-size: 35px;
font-weight: normal;
padding: 0 0 0 10px;
}
.main_commom_container .rht .main_content .heading div {
/*padding:6px 0; line-height:31px; margin:4px -9px;*/
clear: both;
/*margin:0px -4px; */
}
.main_commom_container .rht .main_content .heading span {
color: #000000;
font-size: 1em;
/*padding: 0 0 0 0;*/
padding: 0 0 0 3px;
}
.main_commom_container .rht table.column_table1 {
width: 100%;
border-spacing: 8px;
display: table;
text-indent: 0;
}
.main_commom_container .rht table.column_table1 tr {
width: 100%;
}
.main_commom_container .rht table.column_table1 tr td h2 {
font-size: 1.1em;
}
.main_commom_container .rht .main_content.user_answer .underline,
.main_commom_container .rht .main_content.correct_answer .underline,
.main_commom_container .rht .ans_pnl .ans_mid-1 .res_ans_span span.underline,
.user_answer .underline,
.correct_answer .underline {
font-weight: bold;
color: #0b22d2;
text-decoration: underline;
}
/*.main_commom_container .rht .main_content .heading span {
color: #000000;
font-size: 1em !important;
font-weight: normal;
padding: 0 0 0 10px;
}*/
.new-table .texfield_c1 span {
margin: 0 !important;
}
.main_content .parent-ques {
float: left;
padding: 0 0 0 20px !important;
margin-bottom: 5px !important;
}
.new-table {
border-collapse: separate !important;
}
.new-table {
margin-top: 0.9em;
width: 100%;
}
.new-table tr {
width: 100%;
}
.new-table tr td {
padding: 4px 9px;
}
.mainBold {
background: #dd3333;
color: #fff;
font-size: 17px;
font-weight: bold;
}
/*25july 2012 */
.mainBold1 {
background: #DD3333;
color: #fff;
font-size: 17px;
font-weight: bold;
text-align: center;
}
.mainBold2 {
background: #ED7D2E;
color: #fff;
font-size: 17px;
font-weight: bold;
}
.mainBold3 {
background: #3C72B2;
color: #fff;
font-size: 17px;
font-weight: bold;
width: 110px;
}
#gallerypaginate ul {
list-style-type: none;
}
#textfield_c1 input {
line-height: 17px;
margin: 0px;
font-size: 0.85em;
color: #7F8181;
}
.matrixtextfield {
height: 23px;
margin: 2px;
}
/*25july 2012 End*/
#div_matrix_option_list .css_prev_table tr td {
border: none !important;
padding: 4px 9px;
}
.grey {
background: #d8d9da;
}
.light-grey {
background: #eff0f0;
}
.mainBold {
text-align: center;
}
.new-table .texfield_c1 {
width: 30px;
margin: 0 auto;
}
.new-table .texfield_c1 {
background: none;
}
.main_commom_container .rht .ans_pnl .ans_mid-1 {
color: #000;
font-size: 24px;
line-height: 33px;
}
.main_commom_container .rht .ans_pnl .ans_mid-1 input {
color: #000;
font-size: 24px;
line-height: 33px;
}
.main_content .answer_div_w {
float: left;
}
/*
.main_ans_pnl .answer_div_w {
width:auto;
margin: 0 3px 10px 0 !important;
} */
.column_table .dragDropSmallBox1 {
background: #ECECED;
-moz-border-radius: 4px;
/* Firefox */
-webkit-border-radius: 4px;
/* Safari, Chrome */
border-radius: 4px 4px 4px 4px;
font-weight: normal;
text-align: center;
color: #000000;
font-size: 20px;
width: 48%;
padding: 5px;
line-height: 30px;
margin: 2px 10px 4px 0;
}
.column_table {
width: 100%;
border-spacing: 8px;
border-collapse: separate;
display: table;
}
.column_table tr {
width: 100%;
}
/*
.column_table td {
float:left;
display:block;
} */
element.style {
margin: 0;
}
.column_table1 {
border-collapse: separate !important;
}
.column_table1 .dragDropSmallBox1 {
background: #ECECED;
-moz-border-radius: 4px;
/* Firefox */
-webkit-border-radius: 4px;
/* Safari, Chrome */
border-radius: 4px 4px 4px 4px;
font-weight: normal;
text-align: center;
color: #000000;
font-size: 20px;
padding: 5px;
line-height: 30px;
margin: 2px 10px 4px 0;
}
.column_table1 .dragDropSmallBox2 {
background-color: #E2EBED;
border: 1px solid #000000;
color: #000000;
-moz-border-radius: 4px;
/* Firefox */
-webkit-border-radius: 4px;
/* Safari, Chrome */
border-radius: 4px 4px 4px 4px;
font-size: 20px;
line-height: 30px;
margin: 0 0 4px;
width: 50%;
padding: 5px;
font-weight: normal;
text-align: center;
}
.column_table .dragDropSmallBox2 {
background-color: #E2EBED;
border: 1px solid #000000;
color: #000000;
-moz-border-radius: 4px;
/* Firefox */
-webkit-border-radius: 4px;
/* Safari, Chrome */
border-radius: 4px 4px 4px 4px;
font-size: 20px;
line-height: 30px;
margin: 0 0 4px;
width: 47%;
padding: 5px;
font-weight: normal;
text-align: center;
}
.column_table h2 {
background: #DD3333;
-moz-border-radius: 4px;
/* Firefox */
-webkit-border-radius: 4px;
/* Safari, Chrome */
border-radius: 4px 4px 4px 4px;
font-weight: bold;
text-align: center;
color: #fff;
float: left;
font-size: 20px;
height: 30px;
line-height: 30px;
margin: 2px 184px 4px 0;
width: 136px;
}
.num {
width: 15px;
padding: 3px 0 0 0px;
margin: 0;
height: 7px;
line-height: 3px !important;
font-size: 14px;
clear: none !important;
}
.topnum {}
input,
textarea,
select {
color: #7F8181;
}
.font_51 {
float: left;
color: #7F8181;
clear: none !important;
display: inline;
font-size: 20px;
font-weight: normal;
}
.font_50 {
float: left;
color: #7F8181;
clear: none !important;
display: inline;
padding: 5px 0 0 0 !important;
line-height: 44px !important;
font-size: 20px;
font-weight: normal;
}
.font-style {
float: left;
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
/*.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li.list4{
text-decoration:none !important;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li.list4 span.sort_down a{
text-decoration:underline !important;
}*/
/* 08-11-2011 */
.leftbar-08 {
float: left;
width: 760px;
margin: 0 0 0 10px;
}
#myEdplaceContainer-08 {
float: left;
margin: 0px;
width: 760px;
}
#myEdplaceContainer-08 .heading_box .title_left {
background: url(../ep_images/assigned_title_left.jpg) no-repeat scroll left top transparent;
float: left;
height: 41px;
width: 8px;
}
#myEdplaceContainer-08 .heading_box .title_mid {
background: url(../ep_images/assigned_bg.jpg) repeat-x scroll 0 0 transparent;
float: left;
line-height: 41px;
width: 744px;
}
#myEdplaceContainer-08 .heading_box .title_mid .head {
color: #FFFFFF;
float: left;
font-size: 18px;
font-weight: bold;
padding: 0 0 0 5px;
}
#myEdplaceContainer-08 .heading_box .title_right {
background: url(../ep_images/assigned_title_right.jpg) no-repeat scroll left top transparent;
float: left;
height: 41px;
width: 8px;
}
#myEdplaceContainer-08 .error {
background: none repeat scroll 0 0 #FACC00;
clear: both;
font-size: 14px;
height: 38px;
width: 760px;
margin: 2px 0;
float: left;
}
#myEdplaceContainer-08 .error .left {
display: inline-block;
float: left;
padding: 10px;
}
#myEdplaceContainer-08 .innerContainer {
background: none repeat scroll 0 0 #ECECED;
margin: 1px 0 0;
overflow: hidden;
padding: 0 15px 0 13px;
}
#myEdplaceContainer-08 .btmCor {
background: url(../ep_images/myedplace_btm_cor-08.png) no-repeat scroll 0 0 transparent;
height: 14px;
width: 802;
}
#myEdplaceContainer-08 .innerContainerleft-08 {
float: left;
width: 200px;
}
#myEdplaceContainer-08 .innerContainerleft-08 .leftbox-08 {
float: right;
width: 185px;
margin: 20px 0 0;
}
#myEdplaceContainer-08 .innerContainerleft-08 .leftbox-08 .lefttop-08 {
float: left;
width: 185px;
background: url(../ep_images/lefttop-08.png) no-repeat left top;
padding: 12px 0 0 0;
}
#myEdplaceContainer-08 .innerContainerleft-08 .leftbox-08 .lefttop-08 .leftbottom-08 {
float: left;
width: 185px;
background: url(../ep_images/leftbottom-08.png) no-repeat left bottom;
padding: 0px 0 10px 0;
}
#myEdplaceContainer-08 .innerContainerleft-08 .leftbox-08 .lefttop-08 .leftbottom-08 .leftbg-08 {
font-size: 16px;
color: #000;
padding: 20px;
float: left;
background: #fff;
width: 145px;
position: relative;
}
#myEdplaceContainer-08 .innerContainerleft-08 .leftbox-08 .lefttop-08 .leftbottom-08 .leftbg-08 .curve-08 {
bottom: -46px;
position: absolute;
right: 37px;
}
#myEdplaceContainer-08 .innerContainerleft-08 .new-bird-08 {
left: -12px;
position: relative;
top: 6px;
}
#myEdplaceContainer-08 .inner-right-08 {
float: right;
margin: 30px 0 0 0px;
width: 517px;
}
#myEdplaceContainer-08 .inner-right-08 .row-08 {
float: left;
width: 100%;
margin: 0 0 10px 0;
}
#myEdplaceContainer-08 .inner-right-08 span.name-08 {
font-size: 18px;
font-weight: bold;
color: #6f7072;
}
#myEdplaceContainer-08 .inner-right-08 .row-08 input[type=text], #myEdplaceContainer-08 .inner-right-08 .row-08 input[type=number] {
width: 375px;
height: 50px;
font-size: 22px;
color: #1a171b;
padding: 0 0 0 10px;
margin: 0 0 0 10px;
background: url(../ep_images/text-bg-08.png) no-repeat left top;
border: none;
}
#myEdplaceContainer-08 .inner-right-08 .row-08 .select {
font-size: 22px;
color: #1a171b;
height: 50px;
position: absolute;
width: 128px !important;
/* With the padding included, the width is 190 pixels: the actual width of the image. */
float: left;
padding: 6px 0px 0px 15px;
line-height: 40px;
background: url(../ep_images/dropdownbg-08.png) no-repeat;
overflow: hidden;
}
.styled {
top: 19px;
left: 3px;
width: 120px !important;
}
#myEdplaceContainer-08 .inner-right-08 .row-08 .dropdown-08 {
position: relative;
top: 0px;
}
.left-form-08 {
padding: 11px 0 0;
text-align: right;
float: left;
width: 113px;
}
.right-form-08 {
float: left;
height: 50px;
}
.drp-08 select {
width: 375px !important;
}
.drp-08 #select7 {
width: 200px !important;
}
#myEdplaceContainer-08 .inner-right-08 .row-08 .drp-08 .select {
font-size: 22px;
color: #1a171b;
width: 375px !important;
/* With the padding included, the width is 190 pixels: the actual width of the image. */
float: left;
padding: 6px 0px 0px 15px;
line-height: 40px;
margin: 0 0 0 10px;
background: url(../ep_images/dropdown-big-08.png) no-repeat !important;
overflow: hidden;
}
.btn-addaccount {
float: left;
margin: 0 10px 0 10px;
}
.btn-addaccount1{
margin: 0 5px 0 5px !important;
}
.btn-addaccount .addaccount {
background: url(../ep_images/addaccount-08.png) no-repeat left top;
width: 155px;
height: 44px;
border: none;
font-size: 15px;
cursor: pointer;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.btn-addaccount .cancel-08 {
background: url(../ep_images/cancel-08.png) no-repeat left top;
width: 155px;
height: 44px;
border: none;
font-size: 15px;
cursor: pointer;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.btn-addaccount1 .cancel-08-new
{
width : 192px !important;
}
#comparison_table .commonBox {
margin: 15px 0 0;
}
#comparison_table .commonBox a.tab {
background-color: #9B9C9E;
color: #FFFFFF;
display: inline-block;
font-size: 15px;
font-weight: bold;
padding-left: 9px;
text-decoration: none;
border-radius: 8px 8px 0 0;
}
#comparison_table .commonBox a.tab span {
display: block;
padding: 5px 10px 5px 0;
}
/*
#comparison_table .commonBox .topCor {
background: url(../ep_images/white_box_top_cor_08.png) no-repeat scroll 0 0 transparent;
height: 7px;
width: 729px;
}
#comparison_table .commonBox .topCor1 {
background: url(../ep_images/white_box_top_cor_081.png) no-repeat scroll 0 0 transparent;
height: 7px;
width: 528px;
} */
#comparison_table .commonBox .mainInner {
background-color: #FFFFFF;
overflow: hidden;
padding: 0 10px;
position: relative;
width: 703px;
border-radius: 0 8px 8px 8px;
}
#comparison_table .commonBox .mainInner1 {
background-color: #FFFFFF;
overflow: hidden;
padding: 0 10px;
position: relative;
width: 507px;
border-radius: 0 0 8px 8px;
}
#comparison_table .commonBox .mainInner p {
color: #000000;
float: left;
font-size: 19px;
padding: 7px 0;
font-weight: normal;
}
#comparison_table .commonBox .mainInner input.inActive {
background: url(../ep_images/gray_inActive.png) no-repeat scroll 0 0 transparent;
border: medium none;
cursor: pointer;
float: right;
font-size: 0;
height: 34px;
line-height: 0;
width: 100px;
}
#comparison_table .commonBox .mainInner input.Active {
background: url(../ep_images/green_active.png) no-repeat scroll 0 0 transparent;
border: medium none;
cursor: pointer;
float: right;
font-size: 0;
height: 34px;
line-height: 0;
margin: 0 10px 0 0;
width: 99px;
}
#comparison_table .commonBox .btmCor {
background: url(../ep_images/white_box_btm_cor_08.png) no-repeat scroll 0 0 transparent;
height: 8px;
width: 729px;
}
#comparison_table .commonBox .btmCor1 {
background: url(../ep_images/white_box_btm_cor_081.png) no-repeat scroll 0 0 transparent;
height: 8px;
width: 528px;
}
#comparison_table .commonBox a.tab-red {
background: url(../ep_images/redcorner.png) no-repeat scroll 0 0 transparent;
color: #FFFFFF;
display: inline-block;
font-size: 15px;
font-weight: bold;
padding-left: 9px;
text-decoration: none;
float: right;
margin: 0 0 0 0;
}
#comparison_table .commonBox a.tab-red span {
background: url(../ep_images/redcorner-right.png) no-repeat scroll right top transparent;
display: block;
padding: 5px 10px 5px 0;
}
.width528 {
width: 528px !important;
float: left;
}
.addchild {
font-size: 18px;
color: #1a171b;
}
.mainInner1 .comparison_table ul.heading {
clear: both;
float: left;
font-weight: normal;
margin: 0;
padding: 0;
width: 526px !important;
}
.mainInner1 .comparison_table ul li.list3 {
background: none repeat scroll 0 0 #FFFFFF;
color: #000 !important;
float: left;
height: 34px;
width: 65px;
}
.mainInner1 .comparison_table ul.heading span.sort_none {
color: #000;
font-size: 18px;
text-decoration: none;
}
.mainInner1 .comparison_table ul li.list3 {
background: none repeat scroll 0 0 #FFFFFF;
float: left;
height: auto !important;
width: 65px;
}
.mainInner1 .comparison_table ul li.list1 {
background: url(../ep_images/comparison_table_bg.jpg) no-repeat scroll left center #FFFFFF;
float: left;
height: 34px;
width: 30px;
color: #000 !important;
}
.arrow-grey-08 {
background: url(../ep_images/arrow_darkgrey_08.png) no-repeat left top;
float: right;
width: 15px;
height: 13px;
margin: 12px 0 0;
}
.mainInner1 .comparison_table ul li.list1 {
background: url(../ep_images/comparison_table_bg_08.jpg) no-repeat scroll left center #FFFFFF !important;
float: left;
height: 34px;
width: 30px;
}
.mainInner1 .comparison_table ul li.list4 {
background: #f5f5f6 !important;
float: left;
height: 34px;
padding-left: 14px;
text-align: left;
width: 128px;
}
.mainInner1 .comparison_table ul li.list3 {
background: #f5f5f6 !important;
float: left;
height: 34px;
width: 65px;
}
.mainInner1 .comparison_table ul li.list7 {
background: url(../ep_images/comparison_table_bg_right_08.jpg) no-repeat scroll right center #FFFFFF !important;
float: left;
}
.mainInner1 .comparison_table #div_7 li {
font-size: 18px !important;
}
.mainInner1 .comparison_table #div_7 .list12 {
float: left;
margin: 0 0 0 3px !important;
padding: 0;
}
.yellowbg-08 {
background: url(../ep_images/yellowbg-08.png) no-repeat left top;
float: left;
width: 485px;
height: 55px;
padding: 10px;
font-size: 12px;
color: #1a171a;
margin: 5px 0 0 0;
}
.pay {
float: left;
width: 505px;
}
.payment {
float: left;
margin: 10px 0px;
}
.conrmbtn_08 {
float: right;
width: 140px;
height: 57px;
}
.conrmbtn_08 input[type="submit"] {
background: url(../ep_images/confirm.png) no-repeat left top;
width: 140px;
height: 57px;
color: #fff;
border: none;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
.conrmbtn_08 input[type="button"] {
background: url(../ep_images/confirm.png) no-repeat left top;
width: 140px;
height: 57px;
color: #fff;
border: none;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
#comparison_table .subs {
float: right;
margin: 40px 0 0;
width: 185px;
}
#comparison_table .subs .lefttop-08 {
background-color: #fff;
float: left;
padding: 12px 0 0;
width: 185px;
border-radius: 8px;
}
#comparison_table .subs .leftbg-08 {
background: none repeat scroll 0 0 #FFFFFF;
color: #3d3d3f;
float: left;
font-size: 16px;
padding: 5px 20px;
position: relative;
width: 145px;
font-weight: normal;
}
#comparison_table .subs .leftbottom-08 {
float: left;
padding: 0 0 10px;
width: 185px;
}
#comparison_table .subs .curve-08 {
bottom: -31px;
position: absolute;
left: 80px;
}
.new-bird-981 {
right: -28px;
position: absolute;
top: 412px;
}
.assigned_worksheet_pnl .worksheet_listing_box .comparison_table {
position: relative;
}
.pay p {
float: left;
color: #1a171a;
font-size: 12px;
text-align: left;
width: 100%;
padding: 5px 0 0 0;
}
.roundbg-08 {
margin: 10px 0 0 0;
float: left;
background-color: #fff;
width: 508px;
min-height: 20px;
font-size: 13px;
color: #1a171a;
padding: 10px;
border-radius: 8px;
}
.roundbg-08 a {
color: #00378a;
}
.roundbg-08 a:hover {
color: #011e4a;
}
#div_7 li .select {
background: url(../ep_images/arrow_darkgrey_08.png) no-repeat 100px 11px;
color: #000;
float: left;
font-size: 18px;
line-height: 30px;
height: 30px;
overflow: hidden;
padding: 0px 0 0 7px;
position: absolute;
width: 120px !important;
text-align: left;
}
#div_7 li .styled {
top: 0;
}
.input1 {
background: url(../ep_images/text-bg-08.png) no-repeat scroll left top transparent;
border: medium none;
color: #1A171B;
font-size: 28px;
height: 50px;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
width: 375px;
}
#myEdplaceContainer-08 .inner-right-08 .row-08 #selectmonth {
background: url(../ep_images/dropdownbg-082.png) no-repeat scroll 0 0 transparent;
color: #1A171B;
float: left;
font-size: 22px;
height: 50px;
line-height: 40px;
overflow: hidden;
padding: 6px 0 0 15px;
position: absolute;
width: 161px !important;
}
.dropdown-08 label {
float: left;
}
#drop10 label {
float: left;
margin: 0 0 0 10px;
}
#drop10 .drop101 select {
width: 161px !important;
}
.questionEdit {
color: #7F8181;
}
.questionEdit ul {
list-style: disc;
list-style-position: inside;
margin: 0px 0px 0px 22px;
padding-left: 20px;
color: #000;
}
.questionEdit ol {
margin: 0px 0px 0px 22px;
list-style-position: inside;
list-style: alpha;
}
.questionEdit ul li {
list-style-position: outside;
}
.questionEdit p span {
padding: 0px!important;
}
.preview_msg {}
.preview_msg h3 {
font-weight: normal;
font-size: 13px;
}
.preview_msg h3 a {
color: #005CB9;
}
.best_score li.orange {
padding: 0 !important;
}
.main_commom_container .rht .main_content .heading .strtch p {
padding-left: 0px;
color: #000;
}
.main_commom_container .rht .main_content .heading .strtch,
.main_commom_container .rht .main_content .heading .strtch p {
font-size: 1em;
}
/******** Added by Amal Pushp on 17may 12 *********/
.prTxt {
font-size: 15px;
padding: 0px 0px 7px;
text-align: center;
color: #58585a;
font-weight: bold;
}
#div_matrix_option_list .css_prev_table tr td {
border: none !important;
padding: 4px 9px;
}
.grey {
background: #d8d9da;
}
.light-grey {
background: #eff0f0;
}
.new-table .texfield_c1 {
background: none;
}
#dragScriptContainer {
float: left;
}
#dragScriptContainer .dragDropSmallBox1 {
float: left;
width: 210px;
-moz-border-radius: 4px;
background: #ececed;
line-height: 30px;
margin: 2px 4px 4px 0;
overflow: hidden;
height: 30px;
font-size: 18px;
color: #000;
border-radius: 4px;
}
#dragScriptContainer .dragDropSmallBox {
float: left;
width: 210px;
-moz-border-radius: 4px;
background: #868789;
line-height: 30px;
font-size: 18px;
color: #fff;
height: 30px;
overflow: hidden;
border-radius: 4px;
margin: 0 0 4px;
}
.radio_bg {
font-size: 28px;
}
.radio-dsbl {
margin: 0 auto;
width: 31px;
background: url(../images/radio-dsbl.png) no-repeat left top;
height: 31px;
}
.radio-dsbl-selected {
margin: 0 auto;
width: 31px;
background: url(../images/radio-dsbl.png) no-repeat left -31px;
height: 31px;
}
.check-dsbl {
margin: 0 auto;
width: 31px;
background: url(../images/checkbox-dsbl.png) no-repeat left top;
height: 30px;
}
.check-dsbl-selected {
margin: 0 auto;
width: 31px;
background: url(../images/checkbox-dsbl.png) no-repeat left -31px;
height: 30px;
}
a.org {
color: #FA8128;
text-decoration: none;
}
a.bl {
color: #097DEE;
text-decoration: none;
}
a.rd {
color: #E84037;
text-decoration: none;
}
/* 26-06-2012 Worksheet Formatting Issue, bullet points in question fields*/
.main_commom_container .rht .main_content .heading .strtch ul {
list-style-position: inside;
list-style-type: disc;
}
.main_commom_container .rht .main_content .heading .strtch ol {
list-style-type: number;
list-style-position: outside;
margin-left: 25px;
}
div.cnt {
margin-left: 246px;
}
/* worksheet formating issue New css*/
.main_commom_container .rht .main_content .heading .strtch span,
.main_commom_container .rht .main_content .heading .strtch p span {
color: #444444;
font-size: 1em;
padding: 0;
}
.main_commom_container .rht .main_content .heading div.strtch {
color: black;
float: none;
font-weight: normal;
/* line-height: 25px; */
padding: 5px;
}
.main_commom_container .rht .main_content .heading .strtch,
.main_commom_container .rht .main_content .heading .strtch p {
font-size: 20px;
}
/* worksheet formating issue New css End*/
ul li span.wp_title_bg {
background: url(../images/wp_title_bg.png) no-repeat scroll right center transparent;
color: #FFFFFF;
float: left;
line-height: 38px;
width: 125px;
text-decoration: none;
}
.formContainer.my_details {
padding: 10px;
}
sub {
font-size: smaller !important;
line-height: normal !important;
vertical-align: sub !important;
}
.change_subscription_div {
border: 2px grey solid;
width: 96.8%;
border-radius: 8px;
margin-top: 10px;
padding: 10px;
border-color: pink;
background-color: #F7F8E0
}
#res_question {
width: 88%;
}
.main_commom_container .rht .main_content .score_img span.scoretxt {
font-size: 54px;
color: white;
margin: 40px 0 0 20px;
font-weight: bold;
float: left;
}
.main_commom_container .rht .main_content .introduction ul {
margin-left: 22px;
padding-left: 20px;
}
.main_commom_container .rht .main_content .introduction ul li {
list-style-position: outside;
}
#comparison_table .commonBox .student_new_add {
padding-bottom: 6px;
}
#comparison_table .commonBox .statusbox {
padding: 5px 10px 1px 10px;
}
.techer-completed-inner {
background-color: #b2d2ec;
}
.container.teacher-completed {
background-color: #fff;
width: 988px;
padding: 0 38px;
}
.unlock-intuition {
background-color: #ececed;
padding: 10px;
color: #FF0000;
font-weight: bold;
width: 724px;
border-radius: 0 0 8px 8px;
}
.maths .pie_progress__svg path {
stroke: #23a8b4;
}
.english .pie_progress__svg path {
stroke: #ff5a5f;
}
.science .pie_progress__svg path {
stroke: #791752;
}
.writing .pie_progress__svg path {
stroke: #ff5a5f;
}
.contentarealisting .pie_progress__number {
font-size: 14px;
}
.contentarealisting .pie_progress {
width: 70%;
}
.validate-form {
position: relative;
}
/* .inner-right-08 .validate-form .row-08 .right-form-08 input{ } */
.validate-form .right-form-08 {
flex-wrap: wrap;
}
#myEdplaceContainer-08 .teacher_pass_user .inner-right-08 .validate-form .row-08 .right-form-08 input {
font-size: 16px;
}
#myEdplaceContainer-08 .validate-form .row-08 .right-form-08 input[type="password"] {
padding-left: 8px !important;
width: 100% !important;
}
.teacher_pass_user .inner-right-08 .validate-form .row-08 .right-form-08 input.error {
width: 97% !important;
border: 1px solid #EEEEEE !important;
}
#myEdplaceContainer-08 .validate-form .error {
color: red;
font-size: 12px;
padding: 0 7px;
margin: 0 0 0 10px;
}
#myEdplaceContainer-08 .validate-form .row-08 .right-form-08 input[type="password"].error {
margin-left: 10px;
}
.validate-form .student_status_check {
margin: 0 0 !important;
}
.validate-form .onOff {
border-bottom: 0 none;
margin-left: 5px;
}
.toggle-element-wrapper .toggle-element-check {
background: url(../images/toggle_status.svg) no-repeat left bottom;
display: inline-block;
float: none!important;
height: 26px;
width: 59px;
}
.toggle-element-wrapper .toggle-onoff-check {
background: url(/assets/images/toggle_status_on_off.svg) no-repeat left bottom;
}
.toggle-element-wrapper input {
position: relative;
display: none;
}
.toggle-element-wrapper .toggle-element-check.checked {
background-position: top left;
}
#content-fancybox-upgrade-free-teacher-holder {
max-width: 614px;
width: 100%;
border-radius: 4px;
padding: 30px 0;
}
#content-fancybox-upgrade-free-teacher-holder #updgradeRequestForm {
padding: 40px 30px 0 30px;
}
#content-fancybox-upgrade-free-teacher-holder .body-content .form-group {
margin-bottom: 30px;
position: relative;
}
#content-fancybox-upgrade-free-teacher-holder h2 {
color: #221638;
font-weight: 600;
font-size: 20px;
line-height: 28px;
padding: 0px 55px 20px 20px;
text-align: left;
text-transform: uppercase;
border-bottom: 1px solid #eee;
}
#content-fancybox-upgrade-free-teacher-holder .fancybox-close-small {
position: absolute;
}
#content-fancybox-upgrade-free-teacher-holder .form-group label {
display: block;
margin: 0 4px 2px 0;
font-size: 12px;
font-weight: 500;
color: #8A8496;
}
#content-fancybox-upgrade-free-teacher-holder .form-group span {
color: #78a461;
font-size: 17px;
line-height: 12px;
}
#content-fancybox-upgrade-free-teacher-holder .form-group label.error {
position: absolute;
left: 0;
color: #D93338;
bottom: -24px;
padding: 0;
}
#content-fancybox-upgrade-free-teacher-holder .form-control {
height: 50px;
border: 1px solid #eee !important;
color: #8b8b8b;
font-size: 14px;
border-radius: 4px;
box-shadow: none;
padding: 0 10px;
font-weight: 400;
width: 100%;
}
#content-fancybox-upgrade-free-teacher-holder .form-control.error {
border: 1px solid #D93338 !important;
}
#content-fancybox-upgrade-free-teacher-holder #upgradeBody {
height: 120px;
}
#content-fancybox-upgrade-free-teacher-holder .create-act {
background: #1EBCBC;
color: #fff;
border: 2px solid #1EBCBC;
width: 100%;
height: 48px;
color: #ffffff;
margin-top: 10px;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
float: left;
cursor: pointer;
}
#content-fancybox-upgrade-free-teacher-holder .create-act:hover {
background-color: #158D8D;
border: 2px solid #158D8D;
}
div.fancybox-content.teacher-year-change-popup .modal-header {
padding: 0px 40px;
border-bottom: 1px solid #E9E9E9;
margin-bottom: 20px;
}
div.fancybox-content.teacher-year-change-popup .modal-header h2.trial-heading {
color: #221638;
font-size: 20px;
line-height: 28px;
font-weight: 600;
left: 0;
text-shadow: none;
margin: 0px 0px 20px 0px;
}
div.fancybox-content.teacher-year-change-popup .body-content {
padding: 0px 40px;
border-bottom: 1px solid #E9E9E9;
margin-bottom: 20px;
}
div.fancybox-content.teacher-year-change-popup .body-content p {
color: #8A8496;
font-weight: 500;
font-size: 14px;
line-height: 18px;
font-family: 'Poppins', sans-serif;
margin-bottom: 20px;
}
div.fancybox-content.teacher-year-change-popup .body-content .toggle-element-wrapper {
margin-bottom: 20px;
}
div.fancybox-content.teacher-year-change-popup .modal-footer {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0px 40px;
}
div.fancybox-content.teacher-year-change-popup .modal-footer button#extra_y_n_cancel_button {
height: 48px !important;
width: 140px;
border: 1px solid #EEEEEE;
background-image: none;
border-radius: 4px;
background: #fff;
color: #221638;
font-size: 14px;
transition: all 0.3s;
box-shadow: none;
padding: 0;
font-weight: 600;
margin: 0px;
}
div.fancybox-content.teacher-year-change-popup .modal-footer button#extra_y_n_cancel_button:hover{
border-color: #221638;
background: #fff;
}
div.fancybox-content.teacher-year-change-popup .modal-footer button#extra_y_n_yes_button {
height: 48px !important;
padding: 0;
background-image: none;
width: 140px;
border-radius: 4px;
background-color: #23BDBD;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
line-height: 21px;
color: #FFFFFF;
font-weight: 600;
border: none;
transition: all 0.3s;
box-shadow: none;
margin-left: 20px;
box-shadow: none;
font-family: 'Poppins', sans-serif;
}
div.fancybox-content.teacher-year-change-popup .modal-footer button#extra_y_n_yes_button:hover{
background-color: #158D8D;
}
div.fancybox-content.teacher-year-change-popup {
padding: 40px 0px 0px !important;
border-radius: 4px;
}
.fancybox-content.teacher-year-change-popup .body-content .popup-toggle {
display: flex;
}
.fancybox-content.teacher-year-change-popup .body-content .popup-toggle strong {
margin-left: 10px;
}
.descriptive-alert-box {
background: #fff0e8;
padding: 11px;
}
.descriptive-alert-box p {
font-size: 14px;
font-weight: 600;
text-align: center;
}