body {
	font-family: calibri, ui-sans-serif, system-ui, arial, sans-serif;
	color: black;
	background: white;
}

p {
	line-height: 125%;
}

.blankouter, .cardouter {
	padding: 8px 8px 35px 8px;
}

.cardouter {
	background: #f0f0f0;
}

.card, .cardnarrow {
	background:white;
	margin: -10px auto 0 auto;
	padding: 0 1.5em 12px 1.5em;
	border-radius:5px;
}

.cardnarrow img {
	max-width:98%;
}

li { padding-top:0.17em; padding-bottom:0.17em; }

.card, .cardnarrow {
	-webkit-box-shadow: 0 0 3px 0 #bbb;
	-moz-box-shadow:    0 0 3px 0 #bbb;
	box-shadow:         0 0 3px 0 #bbb;
}

div.backtotop {
	margin: 2em 5px 0 5px;
	text-align: center;
}

div.backtotop a {
	font-size:16pt;
	border-top:1px dotted #0080B0;
	border-bottom:1px dotted #0080B0;
	padding: 3pt 9pt;
}

.overlay {
    background-color:#000;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0px;
    left: 0px;
    opacity: .6; /* in FireFox */ 
    filter: alpha(opacity=60); /* in IE */
}

img.image600, img.image800, img.image1000 {
	margin: 5px;
}

.card {
	max-width:1030px;
}

.cardnarrow {
	max-width:870px;
}

.text {
	max-width:1030px;
	margin: 0 auto;
	padding:0;
}

.logo {
	margin: 0 8px;
	background-image: url("../images/LINQPad.png");
    background-repeat: no-repeat;
    background-position: left top;
	background-clip:padding-box;
	background-size:150px 150px;
}

a:link {
	color: #0080B0;
	text-decoration: none;
}

a:visited {
	color: #0080B0;
	text-decoration: none;
}

a:hover {
	/*color: #9A3858;*/
	text-decoration: underline;
}

.titleimage {
	text-align: center; 
	margin: 25px auto 15px auto;
}

.maintitle {
	text-align: center;
	color: #008080;
	font-size: 50pt;
	margin-top: -10px;
}

.center, .centerlist {
	text-align: center;
}

.centerinner {
	display: inline-block; 
	text-align: left; 
}

.centerlist ul {
	margin: 10pt auto 22pt auto; 
	width: auto; 
	display: inline-block; 
	text-align: left; 
	font-size: 20pt;
}

div.recommendation {
	float: right;
	background: #dee;
	border-radius: 5pt;
	margin: 10px 5% 10px 20px;
	padding: 6pt 16pt 4pt 16pt;
	max-width: 30em;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 10px;
}

div.recommendation table {
	margin-top:8px;
}

div.recommendation td {
	vertical-align: top;
}

div.recommendation img {
	margin-right:5px;
}

div.recommendation blockquote {
	font-size:22pt;
	padding:3pt 0 0 0;
	margin:0;
}

div.recommendation p {
	font-size:12pt;
	margin:6pt 0;
}

div.textrec {
	margin-top:2em; 
	max-width:23em
}

div.resourcesbar {
	float: left;
	font-size: 13pt;
	text-align: center;
	background: #dee;
	border-radius: 5pt;
	margin: 350px 20px 10px 5%;
	padding: 6pt 16pt 4pt 16pt;
	max-width: 13em;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 10px;
}

div.resourcesbar a {
	font-weight:bold;
}

.downloadbar {
	background: #dee;
	padding-bottom: 14px;
	margin-left:-8px;
	margin-right:-8px;
}

.downloadpreface {
	text-align: center;
	color: #666;
	font-size: 13pt; 
	padding: 6pt 0 4pt 0;
	font-weight: bold;
}

.pure-table td,
.pure-table th {
	padding: 0.4em 0.8em;
}

table.downloadtable {
	display: inline-block; 
	text-align:left
}

table.downloadtable td {
	padding:5pt 10pt;
}

table.rowheader th {
	background:#ddd;
	text-align:left;
}

table.tight td {
	padding:2pt 6pt;
}

.lambda {
	margin:0 5px 5px 0;
	padding:0; 
	vertical-align:middle;
}

div.annotatedimage {
	overflow: hidden;
	margin-top:1em;
	padding-top:0;
}

div.annotatedimage :nth-child(2) {
	padding-top: 5px;
	margin-top:0;
}

img.image800 {
	float: right; 
	margin-left: 12pt
}

img.image600 {
	float: right; 
	margin-left: 15pt
}

div.purchasenote {
	width:25em;
	padding:0 1em;
	margin-right:2em;
}

ul.spacebullets li {
	margin-bottom:4pt;
}

pre {
	background-color:#DEE;
	border: solid 1px #088;
	margin: 1em 0;
	padding: 0.3em;
	font-family:Consolas, monospace;
	font-size:92%;
}

table.columnmargin td {
	padding-right:10px;
}

table.columnmargin td:last-child {
	padding-right:0px;
}

.itemgap li {
	padding-bottom:6pt;
}

/* Tables */

table.standard th {
	background: #ddd;
	width: auto;
}

table.standard td,
table.standard th {
	border-left-width: 1px;
	padding: 3pt 7pt;
	text-align: left;
}

table.standard tbody td {
	border-right: 1px solid #ddd;
}

table.standard tbody tr {
	background: #f3f3f3;
}


table.featurecompare {
    border-width: 0;
}

table.featurecompare th {
	background:#ddd;
	width:5em;
}

table.featurecompare th:first-child {
	width:auto;
}

table.featurecompare td,
table.featurecompare th {
	border-left-width: 1px;
	padding: 3pt 7pt;
}

table.featurecompare th {
	text-align:center;
}

table.featurecompare thead tr th:first-child {
	background:white;
}

table.featurecompare thead tr:last-child th,
table.featurecompare tbody tr:last-child td {
	border-bottom: 1px solid #ddd;
}

table.featurecompare tbody td:first-child {
	border-left: 1px solid #ddd;
}

table.featurecompare tbody td {
	border-right: 1px solid #ddd;
}

table.featurecompare tbody td {
	text-align:center;
}

table.featurecompare tbody tr {
	background:#f3f3f3;
}

tbody.hotrow tr:hover {
    background-color: #dee;
}

table.featurecompare tbody img {
	margin-top: 3px;
}

table.featurecompare td:first-child {
	text-align:left;
}

table.featurecompare tfoot {
	background:#ddd;
	border: 1px solid #ddd;
}

table.featurecompare tfoot td {
	border: 1px solid #f3f3f3;
}

table.featurecompare tfoot td:first-child {
	border-left: 1px solid #ddd;
}

table.featurecompare tfoot td:last-child {
	border-right: 1px solid #ddd;
}

table.featurecompare tfoot tr td:first-child {
	font-size:15pt;
	padding-right:1em;
}

td.buy, td.buydiscount {
	text-align: center;
	vertical-align: bottom;
	font-weight: normal;
	padding-top: 9px;
	font-size: 13pt;
}

td.buy {
	line-height:150%
}

td.buydiscount {
	line-height:125%
}

a.buy {
	color:white;
	margin:5px 0 5px 0; 
	padding:3px 18px
}

.buyprice {
	 font-size:17pt;
}

.buyprice-main {
	 font-size:19pt;
}

td.buydiscount del {
	color:#666;
}

.customupgrade h3 {
	margin-bottom:-5px;
}

/* Headings */

h1,h2 {
	text-align: center; 
	color: #008080; 
	font-weight:normal;
}

h1 {
	font-size: 32pt; 
	padding: 7pt 0 3pt 0;
	margin-bottom:12pt;
}

h2 {
	font-size: 24pt; 
	padding: 5pt 0 0 0;
	margin-bottom:10pt;
	padding-top:10pt;
}

h3 {
	color: #008080; 
	font-size:18pt;
	font-weight:bold;
	margin-bottom:5pt;
}

h4 {
	color: #008080; 
	font-size:16pt;
	font-weight:bold;
	margin:16pt 0 3pt 0;
}

/* Menus */

.mainmenu-outer {
	background: #008080;
}

.mainmenu-inner {
	text-align: center
}

.pure-menu .pure-menu-selected a,
.pure-menu .pure-menu-selected a:hover {
	color: white;
	background: #50a0a0;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

.pure-menu a:focus {
    outline: none;
}

.pure-menu a {
	color: white;
}

.pure-menu a,
.pure-menu .pure-menu-heading,
.pure-menu li a {
    padding: 0px 15px;
}

.pure-menu-heading {
	text-transform: none !important;
	padding: 0 40px 0 0;
	margin: 0;
	font-size: 23pt !important;
	font-weight: bold !important;
	color: white !important;
}

a.pure-menu-heading:hover {
	text-decoration: none !important;
}

.pure-menu-horizontal {
	font-size: 14pt;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 10px 0;
	background: #008080 !important;
}

.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
	content: "";  /* hide dropdown arrow for language dropdown */
}

a.pure-menu-link {
	color:black;
	margin:5px 0;
}

.pure-menu-children {
	border: 1px solid black;
}

/* Buttons */
.pure-button, .pure-button-primary {
	text-align: center;
	margin: 0;
	border-radius: 4px;
}

.pure-button {
	font-size: 14pt;
	background: #008080;
	color: white !important;
}

.pure-button-primary {
	font-size: 16pt !important;
	background: #008080 !important;
	color: white !important;
}

.footer-button {
	width: 13em; 
	font-size: 10pt !important; 
	color: white !important;
	background: #808080 !important;
}

.pure-button:hover {
	text-decoration:none;
	background: #009090 !important;
}

no-vertical-pad { padding-top:0; padding-bottom:0 }

/* Footer */

.footer-outer {
	padding:6px 8px 8px 15px;
	margin-bottom:0;
	background-color:#555;
	color:#aaa;
	font-size:80%;
}

.footer-inner {
	width:fit-content;
	margin: 0 auto
}

.footer-panel {
	border-radius: 5px; 
	padding: 5px 15px 5px 15px;
	text-align:center;
}

	.footer-panel a {
		color: #bbb;
		font-weight: bold;
	}

.footer-footer {
	text-align: center;
	color: #ccc;
	margin-top:8px;
}

span.checkbox label,
span.radiobutton label {
	margin-left:5px;
}

div.Purchase {
	background: #f8f8f8;
	margin: 25px auto 5px auto;
	padding: 0;
	max-width:750px;
	border-radius:6px;
	border: solid 2px #c3dddd;
}

div.Reduced { 
	font-size:90%;
	font-weight:bold;
	color:#80204c
}

div.PurchaseInner {
	padding: 0.4em 0.9em 0em 1.2em;	
}

div.PurchaseHeader {	
	margin:0;
	padding:8px;
	background:#c3dddd;
	text-align:center;
}

span.PurchaseHeader {
	font-family: Arial, sans-serif;
	font-size: 130%;
	font-weight:bold;
	color: black;
	text-align:center;
	margin:0;
}

div.PurchaseInset{
	float:right;
	text-align:center;
	color: #008080;
	font-size:95%;
	margin: 0.3em 0 0.3em 0.3em;
}

.purchaseNote {
	color: #008080;
}

p.question
{
	font-size: 115%;
	font-weight:bold;
	color: #9A3858;
	margin: 1.2em 0 0 0;
}

kbd {
	font-family: Consolas,monospace;
	margin: 1pt;
	padding: 0 2pt;
	font-size: 92%;
	border: 1px black solid;
	border-radius: 3px;
	background: #f3f3f3;
}

@media screen and (max-width:1800px) {
	div.resourcesbar {
		margin-left:20px;
	}
}

@media screen and (max-width:1600px) {
	div.resourcesbar {
		display: none;
	}
}

@media screen and (max-width:1000px) {
	.maintitle {
		font-size: 38pt;
	}

	.titleimage img {
		width:140px;
		height:auto;
	}

	h1 {
		font-size: 28pt; 
	}

	h2 {
		font-size: 22pt; 
	}

	.centerlist ul {
		font-size: 15pt;
	}

	.pure-menu-heading {
		padding-right: 30px;
		font-size: 18pt !important;
	}

	.pure-menu-horizontal {
		font-size: 13pt;
	}

	.pure-menu a,
	.pure-menu .pure-menu-heading,

	img.image800 {
		float:none;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}

	div.center1000 {
		text-align:center;
	}

	img.image1000 {
		width:98%;
		height:auto;
	}
}

@media screen and (max-width:850px) {
	img.image800 {
		width:98%;
		height:auto;
	}

	img.image600 {
		float:none;
		display:block;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;
	}

	div.center800 {
		text-align:center;
	}

	.titleimage img {
		width:120px;
		height:auto;
	}

	.titleimage {
		margin: 7px auto 5px auto;
	}

	.maintitle {
		font-size: 30pt;
	}

	.centerlist ul {
		font-size: 13pt;
	}

	.pure-menu a,
	.pure-menu .pure-menu-heading,
	.pure-menu li a {
		padding: 0px 8px;
		margin-top:3px;
		margin-bottom:3px;
	}

	.card, .cardnarrow {
		padding-left: 7px;
		padding-right: 7px;
	}

	td.buy, td.buydiscount {
		font-size:11pt; 
		padding:3px 5px
	}

	a.buy {
		padding:3px 5px;
		font-size:12pt
	}

	.buyprice {
		 font-size:12pt;
	}

	.buyprice-main {
		 font-size:13pt;
	}

	table.featurecompare th {
		background: #ddd;
		padding-left: 3px;
		padding-right: 3px;
		font-size: 10pt;
	}

	/*table.featurecompare th:first-child {
		width:auto;
	}*/

	table.featurecompare tfoot td {
		padding-left:3px;
		padding-right:3px;
	}

	table.featurecompare tfoot td:first-child {
		padding-left:8px;
		padding-right:3px;
	}

	table.featurecompare tr:last-child th {
		max-width: 3em;
		text-align:left;
		background:transparent;
		padding:4em 0 4em 0;
		-ms-transform: rotate(270deg); /* IE 9 */
		-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
		transform: rotate(270deg);
	}

	table.featurecompare tr:last-child th:first-child {
		-ms-transform: rotate(0deg); /* IE 9 */
	    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}

	table.featurecompare tfoot tr td:first-child {
		font-size: 13pt;
	}

	.footer-inner {
		max-width:600px; 
	}

	.footer-column {
		width: 280px;
	}
}

@media screen and (max-width:720px) {
	div.PurchaseInset {
		display:none;
	}

	div.PurchaseHeader {	
		background: none;
	}
}

@media screen and (max-width:670px) {
	img.image600 {
		margin-left: 5px;
		width: 97%;
		height: auto;
	}

	.titleimage img {
		width:100px;
		height:auto;
	}

	h1 {
		font-size: 24pt; 
	}

	h2 {
		font-size: 18pt; 
	}

	div.recommendation {
		margin-right:0;
		padding: 3pt 13pt 1pt 13pt;
	}

	div.recommendation blockquote {
		font-size:19pt;
	}

	div.recommendation p {
		font-size:11pt;
	}

	div.textrec {
		margin-top:1.5em;
		max-width:18em
	}
}

@media screen and (max-width:550px) {
	.maintitle {
		font-size: 25pt;
	}
	div.recommendation {
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width:370px;
	}
}


.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
	padding: 0.35em 0.6em;
}

.difadd {
	background: #a3f3a3;
	border: 1px solid #88d888;
	margin: 0;
	padding: 0;
}

.difremove {
	background: #ffc8c8;
	border: 1px solid #e8b3b3;
	margin: 0;
	padding: 0;
}

span.net {
	display:none;
}

summary {
	font-size: 160%;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: -0.2em;
	cursor: pointer;
	color: #BF2C19;
}

	summary.detail {
		font-size: 115%;
		font-weight: bold;
		margin-bottom: 0.4em;
		cursor: pointer;
		color: #BF2C19;
	}