/* --- Content: --- */
/* ------ General: */
html, body {background:url('https://cdn.edjin.com/static/users/helpPD/img/noiseTexture-100x100-fac02af6136baa0ab7c17cf17cbe35ad.png') #fff;}
.page {margin:auto;position:relative;width:960px;}
.hr {background:#ddd;height:1px;margin:0 0 20px;position:relative;width:100%;}
.el-spcBtm {margin-bottom:10px;}
.el-spcTop {margin-top:10px;}
.el-last {margin-bottom:0;}
.sprite {background-image:url("/home/template/hotmaths/img/homeSprites.png");background-repeat:no-repeat;}

.contBlk {background:#fff;border:1px solid #ddd;padding:40px;}

.bannerBlk {background:#000;border-radius:10px;color:#fff;padding:20px;}
.bannerHead {color:#fff;font-size:36px;line-height:1.1;margin-bottom:20px;}
img.bannerStickerImg {float:right;margin-top:-30px;top:10px;}
/* ------Whats new: */
.subText {color:#ccc;font-size:12px;margin:-5px 0 10px;}
/* ------ SEO styles: */
.orgBox {border-radius:7px;border:3px solid #ff6633;padding:20px;position:relative;width:auto;}
.orgBox-bg {background:#fbdbc6;filter:alpha(opacity=50);opacity:0.5;}

/* --- Header: --- */
.header {background:url("/home/template/hotmaths/img/homeTile.jpg") 0 0;height:110px;margin-bottom:10px;position:relative;z-index:1001;}
.headerLogos {float:left;}
.cambridgeLogo {background-position:0 -38px;height:69px;float:left;position:relative;width:236px;}
.hotmathsLogo {background-position:0 -107px;height:69px;float:left;position:relative;width:216px;}
.headBtn {font-size:16px;font-weight:bold;float:right;padding:9px 15px;margin:14px;text-decoration:none !important;}

.nav {border:1px solid #ccc;border-top:none;bottom:0;height:41px;left:0;position:absolute;right:0}
.nav ul {list-style:none;margin:0;padding:0;}
.nav li {border-right:1px solid #ccc;float:left;list-style:none;line-height:41px;padding:0 12px;position:relative;}
.nav li:hover {background:#ccc;}
.nav li:hover a {color:#fff;}
.nav .link {cursor:pointer;}
.nav .ddIcon {background-position:-9px -29px;float:left;height:5px;margin-left:5px;position:relative;top:18px;width:7px;}
.nav li:hover .ddIcon {background-position:0 -29px;}
.nav li a {color:#202020;display:block;float:left;font-size:12px;height:40px;text-decoration:none;text-transform:uppercase;}
.nav li.selected {background:#f0f0f0;}
.nav li.selected:hover a {color:#202020;}
.nav li ul {background:#d8d8d8;border:1px solid #ccc;border-bottom:none;display:none;left:-1px;position:absolute;top:40px;}
.nav li:hover ul {display:block;}
.nav ul ul li {border:none;border-bottom:1px solid #ccc;float:none;}
.nav ul ul li:hover {background:#e5e5e5;}
.nav li:hover ul a {color:#202020;float:none;}

.socalIcon {bottom:-5px;cursor:pointer;display:block;float:right;height:30px;margin-right:5px;position:relative;width:30px;z-index:1;}
#fbIcon {background-position:0 -176px;}
#twIcon {background-position:-30px -176px;}

/* --- Footer: --- */
.footer {color:#999;font-size:11px;padding-bottom:15px;width:100%;}
.links {margin:15px 0;padding:0;text-align:center;}
.links a {color:#999;;border-left:1px solid #ddd;cursor:pointer;line-height:17px;margin:0 -1px;padding:5px 10px;text-decoration:none;}
.links a:first-child {border-left:none;}
.links a:hover {color:#555;}
.copyright {margin-top:-5px;position:relative;text-align:right;}

/* --- Tables: --- */
.genTable, .genBlk {background:#f0f0f0;border-collapse:collapse;font-size:12px;position:relative;width:100%;}
.genTable th, .genTable td, .genBlk {border:1px solid #ddd;padding:10px;}
.genTable th {font-weight:bold;}
.genBlk {width:auto;}
.genBlk .title {line-height:2;}
.genBlk .gen-textInput {padding:5px 0;width:100%;margin-left:-2px;}

/* --- Inputs: --- */
input, textArea {border:none;border-radius:0;resize:none;font-size:14px;width:100%;}
input[type="submit"] {padding:7px;width:auto;}
.inlineInput {border:#808080 1px solid;padding:7px;position:relative;}
.inlineInput .inputText {background:none;outline:none;position:relative;width:100%;z-index:1;}
.inlineInput .label {color:#ccc;position:absolute;top:10px;}
.inlineInput .inputText, .inlineInput .label, .inlineBtn {font-family:'Arial';line-height:1;}
.inlineBtn {padding-top:11px !important;padding-bottom:11px !important;margin-left:1px;}
.gen-textInput {background:#fff;border:1px solid #ccc;margin:0 0 3px 0;*margin:0 0 1px 0;padding:5px;*padding:5px 0;display:block;width:200px;}
.gen-submit {border:1px solid #ccc;}
.banner-textInput {background:#fff;}

/* --- Links & buttons: --- */
.arrowLink, .arrowBackLink {background-position:right 0;padding-right:8px;}
.arrowBackLink {background-position:left -12px;padding:0 0 0 8px;}
.arrowLink:hover, .arrowBackLink:hover {text-decoration:underline;}
.sideBtn {border:1px solid #ccc;color:#000;display:block;margin:0 0 10px;padding:10px 15px;position:relative;}
.sideBtn {background-color:#ddd;background-image:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#ddd));background-image:-webkit-linear-gradient(top, #f0f0f0, #ddd);background-image:-moz-linear-gradient(top, #f0f0f0, #ddd);background-image:-ms-linear-gradient(top, #f0f0f0, #ddd);background-image:-o-linear-gradient(top, #f0f0f0, #ddd);background-image:linear-gradient(to bottom, #f0f0f0, #ddd);}
.boldHead {background:url("/home/template/hotmaths/img/homeTile.jpg") 0 -149px;color:#fff;}
.darkHead {background:url("/home/template/hotmaths/img/homeTile.jpg") 0 -109px;color:#fff;}
.lightHead {background:url("/home/template/hotmaths/img/homeTile.jpg") 0 -69px;color:#444;}

/* --- Typography: --- */
/* ------ Headings: */
/*h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {display:block;font-weight:600;line-height:1.1em;text-rendering:optimizelegibility;}*/
/*h1,h2 {margin:20px 0 10px;}*/
/*h3,h4,h5,h6 {margin:10px 0;}*/
h1,.h1 {color:#ff6f20;font-size:22px;}
h2,.h2 {color:#000;font-size:18px;}
h3,.h3 {color:#666;font-size:16px;}
h4,.h4 {font-size:15px;}
h5,.h5 {font-size:15px;}
/* ------ Body copy: */
body,html {font-family:'Arial',sans-serif;font-size:14px;line-height:1.43;}
a {color: #ff6f20;text-decoration:none;}
a:hover {text-decoration:underline;}
/* ------ Emphasis: */
.emphasis1 {color:#ff6f20;}
/*.emphasis3 {color:#ff3300;}*/
/*.emphasis4 {color:#8dcf3f;}*/
.errorMessage {color:#ff3300;font-size:12px;font-style:italic;font-weight:bold;padding:0;}
.errorMessage li {list-style-type:none;}
/* ------ Lists: */
/*ul,ol {display:block;padding:0 0 0 20px;}*/
/*ul {list-style:disc;}*/
/*ol {list-style:decimal;}*/
/*li {display:list-item;}*/
/*.l-p {margin-top:-10px;}*/

.genBtn {background:#ccc;border:none;cursor:pointer;}

/* --- Lib overrides and extensions: --- */
/* ------ jquery-ui dialog: */
.ui-dialog {padding:0;}
.ui-dialog .ui-dialog-titlebar {margin:0;}
#dialog {padding:20px;}
#widgetHolder {height:100%;position:relative;width:100%;}
#widget {height:100%;position:absolute;text-align:center;width:100%;}
.s5BtnBlocker {background:#fff;float:right;height:29px;position:relative;width:100px;}

/* --- hd images: --- */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .sprite {background-image:url("/home/template/hotmaths/img/homeSprites@2x.png");background-size:230px 206px;}
}