/********************************************************
**
** Theme name: Mitty
** Description: A three-column fluid-width theme for Moodle.
** Author: Patrick Malley
** Author URI: http://newschoollearning.com
**
**
** fancy-button class from Joel Shapiro jsfmp.com
**
**
*********************************************************/

body {
  margin:0;
  padding:0;
}

body, th, td, li, p {
  line-height:1.4;
  font-family:Helvetica, Arial, sans-serif;
  color:#333;
  font-size:0.97em;
}

#wrapper {
  margin:25px 5%;
}

a:link,
a:visited,
.tabtree ul li ul li a span {
  color:#e00000;
}

a:hover,
a:active {
  color:#0099ff;
}

/* Background Images */

#wrapper-t {
  background:url(images/wrapper-t.jpg) repeat-x 0 0;
}

#wrapper-l {
  background:url(images/wrapper-l.png) repeat-y 0 0;
}

#wrapper-r {
  background:url(images/wrapper-r.png) repeat-y 100% 0;
}

#wrapper-b {
  /* background:url(images/wrapper-b.jpg) repeat-x 100% 100%; */
}

#wrapper-tl {
  background:url(images/wrapper-tl.png) no-repeat 0 0;
}

#wrapper-tr {
  background:url(images/wrapper-tr.png) no-repeat 100% 0;
}

#wrapper-bl {
  /* background:url(images/wrapper-bl.jpg) no-repeat 0 100%; */
}

#wrapper-br {
  /* background:url(images/wrapper-br.jpg) no-repeat 100% 100%; */
}

/* Header */


#header-t {
  background:url(images/header-t.jpg) repeat-x 0 0;
  margin:0 15px
}

#header-r {
  background:url(images/header-tr.jpg) no-repeat 100% 0;
}

#header-l {
  background:url(images/header-tl.jpg) no-repeat 0 0;
}

#header-m1 {
  padding:0;
  margin:0;
  background:url(images/header_gradient2.png) repeat-x 0 0;
  height:137px;
}

#header-m {
  padding:0;
  margin:0;
  background:url(images/header_gradient.png) repeat-x 0 0;
  height:137px;
}


#header-logo {
  background:url(images/clark.gif) no-repeat 0 0;
  height:137px;
  margin-left:10px;
}


h1.headermain {
  position:absolute;
  top:-10000px;
}

.headermenu {
  padding:25px;
}

/* Links bar */

#linkbar {
  margin:0 15px;
  background:#242424 url(images/menu.jpg) repeat-x 0 0;
  padding:10px;
}

#linkbar .menu {
  margin:0;
  list-style:none;
  padding:0;
}

#linkbar li {
  display:inline;
  padding:0;
  text-transform:uppercase;
}

#linkbar a:link,
#linkbar a:visited {
  color:#fff;
  padding:10px;
}

#linkbar a:hover {
  color:#fada84;
  text-decoration:none;
}

/* Navbar */

.navbar {
  border:none;
  margin:0 19px;
  background:#fff;
}

/* Sideblocks */

/* Sideblocks originally 222px wide; */

.sideblock {
  background:url(images/sideblock-b.jpg) no-repeat 0 100%;
  width:175px;
  padding-bottom:10px;
}

/* padding was 10px 15px */

.sideblock .header {
  background:url(images/sideblock-t.jpg) no-repeat 0 0;
  padding:10px 10px 10px 15px;
  border:none;
}

.sideblock .title h2 {
  font-size:1.1em;
  border-bottom:1px dotted #ddd;
  padding-bottom:1px;
}


/* padding was 0 15px 10 px */

.sideblock .content {
  background:none;
  border:none;
  padding:0 10px 10px 15px;
}

.block_course_summary {
  background:none;
}

.block_calendar_month .minicalendar {
  border:none;
}

/* Content */

#content {
  background:#fff;
  margin:0 19px;
  padding:5px;
}

#layout-table {
  margin-top:0;
}

#layout-table #middle-column {
  padding-left:10px;
  padding-right:10px;
}

/* Courses */

h2.headingblock {
  border-width:0 0 1px 0;
  border-color:#ddd;
  padding-bottom:0;
  border-style:dotted;
  font-weight:normal;
}

.coursebox {
  border-width:0 0 1px 0;
  padding-bottom:10px;
  border-color:#eee;
}

.sitetopic,
.categorybox {
  border:none;
}

.sitetopic {
  margin-bottom:10px;
}

.coursebox .info {
  width:44%;
}

#course-view #section-0 .left,
#course-view #section-0 .right,
#course-view #section-0 .content {
  border:none;
}

#course-view .weeks .current td.side,
#course-view .topics .current td.side {
  background:#dcbe44;
}

/* User */

.userinfobox {
  border:none;
}

body#course-user .section {
  border-color:#ddd;
}
.userinfobox .content {
  border:2px solid #eee;
  background:#f5f5f5;
}

.userinfobox .userpicture {
  /* background:url(images/user.jpg) no-repeat 0 0; */
  background:none;
  padding:7px 15px 15px 7px;
}

#user-grade th {
  padding:3px 10px;
}

.blogpost.blogdraft .content {
  background-color:#fff;
}

/* Calendar */

#calendar td.maincalendar {
  border:none;
  border-right:1px solid #ddd;
}

#calendar td.sidecalendar .sideblock .minicalendar,
#calendar td.sidecalendar .sideblock {
  border:none;
}

#calendar td.sidecalendar .filters table,
#calendar td.maincalendar .filters table {
  background:none;
}

#calendar .sidecalendar .sideblock .minicalendarblock div {
  border:2px solid #ddd;
  background:#f5f5f5;
}

/* Quiz */

.question .questionbank {
  border:none;
  width:50%;
  margin:auto;
  text-align:center;
}

.questionbank fieldset {
  margin-top:5px;
}

.questionbank p {
  font-weight:bold;
  padding:10px;
  text-align:center;
  background:#f5f5f5;
}

.questionbank #categoryquestions {
  text-align:left;
  margin-bottom:10px;
  border-bottom:2px solid #ddd;
}

/* Forums */

.forumpost {
  border:none;
}

.forumpost .left {
  padding-right:20px;
}

.forumpost .picture {
  background:#fff url(images/forum/forum_tl.gif) no-repeat 100% 0;
}

.forumpost .topic {
  background:#eee url(images/forum/forum_tr.gif) no-repeat 100% 0;
  border-bottom: none;
}

.forumpost .side {
  background:#fff url(images/forum/forum_bl.gif) no-repeat 100% 100%;
}

.forumpost .content {
  background:#eee url(images/forum/forum_br.gif) no-repeat 100% 100%;
  padding:5px 10px 5px 5px;
}

.forumpost .subject {
  font-size: 1.1em;
}

.forumpost .author {
  border-bottom: 1px dotted #aaa;
  padding-bottom: 4px;
}

/* Tables */

#participants th,
.quizattemptsummary th,
.course-report-outline th,
#admin-report-security-index th,
#admin-roles-override th,
#admin-roles-assign th,
#admin-blocks th,
#admin-modules th,
#grade-edit-scale-index th,
#enrol th,
#course-category th,
.editcourse th,
#admin-roles-allowoverride th,
#admin-roles-manage th,
#admin-roles-allowassign th,
#mod-wiki-index th,
#mod-survey-index th,
#mod-scorm-index th,
#mod-resource-index th,
#mod-glossary-index th,
#mod-data-index th,
#mod-chat-index th,
#mod-choice-index th,
#mod-assignment-index th,
#mod-lesson-index th,
#mod-quiz-index th,
#admin-user th,
.user-grade th,
.logtable th,
.mod-forum .generaltable th,
.forumheaderlist th,
.results th {
  color:#000;
  border-bottom:2px solid #aaa;
  padding:3px 4px;
  background:url(gradient.jpg) repeat-x 0 0;
}

#participants td,
.quizattemptsummary td,
.course-report-participation td,
.course-report-outline td,
#admin-report-security-index td,
#admin-roles-override td,
#admin-roles-assign td,
#admin-blocks td,
#admin-modules td,
#grade-edit-scale-index td,
#enrol td,
#course-category td,
.editcourse td,
#admin-roles-allowoverride td,
#admin-roles-allowassign td,
#admin-roles-manage td,
#admin-user td,
#tag-management-list td,
#mod-wiki-index td,
#mod-survey-index td,
#mod-scorm-index td,
#mod-resource-index td,
#mod-quiz-index td,
#mod-lesson-index td,
#mod-glossary-index td,
#mod-data-index td,
#mod-chat-index td,
#mod-choice-index td,
#mod-assignment-index td,
.mod-forum .generaltable td,
.forumheaderlist td {
  border-width:0 1px 0;
  border-color:#ddd !important;
  border-style: solid;
}

.forumheaderlist .discussion .starter {
  background:none;
}

.quizattemptsummary .r1 .cell,
.course-report-participation .r1 .cell,
#admin-report-security-index .r1 .cell,
#admin-roles-override .r1 .cell,
#admin-blocks .r1 .cell,
#admin-modules .r1 .cell,
#grade-edit-scale-index .r1 .cell,
#enrol .r1 .cell,
#admin-roles-allowoverride .r1 .cell,
#admin-roles-allowassign .r1 .cell,
#admin-roles-manage .r1 .cell,
#admin-roles-assign .r1 .cell,
#admin-user .r1 .cell,
#tag-management-list .r1 .cell,
#mod-wiki-index .r1 .cell,
#mod-survey-index .r1 .cell,
#mod-scorm-index .r1 .cell,
#mod-quiz-index .r1 .cell,
#mod-lesson-index .r1 .cell,
#mod-glossary-index .r1 .cell,
#mod-data-index .r1 .cell,
#mod-chat-index .r1 .cell,
#mod-choice-index .r1 .cell,
#mod-assignment-index .r1 .cell,
.mod-forum .generaltable .r1 .cell,
.forumheaderlist .r1 {
  background:#eee;
}

/* Footer */

#footer {
  margin:0 0 25px
}

#footer-b {
  background:url(images/footer-b.jpg) repeat-x 0 100%;
}

#footer-l {
  background:url(images/footer-bl.jpg) no-repeat 0 100%;
}

#footer-r {
  background:url(images/footer-br.jpg) no-repeat 100% 100%;
  padding:0 19px 19px;
}

#footer-m {
  background:#fff;
}

#site-index #footer .helplink {
  background:#fff;
  display:none;
}

#footer .helplink,
#footer .homelink {
  margin:0;
  padding:1em;
}

.loginbox form {
  margin:0px;
  padding:0px;
}

.loginbox .loginform {
  margin-top:1em;
  text-align:left;
}

.loginbox .loginform .form-label {
  float:left;
  text-align:right;
  width:34%;
}

.loginbox .loginform .form-input {
  float:right;
  width:65%;
  margin-left:auto;
  margin-right:auto;
}

.loginbox .loginform .form-input input {
  width: 12em;
}

.loginbox .loginform .form-input input[type="submit"] {
  width: 5em;
}

.fancy-button {
     
    cursor: pointer;
    padding: 10px;
    border: 1px solid #424B5F;
    font-size: 14px;
     
     -moz-border-radius: 12px; /* FF1-3.6 */
  -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
 
 
    /* useful if you don't want a bg color from leaking outside the border: */       
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
 
    /* (so many lines because gradients not yet consistent across browsers) */
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#FF7878)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #ffffff, #FF7878); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #ffffff, #FF7878); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #ffffff, #FF7878); /* IE10 */
    background-image:      -o-linear-gradient(top, #ffffff, #FF7878); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #ffffff, #FF7878);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#FF7878'); /* IE6–IE9 */
     
 
}
 
.fancy-button:hover {
     
    background-color: #FF7878; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FF7878), to(#ffffff)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #FF7878, #ffffff); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #FF7878, #ffffff); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #FF7878, #ffffff); /* IE10 */
    background-image:      -o-linear-gradient(top, #FF7878, #ffffff); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #FF7878, #ffffff);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF7878', EndColorStr='#ffffff'); /* IE6–IE9 */
}


.extrap {
  line-height:1.4;
  font-family:Helvetica, Arial, sans-serif;
  color:#333;
  font-size:0.97em;
}