.printonly{
    display:none
}
html{
    background-color:gray;
    font-family:sans-serif;
}
body{
    max-width:970px;
    margin:5px auto 5px auto;
    padding:0;
    border:0;
    background-color:white;
    background-image:none;
    height:auto;
 }
header{
	float:left;
	padding-left:10px;
	font-family:'Reenie Beanie',serif;
	color:MediumBlue;
	margin:0;
	font-size:24px;
	font-weight:normal;
}
header h1{
	margin:0;
	font-size:48px;
	font-weight:normal;
	text-shadow:3px 3px 3px grey;
}
header a{
    color:MediumBlue;
}
nav{
    float:right;
}
nav a{
    color:DarkRed;
	font-size:small;
}
section.Window{
    clear:both;
    margin:0 10px 30px 10px;
    border:1px solid gray;
    padding:0;
    border-radius:9px;
}
section.NoWindow{
    padding:1em;
    font-size:small;
}
section.Window h2{
    background:gray;
    border-bottom:1px solid gray;
    color:white;
    font-size:large;
    font-style:normal;
    font-weight:normal;
    margin:0;
    padding:2px 0 0 10px;
    border-radius:8px 8px 0 0;
}
section.Window h3, section.NoWindow h2{
    padding:0;
    margin:15px 3px 10px 3px;
    font-size:medium;
    font-style:normal;
    font-weight:bold;
    border-bottom:1px solid silver
}
section.Window h4, section.NoWindow h3{
    padding:0;
    margin:15px 0 10px 0;
    font-size:medium;
    font-style:normal;
    font-weight:normal;
    text-decoration:underline;
}
img{
	border:0;
}
div.Library{
	width:100%;
	text-align:center;
}
div.Search{
	float:right;
	width:300px
}
div.WindowInput{
	padding:15px;
	margin-bottom:20px;
	background:#E8E8E8;
	border-bottom:1px solid gray;
	line-height:2;
}
span.i{
	font-style:normal;
	font-size:small;
	float:right;
}
p.Output{
	margin-left:15px;
}
div.Output{
	margin-left:15px;
	margin-right:3px;
}
div.LeftColumn{
	float:left;
	width:45%;
}
div.RightColumn{
	text-align:center;
	float:right;
	width:55%;
}
select.LongSelect{
	width:450px;
}
pre, code{font-family: monospace, Courier}
pre{
    padding: 1em;
    border: 1px dashed #2f6fab;
    color: black;
    background-color: #f9f9f9;
    overflow: auto;
	white-space: pre-wrap;
}

#nk_plot_container{height:500px}
#n2_plot_container{height:500px}

/*from wiki styles*/
a{text-decoration:none;color:#0645ad;background:none}
a:hover,a:focus{text-decoration:underline}
ul{line-height:1.5em;margin:.3em 0 0 1.6em;padding:0}


@media only screen and (max-width:982px){ /*medium screen*/
    body{margin:0}
}
@media only screen and (max-width:820px){ /*small screen*/
    div.Ad{display:none}
}
@media only screen and (max-width:700px){ /*very small screen*/
    body{width:100%}
    section{margin:0 1px 20px 1px}
    header h1{font-size:40px}
    div.LeftColumn{width:100%}
    div.RightColumn{width:100%}
    div.Search{width:100%}
    select.LongSelect{width:100%}
	section.Window{margin:0 0 30px 0}
    #nk_plot_container{height:270px}
}
@media print{ /*print*/
    .noprint{display:none}
    .printonly{display:block}
	nav{width:100%}
    body{margin:0;width:970px}
    section.Window{border:0}
    div.WindowInput{border:0}
    h1{background:none;border:0;font-size:xx-large;color:blue}
}
