/*
Theme Name: 21st Century Teaching Assistants Theme
Theme URI: http://realgroup.co.uk
Description: An online training programme for Teaching Assitants
Author: Real Group (UK) Ltd
Author URI: http://realgroup.co.uk
Version: 1.0
*/

body { line-height: 21px; font-family: Arial,Verdana,sans-serif; font-size: 16px; color: #454545; background-color: #fff; padding-bottom: 50px; }
a, abbr, acronym, address, applet, b, big, blockquote, body, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, object, ol, pre, q, s, samp, small, span, strike, strong, sub, sup, tt, u, var { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0; }
ol, ul { list-style: none; }
label { cursor: pointer; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
textarea { font-family: Arial,Verdana,sans-serif; }

#main-header { padding-top: 10px; }
.container { text-align: center; margin: 0 auto; width: 800px; padding: 0px 20px 0px 20px; position: relative; }
a { text-decoration: none; color: #1487af; }

#nav-menu { position: relative; border-top: 2px solid #eee; min-width: 840px; }
/* #nav-menu:before { content: ''; background: url('./images/nav-shadow.png') top center no-repeat; position: absolute; width: 100%; height: 7px; top: -7px; left: 0; }
#nav-menu ul:before { content: ''; position: absolute; bottom: -5px; left: 0; background: url('./images/sort_menu_bottom.png') no-repeat; width: 100%; height: 5px; z-index: 2; } */

/*
#nav-menu ul { position: relative; padding: 0px; margin: 0px 0px 0px 4px; }
#nav-menu li { position: relative; display: inline-block; border-left: 1px solid #EEE; margin-left: -4px;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.3, #FFF), color-stop(1, #EEE) );
    background:-moz-linear-gradient( center top, #FFF 30%, #EEE 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#EEE');
    background-color:#FDFDFD;
    font-family: 'Roboto', Arial, Verdana, serif;
    font-size: 18px;
}
*/

#nav-menu ul { position: relative; padding: 0px; margin: 0px; display: table; height: 51px; width: 100%; }
#nav-menu li { position: relative; display: table-cell; border-left: 1px solid #EEE;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.3, #FFF), color-stop(1, #EEE) );
    background:-moz-linear-gradient( center top, #FFF 30%, #EEE 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#EEE');
    background-color:#FDFDFD;
    font-family: 'Roboto', Arial, Verdana, serif;
    font-size: 18px;
}
#nav-menu li:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.3, #EEE), color-stop(1, #FFF) );
    background:-moz-linear-gradient( center top, #EEE 5%, #FFF 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE', endColorstr='#FFF');
    background-color:#F5F5F5;
}
#nav-menu li a { display: block; padding: 15px 0px; color: #777; }
#nav-menu li:last-child { border-right: 1px solid #EEE; }

.form-submit, .form-cancel { padding: 20px 60px; font-size: 26px; border-radius: 3px; font-family: "Roboto", Arial, Verdana, serif; }

#nav-menu .current_page_item, .form-submit, .form-cancel {
    -moz-box-shadow:inset 0px 1px 0px 0px #199dd4; /* #a8e077 */
    -webkit-box-shadow:inset 0px 1px 0px 0px #199dd4; /* #a8e077 */
    box-shadow:inset 0px 1px 0px 0px #199dd4; /* #a8e077 */
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #199dd4), color-stop(1, #199dd4) ); /* #83c41a, #507801 */
    background:-moz-linear-gradient( center top, #199dd4 5%, #199dd4 100% ); /* #83c41a, #507801 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#199dd4', endColorstr='#199dd4'); /* #83c41a, #507801 */
    background-color:#199dd4; /* #83c41a */
    text-indent:0px;
    border:1px solid #199dd4; /* #507801 */
    display:inline-block;
    color: #ffffff;
    /* text-shadow:1px 1px 0px #689324; */
}
#nav-menu .current_page_item { width: 100%; }

#nav-menu .current_page_item a { color: #ffffff; }
#nav-menu .current_page_item:hover, .form-submit:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1487af), color-stop(1, #1487af) );
    background:-moz-linear-gradient( center top, #1487af 5%, #1487af 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1487af', endColorstr='#1487af');
    background-color:#1487af;
    border:1px solid #1487af;
}

.campus-course #courseActivityComplete { padding: 1em 1em 1em 0em !important; }
.campus-course #courseActivityComplete button { background-color: #eeeeee !important; color: #121212; border: none !important; padding: 10px 50px !important; font-size: 20px; border-radius: 3px; font-family: "Roboto", Arial, Verdana, serif; }
.campus-course.status3 #courseActivityComplete button { background-color: #009900 !important; color: #ffffff; }

.form-cancel {
    -moz-box-shadow:inset 0px 1px 0px 0px #EEE;
    -webkit-box-shadow:inset 0px 1px 0px 0px #EEE;
    box-shadow:inset 0px 1px 0px 0px #EEE;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFF), color-stop(1, #EEE) );
    background:-moz-linear-gradient( center top, #EEE 5%, #FFF 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#EEE');
    background-color:#FFF;
    border:1px solid #EEE;
    color: #777;
    text-shadow:1px 1px 0px #FFF;
}
.form-cancel:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EEE), color-stop(1, #FFF) );
    background:-moz-linear-gradient( center top, #EEE 5%, #FFF 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE', endColorstr='#FFF');
    background-color:#EEE;
    border:1px solid #EEE;
}

#nav-menu .current_page_item:after { content: ''; position: absolute; border-style: solid; border-width: 15px 15px 0; border-color: #199dd4 transparent; display: block; width: 0; z-index: 3; margin-left: -15px; bottom: -15px; left: 50%; }

#nav-menu .current_page_item:hover:after { border-color: #1487af transparent; }

#cc-nav { border: none !important; margin-bottom: 0px !important; }
#cc-nav ul ul li { background: #EEE !important; }
#cc-nav ul ul ul li { background: #FFF !important; }
#cc-nav ul ul ul li a { border-bottom: 1px solid #DDD !important; }
#cc-nav ul li a.nav-menu { padding: 4px 0px 0px 0px !important; }
#cc-nav ul ul li a.nav-menu { padding-left: 25px !important; }
.campus-course #cc-page { width: 100% !important; float: none !important; padding: 0px !important; }


#main-area { background-color: #dbdbdb; margin-bottom: 57px; position: relative; min-width: 840px; width: 100%; }
#main-area:before { -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.25); -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.25); box-shadow: inset 0 0 30px rgba(0,0,0,.25); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.graydiv { width: 680px; float: left; background-color: #ffffff; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); text-align: center; position: relative; margin: 30px auto 0px auto; padding: 45px 60px; overflow: hidden; }
.pagediv { width: 680px; float: left; background-color: #ffffff; border: 2px solid #ccc; border-top: none; text-align: center; position: relative; margin: 0px; padding: 45px 60px; overflow: hidden; }
.pagediv h1 { font-family: 'Roboto', Arial, Verdana, serif; font-size: 30px; margin-bottom: 25px; text-align: left; line-height: 32px; font-weight: normal; }
.pagediv h2 { font-family: 'Roboto', Arial, Verdana, serif; font-size: 25px; margin-bottom: 25px; text-align: left; line-height: 27px; font-weight: normal; }
.pagediv h3 { font-family: 'Roboto', Arial, Verdana, serif; font-size: 25px; margin-bottom: 20px; text-align: left; line-height: 22px; font-weight: normal; }
.pagediv .entry { text-align: left; }
.pagediv ol { list-style: decimal; margin-left: 40px; }
.pagediv ol li { margin-bottom: 10px; }
.pagediv ul li { list-style: disc; }

.task h1, .tool h1 { font-size: 15px; line-height: 17px; color: #888; margin: 0px; }
.task h2, .tool h2 { font-size: 30px; margin-bottom: 20px; line-height: 30px; border-bottom: 2px solid #DDD; padding: 15px 0px; }
#cc-page .uploadform input { font-size: 1em !important; }
#cc-page .uploadform input[type=submit] { margin-top: 5px; }

.imagediv { width: 800px; float: left; background-color: #ffffff; border: 2px solid #ccc; border-top: none; border-bottom: none; border-radius: 0px; text-align: center; position: relative; margin: 1px auto 0px auto; padding: 0px; overflow: hidden; }
.imagediv img { display: block; }

.formError { width: 680px; background-color: #ffeeee; border: 1px solid #ff0000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); text-align: center; margin: 0px 0px 20px 0px; padding: 30px 60px; overflow: hidden; font-family: Arial,Verdana,sans-serif; font-size: 18px; line-height: 25px; }
.formError ul { text-align: left; list-style: disc; margin: 0px 70px; }

.formSuccess { width: 680px; background-color: #EEFFEE; border: 2px solid #00AA00; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); text-align: center; margin: 0px 0px 20px 0px; padding: 30px 60px; overflow: hidden; }
.coursePoster { border: 1px solid #AAA; background: #EEE; height: 300px; width: 220px; margin: 0px 15px; float: left; border: 7px solid #FFF; -moz-box-shadow: 0px 0px 10px 3px #DDD; -webkit-box-shadow: 0px 0px 10px 3px #DDD; box-shadow: 0px 0px 10px 3px #DDD; }

.floatFullWidth { width: 100%; float: left; }
.signup-heading { font-family: 'Roboto', Arial, Verdana, serif; font-size: 30px; margin: 0px 0px 25px 0px; text-align: center; line-height: 32px; }
.signup-description { background-color: #f6f6f6; margin: 0 -60px 25px; padding: 14px 0 16px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; font-size: 22px; color: #454545; text-shadow: 1px 1px 0 #fff; text-align: center; }
.signup-feedback { font-family: 'Roboto', Arial, Verdana, serif; font-size: 24px; margin: auto; text-align: center; line-height: 28px; padding: 30px 0px; width: 800px; }

.form-table { width: 560px; padding-left: 10px; text-align: left; margin: auto; }
.field-title { font-family: 'Roboto', Arial, Verdana, serif; color: #454545; font-size: 22px; display: inline-block; width: 210px; text-align: left; display: inline-block; }
.form-input { text-align: left; display: inline-block; }
.span_font_note { clear: both; font-family: Arial; font-size: 16px; color: #454545; padding: 10px 0px 20px 0px; }
.alignCenter { text-align: center; }
.alignLeft { text-align: left; }
.vAlignTop { vertical-align: top; }

.input, select.select, input[type=text], input[type=email], input[type=password], .wpcf7 textarea { border: 1px solid #ccc; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.1); box-shadow: inset 0 0 0px rgba(0,0,0,0.1); padding: 8px 10px; font-size: 18px; width: 320px; margin-top: 5px; background: #f8fafa; /* Old browsers */
background: -moz-linear-gradient(top,  #f8fafa 0%, #ffffff 100%, #207cca 100%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fafa), color-stop(100%,#ffffff), color-stop(100%,#207cca), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8fafa 0%,#ffffff 100%,#207cca 100%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8fafa 0%,#ffffff 100%,#207cca 100%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8fafa 0%,#ffffff 100%,#207cca 100%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top,  #f8fafa 0%,#ffffff 100%,#207cca 100%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fafa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */  }
.wpcf7 textarea { width: 100%; box-sizing: border-box; font-size: 18px; font-family: Arial,Verdana,sans-serif; }
.wpcf7 input[type=submit], .profileSubmit input[type=submit] { background-color: #199dd4; color: #ffffff; border: none; padding: 10px 50px; font-size: 20px; border-radius: 3px; font-family: "Roboto", Arial, Verdana, serif; }
.profileSave { background-image: none; height: 40px; font-size: 16px; }
.campusProfile select { height: 40px !important; width: 250px !important; }
.campusProfile form { margin: 20px; }
.campusProfile table, .campusProfile input, .campusProfile select, .campusProfile textarea { box-sizing: border-box; }

.setupWizard_checklist { border: 1px solid #CCC; background: #F7F7F7; color: #121212; padding: 10px; width: 250px; }
.checklistTitle { font-weight: bold; margin-bottom: 10px; }
.checklistLabel { line-height: 27px; }
.setupWizard_checklist input[type=checkbox] { width: 22px; height: 22px; vertical-align: bottom; }


.saqTabs { font-family: sans-serif; line-height: 18px; }
.saqTableLabel { min-width: 55px; }
#saqPageSummary td { vertical-align: top; }
.saq6ScaleColor1, .saq6ScaleColor2, .saq6ScaleColor3, .saq6ScaleColor4, .saq6ScaleColor5, .saq6ScaleColor6 { width: 100%; max-width: 100% !important; text-align: left !important; padding: 3px 7px !important; line-height: 16px; }

.moduleInfo, .futureModules { clear: both; }
.moduleInfo li { margin-left: 200px; }
.futureModules li { list-style: disc; }
.course_select { float: left; }
.poster_container { position: relative; margin:10px; width: 220px; height: 300px; z-index : 1; margin: 0px 22px; -webkit-perspective: 1000; perspective: 1000; }
.poster_card { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -webkit-transition: all 1.0s linear; transform-style: preserve-3d; transition: all 1.0s linear; cursor: pointer; border: 7px solid #FFF; -moz-box-shadow: 0px 0px 10px 3px #DDD; -webkit-box-shadow: 0px 0px 10px 3px #DDD; box-shadow: 0px 0px 10px 3px #DDD; }
.poster_container.active .poster_card { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.face { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.face.back { display: block; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); color: #121212; text-align: center; background-color: #eee; vertical-align: middle; }
.posterTitle { font-family: 'Roboto', Arial, Verdana, serif; font-size: 22px; margin: 20px 10px 0px 10px; line-height: 25px; }
.posterContent { padding: 15px; font-size: 14px; text-align: left; line-height: 18px; }
.posterContent ul, posterContent li { list-style: disc; padding-left: 20px; }
.c21courseSelect { margin: 25px 0px; }
.poster_image { float: left; margin-right: 20px; margin-bottom: 20px; border: 7px solid #FFF; -moz-box-shadow: 0px 0px 10px 3px #DDD; -webkit-box-shadow: 0px 0px 10px 3px #DDD; box-shadow: 0px 0px 10px 3px #DDD; }

.c21courseSelect { margin: 20px; }
.c21checkBox { width: 22px; height: 22px; margin: 0px; cursor: pointer; }
.c21checkBoxLabel { vertical-align: top; font-weight: bold; }
.c21checkBoxLabelBig { font-family: 'Roboto', Arial, Verdana, serif; color: #454545; font-size: 26px; }

.c21user { border: 1px solid #dddddd; background: #f8fafa; padding: 10px 10px; border-radius: 3px; vertical-align: middle; line-height: 26px; }
.c21user .avatar { vertical-align: bottom; margin-right: 5px; }

.wizard { position: relative; padding: 30px 0px 0px 0px; margin: 0px; }
.wizard li { position: relative; display: inline-block; background: #FDFDFD; border: 1px solid #ddd; color: #777; font-family: 'Roboto', Arial, Verdana, serif; font-size: 16px; padding: 10px 10px 10px 35px; margin-left: -5px; }
.wizard li:first-child { padding: 10px 10px 10px 35px; }
.wizard li:after, .wizard li:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 3; }
.wizard li:after { border-color: transparent; border-left-color: #FDFDFD; border-width: 19px; margin-top: -19px; }
.wizard li:before { border-color: transparent; border-left-color: #ddd; border-width: 21px; margin-top: -21px; }
.wizard .current, .wizard .complete { color: #FFF; background: #199dd4; border-color: #199dd4; /* #507801 */ }
.wizard .current:before { border-left-color: #199dd4; }
.wizard .current:after, .wizard .complete:after { border-left-color: #199dd4; }
.wizard .complete:before { border-left-color: #FFF; }
.wizard .complete a { color: #FFF; }
.plusBtn { height: 22px; width: 22px; border-radius: 12px; border: 1px solid #CCC; color: #454545; background: #F7F7F7; font-weight: bold; font-size: 22px; display: inline-block; vertical-align: top; text-align: center; margin-right: 7px; }

.wizardTable td { border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 10px;  }
.wizardTable .imgTd { padding: 7px 7px 2px 7px; border-top: 1px solid #e7e7e7 }
.wizardTableFooter { border-left: 1px solid #e7e7e7; background: #e7e7e7; }
.c21table-alt { background: #f8fafa; border-top: 21px solid #e7e7e7 !important; }

.campusDialogSubmit { text-align: right; }
.campusDialogSubmit .form-cancel { float: left; }

#wizard-loader, .c21ta-loader { font-family: 'Roboto', Arial, Verdana, serif; font-size: 26px; padding: 30px; display: none; }
#wizard table { border-spacing: 0; width: 100%; clear: both; margin: 0; text-align: left; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0 1px 1px rgba(0,0,0,.04); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04); border-radius: 5px !important; -webkit-border-radius: 5px !important; }
#wizard thead tr th, #wizard tfoot tr th { background: #f1f1f1;
background-image: -webkit-gradient(linear,left bottom,left top,from(#ececec),to(#f9f9f9));
background-image: -webkit-linear-gradient(bottom,#ececec,#f9f9f9);
background-image: -moz-linear-gradient(bottom,#ececec,#f9f9f9);
background-image: -o-linear-gradient(bottom,#ececec,#f9f9f9);
background-image: linear-gradient(to top,#ececec,#f9f9f9); }
#wizard th, #wizard td { padding: 5px; min-height: 40px; }
#wizard img { display: block; }
.alternate { background-color: #F3F3F3; }

#campusForum { margin-top: -21px; margin-bottom: -52px; }

.notebook { margin-top: -21px !important; }
#notebookUnitList { display: none; }
.notebookContent { width: 760px !important; margin-left: 20px !important; }
.nbPvShare { display: none; }
.notebookCommentIcon, .notebookCommentNumber { display: none !important; }
.nbPvInfo { margin-left: 0px !important; }
.notebook { margin: 30px 0px 0px 0px; }
#campusProgressSearchBox, #searchCampusLLogs { font-size: 12px; padding: 3px; }
.notebookPrivacy { visibility: hidden; height: 20px; }
.searchBoxContainer { float: left !important; width: 200px; }
.searchBoxContainer input { width: 150px; margin: 0px; }

.file p { margin: 0px; }

.terms { font-size: smaller; }
.terms h4 { margin: 15px 0px 0px 0px; }

#main-footer { font-family: Arial, Verdana ,serif; }
footer, header, hgroup, nav, section { display: block; }
#main-footer ul { text-align: center; padding: 0px 0px 40px 0px; }
#main-footer li { padding-left: 17px; display: inline-block; color: #999; font-style: italic; max-width: 480px; }