#left {
    float: left;
    width: 18%;
    display: block;
    margin: 10px 10px 0 0;
    font-size:small;
}

#left .title, #left .non-expandable-title {
    cursor:pointer;
}
#left .title, #left .non-expandable-title, #left .list {
    text-decoration: none;
    list-style: none;
    padding: 7px 0;
    margin: 0px;
    text-align: center;
}
#left .title, #left .non-expandable-title {
    color:#fff;
    text-shadow:#b95E01 1px 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFB255), to(#C96E11));
    background-image: -moz-linear-gradient(top, #FFB255, #C96E11);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFB255', EndColorStr='#C96E11', GradientType=0);
    border:solid 1px #fff;
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px;
    margin-top:1px;
}

#left .title:hover, #left a#selected,
#left .non-expandable-title:hover {
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#FFFFFF', GradientType=0);
    border-color:#b60000;
    color:#b60000;
    text-shadow:none;
}

#left .expandable a {
    display:block;
}

#left .list {
    padding: 0;
    margin: 0;
}

#left .list ul {
    padding: 0;
    margin: 0;
}

#left .list ul li {
    list-style:none;
    padding: 0;
    margin: 0;
    border-bottom:#eee 1px solid;
    text-transform:none;
}

#left .list ul li a {
    font-weight:normal;
    padding: 5px 0;
    text-decoration:none;
    color:#333;
}

#left .list ul li a:hover {
    background:#454545;
    color:#fff;
}

#left .list ul li a#selected {
    background:#ddd;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#DDDDDD', EndColorStr='#DDDDDD', GradientType=0);
    color:#333;
    font-weight:bold;
}
#left div.notifications {
    margin-top:10px;
}
.notifications {
    margin-bottom:10px;
    padding:1px 10px 16px 10px;
    background:#ffe3e3;
}
.notifications h3,.notifications h4 {
    font-family:georgia, rockwell, arial;
    color:maroon;
    margin:10px 0;
    vertical-align:middle;
}
.notifications h4 {
    padding-left:40px;
    height:32px;
}
div#main div.notifications {
    vertical-align:top;
    display:table-cell;
    border-right:#fff 10px solid;
}
.notifications h4#birthday {
    background:url(../img/cake.png) no-repeat;
}
.notifications h4#new-students {
    background:url(../img/new-students.png) no-repeat;
}
.notifications h4#left-students {
    background:url(../img/left-students.png) no-repeat;
}
.notifications h4#makeup{
    background:url(../img/edu.png) no-repeat;
}
.notifications h4#input{
    background:url(../img/input.png) no-repeat;
}
.notifications h4#payment-in, th#payment-in {
    background:url(../img/money-in.png) no-repeat;
}
.notifications h4#payment-out, th#payment-out {
    background:url(../img/money-out.png) no-repeat;
}
.notifications h3 {
    padding-left:30px;
    height:25px;
}
.notifications h3#alert {
    background:url(../img/alert.gif) no-repeat;
}

.dashboard-column, .dashboard-column-one {
    float: left;
    margin: 0 1%;
}

.dashboard-column {
    width: 45%;
}

.dashboard-column-one {
    width: 91%;
}

.dashboard-box {
    border: teal solid 1px;
    border-radius: 5px;
    width: 100%;
    float: left;
    margin: 0 0 3% 0;
}

.dashboard-box h1 {
    background: teal;
    padding: 4px;
    color: white;
    font-weight: bold;
    text-align: center;
    margin: 0px;
}

.dashboard-box div {
    margin: 5px 5px 15px 5px;
}

.dashboard-box div ul li, .dashboard-box div ol li {
    margin:9px 12px;
}

.dashboard-box div ul li li a {
    font-weight:normal;
}
form.timetable {
    height: 0;
}
div.timetable {
    font-size: smaller;
    table-layout: fixed;
    width: 500px;
}

.timetable tr {
    height: 25px;
}

.timetable .class {
    background: #eeffff;
    border: teal solid 1px;
    cursor:pointer;
}

.timetable .class:hover {
    border-color:black;
    background: #ffffff;
}

table tr.payment td{
    background:#ffdddd;
}

.date-pick {
    width:auto;
}

div.input.time{
    display:inline-block;
}
.selectable table tr td{
    background:transparent;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}
.selectable tr{
    cursor:pointer;
}
.selectable tr:hover{
    background-color:#EFF;
}
.selectable tr:first-child{
    cursor:default;
    background-color:#EEE;
}
p.payment, a.payment {
    color:maroon;
    font-weight:bold;
    margin-top:10px;
    text-decoration:none;
}
a.payment:hover {
    color:red;
}
.present, .absent, .late, .open, .close{
    font-weight:bold;
}
.present,.open, .paid{
    color:teal;
}
.absent, .close, .unpaid{
    color:maroon;
}
.late{
    color:#E56717;
}
input[type=button]{
    width:auto;
}
form table{
    border:none;
    border-spacing: 0;
    border-color:transparent;
    border-collapse:collapse;
}
div.legend {
    position:relative;
    height:0;
    top:12px;
    text-align:center;
}
div.legend div,
div.legend div a,
div.legend div a:hover
{
    display:inline;
    padding:1px;
    border-radius:2px;
    cursor:default;
    text-decoration:none;
    margin: 1px;
}
.hidden {
    display:none;
}
#simplemodal-overlay {
    background-color:#000;
}
#simplemodal-container {
    background-color:#333;
    border:8px solid #444;
    padding:12px;
}
#simplemodal-container a.modalCloseImg {
    background:url(../img/x.png) no-repeat; /* adjust url as required */
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-15px;
    right:-18px;
    cursor:pointer;
}
div.expandable h3.title{
    padding: 2px 2px 2px 25px;
    border:solid #666 1px;
    text-shadow: #ccc 1px 1px;
    color:#000;
    font-weight:bold;
}
div.expandable h3.title:hover{
    cursor:pointer;
}
div.expandable h3.title.expanded{
    background:url(../img/minus.png) no-repeat #aaa -1px;
}
div.expandable h3.title.collapsed{
    background:url(../img/plus.png) no-repeat #aaa -1px;;
}
.smaller-font {
    font-size:small;
}
.gray {
    color:#ccc;
}
td.actions.specific a,a.actions.specific {
    height:16px;
    padding:3px 3px 0 19px;
    display:inline-block;
    border:1px solid #ccc;
    font-size:x-small;
    text-shadow:none;
    color:#333;
    font-weight:normal;
    font-family:Arial;
    line-height:normal;
    background:#fff;
}
td.actions.specific a:hover, a.actions.specific:hover,div.section h2.title a.actions.specific:hover {
    border-color:#aaa;
    color:#000;
    cursor:pointer;
}
a.actions.specific.delete,td.actions.specific a.delete{
    background:url(../img/delete.png) no-repeat #fff 2px 2px;
}
a.actions.specific.view,td.actions.specific a.view{
    background:url(../img/view.gif) no-repeat #fff 2px 2px;
}
a.actions.specific.edit,td.actions.specific a.edit{
    background:url(../img/edit.png) no-repeat #fff 2px 2px;
}
a.actions.specific.add{
    background:url(../img/add.png) no-repeat #fff 2px 2px;
}
a.actions.specific.send{
    background:url(../img/send.png) no-repeat #fff 2px 2px;
}
a.actions.specific.print,div.section h2.title a.actions.specific.print:hover{
    background:url(../img/print.png) no-repeat #fff 2px 2px;
}
h2 a.actions.specific,h3 a.actions.specific{
    margin-top:-5px;
}
div.section h2.title a.actions.specific{
    display:inline-block;
    width:auto;
    padding:3px 3px 0 19px;
}
.ui-tabs { position: relative; zoom: 1; margin-bottom:10px; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0 0 0 10px; padding: .1em .1em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .3em .5em; margin: 0 .1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li a:hover { background-color:#333; color:#fff; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background:#333; color:#fff; font-weight:bold; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;border:1px #333 solid; border-bottom: 0 } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; padding:8px; background: none; border:dotted 1px #333; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-panel, .ui-tabs-nav ul { clear:both; }
div.ui-tabs-panel#lessons {
    padding:0;
}
div.ui-tabs-panel#lessons div.section {
    margin:0;
}
a.actions.prev{
    float:left;
}
a.actions.next{
    float:right;
}
.autocomplete_live a {
    text-decoration:none;
}
.autocomplete_live ul li:hover, .autocomplete_live ul li:hover a{
    background-color:#333;
    color:#fff;
}
.autocomplete_live {
    position:absolute;
    background:#fff none repeat scroll 0%;
    clear:both;
    cursor:pointer;
    display:block;
    margin:0px;
    padding:0px;
    z-index:9999;
}

.autocomplete_live ul {
    clear:both;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
    position:absolute;
    width:100%;
    border:1px solid #C0C0C0;
}

.autocomplete_live li {
    background:#fff none repeat scroll 0%;
    border-bottom:1px solid #C0C0C0;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:2px;
}
form.tiny, form.tiny textarea, form.tiny input, form.tiny div {
    font-size:small;
    padding:1px;
    margin:1px;
}
form.tiny div.submit {
    display:inline-block;
}
.hidden {
    display:none;
}
.printing {
    width:90%
}
.printing a.actions,
.printing td.actions a,
.printing div.notifications,
.printing select {
    display:none;
}
.printing div.section {
    margin: 0;
}
div#print-header{
    border-bottom:double 1px #000;
    font-size:12px;
    text-align:center;
    letter-spacing:0;
    /*margin-bottom:20px;*/
}
div#print-footer{
    text-align:center;
    font-size:12px;
    letter-spacing:0;
    padding-top:20px;
}
div.total {
    border:solid #333 1px;
    display:inline-block;
    padding:2px;
    font-weight:bold;
}
#loginForm {
    width:200px;
}
.thin {
    width:80%;
}
.money {
    text-align:right;
}
.termsAndConditions {
    max-height:500px;
    background-color:#dedede;
    overflow:auto;
    margin:0px;
}
.termsAndConditions h2 {
    background:transparent;
}
div#login-details {
    font-family:Georgia, Rockwell, Arial;
    text-align:center;
    border:dotted 1px #333;
    padding:5px;
    margin-bottom:5px;
}
th h4 {
    text-align:left;
}
table tr.income td {
    background-color:#ddffdd;
}
table tr.expense td {
    background-color:#ffdddd;
}
table tr.void td, table tr.void td a {
    color:#aaa;
}
td[align=right]{
    text-align:right;
}
li input, li label {
    width:auto;
    display:inline-block;
}
.receipt_number {
    font-family:Arial;
}
div#receipt {
    width:640px;
    margin:10px;
    padding:10px;
    padding-bottom:36px;
    border:1px solid #333;
    /*background:url(../img/logo.jpg) no-repeat top left;*/
}
#receipt h2 {
    background:transparent;
    font-size:360%;
}
.box {
    padding:0 15px;
    border:1px solid #333;
}
.underline {
    border-bottom:1px solid #333;
    text-align:center;
}

a.register, a.login {
    display:block;
    padding:8px;
    padding-left:50px;
    margin:10px;
    height:36px;
    font-size:32px;
    color:#333;
    border:solid 1px #BBB;
    text-shadow: #EEE 1px 1px 2px;
    font-weight:bold;
    text-decoration:none;
}
a.register:hover, a.login:hover {
    text-decoration:none;
    background-color:#FFB255;
    border:solid 1px #B95E01;
    text-shadow: #FFD275 1px 1px 2px;
}
a.login {
    background:url(../img/login.png) no-repeat 5px #EEE;
}
a.register {
    background:url(../img/register.png) no-repeat 5px #EEE;
}
.right{
    text-align:right;
}
.center {
    text-align:center;
}
.watermark {
    color:#aaa;
}
.capitalize {
    text-transform: capitalize;
}
input.amount {
    width:50px;
}
table#receipt {
    border-collapse: collapse;
}
table#receipt td, table#receipt th {
    border-left:1px solid #999;
    border-right:1px solid #999;
}
table#receipt tr.last td {
    border-bottom:1px solid #999;
}
table#receipt th {
    border:1px solid #999;
    font-weight:bolder;
    color:#333;
}
@media print {
  a.actions.specific.print {
      display:none;
  }
}
div#receipt div.logo {
    position:relative;
    left:-10px;
    top:-10px;
}
div#receipt div.logo img{
    position:absolute;
}
div.loading {
    background:url(../img/ajax-loader.gif) no-repeat;
    width:16px;
    height:16px;
    position:relative;
    top:-10px;
    display:none;
}

table#receipt input {
    width: auto;
}