﻿hetml, body {
	color:#333333;
	font-family:Helvetica,Arial;
	font-size:14px;
	margin: 0;
	padding: 0;
}

#header {
	border: 1px solid #CCD9E2;
    background: url('headerBg.png');
	display: block;
	text-align: center;
}
a img { border: 0; }
#header ul { margin-left: 200px; padding: 20px 40px; text-align: right; }
#header ul li { font-size: 15px; list-style-type: none; display: inline; margin-right: 4px; }
#header ul li a { font-size: 15px; text-decoration: none; font-weight: bold; color: #DADADA; padding: 3px 12px; -moz-border-radius: 5px; }
#header ul li a:hover, #header ul li a.selected { color: #3E3E3E; background-color: #DADADA; }

#container {
	background: white url('bg-content.gif') repeat-x;
	text-align: center;
	padding: 20px 0;
}

.content {
	width: 940px;
	text-align: left;
	margin: 0 auto;
}

#container .green-box {
	background:#DBF6BE;
	border:1px solid #9BBF65;
	color:#5F704C;
	font-size:20px;
	margin-bottom:15px;
	text-align:center;
	padding: 6px;
}
#container .yellow-box {
	background:#FFF298;
        border:1px solid #ECD852;
        color: #846000;
	font-size:20px;
        margin-bottom:15px;
        text-align:center;
        padding: 6px;
}

#container .info-box {
	background:#FFF298;
	border:1px solid #ECD852;
	color:#424242;
	padding: 8px;
}
#container .info-box h3 { color: #836000; font-size: 16px; margin: 0 0 8px 0; }
#container .info-box a { color: #836000; }
#container .info-box p { margin: 5px 0; }

#container h1 { font-size: 18px; font-weight: bold; margin-top: 0; }
#container h2 { font-size: 16px; font-weight: bold; margin-top: 0; }

#container .blue-box {
	background: #EBF2F8;
	border:1px solid #BFD1E1;
	padding:10px 20px;
	margin: 5px 0 15px 0;
}
#container ul.blue-box li {
	background:transparent url('ico-bullet-arrow.png') no-repeat scroll left 10px;
	padding:5px 0pt 5px 15px;
	list-style-type: none;
}
#container pre { font-size: 12px; background-color: #fcfcfc; }
ol.hl-main { font-size: 12px; background-color: #fcfcfc; font-family: monospace; color: lightgray; }
.paste li span { color: black; border: 1px solid #fcfcfc; }
#container a { color: #326693; }
#container a:hover { text-decoration: none; }

#container .col-left { width: 580px; float: left; }
#container .col-right { width: 340px; float: right; }

#container table { border-collapse: collapse; margin-bottom: 10px; width: 100%; }
#container table thead td { font-weight: bold; background-color: #EEEEEE; }
#container table td, #container table th { border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; background-color: #FCFCFC; padding: 8px;  }
#container table td.os { background-repeat: no-repeat; background-position: 8px center; padding-left: 38px; }
#container table td.win { background-image: url('vista.png'); }
#container table td.linux { background-image: url('linux.png'); }
.center { text-align: center; }

