.spinner { background: url('../img/ajax-loader.gif') no-repeat 50% 50%; }
.ui-button { margin-left: -1px; }
.ui-button-icon-only .ui-button-text { padding: 0.35em; } 
.ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; }

.studentInfo>div {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.info {
    padding-bottom: 5px;
    border-bottom: 1px solid #C2B59F;
}
.info>div {
    padding-left: 4px;
}

.dim {
    color: #aaa;
}

div.postponement {
    margin-top: 5px;
}

.info span, .studentInfo span{
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.info b, .studentInfo b {
    display: inline-block;
    width: 110px;
}

.registration {
    border: 1px solid #aaa;
    padding: 10px 20px;
    margin-top: 10px;
}

    .registration span {
        font-style: italic;
        font-size: .8em;
    }
    
#content .examfilenotes {
    padding-top: 0; 
}
    .examfilenotes span {
        font-style: italic;
        font-size: .8em;
    }

#main h1 {
    font: normal 2.4em Tahoma, Arial, sans-serif;
    color: #964229;
    margin: 0 0 .2em -2px;
    font-variant: small-caps;
    text-decoration: underline;
    font-weight: bold;
}

#main h3 {
    font: normal 1.8em Tahoma, Arial, sans-serif;
    color: #964229;
    margin: 0 0 .2em -2px;
    font-variant: small-caps;
}
    #main h3 span {
        font-size: 0.8em;
    }

#upgrade {
    font-size: 1.3em;
    line-height: 1.3em;
}

ul.navigation ul {
    margin-left: 20px;
}

#subnav dl.nav ul.navigation li.active li.active>a{
    color: white;
    background: #484462;
}

#content ul.errors li {
    background: #fbe3e4;
    color: #8a1f11;
    border: 1px solid #fbc2c4;
    width: 50%;
    margin: 0 0 10px 100px;
    padding-bottom: 5px;
}

#content p.alert, #content p.success {
    margin-bottom: 0;
}
    
.alert {
    background:#fbe3e4;
    color: #8a1f11;
    padding: 5px;
    border: 1px solid #fbc2c4;
}

.success {
    background: #e6efc2;
    color: #264409;
    border: 1px solid #c6d880;
    padding: 5px
}

.alert, .success {
    font: normal 1.5em Tahoma, Arial, sans-serif;
}

.required_answer {
    background:#fbe3e4;
    color: #8a1f11;
    border: 1px solid #fbc2c4;
}

.noncompliant {
    border:2px solid #ddd;
    background:#fbe3e4;
    color:#8a1f11;
    border-color:#fbc2c4;
    padding: 3px;
    display: block;
    width: 200px;
    margin: auto;
}

span.noncompliant {
    font: normal 1.5em Tahoma, Arial, sans-serif;
    text-align: center;
}

.compliant {
    border:2px solid #ddd;
    background:#e6efc2;
    color:#264409;
    border-color:#c6d880;
    padding: 3px;
    display: block;
    width: 200px;
    margin: auto;
}

#content .postponement, #pparequest-reason-element p.description {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    padding: 2px;
    margin-bottom: 0;
}

#content #tabs p, #content .tabs p {
    margin-bottom: 0;
}

.legend span {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid black;
}

.calInClass {
    background: #3366CC;
}

.calTakeHome {
    background: #964229;
}

.calPostponed {
    background: #FFF6BF;
}

span.calRequest {
    border: 2px solid red;
}

span.compliant {
    font: normal 1.5em Tahoma, Arial, sans-serif;
    text-align: center;
}

#content p.warning {
    margin: 1em auto;
    font-weight: bold;
    padding-right: 0;
    width: 600px;
}

.indent10 {
    margin-left: 10px;
}

.align-right {
    position:absolute;
    right:0px;
}

.createDate {
    background:#fff6bf;
    color:#514721;
}

.ui-widget {
    font-size: 1em;
}

table.tableFont {
    font-size: 1.4em;
}

#content ul {
    padding: 0;
    margin: 0;
}

#content td.note {
    padding: 0 0 5px 0;
}

span#loggedin, span#loggedin a {
    color: #ffffff
}

form label {
    float: left;
    width: 100px;
}

#altroom-form dt label {
    width: 50%;
}
#altroom-form dl dd {
    overflow: hidden;
    margin-bottom: 5px;
}
#altroom-form dl dd br {
    display: none;
}
#altroom-form #questions-element dt label {
    padding-top: 3px;
}
#altroom-form #questions-element dd {
    padding: 3px 0 0 5px;
}

#dialog-confirm {
    display: none;
}

#courseregistrations-element label {
    width: 200px;
    padding-right:10px;
}

#studentregistrations-element dd {    
    height: 50px;
}

#studentregistrations-element label {
    width: 200px;
    padding-right:10px;
}

#roleperms-element label {
    width: 150px;
    padding-right:10px;
}

form input, form select {
    margin-bottom: 5px;
}

dl#breadcrumbs.nav {
    padding: 20px 50px 10px 41px;
}

#fbox {
    display: inline-block;
    margin-top: 5px;
}
    #fbox div.row {
        overflow: hidden;
    }

#content h2.quiteLarge {
    font-size: 48px;
    font-weight: bold;
    left: -2px;
    line-height: 1;
    margin: 0;
    position: relative;
    top: 0;
    width: 675px;
    font-variant: small-caps;
}

fieldset {
    border: 1px solid #aaaaaa;
    padding: 20px;
}

legend {
    color: #964229;
    font-size: 1.5em;
}

#pparequest-reason-element p.description {
    width: 425px;
    margin-left: 100px;
    margin-right: 0px;
    padding: 5px;
}

.duplicate-upload {

    background: #ff0000;
}

.early-created-date {
    
    border: #FFD324;
    background: #FFF6BF;
}

.announcement {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.2em;
}

.announcement a {
    display: block;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
}

/*Sprite CSS*/
.icon-copy,.icon-calendar,.icon-monitor {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../img/sprites/sprites.png);
	background-repeat: no-repeat;
}
.icon-copy {
	background-position: 0 0;
}
.icon-calendar {
	background-position: -32px 0;
}
.icon-monitor {
	background-position: -64px 0;
}

/* Accordion CSS */
.accordion-toggle {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 2px;
    margin-bottom: 3px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 12px;
}
.accordion-content {display: none;}
.accordion-content.default {display: none;}