/* MathStudio Manual
-------------------------------------- */
body.MathStudio div.manual div.input
{
	border: none;
	background-color: #F6F6F6;
	border: 2px solid #777;
}
body.MathStudio div.manual div.entry
{
	margin: 0.3em 0 1.5em 0;
	padding: 0;
}
body.MathStudio div.manual table.text tr td:first-child
{
	background-color: #555;
}
body.MathStudio div.manual div.single, body.MathStudio table.text tr td:nth-child(2)
{
	color: black;
}

/* Manual
-------------------------------------- */
#ManualWelcome
{
	background-image: url(/images/mathstudio-logo.jpg);
	background-size: 410px;
	background-repeat: no-repeat;
	background-position: center, center;
	width: 100%;
	height: 100%;
	position: absolute;
	border: 0;
}

#frameTop
{
	right: 0;
}
#frameTop a, #frameTop a.selected
{
	margin-left: 15px;
	font-size: 15px;
	padding: 0;
	color: white;
	text-decoration: none;
}

#frameLeft, #frameRight
{
	top: 0em;
}

#manual-search
{
	width: 100%;
	font-size: 16px;
	outline: 0;
	border: 0;
	margin:0;
	margin-bottom: 4px;
	padding: 6px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	border-radius: 0;
}

#mathStudio6
{
	padding: 6px;
	text-align: center;
	background-color: Cornsilk;
	vertical-align: top;
	border-bottom: 2px Gold dashed;
}

#page-description
{
	padding-left: 0px;
}

span.page-number
{
	font-size: 15px;
	font-weight: bold;
}

span.symbol
{
	margin: 4px;
	padding: 4px;
	background-color: #eee;
	border-radius: 4px;
	display: inline-block;
}

div.box
{
	display:inline-block;
	background-color: #eee;
	padding:8px;
	border-radius: 6px;
	margin: 8px;
	vertical-align: top;
	width: 160px;
	font-weight: bold;
}
div.box li
{
	font-weight: normal;
}

div.manual-category-title, div.manual-section-title
{
	font-weight: bold;	
	text-align: left;
	margin: 4px;
	margin-left: 6px;
	margin-bottom: 2px;
	color: #932893;
}
div.manual-section-title
{
	font-size: 22px;
	margin-bottom: 6px;
	font-style: italic;
}
div.manual-category-title
{
	font-size: 18px;
	color: #932893;
}

a.manual-link
{
	text-decoration: none;
	color: #0066CC;
	word-wrap: break-word;
}
a.manual-link:hover
{
	color: #ff8000;
}

div.manual-chapter
{
	margin-bottom: 1em;
}

div.manual-cell
{
	font-size: 16px;
	padding: 4px;
	padding-left: 6px;
	background-color: white;
	color: black;
}
div.manual-cell:hover
{
	background-color: #eee;
}
div.manual-cell.selected
{
	font-size: 16px;
	background-color: #932893;
	font-weight: bold;
	color: white;
	border-top: #ddd 1px solid;
}

div.hide
{
	display: none;
}

div.manual-404
{
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #333;
	margin-bottom: 12em;
}

/* Editor
-------------------------------------- */
section
{
	margin-bottom: 1.5em;
	font-size: 16px;
}

section.parameters input[type=text]
{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	display: block;
	margin: 0;
}
section.parameters textarea
{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: 0;
	margin-bottom: 0.3em;
}

h2, h3
{
	margin: 0;
	margin-bottom: 2px;
	padding: 0;
	font-size: 22px;
	color: #932893;
}
h3
{
	font-size: 22px;
	color: black;
}

table.two-columns
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
}
table.two-columns td
{
	padding: 12px;
	width: 50%;
	vertical-align: top;
}

textarea, input[type=text]
{
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: 6px;
	background-color: white;
	font-size: 15px;
	width: 95%;
}
textarea
{
	height: 4em;
}

div.edit-example
{
	width: 100%;
	margin-top: 0.5em;
}
div.edit-example > div
{
	background-color: white;
	border: 1px solid #aaa;
	border-top: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 3px;
	background-color: #F6F6F6;	
}
div.edit-example:first-child
{
	margin: 0;
}
section > h2 + div.edit-example
{
	margin: 0;
}
div.edit-example textarea
{
	height: 3em;
	width: 100%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-sizing: border-box;
	display:block;
}
div.edit-example textarea.section-header
{
	font-size: 20px;
	height: 2em;
	margin-top: 1.5em;
}
div.edit-example:first-child textarea.section-header
{
	margin-top: 0;
}
div.edit-example > div > div
{
	 padding: 0px;
	 display: inline-block;
}

input[type=checkbox] + span
{
	color: #999;
	font-size: 13px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
} 
input[type=checkbox]
{
	opacity: 0.5;
}
input[type=checkbox]:checked + span
{
	color: black;
}
input[type=checkbox]:checked 
{
	opacity: 1;
}

div.parameter-name > div
{
	color: #932893;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 2px;
	font-style: italic;
}

/* Color_Names
-------------------------------------- */
div.manual div.graph-color
{
	display: inline-block;
	margin: 2px;
}
div.manual div.graph-color > div
{
	display: inline-block;
	margin-left: 2px;
	margin-right: 8px;
	padding-left: 10px;
	border-radius: 4px;
	border: 1px solid #ddd;		
	color: rgba(0, 0, 0, 0);
}
div.manual div.graph-color > div:after
{
	content: "-";
}

@media screen and (min-width: 0px) and (max-width: 640px)
{
	#frameLeft.manual
	{
		width: 100%;
		position: static;
		border: 0;
/*		margin-bottom: 64px; */
	}

	#frameRight.manual
	{
		width: 100%;
		position: static;
		border: 0;
		background-color: white;
	}

	#ManualWelcome
	{
		position: static;
		margin: 0;
		max-width: 100%;
		background-repeat: no-repeat;
	}
}