@charset "utf-8";
body {
	font:95%/130% Arial, Verdana, Helvetica, sans-serif;
	color:#444444;
	background:#989898;
	margin:0;
	padding:0;
	text-align: left;
	text-shadow:0 1px #F0F0F0;
	zoom:1;
}

a {
	color:#888888;
	text-decoration:underline;
	text-shadow:none
}

a:hover {
	color:#DE9A1D;
	text-decoration:underline;
	text-shadow:none;
}

h1 {
	border-bottom:1px solid #333333;
	padding-bottom:9px; /* the font/line-height we specified earlier messes up the border. Add some padding so it moves back down */
}

p.main {
	text-align:center;
}

p:first-child {
	margin-top:0;
}

p:last-child {
	margin-bottom:0;
}

/*
 * Custom scrollbar for Webkit browsers
  */
::-webkit-scrollbar {
    width:14px;
}

::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.5);
	box-shadow:0 0 4px rgba(0,0,0,0.5) inset, 0 0 4px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5) inset, 0 0 4px rgba(0,0,0,0.3);
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	box-shadow:0 0 4px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.3) inset;
}

#container {
	margin:0 auto;
	width:970px;
}

#head {
	background:#333333;
	border-top:1px solid #111;
	border-right:1px solid #111;
	border-left:1px solid #111;
	border-radius:20px 20px 0 0;
	-moz-border-radius:20px 20px 0 0;
	-webkit-border-radius:20px 20px 0 0;
	height:60px;
	position:absolute;
	top:5px; /* top lets you specify some 'breathing space'. If you change this value, you must change the value of the rest of the elements with a top property so things line up */
	width:970px;
}

#head .logo {
	float:left;
	height:60px;
	margin-left:21px;
}

#head .right {
	color:#AAAAAA;
	float:right;
	margin-top:9px; /* since we know everythings defined in pixels, this vertically centers the element */
	padding:0 17px;
	text-shadow:0 -1px #444;
}

#head .version {
	text-align:right;
}

#main {
	background:#333333;
	border-right:1px solid #111;
	border-left:1px solid #111;
	bottom:30px;
	position:absolute;
	top:65px;
	width:970px;
}

#main .content {
	background:#EEEEEE;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	bottom:0px;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.7) inset;
	-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.7) inset;
	margin-left:17px; /* margin-left centers this div. We calculate it by subtracting the content width from container width and dividing by 2 */
	overflow:auto;
	padding:8px;
	position:absolute;
	top:0px;
	width:920px;
}

#foot {
	background:#333333;
	border-bottom:1px solid #111;
	border-right:1px solid #111;
	border-left:1px solid #111;
	border-radius:0 0 20px 20px;
	-moz-border-radius:0 0 20px 20px;
	-webkit-border-radius:0 0 20px 20px;
	bottom:5px; /* bottom lets you specify some 'breathing space'. If you change this value, you must change the value of the rest of the elements with a bottom property so things line up */
	height:25px;
	position:absolute;
	width:970px;
}

#foot .content {
	color:#AAAAAA;
	line-height:25px; /* line-height must be the same size as #foot height */
	text-align:center;
	text-shadow:0 -1px #444;
}

#foot a {
	color:#7C7C7C;
	text-decoration:none;
	text-shadow:0 -1px #444444;
}

#foot a:hover {
	color:#CCA352;
	text-decoration:underline;
	text-shadow:none;
}

table.download {
	margin:0 auto;
}

table.download img {
	display:block;
	margin:0 auto; /* centers the image */
}

table.download td {
	text-align:center;
	width:100px;
}

table.download td.border {
	border-right:1px solid #555;
}

a.download:link, a.download:visited {
	text-decoration:none;
}

a.download:hover {
	color:#555555;
}

.center {
	text-align:center;
}

/*
 * gettingStarted.php
  */
.indent {
	margin-left:1em;
}

/*
background:#F0F0F0;
box-shadow:1px 1px 0px #333333;
-webkit-box-shadow:1px 1px 0px #333333;
border:0;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
height:1.25em;
padding:3px 2px;
*/