body {
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	background: white;
}

h1 {
	color: #3484D2;
}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}

a[href^="error:"] {
	background: red;
	color: white;
}

form th, form td {
	vertical-align: top;
	font-weight: normal;
}

form th {
	text-align: right;
}

form .required label {
	font-weight: bold;
}

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

form table {
	width: 100%;
	border: none;
	background-color: #FFF;
}

form th, form tr, form td {
	border: none;
	background-color: #FFF;
}



textarea {
	width: 100%;
	height: 500px;
}

html.js .jshidden {
	display: none;
}

form {
	
}

html { overflow-y: scroll; }
body { font: 14px/1.65 Verdana, "Geneva CE", lucida, sans-serif; color: #333; margin: 38px auto; max-width: 940px; min-width: 770px; }

h1, h2 { font: normal 150%/1.3 Georgia, "New York CE", utopia, serif; color: #535764; -webkit-text-stroke: 1px rgba(0,0,0,0); }

img { border: none; }

a { color: #535764; padding: 3px 1px; text-decoration: underline;}

a:hover, a:active, a:focus {  text-decoration: none; color: black; }

#banner { border-radius: 0px 0px 0 0; border-bottom: 1px dotted #DDD; text-align: center; /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAB5CAMAAADPursXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGBQTFRFD1CRDkqFDTlmDkF1D06NDT1tDTNZDk2KEFWaDTZgDkiCDTtpDT5wDkZ/DTBVEFacEFOWD1KUDTRcDTFWDkV9DkR7DkN4DkByDTVeDC9TDThjDTxrDkeADkuIDTRbDC9SbsUaggAAAEdJREFUeNqkwYURgAAQA7DH3d3335LSKyxAYpf9vWCpnYbf01qcOdFVXc14w4BznNTjkQfsscAdU3b4wIh9fDVYc4zV8xZgAAYaCMI6vPgLAAAAAElFTkSuQmCC);*/ }
#banner h1 { color: #535764; font-size: 50px; line-height: 121px; margin: 0; padding-left: 40px; }

#content { background: white; border: 1px solid #eff4f7; border-radius: 0 0 6px 6px; padding: 40px 40px; }
#content > h2 { font-size: 130%; color: #666; clear: both; padding: 1.2em 0; margin: 0; }

h2 span { color: #87A7D5; }
h2 a { text-decoration: none; background: transparent; }

.box { width: 24%; float: left; background: #f0f0f0; margin-right: 4%; min-height: 230px; padding: 3%; border: 1px solid #e6e6e6; border-radius: 5px; }
.box h2 { text-align: right; margin: 0; }
.box img { float: left; }
.box p { clear: both; }
.box p a { color: #535764; background: #f7f7f7; padding: 1px 3px; border-radius: 3px; text-decoration: none; box-shadow: 0 2px 5px rgba(0, 0, 0, .10); }
.box p a:hover, .box p a:active, .box p a:focus { color: white; background-color: #535764; }
.box:nth-child(4n - 2) h2 { color: #00a6e5; }
.box:nth-child(4n - 2) img { margin: -24px 0 0 -24px; }
.box:nth-child(4n - 1) h2 a { color: #db8e34; background: transparent; }
.box:nth-child(4n) { margin: 0; }
.box:nth-child(4n) h2 a { color: #578404; background: transparent; }

html.js section { display: none; }

pre { font-size: 12px; line-height: 1.4; padding: 10px; margin: 1.3em 0; overflow: auto; max-height: 500px; background: #F1F5FB; border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, .1); }

footer { font-size: 70%; padding: 1em 0; margin-top: 4em; color: gray; border-top: 1px dotted #DDD; }

.jush-com, .jush-php_doc { color: #929292; }
.jush-tag, .jush-tag_js { color: #6A8527; font-weight: bold; }
.jush-att { color: #8CA315 }
.jush-att_quo { color: #448CCB; font-weight: bold; }
.jush-php_var { color: #d59401; font-weight: bold; }
.jush-php_apo { color: green; }
.jush-php_new { font-weight: bold; }
.jush-php_fun { color: #254DB3; }
.jush-js, .jush-css { color: #333333; }
.jush-css_val { color: #448CCB; }
.jush-clr { color: #007800; }
.jush a { color: inherit; background: transparent; }
.jush-latte { color: #D59401; font-weight: bold }

form {
	background-color: #F1EBEB;
	padding: 5px;	
	margin-bottom: 25px;
	border: 1px solid #BD9FA0;
}



table {
	border: 1px dotted #BD9FA0;
	border-collapse: collapse;
	width: 100%;
}

th {
	background-color: #F1EBEB;
}

tr, td, th {
	border: 1px dotted #BD9FA0;
	padding: 2px;
}

#menu {
	padding-left: 40px;
	
}

#menu a {
	color: #535764;
}

#menu a.active {
	font-weight: bold;
}

/* news */
#news {
	width: 100%;
	margin-top: 25px;
}

#news p {
	padding: 0px;
	margin: 0px;
}

#news .new {
	margin-bottom: 75px;
	border: 1px solid #BD9FA0;

}

#news .new-body {
	background-color: #F1EBEB;
	min-height: 75px;
	padding: 5px;
}

#news .new-footer {
	text-align: right;
	padding-right: 5px;
	color: gray;
	font-size: 80%;
	border-top: 1px solid #BD9FA0;
}

form table {
	border: 1px dotted #BD9FA0;
	padding: 20px;
}