@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:#580;}
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}

/* 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 0 10px 0; padding:0; font:bold 130% arial; color:#aaa}
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 15px; line-height:30px; border-right:1px solid #fff}
.menu a, .menu a:visited {color:#333}
#admin .highlight a {color:#fff}
#admin a {color:#f00}
.highlight {background:url(barGradHighlight.png) repeat-x}
.highlight a, .highlight a:visited {color:#fff}

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


#login input {margin:5px 0 0 5px}
#login .text {width:8em}
#login label.checkbox {margin-top:0px}

#view {padding:20px 10px 30px 15px}
#view li {margin:5px 0}
#leftView {width:570px; float:left; padding-right:39px; border-right:1px solid #e6e6e6}
#rightView {width:240px; float:right; margin-left:-1px; padding-left:75px; border-left:1px solid #e6e6e6}
#rightView img {float:left; margin-left:-60px}
#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}
}