@charset "utf-8";

* {
	font-family:Cambria,Georgia,serif;
	font-size:16px;
	margin:0;
	padding:0;
}

body {
	background-color:#444;
}

img {
	border:none;
}

p a {
	color:#aaa;
	text-decoration:none;
}
p a:hover {
	color:#800000;
}

a[target="_blank"]:before {
	content:url(../img/framework/pin.png)" ";
}

input, textarea, select {
	border:1px solid #888;
}

fieldset, legend, div.pagebar a, div.info-box, div.comment-item, div#search-input, div#search-input input[type="submit"], div#search-help, table.compare-table th input, div.screenshots, div.screenshot img {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}

fieldset {
	border:1px solid #ddd;
	padding:0 10px 10px 10px;
}

fieldset.title {
	margin-bottom:50px;
	padding:0 30px 50px 30px;
}

fieldset fieldset {
	float:left;
	margin:20px 20px 0 20px;
	text-align:left;
	width:250px;
}

fieldset fieldset.full {
	width:560px;
}

fieldset fieldset input, fieldset fieldset select {
	width:100%;
}

legend {
	color:#999;
	padding:5px 20px 5px 20px;
}

legend.title {
	background-color:#eee;
	border:1px solid #ddd;
	font-size:22px;
}

.alignRight {
	text-align:right;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clear {
	clear:both;
}

.hidden {
	display:none;
}

.error {
	color:#700;
	font-weight:bold;
}

.success {
	color:#070;
	font-weight:bold;
}

.center {
	text-align:center;
}

.bold {
	font-weight:bold;
}

.strike {
	text-decoration:line-through;
}

.kA {
	color:#bbb;
	font-weight:normal;
}

.public {
	color:#090;
}

.marginTop20px {
	margin-top:20px;
}
.paddingTop20px {
	padding-top:20px;
}

.padding20px {
	padding:20px;	
}

.padding170px {
	padding:170px;	
}

.big-text {
	font-size:22px;
}

.borderBottom1pxCCC {
	border-bottom:1px solid #ccc;
}

.ui-progressbar {
	height:22px;
}

.ui-progressbar-value {
	background-image:url(images/pbar-ani.gif);
}

.ui-slider-handle {
	background:none;
	background-color:#800;
}

.highlight {
	background-color:#ff0;
}

div#wrapper {
	background-color:#fff;
	border-right:1px solid #222;
	margin:0 auto;
	width:800px;
}

div#header {
	background-color:#b00000;
	border-bottom:10px solid #800000;
	height:200px;
}

div#env-logo {
	position:absolute;
	top:115px;
}

div#main-menu {
	float:right;
}

div#main-menu ul {
	list-style:none;
}

div#main-menu li {
	border-left:1px solid #555;
	display:none;
	float:left;
	text-align:center;
	width:100px;
}

div#main-menu a {
	background-color:#404040;
	color:#fff;
	display:block;
	font-size:22px;
	font-weight:bold;
	height:100px;
	line-height:100px;
	padding-top:100px;
	text-decoration:none;
}

div#main-menu a:hover {
	background-color:#800000;
}

div#content {
	min-height:600px;
}

div.one-column-middle-content {
	padding:100px;
}

div.one-column-middle-content p {
	margin-bottom:10px;
}

div.big-success {
	color:#070;
	font-size:42px;
	font-weight:bold;
	margin-bottom:25px;
}

div#sidebar {
	background-image:url(../img/framework/sidebar-bg.png);
	background-repeat:repeat-y;
	float:right;
	width:300px;
}

div.sidebar-header {
	border-bottom:1px solid #444;
	color:#444;
	font-size:20px;
	margin:50px 10px 0 30px;
	padding-bottom:2px;
}

div.sidebar-content {
	margin:10px 10px 0 30px;
	overflow:hidden;
	width:260px;
}

div.sidebar-content a {
	border-bottom:1px solid #eee;
	color:#999;
	display:block;
	padding:10px 0 10px 5px;
	text-decoration:none;
}

div.sidebar-content a:hover {
	color:#c04040;
}

div#sidebar-end {
	float:right;
	width:300px;
}

div#article-list {
	float:left;
	width:500px;
}

div.article {
	margin:20px;
	padding-bottom:50px;
	width:460px;
}

div.article-head {
	
}

div.article-date {
	background-image:url(../img/framework/date-bg.png);
	background-repeat:no-repeat;
	float:left;
	height:49px;
	margin-top:7px;
	width:44px;
}

div.article-date-month {
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	height:10px;
	margin-top:1px;
	text-align:center;
	text-transform:uppercase;
}

div.article-date-day {
	color:#800000;
	font-size:28px;
	font-weight:bold;
	height:38px;
	text-align:center;
}

div.article-heading {
	float:right;
	overflow:hidden;
	width:410px;
}

div.article-heading a, div.article-heading .highlight {
	color:#a00000;
	font-size:26px;
	text-decoration:none;
}

div.article-author {
	border-top:1px solid #eee;
	clear:right;
	color:#aaa;
	float:right;
	font-size:14px;
	margin-top:5px;
	padding:5px 5px 0 0;
	text-align:right;
	width:405px;
}

div.article-author a {
	color:#aaa;
	text-decoration:underline;
}

div.article-body {
	color:#222;
	margin-top:30px;
	overflow:hidden;
	width:460px;
}

div.article-body p {
	margin-bottom:10px;
}

div.article-footer {
	border-top:1px solid #ccc;
	margin-top:30px;
}

div.article-footer-item {
	border-bottom:1px solid #eee;
}

div.article-footer-item-image {
	float:left;
	height:16px;
	padding:10px 5px 10px 5px;
	width:16px;
}

div.article-footer-item-text {
	float:left;
	height:12px;
	overflow:hidden;
	padding:10px 0 10px 5px;
	white-space:nowrap;
	width:425px;
}

div.article-footer-item-text, div.article-footer-item-text strong, div.article-footer-item-text a {
	color:#aaa;
	font-size:13px;
}

div.article-footer-item-text a:hover {
	color:#800000;
}

div#footer {
	background-color:#222;
	border-top:50px solid #111;
	height:170px;
}

div#footer a {
	color:#444;
	text-decoration:underline;
}

div#footer-wrapper {
	margin:0 auto;
	width:800px;
}

div.footer-content {
	color:#666;
	padding:20px;
}

div#login {
	float:right;
	margin:40px;
	width:300px;
}

div#registration {
	border-right:1px solid #ddd;
	float:left;
	margin:40px 0 40px 40px;
	padding-right:30px;
	width:300px;
}

div.form-header {
	font-size:22px;
}

div#registration-info p,div#login-info p{
	color:#aaa;
	margin:20px 0 20px 0;
}

div#login-info p.error {
	color:#700;
	font-weight:bold;
}

div.input-label {
	clear:both;
	float:left;
	margin-top:20px;
	padding-top:5px;
}

div.input-field {
	float:right;
	margin-top:20px;
}

div.input-image {
	float:right;
	margin-top:20px;
	padding:6px;
	width:16px;
}

div.input-field input {
	border:1px solid #aaa;
	padding:5px;
	width:150px;
}

div.input-field input[type="checkbox"] {
	border:none;
	padding:5px;
	width:auto;
}

div.input-submit {
	clear:both;
	padding:25px 0 0 0;
	text-align:center;
}

div.input-submit button {
	padding:5px;
	width:200px;
}

div.input-submit img {
	padding-right:5px;
}

div#alternative-menu {
	border-top:1px solid #444;
	margin-top:10px;
	padding-top:5px;
}

div#alternative-menu ul {
	list-style:none;
}

div#alternative-menu li {
	float:left;
	margin-right:5px;
}

div#alternative-menu a {
	color:#aaa;
	text-decoration:underline;
}

div.mapSection {
	border:1px solid #aaa;
	overflow:hidden;
	height:250px;
	width:250px;
}

div.commment-count {
	background-image:url(../img/framework/comment.png);
	background-position:center;
	background-repeat:no-repeat;
	font-size:10px;
	height:16px;
	line-height:13px;
	text-align:center;
}

div.commment-count a {
	color:#fff;
	font-size:10px;
	line-height:13px;
	text-decoration:none;
}

div.input-info {
	padding-top:5px;
	color:#aaa;
	font-size:12px;
}

div.pagebar {
	height:20px;
	padding:5px 0 5px 0;
}

div.pagebar div {
	float:left;
	margin:0 2px 0 2px
}

div.pagebar a {
	border:1px solid #fff;
	color:#fff;
	display:block;
	background-color:#ccc;
	font-size:12px;
	padding:2px 5px 2px 5px;
	text-decoration:none;
}

div.pagebar a:hover {
	border:1px solid #b00000;
	background-color:#b00000;
}

div.pagebar div.selectedPage a {
	border:1px solid #888;
}

div.pagebar div.selectedPage a:hover {
	border:1px solid #b00000;
}

div#chartDialogContent {
	height:600px;
	text-align:center;
	width:800px;
}

div#chartDialogInfo {
	margin:0 auto;
	width:600px;
}

iframe#chartFrame {
	border:none;
	height:100%;
	width:100%;
}

div.info-box {
	background-color:rgb(255,255,225);
	border:1px solid #aaa;
	padding:20px;
}

div.footer-item {

}

div.footer-item-title {
	border-bottom:1px solid #aaa;
	color:#aaa;
	font-size:32px;
	padding:30px 0 5px 0;
	text-align:right;
}

div.event-detail-item {
	float:left;
	margin:30px 10px 0 0;
	width:142px;
}

div.event-detail-key {
	color:#aaa;
	font-size:14px;
}

div.event-detail-val {
	
}

div.mistake-item {
	border-bottom:1px solid #eee;
	padding:20px 0 20px 0;
}

div.mistake-map {
	float:right;
}

div.mistake-detail-item {
	float:left;
	margin:10px 10px 0 0;
	width:142px;
}

div.mistake-detail-key {
	color:#aaa;
	font-size:14px;
}

div.mistake-detail-val {
	
}

div.comment-key {
	color:#aaa;
	padding:20px 0 2px 0;
	text-align:right;
}

div.comment-val input {
	width:100%;
}

div.comment-val textarea {
	height:100px;
	width:100%;
}

div.comment-slider {

}

div.comment-button {
	border-bottom:1px solid #888;
	padding-bottom:20px;
}

div.comment-item {
	border:1px solid #aaa;
	margin-top:30px;
	padding:15px;
}

div.comment-name {
	float:left;
	height:17px;
	overflow:hidden;
	padding-bottom:2px;
	white-space:nowrap;
	width:280px;
}

div.comment-date {
	color:#aaa;
	float:right;
	padding-bottom:2px;
}

div.comment-text {
	border-top:1px solid #ccc;
	clear:both;
	overflow:hidden;
	width:430px;
}

div#search-input {
	border:1px solid #aaa;
	color:#aaa;
	font-size:32px;
	height:40px;
	padding:10px;
}

div#search-input input {
	color:#aaa;
	font-size:32px;
}

div#search-input input[type="text"] {
	border:none;
	width:300px;
}

div#search-input input[type="submit"] {
	background-color:#fff;
	border:1px solid #aaa;
	color:#aaa;
	float:right;
	padding-left:0;
	padding-right:0;
	width:80px;
}

div#search-input-small input[type="text"] {
	padding:1px;
	width:215px;
}

div#search-input-small input[type="image"] {
	border:none;
	vertical-align:baseline;
}

div#search-help-toggle {
	margin:20px 0 5px 0;
	text-align:right;
}

div#search-help-toggle a {
	color:#aaa;
	text-decoration:none;
}

div#search-help {
	background-color:rgb(255,255,225);
	border:1px solid #aaa;
	color:#aaa;
	padding:20px;
}

table.compare-table th, table.compare-table td {
	color:#444;
	padding:10px;
	text-align:center;
}

table.compare-table th {
	color:#aaa;
	font-weight:normal;
}

table.compare-table th input {
	border:1px solid #aaa;
	color:#aaa;
	font-size:22px;
	padding:3px;
	text-align:center;
	width:100%;
}

table.compare-table th input[type="image"] {
	background:none;
	border:none;
}

table.compare-table div.user-div {
	font-size:22px;
	overflow:hidden;
	width:100%;
}

table.compare-table .dbr {
	border-right:1px solid #ddd;
}

table.compare-table .dbb {
	border-bottom:1px solid #ddd;
}

table.compare-table .left {
	text-align:left;
}

table.compare-table u {
	color:#008000;
}

table.compare-table a {
	color:#aaa;
	text-decoration:none;
}

table.compare-table a:hover {
	color:#800000;
}

div.user-heading {
	border-bottom:1px solid #aaa;
	color:#aaa;
	font-size:24px;
	margin:20px;
	overflow:hidden;
	padding:22px 0 5px 0;
}

div.about-heading {
	border-bottom:1px solid #aaa;
	color:#ccc;
	font-size:78px;
	padding-bottom:5px;
	text-align:right;
}

div.about-body p {
	margin-top:20px;
}

div.about-body a {
	color:#aaa;
	text-decoration:none;
}

div.about-body a:hover {
	color:#800000;
}

div.screenshot {
	float:left;	
	padding:5px;
}

div.screenshot img {
	border:1px solid #ccc;
}