/* @override http://bplm/css/content.css */

/* Defaults */

.clear
{
	clear: both;
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
}

a,a:visited {
    text-decoration: none;

    color: #FF6633;
}

a img {
	border: 0px;
}

div.rows div.row {
	float: left;
	width: 100%;
}

div.columns div.column {
	float: left;
}

div.gridStandard {
	width: 100%;
	height: 100%;

	padding-bottom: 7px;

	overflow: hidden;
}

div.gridStandard div.column {
	width: 279px;

	padding-left: 10px;
	padding-top: 7px;

	margin: 0;
}

/* Images */

img.left {
	float: left;
	padding-right: 10px;
}

img.right {
	float: right;
	padding-left: 10px;
}

/* Text Formatting: Span */

span.subtitle, p.subtitle {
	font-size: 0.923077em;

	font-weight: bold;
}

span.title, p.title {
	font-weight: bold;

	font-size: 1.076923em;
	line-height: 1.33em;

	color: #4477AA;
}

span.medtitle, p.medtitle {
	font-size: 1.153846em;
	line-height: 1.33em;

	font-weight: bold;

	color: #225588;
}

span.bigtitle, p.bigtitle {
	font-size: 1.230769em;
	line-height: 1.33em;

	font-weight: bold;

	color: #003366;
}

span.summary {}

span.figure {
	font-family: Verdana;

	font-size: 0.846154em;

	font-weight: bold;
}

/* Text Formatting: UL / OL */

ul, ol {
	padding: 0.75em 2.1em;
	padding-bottom: 0;
}

li {
	margin-bottom: 0.75em;
}

ul, ul.bullets {
	list-style-type: disc;
	list-style-position: outside;
}

ol, ol.numbers {
	list-style-type: decimal;
	list-style-position: outside;
}

ol.alpha {
	list-style-type: upper-alpha;
	list-style-position: outside;
}

ul.bullets ul, ol.numbers ul, ol.alpha ul {
	list-style-type: circle;
	list-style-position: outside;
}

/* Text Formatting */

.smallnote {
	font-size: 0.923077em;

	color: #004082;
}

.smallnoteStrong {
	font-size: 0.923077em;

	color: #004082;
	font-weight: bold;
}

.note {
	color: #004082;
}

.noteStrong {
	font-weight: bold;
	color: #004082;
}

.orangenote {
	color: #FF6633;
}

.orangenoteStrong {
	color: #FF6633;

	font-weight: bold;
}

p {
	line-height: 1.4em;

	padding-bottom: 1em;
}

p.shreds {
	font-weight: bold;
}

p.exploretitle {
	font-size: 0.769231em;

	font-weight: bold;
}

.exploreanchor {
	font-weight: bold;
	color: #000050;
}

p.pagination,span.pagination {
	font-weight: bold;
}

a.pagination {
	font-weight: normal;
}

a.imperceptible {
	font-weight: normal;
	color: #CCCCCC;
}

/* General Layout: Advanced Search */

div#advancedSearch div.paginationBlock {
	float: left;
	clear: both;

	width: 884px;

	background-color: #F6F6F6;

	margin-bottom: 10px;

	padding: 5px 10px;

	border: 1px solid #999999;
}

div#advancedSearch div.columns {
	float: left;
	clear: both;

	width: 100%;

	margin-bottom: 5px;

	padding-bottom: 5px;

	border-bottom: 1px dotted #999999;
}

div#advancedSearch table {
	float: left;
}

/* General Layout: Content */

#nblmcContentFrame {
	height: 100%;

	margin-left: 10px;
	margin-right: 10px;

	padding-bottom: 10px;

	font-size: 0.8125em;
	line-height: 1.384615em;

	overflow: hidden;
}

/* Home Page */

div.homepage { padding: 4px; }

div.homepage div, div.homepage div a { float: left; }
div.homepage div.left, div.homepage div.right { width: 220px; }
div.homepage div.left, div.homepage div.center { margin-right: 2px; }
div.homepage div.center { width: 496px; height: 310px; background: url(images/home_map.jpg) top left no-repeat; }
div.homepage div.center p { float: left; display: block; width: 100%; background-color: #000050; padding: 10px; color: white; }

div.homepage a { display: block; }
div.homepage div.left a { margin-bottom: 2px; }
div.homepage div.right a { margin-bottom: 3px; }
div.homepage div a.rightMargin { margin-right: 2px; }

/* Map Backgrounds */

div.bigMapBackground {
	width: 908px;
	min-height: 489px;

	background: url(images/big_map_bg.jpg);
	background-repeat: no-repeat;

	padding: 10px;

	overflow: hidden;
}

div.smallMapBackground {
	width: 741px;

	min-height: 459px;

	background: url(images/teacher_bg.jpg);
	background-repeat: no-repeat;

	margin-top: 17px;

	padding: 10px;
}

/* Gradient Box: Gray */

div.gradientBoxGray {
	width: 928px;
	min-height: 43px;

	overflow: hidden;
}

div.gradientBoxGray div.leftCap {
	float: left;

	width: 11px;
	height: 43px;

	background: url(images/title_d_11.gif) no-repeat left top;

	z-index: 1;
}

div.gradientBoxGray div.middle {
	float: left;

	width: 906px;
	min-height: 43px;

	background: url(images/title_bg.gif) repeat-x left top;

	padding-top: 5px;
	padding-bottom: 10px;

	z-index: 2;
}

div.gradientBoxGray div.gradientBoxContent {
	margin-top: 8px;
}

div.gradientBoxGray div.rightCap {
	float: left;

	width: 11px;
	height: 43px;

	background: url(images/title_d_12.gif) no-repeat right top;

	z-index: 1;
}

/* Box: Gray */

div.borderBoxGray {
	background-color: #EEEEEE;

	padding: 1px;

	border: 1px solid #000050;
}

div.borderBoxGray div.title {
	background-color: #4b70c0;

	font-weight: bold;

	color: #FFFFFF;

	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
}

div.borderBoxGray div.threeSides {
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

div.borderBoxGray div.fourSides {
	padding: 5px;
}

div.borderBoxGray div.borderBoxContent {
	width: 100%;

	overflow: hidden;

	background-color: #FFFFFF;
}

/* Grid */

div.gridStandard div.rows div.row div.columns div.column div {
	margin-top: 20px;
	margin-bottom: 20px;

	padding-left: 30px;
	padding-right: 30px;
}

/* Map Details */

div#metadata {
	zoom: 1;

	padding: 6px;

	border: 2px solid #336699;
	background: #F9F6F2 url(images/bg_map_summary.gif) repeat-x top left;

	font-size: 0.923077em;
}

div#metadata a {
	font-weight: bold;
}

div#similar, div#description, div#explore {
	float: left;

	width: 100%;

	margin-top: 15px;

	font-size: 0.928571em;
}

div#similar .title, div#description .title, div#explore .title {
	display: block;

	border-bottom: 1px solid #336699;
	margin-bottom: 5px;

	font-family: Verdana;
}

div#similar div.list, div#explore div.list {
	padding-left: 5px;
}

/* Tags */

div.tag {
	float: left;

	background-color: #FFFFEE;
	border: 1px solid #CCCCAA;

	padding: 2px 5px;

	margin-right: 4px;
	margin-bottom: 4px;
}

/* Download & Buy a Map */

div#metadata div.downloadAction, div#metadata div.buyAction {
	float: left;
	display: block;

	height: 32px;

	margin-right: 10px;

	font-weight: bold;
}

div#metadata div.buyAction { margin-right: 0px; }

div#metadata div.downloadAction a, div#metadata div.buyAction a {
	float: left;
	display: block;

	padding-top: 7px;
	padding-left: 37px;
	padding-bottom: 7px;
}

div#metadata div.downloadAction {
	background: url(images/save_icon.gif) no-repeat;
}

div#metadata div.buyAction {
	background: url(images/image_icon.gif) no-repeat;
}


/* Zoomify */

#mapviewer {
	float: right;

	width: 666px;

	padding: 1px;

	background-color: #FFFFFF;

	text-align: center;

	border: 1px solid black;
}

#mapviewer #zoomify {
	height: 510px;
}

#mapviewer .alternate {
	display: block;

	background-color: #CCDDEE;

	padding: 2px 0;

	color: #4477AA;
}

#mapviewer .alternate .name {
	font-weight: bold;
}

#mapviewer .alternate a {
	color: #FF6633;

	font-style: italic;
}


/* Teacher Resources: Search */

div#resourceSummary {
	float: left;

	width: 157px;

	border: 1px solid #000000;

	padding: 1px;
}

div#resourceSummary div {
	padding: 4px;
}

div#resourceSummary div.quote {
	background-color: #EEEEEE;

	font-size: 0.846154em;
}

div#resourceSummary div.author {
	margin-top: 1px;

	background-color: #4b70c0;

	font-size: 0.923077em;

	text-align: right;

	color: #FFFFFF;
}

div#searchResources {
	float: right;
	width: 761px;
}

div#searchLevel.columns div.column {
	width: 236px;
}

div#searchOther.columns {
	margin-top: 10px;
}

div#searchTopic.column, div#searchIdea.column, div#searchSkill.column {
	width: 237px;
}

div#searchTopic.column, div#searchIdea.column {
	margin-right: 13px;
}

#IEroot div#searchTopic.column, #IEroot div#searchIdea.column {
	margin-right: 9px;
}

div#searchLevel div.column, div#searchResources div.row {
	padding: 3px;
}

div#searchResources div.paginationBlock { background-color: white; padding: 3px 6px; }

div#searchResourcesSubmit {
	clear: both;

	width: 100%;

	padding-top: 10px;

	text-align: center;
}

/* Teacher Resources: Search Results */

div.searchResourcesResult {
	float: left;

	width: 236px;

	padding: 2px;
}

div.searchResourcesResult div { float: left; padding-right: 5px; }
div.searchResourcesResult div.text { width: 165px; font-size: 0.9em; }

/* Teacher Resources: View */

div#resource {
	width: 100%;

	padding-top: 35px;
}

div#resourceTags {
	position: absolute;

	width: 922px;

	background-color: #336699;

	border-left: 3px solid #99CCFF;
	border-top: 3px solid #99CCFF;
	border-right: 3px solid #6699CC;
	border-bottom: 3px solid #6699CC;

	margin-bottom: 10px;
}

div#resourceTags div.fieldsTitle {
	float: left;
	width: 182px;

	padding-left: 13px;

	letter-spacing: 0.1em;

	font-weight: bold;
	
	color: #FFFFFF;
}

div#resourceTags div.fieldsTable {
	float: left;
	width: 727px;

	background-color: #F0F6FF;

	font-size: 0.923077em;
	line-height: 1.4em;

	color: #336699;
}

div#resourceTags div.fields {
	font-weight: bold;
}

div#resourceTags div.fields, div#resourceTags div.fieldData {
	float: left;
	width: 717px;

	padding: 2px 5px;
}

div#resourceTags div.fields div, div#resourceTags div.fieldData div {
	float: left;
	width: 25%;
}

div#resourceTags div.fieldData {
	background-color: #FFFFFF;

	border-top: 1px solid #336699;
}

div.printAction {
	float: right;
	
	width: 60px;
	height: 27px;

	margin-bottom: 5px;

	padding-top: 10px;
	padding-left: 40px;
	padding-right: 5px;

	background: #FFFFFF url(images/print_icon.jpg) no-repeat;

	border-left: 3px solid #DDDDDD;
	border-top: 3px solid #DDDDDD;
	border-right: 3px solid #999999;
	border-bottom: 3px solid #999999;

	text-align: center;
	vertical-align: bottom;

	font-weight: bold;
}

div.printAction a, div.printAction a:visited {
	display: block;
	color: #333333;
	height: 100%;
}

div.printAction a:hover, div.printAction a:hover {
	color: #999999;
}

div#resource div.title, div#mitn div.topicTitle {
	margin-bottom: 10px;
	padding-left: 3px;
	padding-bottom: 5px;

	border-bottom: 3px double #004082;

	text-align: left;

	font-size: 1.076923em;
	line-height: 1.25em;

	letter-spacing: 0.1em;

	font-weight: bold;

	color: #004082;
}

div#teacher div.title, div#student div.title, div#article div.articleTitle {
	padding: 5px 10px;

	background-color: #336699;

	border-left: 3px solid #99CCFF;
	border-top: 3px solid #99CCFF;
	border-right: 3px solid #6699CC;
	border-bottom: 3px solid #6699CC;

	text-align: left;

	font-family: Verdana;

	font-weight: bold;

	color: #FFFFFF;
}

div#resource div.header, div#mitn div.header {
	margin-bottom: 6px;

	padding-top: 12px;
	padding-left: 3px;

	border-bottom: 1px solid #004082;

	letter-spacing: 0.15em;

	font-weight: bold;

	color: #004082;
}

div#mitn div.header { margin: 0px; padding: 0px; }

div#teacher span.note, div#teacher p.note, div#article span.note, div#article p.note {
	color: #DD6633;
}

div#student {
	width: auto;

	padding: 15px;

	background-color: #F0F6FF;

	border: 1px solid #336699;
}

/* Teacher Resources: Landing */

div#tr-landing div.left { float: left; width: 450px; }
div#tr-landing div.right { float: right; width: 450px; margin: 15px 15px 0 0; }
div#tr-landing div.below { clear: both; text-align: center; }

div#tr-landing div.left img { margin: 10px 35px; }

div#tr-landing table { width: 100%; margin-top: 28px; margin-bottom: 10px; }
div#tr-landing table th {
	background-color: #4b70c0;

	font-weight: bold;

	color: #FFFFFF;

	padding-top: 4px;
	padding-bottom: 4px;
}
div#tr-landing table th, div#tr-landing table td { padding-left: 10px; padding-right: 10px; border-left: 1px solid #4b70c0; }
div#tr-landing table th.last, div#tr-landing table td.last { border-right: 1px solid #4b70c0; }

div#tr-landing ol { float: left; clear: both; width: 904px; margin-bottom: 1em; padding: 10px 10px 0px 10px; background-color: #fffbe9; border: 2px solid #eeead8; list-style-type: none; }
div#tr-landing ol span { font-size: 0.85em; }

div#tr-landing div.links { float: left; width: 100%; margin-bottom: 10px; border-top: 1px dotted #4b70c0; padding-top: 10px; overflow: hidden; }
div#tr-landing div.links a { float: left; background: url(images/compass_blue.gif) top left no-repeat; margin-left: 55px; padding-left: 22px; }

/* Splash images */

div#resource div.splash, div#faq div.splash, div#mitn div.splash {
	float: right;
	display: block;

	width: 300px;
	height: 231px;

	background: #FFFFFF url(images/school.jpg) no-repeat 3px 3px;

	margin-left: 12px;

	padding: 3px;

	border-left: 3px solid #99CCFF;
	border-top: 3px solid #99CCFF;
	border-right: 3px solid #6699CC;
	border-bottom: 3px solid #6699CC;
}

div#mitn div.splash {
	width: 300px;
	height: 216px;

	background: #FFFFFF url(images/mitn/mitn-splash.jpg) no-repeat 3px 3px;
}

/* Maps in the News: Common */

div#mitn div#mitnViewer {
	display: none;
	position: absolute;
	border: 1px solid #000000;
	padding: 5px;
	background-color: #FFFFFF;
}

div#mitn div.col1 {
	float: left;

	width: 550px;
}

div#mitn div.col2 {
	float: left;

	width: 368px;

	margin-top: 10px;
	margin-left: 10px;
}

div#mitn div.col2alt {
	float: left;

	width: 368px;

	margin-left: 10px;
}

div#mitn div.articles, div#mitn div.resources {
	float: left;

	width: 270px;

	font-size: 0.923077em;
}

div#mitn div.articles {
	margin-right: 10px;
}

div#mitn div.mainMap {
	padding: 5px;
	margin-bottom: 5px;

	border: 1px dotted black;
	
	text-align: center;
}

div#mitn div.infoMap {
	text-align: center;

	background-color: #F0F0F0;

	border: 1px dotted #999999;

	padding: 5px;
}

div#mitn div.moreinfo {
	width: 323px;

	padding: 5px 10px;

	margin-top: 10px;

	background-color: #F0F0F0;

	border: 1px dotted #999999;
}

/* Maps in the News: Articles */

div#mitn div#article div.articleTitle { width: 900px; overflow: hidden; }
div#mitn div#article div.articleTitle span { float: left; }
div#mitn div#article div.articleTitle div.nav { float: right; }
div#mitn div#article div.articleTitle a { 
	background-color: #114477;
	padding: 2px 6px;
	margin-right: 5px;
	color: white;
	font-weight: normal;
	font-size: 0.9em;
	border: 1px solid #5588BB;
}
div#mitn div#article div.articleTitle div.nav a { margin-left: 5px; margin-right: 0; }

div#mitn div#article div.content {
	margin-top: 10px;
}

div#mitn div#article div.content span.toc {
	float: left;
	display: block;

	width: 600px;
	height: 220px;
}

div#mitn div#article div.content select#mitn-toc {
	float: right;
	width: 310px;

	padding: 2px;
}

div#mitn div#article div.content select#mitn-toc, div#mitn div#article div.content select#mitn-toc option {
	background-color: #336699;

	font-weight: bold;
	color: white;

	border: none;
}

div#mitn div#article div.sections { float: left; width: 100%; overflow: hidden; }

div#mitn div#article div.section { display: none; }

div#mitn div#article div.columns {
	float: left;
	width: 100%;

	background: url(images/mitn/right-column.png) top right repeat-y;

	overflow: hidden;
}

div#mitn div#article div.section div.left, div#mitn div#article div.more {
	float: left;
	display: block;

	width: 610px;

	padding: 5px 0;
}
div#mitn div#article div.content div.more a { display: block; width: 100%; text-align: right; border-top: 1px dotted #AAA; cursor: pointer; }

div#mitn div#article div.section div.right {
	float: right;
	display: block;

	width: 310px;

	padding-top: 10px;

	text-align: center;
}

div#mitn div#article div.section div.right a {
	display: block;
	margin-bottom: 10px;
}

div#mitn div#article div.section div.right span {
	display: block;
	width: 100%;
}

/* Publications */

.publication {
	float: left;

	width: 475px;

	padding-left: 15px;
	padding-right: 15px;

	margin-bottom: 10px;

	border-bottom: 1px dotted #999999;
}

/* Figure View */

div#figureView {
	float: left;

	margin-top: 10px;

	padding: 10px;

	background-color: #F0F6FF;

	border-top: 3px solid #99CCFF;
	border-left: 3px solid #99CCFF;
	border-right: 3px solid #6699CC;
	border-bottom: 3px solid #6699CC;

	text-align: left;
	vertical-align: top;
}

div#figureView div.figure {
	float: left;

	width: 215px;
	height: 220px;

	margin-right: 10px;
	margin-bottom: 10px;
}

div#figureView a img{
	border: 3px double #FF6633;
}