#ajax-loader {
    top: 30px;
    left: 50%;   
}

a.class-add-period, a.activity-add {
    background-image: url(/images/icons/add.png);
}
a.class-remove-period, a.activity-remove { 
    background-image: url(/images/icons/delete.png);
}
a.class-edit-period, a.activity-edit { 
    background-image: url(/images/icons/pencil.png);
}
form#class-planner tr.unsaved span.save-status {
    background: no-repeat url(/images/icons/error.png) 0 50%;
    width: 16px;
    height: 16px;
    display: inline-block;
}
span.notsaved { display: none; }

td select { max-width: 120px; }
div#header h1.logo { 
    background-image: url(/images/logo.gif) !important;
    width: 319px;
    margin-top: 5px;
}
div#group-id {
    text-align: right;
    padding: 5px;
    font-weight: bold;
    font-size: 1.2em;
}
div#nav {
    margin-top: 0px;   
}

tr.error td {
    border: 1px solid red;
    border-width: 2px 0;
}
tr.error td.tip {
    background-position: 99% 50%;
    background-image: url(/common/images/icons/error.png);
    background-repeat: no-repeat;
}
tr.error td.constraints { font-weight: bold; }

.overview {
    padding-right: 20px;
    margin-left: 20px;
    margin-top: 0px;
}

.main-page {
		background-repeat: no-repeat;
    		background-position: right;
		padding-right: 380px;
    		margin-left: 20px;
    		margin-top: 0px;
		}

.tcc-overview {
		background-image: url(/images/pagetop-product-tcc.jpg); 
		height:276px;
		margin-top: 15px;
		}

.tcc-overview p { padding-left: 0; }

.overview p { padding-left: 0; }

h3.header, .header {
    clear: both;
    color: #CA1300;
    font-size: 17px;
    font-weight: normal;
    line-height: 22px;
}

.linebreak {
    margin-top: 30px;
    padding-top: 5px;
    border-top: 1px solid #EAEAEA;
}

p { 
    line-height: 1.5em;
}

dl dt {
	float: left; 
	clear: left; 
	width: 125px; 
	line-height: 1.5em;
}
dl dd {
	font-weight: bold;	
	line-height: 1.5em;
}

.tcc-list p { 
	margin-top:5px;
	padding-left:20px;
	margin-bottom:5px;
 }

.tcc-list li {
	font-weight:bold;
	list-style-position:inside;
	color: #333;
}

form#activityAdd select, form#activityEdit select {
	width: 150px;
}

.save-success { background-color: #FFFFFF; color: #1ECF00; font-weight: bold; padding: 2px; border: 1px solid #13CF00; }
.save-failure { background-color: #FF0000; color: #FFFFFF; font-weight: bold; padding: 2px; border: 1px solid #FF0000; }

th.spec-group {
    padding: 5px;
    text-align: center;
}

div.filters { width: 100%; }
div.filter { width: 200px; float: left; }
div.filter ul { list-style: none; }

div.files { clear: both; padding: 10px 0; }

.file-archived { color: #888; }
.file-invalid { color: #BB0000; }

tr.notdone td, tr.invalid td { color: #777 !important; }

#studentList ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#studentList ul li a {
    text-decoration: none;
    display: block;
    padding: 2px;
    margin: 2px;
    color: #333;
    border: 1px solid #CFD3EE;
}
#studentList ul li a:hover {
    background-color: #dbecf3;
    border-color: #87AAC3;
    color: #000;
}
#studentList ul li a.active {
    font-weight: bold;
    color: #FF0000;
    border-right-width: 0;
    background-color: #FFF;
}

.student-grade-panel {
    margin: 5px 5px 10px 0;
    border: 1px solid #999;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.student-grade-panel table { 
    width: 100% !important; 
    margin: 0 0 15px 0 !important;
    border: 0;
}
.student-grade-panel h3 {
    text-align: center;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #AAA;
    margin: 0;
    padding: 8px;
}

/* CSS3 bonuses for people with newer browsers */
.gradient {
    background-color: inherit;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFED), to(#DDDDCC));
    background: -webkit-linear-gradient(top, #FFFFED, #DDDDCC);
    background: -moz-linear-gradient(top, #FFFFED, #DDDDCC);
    background: -ms-linear-gradient(top, #FFFFED, #DDDDCC);
    background: -o-linear-gradient(top, #FFFFED, #DDDDCC);
}

span.tip { border-bottom: 1px dashed #999900; }
div.dot { 
    line-height: 1em; 
    float: left; 
    margin-right: 15px;
}
div.dot span { 
    display: block;
    margin-right: 5px;
    margin-top: 0.1em;
    float: left;
    width: 0.8em;
    height: 0.8em;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-radius: 10px;
}

.helpbox {
    display: none;
}