/**************************************
 * THEME NAME: Chameleon_ABRSM_NewBrand
 *
 * Files included in this sheet:
 *
 *   Chameleon_ABRSM_NewBrand/user_styles.css
 **************************************/

/***** Chameleon_ABRSM_NewBrand/user_styles.css start *****/

body {
  font-size: 100%;
  color: #333333;
  margin: 0;
  background-repeat: no-repeat;
  font-family: arial, helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  padding: 0px 20px 10px 4px;
  background-position: center;
  border: 0px none #333333;
}
div.clearer {
  color: #000000;
  font-family: arial, helvetica, sans-serif;
  clear: both;
  border-width: 50px 0px 0px;
}
a:link {
  color: #004B8D;
  font-weight: normal;
  text-decoration: none;
}
a:hover {
  color: #EE2C74;
  font-weight: normal;
  text-decoration: underline;
}
img.resize {
  width: 1em;
  height: 1em;
}
p.helplink {
  margin: 0.5em 0;
}
h1.headermain {
  color: #000000;
  line-height: 3.2;
  text-align: right;
  text-decoration: none;
  font-size: 150%;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 2px;
  padding-top: 0%;
  padding-right: 0%;
  padding-bottom: 0%;
  bakground-olor: no-repeat;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;
  margin-top: 100px;
  float: left;
  padding-left: 8px;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: #cfcfcf;
}
h2.headingblock {
  background-color: #000000;
  font-family: arial, helvetica, sans-serif;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  margin-top: 4px;
  margin-right: 0%;
  margin-bottom: 0%;
  margin-left: 0%;
  font-size: 20px;
  color: #ffffff;
  border-width: 0px 0px 1px;
  border-style: solid;
  border-bottom-color: #cfcfcf;
}
table.loginbox {
  background-color: #ff0033;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
table.loginbox td.content {
  background-color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
div.noticebox {
  background-color: none;
  border-width: 0px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
table.generaltable td {
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
div.generalbox {
  border-top-width: 1px;
  border-style: solid none none;
  border-top-color: #DDDDDD;
}
table.generalbox {
  border-top-width: 1px;
  border-style: solid none none;
  border-top-color: #DDDDDD;
}
table.generaltable th.header {
  background-color: #DDDDDD;
  border-width: 1px;
  border-style: solid;
  border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
}
div.informationbox {
  background-color: #EEEEEE;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
table.userinfobox {
  border: 1px solid #DDDDDD;
}
p.copyright {
  text-align: center;
}
div.headermenu {
  font-size: 0.75em;
  margin-top: 20px;
  align: right;
  background-x-position: right;
  background-y-position: top;
  z-index: 100;
  margin-right: 15px;
}
div.breadcrumb {
  font-size: 0.9em;
  padding-left: 0.3em;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
}
table.tabs td.side {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0000ff;
}
div.navbar div.navbutton form {
  float: left;
}
div.navbar div.navbutton {
  margin-top: 3px;
}
div.navbar {
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-left: 0px;
  height: 24px;
  color: #000000;
  z-index: 0;
  margin-top: 30px;
  background-image: url(pix/toolbarbackground.gif);
  max-width: 985px;
  min-width: 985px;
  font-weight: normal;
  border: medium none #000000;
}
div#footer {
  margin-top: 0pt;
  font-size: 0.75em;
  height: 70px;
  background-color: #ffffff;
  padding: 3px;
  color: #000000;
  max-width: 985px;
  min-width: 985px;
  border-width: 2px 0px;
  border-style: solid none none;
  border-color: #EE2C74;
}
div#content {
  font-size: 0.75em;
  line-height: 1.6em;
  margin-top: 0px;
  color: #000000;
  padding: 10px 0;
  max-width: 985px;
  min-width: 985px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: #9999ff;
}
ul.section li {
  margin: 0.2em 0;
  border-top-width: 10px;
}
div.sideblock div.content * {
  text-align: left;
}
div.sideblock ul.list span.c1 {
  padding-left: 0.3em;
}
div.sideblock div.title h2 {
  font-size: 14px;
  line-height: 1.1em;
  font-family: arial, helvetica,sans-serif;
  font-weight: bolder;
  background-image: url(pix/topnav.gif);
  height: 15px;
  color: #ffffff;
  width: 170px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  margin: 0px;
  border: 0px none #ffffff;
}
div.sideblock div.header {
  background-color: #ffffff;
  width: 180px;
  border-width: 0px;
  border-style: solid;
  border-color: #ffffff #ffffff #bec531;
}
div.sideblock div.content {
  background-repeat: no-repeat;
  color: #000000;
  width: 166px;
  padding-left: 10px;
  margin-left: 0px;
  background-image: url(pix/navbackground.gif);
  border-width: 0px;
  border-style: none;
  border-right-color: #42a265;
  border-bottom-color: #DDDDDD;
  border-left-color: #FFFFFF;
}
div.sideblock table.calendar-controls td.current {
  text-align: center;
}
div.sideblock table.minicalendar td.day {
  text-align: center;
  font-size: 0.9em;
}
div.sideblock table.minicalendar {
  border-style: none;
}
body#admin-lang h2.main {
  font-size: 1em;
  text-align: left;
}
body#course-index table.generalbox {
  background-color: #EEEEEE;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
table.minicalendar td.today {
  line-height: 1.4em;
  border: 2px solid #88DD55;
}
div.sideblock table.minicalendar tr.weekdays {
  font-size: 0.8em;
}
div.courseboxcontent {
  background-color: none;
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff #dddddd #dddddd #ffffff;
}
td.courseboxcontent {
  background-color: #000000;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
.tabrow td {
  border: 1px solid #88DD55;
}
.tabrow td.selected {
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-style: solid solid none;
  border-top-color: #88DD55;
  border-right-color: #88DD55;
  border-left-color: #88DD55;
}
.sideblock .content .message {
  text-align: left;
}
.sideblock .header .hide-show img.hide-show-image {
  background-image: url(../../pix/t/switch_minus.gif);
  background-repeat: no-repeat;
  margin-top: 0;
}
.sideblock.hidden .header .hide-show img.hide-show-image {
  background-image: url(../../pix/t/switch_plus.gif);
  background-repeat: no-repeat;
  margin-top: 2px;
}
#calendar .event_global {
  background-color: #D6F8CD;
  border-color: #D6F8CD;
}
.minicalendar .event_global {
  background-color: #D6F8CD;
  border-color: #D6F8CD;
}
.block_calendar_month .event_global {
  background-color: #D6F8CD;
  border-color: #D6F8CD;
}
#calendar .event_course {
  background-color: #E6E6E6;
  border-color: #ffd3bd #FFD3BD;
}
.minicalendar .event_course {
  background-color: #FFD3BD;
  border-color: #FFD3BD;
}
.block_calendar_month .event_course {
  background-color: #FFD3BD;
  border-color: #FFD3BD;
}
#calendar .event_group {
  background-color: #FEE7AE;
  border-color: #FEE7AE;
}
.minicalendar .event_group {
  background-color: #FEE7AE;
  border-color: #FEE7AE;
}
.block_calendar_month .event_group {
  background-color: #FEE7AE;
  border-color: #FEE7AE;
}
#calendar .event_user {
  background-color: #DCE7EC;
  border-color: #DCE7EC;
}
.minicalendar .event_user {
  background-color: #DCE7EC;
  border-color: #DCE7EC;
}
.block_calendar_month .event_user {
  background-color: #DCE7EC;
  border-color: #DCE7EC;
}
div#header {
  line-height: 0pt;
}
.headingblock {
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  margin-top: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
  margin-left: 0%;
  border-width: 0px 0px 1px;
  border-style: solid;
}
#course-view .section td.content {
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border-width: 0px;
  border-style: solid none;
  border-left-color: -moz-use-text-color;
  border-right-color: -moz-use-text-color;
}
#course-view .section td.side {
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border-width: 0px;
  border-style: solid;
}
.breadcrumb li {
  display: inline;
  font-size: 13px;
  font-weight: bold;
}
.headermain {
  float: right;
  margin-right: 0%;
  margin-bottom: 0%;
  margin-left: 0%;
  padding-top: 0%;
  padding-right: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
  margin-top: 0px;
  z-index: 0;
  clear: none;
}
#left-column .hidden .header {
  border-bottom-width: 0px;
  border-bottom-style: solid;
}
#right-column .hidden .header {
  border-bottom-width: 0px;
  border-bottom-style: solid;
}
.logininfo {
  font-size: 0.8em;
}
#header-home .headermenu font {
  font-size: 0.8em;
}
#header {
  height: 140px;
  background-repeat: no-repeat;
  background-position: left top;
  background-y-position: top;
  background-x-position: left;
  margin-top: 0px;
  width: 100%;
  z-index: 100;
  position: relative;
  max-width: 985px;
  min-width: 985px;
  background-image: url(pix/moodleabrsmlogo.jpg);
  border-width: 0px;
  border-style: solid;
}
#header-home {
  height: 170px;
  background-color: #fffff;
  background-repeat: no-repeat;
  background-position: left top;
  background-y-position: top;
  margin-top: 0px;
  background-x-position: left;
  max-width: 1024px;
  min-width: 1024px;
  background-image: url(pix/moodleabrsmlogo.jpg);
  border-width: 0px;
  border-style: solid;
}
.categoryboxcontent {
  border-width: 0px;
  border-style: solid;
}
.courseboxcontent {
  border-width: 0px;
  border-style: solid;
}
.block_course_summary {
  border-width: 0px;
  border-right-style: none;
}
.headermenu {
  align: right;
}
div.sideblock div.content a {
  color: #000000;
  font-style: none;
}
div.navbar a {
  color: #004b8d;
  text-decoration: underline;
  font-weight: normal;
}
.sideblock .header {
  text-align: left;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-top: 0pt;
  margin: 0px;
  border-width: 0px;
  border-style: none;
}
div#footer div .loginfo {
  float: right;
}
.homelink a {
  padding-left: 0em;
  padding-right: 0em;
  padding: 0px;
}
.sideblock .content {
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  margin-top: 0px;
  border-width: 0px;
  border-style: none;
}
.sideblock h2.header {
  text-align: left;
  margin-top: 0pt;
  margin-right: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  padding-right: 4px;
  padding-bottom: 0px;
  padding-left: 4px;
  padding-top: 0pt;
  border: 0px none inherit;
}
div .navbutton {
  margin-bottom: 0.8em;
  margin-top: 0.6em;
  margin-right: 0px;
}
div.sideblock div.content a:hover {
  color: #000000;
  font-style: none;
  text-decoration: underline;
}
.sideblock .content .list li {
  clear: left;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
}
.sideblock .content .list a {
  text-decoration: none;
}
div.sideblock {
  margin-left: 8px;
  margin-right: 8px;
}
div.navbar li {
  font-weight: normal;
}
div.headermenu div.logininfo {
  margin-bottom: 0.8em;
  margin-top: 0.6em;
  margin-right: 0em;
}
div.navbar a:hover {
  color: #ee2c74;
  text-decoration: underline;
  font-weight: normal;
}
p.helplink a {
  text-decoration: none;
}
a:visited {
  color: #004B8D;
  font-weight: normal;
  text-decoration: none;
}
.form-textarea {
  height: 10em;
}
div .quizinfo p {
  color: #FFFFFF;
  font-size: 0.1px;
}
.numerical .answer {
  width: 4em;
}
.que .feedback {
  clear: both;
  padding-top: 0pt;
  padding-right: 0pt;
  padding-bottom: 0.3em;
  padding-left: 0.3em;
  margin-bottom: 0.5em;
  border: 0px none #FFFFFF;
}
.coursebox h2 {
  font-size: 1em;
  align: left;
}
.boxaligncenter h2 {
  align: left;
}
.courseboxcontent h2 {
  align: left;
}
#layout-table #middle-column h2 {
  padding-left: 12px;
  padding-right: 12px;
  align: left;
}
h2.main {
  text-align: left;
}
/***** Chameleon_ABRSM_NewBrand/user_styles.css end *****/