@media screen, print {

body { background-color: #333; color: #000; border-top: 4px solid #006600; }
img {border: 0;}
img.left {float: left; margin-top:1em; margin-right:1em;}
img.right {float: right; margin-top:1em; margin-left:1em;}
img.portrait {padding:2px; background-color:#f0f0f0;border:1px solid #ccc;}
img.gravatar {border:1px solid #ccc; padding:1px; background-color:#fff; width:60px; height:60px; float:left; margin-right:1em;}
img.contributor {width:40px; height:40px; background-color:#f0f0f0; border:1px solid #ccc; padding:1px; margin:.25em .5em;}
img#course_star {position:relative; float:right; top:-4px; right:-8px; margin:0; padding:0; z-index:2;}
div.ie_star_float {position:relative; top:-50px;} /* I hate IE6 */
html > body div.ie_star_float {position:static; top:0;*position:relative; *top:-50px;} /* I hate IE7 */

div.footer {
	clear: both;
	background-color: #333;
	color: #fff;
	border-top: 1px solid #000;
	padding: 1px 10px 1px 10px;
}

body, p, ol, ul, td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:   14px;
	line-height: 18px;
	text-align: center;
	margin: 0;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #006600; }
a:visited { color: #006600; }
a:hover { color: #006600; background-color:#ccc; }

li {
	text-align: left;
}

.fieldWithErrors {
	padding: 2px;
	background-color: #993333;
	display: table;
}

#errorExplanation {
	color: #000;
	border: 8px solid #993333;
	background-color: #ffcccc;
	margin: 1em;
	margin-left: 0;
	margin-bottom: 2em;
	padding: 1em;
	text-align: center;
}

#errorExplanation h2 {
	font-size: 16pt;
	font-weight: bold;
	text-align: left;
	color: #993333;
	margin-top: .25em;
	margin-bottom: .25em;
}

#errorExplanation p {
	color: #993333;
	margin-bottom: 0;
	padding: 8px;
	text-align: left;
}

#errorExplanation ul li {
	font-size: 13px;
	text-align: left;
}

fieldset.err {
	background-color: #ffcccc;
	border: 2px solid #993333;
}

fieldset.err legend {
	color: #993333;
}

img.logo {
	position: absolute;
	top: -10px;
	width: 201px;
	height: 112px;
}

textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:   13px;
	padding: 3px;
	margin: 3px;
}

fieldset {
	text-align: left;
	background: #f0f0f0;
	border: 2px solid #ccc;
	margin-top: 1em;
	padding: .5em;
	line-height: 200%;
	margin-bottom: .75em;
	/* IE<6 */
	line-height: 100%;
	position: relative;
	margin: 1em 0 1em 0;
	padding-top: 1em;
}

html > body fieldset {
	/* Good Values*/
	line-height: 200%;
	position: static;
	padding: .5em;
	margin-bottom: .75em;
	/* IE7 only*/
	*line-height: 100%;
	*position: relative;
	*margin: 1em 0 1em 0;
	*padding-top: 1em;
}

legend {
	border: 0;
	color: #666;
	text-align: left;
	font-weight: bold;
	padding: 0.2em 0.5em;
	/* IE<6 */
	padding: 0;
	position: absolute;
	top: -.5em;
	left: .2em;
}

html > body legend {
	/* Good Values*/
	padding: 0.2em 0.5em;
	position: static;
	top: 0;
	left: 0;
	/* IE7 only*/
	*padding: 0;
	*position: absolute;
	*top: -.5em;
	*left: .2em;
}

fieldset input:focus, fieldset textarea:focus {
	background-color: #ffffcc;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-top: 2px solid #333;
	border-left: 2px solid #333;
}

fieldset select:focus {
	background-color: #ffffcc;
	border: 1px solid #333;
}


div.square {color: #333;
	border: 8px solid #ccc;
	background-color: #f0f0f0;
	margin: 1em 0 2em 0;
	padding: 1em;
	text-align: center;
}

div.announcement { border:4px solid #cccc66; background-color:#ffffcc; font-size:14pt; font-weight:bold; color:#333; line-height: 150%; }
div.announcement span {color:#000;}

div.left45 {
	width: 45%;
	float: left;
	line-height: 200%;
}

div.right45 {
	width: 45%;
	float: right;
	line-height: 200%;
}

div.left45 img, div.right45 img {
	margin-bottom: 2em;
}

div.clearboth {
	clear: both;
}

div.square div.title {
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	color: #666;
	margin-top: .25em;
	margin-bottom: 2em;
}

div.square div.opt {
	font-weight: bold;
	color: #999;
	margin: 1.25em 0;
}

div.banner_container {
	background-color: #ccc;
	padding: 2em 0 0 0;
	width: 100%;
}

div.banner_container div.banner, div.banner_container div.banner a, div.footer div.container a {
	color: #fff;
	font-weight: bold;
	width: 925px;
	margin: 0 auto 0 auto;
	padding: 1px;
	text-align: right;
}

div.hud {
	position: relative;
	float: right;
	background-color: #333;
	border: 1px solid #fff;
	top: -3em;
	padding: 4px 1.25em;
	color: #666;
	font-size: 12px;
}

div.hud a {
	font-weight: normal;
	color: #fff;
	font-size: 12px;
}

div.hud a:hover, div.footer div.container a:hover {
	background-color: #444;
}

div.copyright {
	position: relative;
	float: right;
	color: #ccc;
}

div.header_container {
	background: #fff url(/images/grey.jpg);
	background-repeat: repeat-x;
	padding: 8px 0 20px 0;
	width: 100%;
}

div.header_container div.header {
	color: #006600;
	font-size: 24px;
	width: 925px;
	margin: 4px auto 4px auto;
	padding: 4px;
	text-align: left;
}

div.header_container div.header div.links {
	font-size: 24px;
	text-align: right;
	color: #006600;
	margin: .5em 4px 4px 0;
}

div.header_container div.header div.links a {
	color: #006600;
	text-decoration: none;
	border-bottom: 0;
}

div.header_container div.header div.links a:hover {
	color: #009900;
	background-color: transparent;
	text-decoration: none;
	border-bottom: 3px solid #006600;
}

div.body_container {
	background-color: #fff;
	padding: 8px 0 2em 0;
	width: 100%;
}

div.headline {
	background-color: #ccffcc;
	border: 1px solid #999;
	border-left: 0;
	border-right: 0;
	padding: 0;
	width: 100%;
}

div.headline h1 {
	font-size: 18pt;
	color: #000;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: .5em;
	line-height: 125%;
}

div.headline h1.xtra_large {
	font-size: 24pt;
	color: #006600;
}

div.headline a {
	color: #003300;
}

div.headline table {
	width: 100%;
	margin-top: 1.25em;
}

div.headline table tr td {
	text-align: center;
	color: #003300;
	font-size: 12pt;
	font-weight: bold;
	padding: 0;
	line-height: 150%;
}

div.headline table tr td table tr td {
	padding: .75em 1em .65em 1.5em;
	text-align: left;
}

div.headline table tr td table tr td img {
	width: 48px;
	height: 48px;
}

div.exception {
	color: #fff;
	background-color: #cc0000;
}

div.exception h1 {
	color: #fff;
}


div.container {
	width: 925px;
	margin: 8px auto 12px auto;
	padding: 4px;
	text-align: left;
}

div.container p {
	text-align: left;
	margin: 1em;
}

div.notice {
	color: #cc0000;
	font-weight: bold;
	margin: 1.25em;
}

input.title {
	font-size: 18pt;
	font-weight: bold;
}


/* action box */
div.action_box {
	margin: .5em 0;
	padding: 6px 0;
	width: 250px;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	text-align: left;
}

div.action_box a {
	height: 1%;
	display: block;
	margin: 0;
	padding: 7px 10px;
	padding-left: 30px;
	background: #f0f0f0 url(/images/action3.png) no-repeat;
	background-position: 7px 9px;
}

/* 34 between */
div.action_box a.edit {background-position: 7px -25px;}
div.action_box a.add {background-position: 7px -59px;}
div.action_box a.problem {background-position: 7px -93px;}
div.action_box a.fee {background-position: 7px -127px;}
div.action_box a.dark_star {background-position: 7px -161px;}
div.action_box a.bright_star {background-position: 7px -195px;}
div.action_box a.print {background-position: 7px -229px;}

div.action_box a:hover {
	background-color: #ccffcc;
	color: #003300;
}

div.caption {
	line-height: 100%;
}

.center {
	text-align: center;
}

h2, h3, h4, h5, h6 {
	color: #333;
}

h2 {
	color: #666;
	margin-top: 1.5em;
}

h3 {
	color: #666;
	margin: .5em 0 .75em 0;
}

div.indent {
	margin: .5em 0 0 .5em;
	line-height: 175%;
}

span.pipe {
	font-weight: bold;
	color: #ccc;
}

select {
	margin: 2px;
	background-color: #f0f0f0;
	border: 1px solid #999;
	color: #000;
}

fieldset select {
	background-color: #fff;
}


a.popin {
	text-decoration: none;
	border-bottom: 1px dashed #333;
}

a.popin:hover {
	text-decoration: none;
	border-bottom: 1px dashed #000;
	color: #000;
	background-color: #ccffcc;
}


/* autocomplete*/
div#myAutocomplete { 
	width: 400px;
	margin: 0;
	padding: 0;
	color: #000;
}

div#myAutocomplete div.yui-ac-container div.yui-ac-content div.yui-ac-bd ul li {
	font-size: 8pt;
	text-align: left;
}

div#myAutocomplete div.yui-ac-container div.yui-ac-content div.yui-ac-bd ul li {
	font-size: 8pt;
	text-align: left;
}

div#myAutocomplete div.yui-ac-container div.yui-ac-content div.yui-ac-bd ul li.yui-ac-prehighlight, div#myAutocomplete div.yui-ac-container div.yui-ac-content div.yui-ac-bd ul li.yui-ac-highlight {
	background: #006600;
}

a.chooser_cancel {
	position: relative;
	z-index: 2;
	left: 390px;
	top: 2px;
	_top: 0;
	text-decoration: none;
	font-weight: bold;
	color: #999;
}

a.chooser_cancel:hover {
	color: #333;
	background-color: transparent;
	text-decoration: none;
}

a.removeX {
	position: relative;
	top: -1px;
	text-decoration: none;
	font-weight: bold;
	color: #990000;
}

a.removeX:hover {
	color: #ff0000;
	background-color: transparent;
	text-decoration: none;
}

div#help {
	position: absolute;
	display: none;
	width: 300px;
	color: #fff;
	font-weight: bold;
	font-size: 9pt;
	padding: 4px;
	background-color: #333;
	border: 1px solid #ccc;
	z-index: 2;
}

div#help ul {
	width: 100%;
	padding: 0;
	border-top: 1px solid #666;
	display: block;
}

div#help li {
	color: #fff;
	font-weight: bold;
	font-size: 8pt;
	text-align: left;
	list-style-type: none;
	text-indent: 8px;
}


img#darktip {
	position: absolute;
	display: none;
	width: 15px;
	height: 10px;
	z-index: 3;
	margin: 0;
	padding: 0;
}


/* ads */
div.google_ad_horizontal_banner {
	width: 728px;
	/* height: 90px; */
    *height:1%;
	margin: 2em auto 0 auto;
	border: 8px solid #666;
}

div.google_ad_square {
	width: 250px;
	height: 250px;
	margin: 1em 0;
	padding: 0;
	border: 1px solid #ccc;
}

div.google_ad_wide_vertical {
	width: 160px;
	height: 600px;
	margin: 1em 0;
	padding: 0;
	border: 1px solid #ccc;
}

div.floatright {
	float: right;
	margin: 0;
	margin-left: 1em;
}

div.updated_at {
	font-style: italic;
	font-size: 10pt;
	margin-top: 2em;
	clear: both;
}

div.xlarge {
	font-size: 12pt;
}

div.xlarge input {
	font-size: 12pt;
	padding: 2px;
}


hr {
	margin-top: 1.75em;
	margin-bottom: 1em;
}


div.result {
	border-bottom: 1px solid #ccc;
	padding: .5em;
	line-height: 175%;
	text-indent: 2.5em;
}

div.result div.title {
	font-size: 13pt;
	color: #999;
	text-indent: -.5em;
}


/* tables */

table tr td, table tr th {
	text-align: left;
	vertical-align: top;
}

table.ad_table, table.ad_table_narrow {
	border: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

table.ad_table tr td, table.ad_table_narrow tr td {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

table.ad_table tr td.right, table.ad_table_narrow tr td.right {
	width: 252px;
	text-align: right;
	padding-left: 1em;
}

table.ad_table_narrow tr td.right {
	width: 162px;
}

table.address_block {
	display: block;
	border: 0;
	margin: 0;
}

table.address_block tr td {
	vertical-align: top;
	text-align: left;
}

table.browse {
	width: 100%;
}

table.browse tr td {
	text-align: left;
	vertical-align: top;
	line-height: 175%;
}

table.datasheet tr th, table.list_items tr th, span.attr {
	font-weight: bold;
	color: #666;
	text-align: left;
	vertical-align: top;
	padding: 1px 4px;
}

table.datasheet tr td {
	text-align: left;
	vertical-align: top;
	padding: 1px 4px;
}


table.list_items tr td, table.list_items tr th {
	padding: .35em 1.5em .35em 0;
	text-align: left;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}

table.list_items tr td.course {
	width: 410px;
}

table.list_items tr td.course_wide {
	width: 600px;
}

table.list_items tr td.course_ultrawide {
	width: 800px;
}

table.list_items tr td select {
	margin: 3px 0;
}


/* calendar */
.yui-skin-sam .yui-calendar td.calcell a {color: #006600;}
.yui-skin-sam .yui-calendar td.calcell.selected a {background-color: #ccffcc;}
.yui-skin-sam .yui-calendar td.calcell.calcellhover, .yui-skin-sam .yui-calendar td.calcell.calcellhover a {background-color:#006600;}
#calContainer { display:none; position:absolute; z-index:2; margin:0;}
img.cal {width:20px; height:18px; cursor:pointer;}


/* pagination */
div.pagination {
	color: #999;
}

div.pagination a, div.pagination span {
	border: 1px solid #999;
	padding: 3px 5px;
	text-decoration: none;
}

div.pagination a:hover {
	text-decoration: none;
}

div.pagination span.current {
	color: #fff;
	background-color: #006600;
}

div.pagination span.disabled {
	border: 1px solid #ccc;
}

/* mobile version */
div.mobileWarning {padding:4px; margin:0; font-size:9pt; color:#fff; background-color:#003300; font-weight:bold; }
div.mobileWarning a, div.mobileWarning a:visited, div.mobileWarning a:hover {color:#fff;}

}


/* print css */
@media print {
	body { background-color: #fff; border-top: 0; }
	div.action_box, div.google_ad_horizontal_banner, div.google_ad_square, div.google_ad_wide_vertical, div.footer a, div.banner_container, div.header_container div.header div.links { display: none; }
	img.logo { position: static; }
	div.copyright { position:relative; float:left; color:#666;}
	div.header_container { background:#fff; padding:8px 0 20px 0;width:100%; }
	div.footer {background-color:#fff; border:0;}
}