/************************** * Divesh Admin CSS * * Author: lex@mathvision * ***************************/ ::selection{ background-color:#f38b39;color:#fff;} ::moz-selection{ background-color:#f38b39;color:#fff;} ::webkit-selection{ background-color:#f38b39;color:#fff;} select::-ms-expand {display:none;} /************** * Body style * **************/ html {background-color:#374982;} body, html {min-height:100%;height:100%;} body { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow-y:scroll; overflow-x:hidden; margin: 0; padding: 0; font-size: 18px; font-family: 'Source Sans Pro', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', sans-serif; line-height: 1.2; text-align: left; position:relative; color:#50557b; } input:focus, input:active, select:active, select:focus {outline:none;} /******************* * Main Containers * *******************/ #main {background-color:#fff;padding-bottom:290px;min-height:100%;} /*********** * Headers * ***********/ #header {height:73px;z-index:100;background-color:#fff;} #header .home-logo {width:380px;height:60px;background-position:0 0;} #header .register-icon {width:35px;height:30px;background-image:url(../images/register_icon.png);background-repeat:no-repeat;background-position:0 0;} /******** * Menu * ********/ #menus {height:73px;} #menus .menu-links {margin-top:10px;} #menus .register-button {margin:2px 0 0 10px;width:140px;height:50px;padding:15px 5px 5px 40px;font-size:16px;} #menus .register-icon {top:10px;left:22px;} #menus .menu-link-item {font-size:17px;color:#50557b;padding:16px 20px;} #menus .menu-link-item.menu-link-current, #menus .menu-link-item:hover {color:#f36c23;outline:none;font-weight:bold;} #menus .menu-link-item:focus, #menus .menu-link-item:active {color:#50557b;outline:none;} /********** * Splash * **********/ /* #splash {margin-top:25px;padding-left:315px;height:370px;} */ #splash {margin-top:15px;height:380px;} #splash h2 {font-size:28px;line-height:28px;} #splash .acing-image {top:0px;left:50%;margin-left:-152px;width:305px;height:370px;background-image:url(../images/mveb_acing.png);background-repeat:no-repeat;} #splash #rotating-divs {padding:2px 22px;} #splash #rotating-divs .rotating-left {padding:20px 0 25px 0;width:45%;} #splash #rotating-divs .rotating-left ul {margin:12px 0 0 28px;} #splash #rotating-divs .rotating-left li {margin-left:10px;font-size:20px;text-align:left;padding:4px;} #splash #rotating-divs .rotating-right {width:55%;} #splash #rotating-divs .button-holder {padding-right:10px;} #splash #rotating-divs .rotate-button {margin-top:20px;width:165px;height:50px;padding:15px;font-size:18px;} #rotating-buttons {bottom:10px;right:0px;} #rotating-buttons .round {margin:0 5px;width:16px;height:16px;background-color:#aaa;border:1px solid #aaa;} #rotating-buttons .round.round-selected {background-color:#fff;} /*********** * Content * ***********/ #container {padding-top:80px;min-height:500px;} #content {padding:2px 3px 40px 1px;line-height:1;} .the-content {color:#203360;text-align:left;font-size:13px;line-height:1.4;} .the-content p {padding:5px 25px 15px 25px;} .the-content ol {margin:0;padding:5px 35px 15px 45px;} .the-content ol li {padding-bottom:5px;} #the-body {padding:7px 240px 0 0;} /******** * Home * ********/ #home {} #home .home-header {padding:50px 5px 40px 5px;} #home .home-header.no-top-pad {padding-top:0px;padding-bottom:20px;} #home .home-header .hr-line {margin-top:15px;width:540px;} #home .home-body {height:450px;} #home .home-item {padding:15px;} #home .home-item-box {padding:25px 30px;} #home .home-icons {width:120px;height:120px;} #home .home-icon-1 {background-position:0px 0px;} #home .home-icon-2 {background-position:-120px 0px;} #home .home-item-box h3 {padding:0 0 10px 0;} #home .home-read-more {padding:10px 0;} #home .home-read-more-button {padding:16px 32px;width:160px;height:48px;font-size:16px;} #home .home-read-more-button.home-read-more-long {width:290px;} #home .home-read-more-button.home-read-more-longer {width:330px;} #flip_card_lists ul li {list-style-type:none;margin:0px;padding:3px;font-size:17px;} .flip-card { margin-left:1%; margin-bottom:15px; width:32%; height:250px; background-color:transparent; perspective:1000px; } .flip-card-inner {transition:transform 0.8s;transform-style:preserve-3d;} .flip-card:hover .flip-card-inner {transform:rotateY(180deg);} .flip-card-front, .flip-card-back {-webkit-backface-visibility:hidden;backface-visibility:hidden;} .flip-card-front {background-color:#fff;color:#555;font-size:34px;color:#2452b9;} .flip-card-back {padding-top:8px;background-color:#fafafa;color:#555;transform:rotateY(180deg);} .flip-card-back h3 {font-size:22px;} #flip-card-1 .mv-courses {width:120px;height:120px;} #flip-card-2 .mv-flags {width:225px;height:78px;background-position:0 0;} #flip-card-3 .mv-flags, #flip-card-4 .mv-flags, #flip-card-5 .mv-flags, #flip-card-6 .mv-flags {margin-bottom:6px;width:130px;height:78px;} #flip-card-3 .mv-flags {background-position:-225px 0;border:1px solid #d9d9d9;} #flip-card-4 .mv-flags {background-position:-355px 0;} #flip-card-5 .mv-flags {background-position:-485px 0;border:1px solid #d9d9d9;} #flip-card-6 .mv-flags {background-position:-615px 0;border:1px solid #d9d9d9;} #home-charges {} #home-charges .home-charges-body {width:600px;margin-top:30px;padding-bottom:25px;} #home-charges .home-charges-body p {padding:35px 15px 2px 15px;color:#c95003;} #home-charges .home-charges-body p.home-charges-p1 {padding-top:25px;} #home-charges .home-charges-body ul {margin:0 auto;padding:3px;} #home-charges .home-charges-body ul.ul-c1 {width:220px;} #home-charges .home-charges-body ul.ul-c2 {width:190px;} #home-charges .home-charges-body ul.ul-c3 {width:277px;} .home-location-image-pad {margin-top:25px;} .home-location-text-pad {padding:5px 35px;} /********** * Footer * **********/ #footer {background-color:#374982;height:290px;bottom:0px;color:#fbecea;} #footer #footer_items {height:255px;} #footer p {padding:8px 10px 3px 3px;line-height:17px;font-size:15px;} #footer .footer_left {padding:18px 16px;} #footer .mv-logo {width:215px;height:45px;background-position:0 -120px;} #footer .footer_right {margin-left:60px;padding:20px 15px;} #footer h5 {font-size:20px;font-weight:bold;} #footer ul {margin:5px 10px;} #footer ul li {padding:8px 0 6px;margin:0;list-style-type:none;}\ #footer ul li a {color:#f9922b;} #footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active {color:#ffab57;outline:none;} /********* * Exams * *********/ .page-upcoming-exams #menus {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .page-upcoming-exams #container {padding-top:282px;} #efilter-box {top:0px;left:0px;padding-top:73px;height:282px;background-color:#3f74b3;z-index:99;} #efilter-box .home-icons {width:60px;height:60px;background-position:-180px -180px;} #efilter-box .faq-title {height:140px;padding:20px 0 15px 0;} #efilter-box h1 {color:#fff;font-size:30px;line-height:20px;} #efilter-box .quick-links-tabs a { bottom:0px; padding:10px 0 12px 0; margin-left:2%; width:47%; border:1px solid #3f74b3; background-color:#374982; line-height:16px; font-size:22px; color:#fff; border-bottom:none; } #efilter-box .quick-links-tabs a.active-home-icon {background-color:#fff;color:#e47201;} #efilter-box .quick-links-tabs a.active-home-icon:hover, #efilter-box .quick-links-tabs a.active-home-icon:focus, #efilter-box .quick-links-tabs a.active-home-icon:active {color:#e47201;} #efilter-box .quick-links-tabs .home-icons {width:30px;height:30px;} #efilter-box #quick-list .home-icons {background-position:-60px -210px;} #efilter-box #quick-list.active-home-icon .home-icons {background-position:-60px -180px;} #efilter-box #quick-calendar .home-icons {background-position:-90px -210px;} #efilter-box #quick-calendar.active-home-icon .home-icons {background-position:-90px -180px;} .exam-tab {padding:25px 0;} #efilters {width:800px;max-width:100%;padding:15px;border:1px solid #fafafa;} #efilters .filter-text {padding:3px 0 6px 0;font-size:20px;font-weight:bold;} #efilters .date-input {width:225px;max-width:50%;} #efilters #ef-date-to.date-input {border-left:none;} #eexams {margin-top:25px;padding:15px 0 10px 0;} #eexams h3 {padding-bottom:10px;} #etable {line-height:0;} #eheader {height:40px;border-bottom:1px solid #ddd;font-size:16px;color:#888;} #eheader .etd {font-weight:bold;} .etr {min-height:30px;} .etd {padding:16px 8px;line-height:18px;} .etd0 {width:4%;} .etd1 {width:12%;} .etd2 {width:22%;} .etd3 {width:14%;} .etd4 {width:14%;} .etd5 {width:22%;} .etd6 {width:12%;} #ebody .etd0 {color:#376fff;font-size:13px;font-weight:bold;padding-top:17px;} /******* * FAQ * *******/ .faq-page {padding:5px;color:#4a4a4a;} .faq-page .hr-line {width:600px;margin-bottom:15px;} #schools-teachers .home-icon-faq {background-position:0px -120px;} #parents-students .home-icon-faq {background-position:-60px -120px;} .faq-title .home-icons {width:60px;height:60px;top:0px;left:0px;} .faq-title {padding:25px 0 20px 0;} .faq-title h1 {font-weight:bold;padding:5px 10px;font-size:50px;line-height:35px;} .faq-title h1 i {font-size:30px;} .faq-intro {padding-bottom:10px;} ol#faq-items {list-style-type:none;font-size:20px;} ol#faq-items li.faq-item:first-child {border-top:1px solid #c3c3c3;} ol#faq-items li.faq-item {padding:0px;margin:0px;border:1px solid #c3c3c3;border-top:none;} ol#faq-items li.faq-item .faq-item-a {color:#50557b;padding:20px 25px 20px 75px;} ol#faq-items li.faq-item .faq-item-a:hover, ol#faq-items li.faq-item .faq-item-a:focus, ol#faq-items li.faq-item .faq-item-a:active {color:#50557b;} .faq-plus-minus {left:15px;color:#5ec4cd;font-size:22px;font-family:Arial;} .faq-plus-minus span.faq-plus {display:none;} .faq-plus-minus span.faq-minus {display:block;font-size:50px;line-height:12px;} .current-plus .faq-plus-minus span.faq-plus {display:block;} .current-plus .faq-plus-minus span.faq-minus {display:none;} .faq-num {font-size:22px;margin-top:-1px;left:30px;width:32px;font-weight:bold;} .faq-question {} .faq-answer {padding:10px 45px 10px 40px;background-color:#f6f6f6;color:#4f4f4f;font-size:18px;} .faq-answer b {color:#1967b3;} .faq-answer b.dark-b {font-size:19px;color:#3a3a3a;} .cntrs-table {padding:0 15px 12px 15px;line-height:0;} .cntrs-theader {line-height:18px;font-size:20px;font-weight:bold;background-color:#13599e;color:#fff;} .cntrs-tr {padding:8px 0;line-height:18px;font-size:18px;border-bottom:1px solid #bbb;background-color:#fff;} .cntrs-td-1 {width:80%;} .cntrs-td-2 {width:20%;} .cntrs-sub-td-1 {width:25%;} .cntrs-sub-td-2 {width:75%;} .cntrs-sub-td, .cntrs-td-2 {padding:6px 15px;} .cntrs-theader .cntrs-sub-td, .cntrs-theader .cntrs-td-2 {padding:12px 15px;} /*********** * Contact * ***********/ #contact-us {padding:0 10px;} #contact-us .home-icons {width:60px;height:60px;background-position:-120px -120px;} #contact-us .contact-title {padding:35px 0 5px 0;} #contact-us .contact-title h1 {font-weight:bold;padding:5px 10px;font-size:50px;line-height:35px;} #contact-us #cdiv-contact-info .contact-title {padding:0 0 5px 0;} #contact-us .hr-line {width:500px;margin-bottom:15px;} #contact-us .contact-tab .hr-line {margin-bottom:5px;} #contact-us .quick-links-cont {border-bottom:1px solid #50557b;line-height:0;} #contact-us .quick-links-tabs a { padding:10px 0 12px 0; margin-bottom:-1px; margin-left:2%; width:47%; border:1px solid #50557b; background-color:#6c7197; line-height:16px; font-size:22px; color:#fff; } #contact-us .quick-links-tabs a.active-home-icon {border-bottom:1px solid #fff;background-color:#fff;color:#e47201;} #contact-us .quick-links-tabs a.active-home-icon:hover, #contact-us .quick-links-tabs a.active-home-icon:focus, #contact-us .quick-links-tabs a.active-home-icon:active {color:#e47201;} #contact-us .quick-links-tabs .home-icons {width:30px;height:30px;} #contact-us #quick-location .home-icons {background-position:-0px -210px;} #contact-us #quick-location.active-home-icon .home-icons {background-position:-0px -180px;} #contact-us #quick-contact-info .home-icons {background-position:-30px -210px;} #contact-us #quick-contact-info.active-home-icon .home-icons {background-position:-30px -180px;} #contact-us iframe {border:1px solid #50557b;} .contact-tab {padding:36px 4px 12px 4px;} .contact-tab .home-icons {margin-top:20px;width:60px;height:60px;} #cdiv-contact-info .home-icons-parents {background-position:0px -120px;} #cdiv-contact-info .home-icons-schools {background-position:-60px -120px;} /********** * Ajaxes * **********/ /*********** * Classes * ***********/ .quick-links-tabs {width:550px;} .big-b {font-size:20px;} /**************** * Default Tags * ****************/ h1 {font-size:55px;font-weight:bold;color:#f66b14;line-height:70px;} h2 {font-size:35px;font-weight:bold;color:#f66b14;line-height:35px;} h3 {font-size:25px;font-weight:bold;color:#f66b14;line-height:30px;} h4 {font-size:23px;line-height:35px;} h5 {font-size:14px;} h6 {font-size:13px;} h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;} a {text-decoration:none;color:#e47201;} a:hover {color:#fe8c1b;} a:active, a:focus {color:#fe8c1b;outline:none;} a img {border:0px;text-decoration: none;} p {margin:0;padding:12px 15px;font-size:18px;line-height:26px;} ul, ol {margin:5px 20px 10px 20px;padding:5px;} ul li, ol li {margin:5px 0 0 25px;padding:5px;} select {padding:4px;color:#585670;border:1px solid #bdc7d8;font-size:16px;} input,textarea,.input-div {padding:4px;max-width:100%;font-family:Arial;color:#585670;border:1px solid #bdc7d8;font-size:16px;} input, .input-div, select {height:36px;} textarea {resize:none;} .select-div {padding:6px;} .select-div select {min-width:150px;max-width:100%;} .input-div {background-color:#f0f3ff;font-size:16px;} input:focus,textarea:focus{outline:0;} button {width:100px;max-width:50%;padding:5px;cursor:pointer;} textarea {height:60px;} nav {display:inline-block;} content {display:inline-block;width:100%;margin:auto;} img {max-width:100%;height:auto;} input.error, select.error {border:1px solid #d51c1c;} input:read-only, textarea:read-only {opacity:0.7;} /************ * Reusable * ************/ .fw {width:100%;max-width:100%;} .fh {height:100%;} .mw {width:1340px;max-width:100%;} .hw {width:50%;} .au:hover {text-decoration:underline} .fl {float:left;} .fr {float:right;} .tc {text-align:center;} .tl {text-align:left;} .tr {text-align:right;} .tj {text-align:justify;} .pr {position:relative;} .pa {position:absolute;} .pf {position:fixed;} .dib {display:inline-block;} .db {display:block;} .dn {display:none;} .oh {overflow:hidden;} .ma {margin:auto;} .hr-line {height:1px;background-color:#50557b;max-width:100%;} .orange-bg {background-color:#ed4d1b;color:#fff;} .orange-bg:hover {background-color:#f46336;} .orange-bg:hover, .orange-bg:active, .orange-bg:focus {outline:none;color:#fff;} .rad3 {-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .rad5 {-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .rad10 {-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} .rad15 {-webkit-border-radius:15px;-khtml-border-radius:15px;-moz-border-radius:15px;border-radius:15px;} .round {-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .rad3top {-webkit-border-radius:3px 3px 0 0;-khtml-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;} .rad5bot {-webkit-border-radius:0 0 5px 5px;-khtml-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;} .rad3,.rad5,.rad10,.round {-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;} .trans500 { -webkit-transition: 500ms linear 0s; -moz-transition: 500ms linear 0s; -o-transition: 500ms linear 0s; transition: 500ms linear 0s; } .trans150 { -webkit-transition: 150ms linear 0s; -moz-transition: 150ms linear 0s; -o-transition: 150ms linear 0s; transition: 150ms linear 0s; } .trans150, .trans500 { -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .sh-txt { -moz-text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5); -webkit-text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5); text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5); } .sh-box { -moz-box-shadow: 0px 1px 12px -6px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 1px 12px -6px rgba(0,0,0,0.5); box-shadow: 0px 1px 12px -6px rgba(0,0,0,0.5); } .sh-box-thin { -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); box-shadow: 0px 1px 1px rgba(0,0,0,0.1); } .sh-box-no-top { -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.3); box-shadow: 0px 3px 6px rgba(0,0,0,0.3); } .sh-bot { -webkit-box-shadow: 0 3px 8px -8px rgba(0,0,0,0.7); -moz-box-shadow: 0 3px 8px -8px rgba(0,0,0,0.7); box-shadow: 0 3px 8px -8px rgba(0,0,0,0.7); } .bb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .valign { display:-ms-flexbox; -ms-flex-pack:center; -ms-flex-align:center; display:-moz-box; -moz-box-pack:center; -moz-box-align:center; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; display:box; box-pack:center; box-align:center; top:50%; -webkit-transform:-webkit-translateY(-50%); -moz-transform:-moz-translateY(-50%); -ms-transform:-ms-translateY(-50%); transform:translateY(-50%); } .lh11 {line-height:1.1;} .mv-logo {background-image:url(../images/mveb_logo.png);background-repeat:no-repeat;} .home-icons {background-image:url(../images/home_icons.png);background-repeat:no-repeat;} .mv-flags {background-image:url(../images/mv_flags.png);background-repeat:no-repeat;} .mv-courses {background-image:url(../images/mv_courses.png);background-repeat:no-repeat;} .red-link {color:#bb3636;} .red-link:hover {color:#d14343;} .white-link {color:#eee;} .white-link:hover {color:#cdcdcd;} .black-link {color:#555;} .black-link:hover {color:#777;} .orange-link {color:#f24800;} .orange-link:hover {color:#ff7438;} .sep {margin-top:15px;border-top:1px solid #cbd4e2;height:1px;padding-bottom:12px;} .sep-small {margin-top:7px;border-top:1px solid #ddd;height:1px;padding-bottom:3px;} .desc {display:block;width:100%;padding:5px 0 2px 0;} .idesc {display:block;width:100%;padding-top:5px;font-weight:bold;font-size:14px;} .idesc i {color:#888;font-size:11px;} .itextbox-error {border-color:#e47878;} .itextbox-valid {border-color:#5cb467;} .irequired {color:#f30000;} .padding-box, .padding-box-small { padding:65px 35px 85px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .padding-box-small {padding:15px 35px 25px 35px;} .low-bot-pad {padding-bottom:4px;} .no-top-pad {padding-top:0px;margin-top:0px;} .search-text {font-weight:bold;color:#d36500;} .small-text {font-size:9px;line-height:0.9} .gray-text {color:#777;font-weight:normal;} .gray-blue-text {color:#8a9fd6;font-weight:normal;} .blue-text {color:#4c68b3;} .red-text {color:#b62f24;} .red-box {background-color:#b62f24;color:#fff;font-size:13px;} .red-box:hover {background-color:#c43a2f;color:#eee;} .red-box-border {border-top:1px solid #880a00;} .red-box-border:hover {border-top:1px solid #a51d12;} .light-blue-box {background-color:#455fa8;color:#fff;font-size:12px;} .light-blue-box:hover {background-color:#5e78c3;color:#eee;} .blue-box {background-color:#244ea1;color:#fff;font-size:13px;border:1px solid #284981;} .blue-box:hover {background-color:#295abd;color:#eee;border:1px solid #2150af;} .blue-box-border {border-top:1px solid #002369;} .blue-box-border:hover {border-top:1px solid #244ea1;} .orange-box, .orange-box:hover {background-color:#dd4808;cursor:default;color:#fff;} .orange-box-border, .orange-box-border:hover {border-top:1px solid #a83300;} .error-box {display:none;background-color:#ffcbcb;color:#bd3232;border:1px solid #db5d5d;padding:5px 8px 6px 8px;margin-bottom:8px;} .success-box {display:none;background-color:#dcfde0;color:#10911a;border:1px solid #27a322;padding:5px 8px 6px 8px;margin-bottom:8px;} .ierror {display:none;padding:1px 0 7px 1px;width:100%;color:#d33838;} .ajax-loader {display:none;} .for-web {display:inline-block;} .for-ipad {display:none;} .for-ipad-mobile {display:none;} .for-mobile {display:none;} .popup-overlay {background:#000000;z-index:150;top:0;left:0;display:none;} .popup-close {top:8px;right:10px;color:#ff824c;font-family:Arial;font-weight:bold;font-size:14px;} .popup-close:hover {color:#ff824c;} .popup-ajax {top:0;left:0;display:none;z-index:155;} .popup-ajax img {top:49%;margin-top:-10px;height:15px;} .popup-overlay-box {width:700px;height:400px;left:50%;margin-left:-350px;top:50%;margin-top:-200px;z-index:155;background-color:#eee;display:none;} .popup-overlay-box-left {overflow:scroll;} .popup-overlay-header {padding:8px;border-bottom:2px solid #f24800;color:#ff824c;font-size:14px;font-weight:bold;background-color:#3a65c7;height:35px;} .opc-80 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .popup-tr {padding:5px 5px 4px 5px;} .popup-td {padding-right:15px;} .popup-td .input-div, .popup-td select, .popup-td input {margin-top:2px;} .popup-date {top:48px;left:8px;z-index:5;} .popup-day {background-color:#3a65c7;color:#fff;width:46px;height:43px;font-size:20px;padding:9px 2px 0 0;} .popup-month-year {margin-left:5px;} .popup-month-year div {background-color:#3a65c7;color:#fff;width:46px;height:19px;padding-top:2px;} .popup-month {margin-bottom:5px;} #enter-content-edit {padding:5px 5px 0 115px;height:365px;} #time-in-hour, #time-in-minute {width:58px;} .time-sep {padding:8px 2px;font-weight:bold;} .time-am-pm-sep {margin-left:6px;} .popup-td div input.time-height, .popup-td div select.time-height {height:32px;} #save-record {bottom:15px;right:15px;background-color:#3a65c7;color:#fff;height:25px;width:100px;padding-top:4px;} #save-record-ajax {bottom:20px;right:15px;width:100px;height:25px;} /************* * Media CSS * *************/ @media only screen and (min-width : 100px) and (max-width : 1300px) { body #header .home-logo {margin:5px 7px;width:55px;} body #menus .menu-links {margin-right:5px;} body #menus .register-button {width:135px;} body #splash {padding:0 15px 380px 15px;} body #splash .acing-image {left:50%;margin-left:-152px;} body #home .home-body {height:480px;} body .flip-card {width:47%;margin-left:2%;} } @media only screen and (min-width : 100px) and (max-width : 1000px) { body #header {height:68px;} body #header .home-logo {margin:2px 8px;} body #menus {height:68px;} body #menus .menu-links {position:fixed;left:0px;top:65px;margin-top:0px;padding:3px 0;width:100%;background-color:#fff;border-bottom:1px solid #eee;border-top:1px solid #eee;} body #menus .menu-links a {margin-left:1%;width:32%;} body #menus .menu-links a.register-button {position:fixed;top:5px;right:7px;width:135px;} body #menus .menu-link-item {padding:12px 4px;font-size:16px;} body #container {padding-top:115px;} body #home .home-body {height:auto;} body #home .home-item {width:100%;height:auto;} body .faq-page {padding:0px;} body ol#faq-items {margin:0px;} body #efilter-box {padding-top:113px;height:222px;} body #efilter-box .faq-title {height:70px;} body #efilter-box .home-icons {display:none;} body .page-upcoming-exams #container {padding-top:202px;} } @media only screen and (min-width : 100px) and (max-width : 860px) { body .for-web {display:none;} body .for-ipad-mobile {display:block;} body .home-location-image-pad {width:100%;} body .home-location-text-pad {width:100%;} } @media only screen and (min-width : 100px) and (max-width: 720px) { body .flip-card {width:96%;} } @media only screen and (min-width : 100px) and (max-width : 539px) { body #content {padding:5px 2px 50px 2px;} }