/*
Title: CSS styles
Author: Nicki Rios | nicki.rios@gmail.com
*/

/***** Eric Meyer CSS Reset *******************************************************/
/* http://meyerweb.com/eric/tools/css/reset/     v2.0 | 20110126 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***** Main Styles by Nicki Rios | nicki.rios@gmail.com  **************************/
html, body {
	height: 100%;
}
body {
	background-color: #FCFCF9;
	color: #33332D;
	font-family: pragmatica-web,sans-serif;
	font-size: 1.125em; /* 18px/16px */
	height: 100%;
}

h1, h2, h3, h4, h5, h6, p, dd, dt, ol, ol li, .quizAnswers {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	line-height: 1.25em;
}
em {
		font-weight: bold;
}
a {
	text-decoration: none;
	color: #33332D;
}
a:hover {
	color: #807B6E;
}
img {
		max-width: 100%;
}

/***** wrapper **************************/
/* wrapper required to make footer stay at bottom of page */
#wrapper {
	min-height: 100%;
}

/***** header ***************************/
.headerWrapper {
	background-color: #CCC100;
	background-image: url(../img/bkgd.gif);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .7);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .7);
}
header {
	margin: 0 auto;
	width: 100%;
	background-image: -webkit-gradient(linear,
		0 0, 0 35,
		from(hsla(0, 0%, 100%, .3)),
		to(hsla(0, 0%, 100%, 0))
	);
	background-image: -moz-linear-gradient(
		hsla(0, 0%, 100%, .3),
		hsla(0, 0%, 100%, 0) 35px
	);
}
header img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	padding: 0.5em 2.5%;
}

/***** content **************************/
.container {
	margin: 0 auto;
	max-width: 1200px;
	padding-bottom: 2.75em; /* matches footer height */
}

/***** global nav *****/
nav {
	width: 16.5%; /* 199px/1200px */
	padding-top: 0.75em;
	margin: 0 1.25% 2.75em 1.25%; /* 15/1200px */
	float: left;
	list-style-position: inside;
	line-height: 1.25em;
}
nav ul, nav li {
	padding-top: 0.25em; 
	padding-bottom: 0.25em;
}
nav li {
	font-weight: bold;
	border-bottom: 1px solid #807B6E;
	position: relative;
}
.MTNav, .RNav, .ETNav, .QNav {
	font-size: 1.25em; /* 20px/16px */
}
.MTNav, .RNav, .ETNav, .QNav, .Q_MT_nav, .Q_R_nav, .Q_ET_nav {
	cursor: pointer;
}
.MT_nav, .R_nav, .ET_nav, .Q_nav {
	padding-left: 12.5%; /* 30px/240px */
	font-size: 0.88888888888888888888888888888889em; /* 16px/18px */
}
.MT_nav li, .R_nav li, .ET_nav li, .MT_quizzes li, .R_quizzes li, .ET_quizzes li {
	border: none;
	font-weight: normal;
	list-style: disc;
}
.Q_MT_nav li, .Q_R_nav li, .Q_ET_nav li {
	font-weight: bold;
	border-bottom: 1px solid #807B6E;
}
.MT_quizzes, .R_quizzes, .ET_quizzes {
	font-weight: normal;
	padding-left: 22.613065326633165829145728643216%; /* 45px/199px */
	font-size: 0.88888888888888888888888888888889em; /* 16px/18px */
}
/***** nav arrows *****/
.MTNav:after, .RNav:after, .ETNav:after, .QNav:after {
    content: "\00A0";
	width: 0;
	height: 0;
	border-width: 15px 8px 0 8px;
	border-style: solid;
	border-color: #CCC100 transparent transparent transparent;
	position: absolute;
	left: -20px;
	top: 0;
	margin-top: 0.4em;
}
.Q_MT_nav li:after, .Q_R_nav li:after, .Q_ET_nav li:after {
    content: "\00A0";
	width: 0;
	height: 0;
	border-width: 10px 5px 0 5px;
	border-style: solid;
	border-color: #CCC100 transparent transparent transparent;
	position: absolute;
	left: -15px;
	top: 0;
	margin-top: 0.45em;
}
.mainSlideUp:after {
	content: "\00A0";
	width: 0;
	height: 0;
	border-width: 8px 0 8px 15px;
	border-style: solid;
	border-color: transparent transparent transparent #CCC100;
	position: absolute;
	left: -20px;
	top: 0;
	margin-top: 0.37em;
}
.subSlideUp {
	cursor: pointer;
}
.subSlideUp li:after {
	content: "\00A0";
	width: 0;
	height: 0;
	border-width: 5px 0 5px 10px;
	border-style: solid;
	border-color: transparent transparent transparent #CCC100;
	position: absolute;
	left: -15px;
	top: 0;
	margin-top: 0.37em;
}
/* end global nav */

#mainContent {
	min-height: 100%;
	overflow: auto;
	width: 59.333333333333333333333333333333%; /* 712px/1200px */
	padding: 0 1.25% 2.75em 1.25%; /* 15/1200px, 2.75em matches footer height */
	float: left;
}
#mainContent img {
    display: block;
	margin: 0.5em auto;
	line-height: 1.25em;
		box-shadow: -2px 1px 2px 1px rgba(0, 0, 0, .2);
		-webkit-box-shadow: -2px 1px 2px 1px rgba(0, 0, 0, .2);
		-moz-box-shadow: -2px 1px 2px 1px rgba(0, 0, 0, .2);
}
#mainContent p a {
	text-decoration: underline;
}
h1 {
	font-size: 1.5em; /* 24px/16px */
	text-shadow: 0 1px 0 rgba(252, 252, 249, .8);
	padding-bottom: 0.25em;
	margin: 1.5em 0 0.75em 0;
	padding: 0.1em 0;
	border-bottom: 1px solid #807B6E;
}
#quiz h1, #tutorial h1 {
	border-bottom: none;
	color: #FCFCF9;
	text-align: center;
	text-shadow: 0 1px 0 rgba(51, 51, 45, .8);
	background-color: #807B6E;
	position: relative;
	box-shadow: -2px 1px 2px 0px rgba(0, 0, 0, .2);
	-webkit-box-shadow: -2px 1px 2px 0px rgba(0, 0, 0, .2);
	-moz-box-shadow: -2px 1px 2px 0px rgba(0, 0, 0, .2);
	background-image: -webkit-gradient(linear,
		0 0, 0 35,
		from(hsla(0, 0%, 100%, .2)),
		to(hsla(0, 0%, 100%, 0))
	);
	background-image: -moz-linear-gradient(
		hsla(0, 0%, 100%, .2),
		hsla(0, 0%, 100%, 0) 35px
	);
}
h2 {
	font-size: 1.5em; /* 24px/16px */
	margin-bottom: 0.75em;
}
#tutorial h2, #quiz h2 {
	border-bottom: 1px solid #807B6E;
}
h3 {
	font-size: 1.375em; /* 22px/16px */
}
h4 {
	font-size: 1.25em; /* 20px/16px */
}
h2, h3, h4, h5, h6 {
	padding: 0.5em 0;
}
p, li {
	font-size: 1em; /* 16px/16px */
	line-height: 1.25em;
}
#faq h2 {
	font-size: 1em;
}

dd {
	font-weight: bold;
}
dt {
	padding: 0 4.2134831460674157303370786516854%; /* 30px/712px */
}
figure {
		padding: 0.5em 0;
}
figcaption {
		padding: 0.5em 0;
		line-height: 1.25em;
}
.KeySignaturesList {
		margin-bottom: 1em;
}
.KeySignaturesList figure {
	float: left;
	display: inline;
	width: 33.333333333333333333333333333333%; /* 240/720px */
	padding: 0.5em 0;
}
.KeySignaturesList figcaption {
		text-align: center;
}
.KeySignaturesList img {
		display: inline-block;
}
.KeySignaturesList em {
		display: block;
		width: 100%;
}
.scaleDegreeNamesList {
		list-style: circle;
		list-style-position: inside;
		padding: 0.5em 1.25%;
}

/***** quizzes ***************************/
ol {
	list-style: decimal;
	list-style-position: inside;
	font-weight: bold;
	text-align: left;
}
.question {
		width: 100%;
}
.question img {
		float: left;
		display: block;
}
.choices {
	display: block;
	font-weight: normal;
	width: 57.584269662921348314606741573034%; /* 410/712px */
	float: left;
}
.choices label {
		display: block;
		width: 100%;
}
.check-answer {
		display: block;
		float: left;
		margin: 0.5em 0;
		padding: 0.25em 3.6585365853658536585365853658537%; /* 15px/410px */
		cursor: pointer;
		background-color: #EBE476;
		font-weight: normal;
		text-decoration: none;
}
.check-answer:hover, .check-answer:focus {
		color: #33332D;
}
.answer {
		margin-top: 2em;
		width: 38%;
		float: left;
		text-align: center;
}
.answer p {
	display: none;
}
.correct, .incorrect {
	position: relative;
	padding: 0 1%;
	margin: 0 auto;
	width: 100%;
}
.correct {
		background-color: #CCC100;
		text-shadow: -2px 1px 1px rgba(235, 228, 118, .7);
		padding: 0.5em 0;
}
.incorrect {
		background-color: #807B6E;
		color: #FCFCF9;
		text-shadow: 1px 0 1px rgba(0, 0, 0, .9);
		padding: 0.5em 0;
}
.correct:after, .incorrect:after {
	content: "\00A0";
	width: 0;
	height: 0;
	border-width: 1.15em 15px 1.15em 0;
	border-style: solid;
	position: absolute;
	top: 0px;
	left: -15px;
}
.correct:after {
	border-color: transparent #CCC100 transparent transparent;
}
.incorrect:after {
	border-color: transparent #807B6E transparent transparent;
}
.sortable {
		list-style: none;
		margin: 0;
		width: 38%;
}
.sortable li {
		cursor: pointer;
		border: 1px solid #807B6E;
		margin: 3px;
		height: 2em;
		padding: 1.5em 2.1067415730337078651685393258427%; /* 15/712 */
}

/***** buttons ***************************/
.toQuizBtn, .leaveFeedbackBtn, .check-answer, input[type="submit"] {
	background-color: #EBE476;
	color: #33332D;
	font-size: 1.125em; /* 18px/16px */
	text-align: center;
	text-decoration: none;
	padding: 0.5em 2.1067415730337078651685393258427%; /* 15px/712px */
	margin: 0.9375em 0; /* 15/16px */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: -2px 1px 2px 0px rgba(0, 0, 0, .2);
	-moz-box-shadow: -2px 1px 2px 0px rgba(0, 0, 0, .2);
	box-shadow: -2px 1px 2px 0px rgba(0, 0, 0, .2);
	background-image: -webkit-gradient(linear,
		0 0, 0 25,
		from(hsla(0, 0%, 100%, .4)),
		to(hsla(0, 0%, 100%, 0))
	);
	background-image: -moz-linear-gradient(
		hsla(0, 0%, 100%, .4),
		hsla(0, 0%, 100%, 0) 25px
	);
}
.toQuizBtn:hover, .toQuizBtn:focus, .leaveFeedbackBtn:hover, .leaveFeedbackBtn:focus, .check-answer:hover, .check-answer:focus, input[type="submit"]:hover, input[type="submit"]:focus {
		text-decoration: none;
		box-shadow: -2px 1px 2px 2px rgba(0, 0, 0, .3);
		-webkit-box-shadow: -2px 1px 2px 2px rgba(0, 0, 0, .3);
		-moz-box-shadow: -2px 1px 2px 2px rgba(0, 0, 0, .3);
}
.toQuizBtn a, .leaveFeedbackBtn a, .check-answer {
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(252, 252, 249, .8);
	color: #33332D;
}
.leaveFeedbackBtn a {
		font-size: 0.75em;
		font-weight: normal;
}
.toQuizBtn {
		margin-top: 1.75em;
}

/***** feedback form *********************/
#feedbackContent {
		position: relative;
}
.label {
	display: block;
	padding: 0.3125em 0; /* 5px/16px */
}
textarea {
	width: 97.5%;
	max-width: 97.5%;
	min-height: 140px;
	border: 1px solid #33332D;
}
input[type="text"] {
	border: 1px solid #33332D;
	width: 38%;
	height: 1.75em;
}
input[type="radio"] {
	margin-right: 10px;
}
label.error {
	background-color: #CCC100;
	position: absolute;
	padding: 0.15em 2.1067415730337078651685393258427%; /* 15/712px */
	left: 38%; /* from #feedbackContent, same width as input[type="text"] */
}
label.error:after { /* left arrow of error messages */
	content: "\00A0";
	width: 0;
	height: 0;
	border-width: 0.75em 12px 0.75em 0;
	border-style: solid;
	border-color: transparent #CCC100 transparent transparent;
	position: absolute;
	top: 0px;
	left: -12px;
}
input.error {
	border: 1px solid #CCC100;
}
input[type="submit"] {
	display: block;
	margin-bottom: 1em;
	color: #33332D;
	padding: 0.25em 2.1067415730337078651685393258427%; /* 15/712px */
}
#feedbackSuccess {
	display: none;
	padding-top: 0.5em;
	line-height: 1.5em;
}

/***** sidebar & ads ********************/
#ads, #sidebar {
	width: 16.5%; /* 199px/1200px */
	padding: 0 1.25% 2.75em 1.25%; /* 15/1200px */
	float: right;
}
#sidebar h1 {
	font-size: 1.25em; /* 20px/16px */
	padding-bottom: 0.1em; /* 4/16px */
	border-bottom: 1px solid #807B6E;
}
#sidebar p {
	font-size: 0.875em; /* 14px/16px */
}

/***** footer ***************************/
.footerWrapper {
	background-color: #807B6E;
	background-image: url(../img/footer_bkgd.gif);
	width: 100%;
	height: 2.75em;
	margin-top: -2.75em;
	clear: both;
}
footer {
	margin: 0 auto;
	display: block;
	font-size: 0.75em; /* 12px/16px */
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	background-image: -webkit-gradient(linear,
		0 0, 0 40,
		from(hsla(0, 0%, 100%, .1)),
		to(hsla(0, 0%, 100%, 0))
	);
	background-image: -moz-linear-gradient(
		hsla(0, 0%, 100%, .1),
		hsla(0, 0%, 100%, 0) 40px
	);
}
footer p {
	padding: 0.25em 0;
	text-align: center;
	text-shadow: 0 1px 0 rgba(252, 252, 249, .2);
}
footer a:hover {
	color: #FCFCF9;
}

/***** Typography ***********************/
h1, h2, h3, h4, h5, h6 {
	font-family: franklin-gothic-urw-con-sc, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
}
body, #faq h2 {
	font-family: freight-sans-pro,sans-serif;
	font-variant: normal;
}
body {
	font-weight: lighter;
}
.MTNav, .RNav, .ETNav, .QNav, .Q_MT_nav, .Q_R_nav, .Q_ET_nav, .subSlideUp {
	font-family: franklin-gothic-urw-con-sc, sans-serif;
	font-variant: small-caps;
}

/***** misc *****************************/
/* .group:after by Dan Cederholm - "Handcrafted CSS: More Bulletproof Web Design" */
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
img, embed, object, video {
	max-width: 100%;
}

/***** media queries **************************************************************/
@media screen and (min-width: 600px) {
		nav {
				margin-top: 1.25em;
		}
		#ads, #sidebar {
				margin-top: 0.75em;
		}
}/*/mediaquery*/
@media screen and (max-width: 1200px) {
		.container {
				margin-left: 1.25%; /* 15/1200px */
				margin-right: 1.25%;
		}
}
@media screen and (max-width: 960px) {
	.container {
		width: 100%;
		margin: 0;
	}
	nav {
		width: 31.916666666666666666666666666667%; /* 428/1200px */
		margin: 1.25em 0 0 3.75%; /* 30/1200 */
	}
	#mainContent {
		width: 59.333333333333333333333333333333%; /* 682px/1200px */
		margin: 0 0 0 2.5%; /* 15/1200px & 30/1200px */
	}
	#ads, #sidebar {
		width: 100%;
		background-color: #807B6E;
		background-image: url(../img/footer_bkgd.gif);
	}
	#ads p, #sidebar p {
		padding-left: 0;
		padding-right: 0;
	}
	.sidebarWanted {
		width: 34.416666666666666666666666666667%; /* 413/1200px */
		float: left;
		margin: 0.5em 0 0 2.5%; /* 30/1200px */
		padding: 0 0 0 1.25%; /* 15/1200px */
	}
	.sidebarThink {
		width: 56.833333333333333333333333333333%; /* 682/1200px */
		float: right;
		margin: 0.5em 2.5% 0 2.5%; /* 30/1200px */
		padding: 0;
	}
	#sidebar h1 {
		text-shadow: 0 1px 0 rgba(252, 252, 249, .3);
		font-size: 1.25em;
		padding-bottom: 0.25em;
    }
	#sidebar p {
		text-shadow: 0 1px 0 rgba(252, 252, 249, .2);
		font-size: 0.75em;
	}
	#ads p a:hover, #sidebar p a:hover {
		color: #EBE476;
	}
	.leaveFeedbackBtn, .toQuizBtn {
		width: auto;
	}
	.leaveFeedbackBtn {
		float: right;
		font-size: 1em;
		font-weight: normal;
		background-color: #33332D;
		background-image: -webkit-gradient(linear,
			0 0, 0 25,
			from(hsla(0, 0%, 100%, .2)),
			to(hsla(0, 0%, 100%, 0))
		);
		background-image: -moz-linear-gradient(
			hsla(0, 0%, 100%, .2),
			hsla(0, 0%, 100%, 0) 25px
		);
	}
	.leaveFeedbackBtn a {
		color: rgba(252, 252, 249, .7);
		text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
	}
	input[type="text"] {
		width: 62%;
	}
	label.error {
		left: 62%;
	}
	.footerWrapper {
		padding-top: 0;
	}
	footer {
		padding-top: 0;
		background-image: none;
	}
}/*/mediaquery*/
@media screen and (max-width: 768px) {
	.KeySignaturesList figure {
		float: left;
		display: inline;
		width: 50%; /* 356/712px */
		padding: 0.5em 0;
    }
}/*/mediaquery*/
@media screen and (max-width: 670px) {
	nav {
		width: 87.5%; /* 1050/1200px */
		margin: 0 4.1666666666666666666666666666667% 0 8.3333333333333333333333333333333%; /* 50 & 100/1200 */
	}
	nav li {
		padding: 0.5em 0;
	}
	.MTNav, .RNav, .ETNav, .QNav {
		padding-left: 1.25%;/* 15/1200px */
	}
	.MTNav:after, .RNav:after, .ETNav:after, .QNav:after {
		margin-top: 0.75em;
	}
	.Q_MT_nav li:after, .Q_R_nav li:after, .Q_ET_nav li:after {
		margin-top: 0.75em;
	}
	.mainSlideUp:after {
		margin-top: 0.75em;
    }
	.subSlideUp li:after {
		margin-top: 0.75em;
    }
	.MT_nav, .R_nav, .ET_nav, .Q_nav {
		padding-left: 4.1666666666666666666666666666667%; /* 50/1200px */
    }
	.MT_quizzes, .R_quizzes, .ET_quizzes {
		padding: 0.75em 4.1666666666666666666666666666667%; /* 50/1200px */
    }
	#mainContent {
		width: 91.666666666666666666666666666667%; /* 1100/1200px */
		padding: 0 0 2.75em 0;
		margin-right: 4.1666666666666666666666666666667%;
		margin-left: 4.1666666666666666666666666666667%;
	}
	.sidebarWanted {
		width: 32.75%; /* 408/1200px */
		margin: 0.5em 0 0 4.1666666666666666666666666666667%; /* 50/1200px */
		padding: 0 0 0 1.25%; /* 15/1200px */
	}
	.sidebarThink {
		width: 53.5%; /* 642/1200px */
		margin: 0.5em 4.1666666666666666666666666666667% 0 4.1666666666666666666666666666667%; /* 50/1200px */
		padding: 0;
	}
	.leaveFeedbackBtn {
		float: none;
		margin: 0.5em auto;
		width: 38%;
	}
}/*/mediaquery*/
@media screen and (max-width: 600px) {
	.sidebarWanted, .sidebarThink {
		width: 90.416666666666666666666666666667%; /* 1085/1200px */
		margin: 0.5em 4.1666666666666666666666666666667% 0 4.1666666666666666666666666666667%; /* 50/1200px */
		padding: 0 0 0 1.25%; /* 15/1200px */
	}
}/*/mediaquery*/
@media screen and (max-width: 450px) {
	label {
		margin-top: 1em;
	}
	input[type="text"] {
		width: 95%;
    }
	label.error {
		background-color: #CCC100;
		position: absolute;
		display: block;
		padding: 0.15em 2.1067415730337078651685393258427%; /* 15/712px */
		margin: 0.5em 0;
		left: 0;
		width: 91.5%;
		text-align: center;
    }
	label.error:after { /* left arrow of error messages */
		border-width: 0 10px 12px 10px;
		border-color: transparent transparent #CCC100 transparent;
		top: -12px;
		left: 47%;
    }
	input[type="submit"] {
		margin-left: 1.25%;
    }
	textarea {
		width: 95%;
		max-width: 95%;
    }
}/*/mediaquery*/
@media screen and (max-width: 320px) {
	nav {
		width: 83.333333333333333333333333333333%; /* 1000/1200px */
		margin: 0 4.1666666666666666666666666666667% 0 12.5%; /* 50 & 150/1200 */
	}
	.leaveFeedbackBtn {
		width: 100%;
	}
}/*/mediaquery*/

/***** print styles ***************************************************************/
@media print {
}

/***** IE fixes *******************************************************************/
/* IE7 hack for .group by Dan Cederholm - "Handcrafted CSS: More Bulletproof Web Design */
*:first-child+html .group {
    min-height: 1px;
}

/***** respond.js *****************************************************************/
/*! Respond.js v1.0.1pre: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */
(function(e,h){e.respond={};respond.update=function(){};respond.mediaQueriesSupported=h;if(h){return}var u=e.document,r=u.documentElement,i=[],k=[],p=[],o={},g=30,f=u.getElementsByTagName("head")[0]||r,b=f.getElementsByTagName("link"),d=[],a=function(){var B=b,w=B.length,z=0,y,x,A,v;for(;z<w;z++){y=B[z],x=y.href,A=y.media,v=y.rel&&y.rel.toLowerCase()==="stylesheet";if(!!x&&v&&!o[x]){if(y.styleSheet&&y.styleSheet.rawCssText){m(y.styleSheet.rawCssText,x,A);o[x]=true}else{if(!/^([a-zA-Z]+?:(\/\/)?)/.test(x)||x.replace(RegExp.$1,"").split("/")[0]===e.location.host){d.push({href:x,media:A})}}}}t()},t=function(){if(d.length){var v=d.shift();n(v.href,function(w){m(w,v.href,v.media);o[v.href]=true;t()})}},m=function(G,v,x){var E=G.match(/@media[^\{]+\{([^\{\}]+\{[^\}\{]+\})+/gi),H=E&&E.length||0,v=v.substring(0,v.lastIndexOf("/")),w=function(I){return I.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+v+"$2$3")},y=!H&&x,B=0,A,C,D,z,F;if(v.length){v+="/"}if(y){H=1}for(;B<H;B++){A=0;if(y){C=x;k.push(w(G))}else{C=E[B].match(/@media ([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1;k.push(RegExp.$2&&w(RegExp.$2))}z=C.split(",");F=z.length;for(;A<F;A++){D=z[A];i.push({media:D.match(/(only\s+)?([a-zA-Z]+)(\sand)?/)&&RegExp.$2,rules:k.length-1,minw:D.match(/\(min\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(RegExp.$1),maxw:D.match(/\(max\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(RegExp.$1)})}}j()},l,q,j=function(E){var v="clientWidth",x=r[v],D=u.compatMode==="CSS1Compat"&&x||u.body[v]||x,z={},C=u.createDocumentFragment(),B=b[b.length-1],w=(new Date()).getTime();if(E&&l&&w-l<g){clearTimeout(q);q=setTimeout(j,g);return}else{l=w}for(var y in i){var F=i[y];if(!F.minw&&!F.maxw||(!F.minw||F.minw&&D>=F.minw)&&(!F.maxw||F.maxw&&D<=F.maxw)){if(!z[F.media]){z[F.media]=[]}z[F.media].push(k[F.rules])}}for(var y in p){if(p[y]&&p[y].parentNode===f){f.removeChild(p[y])}}for(var y in z){var G=u.createElement("style"),A=z[y].join("\n");G.type="text/css";G.media=y;if(G.styleSheet){G.styleSheet.cssText=A}else{G.appendChild(u.createTextNode(A))}C.appendChild(G);p.push(G)}f.insertBefore(C,B.nextSibling)},n=function(v,x){var w=c();if(!w){return}w.open("GET",v,true);w.onreadystatechange=function(){if(w.readyState!=4||w.status!=200&&w.status!=304){return}x(w.responseText)};if(w.readyState==4){return}w.send(null)},c=(function(){var v=false;try{v=new XMLHttpRequest()}catch(w){v=new ActiveXObject("Microsoft.XMLHTTP")}return function(){return v}})();a();respond.update=a;function s(){j(true)}if(e.addEventListener){e.addEventListener("resize",s,false)}else{if(e.attachEvent){e.attachEvent("onresize",s)}}})(this,(function(f){if(f.matchMedia){return true}var e,i=document,c=i.documentElement,g=c.firstElementChild||c.firstChild,h=!i.body,d=i.body||i.createElement("body"),b=i.createElement("div"),a="only all";b.id="mq-test-1";b.style.cssText="position:absolute;top:-99em";d.appendChild(b);b.innerHTML='_<style media="'+a+'"> #mq-test-1 { width: 9px; }</style>';if(h){c.insertBefore(d,g)}b.removeChild(b.firstChild);e=b.offsetWidth==9;if(h){c.removeChild(d)}else{d.removeChild(b)}return e})(this));