body
{
    font-size:13px;
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}
.page-portal .button, .createUserWizard tr td input
{
    height:auto !important;
    min-height:58px;
}
.page-portal h1 {
    background: none repeat scroll 0 0 #f24e29;
    border-bottom: 0 none;
    color: white !important;
    font-family: open sans;
    font-size: 37px;
    letter-spacing: 1px;
    margin: 0;
    padding: 10px 2px 0;
    text-align: center;
}
.page-portal h2 {
    background: none repeat scroll 0 0 #f24e29;
    color: white !important;
    font-family: "Gentium Book Basic";
    font-size: 20px;
    margin: 0 0 10px;
    font-style:italic;
    padding: 0 0px 10px;
    text-align: center;
    border-bottom: 1px solid #f38661;
}
.page-portal h2 a {
    border-bottom: 1px solid;
    color: #eaf048 !important;
}
.page-portal h2 a:hover {
    border-bottom: 1px solid;
    color: #cdd32b;
}
.page-portal p > a {
    border-bottom: 1px solid;
}
.header-box1
{
    text-align:center;
    height:150px;
    background:white;
}
#logo.pportal {
    float:none !important;
}
.header-box2
{
    background:none repeat scroll 0 0 #f24e29;
    height:150px;
}
.header-box2 div {
    color: white;
    font-size: 40px;
    font-weight: 100;
    margin-top: 30px;
    text-align: center;
}
.header-box3
{
    background:none repeat scroll 0 0 #CDD32B;
    height:150px;
}
.portal .caroufredsel_wrapper {
    background-color:rgb(0, 125, 163);
    height: 400px !important;
}
.pupil-login {
    height: 145px;
    position: relative;
    width: 100%;
    margin-left:0%;
}
.pupil-login li:last-child {
    display: none;
}
.pupil-login span {
    display: none;
}
.pupil-login dt:nth-child(2n) {
    float: left;
    width: 60% !important;
}
.pupil-login dt:nth-child(2n-1) {
    float: left;
    width: 40%;
}
.pupil-login dt:nth-child(5n), .pupil-login dt:nth-child(6n) {
    display: none;
}
.pupil-login .formButtons > input {
    background: none repeat scroll 0 0 rgb(0, 125, 163);
    border: 0 none;
    color: white;
    height: 25px;
    position: absolute;
    right: 14%;
    bottom: 0px;
    width: 75px;
    box-shadow: 0 0 0px rgb(0, 125, 163);
    transition:0.3s;
}
.pupil-login .formButtons > input:hover 
{
    cursor:pointer;
    box-shadow: 0 0 6px rgb(0, 125, 163);
}
.pupil-login .formButtons {
    float: left;
}
.pupil-login dt {
    padding-top: 0 !important;
}
#ctl00_Login_LoginView1_LoginName1 {
    display: inline;
}
.pupil-login h1 {
    border-bottom: 0 solid;
    font-weight:normal;
}
.pupil-login .form input {
    width: 100%;
}
.pupil-login .formButtons > p {
    background: none repeat scroll 0 0 #f24e29;
    color: white;
    left: 0;
    line-height: 18px;
    position: absolute;
    text-align: left;
    top: 0;
}
.pupil-login .loginView {
    font-weight: bold;
}
.pupil-login li a {
    background: none repeat scroll 0 0 rgb(0, 125, 163);
    bottom: 0;
    color: white !important;
    padding: 5px 15px;
    font-weight:normal;
    position: absolute;
    right: 14%;
    box-shadow: 0 0 0px rgb(0, 125, 163);
    transition:0.3s;
}
.pupil-login li a:hover 
{    
    box-shadow: 0 0 5px rgb(0, 125, 163);
}

.pupil-news tr 
{    
    background:#5161ac;
    display: block;
    margin-bottom: 20px;
    padding: 10px 20px;
    position: relative;
}
.pupil-news h3 {
    color: White;
}
.news-wrap{
    max-height:603px;
    overflow:auto;
}
.pupil-news h3 {
    font-family: "Gentium Book Basic";
    font-style: italic;
}
.pupil-news p {
    color: #111;
    text-align: left;
}
.pupil-news tr:nth-child(2n) {
    background: none repeat scroll 0 0 rgb(0, 125, 163);
}
.portalarticlesummary, .portalarticlesummary .header h3 a {
    color:White !important;
}
.header, .image, .body, .details 
{
    line-height:normal;
}
/*.hide-me .glossymenu > a:first-child {
    display: none;
}
*/
.glossymenu a.menuitem:first-child {
    background:#cdd32b none repeat scroll 0 0;
    color:#5161ac !important;
}
.glossymenu a.menuitem  {
    background: none repeat scroll 0 0 #cdd32b;
    border-bottom: 1px solid #dae038;
    margin: 5px 0;
    padding: 10px 20px;
    text-align: center;
    color:#5161ac !important;    
    font-size: 14px;
    transition:0.1s;    
}
.glossymenu a.menuitem:hover
{
    background:#e6ec44;
    color:rgb(0, 125, 163) !important;
}
.pupil-table-wrap {
    height: 500px;
    overflow: auto;
}
.page-portal .glossymenu div ul li a {
    background: none repeat scroll 0 0 #ecf24a;
    color: #666 !important;
    position:relative;
    font-family: "Gentium Book Basic";
    font-style:italic;
    font-size: 16px;
    padding:5px 5px 5px 20px;
}
.page-portal .glossymenu div ul li a:hover {
    background: none repeat scroll 0 0 #e0e63e;
    color: #444;
}
.page-portal .glossymenu .expandablesubmenu ul li a {
    background: none repeat scroll 0 0 #f8fd56;
    color: #979797 !important;
    font-family: "Gentium Book Basic";
    font-style:italic;
    font-size: 16px;
    padding:5px 5px 5px 30px;
}
.page-portal .glossymenu .expandablesubmenu ul li a:hover {
    background: none repeat scroll 0 0 #e0e63e;
    color: #444;
}
.submenu {
    margin-top: -4px;
}
.page-portal .button, .createUserWizard tr td input {
    background: none repeat scroll 0 0 rgb(0, 125, 163);
    color: white !important;
    font-family: "Gentium Book Basic";
    font-weight: normal;
    font-style:italic;
    line-height: normal;
    font-size:14pt;
    width: 100%;
    transition:0.2s;
    text-align:center;
}
.page-portal .button:hover, .createUserWizard tr td input:hover {
    color: #e0e63e !important;
}
.glossymenu .statusicon {
    border: medium none;
    position: absolute;
    right: 5px;
    top: 10px;
}
.expandablesubmenu li a:before {
    content: "> ";
}
#a1 > p,
#a2 > p,
#a3 > p,
#a4 > p,
#a5 > p,
#a6 > p,
#a7 > p,
#a8 > p,
#a9 > p,
#a10 > p,  
#a11 > p, 
#a12 > p, 
#a13 > p, 
#a14 > p, 
#a15 > p, 
#a16 > p, 
#a17 > p, 
#a18 > p, 
#a19 > p
{
    quotes: "\201C " " \201D";
    background: none repeat scroll 0 0 #f5f5f5;
    box-shadow: 1px 1px 1px #888;
    float: left;
    margin: 2%;
    padding: 10px;
    width: 46%;
}
#a1 > p:before, 
#a2 > p:before, 
#a3 > p:before,
#a4 > p:before,
#a5 > p:before,
#a6 > p:before,
#a7 > p:before,
#a8 > p:before,
#a9 > p:before, 
#a10 > p:before, 
#a11 > p:before, 
#a12 > p:before, 
#a13 > p:before, 
#a14 > p:before, 
#a15 > p:before, 
#a16 > p:before, 
#a17 > p:before, 
#a18 > p:before, 
#a19 > p:before
{
    content: open-quote;
    font-family: Coustard;
    font-size: 20px;
    line-height: 20px;
    color:#ababab;
}
#a1 > p:after,
#a2 > p:after,
#a3 > p:after,
#a4 > p:after,
#a5 > p:after,
#a6 > p:after,
#a7 > p:after,
#a8 > p:after,
#a9 > p:after,
#a10 > p:after,
#a11 > p:after,
#a12 > p:after,
#a13 > p:after,
#a14 > p:after,
#a15 > p:after,
#a16 > p:after,
#a17 > p:after,
#a18 > p:after,
#a19 > p:after         
{
    content: close-quote;
    font-family: Coustard;
    font-size: 20px;
    line-height: 20px;
    color:#ababab;
}
.newsarticle {
    background: none repeat scroll 0 0 #eff54d;
    padding: 10px 10px 0;
}
.newsarticle > h1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #333 !important;
    font-family: Gentium Book Basic;
    font-size: 20px;
    padding: 0 0 10px 0;
    text-align: left;
}
.pfaq
{
    margin-left:15px;
    clear:both;
}
.pfaq:before {
    background: none repeat scroll 0 0 #ce2a05;
    border-radius: 5px;
    color: white;
    content: ">";
    font-weight: bold;
    margin: 0 5px;
    padding: 0 5px 1px 6px;
}
.h3faq{
    padding:10px;
    clear:both;
    float:left;
    color:white;
    background:#5143ac;
}
@media only screen and (max-width: 820px) {
    .portal .caroufredsel_wrapper {
        height: 250px !important;
    }
}
@media only screen and (max-width: 767px) {
    .header-box3 {
        position:absolute;
        right:0;
    }
    button, .button {
    padding-bottom: 0.75em;
    padding-top: 0.8125em;
    }
    .flipster-coverflow .flip-item
    {
        width:50% !important;
    }
    .header-box2 div
    {    
        font-size: 30px;
        margin-top: 20px;
    }
    .pupil-login li a
    {
        right:auto !important;
    }
}
a:link{color:inherit}
a:active{color:inherit}
a:visited{color:inherit}
.notepad {
    background-image: url("https://springboardbursaryfoundation.org.uk/Img/notepad-bg3.png");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 20px 0;
    box-shadow:0 5px 0px #eeeeee;
    padding: 15px 35px 15px 75px;
}
.notepad p {
    font-family:Architects Daughter;
    font-size: 1.2em;
    text-align: left;
}
.notepad p::first-letter {
    font-size:2em;
    line-height:30px;
}
/*.notepad-img {
    background: none repeat scroll 0 0 white;
    border: 1px solid #c5c5c5;
    height: 175px !important;
    margin: -20px -20px 20px 20px;
    padding: 10px;
    transform: rotate(10deg);
    width: 150px !important;
}*/
img.greyscale
{
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    filter:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
    filter: gray;
    -webkit-filter: grayscale(1);
    transition:0.5s;
}
img.greyscale:hover{
    filter:none;
    -webkit-filter: grayscale(0%); 
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-filter: grayscale(0);
    transition:0.5s;
}
/*.link-black img {
    opacity: 0.5;
}
.link-black {
    background:black;
}
.link-black img:hover {
    opacity:0.9;
}*/
.link-text:hover {
    background:none repeat scroll 0 0 #3b2d96;
}
.link-text {
    background: none repeat scroll 0 0 #5143ac;
    border: 1px solid #796bd4;
    color: white;
    padding: 10px;
}
.createUserWizard .reg-form label, .reg-form label {
    float: left;
    font-family: "Gentium Book Basic";
    font-size: 1.2em;
    line-height: 35px;
    width: 50%;
}
.createUserWizard .reg-form > p, .reg-form > p {
    background: none repeat scroll 0 0 #f5f5f5;
    height: 55px;
    position:relative;
    padding: 10px;
}
.createUserWizard .reg-form input:hover, .reg-form input:hover {
    color:inherit !important;
}
.createUserWizard .reg-form input, .reg-form input {
    background: none repeat scroll 0 0 #e9e9e9;
    border: 0 none;
    color: #333;
    float: right;
    font-family: inherit;
    font-style: normal;
    height: 35px;
    min-height: 35px;
    padding: 0 5px 0 15px;
    transition: all 0.3s ease 0s;
    width: 50%;
    font-size:inherit !important;
    cursor:text;
}
.createUserWizard .reg-form input:focus, .reg-form input:focus {
    background: none repeat scroll 0 0 #dbdbdb;
}
.redstar {
    margin-top: 8px;
    position: absolute;
    right: 18px;
}
.createUserWizard tr td input {
    font-size: 14pt;
    cursor:pointer;
    border:0 none;
}
.staticLogin .reg-form label {
    float: left;
    font-family: "Gentium Book Basic";
    font-size: 1.2em;
    line-height: 30px;
    width: 50%;
}
.staticLogin .reg-form > p {
    background: none repeat scroll 0 0 #d8de36;
    height: 40px;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
}
.staticLogin .reg-form input:hover {
    color:inherit !important;
}
.staticLogin .reg-form input {
    background: none repeat scroll 0 0 #e9e9e9;
    border: 0 none;
    color: #333;
    cursor: text;
    float: right;
    font-family: inherit;
    font-size: inherit !important;
    font-style: normal;
    height: 30px;
    min-height: 30px;
    padding: 0 5px 0 15px;
    transition: all 0.3s ease 0s;
    width: 50%;
}
.staticLogin .reg-form input:focus {
    background: none repeat scroll 0 0 #dbdbdb;
}
.forgot-pw {
    background: none repeat scroll 0 0 #b6bc14;
    color: white !important;
    font-weight: normal;
    padding: 8px 10px;
    position: absolute;
    right: 6%;
    top: -5px;
    box-shadow: 0 0 0px #d8de36;
    transition:0.3s;
}
.forgot-pw:hover {
    box-shadow: 0px 2px 7px #f1f155;
}

.half-medium-full-small {
    float: left; 
    text-align: left; 
    font-size: 24px; 
    width: 46%; 
}
.small-arrow-for-small {
    position: absolute;
    width: 200px;
    right: -65px;
}
@media screen and (max-width: 640px) {
    .half-medium-full-small {
        width: 100%;
    }

    .small-arrow-for-small {
        width: 100px;
        right: 0;
        bottom: 0;
    }
    .header-box1, .header-box3 {
        height:200px;
    }
    .header-box2 {
        height:auto;
    }
    .pupil-login h1 {
        padding-top:25px;
    }
    .pupil-login {
        height: 175px;
    }
    .header-box2 div {
        margin-bottom:20px;
    }
    #header {
        margin-top:40px;
    }
    .notepad {
        background-repeat: repeat-y;    
        background-size: contain;    
        padding: 15px 35px 15px 50px;
    }
}
.link-text > a {
    color: white !important;
}