/* Generic stylesheet 
Author:Ech Design
Url:http://echdesign.co.uk
Date:2009
Stay on target
*/
* {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
background: #E7E7DE;
font-family: verdana,arial,helvetica,verdana;
font-size: 73%;
color: black;
}
p {
margin: 10px 10px 0px 20px;
line-height: 1.9em;
font-size: 1.1em;
}
strong {
color: #182E6D;
}
h1 a {
color: #fff;
text-decoration: none;
}
h1 a:hover {
border: none;/* prevents a border from appearing when the home icon is mousedover */
}
a {
outline: none;/* firefox property that prevents the dotted line from appearing when you click on links */
}
a {
color: #0E3F60;
}
a:hover {
color: #BA0C27
}
a img {
border: none;
}
.clear {
clear: both;
}
#contentwrapper {
text-align: left;
min-width: 890px;
max-width: 1600px;
position: relative;
margin-top: 0px;
padding-top: 0px;/* min-height:768px;*/
margin-left:auto;
margin-right: auto;/* width:80%;
border-left: 5px solid #fff;
border-right: 5px solid #fff;*/
}
#header {
background: #fff;/* background:url(/images/header-left2.png) no-repeat bottom left;/*#7FA1FF;#C5D93A;*/
/* border-bottom:3px solid #70C0FF;*/
/*height:83px;*/
position:relative;
z-index: 3;
width: 980px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding-bottom: 10px;/* Do rounding (native in Firefox and Safari) */
-webkit-border-top-left-radius:20px;
-moz-border-radius-topleft: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
}
#header-right {/* background:url(/images/header-right2.png) no-repeat bottom right;*/
width:74px;
height: 123px;
position: absolute;
right: 0px;
top: 0px;
z-index: 2;
display: none;
}
#logo {
float: left;
width: 163px;
position: relative;
top: 15px;
left: 15px;
margin-bottom: 13px;/* margin-left:30px;*/
}
.center #logo {
left: 0px;
width: auto;
padding-top: 40px;
text-align: center;
float: none;
}
.center #logo img {
border: 1px solid #E3E3E3;
margin-left: auto;
margin-right: auto;
}
#logo img {/* border:2px solid #606572;*/
}
#sidebar {/* Do rounding (native in Firefox and Safari) */
-webkit-border-bottom-left-radius:20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
height: 50px;
z-index: 2;
float: right;
background: #0B75AF;
margin-right: 0px;
width: 550px;
}
.admin-section #sidebar {
width: 770px;
}
img#avatar {
margin-left: 15px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 10px;
float: left;
height: 35px;
}
h1 {
margin-top: 8px;
font-size: 2em;
font-weight: bold;
}
#sidebar h1 {
color: #fff;
margin-top: 10px;
margin-left: 10px;
float: left;
}
/* following defines h1 icons TEACHERS ADMIN */
#admin-dashboard #content h1 {
background: url(/images/home-small-teachers.png) 0px 11px no-repeat;
padding-left: 35px;
margin-left: 20px
}
#admin-students #content h1,#admin-student-groups #content h1,#admin-student-collections #content h1 {
background: url(/images/students-small.png) 0px 11px no-repeat;
padding-left: 35px;
margin-left: 20px
}
#admin-available-volumes #content h1 {
background: url(/images/volumes-small.png) 0px 11px no-repeat;
padding-left: 35px;
margin-left: 20px
}
#admin-performances #content h1 {
background: url(/images/reports-small.png) 0px 11px no-repeat;
padding-left: 35px;
margin-left: 20px
}
#admin-live-monitors #content h1 {
background: url(/images/live-monitor-small.png) 0px 11px no-repeat;
padding-left: 35px;
margin-left: 20px
}
#admin-announcements #content h1 {
background: url(/images/announcements-small-teachers.png) 0px 11px no-repeat;
padding-left: 35px;
margin-left: 20px
}
#admin-schools #content h1 {
background: url(/images/settings-small.png) 0px 11px no-repeat;
padding-left: 35px;
margin-left: 20px
}
/* following defines h1 icons STUDENTS SECTION */
#student-dashboards #content h1 {
background: url(/images/home-small.png) 0px 11px no-repeat;
padding-left: 35px;
margin-left: 20px
}
#student-dashboards #content h1 {
background: url(/images/home-small.png) 0px 11px no-repeat;
padding-left: 35px;
margin-left: 20px
}
#student-volumes #content h1 {
background: url(/images/tester-small.png) 0px 11px no-repeat;
padding-left: 35px;
margin-left: 20px
}
#student-attempts #content h1 {
background: url(/images/tester-small.png) 0px 11px no-repeat;
padding-left: 35px;
margin-left: 20px
}
#student-students #content h1 {
background: url(/images/lock-small.png) 0px 11px no-repeat;
padding-left: 35px;
margin-left: 20px
}
#student-announcements #content h1 {
background: url(/images/announcements-small.png) 0px 11px no-repeat;
padding-left: 35px;
margin-left: 20px
}
ul#fivestar {
margin-top: 10px;
display: none;
float: left;
}
ul#fivestar li {
float: left;
list-style-type: none;
}
ul.menu {
clear: right;
float: right;
height: 50px;
line-height: 22px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-right: 10px;
}
.admin-section ul.menu {
margin-left: 9px;
padding-right: 10px;
line-height: 14px;
}
ul.menu li {
list-style-type: none;
margin-left: 10px;
margin-right: 10px;
float: left;
margin-top: 3px;
}
ul.menu li a {
padding-left: 0px;
display: block;
padding-top: 20px;
}
.admin-section ul.menu li {
margin-left: 10px;/* font-size:0.95em;*/
padding-left:0px;
margin-top: 5px;
}
/* student section menu icons */
li#home a {
background: url(/images/home-xsmall.png) no-repeat top center;
}
li#password a {
background: url(/images/lock-xsmall.png) no-repeat top center;
}
li#logout a {
background: url(/images/flag-xsmall.png) no-repeat top center;
}
/* teachers section menu icons */
li#home2 a {
background: url(/images/home-xsmall2.png) no-repeat top center;
}
li#students2 a {
background: url(/images/students-section-xsmall.png) no-repeat top center;
}
li#questions a {
background: url(/images/question-sets-xsmall.png) no-repeat top center;
}
li#reports a {
background: url(/images/reports-xsmall.png) top center no-repeat;
}
li#monitor a {
background: url(/images/live-monitor-xsmall.png) top center no-repeat;
}
li#announcements a {
background: url(/images/announcements-xsmall.png) top center no-repeat;
}
li#settings a {
background: url(/images/settings-xsmall.png) top center no-repeat;
}
li#view a {
background: url(/images/viewsite-xsmall.png) top center no-repeat;
}
li#logout2 a {
background: url(/images/logout-xsmall.png) top center no-repeat;
}
ul.menu li a {
color: #fff;
}
ul.menu li a:hover {
color: #CFE8FF;
}
ul.menu li img {
float: left;
padding-top: 13px;
margin-right: 3px;
}
.admin-section ul.menu li img {
padding-top: 16px;
margin-right: 1px;
}
ul.options {
margin-top: 2px;
margin-right: 20px;
clear: right;
float: right;
}
ul.options li {
float: left;/* display:inline;*/
list-style-type:none;
margin-right: 0px;
margin-left: 15px;
padding-right: 0px;
}
ul.options li a {
color: #0B75AF;
}
ul.options li a:hover {
color: #CE0A27;
}
.admin-section ul.options li {/* font-size:0.95em;*/
}
.center {
margin-left: auto;
margin-right: auto;
width: 290px;
text-align: center;
}
ul {
margin-left: 20px;
}
ul li {
margin: 10px;
}
ul.filter {
margin-top: 15px;
}
#login {
width: 290px;
margin: 30px auto 0 auto;
background: #70C0FF;
border: 2px solid #fff;
color: #fff;
}
#login label {
margin-left: 5px;
width: 130px;
text-align: left;
}
#login input {
width: 145px;
}
#login input.submit {
width: auto;
}
#content #login p {
text-align: right;
margin-left: 10px;
margin-right: 18px;
margin-bottom: 10px;
}
#content {
clear: left;
margin-left: auto;
margin-right: auto;/* border:2px solid #3B5DA4;*/
width:980px;
background: url(/images/gradient.png) repeat-x #f4f5f5;
}
#content h1 {
color: #0B75AF;
padding-left: 20px;
margin-top: 0px;
padding-top: 14px;
padding-bottom: 10px;
}
#content h1 span,#content h3 span {
color: #CE0A27;
}
#intro {/* background:#EFEFEF;*/
}
.alternate {
background: url(/images/gradient.png) repeat-x;
padding-bottom: 10px;
margin-bottom: -20px;/* border:1px solid #E3E3E3;
border: 1px solid #E3E3E3;*/
}
.alternate h2 {
margin-top: 0px;
}
h2 {
font-size: 1.8em;
font-weight: bold;
margin-left: 0px;
margin-right: 0px;
padding-left: 20px;
padding-right: 10px;
padding-top: 15px;
margin-top: 20px;
margin-bottom: 10px;
background: url(/images/gradient.png) repeat-x;
border-top: 0px solid #fff;
color: #CE0A27/*#BD0927*/;
}
h3 {
color: #0B75AF;
margin-left: 20px;
font-size: 1.3em;
}
.conversation h3 {
background: url(/images/gradient.png) repeat-x;
padding-top: 15px;
margin-left: 0px;
padding-left: 20px;
}
.conversation p {
margin-left: 40px;
}
.you {
font-style: italic;
background: url(/images/gradient.png) repeat-x #fff;
padding-bottom: 10px;
margin-bottom: -20px;
}
.you p {
}
p span {
color: #0B75AF;
}
.scores p span {
color: #2C7F27;
font-weight: bold;
}
.scores {
background: #ffffff;
margin-left: 20px;
margin-right: 11px;
border: 3px solid #70C0FF;
}
.scores p {
color: #0B75AF;
font-size: 1.5em;
}
#console-right .scores p span {
color: #2C7F27;
font-weight: bold;
}
.scores p em {
font-size: 0.7em;
}
/* Table styling */
.table {
margin-left: 20px;
margin-right: 20px;
border: 3px solid #70C0FF;
background: #fff;
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
table {
border-collapse: collapse;
color: #3B5DA4;
font-size: 1.2em;
display: block;
background: #fff;
}
table.fieldset {
border: 1px solid #E3E3E3;
padding-top: 20px;
padding-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}
table.fieldset2 {
border: 3px solid #70C0FF;
padding-top: 20px;
}
table.fieldset td,table.fieldset2 td {
border: 0;
}
td,th {
border-bottom: 1px solid #085376;
}
td.exam {
color: #000;
font-size: 1.2em;
}
td.question {
color: #000;
width: 50%;
}
td.number,th.number {
text-align: center;
width: 80px;
}
td.help {
width: 40%;
font-size: 80%;
}
td.label {
width: 20%;
}
table.index .node .na,table.index .node .student small,table.index .node .exam small {
color: #666666;
font-size: 90%;
font-style: italic;
font-weight: normal;
margin-left: 0.5em;
}
th {
font-size: 1.2em;
color: #CE0A27;
text-align: left;
}
table.email th {
font-size: 1em;
}
table.email tr:hover,table.fieldset2 tr:hover {
background: none;
color: #3B5DA4;
}
td,th {
padding: 5px;
}
/*
BASIC FORM
-------------------------------------------------
*/
div.basic_form {
background-color: #f5f5f5;
margin: 0 10px;
padding: 10px 20px 10px 10px;
font-size: 11px;
}
div.basic_form input.expanded,
div.basic_form textarea.expanded {
width: 95%;
}
div.basic_form input {
width: 300px;
padding: 3px;
}
div.basic_form input.autosize {
width: auto;
}
div.basic_form input.big {
font-size: 18px;
}
div.basic_form textarea {
width: auto;
font-size: 13px;
height: 75px;
}
div.basic_form h2 {
font-size: 14px;
margin: 0 0 5px 0;
border-bottom: 0px;
}
div.basic_form h3 {
font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;
font-weight: bold;
color: #333;
font-size: 12px;
margin: 0 0 2px 0;
border: none;
}
div.basic_form h3.optional {
font-weight: normal;
}
div.basic_form p {
font-size: 12px;
margin: 0 0 5px 0;
}
div.basic_form p.submit {
color: #999;
margin-bottom: 5px;
}
div.basic_form p.submit input {
width: auto;
font-size: 14px;
}
a.cancel {
color: #000;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
font-family: arial;
}
div.basic_form .group {
margin-bottom: 15px;
margin-right: 10px;
padding: 2px;
display: inline;
}
div.basic_form label.group input {
width: auto;
}
.basic_form p.blockintro {
color: #666;
font-size: 12px;
line-height: 1.3em;
margin: 0;
}
.basic_form dt {
width: 100px;
margin: 4px 10px 0 0;
padding: 0;
text-align: right;
white-space: nowrap;
float: left;
clear: left;
position: relative;
}
.basic_form dd {
margin: 0 0 5px 0px;
font-size: 10px;
}
.basic_form dt.required {
font-weight: bold;
}
.basic_form dd input {
vertical-align: middle;
}
.basic_form div.block {
color: #333;
background: #f0f0f0;
margin: 3px 0 25px 0;
padding: 5px;
font-size: 11px;
font-weight: normal;
}
.basic_form div.block input {
font-size: 12px;
}
.basic_form h2 {
font-size: 14px;
color: #000;
margin-bottom: 10px;
padding: 0;
margin: 0 0 5px 0;
}
.basic_form div.action,div.action {
border-top: 2px solid #000;
margin-bottom: 10px;
text-align: right;
padding-top: 8px;
font-size: 12px;
}
.basic_form div p {
margin: 0;
}
#footer {
clear: both;
background: #F4F5F5 none repeat scroll 0 0;
text-align: center;
color: #70C0FF;
margin: 0px auto 10px auto;
padding-bottom: 5px;
width: 980px;
padding-top: 10px;/* Do rounding (native in Firefox and Safari) */
-webkit-border-bottom-left-radius:20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
}
#footer p {
font-size: 0.8em;
color: #5F5F5F;
}
/* MESSAGES */
#notice,#error {
color: white;
margin-top: 0px;
position: relative;
top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
padding: 10px;
padding-top: 0;
clear: left;
}
#notice {
background-color: #0c3;
border: 3px solid #7FE699;
}
#error {
background-color: #c00;
border: 3px solid #e67f00;
}
.error_on_base {
color: #c00;
margin: 1em;
padding: 2em;
border: 1px solid #c00;
}
.error {
color: #c00;
margin-left: 5px;
}
/* PAGE SPECIFIC STYLING */
/* teacher section */
.teachers {
margin-top: 0px;
display: none;/* font-size:1.5em;*/
}
/* Teachers and Student homepage */
.module {
float: left;
width: 174px /* 17.8% */;
background: #fff;
margin-left: 20px /*2.4% */;
margin-right: -5px /*-1%*/;
border: 1px solid #E3E3E3;
height: 300px;
margin-top: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
}
.module:hover {
background-color: #E0E8EF;
}
.module a {
color: #000;
display: block;
text-decoration: none;
}
.module a:hover {
color: #C10A26;
}
.module h3 {
font-size: 1.4em;
color: #fff;/* #182E6D;*/
margin-left:0px;
margin-bottom: 10px;
text-align: center;
height: 15px;
background: #0B75AF;
padding-bottom: 10px;
padding-top: 5px;/* -webkit-border-top-left-radius:10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;*/
}
#studentmodules .module {
width: 301px;
height: 349px;
margin-top: 20px;
}
#studentmodules .module h3 {
font-size: 1.5em;
height: 25px;/* background:#0B75AF;*/
padding-top:10px;
margin-top: 0px;
padding-left: 10px;
margin-left: 0px;
color: #fff;
padding-bottom: 10px;
margin-bottom: 10px;
text-align: center;
}
.module:hover h3,#studentmodules .module:hover h3 {
color: #CFE8FF;
}
.module p {
margin-left: 10px;
}
.module img {
margin-left: 20px;
}
#studentmodules .module img {
display: block;
margin-left: 51px;
}
.submodule {
float: left;
width: 278px /*28.5%*/;
margin-top: 20px;
margin-left: 20px;
background: #0E3F5F;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #E3E3E3;
}
.submodule a {
color: #fff;
}
.submodule a:hover {
color: #BA0C27
}
/* Live monitor page */
ul.live-monitor-students {
margin-left: 20px;
}
ul.live-monitor-students li {
list-style-type: none;
float: left;
width: 100px;/* needed for ie for float to work */
margin-right:10px;
margin-top: 5px;
height: 10em;
font-size: 0.95em;
color: #0b75af;
text-align: center;
margin-bottom: 15px;
}
ul.live-monitor-students li img {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid #fff;
margin-bottom: 10px;
}
#need-assistance {
clear: both;
}
ul#need-assitance-list li {
list-style-type: none;
float: left;
}
ul#need-assitance-list li a {
text-decoration: none;
}
img.selected {
float: left;
border: 3px solid #EFEFEF;
margin-bottom: 16px;
margin-right: 15px;
margin-left: 15px;
}
#selectedstudent h3 {
margin-top: 5px;
color: #3B5DA4;
}
#selectedstudent h3 span {
color: #97C143;
}
.half {
float: left;
width: 266px;
}
.half h3 {
margin-left: 0px;
}
#selectedstudent p {
margin-top: 5px;
margin-left: 0px;
}
ul#confidence li {
list-style-image: none;
list-style-type: none;
padding-left: 30px;
background-repeat: no-repeat;
line-height: 29px;
height: 29px;
margin-left: -10px;
}
ul#confidence li#sure {
background-image: url(/images/green.gif);
}
ul#confidence li#fairly-sure {
background-image: url(/images/amber.gif);
}
ul#confidence li#guessed {
background-image: url(/images/red.gif);
}
#progress {
clear: left;
margin-left: 15px;
}
#progress h3 {
width: 85px;
float: left;
}
#progress ul {
margin-left: 100px;
}
#progress li {
list-style-type: none;
float: left;
margin-left: 2px;
text-align: center;
margin-top: 6px;
}
#progress li span {
display: block;
width: 21px;
height: 21px;
text-indent: -5000px;
}
#progress li a {
}
#progress li span a {
display: block;
}
#progress li span.correct-sure {
background: url(/images/sure-right.gif) bottom left no-repeat;
}
#progress li span.incorrect-sure {
background: url(/images/sure-wrong.gif) bottom left no-repeat;
}
#progress li span.correct-fairly-sure {
background: url(/images/fairly-sure-right.gif) bottom left no-repeat;
}
#progress li span.incorrect-fairly-sure {
background: url(/images/fairly-sure-wrong.gif) bottom left no-repeat;
}
#progress li span.correct-guessed {
background: url(/images/guessed-right.gif) bottom left no-repeat;
}
#progress li span.incorrect-guessed {
background: url(/images/guessed-wrong.gif) bottom left no-repeat;
}
#progress li span.not-flagged {
background: url(/images/not-flagged.gif) bottom left no-repeat;
}
#progress li span.flagged {
background: url(/images/flag.gif) bottom left no-repeat;
position: relative;
top: -4px;
}
#progress li span.blank {
background: url(/images/progress-blank.gif) bottom left no-repeat;
}
#progress li span.skipped {
background: url(/images/skipped.gif) bottom left no-repeat;
}
/* Please don't steal our words,because words are all we have */
.pagination {
text-align: center;
padding: .3em;
margin-top: 20px;
}
.pagination a,.pagination span {
padding: .2em .5em;
}
.pagination span.disabled {
color: #AAA;
}
.pagination span.current {
font-weight: bold;
color: #FF0084;
}
.pagination a {
border: 1px solid #DDDDDD;
color: #0063DC;
text-decoration: none;
}
.pagination a:hover,.pagination a:focus {
border-color: #003366;
background: #0063DC;
color: white;
}
.pagination .page_info {
color: #aaa;
padding-top: .8em;
}
.pagination .prev_page,.pagination .next_page {
border-width: 2px;
}
.pagination .prev_page {
margin-right: 1em;
}
.pagination .next_page {
margin-left: 1em;
}