/* CSS Document */
a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

em {
	font-style: normal;
	font-weight: bold;
}

em.properName {
	font-style: normal;
	font-weight: bold;
}

em.question {
	font-style: italic;
	font-weight: normal;
}

/*Used for page titles */
h1 {
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
}

h2 {
	clear: both;
	color: #000000;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin: 1em 0 .3em 0;
}

/*Used for sidebar titles */
h3 {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}

hr.section{
	width: 100%;
	border: 0;
	height: 1px;
	border-bottom: 1px solid #DCE9F1;
}

html, body {
	background: #C0CC8A url(../images/backgroundTile.gif) repeat-x;
	font: 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0;
}



img {
	border: 0;
}

img.pdfIcon {
	float: left;
	margin-right: 5px;
}

img.standardIcon {
	float: left; /*border: 1px solid #214F75;*/
	height: 100px;
	margin-right: 10px;
	width: 120px;
}

input.button{
	background: #EFF5F8;
	border: 1px solid #90A7BA;
	border-bottom: 1px solid #214F75;
	border-right: 1px solid #214F75;
	cursor: pointer;
}

.formData{
	text-align: left;
	vertical-align: top;
	padding-left: 20px;
}

.formData ul{
	margin: 0;
	padding: 0 0 0 10px;;
}

.formField {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 2px;
	padding-top: 3px;
	vertical-align: middle;
	width: 400px;
}

.formWideSelector {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 2px;
	padding-top: 3px;
	vertical-align: middle;
	width: 600px;
}

.formLabel{
	text-align: right;
	width:170px;
	vertical-align: top;
	font-weight: bold;
	padding-right: 10px;
}

.formFieldOver {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 2px;
	padding-top: 3px;
	vertical-align: middle;
	width: 400px;
}

li {
	margin-bottom: .5em;
}

p {
	margin: 1.5em 0;
}

p.pollQuestion{
	font-style: italic;
}

select.topicsSelect{
	color: #214F75;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 200px;
	width: 115px;
}

select.topicsSelect option{
	color: #214F75;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

th{
	font-size: 12px;
	padding-left: 0;
	text-align: left;
	vertical-align: top;
}


ul {
	margin-left: 20px;
}

.buttonCell {
	background: #9F1A34 url(../images/popNavButtonBackground.gif) repeat-y;
	width: 20px;
}

.buttonCellOver{
	background: #CB4A63 url(../images/popNavButtonBackground.gif) repeat-y;
	cursor: pointer;
	width: 20px;
}

.caption {
	margin-top: .5em;
}

.center{
	text-align: center;
}

.devNote {
	color: #FF0000;
	font-size: 10px;
}

.expander {
	margin: 5px 0px 15px 20px;
}

.expandTrigger {
	clear: both;
	cursor: pointer;
	cursor: hand;
	font-size: 12px;
	font-weight: bold;
}

.expIcon {
	margin: 0px 5px 0px 0px;
}

.formBtn{
	width: 60px;
	text-align: center;
}

.hidden{
	display: none;
}

.inline{
	display: inline;
}

.instruction {
	color: #9F1A34;
	font-size: 10px;
}

.smaller_dropdown{
	height: 150px;
	width: 200px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 2px;
	padding-top: 3px;
}

.note {
	background: #FFFFFF;
	border: 1px solid #214F75;
	font-size: 11px;
	font-style: italic;
	padding: 1em;
}

.pp_poll {
	border-bottom: 1px solid #DCE9F1;
	margin: 1em 0;
	padding-bottom: 10px;
}

.qNum{
	font-weight: bold;
	margin: 10px 0 5px 2px;
}

.qualityIndicator {
	color: #000000;
	font-weight: bold;
	margin: 0 1.5em;
}

.scrollie{
	border-bottom: 1px solid #DCE9F1;
	border-right: 1px solid #DCE9F1;
	height: 85px;
	overflow: auto;
	width: 642px;
}

.sidebarNav{
	background: #FFFFFF;
	border: 1px solid #214F75;
	color: #214F75;
	padding: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;
	width: 160px;
}

.transferLabel{
	color: #214F75;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 4px;
}

.visible{
	display: block;
}

#age_min_mo, #age_max_mo{
	margin-left: 10px;
}

#age_min_mo, #age_min_yr, #age_max_mo, #age_max_yr{
	width: 30px;
	margin-right: 3px;
}

#brandingBar {
	background: #214F75;
	border-top: 1px solid #90A7BA;
	height: 64px;
	margin: 0;
	padding: 0;
}

#courseListings tr td, #topicListings tr td, #pollListings tr td{
	padding-bottom: 10px;
}

#courseListings, #topicListings, #pollListings{
	padding: 4px;
}

#dateFilters{
	margin-top: 10px;
}

#expGroup{
	margin: 0;
}

#footer {
	border-top: 1px solid #214F75;
	clear: both;
	font-size: 10px;
	height: 10px;
	margin: 20px 20px;
	padding-right: 280px;
	padding-top: 5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 690px;
	width: 410px;
}

#generalFormTable td, #searchTable td{
	padding: 4px;
}

#headerImg {
	border-left: 1px solid #90A7BA;
	border-right: 1px solid #90A7BA;
	height: 64px;
	width: 278px;
}

#mainColumn {
	color: #214F75;
	float: left;
	padding: 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 450px;
	width: 410px;
}

#mainColumn p{
	margin: 0 0 12px 0;
}

#navCell {
	background: #5E0017 url(../images/courseMenuLogo.gif) no-repeat 60px 480px;
}

#overlay {
	background: #FFFFFF;
	border: 1px solid #214F75;
	color: #214F75;
	margin: 20px 0;
	padding: 20px;
	width: 650px;
}

#overlay dd {
	margin: .5em 1.5em 2em 1.5em;
}

#overlay dt {
	font-weight: bold;
	margin: 1.5em 0 .5em 0;
}

#overlay div.note{
	font-size: 11px;
	border: 0;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#overlay p {
	margin: .8em 0;
}

#overlay strong{
	margin: 0 15px;
}

#overlay textarea{
	height: 100px;
}

#page {
	width: 730px;
}

#pageCell {
	background: #EFF5F8 url(../images/pageBackgroundTile.gif);
}

#pageTitleArea {
	margin: 20px 20px -5px 20px;
	padding-right: 280px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 690px;
	width: 410px;
}

#popNav {
	color: #FFFFFF;
	display: block;
	font-size: 10px;
	width: 200px;
}

#popNav a {
	color: #EEBBBB;
}

#popNav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#popNav h3{
	margin-left: 25px;
}

#popNav li {
	list-style-type: none;
	margin-bottom: 7px;
}

#popNav li.complete {
	color: #AA7777;
	list-style-type: disc;
}

#popNav li.current {
	color: #FFFFFF;
	list-style-type: disc;
}

#popNav li.current a {
	color: #FFFFFF;
	font-weight: bold;
}

#popNav ul {
	border-bottom: 1px solid #000000;
	display: block;
	margin: 10px 20px 30px -15px;
	text-indent: 0;
}

#popNavArrow {
	margin-top: 113px;
}

#popNavTitle {
	background: #000000;
	border-bottom: 1px solid #CB4A63;
	color: #CB4A63;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
	width: 200px;
}

#portalNav {
	background: #000000 url(../images/portalNavBackgroundTile.gif) repeat-y 450px 0px;
	border-right: 1px solid #90A7BA;
	color: #C0CC8A;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	padding: 0 20px;
	width: 689px;
}

#portalNav a {
	color: #FFFFFF;
	margin-right: 15px;
}

#portalNav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#portalNav img {
	border: 0;
	height: 17px;
	margin: 2px 0 0 0;
	width: 19px;
}

#print_view{
	font-size: 10px;
	text-align: center;
	width: 25px;
	position: absolute;
	top: 110px;
}

#print_view a{
	display: block;
}

#searchTable th, #detailTable th{
	padding: 10px 0 5px 0;
	font-size: 13px;
	border-top: 1px solid #DCE9F1;
}

#searchTable td, #detailTable td{
	padding-bottom: 10px;

}

#sideBar {
	float: right;
	font-size: 11px;
	padding: 20px;
	width: 240px;
}

#sideBar li {
	margin-bottom: 7px;
}

#sideBar ul {
	list-style-type: none;
	margin: 0;
}

#topicListings th{
	text-align: left;
}

#topicSwap{
	margin-left: -14px;
	margin-top: 25px;
	position: absolute;
}

#zebra_table{
	width: 100%;
}

#zebra_table .thin_col{
	width: 30px;
	text-align: center;
}

#zebra_table tbody td{
	border-left: 1px solid #D9D9D9;
}

#zebra_table tbody tr.even td{
	background: #DCE9F1;
}

#zebra_table tbody tr.ruled td{
	background: #214F75;
	color: #FFFFFF;
}

#zebra_table tbody tr.selected td{
	background: #3D80DF;
	border-bottom: 1px solid #7DAAEA;
	border-left: 1px solid #346DBE;
	color: #FFFFFF;
	font-weight: bold;
}
#zebra_table tbody tr{
	cursor: hand;
	cursor: pointer;
}


#zebra_table td a, #zebra_table th a{
	color: #5E0017;
	font-size: 12px;
	vertical-align: top;
	text-decoration: underline;
}

#zebra_table td a:visited, #zebra_table th a:visited{
	color: #5E0017;
	font-size: 12px;
	vertical-align: top;
	text-decoration: underline;
}

#zebra_table td, #zebra_table th{
	font-size: 11px;
	vertical-align: top;
}

#zebra_table thead td{
	background: #C8C028;
	border-bottom: 1px solid #999999;
	color: #FFFFFF;
	font-weight: bold;
}

/* fixes and hacks and such */
html>#footer {
	width: 410px;
}

html>#mainColumn {
	width: 410px;
}

html>#overlay {
	width: 648px;
}

html>#pageTitleArea {
	width: 410px;
}

html>#portalNav {
	width: 689px;
}

html>.sidebarNav {
	width: 140px;
}
*html #popNav ul {
	margin: 10px 20px 30px 25px;
}

#page_contents{
	width: 600px;
	height: 600px;
	padding: 2px;
	overflow: auto;
}

.page_text h2{
	margin-bottom: -12px;
}