/* CTAN style - gray
 * (c) 2012-2015 Gerd Neugebauer
 */
@import "../logos.css";
@import "../layout-gene.css";
@import "../highlight-light.css";
body {
	background-color: #cccccc;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffffff), color-stop(.02, #cccccc));
	background-image: -moz-linear-gradient(left, #ffffff, #cccccc 2%);
	background-image: -o-linear-gradient(left, #ffffff, #cccccc 2%);
	background-image: linear-gradient(left, #ffffff 0%, #cccccc 2%);
	background-repeat: repeat-y;
}
@media (max-width: 50em) {
	body {
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffffff), color-stop(.01, #cccccc));
		background-image: -moz-linear-gradient(left, #ffffff, #cccccc 1%);
		background-image: -o-linear-gradient(left, #ffffff, #cccccc 1%);
		background-image: linear-gradient(left, #ffffff 0%, #cccccc 1%);
	}
}
h1,
h2,
h3,
h4,
h5,
h6,
dt,
a {
	color:#424285;
}
a:hover {
	color:#aa1111;
}
pre {
	background:#eeeeee;
	border:solid 1pt #cccccc;
}
pre b {
	background:#dddddd;
}
.head {
	background-image:url(bg-head.png);
}
.lion {
	background:url(ctan_lion.png) no-repeat;
}
.functions,
.foot {
	background-color: #888888;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dddddd), color-stop(1, #888888));
	background-image: -moz-linear-gradient(top, #dddddd, #888888);
	background-image: -o-linear-gradient(top, #dddddd, #888888);
	background-image: linear-gradient(top, #dddddd, #888888);
	background-repeat: repeat-x;
	border-top:solid 1pt #666666;
	border-left:solid 1pt #666666;
}
.footer {
	color: #666666;
}
.MenuBar .Menu>li>a,
input[type=submit],
input[type=reset],
.drop a,
.foot a,
.buttons a,
.ui-button-text,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover {
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #cccccc));
	background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
	background-image: linear-gradient(top, #eeeeee, #cccccc);
	background-repeat: repeat-x;
	border-left:solid 1pt white;
	border-top:solid 1pt white;
	border-right:solid 2pt #333333;
	border-bottom:solid 2pt #333333;
}
.drop a:active,
.foot a:active,
.buttons a:active,
.locales a:active img,
.ui-button-text:active {
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccccf4), color-stop(1, #ffffff));
	background-image: -moz-linear-gradient(top, #ccccf4, #ffffff);
	background-image: -o-linear-gradient(top, #ccccf4, #ffffff);
	background-image: linear-gradient(top, #ccccf4, #ffffff);
	background-repeat: repeat-x;
	border-left:solid 2pt white;
	border-top:solid 2pt white;
	border-right:solid 1pt #333333;
	border-bottom:solid 1pt #333333;
}
input[type=submit]:hover,
input[type=reset]:hover,
.drop a:hover,
.foot a:hover,
.buttons a:hover,
.locales a:hover img,
.ui-button-text:hover,
.ui-widget-content .ui-state-focus:hover,
.ui-widget-content .ui-state-hover:hover {
	box-shadow:4pt 4pt 6pt #999999;
	-o-box-shadow:4pt 4pt 6pt #999999;
	-moz-box-shadow:4pt 4pt 6pt #999999;
	-webkit-box-shadow:4pt 4pt 6pt #999999;
}
.breadcrumb {
	background-color: #dddddd;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #cccccc));
	background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
	background-image: -o-linear-gradient(top, #ffffff, #cccccc);
	background-image: linear-gradient(top, #ffffff, #cccccc);
	background-repeat: repeat-x;
	border-top:solid 1pt #666666;
	border-left:solid 1pt #666666;
	border-bottom:solid 1pt #666666;
}
.breadcrumb a:hover {
	background:#dddddd;
}
td.menu {
	border:solid 1pt white;
}
.menu {
	background:#eeeeee;
}
.menu a:hover {
	background:#dddddd;
	color:#aa1111;
}
.blocks {
	background:white;
}
.content {
    border-left:solid 1pt #999999;
	border-bottom:solid 1pt #999999;
}
th,
tr.even {
	background:#ddddff;
}
tr.odd {
	background:#eeeeff;
}
.browse tr.odd:hover,
.browse tr.even:hover {
	background:#ccccee;
}
.browse tr.odd:active,
.browse tr.even:active {
	background:#aaaadd;
}
.teaser h2,
.teaser h3 {
	background:#eeeeee;
}
.teaser {
	border-left:solid 1pt #eeeeee;
}
.TopBar img {
	background:white;
}
.TopBar ul {
	background:#eeeeee;
	border:solid 1pt #999999;
}
@media (max-width: 40em) {
	.TopBar a {
		text-decoration:none;
	}
	.TopBar a {
		text-decoration:none;
	}
}
.TopBar a:hover,
.TopBar a:active {
	color:white;
	background:#999999;
}
fieldset {
	background:#ddddff;
	border:solid 2pt #888888;
}
legend {
	background:#ddddff;
	border-top:solid 2pt #888888;
}
.community {
	border:solid 1pt green;
	background:#eeffee;
}
.rate h2,
.comment h2 {
	background:#ddeedd;
}
.required {
	color:firebrick;
}
div.errors {
	background:#ff9999;
	color:firebrick;
	border:solid 3pt firebrick;
}
.error {
	color:red;
}
.topics a:hover {
	background:#333399;
	color:white;
}
.bar a {
	background:#dddddd;
	text-decoration:none;
	border-top: solid 1pt #666666;
	border-left: solid 1pt #666666;
	border-right: solid 2pt #666666;
	border-bottom: solid 2pt #666666;
}
.bar a:hover {
	background:#666699;
	color:white;
	box-shadow:3pt 3pt 4pt #999999;
	-o-box-shadow:3pt 3pt 4pt #999999;
	-moz-box-shadow:3pt 3pt 4pt #999999;
	-webkit-box-shadow:3pt 3pt 4pt #999999;
}
.bar a.current {
	background:#333333;
	color:white;
}
.entry {
	background:#eeeeee;
}
.entry.obsolete {
	background:#eeeeee url(obsolete.png) no-repeat;
}
.entry tr {
	border-top:solid 2pt white;
	border-bottom:solid 2pt white;
}
table.pager {
	background:#eeeeff;
	border:solid 1pt #aaaaff;
}
.sel td span {
	background:#cccccc;
}
.sel td a:hover {
	color:#eeeeff;
	background:#999999;
}
.hiturl {
	color:#33aa33;
}
.gb h3 {
	background-color: #ddddff;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ddddff));
	background-image: -moz-linear-gradient(top, #ffffff, #ddddff);
	background-image: -o-linear-gradient(top, #ffffff, #ddddff);
	background-image: linear-gradient(top, #ffffff, #ddddff);
	background-repeat: repeat-x;
	border-bottom:solid 2pt #424285;
}
.gb p {
	background:white;
}
.gb div {
	color:#666666;
}
.gbnav {
	background-color: #dddddd;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #dddddd));
	background-image: -moz-linear-gradient(top, #f2f2f2, #dddddd);
	background-image: -o-linear-gradient(top, #f2f2f2, #dddddd);
	background-image: linear-gradient(top, #f2f2f2, #dddddd);
	background-repeat: repeat-x;
}
.gbnav,
.step,
.nextLink,
.prevLink {
	border:solid 1pt #999999;
}
.step:hover,
.nextLink:hover,
.prevLink:hover {
	background:white;
}
.currentStep {
	background:#333333;
	color:#ffffff;
	border:solid 1pt #999999;
}
.smB,
.smBL {
	border-bottom:solid 2pt gray;
}
.smBL,
.smL {
	border-left:solid 2pt gray;
}
.sm tr td a:hover {
        background:#eeeeee;
}
.section {
	background-color: #ddddff;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeff), color-stop(1, #aaaaee));
	background-image: -moz-linear-gradient(top, #eeeeff, #aaaaee);
	background-image: -o-linear-gradient(top, #eeeeff, #aaaaee);
	background-image: linear-gradient(top, #eeeeff, #aaaaee);
	background-repeat: repeat-x;
}
.threadHere {
	background:#dddddd;
}
.active {
	color:green;
}
img.skinSelector:hover,
img.eyeCatcher:hover {
        -webkit-box-shadow:.3em .3em .2em #999999;
        -moz-box-shadow:.3em .3em .2em #999999;
        -o-box-shadow:.3em .3em .2em #999999;
        box-shadow:.3em .3em .2em #999999;
}
.cloud span a:hover {
	background:#eeeeee;
}
.ui-widget-header {
	background-color: #996666;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dddddd), color-stop(1, #888888));
	background-image: -moz-linear-gradient(top, #dddddd, #888888);
	background-image: -o-linear-gradient(top, #dddddd, #888888);
	background-image: linear-gradient(top, #dddddd, #888888);
	background-repeat: repeat-x;
	border:solid 1pt #443333;
}
.ui-widget-content {
	background:#ddcccc;
	border:solid 3pt #443333;
}
.ui-button-text {
	color:black;
	border:solid 2pt #443333;
}
.rating td.bar {
	border-left:solid 1pt #dddddd;
	border-right:solid 1pt #dddddd;
}
.rating td span {
	background:url(vote/bar.png) repeat-x;
	border:solid 1pt #666666;
}
.rate-on,
#ratePanel div {
	background:url(vote/1.png);
}
#ratePanel,
.rate-off {
	background:url(vote/0.png);
}
.commentPanel {
	background:url(vote/s0.png);
}
.commentPanel span {
	background:url(vote/s1.png);
}
#drop {
	background:#eeeeee;
	border:solid 1pt #666666;
}
.cinfo {
	font-size:90%;
	margin-bottom:0pt;
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #cccccc));
	background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
	background-image: linear-gradient(top, #eeeeee, #cccccc);
	background-repeat: repeat-x;}
#commentList p {
	margin-top:2pt;
}
.download {
	background:url(download.png) no-repeat;
	min-height:64px;
	padding-left:100px;
	padding-top:1em;
}
.opened:before {
	content:"\25BE" !important;
}
#searchOptions:before {
	content:"\25B8";
}
#loginForm fieldset {
	box-shadow:3pt 3pt 4pt #333333;
	-o-box-shadow:3pt 3pt 4pt #333333;
	-moz-box-shadow:3pt 3pt 4pt #333333;
	-webkit-box-shadow:3pt 3pt 4pt #333333;
}
#message {
	font-weight:bold;
	font-size:144%;
	text-align:center;
	background:pink;
	color:red;
	padding:3em;
}