/* styles for teachers' standards pages of site */

div#middle table.categories ul
{
	padding: 0;
	margin: 0;
}

div#middle ul li
{
	padding-left: 15px;
	list-style-type: none;
	background-image: url(/images/standards/bullet.gif);
	margin-bottom: 10px;
}

div#standards
{
	float: left;
	font-size: 110%;
}

/* table containing list of standards */

#standards table.standards
{
	border: 10px solid #eee;
	border-collapse: collapse;
	margin-top: 1em;
}

#standards table.standards td
{
	padding: 10px;
	vertical-align: top;
}

#standards table.standards tr.hidden td
{
	height: 0;
	font-size: 0pt;
	line-height: 0;
	padding: 0;
}

#standards table.standards tr.top td,
#standards table.standards tr.bottom td
{
	vertical-align: middle;
	padding: 5px 10px;
}

#standards table.standards td p
{
	padding: 0;
	margin: 0;
	margin-bottom: 0.5em;
}

/* styles for chairs */

#standards table.chairs
{
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	background: #eee url(/images/standards/standards/slice_top.gif) repeat-x top;
}

#standards table.chairs tr
{
	padding: 0;
	background: url(/images/standards/standards/slice_bottom.gif) repeat-x bottom;
}

#standards table.chairs td
{
	width: 20%;
	padding: 0 10px;
}

#standards table.chairs td a,
#standards table.chairs td h2
{
	float: left;
	width: 100%;
	height: 3.4em;
	background-position: top center;
	background-repeat: no-repeat;
	padding: 100px 0px 5px 0px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;
	margin: 0;
}

#standards table.chairs td a {background-image: url(/images/standards/standards/blank_unsel.gif);}
#standards table.chairs td h2 {background-image: url(/images/standards/standards/blank_sel.gif);}
#standards table.chairs td a.qts {background-image: url(/images/standards/standards/q_unsel.gif);}
#standards table.chairs td h2.qts {background-image: url(/images/standards/standards/q_sel.gif);}
#standards table.chairs td a.core {background-image: url(/images/standards/standards/c_unsel.gif);}
#standards table.chairs td h2.core {background-image: url(/images/standards/standards/c_sel.gif);}
#standards table.chairs td a.postthreshold {background-image: url(/images/standards/standards/p_unsel.gif);}
#standards table.chairs td h2.postthreshold {background-image: url(/images/standards/standards/p_sel.gif);}
#standards table.chairs td a.excellent {background-image: url(/images/standards/standards/e_unsel.gif);}
#standards table.chairs td h2.excellent {background-image: url(/images/standards/standards/e_sel.gif);}
#standards table.chairs td a.advanced {background-image: url(/images/standards/standards/a_unsel.gif);}
#standards table.chairs td h2.advanced {background-image: url(/images/standards/standards/a_sel.gif);}

#standards a.helpLink,
#standards a.downloadLink
{
	color: #690;
	float: right;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 30px;
	padding: 10px 27px 10px 0;
}

#standards a.helpLink {background-image: url(/images/standards/standards/help_icon.gif); font-size: 120%; font-weight: bold;}
#standards a.downloadLink {background-image: url(/images/standards/standards/dl_icon.gif);}

/* section title */

h2
{
	padding: 0;
	margin-bottom: 10px;
}

div.section,
h2.section
{
	border-style: none;
	border-width: 2px;
	border-bottom-style: solid;
	font-weight: normal;
	padding: 0;
	margin: 0 0 0.5em 0;
}

div.section h2
{
	margin: 0;
}

/* side-links (i.e. 'builds on' & 'leads to') */

#standards table.standards td.leftLinks table.sideLinks
{
	float: left;
}

#standards table.standards td.rightLinks table.sideLinks
{
	float: right;
}

#standards table.sideLinks
{
	margin: -5px 0;
}

#standards table.sideLinks td
{
	padding: 0 0 5px 0;
}

#standards span.greenLabel,
#standards a.greenLabel,
#standards a.greenLabel:visited
{
	color: #690;
	font-size: 90%;
	float: left;
	padding: 0 5px 0 0;
	margin-top: 3px;
}

#standards table.standards td.rightLinks a.greenLabel
{
	float: right;
}

#standards table.standards a.leftArrow
{
	padding-left: 15px;
	background: url(/images/standards/arrow_left.gif) no-repeat left center;
}

#standards table.standards a.rightArrow
{
	padding-right: 15px;
	background: url(/images/standards/arrow_right.gif) no-repeat right center;
	float: right;
	clear: right;
}

#standards span.upDownLabel,
#standards a.upDownLabel,
#standards a.upDownLabel:visited
{
	color: #690;
	position: relative;
	top: 3px;
	font-size: 90%;
	padding-left: 5px;
}

/* boxes for standard IDs (e.g. C1, C2) */

span.standardIdRed, a.standardIdRed, a.standardIdRed:visited
{
	width: 3em;
	padding: 2px;
	float: left;
	font-weight: bolder;
	text-align: center;
	white-space: nowrap;
}

span.standardId, a.standardId, a.standardId:visited,
span.standardIdLeft, a.standardIdLeft, a.standardIdLeft:visited,
span.standardIdRight, a.standardIdRight, a.standardIdRight:visited,
span.standardIdUp, a.standardIdUp, a.standardIdUp:visited,
span.standardIdDown, a.standardIdDown, a.standardIdDown:visited
{
	background-color: white;
	border: 1px solid #690;
	color: #690;
	width: auto;
	padding: 2px;
	float: left;
	font-weight: bolder;
	text-align: center;
}

a span.standardId, a.standardId, a.standardId:visited,
a span.standardIdLeft, a.standardIdLeft, a.standardIdLeft:visited,
a span.standardIdRight, a.standardIdRight, a.standardIdRight:visited,
a span.standardIdUp, a.standardIdUp, a.standardIdUp:visited,
a span.standardIdDown, a.standardIdDown, a.standardIdDown:visited,
a span.standardIdRed, a.standardIdRed, a.standardIdRed:visited
{
	cursor: pointer;
}

/*
a:hover span.standardId, a.standardId:hover,
a:hover span.standardIdLeft, a.standardIdLeft:hover,
a:hover span.standardIdRight, a.standardIdRight:hover,
a:hover span.standardIdUp, a.standardIdUp:hover,
a:hover span.standardIdDown, a.standardIdDown:hover,
a:hover span.standardIdRed, a.standardIdRed:hover
{
	background-color: #e7f3ce;
}
*/

span.standardIdUp, a.standardIdUp, a.standardIdUp:visited,
span.standardIdDown, a.standardIdDown, a.standardIdDown:visited
{
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px; /* width of image */
	width: 2em;
	text-align: right;
}

/* left & right boxes have the arrow on the right hand side */
span.standardIdLeft,a.standardIdLeft,a.standardIdLeft:visited,
span.standardIdRight,a.standardIdRight,a.standardIdRight:visited
{
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px; /* width of image */
	width: 2em;
	text-align: left;
}

/* up & down boxes have the arrow on the left hand side */
span.standardIdUp,a.standardIdUp,a.standardIdUp:visited,
span.standardIdDown,a.standardIdDown,a.standardIdDown:visited
{
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px; /* width of image */
	width: 2em;
	text-align: right;
}

span.standardIdLeft, a.standardIdLeft {background-image: url(/images/standards/standards/arrow_left.gif);}
span.standardIdRight, a.standardIdRight {background-image: url(/images/standards/standards/arrow_right.gif);}
span.standardIdUp, a.standardIdUp {background-image: url(/images/standards/standards/arrow_up.gif);}
span.standardIdDown, a.standardIdDown {background-image: url(/images/standards/standards/arrow_down.gif);}

/* clear floated elements */

div.clear
{
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/* styles for table of categories (i.e. "all ... standards" bit) */

h3.smallChair
{
/*	color: #da2c00; */
	padding-left: 40px;
	margin-left: 10px;
	margin-top: 20px;
	background-image: url(/images/standards/standards/blank_small.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

h3.qts {background-image: url(/images/standards/standards/q_small.gif);}
h3.core {background-image: url(/images/standards/standards/c_small.gif);}
h3.postthreshold {background-image: url(/images/standards/standards/p_small.gif);}
h3.excellent {background-image: url(/images/standards/standards/e_small.gif);}
h3.advanced {background-image: url(/images/standards/standards/a_small.gif);}

table.categories
{
	font-size: 90%;
	width: 100%;
}

table.categories td
{
	border-right: 1px dashed #888;
	vertical-align: top;
	padding: 0 10px;
	width: 33%;
}

table.categories td.right
{
	border-style: none;
}

table.categories a,
table.categories a:hover,
table.categories a:visited
{
	text-decoration: none;
	color: black;
}

table.categories li
{
	clear: both;
	float: left;
	margin-bottom: 10px;
	width: 90%;
}

table.categories li span
{
	margin-bottom: 10px;
}

table.categories li span.standardId
{
	margin: 0 2px 0 0;
	padding: 0 2px;
}

table.categories li.current span
{
	color: #da2c00;
	font-weight: bold;
}

/* red boxes for current standard */
table.categories li.current span.standardId
{
	border: 1px solid #da2c00;
	background-color: #da2c00;
	color: white;
}

li.current
{
	color: #da2c00;
	display: block;
}

/* styles for downloads page */

div#downloads
{
	width: 75%;
	min-width: 400px;
}

div#downloads p
{
	margin-bottom: 1em;
}

div#downloads a img
{
	border-style: none;
	vertical-align: middle;
}

div#downloads img
{
	margin: 0;
	padding: 0;
}

div#downloads div.chairsTop
{
	background: url(/images/standards/downloads/dl_all.gif) left top no-repeat;
	width: 387px; /* width of image */
	padding-top: 106px; /* height of image */
	padding-bottom: 1em;
}

div#downloads div.chairsBottom
{
	background: url(/images/standards/downloads/dl_bottom.gif) left bottom;
	padding-bottom: 6px;
}

div#downloads div.chairsLink
{
	background: #eee url(/images/standards/downloads/arrow_right.gif) no-repeat scroll left center;
	border-left: 1px solid #da2c00;
	border-right: 1px solid #da2c00;
	background-position: 10px 0.7em;
	padding: 10px 10px 4px 30px;
}

div#downloads div.singleStandards div
{
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 55px; /* width of images */
	padding-top: 2em;
	padding-bottom: 2em;
	vertical-align: middle;
	border-bottom: 1px dashed gray;
}

div#downloads div.singleStandards div.qts {background-image: url(/images/standards/downloads/dl_q.gif);}
div#downloads div.singleStandards div.core {background-image: url(/images/standards/downloads/dl_c.gif);}
div#downloads div.singleStandards div.postthreshold {background-image: url(/images/standards/downloads/dl_p.gif);}
div#downloads div.singleStandards div.excellent {background-image: url(/images/standards/downloads/dl_e.gif);}
div#downloads div.singleStandards div.advanced {background-image: url(/images/standards/downloads/dl_a.gif);}

/* styles for landing page */

div#landing
{
	width: 100%;
	min-width: 546px; /* width of title image */
}

div#landing p,
div#landing img
{
	border-style: none;
	padding: 0;
	margin: 0;
}

div#landing div.title
{
	width: 100%;
	margin-bottom: 10px;
	min-height:11em;
	font-size: 120%;
}

div#landing div.title img
{
	width: 100%;
}

div#landing div.title div.text
{
	position: absolute;
	top: 5px;
	left: 0;
	margin-left: 1em;
	margin-top: 1em;
	width: 15em;
}

div#landing div.title div.text h2,
div#landing div.title div.text p,
div#landing div.title div.text a,
div#landing div.lozTitle a
{
/*	background-color: #de2c00; */
/*	color: #fff; */
	padding: 0;
	margin: 0;
}

div#landing a
{
	color: #000;
	text-decoration: none;
}

div#landing h2 a:hover,
div#landing p a:hover
{
	text-decoration: underline;
}

/* topic boxes - boxRow2 is two columns, boxRow3 is three columns */

div#middle div#landing table.boxRow2,
div#middle div#landing table.boxRow3
{
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	table-layout: fixed;
}

div#landing table.boxRow2 *,
div#landing table.boxRow3 *
{
	margin: 0;
	padding: 0;
	color: #000;
	text-decoration: none;
}

div#landing table.boxRow2 a:hover,
div#landing table.boxRow3 a:hover
{
	text-decoration: underline;
}

div#landing table.boxRow2 td,
div#landing table.boxRow3 td
{
	background-color: #ccc;
	vertical-align: top;
	padding: 10px;
}

div#landing table.boxRow3 td
{
	width: 33%;
}

div#landing table.boxRow2 td
{
	width: 50%;
}

div#landing table.boxRow2 td.space,
div#landing table.boxRow3 td.space
{
	background-color: transparent;
	width: 0;
	padding: 5px;
}

div#landing table.boxRow2 tr.top td,
div#landing table.boxRow3 tr.top td
{
	background-image: url(/images/boxes/split_portal_curve_tr_invert.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-bottom: 0;
}

div#landing table.boxRow2 tr.bottom td,
div#landing table.boxRow3 tr.bottom td
{
	background-color: transparent;
	padding: 0;
}

div#landing table.boxRow2 tr.bottom td img,
div#landing table.boxRow3 tr.bottom td img
{
	width: 100%;
}

/* styles for standard guidance page */

div#guidance
{
	margin-bottom: 10px;
	border: 10px solid #eee;
	padding: 10px;
}