html, body, div, tr, th, td {
	border: 0 none;
	font-family: inherit;
	font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
body { background: none repeat scroll 0 0 #FFFFFF; color: #444444; font: 75%/1.5 sans-serif; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.left { float: left; }
.clearer { clear: both; }
.mtop { margin-top: 10px; }
.mtop2 { margin-top: 20px; }

#main-container { margin: 0 auto; width: 920px; }
#header { padding-top: 10px; }
#logo { border-right: 1px solid #DDDDDD; padding-top: 10px; min-width: 300px; }

#main-nav { list-style-type: none;  }
#main-nav li { margin: 10px 1.5em 0px; float: left; }
#main-nav a { font-size: 1.8em; line-height: 2em; padding-bottom: 2px; color: #888888; text-decoration: none; }
#main-nav a:hover { color: #333333; }
#main-nav .current a { border-bottom: 2px solid #94CC5F; color: #333333; }

#sub-nav { clear: left; border-top: 1px solid #DDDDDD; padding: 10px 0; }
#sub-nav ul { list-style-type: none; display: inline; }
#sub-nav ul li { float: left; margin: 0 1em; }
#sub-nav a { font-size: 1.2em; text-decoration: none; color: #888888; }
#sub-nav a:hover { color: #333333; }
#sub-nav .current a { color: black; font-weight: bold; }

#content, .content { border: 0; border-top: 1px solid #DDDDDD; padding: 20px 5px; }
#content a, .content a { font-weight: bold; color: #557799; }
#footer a { color: #557799; }

#footer { border-top: 1px solid #DDDDDD; text-align: center; padding-top: 5px; text-align: right; clear: both; }

h1, h2, h3, h4, h5, h6 { line-height: 1; margin-bottom: 0.3em; font-weight: normal; }
h1 { font-size: 2.4em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }

.label { border-left-style: solid; border-left-width: 4px; margin-bottom: 0.2em; padding-left: 10px; }
.label-blue { border-left-color: #55AADA; }
.label-green { border-left-color: #B7D897; }
.label-orange { border-left-color: #FA8F6F; }

.quiet { color: #999999; }
.large { font-size: 1.15em; }
.col3 { width: 30%; margin-right: 40px; }
.col2-1 { width: 65%; margin-right: 40px; }
.justify { text-align: justify; }

table.data-table { border: 1px solid #CCCCBB; margin-bottom: 2em; width: 100%; }
table { margin-bottom: 1.4em; width: 100%; }
.data-table th, .data-table td  { vertical-align: middle; padding: 10px; border: 1px solid #DDDDDD; background-color: #FCFCFC; }
.data-table .even td  { background-color: #F6F6F6; }
table { border-collapse: collapse; border-spacing: 0; }
table.data-table thead td { background: #F0F0F0; border: 1px solid #DDDDDD; color: #555555; text-align: center; font-weight: bold; }

/** OLD ***/

.green-box {
	background:#DBF6BE;
	border:1px solid #9BBF65;
	color:#5F704C;
	font-size:20px;
	margin-bottom:15px;
	text-align:center;
	padding: 6px;
}
.yellow-box {
	background:#FFF298;
    border:1px solid #ECD852;
    color: #846000;
	font-size:20px;
    margin-bottom:15px;
    text-align:center;
    padding: 6px;
}
.info-box {
	background:#FFF298;
	border:1px solid #ECD852;
	color:#424242;
	padding: 8px;
}
.info-box h3 { color: #836000; font-size: 16px; margin: 0 0 8px 0; }
.info-box a { color: #836000; }
.info-box p { margin: 5px 0; }

.blue-box {
	background: #EBF2F8;
	border:1px solid #BFD1E1;
	padding:10px 20px;
}
#content ul {
    padding: 0;
}
#content li {
	background:transparent url('ico-bullet-arrow.png') no-repeat scroll left 10px;
	padding:5px 0pt 5px 15px;
	list-style-type: none;
}
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; }
a { color: #326693; }
a:hover { text-decoration: none; }

.col-left { width: 570px; float: left; }
.col-right { width: 320px; float: right; }

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

