/* CSS for Formative Tools Section */

/* default fonts */
/* extra tags (beyond body) are nice for Netscape 4 (which will suffer enough anyway) */

body { background-color: #fff; }
body, h1, h2, h3, p, th, td, li, cite, blockquote { font-family: Verdana, Arial, Helvetica, sans-serif; }
p, li, th, td { font-size: 12px; }

table { text-align: left; }

/* defaults */


/* page title elements */
h1, th {  font-size: 12px; }
h1 { margin: 4px; 0 4px; 0; padding: 0 0 0 0; }

/* for Experts */
cite { color: #555; display: block; margin: 2px 0 0 0; }

/* white */
.mainWhite {
	padding: 6px 8px 6px 8px; color:#fff;
}

/* page section elements */
#mainContent {
	padding: 6px 8px 6px 8px;
}
#mainContent p { font-size: 12px; }
#mainContent h2, h3, h4 { margin-bottom: 0;  }
#mainContent p, h2, h3, h4, li { font-size: 12px };
#mainContent h2.bigger, h3.bigger { font-size: 14px; margin-top: 4px; }
#mainContent blockquote { font-size: 11px; }

.mainContent {
	padding: 6px 8px 6px 8px;
}
.mainContent p { font-size: 12px; }
.mainContent h2, h3, h4 { margin-bottom: 0;  }
.mainContent p, h2, h3, h4, li { font-size: 12px; }
#mainContent h2.bigger, h3.bigger { font-size: 14px; margin-top: 4px; }
.mainContent blockquote { font-size: 10px; }

/* first p after an h2 has no margin */
/* see http://www.w3.org/TR/REC-CSS2/selector.html#first-child */
/* of course, this doesn't work in any browser :-/ */
#mainContent h2 > p:first-child { margin-top: 0; }
/* so we use this instead */
.lead { margin-top: 0; }
.leadBigger  { margin-top: 4; }
.leadList { margin-top: 0; margin-bottom: 0; }
.noTopMargin{ margin-top: 0; }
.noBottomMargin{ margin-bottom: 0; }
.preList { margin-bottom: 0; }
.preListIndent { margin-bottom: 0; text-indent: 1em; }
.fade { color: #555; }
.indent { text-indent: 1em; }

table#topMenu { border: 1px solid #aaa; border-bottom: none; }
#topMenu th { height: 24px; padding-left: 10px; padding-right: 10px; }
#topMenu a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }
#topMenu a:link { color: #00f; }
#topMenu a:visited  { color: #00f; }
#topMenu a:hover { color: #9933CC; }
#topMenu a:active { color: #00f; }

a#titleReturn { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }
a#titleReturn:link { color: #00f; }
a#titleReturn:visited  { color: #00f; }
a#titleReturn:hover { color: #9933CC; }
a#titleReturn:active { color: #00f; }

a { text-decoration: none; }
a:link { color: #00f; }
a:visited  { color: #00f; }
a:hover { color: #9933CC; }
a:active { color: #00f; }

/* nice gray borders when we want them */
table.grayBorder { border: 1px solid #aaa; }
table.grayBorderFollowing { border: 1px solid #aaa; border-top: none; }

/* sidebars */
td#rightSideBar { padding-right: 5px; padding-top: 0; }
#rightSideBar p, cite { font-size: 12px; }
#rightSideBar li { font-size: 12px; }
#rightSideBar h2, h3, h4 { margin-bottom: 0;  }

/* sidebars */
td#rightSideBarExp { padding-right: 5px; padding-top: 6px; }
#rightSideBarExp p, cite { font-size: 10px; }
#rightSideBarExp li { font-size: 12px; }
#rightSideBarExp h2, h3, h4 { margin-bottom: 0;  }

/* sidebars */
td#leftSideBarExp { padding-top: 6px; }
#leftSideBarExp p, cite { font-size: 10px; }
#leftSideBarExp li { font-size: 12px; }
#leftSideBarExp h2, h3, h4 { margin-bottom: 0;  }

/* videos and handouts */
#videos ul {
	list-style: none;
/*	list-style: disc url(images/pearbullet.gif); */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 9px;
	padding-left: 0;
	margin-left: 6px;
}

#videos li {
	padding-left: 24px;
	background-image: url(/formative/images/icon_audio.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin-bottom: 5px;
}
#handouts ul {
	list-style: none;
/*	list-style: disc url(images/pearbullet.gif); */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 9px;
	padding-left: 0;
	margin-left: 6px;
}

#handouts li {
	padding-left: 24px;
	background-image: url(/formative/images/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin-bottom: 8px;
}

#htmlHandouts ul {
	list-style: none;
/*	list-style: disc url(images/pearbullet.gif); */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 9px;
	padding-left: 0;
	margin-left: 6px;
}

#htmlHandouts li {
	padding-left: 4px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin-bottom: 5px;
}


#participants ul { list-style: none; margin-left: 0; margin-top: 6px;}
#participants li { display: inline; }
#participantBios td { width: 20%; }
#participantBios td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; }

/* for Objectives table. Really needs some cleanup */

#tableObjectives caption { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding-bottom: 12px; }
#tableObjectives a { display: block; color: #fff; background-color: #00f;} 
#tableObjectives a:link { display: block; color: #fff; background-color: #00f;}
#tableObjectives a:visited { display: block; color: #fff; background-color: #00f;}
#tableObjectives a:hover { display: block; color: #fff; background-color: #93c; }
#tableObjectives a:active { display: block; color: #fff; background-color: #00f;}

/* popLink for tables where we don't want grade number effects */
a#popLink { display: inline; text-decoration: none; }
a#popLink:link { display: inline; color: #00f; background-color: transparent;}
a#popLink:visited  { display: inline; color: #00f;  background-color: transparent;}
a#popLink:hover { display: inline; color: #9933CC; background-color: transparent; text-decoration: none; }
a#popLink:active { display: inline; color: #00f; }

/* for annotations, close up spacing */
.annotation p { margin-bottom: 0; }
.annotation ul { margin-top: 0; }
.annotation blockquote { margin-top: 0; }
/* for ul's in table, close up bottom margin */
.annotation table tr td ul { margin-bottom: 0.5em; }

/* for individual responses and their annotations */
div.response { width: 100%; border: 1px solid #aaa; padding: 2px 2px 2px 2px; }
h2.ribbon { background-color: #eee; margin: 4px 2px 4px 2px; padding-left: 2px; }
div.indent { margin-left: 2em; }

/* remove indentation from lists */
ul.noIndent { margin-left: 10px; padding-left: 10px; }

/* classes for vertical spacing */
.noTopMargin { margin-top: 0; }
.noBottomMargin { margin-bottom: 0; }

/* replace the vscup image. a black link */
a#textUpLink { color: black; font-size: 14px; }
a#textUpLink:link { text-decoration: none; color: black; }
a#textUpLink:visited { text-decoration: none; color: black; }
a#textUpLink:hover { text-decoration: none; color: black; }
a#textUpLink:active { text-decoration: none; color: black; }

@media print {
	.dontprint { display: none; }
/* full border for print jobs */
	table.grayBorderFollowing { border: 1px solid #aaa; }
}