/* Applecore CSS */

html {
    overflow: -moz-scrollbars-vertical;
    overflow: scroll;
}

body {
    margin: 0;
    padding: 0;
    background: #63b6ec url(/members/applecore/images/bg.jpg) repeat-x;
}

h2 {
    font-size: 25px;
    font-weight: bold;
    color: #001A33;
    font-family: "Arial", Times, serif;
    padding: 5px;
    margin: 0px;
}

.hla_top {
    width: 885px;
    height: 30px;
    margin: 0 auto;
}

.hla_logo {
    float: right;
}

.needsReview {
    border: 1px solid #f90909;
    padding: 2px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #830505;
    background-color: #fabfbf;
    margin-left: 5px;
    webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
}

.header {
    width: 899px;
    height: 76px;
    margin: 0 auto;
    background: url(images/header_bg_v2.jpg);
}

.logo {
    float: left;
    padding-left: 10px;
    padding-top: 3px;
}

.header_menu {
    float: right;
    padding-right: 10px;
    padding-top: 3px;
}

.top_menu {
    height: 20px;
}

.logout {
    padding-top: 5px;
}

.menu {
    width: 885px;
    height: 68px;
    margin: 0 auto;
    background: url(images/menu_bg.jpg) repeat-x;
}

    .menu ul {
        margin: 0;
        padding: 0px 0px 0px 0px;
        list-style: none;
    }

    .menu li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    .menu a {
        float: left;
        margin: 0;
        padding: 0 0 0 4px;
        text-decoration: none;
    }

        .menu a span {
            float: left;
            display: block;
            padding: 0px 5px 0px 5px;
            color: #666;
            border-left-width: thin;
            border-left-color: white;
            border-left-style: solid;
            border-right-width: thin;
            border-right-color: white;
            border-right-style: solid;
        }

            .menu a span img {
                border: 0;
            }

        .menu a:hover span {
            background-color: #f2f2f2;
            border-width: thin;
            border-color: #dedede;
            border-style: solid;
        }

        .menu a:hover {
            background-position: 0% -42px;
        }

            .menu a:hover span {
                background-position: 100% -42px;
            }
/*BUTTONS _btn */

a.summary_btn {
    background: url(images/summary_btn.png) no-repeat 0 0;
    width: 118px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
}

    a.summary_btn:hover {
        background-position: 0 -30px;
    }

    a.summary_btn:active {
        background-position: 0 -60px;
    }

a.tests_btn {
    background: url(images/tests_btn.png) no-repeat 0 0;
    width: 84px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
    padding-right: 4px;
}

    a.tests_btn:hover {
        background-position: 0 -30px;
    }

    a.tests_btn:active {
        background-position: 0 -60px;
    }

a.addyear_btn {
    background: url(images/add_year_btn.png) no-repeat 0 0;
    width: 160px;
    height: 30px;
    display: block;
    text-indent: -9999px;
}

    a.addyear_btn:hover {
        background-position: 0 -30px;
    }

    a.addyear_btn:active {
        background-position: 0 -60px;
    }

a.transcript_btn {
    background: url(images/transcript_btn.png) no-repeat 0 0;
    width: 118px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
}

    a.transcript_btn:hover {
        background-position: 0 -30px;
    }

    a.transcript_btn:active {
        background-position: 0 -60px;
    }

a.addgrade_btn {
    background: url(images/add_grades_btn.png) no-repeat 0 0;
    width: 100px;
    height: 23px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
}

    a.addgrade_btn:hover {
        background-position: 0 -23px;
    }

    a.addgrade_btn:active {
        background-position: 0 -46px;
    }

a.reportcards_btn {
    background: url(images/REORTCARDS_btn.png) no-repeat 0 0;
    width: 128px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
    padding-right: 4px;
}

    a.reportcards_btn:hover {
        background-position: 0 -30px;
    }

    a.reportcards_btn:active {
        background-position: 0 -60px;
    }

a.hidden_btn {
    background: url(images/hidden_btn.png) no-repeat 0 0;
    width: 128px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
    padding-right: 4px;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 1px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

.checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #000000;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #ffffff;
    animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #ffffff;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #ffffff;
    }
}

/* --------------Edit Copy Delete buttons row------------------ */

a.editgrade_btn {
    background: url(images/edit_grades_btn.png) no-repeat 0 0;
    width: 79px;
    height: 23px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
}

    a.editgrade_btn:hover {
        background-position: 0 -23px;
    }

    a.editgrade_btn:active {
        background-position: 0 -46px;
    }

a.addeditgrade_btn {
    background: url(images/addedit_grades_btn.png) no-repeat 0 0;
    width: 79px;
    height: 23px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
}

    a.addeditgrade_btn:hover {
        background-position: 0 -23px;
    }

    a.addeditgrade_btn:active {
        background-position: 0 -46px;
    }

a.copy_btn {
    background: url(images/copy_btn.png) no-repeat 0 0;
    width: 44px;
    height: 23px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
}

    a.copy_btn:hover {
        background-position: 0 -23px;
    }

    a.copy_btn:active {
        background-position: 0 -46px;
    }

a.edit_btn {
    background: url(images/edit_btn_v2.png) no-repeat 0 0;
    width: 88px;
    height: 23px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
}

    a.edit_btn:hover {
        background-position: 0 -23px;
    }

    a.edit_btn:active {
        background-position: 0 -46px;
    }

a.edit_btn_blank {
    background: url(images/edit_btn_blank.png) no-repeat 0 0;
    width: 44px;
    height: 23px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
}

    a.edit_btn_blank:hover {
        background-position: 0 -23px;
    }

    a.edit_btn_blank:active {
        background-position: 0 -46px;
    }

a.delete_grades_btn {
    background: url(images/delete_grades_btn.png) no-repeat 0 0;
    width: 27px;
    height: 23px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
}

    a.delete_grades_btn:hover {
        background-position: 0 -23px;
    }

    a.delete_grades_btn:active {
        background-position: 0 -46px;
    }

a.notes_grades_btn {
    background: url(images/course_notes_btn.png) no-repeat 0 0;
    width: 58px;
    height: 23px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
}

    a.notes_grades_btn:hover {
        background-position: 0 -23px;
    }

    a.notes_grades_btn:active {
        background-position: 0 -46px;
    }

.editdelete_course {
    float: left;
    padding-left: 5px;
    color: White;
}

/* ----------------------------------------   */

.content {
    width: 885px;
    margin: 0 auto;
    background-color: White;
}

.content_footer {
    clear: both;
}

.footer {
    width: 885px;
    margin: 0 auto;
    background: url(images/footer.png);
    background-repeat: no-repeat;
}

.footer_AC {
    padding-top: 11px;
    padding-left: 5px;
    float: left;
}

.AC_version {
    font-family: Verdana;
    font-size: 10px;
    color: #FFFFFF;
    float: right;
    padding-top: 8px;
    padding-left: 5px;
}

.footer_hla {
    padding-top: 13px;
    float: right;
}

.sug_box {
    float: right;
    padding-top: 0px;
    padding-left: 5px;
}

.row {
    width: 884px;
}

.row_header {
    height: 51px;
    background: url(images/st_row_bg.jpg) repeat-x;
}

.row_st_name {
    background-position: left bottom;
    float: left;
    /*width: 210px;*/
    background: url(images/student_icon.png) no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding-left: 33px;
    padding-right: 10px;
    padding-top: 8px;
    height: 27px;
    margin-top: 9px;
    margin-left: 16px;
}

.row_menu_home.pathHeight {
    padding: 15px;
}

select#ddlPath {
    width: 120px;
}

.row_menu {
    float: right;
}

.row_menu_right {
    float: right;
    padding: 3px;
}

.row_content {
}

span {
    margin: 0px;
    padding: 0px;
}

.TabStyle {
    padding-top: 10px;
}

.TabStyle2 {
    padding-top: 8px;
    margin-left: 30px;
}

.TabStyle .rtsIn {
    padding: 0px !important;
    margin: 0px !important;
}

.TabStyle .rtsOut {
    margin: 0 !important;
    padding: 0 !important;
}

.TelerikModalOverlay {
    background-color: #5dc106 !important;
}

.quick_note {
    /*background-color:#263039;*/
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 10px;
    width: 845px;
    color: red;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

.grades_header {
    /*background-color:#263039;*/
    background: url(images/grades_header_bg.jpg) repeat-x;
    width: 845px;
    height: 35px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

.grades_title {
    font-size: 25px;
    font-weight: bold;
    color: White;
    float: left;
    padding-right: 10px;
    font-family: "Arial", Times, serif;
}

.grades_menu {
    float: left;
}

.grades_menu_right {
    float: right;
}

.btn_addyear {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: White;
}

    .btn_addyear:active {
        color: Aqua;
    }

    .btn_addyear:hover {
        color: Green;
    }

.grades_body {
    width: 865px;
    padding-top: 5px;
    background-color: #96c670;
}

.grades_year {
    width: 853px;
    margin-left: 6px;
}

.grades_year_header {
    height: 25px;
    padding-top: 5px;
    padding-bottom: 3px;
    background-color: #263039;
    margin-top: 4px;
}

.year_title {
    padding-left: 5px;
    float: left;
    color: White;
    font-family: Arial, Helvetica, sans-serif;
}

.year_locking {
    padding-left: 5px;
    float: left;
    color: White;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.year_showhide {
    float: right;
    padding-right: 7px;
}

.year_addgrade {
    float: left;
    padding-left: 5px;
    color: White;
}

    .year_addgrade a {
        color: White;
    }

        .year_addgrade a:hover {
            color: Green;
        }

.row_content {
    padding-left: 10px;
}

.grade_colm_titles {
    padding-top: 1px;
    height: 20px;
    background: transparent url('images/course_title_bg.jpg') repeat-x;
}

.grade_colm_course {
    padding-left: 5px;
    float: left;
    width: 340px;
}

.grade_colm_grade {
    float: left;
    width: 80px;
}

.grade_colm_credits {
    float: left;
    width: 80px;
}

.grade_colm_buttons {
    float: left;
    width: 150px;
}

.grade_colm_semester {
    float: left;
    width: 120px;
}

.grade_colm_titles_row {
    padding-top: 4px;
    height: 30px;
    background: transparent url('images/course_row_bg.jpg') repeat-x;
}

.grade_colm_titles_row_IP {
    padding-top: 4px;
    height: 30px;
    background: transparent url('images/course_row_bg_IP.jpg') repeat-x;
}

.grade_colm_course_row {
    float: left;
    width: 340px;
    padding-left: 7px;
    color: #263039;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-top: 0px;
}

.textbook_line {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #306321;
    font-weight: normal;
    text-transform: capitalize;
    text-overflow: ellipsis; /* will make [...] at the end */
    width: 330px; /* change to your preferences */
    white-space: nowrap; /* paragraph to one line */
    overflow: hidden; /* older browsers */
}

.grade_colm_semester_row {
    float: left;
    width: 120px;
    color: #263039;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-top: 2px;
}

.grade_colm_grade_row {
    float: left;
    width: 80px;
    color: #263039;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-top: 2px;
}

.grade_colm_credits_row {
    float: left;
    width: 40px;
    color: #263039;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-top: 2px;
}

.grade_colm_buttons_row {
    float: right;
    width: 255px;
    padding-top: 6px;
}

.grade_colm_footer {
    background-color: #222b34;
    height: 4px;
    clear: both;
}

.grades_body_footer {
    background-position: left top;
    width: 865px;
    background: transparent url('images/grades_body_footer.jpg');
    background-repeat: no-repeat;
    height: 9px;
}

.appleback {
    background-color: #96C670;
    padding: 10px;
}

.appleborder {
    outline: 1px solid #111;
    border-top: 1px solid #555;
    padding: 10px;
    margin-bottom: 10px;
    background: #333;
}

.applepage {
    margin-left: 20px;
    margin-right: 20px;
    outline: 1px solid #ddd;
    border-top: 1px solid #fff;
    padding-bottom: 10px;
    background: #f0f0f0;
}

.applepage_form {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    outline: 1px solid #ddd;
    border-top: 1px solid #fff;
    padding: 10px;
    background: #f0f0f0;
}

.summary {
    padding-left: 10px;
    padding-top: 3px;
    float: left;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}


.spec_course {
    border: 1px solid #D0DBCC;
    padding: 2px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #659557;
    background-color: #ECF4EC;
    margin-left: 5px;
}

.GradeStatus {
    border: 1px solid #C0D6BA;
    padding: 2px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #757874;
    background-color: #F0F0F0;
    margin-left: 5px;
}

.course_status {
    border: 1px solid #C0D6BA;
    padding: 2px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #757874;
    background-color: #F0F0F0;
    margin-left: 5px;
}

.updateby {
    padding: 2px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #006600;
    margin-left: 5px;
    font-style: italic;
    vertical-align: middle;
    background-color: #CCCCCC;
}

/* attendance ----------------------------------------*/
.att_year_hours {
    padding: 5px;
    margin: 5px;
    background-color: #b8d1bb;
}

    .att_year_hours img {
        float: left;
        padding-right: 5px;
    }

.att_year {
    float: left;
}

.att_hours {
    float: left;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 5px;
    background-color: #73c37d;
}

    .att_hours img {
        float: right;
        padding-left: 10px;
    }

.att_totalhours {
    float: right;
}

/*--------------------------------------------------*/

.Sbtn {
    background: #858585;
    background-image: -webkit-linear-gradient(top, #858585, #4a4a4a);
    background-image: -moz-linear-gradient(top, #858585, #4a4a4a);
    background-image: -o-linear-gradient(top, #858585, #4a4a4a);
    background-image: linear-gradient(to bottom, #858585, #4a4a4a);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-family: Arial;
    color: #ffffff !important;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
}

    .Sbtn:hover {
        background: #2f5900;
        background-image: -webkit-linear-gradient(top, #2f5900, #0d4000);
        background-image: -moz-linear-gradient(top, #2f5900, #0d4000);
        background-image: -o-linear-gradient(top, #2f5900, #0d4000);
        background-image: linear-gradient(to bottom, #2f5900, #0d4000);
        text-decoration: none;
    }

.SbtnRoom {
    padding: 5px 8px 5px 8px;
}

.SbtnIcon {
    padding: 10px 8px 0px 8px;
}

.material-icons.md-16 {
    font-size: 16px;
}

.SbtnBgWhite {
    background: #f8f8f8;
    background-image: -webkit-linear-gradient(top, #d7d7d7, #f8f8f8);
    background-image: -moz-linear-gradient(top, #d7d7d7, #f8f8f8);
    background-image: -o-linear-gradient(top, #d7d7d7, #f8f8f8);
    background-image: linear-gradient(to bottom, #d7d7d7, #f8f8f8);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 14px;
    font-family: Arial;
    color: #000000 !important;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
}

    .SbtnBgWhite:hover {
        background: #858585;
        background-image: -webkit-linear-gradient(top, #666666, #333333);
        background-image: -moz-linear-gradient(top, #666666, #333333);
        background-image: -o-linear-gradient(top, #666666, #333333);
        background-image: linear-gradient(to bottom, #666666, #333333);
        color: #ffffff !important;
        text-decoration: none;
    }

.SbtnBg {
    background: #858585;
    background-image: -webkit-linear-gradient(top, #666666, #333333);
    background-image: -moz-linear-gradient(top, #666666, #333333);
    background-image: -o-linear-gradient(top, #666666, #333333);
    background-image: linear-gradient(to bottom, #666666, #333333);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 14px;
    font-family: Arial;
    color: #ffffff !important;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
}

    .SbtnBg:hover {
        background: #2f5900;
        background-image: -webkit-linear-gradient(top, #0d4000, #306321);
        background-image: -moz-linear-gradient(top, #0d4000, #306321);
        background-image: -o-linear-gradient(top, #0d4000, #306321);
        background-image: linear-gradient(to bottom, #0d4000, #306321);
        text-decoration: none;
    }

.SbtnRoomBg {
    padding: 8px 10px 8px 10px;
}

.SbtnBgBg {
    background: #858585;
    background-image: -webkit-linear-gradient(top, #51bb2d, #3e9023);
    background-image: -moz-linear-gradient(top, #51bb2d, #3e9023);
    background-image: -o-linear-gradient(top, #51bb2d, #3e9023);
    background-image: linear-gradient(to bottom, #51bb2d, #3e9023);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 14px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.SbtnBgBg-submitted {
    background: #858585;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 14px;
    font-family: Arial;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}

.SbtnBgBg:hover {
    background: #2f5900;
    background-image: -webkit-linear-gradient(top, #0d4000, #306321);
    background-image: -moz-linear-gradient(top, #0d4000, #306321);
    background-image: -o-linear-gradient(top, #0d4000, #306321);
    background-image: linear-gradient(to bottom, #0d4000, #306321);
    text-decoration: none;
}

.SbtnRoomBgBg {
    padding: 12px 18px 12px 18px;
}

.SFRView {
    float: right;
    width: 617px;
    padding: 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #2f5900;
    /*box-shadow: 1px 1px 3px #888;*/
}

    .SFRView a {
        color: #2f5900;
        font-weight: bold;
    }

.SFRbtnView {
    padding: 20px 15px;
    position: absolute;
}

.row_menu_home {
    float: right;
    padding: 18px 8px 18px 0;
}

.row_menu_path {
    padding: 18px 8px 18px 0;
}

.row_st_status {
    transform: translate(5px,0px);
    padding: 5px;
    background: #2f5900;
    background-image: -webkit-linear-gradient(top, #0d4000, #306321);
    background-image: -moz-linear-gradient(top, #0d4000, #306321);
    background-image: -o-linear-gradient(top, #0d4000, #306321);
    background-image: linear-gradient(to bottom, #0d4000, #306321);
    text-decoration: none;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    font-family: Arial;
    color: #ffffff !important;
    font-size: 12px;
    text-decoration: none;
    width: 15px;
    text-align: center;
}

.row_st_status_internal {
    float: right;
    padding: 8px 10px 8px 10px;
    margin-right: -10px;
    margin-left: 18px;
    background: #2f5900;
    background-image: -webkit-linear-gradient(top, #0d4000, #306321);
    background-image: -moz-linear-gradient(top, #0d4000, #306321);
    background-image: -o-linear-gradient(top, #0d4000, #306321);
    background-image: linear-gradient(to bottom, #0d4000, #306321);
    text-decoration: none;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    font-family: Arial;
    color: #ffffff !important;
    font-size: 12px;
    text-decoration: none;
    width: 15px;
    text-align: center;
}

#tooltipitem {
}

.tooltip {
    position: relative;
    display: inline-block;
}

    .tooltip .tooltiptext {
        font-size: 12px;
        visibility: hidden;
        width: 60px;
        background-color: #2f5900;
        color: #ffffff;
        text-align: center;
        padding: 5px;
        border-radius: 14px;
        position: absolute;
        left: 6px;
        z-index: 1;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

.group-row {
}

.row_menu_home_path {
    padding: 14px 20px;
    margin-right: 2px;
    float: right;
}

.group-view {
    background-color: #e9f7f8;
    border-radius: 10px;
    font-family: Tahoma,Geneva,Arial,sans-serif;
    font-size: 11px;
    padding: 10px 10px 10px 10px;
    margin: 10px;
}

.group-view-admin {
    float: left;
    padding: 10px;
}

    .group-view-admin h4 {
        margin: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #295780;
    }

    .group-view-admin p {
        margin: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #758390;
        font-weight: bold;
    }

.group-view-list {
    float: left;
    margin: 20px 10px 0px 40px;
}

.group-view-search {
    float: right;
    padding: 10px;
}