@media all {
/* General */
html {overflow-y:scroll}
body, input, select, option, textarea, table {font-family:verdana,helvetica,arial,sans-serif}
body {margin:0; font-size:70%}
input, select, option, textarea {font-size:100%}
a, a:visited {text-decoration:none; color:#00f}
a:hover {text-decoration:underline; color:#000}
table {width:100%; border:0}
th, td {vertical-align:top; padding:2px 0}
td {text-align:justify}
th {padding-right:9px; white-space:nowrap}
.columns th {text-align:right}
.rows th {text-align:left}
h1 {margin:0; padding:0}
hr {height:0; border:0; border-top:1px solid #ddd}
a img {border:0}

/* Messages & lightbox */
.message {margin:0; padding:5px 10px}
.info {background:#ffa}
.success {background:#cf0}
.warning {background:#c00; color:#fff}
.warning a {color:#fff; text-decoration:underline}
.clear {clear:both}
#shadow {display:none; background:#000; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); position:absolute; top:0; left:0; width:100%; z-index:10}
#lightbox {display:none; z-index:20; top:200px; width:100%; position:absolute}
#lightboxInner {background:#fff; border:1px solid #000; width:400px; margin:0 auto; padding:20px}

/* Form */
form {margin:0; padding:0}
label {display:block; float:left; width:180px; padding-right:10px; text-align:right}
label.checkbox {white-space:nowrap; font-size:80%; width:auto; margin-top:3px}
input.checkbox {display:block; float:left}
input.text {display:block; float:left; width:300px; margin-bottom:5px; margin-right:10px}
input.submit {display:block; float:left}
input.small, select.small {width:147px}
input.triple, select.triple {width:95px}
select {padding:2px 0 2px 2px; float:left; display:block; width:305px; margin-bottom:5px; margin-right:10px}
textarea {padding:2px; float:left; display:block; width:300px; height:100px; margin-bottom:5px}
form small {clear:both; width:300px; margin-bottom:5px; margin-left:190px}
form br {clear:both}
.placeholder {color:#888}
.error {color:#f00}



/* Non-framework */
body {line-height:1.3em}
h2 {margin:0 0 15px 0; padding:0; font:bold 150% arial; color:#aaa}
h3 {margin:0; padding:0; font:bold 130% arial; color:#fff; background:#ce0000 url(end.png) no-repeat top right; line-height:25px}
h3 div {background:#1a1a1a; border-right:3px solid #fff; height:25px; width:11px; float:left; margin-right:8px}
.box {background:#f2f2f2; padding:10px; margin-bottom:20px}
h4 {margin:5px 0; padding:0; font:bold 130% arial}
h5 {margin:10px 0; padding:0; font:bold 120% arial}
p {margin:15px 0; padding:0; text-align:justify}
dd {font-family:monospace}

.menu {margin:0; padding:0; font:bold 110% arial; list-style:none}
.menu li {float:left; padding:0 17px; line-height:25px}
.menu a, .menu a:visited {color:#fff}
.menu .highlight {background:#f00}

#outer {background:#e4e4e4}
#inner {margin:auto; width:894px; background:#fff}
#printLogo {display:none}
#viewHeaderPrint {display:none}

#login .text {width:11em}

#view {padding:30px 20px}
#view li {margin:5px 0}
#leftView {width:570px; float:left}
#rightView {width:235px; float:right}
#rightView ul {list-style:none; margin:0; padding:0}

.courseIndex {border-top:1px solid #ddd; padding-bottom:15px}

#footer p {margin:0; padding:0}
#footer a , #footer a:visited, #footer a:hover {color:#fff}
}

@media print {
#inner {margin:5px; width:100%}
#header, #bar, #footer, #rightView, #viewHeaderNormal {display:none}
#leftView {border-right:0; padding:0; width:100%}
#printLogo, #viewHeaderPrint {display:block}
}