div.box-s-a div.box-data {
    font-weight: bold;
}

#subs_msg {
    width: 485px;
    height: 29px;
    margin: 4px 0 0 0;
    padding: 10px 0 5px 20px !important;
    background: url(../ep_images/yellowbg-09.png) no-repeat left top;
    font-weight: normal;
    color: #000;
    font-size: 13px;
    padding: 5px;
    border-bottom: 1px solid #fff;
}

#subs_msg a {
    color: #005CB9;
}

.main_ed_home {
    float: left;
    background: url(../ep_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;
}

.cnt-case {
    background: #fff;
}

.worksheet_box {
    float: left;
    width: 206px;
    margin: 10px 0 0;
}

.worksheet_box .worksheet_title {
    float: left;
    background: url(../ep_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(../ep_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(../ep_images/bullet.jpg) no-repeat 7px 9px;
}

.worksheet_box ul li a.selected {
    float: left;
    background: #facc00 url(../ep_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(../ep_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(../ep_images/account_title_bg.jpg) no-repeat left top;
}

.progress_box .child_login {
    background: url(../ep_images/login_child_bg.jpg) no-repeat left top!important;
}

.progress_box ul {
    margin: 2px 0 0;
    padding: 0 0 7px;
    float: left;
    width: 206px;
    background: url(../ep_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;
}

.progress_box ul li a.selected {
    float: left;
    background: #facc00 url(../ep_images/bullet.jpg) no-repeat 7px 9px;
}

.clear {
    clear: both;
}

/* RM-2170 start */
.selectboxstyle{
    border: 1px solid #aaa;
    border-radius: 4px;
    height: 28px;
}
/* RM-2170 end */

.assigned_worksheet_pnl {
    float: left;
    width: 805px;
    font-weight: bold;
    margin-bottom: 10px;
}

.assigned_worksheet_pnl .heading_box {
    float: left;
    width: 744px;
}
.pdf-row-inline {
    display: flex;
    align-items: center;
    width: 110px;
}

/*
.assigned_worksheet_pnl .heading_box .title_left {
	float:left;
	background:url(../ep_images/assigned_title_left.jpg) no-repeat left top;
	width:8px;
	height:41px;
}
.assigned_worksheet_pnl .heading_box .title_right {
	float:left;
	background:url(../ep_images/assigned_title_right.jpg) no-repeat left top;
	width:8px;
	height:41px;
} */

.assigned_worksheet_pnl .heading_box .title_mid {
    float: left;
    background-color: #7AA120;
    line-height: 41px;
    width: 728px;
    padding: 0 8px 0 8px;
    border-radius: 8px 8px 0 0;
}

.assigned_worksheet_pnl .heading_box .title_mid .head {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.assigned_worksheet_pnl .worksheet_listing_box {
    float: left;
    background-color: #ececed;
    padding: 0px 7px 10px 7px;
    width: 730px;
    font-size: 16px;
    border-radius: 0 0 8px 8px;
}

.assigned_worksheet_pnl .worksheet_listing_box .comparison_table {
    float: left;
    width: 730px;
}

.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul.heading {
    margin: 0;
    padding: 0;
    width: 730px;
    clear: both;
    float: left;
    font-weight: normal;
}

.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul {
    margin: 5px 0 0;
    padding: 0;
    width: 730px;
    clear: both;
    float: left;
    font-weight: normal;
}

.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li a {
    text-decoration: underline;
}

.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;
    height: 34px;
    width: 30px;
    background: #fff;
    border-radius: 8px 0 0 8px;
}

.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li.head_list {
    background: none !important;
    font-size: 18px;
    font-weight: bold !important;
    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: 90px;
    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;
    border-radius: 0 8px 8px 0;
}

.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li a.list8 {
    float: left;
    height: 25px;
    width: 26px;
    background: #fff url(../ep_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(../ep_images/close_icon.jpg) no-repeat;
    margin-top: 4px;
    margin-left: 3px;
}

.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li a.list10 {
    float: left;
    height: 25px;
    width: 26px;
    background: #fff url(../ep_images/pencil_icon.png) no-repeat;
    margin-top: 4px;
    margin-left: 3px;
}

.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li a.list8_a {
    float: left;
    height: 25px;
    width: 26px;
    background: #fff url(../ep_images/document-pdf.png) no-repeat;
    background-position: 5px;
    margin-top: 4px;
}

.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li a.list9_a {
    float: left;
    height: 25px;
    width: 26px;
    background: #fff url(../ep_images/edit_ctl.png) no-repeat;
    background-position: 5px;
    margin-top: 4px;
    margin-left: 3px;
}

.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li a.list9info {
    float: left;
    height: 25px;
    width: 26px;
    background: #fff url(../ep_images/i_icon.png) no-repeat;
    background-position: 0px;
    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;
}

.textfield {
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    background-color: #FFFFFF;
    border: none;
    padding: 3px;
    border-radius: 5px;
    cursor: pointer;
}

.buttons {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #4F9C6E;
    border: 1px solid #000000;
    padding: 0px 2px 2px 2px;
    margin: 0px;
    height: 24px;
    cursor: pointer;
    background: url(../ep_images/btn_bg.jpg) repeat-x;
}

.main {
    font-size: 13px;
    color: #343235;
    padding: 2px 2px 2px 2px;
    margin: 0px;
    height: 24px;
}

.red_msg {
    font-size: 12px;
    color: #FF0000;
    padding: 2px 2px 2px 2px;
    margin: 0px;
    height: 24px;
}

.red_msg_small {
    font-size: 10px;
    color: #FF0000;
    padding: 2px 2px 2px 2px;
    margin: 0px;
    height: 24px;
}

.main_small {
    font-size: 10px;
    color: #3d3d3f;
    padding: 2px 2px 2px 2px;
    margin: 0px;
    height: 24px;
}

.wks_heading {
    font-size: 24px;
    color: #e67817;
    margin: 6px;
}

.wks_heading_ref {
    font-size: 16px;
    color: #047523;
    margin: 6px;
}

.wks_ques {
    font-size: 12px;
    color: #58585a;
    margin: 6px;
    font-weight: normal;
    padding: 0 10px 10px 10px;
}

.wks_answer {
    font-size: 14px;
    color: #58585a;
    margin: 6px;
    font-weight: normal;
    padding: 0 10px 10px 10px;
}

#paging {
    padding: 10px;
    margin: 0px 10px 15px 0px;
    color: #FF0000;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
}

#paging a {
    text-decoration: none;
}

#paging a b u {
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
}

#pagination {
    height: 27px;
    float: right;
    font-size: 16px;
    color: #000000;
    padding: 0;
}

#pagination .paginationTitle {
    float: left;
    padding: 2px 0px 0px 0px;
}

#pagination .paginationSelected {
    width: 37px;
    height: 23px;
    display: block;
    float: left;
    border: solid 1px #c4c5c6;
    text-align: center;
    margin: 0px 10px;
}

#pagination .paginationButtons {
    background: url(../ep_images/paging_buttons_bg.jpg) no-repeat 0px 0px;
    width: 47px;
    float: left;
    display: block;
    height: 26px;
    margin: 0px 0px 0px 10px;
}

#pagination .paginationButtons a.prev {
    background: url(../ep_images/paging_prev_icon.png) no-repeat 0px 0px;
    width: 14px;
    height: 14px;
    float: left;
    display: block;
    margin: 7px 0px 0px 6px;
}

#pagination .paginationButtons a.prevActive {
    background: url(../ep_images/paging_prev_icon_hover.png) no-repeat 0px 0px;
    width: 14px;
    float: left;
    height: 14px;
    display: block;
    margin: 7px 0px 0px 6px;
}

#pagination .paginationButtons a.prev:hover {
    background: url(../ep_images/paging_prev_icon_hover.png) no-repeat 0px 0px;
    width: 14px;
    float: left;
    height: 14px;
    display: block;
    margin: 7px 0px 0px 6px;
}

#pagination .paginationButtons a.next {
    background: url(../ep_images/paging_nex_icon.png) no-repeat 0px 0px;
    width: 14px;
    float: right;
    height: 14px;
    display: block;
    margin: 7px 3px 0px 0px;
}

#pagination .paginationButtons a.nextActive {
    background: url(../ep_images/paging_nex_icon_hover.png) no-repeat 0px 0px;
    width: 14px;
    float: right;
    height: 14px;
    display: block;
    margin: 7px 3px 0px 0px;
}

#pagination .paginationButtons a.next:hover {
    background: url(../ep_images/paging_nex_icon_hover.png) no-repeat 0px 0px;
    width: 14px;
    float: right;
    height: 14px;
    display: block;
    margin: 7px 3px 0px 0px;
}

span.sort_up {
    text-decoration: none !important;
    background: url(../ep_images/arrow_up.jpg) no-repeat top;
    display: block;
    color: #3c72b2;
}

span.sort_down {
    text-decoration: none !important;
    background: url(../ep_images/arrow.gif) no-repeat top;
    display: block;
    color: #3c72b2;
}

span.sort_down a {
    color: #3c72b2;
    text-decoration: none !important;
}

span.sort_up a {
    color: #3c72b2;
}

span.sort_none {
    color: #3c72b2;
    text-decoration: underline;
}

span.sort_none a {
    color: #3c72b2;
}

.leftbar_css {
    min-height: 700px;
    width: 200px;
    float: left;
    border: 0px solid #FF0000;
    margin-left: 20px;
    font-weight: bold;
    margin-top: -10px;
    margin-bottom: 10px;
}


/******* Parent Login Panel ********/

#mainContainer {
    width: 736px;
    margin: 0px auto;
}

#loginContainer {
    width: 541px;
    float: left;
    margin: 0px 13px 0px 0px;
}

#loginContainer .heading_box {
    float: left;
    width: 541px;
    margin: 0px 0px 2px 0px;
}

#loginContainer .heading_box .title_left {
    float: left;
    background: url(../ep_images/assigned_title_left.jpg) no-repeat left top;
    width: 7px;
    height: 41px;
}

#loginContainer .heading_box .title_right {
    float: left;
    background: url(../ep_images/assigned_title_right.jpg) no-repeat left top;
    width: 8px;
    height: 41px;
}

#loginContainer .heading_box .title_mid {
    float: left;
    background: url(../ep_images/assigned_bg.jpg) repeat-x;
    line-height: 41px;
    width: 525px;
}

#loginContainer .heading_box .title_mid .head {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 0px 0px 0px 5px;
}

#loginContainer .loginContentContainer {
    background: #ececed;
    clear: both;
    padding: 13px;
    overflow: hidden;
}

#loginContainer .loginContentContainer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#loginContainer .loginContentContainer ul li {
    list-style: none;
    margin: 0px;
    overflow: hidden;
    padding: 0px 0px 12px 0px;
}

#loginContainer .loginContentContainer ul li label.inpt {
    font-size: 19px;
    font-weight: bold;
    display: inline-block;
    margin: 0px 0px 5px 0px;
    color: #6f7072;
    width: 185px;
}

#loginContainer .loginContentContainer ul li input.inpt {
    line-height: 48px;
    background: url(../ep_images/login_input_bg10.png) no-repeat 0px 0px;
    font-size: 28px;
    width: 300px;
    height: 48px;
    border: none;
    padding: 0px 10px 0 5px;
    display: inline-block;
    color: #3f6cac;
}

#loginContainer .loginContentContainer ul li .dropdown_nomargin {
    background: url(../ep_images/login_input_bg10.png) no-repeat 0px 0px;
    width: 310px !important;
    height: 48px;
    border: none;
    line-height: 48px;
    padding: 15px 10px 16px;
}

#loginContainer .loginContentContainer ul li span.remember {
    display: block;
    width: 250px;
    float: left;
    font-size: 19px;
    font-weight: bold;
    color: #6f7072;
}

#loginContainer .loginContentContainer ul li span.remember label {
    float: left;
    margin: 5px 0px 0px 5px;
}

#loginContainer .loginContentContainer ul li span.remember input {
    float: left;
    margin: 10px 0px 0px 0px;
}

#loginContainer .loginContentContainer ul li .loginButton {
    display: block;
    width: 96px;
    border: none;
    font-size: 0px;
    line-height: 0px;
    height: 34px;
    background: url(../ep_images/login_button.png) repeat 0px 0px;
    float: right;
}

#loginContainer .loginContentContainer ul li .loginButton:hover {
    display: block;
    width: 96px;
    border: none;
    font-size: 0px;
    line-height: 0px;
    height: 34px;
    background: url(../ep_images/login_button.png) repeat 0px -34px;
    float: right;
}

#loginContainer .btmButtons {
    overflow: hidden;
    margin: 4px 0px 0px 0px;
}

#loginContainer .btmButtons a.signUp {
    background: url(../ep_images/sign_up_account.png) no-repeat 0px 0px;
    width: 268px;
    height: 51px;
    float: left;
    display: block;
}

#loginContainer .btmButtons a.signUp:hover {
    background: url(../ep_images/sign_up_account.png) no-repeat 0px -52px;
    width: 268px;
    height: 51px;
    float: left;
    display: block;
}

#loginContainer .btmButtons a.forgotPwd {
    background: url(../ep_images/forgot_password.png) no-repeat 0px 0px;
    width: 269px;
    height: 51px;
    float: right;
    display: block;
}

#loginContainer .btmButtons a.forgotPwd:hover {
    background: url(../ep_images/forgot_password.png) no-repeat 0px -52px;
    width: 269px;
    height: 51px;
    float: right;
    display: block;
}

#studentBox {
    float: right;
    width: 180px;
}

#studentBox .topCor {
    background: url(../ep_images/student_box_top_cor.png) no-repeat 0px 0px;
    height: 13px;
}

#studentBox .btmCor {
    background: url(../ep_images/student_box_btm_cor.png) no-repeat 0px 0px;
    height: 13px;
}

#studentBox .innerSpcr {
    background: url(../ep_images/student_box_bg_spcr.png) repeat-y 0px 0px;
    font-size: 25px;
    padding: 5px 15px;
    overflow: hidden;
    text-align: center;
    color: #6f7072;
}

#studentBox .innerSpcr span {
    display: block;
    padding: 0px 0px 10px 0px;
}

#studentBox .innerSpcr a.student {
    background: url(../ep_images/students_button.png) no-repeat 0px 0px;
    width: 120px;
    height: 35px;
    margin: 0px auto;
    display: block;
}

#studentBox .innerSpcr a.student:hover {
    background: url(../ep_images/students_button.png) no-repeat 0px -36px;
    width: 120px;
    height: 35px;
    display: block;
}

#studentBox .innerSpcr a.teacher {
    background: url(../ep_images/teachers_button.png) no-repeat 0px 0px;
    width: 120px;
    height: 35px;
    margin: 0px auto;
    display: block;
}

#studentBox .innerSpcr a.teacher:hover {
    background: url(../ep_images/teachers_button.png) no-repeat 0px -36px;
    width: 120px;
    height: 35px;
    display: block;
}

.color_maths {
    color: #e84037;
}

.color_english {
    color: #fa8128;
}

.color_science {
    color: #097dee;
}


/******* Parent Login Panel End********/


/******* Parent Myedplace Panel********/

#myEdplaceContainer {
    width: 586px;
    float: left;
    margin: 0px 0px 0px -20px;
}

#myEdplaceContainer .heading_box {
    float: left;
    width: 586px;
    margin: 0px 0px 2px 0px;
}


/*
#myEdplaceContainer .heading_box .title_left {
	float:left;
	background:url(../ep_images/assigned_title_left.jpg) no-repeat left top;
	width:8px;
	height:41px;
}
#myEdplaceContainer .heading_box .title_right {
	float:left;
	background:url(../ep_images/assigned_title_right.jpg) no-repeat left top;
	width:8px;
	height:41px;
} */

#myEdplaceContainer .heading_box .title_mid {
    float: left;
    background-color: #7AA120;
    line-height: 41px;
    width: 571px;
    border-radius: 8px 8px 0 0;
    padding-left: 8px;
    padding-right: 8px;
}

#myEdplaceContainer .heading_box .title_mid .head {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 10px 120px 10px 10px;
    line-height: 26px;
    position: relative;
}

#myEdplaceContainer .error {
    width: 586px;
    clear: both;
    font-size: 14px;
    background: #facc00;
    margin-top: 2px;
}

#div_msg2 {
    border-top: solid 2px #fff;
}

#div_msg a,
#div_msg2 a {
    color: #005CB9;
    text-decoration: none;
}

#myEdplaceContainer .error .left {
    padding: 10px;
    display: inline-block;
}

#myEdplaceContainer .error .right {
    padding: 5px;
    float: right;
    display: inline-block;
}

#myEdplaceContainer .innerContainer {
    background: #ececed;
    margin: 3px 0px 0px 0px;
    min-height: 500px;
    overflow: hidden;
    padding: 0px 13px 0px 13px;
}

#myEdplaceContainer .innerContainer .commonBox {
    margin: 15px 0px 0px 0px;
}

#myEdplaceContainer .innerContainer .commonBox .Toggle_sign {
    margin: 0px 0 0;
    float: right;
    width: 35px;
    height: 29px;
    padding: 0px 0;
    text-align: center;
    cursor: pointer;
    background: url(../ep_images/toggle_bg.png) no-repeat 0px 0px;
    position: relative;
    top: 0px;
}

#myEdplaceContainer .innerContainer .commonBox .Toggle_sign span#toggle_sign_design {
    color: #fff;
    font: normal 33px/32px Arial;
}

#myEdplaceContainer .innerContainer .commonBox a.tab {
    background-color: #9B9C9E;
    padding-left: 9px;
    display: inline-block;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 8px 8px 0 0;
}

#myEdplaceContainer .innerContainer .commonBox a.tab span {
    padding: 5px 10px 5px 0px;
    display: block;
}

#myEdplaceContainer .innerContainer .commonBox a.tabst {
    background-color: #037523;
    padding-left: 9px;
    float: left;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 8px 8px 0 0;
}

#myEdplaceContainer .innerContainer .commonBox a.tabst span {
    padding: 5px 10px 5px 0px;
    display: block;
}

#myEdplaceContainer .innerContainer .commonBox .topCor {
    background: url(../ep_images/white_box_top_cor.png) no-repeat 0px 0px;
    height: 7px;
    width: 561px;
    clear: both;
}

#myEdplaceContainer .innerContainer .commonBox .btmCor {
    background: url(../ep_images/white_box_btm_cor.png) no-repeat 0px 0px;
    height: 8px;
    width: 561px;
}

#myEdplaceContainer .innerContainer .commonBox .mainInner {
    background: #FFFFFF;
    width: 541px;
    overflow: hidden;
    position: relative;
    padding: 0px 10px;
}

#myEdplaceContainer .innerContainer .commonBox .mainInner p {
    float: left;
    padding: 7px 0px;
    font-size: 19px;
    color: #000000;
}

#myEdplaceContainer .innerContainer .commonBox .mainInner input.Active {
    float: right;
    background-color: #7BA121;
    width: 99px;
    height: 34px;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
    padding: 4px;
    text-align: center;
    cursor: pointer;
    line-height: 24px;
    border: none;
    margin: 0px 10px 0px 0px;
    border-radius: 8px;
}

#myEdplaceContainer .innerContainer .commonBox .mainInner input.inActive {
    float: right;
    border: none;
    background: url(../ep_images/gray_inActive.png) no-repeat 0px 0px;
    width: 100px;
    cursor: pointer;
    height: 34px;
    font-size: 0px;
    line-height: 0px;
}

#myEdplaceContainer .innerContainer .commonBox .mainInner select.account {
    float: right;
    width: 150px;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    padding: 0px 0px;
    margin: 10px 0px 0px 0px;
}

#myEdplaceContainer .btmCor {
    background: url(../ep_images/myedplace_btm_cor.png) no-repeat 0px 0px;
    height: 14px;
    width: 586px;
}

#myEdplaceContainer .innerContainer .commonBox .mainInner .findRevelent {
    position: absolute;
    top: 25px;
    left: 200px;
    text-align: right;
    z-index: 1;
    display: block;
    width: 150px;
    color: #FFFFFF;
    height: 80px;
    overflow: hidden;
    font-size: 22px;
    line-height: 25px;
}

#myEdplaceContainer .innerContainer .commonBox .mainInner .assignWorksheet {
    position: absolute;
    top: 157px;
    left: 363px;
    text-align: right;
    z-index: 1;
    display: block;
    width: 150px;
    color: #FFFFFF;
    height: 80px;
    overflow: hidden;
    font-size: 22px;
    line-height: 25px;
}

#myEdplaceContainer .innerContainer .commonBox .mainInner .childReward {
    position: absolute;
    top: 282px;
    left: 199px;
    text-align: right;
    z-index: 1;
    display: block;
    width: 150px;
    color: #FFFFFF;
    height: 80px;
    overflow: hidden;
    font-size: 22px;
    line-height: 25px;
}

#myEdplaceContainer .innerContainer .commonBox .mainInner .anylysScore {
    position: absolute;
    top: 155px;
    left: 42px;
    text-align: right;
    z-index: 1;
    display: block;
    width: 150px;
    color: #FFFFFF;
    height: 80px;
    overflow: hidden;
    font-size: 22px;
    line-height: 25px;
}

a.whiteTxt {
    color: #FFFFFF;
    text-decoration: none;
}

#mainContainer #joinCommunity {
    float: right;
}

#studentLoginBox {
    width: 670px;
    margin: 0px auto;
}

#studentLoginBox .topCor {
    background: url(../ep_images/studen_login_box_top_cor.png) no-repeat 0px 0px;
    width: 670px;
    height: 11px;
}

#studentLoginBox .boxBg {
    background: url(../ep_images/student_login_box_bg.png) repeat-y 0px 0px;
    width: 614px;
    overflow: hidden;
    padding: 10px 28px 0px 28px;
}

#studentLoginBox .btmCor {
    background: url(../ep_images/student_login_box_btm_cor.png) no-repeat 0px 0px;
    width: 670px;
    height: 13px;
}

.studentLoginTab {
    margin-left: 405px!important;
}

#studentLoginBox .boxBg ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#studentLoginBox .boxBg ul li {
    list-style: none;
    overflow: hidden;
    margin: 0px 0px 18px 0px;
    padding: 0px;
}

#studentLoginBox .boxBg ul li label.title {
    display: block;
    font-size: 19px;
    font-weight: bold;
    color: #6f7072;
    margin: 0px 0px 8px 0px;
    padding: 0px;
}

#studentLoginBox .boxBg ul li input.login {
    background: url(../ep_images/student_login_login_input.png) no-repeat 0px 0px;
    width: 592px;
    border: none;
    padding: 0px 10px;
    height: 47px;
    font-size: 29px;
    color: #3f6cac;
    margin: 0px;
}

#studentLoginBox .boxBg ul li span.remember {
    display: block;
    width: 250px;
    float: left;
    font-size: 19px;
    font-weight: bold;
    color: #6f7072;
}

#studentLoginBox .boxBg ul li span.remember label {
    float: left;
    margin: 5px 0px 0px 5px;
}

#studentLoginBox .boxBg ul li span.remember input {
    float: left;
    margin: 10px 0px 0px 0px;
}

#studentLoginBox .boxBg ul li .loginButton {
    display: block;
    width: 96px;
    border: none;
    font-size: 0px;
    line-height: 0px;
    height: 34px;
    background: url(../ep_images/login_button.png) repeat 0px 0px;
    float: right;
}

#studentLoginBox .boxBg ul li .loginButton:hover {
    display: block;
    width: 96px;
    border: none;
    font-size: 0px;
    line-height: 0px;
    height: 34px;
    background: url(../ep_images/login_button.png) repeat 0px -34px;
    float: right;
}

#studentLoginOwlBg {
    background: url(../ep_images/student_login_owl_bg.png) no-repeat 0px 0px;
    width: 119px;
    height: 159px;
    position: absolute;
    right: 41px;
    top: 287px;
}

#loginContainer .loginContentContainer ul li .continueButton {
    display: block;
    width: 120px;
    border: none;
    font-size: 0px;
    line-height: 0px;
    height: 34px;
    background: url(../ep_images/continue_btn.png) repeat 0px 0px;
    float: right;
}

#loginContainer .loginContentContainer ul li .continueButton:hover {
    display: block;
    width: 120px;
    border: none;
    font-size: 0px;
    line-height: 0px;
    height: 34px;
    background: url(../ep_images/continue_btn.png) repeat 0px -34px;
    float: right;
}

#loginContainer .loginContentContainer ul li input.inpt2 {
    background: url(../ep_images/login_input_bg2.png) no-repeat 0px 0px;
    font-size: 28px;
    width: 704px;
    height: 48px;
    border: none;
    padding: 0px 5px;
    display: block;
    color: #3f6cac;
}


/******* Parent Myedplace Panel End********/


/******* Rounded corner ********/

.input_box {
    float: left;
    background: #fff;
    width: auto;
}

.input_box .row_1 {
    float: left;
    width: 100%;
    clear: both;
}

.input_box .row_1 span.left_top {
    background: url(../ep_images/corner_left_top.jpg) no-repeat;
    height: 6px;
    width: 6px;
    float: left;
}

.input_box .row_1 span.right_top {
    background: url(../ep_images/corner_right_top.jpg) no-repeat;
    height: 6px;
    width: 6px;
    float: right;
}

.input_box .row_3 {
    padding: 0 10px;
    clear: both;
}

.input_box .row_3 input {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
}

.input_box .row_2 {
    float: left;
    clear: both;
    width: 100%
}

.input_box .row_2 span.left_btm {
    background: url(../ep_images/corner_left_btm.jpg) no-repeat;
    height: 6px;
    width: 6px;
    float: left;
}

.input_box .row_2 span.right_btm {
    background: url(../ep_images/corner_right_btm.jpg) no-repeat;
    height: 6px;
    width: 6px;
    float: right;
}


/******* Rounded corner End********/


/*** Aug 20 ****/


/*
.assigned_worksheet_pnl .heading_box .eng_title_left {
	float:left;
	background:url(../ep_images/eng_head_left_cor.png) no-repeat left top;
	width:8px;
	height:41px;
}
.assigned_worksheet_pnl .heading_box .eng_title_right {
	float:left;
	background:url(../ep_images/eng_head_right_cor.png) no-repeat left top;
	width:8px;
	height:41px;
}
.assigned_worksheet_pnl .heading_box .sci_title_left {
	float:left;
	background:url(../ep_images/sci_head_left_cor.png) no-repeat left top;
	width:8px;
	height:41px;
}
.assigned_worksheet_pnl .heading_box .sci_title_right {
	float:left;
	background:url(../ep_images/sci_head_right_cor.png) no-repeat left top;
	width:8px;
	height:41px;
} 
.assigned_worksheet_pnl .heading_box .red_left_cor {
	float:left;
	background:url(../images/red_left_cor.png) no-repeat left top;
	width:8px;
	height:41px;
}
.assigned_worksheet_pnl .heading_box .red_right_cor {
	float:left;
	background:url(../images/red_right_cor.png) no-repeat left top;
	width:8px;
	height:41px;
}
*/

.assigned_worksheet_pnl .heading_box .red_bg {
    float: left;
    background-color: #E63E38;
    line-height: 41px;
    width: 728px;
    border-radius: 8px 8px 0 0;
    padding: 0 8px 0 8px;
}

.assigned_worksheet_pnl .heading_box .eng_title_mid {
    float: left;
    background-color: #FE7F23;
    line-height: 41px;
    width: 728px;
    border-radius: 8px 8px 0 0;
    padding: 0 8px 0 8px;
}

.assigned_worksheet_pnl .heading_box .sci_title_mid {
    float: left;
    background-color: #0C7BE9;
    line-height: 41px;
    width: 728px;
    border-radius: 8px 8px 0 0;
    padding: 0 8px 0 8px;
}

#buttonRow .engbackBtn {
    background: url(../ep_images/eng_bak_search.png) no-repeat 0px 0px;
    width: 229px;
    font-size: 0px;
    line-height: 0px;
    height: 43px;
    border: none;
    cursor: pointer;
    float: left;
}

#buttonRow .engbackBtnActive {
    background: url(../ep_images/eng_bak_search_hover.png) no-repeat 0px 0px;
    width: 229px;
    font-size: 0px;
    line-height: 0px;
    height: 43px;
    border: none;
    cursor: pointer;
    float: left;
}

#buttonRow .engbackBtn:hover {
    background: url(../ep_images/eng_bak_search_hover.png) no-repeat 0px 0px;
}

#buttonRow .orngbackBtn {
    background: url(../ep_images/orng_bak_search.png) no-repeat 0px 0px;
    width: 229px;
    font-size: 0px;
    line-height: 0px;
    height: 43px;
    border: none;
    cursor: pointer;
    float: left;
}

#buttonRow .orngbackBtnActive {
    background: url(../ep_images/orng_bak_search_hover.png) no-repeat 0px 0px;
    width: 229px;
    font-size: 0px;
    line-height: 0px;
    height: 43px;
    border: none;
    cursor: pointer;
    float: left;
}

#buttonRow .orngbackBtn:hover {
    background: url(../ep_images/orng_bak_search_hover.png) no-repeat 0px 0px;
}

.worksheet_box {
    float: left;
    width: 206px;
    margin: 10px 0 0;
}

.worksheet_box .worksheet_title {
    float: left;
    background: url(../ep_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 .worksheet_title_gray {
    float: left;
    background: url(../ep_images/worksheet_tab_gray.png) 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(../ep_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_Inactive ul li a:hover {
    background: #ededed!important;
}

.worksheet_box ul li a:hover {
    float: left;
    background: #facc00 url(../ep_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(../ep_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 .progress_title_green {
    float: left;
    background: url(../ep_images/progress_title_green_bg.png) 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(../ep_images/account_title_bg.jpg) no-repeat left top;
}

.progress_box .accounts_green_title {
    background: url(../ep_images/account_title_green_bg.jpg) no-repeat left top;
}

.progress_box ul {
    margin: 2px 0 0;
    padding: 0 0 7px;
    float: left;
    width: 206px;
    background: url(../ep_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: #ededed;
}

.progress_box_Active ul li a:hover {
    background: #facc00 url(../ep_images/bullet.jpg) no-repeat 7px 9px!important;
}

.main_ed_home_green {
    float: left;
    background: url(../ep_images/myed_place_greenBg.png) no-repeat left top!important;
    width: 196px;
    height: 36px;
    line-height: 36px;
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    padding: 0 0 0 10px;
}


/* new layout style */

.wrapper {
    margin: 0 auto 0;
    width: 1008px;
    background: #fff;
}

.login-box {
    float: right;
    background: url(../images/loginbg.png) no-repeat;
    width: 327px;
    height: 98px;
}

div.ftr {
    background: #fff !important;
}

.main-content-new {
    float: left;
    width: 100%;
}

.footer {
    width: 968px;
    padding: 10px 20px;
    background: #868789;
    margin: 0 auto;
}

.footer-curve {
    margin: 0 auto;
    width: 1008px;
    background-color: #b2d2ec;
    margin-bottom: -150px;
}

.footer-curve img {
    width: 1008px;
}

ul.footer-link {
    font-size: 13px;
    color: #fefefe;
    float: left;
    padding: 0 17px 0 16px;
    margin: 3px 0 0 0;
    border-right: 1px solid #b9b9bb;
    min-height: 115px;
}

ul.footer-link li {
    padding: 0;
    margin: 0;
    list-style: none;
    padding: 3px 0;
}

ul.footer-link li a {
    color: #fefefe;
    text-decoration: none;
}

ul.footer-link li a:hover {
    color: #c6c6c6;
    text-decoration: none;
}

.footer .copyright {
    color: #FFFFFF;
    font: 12px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 10px 0 0;
    text-align: center;
}

ul.social-icon {
    float: right;
    padding: 0;
    margin: 10px 0 0;
    width: 117px;
}

ul.social-icon li {
    list-style: none;
    padding: 4px 0;
    margin: 0;
    float: left;
}

ul.social-icon li.facebook a {
    text-decoration: none;
    background: url(../images/facebook.png) no-repeat left top;
    padding: 0 0 0 40px;
    float: left;
    color: #fefefe;
    font-size: 13px;
    font-weight: bold;
    height: 38px;
}

ul.social-icon li.facebook a:hover {
    color: #c6c6c6;
    text-decoration: none;
}

ul.social-icon li.twitter a {
    text-decoration: none;
    background: url(../images/twitter.png) no-repeat left top;
    padding: 0 0 0 40px;
    float: left;
    color: #fefefe;
    font-size: 13px;
    font-weight: bold;
    height: 38px;
}

ul.social-icon li.twitter a:hover {
    color: #c6c6c6;
    text-decoration: none;
}

ul.social-icon li.mixpanel a {
    color: #FEFEFE;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 38px;
    padding: 0 0 0 0px;
    text-decoration: none;
}

ul.social-icon li.mixpanel a:hover {
    color: #C6C6C6;
    text-decoration: none;
}

.phone {
    color: #6F7072;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 39px 0 0 47px;
}

.mail-new {
    color: #6F7072;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 14px 0 0 47px;
}

.mail-new a {
    color: #6F7072;
}

.mail-new a:hover {
    text-decoration: underline;
}

.searchbtn {
    background: url(../images/search-btn.png) no-repeat left top;
    width: 89px;
    height: 33px;
    float: left;
    border: none;
    font-size: 0;
    text-indent: 9999px;
    margin: 2px 0 0 4px;
    cursor: pointer;
}

.searchbtn:hover {
    background: url(../images/search-btn.png) no-repeat left -33px;
}

.signupbtn {
    background: url(../ep_images/addaccount-08.png) no-repeat left top;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    height: 44px;
    text-transform: uppercase;
    margin: 0 0 0 190px;
    width: 155px;
}

#loginContainer .loginContentContainer .term10 {
    float: left;
    margin: 10px 0 0 190px;
    color: #000;
    font-size: 12px;
    line-height: 16px;
}

.sign-facebook {
    float: left;
    margin: 10px 0 0 5px;
}

.sign-facebook p {
    color: #000 !important;
    padding: 0 0 10px 0 !important;
    font-size: 12px !important;
}

.sign-facebook span {
    font-size: 20px;
    color: #000 !important;
    padding: 5px 0;
    display: block;
}

.btm10 {
    background: url(../ep_images/bottom-left-10.png) no-repeat left top;
    padding: 0 0 0 10px;
    height: 13px;
}

.btm10-right {
    background: url(../ep_images/bottom-right-10.png) no-repeat right top;
    padding: 0 12px 0 0;
}

.btm10-bg {
    background: url(../ep_images/bottom-bg-10.png) repeat-x right top;
    padding: 0 12px 0 0;
    height: 13px;
}

.signupfree {
    width: 98% !important;
}

.signupfree .heading_box .title_mid {
    width: 705px !important;
}

.signupfree .heading_box {
    width: 100% !important;
}

.signupfree .loginContentContainer ul {
    width: 510px !important;
    float: left;
}

.signupfree .innerSpcr {
    background: none !important;
}

.addsubs .leftbox-08 {
    float: left !important;
}

.addsubs .new-bird-08 {
    left: -10px;
    position: absolute;
    top: 198px;
}

.addsubs .curve-08 {
    left: 105px !important;
}

.addsubs .commonBox {
    float: right !important;
    margin: 15px 0 0 10px !important;
}

.addsubs .comparison_table {
    float: left;
    width: auto !important;
    color: #000!important;
}

.finish10 {
    background: url(../ep_images/finish10.png) no-repeat left top !important;
    border: none;
    width: 155px !important;
    height: 44px !important;
    float: left !important;
}

.pay1 {
    width: 300px;
    float: left;
    margin: 10px 0 0 0;
}

.mainInner1 .comparison_table {
    font-weight: normal;
}


/*** Aug 20 end****/


/**********  worksheet stat  ****************/

.left-sec_ws {
    float: left;
    padding: 0 0 30px 16px;
    width: 730px;
}

.wrkSheetyellowCont {
    float: left;
    padding: 12px 0 0;
    position: relative;
    width: 100%;
}

.wrkSheetyellowCont .owlBox {
    left: 19px;
    position: absolute;
    top: 9px;
}

.wrkSheetyellowCont .yellowBox {
    float: right;
    width: 619px;
}

.wrkSheetyellowCont .yellowBox .yTopCor {
    background: url(../img/main_worksheet_yellow_top_cor_parent.jpg) no-repeat scroll 0 0 transparent;
    height: 11px;
    width: 606px;
}

.wrkSheetyellowCont .yellowBox .yBtmCor {
    background: url(../img/main_worksheet_yellow_btm_cor_parent.jpg) no-repeat scroll 0 bottom transparent;
    height: 11px;
    width: 606px;
}

.wrkSheetyellowCont .yellowBox .yMiddleCont {
    background: url(../../img/main_worksheet_yellow_spcr.jpg) repeat-y scroll 0 0 transparent;
    color: #3D3D3F;
    font-size: 20px;
    padding: 0 20px;
    width: 566px;
}

.wrkSheetGrayCont {
    float: left;
    padding: 32px 0 0;
    position: relative;
    width: 100%;
}

.wrkSheetGrayCont .grayBox {
    float: left;
    padding: 0 15px 0 0;
    width: 168px;
}

.wrkSheetGrayCont .lBox {
    padding: 0 !important;
}

.wrkSheetGrayCont .grayBox .gTopCor {
    background: url(../img/main_worksheet_gray_top_cor_parent.jpg) no-repeat scroll 0 0 transparent;
    height: 11px;
    width: 168px;
}

.wrkSheetGrayCont .grayBox .gBtmCor {
    background: url(../img/main_worksheet_gray_btm_cor_parent.jpg) no-repeat scroll 0 0 transparent;
    height: 11px;
    width: 168px;
}

.wrkSheetGrayCont .grayBox .gMiddleCont {
    background: url(../../img/main_worksheet_gray_spcr.jpg) repeat-x scroll 0 0 #767779;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    min-height: 65px;
    padding: 0;
}

.wrkSheetGrayCont .grayBox .gMiddleCont .yellowArrow {
    background: url(../../img/yellow_arrow.jpg) no-repeat scroll 7px 3px transparent;
    padding: 0 15px 0 38px;
    min-height: 30px;
}

.slctWorkSheetsCont {
    width: 100%;
    margin: 0px 0 0;
    float: left;
}

.slctWorkSheets {
    width: 100%;
    float: left;
    background: url(../../img/select_workshets_bg_spcr.jpg) repeat-x 0px 12px;
}

.slctWorkSheets .headTitle {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    text-align: center;
    font-size: 25px;
    margin: 0 auto;
    padding: 5px 0;
    width: 245px;
    font-weight: bold;
}

.slctWorkSheetsCont .subTitleDesc {
    width: 100%;
    text-align: center;
    font-size: 19px;
    color: #000000;
    margin: 10px 0 0;
    float: left;
}

.subTitleDesc a {
    color: #1b83ea;
    text-decoration: underline;
}

.mainWorkshetTableCont {
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
}

.mainWorkshetTableCont ul.listTblCont {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.mainWorkshetTableCont ul.listTblCont li {
    list-style: none;
    margin: 0px 2px 0px 0px;
    float: left;
    padding: 0px;
}

.mainWorkshetTableCont ul.listTblCont li:hover span.trSpan1 {
    background-color: #FACC00;
}

.mainWorkshetTableCont ul.listTblCont li:hover span.trSpan1 strong.vNavGray {
    background-color: #FACC00;
}

.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover span.trSpan2 {
    background: #facc00;
}

.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover span.trSpan3 {
    background: #facc00;
}


/*.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover span.trSpan4{
background:#e63e38;
color:#fff!important;
}

.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover span.trSpan4 .nmbrRt{
color:#fff!important;
}

.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover span.trSpan5{
background:#fe7f23;
color:#fff!important;
}

.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover span.trSpan5 .nmbrRt{
color:#fff!important;
}

.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover span.trSpan6{
background:#0c7be9;
color:#fff!important;
}
.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover span.trSpan6 .nmbrRt{
color:#fff!important;
}
*/

.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover #E_1:hover,
.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover #E_2:hover,
.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover #E_3:hover,
.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover #E_4:hover {
    background: #fe7f23;
    color: #fff!important;
}

.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover #M_1:hover,
.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover #M_2:hover,
.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover #M_3:hover,
.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover #M_4:hover {
    background: #e63e38;
    color: #fff!important;
}

.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover #S_1:hover,
.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover #S_2:hover,
.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover #S_3:hover,
.mainWorkshetTableCont ul.listTblCont li .hvrRow:hover #S_4:hover {
    background: #0c7be9;
    color: #fff!important;
}

.mainWorkshetTableCont ul.listTblCont li.td1 {
    width: 100%;
    float: left;
}

.mainWorkshetTableCont ul.listTblCont li.td2 {
    width: 100%;
    float: left;
}

.mainWorkshetTableCont ul.listTblCont li.td1 span.trHead {
    width: 42px;
}

.mainWorkshetTableCont ul.listTblCont li span.trHead1 {
    width: 42px;
    font-size: 13px;
    font-weight: bold;
    display: block;
    height: 37px;
    color: #1a171b;
    text-align: center;
    padding: 5px 0px 0px 0px;
}

.mainWorkshetTableCont ul.listTblCont li span {
    float: left;
    margin: 0px 2px 0px 0px;
}

.mainWorkshetTableCont ul.listTblCont li span.trHead2 {
    background-color: #047525;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 21px;
    padding: 10px;
    text-align: center;
    width: 52px;
    border-radius: 8px 8px 0 0;
}

.mainWorkshetTableCont ul.listTblCont li span.trHead3 {
    background-color: #047525;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 21px;
    padding: 10px;
    text-align: center;
    width: 52px;
    border-radius: 8px 8px 0 0;
}

.mainWorkshetTableCont ul.listTblCont li span.trHead4 {
    width: 120px;
    display: block;
    height: 42px;
    background: url(../img/worksheet_table_red_head_parent.jpg) no-repeat 0px 0px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    height: 21px;
    padding: 10px;
}

.mainWorkshetTableCont ul.listTblCont.table-div-adjust li span.trHead4 {
    width: 110px;
}

.mainWorkshetTableCont ul.listTblCont li span.trHead5 {
    width: 120px;
    display: block;
    background: url(../img/worksheet_table_orange_head_parent.jpg) no-repeat 0px 0px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    height: 21px;
    padding: 10px;
}

.mainWorkshetTableCont ul.listTblCont.table-div-adjust li span.trHead5 {
    width: 110px;
}

.mainWorkshetTableCont ul.listTblCont li span.trHead6 {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    height: 21px;
    padding: 10px;
    width: 120px;
    display: block;
    background: url(../img/worksheet_table_blue_head_parent.jpg) no-repeat 0px 0px;
}

.mainWorkshetTableCont ul.listTblCont.table-div-adjust li span.trHead6 {
    width: 110px;
}

.mainWorkshetTableCont ul.listTblCont li span.trHead7 {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    height: 21px;
    padding: 10px;
    width: 120px;
    display: block;
    background-color: #047525;
}

.mainWorkshetTableCont ul.listTblCont.table-div-adjust li span.trHead7 {
    width: 110px;
}

.mainWorkshetTableCont ul.listTblCont li span.trHead8 {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    height: 21px;
    padding: 7.5px;
    width: 110px;
    display: block;
    background-color: #ecb8cc;
    text-align: center;
    line-height:24px;
}

.mainWorkshetTableCont ul.listTblCont.table-div-adjust li span.trHead8 {
    width: 110px;
}

strong.vNavGray {
    display: block;
    background-color: #868789;
    height: 10px;
    border-radius: 8px 0 0 8px;
}

.mainWorkshetTableCont ul.listTblCont li span.trSpan1 {
    width: 42px;
    cursor: pointer;
    position: relative;
    font-size: 13px;
    font-weight: bold;
    display: block;
    background-color: #868789;
    height: 52px;
    color: #1a171b;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 2px 2px 0px 0px;
    border-radius: 8px 0 0 8px;
}

.mainWorkshetTableCont ul.listTblCont li span.trSpan2 {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 41px;
    padding: 10px;
    text-align: center;
    width: 52px;
    background: #ececed;
    margin: 2px 2px 0px 0px;
}

.mainWorkshetTableCont ul.listTblCont li span.trSpan3 {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 41px;
    padding: 10px;
    text-align: center;
    width: 52px;
    background: #ececed;
    margin: 2px 2px 0px 0px;
}

.mainWorkshetTableCont ul.listTblCont li span.trSpan4 {
    background: none repeat scroll 0 0 #FAD8D7;
    color: #6F7072;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 45px;
    margin: 2px 2px 0 0;
    padding: 8px 5px;
    width: 130px;
    cursor: pointer;
}

.mainWorkshetTableCont ul.listTblCont.table-div-adjust li span.trSpan4 {
    width: 110px;
}

.mainWorkshetTableCont ul.listTblCont li span.trSpan4 strong {
    width: 100px;
    display: block;
    float: left;
}

.mainWorkshetTableCont ul.listTblCont li span.trSpan4 em {
    width: 76px;
    display: block;
    float: left;
}

.mainWorkshetTableCont ul.listTblCont li span.trSpan5 {
    width: 130px;
    display: block;
    color: #6f7072;
    font-size: 16px;
    font-weight: bold;
    height: 45px;
    padding: 8px 5px;
    background: #ffe5d3;
    margin: 2px 2px 0px 0px;
    cursor: pointer;
}

.mainWorkshetTableCont ul.listTblCont.table-div-adjust li span.trSpan5 {
    width: 110px;
}

.mainWorkshetTableCont ul.listTblCont li span.trSpan6 {
    color: #6f7072;
    font-size: 16px;
    font-weight: bold;
    height: 45px;
    padding: 8px 5px;
    background: #cee5fb;
    width: 130px;
    display: block;
    margin: 2px 2px 0px 0px;
    cursor: pointer;
}

.mainWorkshetTableCont ul.listTblCont.table-div-adjust li span.trSpan6 {
    width: 110px;
}

.mainWorkshetTableCont ul.listTblCont li span.trSpan7 {
    color: #6f7072;
    font-size: 16px;
    font-weight: bold;
    height: 45px;
    padding: 8px 5px;
    width: 130px;
    display: block;
    margin: 2px 2px 0px 0px;
    cursor: pointer;
}

.mainWorkshetTableCont ul.listTblCont.table-div-adjust li span.trSpan7 {
    width: 110px;
}

.mainWorkshetTableCont ul.listTblCont li span.trSpan8 {
    color:#6f7072;
    font-size: 16px;
    font-weight: bold;
    height: 45px;
    padding: 8px 5px;
    width: 110px;
    display: block;
    margin: 2px 2px 0px 0px;
    cursor: pointer;
    margin-top:0px !important;
}
.listTblCont  .mainws .width686{
width:716px;
}
.mainWorkshetTableCont ul.listTblCont.table-div-adjust li span.trSpan8 {
    width: 110px;
}

.mainWorkshetTableCont ul.listTblCont li.td2 .wt {
    float: left;
    width: 40px;
    padding: 0px 0px 4px;
}

.mainWorkshetTableCont ul.listTblCont li.td2 .nmbrRt {
    float: right;
    width: 65px;
    padding: 0px 0px 4px;
    color: #000000;
    text-align: right;
}

a.vNavGray {
    color: #FFFFFF;
    display: block;
    font-size: 38px;
    padding: 0;
    position: absolute;
    top: 35%;
    width: 44px;
}

.csoon {
    padding: 10px 0px 0px 35px;
}

.login-section .frontlogin {
    color: #6F7072;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 23px 0 0 2px;
}

.login-section .frontlogin span {
    color: #037523;
}

.login-section .logout_btn {
    background: url(../../img/logout_bg.jpg) no-repeat left top;
    float: right;
}

.login-section .logout_btn a {
    float: left;
    width: 53px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
}


/******************************************/

.my_details {}

.my_details ul {
    margin: 0;
    padding: 0;
}

.my_details ul li {
    float: left;
    list-style: none outside none;
    width: 100%;
    padding: 7px 0;
    font-weight: normal;
}

.my_details ul li a {
    text-decoration: underline;
}

.my_details ul li span.input_label {
    float: left;
    width: 200px;
    font-weight: normal;
}

.my_details ul li span.input_field {
    float: left;
    width: auto;
}

.my_details ul li span.input_field input {
    border: 1px solid #DDDDDD;
    padding: 2px 5px;
    width: 200px;
}

.my_details ul li span.input_field select {
    width: 210px;
}

.my_details ul li span input.save_btn {
    background-color: #F53533 !important;
    width: 110px !important;
    height: 40px;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 24px;
    padding: 4px;
}

.frgtlabel {
    float: left;
    color: #6F7072 !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

.input27 {
    background: url(../ep_images/login_input_bg10.png) no-repeat scroll 0 0 !important;
    border: medium none;
    color: #3F6CAC;
    display: inline !important;
    font-size: 28px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px 0 5px;
    width: 300px !important;
}

.inpt12 {
    color: #6F7072;
    display: inline-block;
    font-size: 19px;
    font-weight: bold;
    margin: 0 0 5px;
    width: 170px;
}

a.forgotPwdsign {
    background: url(../ep_images/signin.png) no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 51px;
    width: 269px;
}

a.forgotPwdsign:hover {
    background: url(../ep_images/signin.png) no-repeat 0 -52px;
}

.box1602 {
    background: url(../images/useraccount.jpg) no-repeat left top;
    width: 481px;
    height: 295px;
    padding: 0px 0 0 81px;
}

.textrow {
    float: left;
    width: 96.2%;
    margin: 23px 0 0;
}

.textrowcom16 {
    float: left;
    width: 96.2%;
    margin: 39px 0 0;
}

.textrowsco {
    float: left;
    width: 96.2%;
    margin: 40px 0 0;
}

.textrowrew {
    float: left;
    width: 96.2%;
    margin: 37px 0;
}

.number1602 {
    float: left;
    color: #58585a;
    font-weight: bold;
}

span.num1602 {
    font-size: 23px;
    float: left;
}

span.text1602 {
    font-size: 15px;
    padding: 4px 0 0 4px;
    float: left;
}

.textright16 {
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    float: right;
    width: 92px;
    height: 35px;
    top: -4px;
    position: relative;
    text-align: center;
    line-height: 13px;
}

.textright16 a {
    background-color: #868789;
    float: left;
    width: 92px;
    height: 32px;
    color: #fff;
    padding: 4px 0 0;
    border-radius: 8px;
}

.textright16 a:hover {
    color: #CCC;
}

.questionmark {
    float: right;
    width: 30px;
    height: 24px;
    margin: 0 0 0 0px;
}

.questionmark a {
    float: right;
    width: 25px;
    height: 24px;
    background: url(../images/question.png) no-repeat left top;
}

.questionmark a:hover {
    background: url(../images/question.png) no-repeat left -24px;
}

.go1602 {
    float: right;
    background: url(../images/go16.png) no-repeat left top;
    width: 39px;
    height: 27px;
    border: none;
    margin: 5px 0 0 7px;
}

#div_msg a#greenct {
    color: #037523;
    font-weight: bold;
}

.whiteWrap {
    background: url(../images/white_progress.jpg) no-repeat scroll 0 0 transparent;
    height: 23px;
    margin: 5px 0 0 7px;
    padding: 2px;
    position: relative;
    width: 135px;
}

.redWrap {
    background: url(../images/red_progress.jpg) no-repeat scroll 0 0 transparent;
    height: 24px;
    text-align: center;
    width: 100%;
}

.orangeWrap {
    background: url(../images/orange_progress.jpg) no-repeat scroll 0 0 transparent;
    height: 24px;
    text-align: center;
    width: 100%;
}

.blueWrap {
    background: url(../images/blue_progress.jpg) no-repeat scroll 0 0 transparent;
    height: 24px;
    text-align: center;
    width: 100%;
}

.count {
    color: #FACC00;
    font: bold 17px/17px arial;
    left: 40%;
    position: absolute;
    top: 6px;
}

#assign_worksheet {
    text-align: center;
    float: right;
    margin-right: 35px;
}

.assign_msg {
    text-align: center;
    color: #3F6CAC;
    font-size: 18px;
    font-weight: bold !important;
}


/***********************Worksheet Stat Update Starts here********************************/

.grayRoundCor .topCor {
    background: url(../ep_images/toggle_gray_tc.png) no-repeat 0px 0px!important;
    float: left;
}

.grayRoundCor .mainInner {
    border-left: solid 3px #C5C6C8;
    border-right: solid 3px #C5C6C8;
    padding: 0px 16px 0px 0px!important;
    width: 538px!important;
    float: left;
}

.grayRoundCor .btmCor {
    background: url(../ep_images/toggle_gray_bc.png) no-repeat bottom left!important;
    width: 561px;
    height: 9px;
    float: left;
}

.grayRoundCor .tabst {
    background: url(../ep_images/st_green-nav-left-2.png) no-repeat 0px 0px!important;
    position: relative;
    top: 5px;
    left: 0px;
}

.grayRoundCor .tabst span {
    background: url(../ep_images/st_green-nav-right_2.png) no-repeat top right!important;
}

.suggested {
    color: #406CAD;
    font: normal 13px/25px arial;
}


/***********************Worksheet Stat Update Ends here********************************/

ul li.list4 a {
    color: #406CAD;
    text-decoration: none !important;
}

ul li.list4 a:hover {
    color: #406CAD;
    text-decoration: underline !important;
}

div.cnt-case {
    overflow: hidden;
    padding: 10px;
}

div.sb {
    float: left;
    width: 26em;
}

div.sb-data-lite:first-child {
    margin-top: 0;
}


/*
html {
    background-color: #414141;
} */

html {
    background-color: #B2D2EC;
    /* background-image: url(.././images/background_clouds.gif); */
    background-position: center top;
}

body {
    color: #7f8181;
    margin: 0 auto!important;
    /*
	background:#fff;
*/
    width: 100%;
}

.bodywrapper {
    margin: 0 auto;
    width: 1068px;
    background: #fff none repeat scroll 0 0;
}

.bodywrapper nav.navbar.navbar-default.epl-navbar .container {
    width: 100%;
}

* {
    padding: 0;
    margin: 0;
}


/** refer a friend css **/

#myEdplaceContainer .innerContainer .commonBox .mainInner .refer_text_p {
    color: #000000;
    font-size: 18px;
    padding: 7px 0;
    margin: 7px;
}

#email_message p {
    color: #000000;
    font-size: 18px;
    padding: 7px 0;
    margin: 7px;
}

.email_form_inactive {
    width: 500px;
    float: left;
    display: none;
}

.email_form_active {
    width: 545px;
    float: left;
    display: block;
}

#mail_form_error {
    color: red;
}

#myEdplaceContainer #Plus_Minus_Toggle {
    background: url(../ep_images/toggle_bg.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    height: 29px;
    margin: 0 18px;
    padding: 0 0;
    position: relative;
    text-align: center;
    top: 8px;
    width: 35px;
}

#Plus_Minus_Toggle .plus_minus {
    font: bold 24px/24px Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.friend_ref {
    margin: 0!important;
}

.friend_ref_main {
    margin: 0 0 15px -25px!important;
}

#myEdplaceContainer .referFreiend {
    /*background:url(../images/cloud_new.png) left top no-repeat #99ccff;*/
    margin: 0px 0px 0px 0px;
    min-height: 500px;
    overflow: hidden;
    /*padding:0px 13px 0px 13px;*/
    padding: 0px 13px 0px 1px;
}

#myEdplaceContainer .referFreiend .shareEd {
    float: left;
    text-align: center;
    padding: 25px 0 0;
    margin: 0 0 0 0;
}

#myEdplaceContainer .referFreiend .mainInner p {
    color: #000000;
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 15px 0;
}

#myEdplaceContainer .referFreiend .emailForm {
    float: left;
    background: url(../images/friend_box_bottom.png) left bottom no-repeat #fff;
    margin: 0 0 15px 0;
    width: 559px;
}

#myEdplaceContainer .referFreiend .emailForm p.refer_text_p {
    padding: 10px 0 10px 60px;
    background: url(../images/friend_box_top.png) left top no-repeat;
    float: left;
    font-weight: bold;
}

#myEdplaceContainer .referFreiend .emailForm p#server_email_msg {
    padding: 1px 15px 8px;
    background: none;
    text-align: center;
}

#myEdplaceContainer .referFreiend .emailForm #Plus_Minus_Toggle {
    top: -29px!important;
    margin: 0!important;
}

#myEdplaceContainer .referFreiend .email_form_active table td {
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #000;
    padding: 5px 5px;
}

#myEdplaceContainer .referFreiend .email_form_active table td input[type="text"] {
    color: #333;
    padding: 3px 3px;
    border: 1px solid #b5b5b5;
}

#myEdplaceContainer .referFreiend #email_message {
    background: url(../images/friend_box_top.png) left top no-repeat #fff;
    padding: 15px 0 0 0;
    margin: 0 0 10px 0;
    width: 559px;
}

#myEdplaceContainer .referFreiend #email_message p {
    margin: 0;
    padding: 0 0 15px 15px;
    font-size: 16px;
    line-height: 19px;
}

#myEdplaceContainer .referFreiend #email_message p a {
    text-decoration: none;
    color: #000000;
}

#myEdplaceContainer .referFreiend #email_message p a:hover {
    text-decoration: underline;
}

#myEdplaceContainer .referFreiend #email_footer_message p {
    font-size: 12px;
    line-height: 18px;
}


/** refer a friend css end **/


/*****************************  update by tikendra on 6 july End  *****************************/

.contentheader {
    margin-top: 10px;
    background-color: #fff;
}

#loginContainer .loginContentContainer ul li .error1 {
    color: #FF0000;
}

.feedbackForm {
    margin-top: 15px;
    background-color: #fff;
    padding: 20px 5px 20px 20px;
    width: 703px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
}

.formQuestionBox .formEntry textarea {
    width: 650px;
    height: 110px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.feedbackForm p {
    float: left;
    width: 500px;
    font-size: 13px;
    color: #000;
    line-height: 23px;
}

.feedbackForm p span.requiredAsterisk {
    color: #F00;
}

.feedbackForm form.cancelSub input[type="submit"] {
    background: #fff;
    border: 2px solid #000;
    margin-right: 6px;
    color: #000;
    border-radius: 8px;
    width: 55px;
    line-height: 32px;
    height: 32px;
    font-size: 15px;
}

.comparison_table #div_msg {
    margin-top: 5px;
    background-color: #FACC00;
    padding: 10px 5px 6px 20px;
    width: 703px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
}

.comparison_table #div_msg span.left {
    color: #000000;
    float: left;
    font-size: 14px;
    margin-top: 4px;
    width: 650px;
}

.comparison_table #div_msg span.right {
    margin-top: -5px;
}


/** 31 5 2014 **/

.contentarealisting {
    width: 97.4%;
    background-color: #ECECED;
    padding: 10px;
    border-radius: 0 0 8px 8px;
}

.tablelisting {
    width: 100%;
}

.tablelisting .table_list {
    font-size: 16px;
    background-color: #ECECED;
    border-collapse: separate;
    border-spacing: 5px 5px;
}

.tablelisting .table_list .table_heading {
    Color: #3C72B2;
    font-size: 18px;
    padding: 0 0 0 2px;
    margin: 0;
}

.tablelisting .table_list .table_heading a {
    text-align: left;
    float: left;
}

.tablelisting .table_list .txtcontent {
    Color: #58585A;
    font-size: 16px;
    padding: 5px;
    margin: 0;
    font-weight: normal;
}

.tablelisting .table_list .txtcontent a {
    Color: #3C72B2;
}

.tablelisting .table_list td.tdbg {
    background-color: #fff;
}

.tablelisting .table_list td.tdbgfirst {
    background-color: #fff;
    border-radius: 8px 0 0 8px;
}

.tablelisting .table_list td.tdbglast {
    background-color: #fff;
    border-radius: 0 8px 8px 0;
}

.tablelisting .table_list td.norecord {
    background-color: #fff;
    border-radius: 8px;
    color: #FF0000;
    font-weight: normal;
    padding: 10px;
}

.dropdown_nomargin {
    background-color: #fff;
    padding: 4px;
    border-radius: 8px;
    border: none;
    font-size: 16px;
    cursor: pointer;
}


/* page head tag inc php css*/

a,
p,
span,
input,
textarea,
select {
    font-size: 1em;
}

.table_border {
    font-size: 11px;
    color: #5C5C5B;
    background-color: #E4E4E4;
    border: 1px solid #E4E4E4;
}

.table_heading {
    font-size: 11px;
    font-weight: bold;
    color: #5C5C5B;
    padding: 4px;
    margin: 4px;
    padding-left: 14px;
}

.table_dark_row {
    background-color: #F1F1F1;
    color: #5C5C5B;
}

.table_light_row {
    background-color: #faf6f1;
    color: #5C5C5B;
    padding: 10px;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}

#loginContainer .loginContentContainer ul li .resetButton {
    background: rgba(0, 0, 0, 0) url("../ep_images/reset_btn.jpg") repeat scroll 0 0;
    border: medium none;
    display: block;
    float: right;
    font-size: 0;
    height: 34px;
    line-height: 0;
    width: 120px;
}

.bodywrapper.preview-width {
    width: 1008px;
}

.my_sub_page {
    margin: 22px 0 10px 10px;
    clear: both;
    font-size: 15px;
}

.my_sub_page a {
    color: #00378a;
}

.inactive-students {
    display: flex;
    justify-content: space-between;
    color: #fff;
    padding-top: 2px;
}

.inactive-students span {
    min-width: 161px;
    font-weight: 600;
    color: #221638;
    font-size: 16px;
}

.inactive-students .onOff {
    border-bottom: none;
    width: 53px;
    margin-top: 3px;
}


.assigned_worksheet_pnl .worksheet_listing_box .comparison_table ul li .actions{
    display: flex;
    align-items: center;
}

.assigned_worksheet_pnl .worksheet_listing_box .comparison_table .create-reward-btn{
    height: 43px;
        width: 162px;
        border-radius: 4px;
        background-color: #23BDBD;
        display: flex;
        align-items: center;
        cursor: pointer;
        justify-content: center;
        font-size: 14px;
        line-height: 21px;
        color: #fff;
        font-weight: 600;
        transition: all .3s;
    margin-left:10px;
    }