html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table, td, th {vertical-align: top;}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix {display:block; zoom:1; }
/* End hide from IE Mac */
.center { text-align: center; }

.error { color: #f00; }

body { font-family: "Lucida Grande",Tahoma, arial; font-size: 11px; color: #345085; }

#wrapper { width: 970px; margin: 0 auto; position: relative; }

.big { color: #F60; }

#page-header { margin-top: 20px; }
#page-header #logo { width: 250px; float: left; padding-top: 10px; }
#page-header #middle { float: left; width: 470px; text-align: center; padding-top: 10px; }
#page-header #middle h1 { font-size: 22px; font-weight: normal; margin-bottom: 10px; margin-bottom: 20px; }
#page-header #middle h2 { color: #F60; font-size: 16px; font-weight: normal; }
#page-header #login { width: 250px; float: left; height: 100%; }
#page-header #login form { background-color: #FFEFE5; border: solid 1px #FFE0CC; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#page-header #login form p { overflow: auto; padding: 3px 0; }
#page-header #login form p a { color: #789; line-height: 15px; letter-spacing: 1px; font-family: arial; }
#page-header #login form strong { color: #f60; display: block; text-align: center; margin-bottom: 7px; }
#page-header #login form input { border: solid 1px #7595d7; float: left; width: 140px; }
#page-header #login form input.submit { border: none; background-color: #F60; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 80px; color: #fff; float: right; }
#page-header #login form label { color: #778899; float: left; width: 80px; }

#container { margin-top: 10px; }
#container #col-left { float: left; width: 550px; }
#container #col-left .pic { float: left; width: 86px; height: 96px; background-color: #E9EFF9; text-align: center; margin: 4px; padding: 7px; color: #789; font-size: 10px; line-height: 1.2em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#container #col-left .pic img { margin-bottom: 5px; }
#container #col-left .mod_text { line-height: 1.3em; overflow: auto; height: 325px; margin-top: 5px; margin-right: 10px; background-color: #e9eff9; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 4px; padding: 10px; }
#container #col-left .mod_text .big { font-weight: bold; margin-top: 10px; }
#container #col-right { float: left; width: 420px; background-color: #e9eff9; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 4px; }
#container #col-right .mod_text { padding: 20px; min-height: 306px; line-height: 1.3em; }
#container #col-right .mod_text h2 { color: #f60; font-size: 15px; margin-bottom: 10px; }
#container #col-right form { padding-top: 10px; min-height: 336px; }
#container #col-right form strong { text-align: center; display: block; padding-bottom: 10px; font-size: 14px; }
#container #col-right form strong.big { font-size: 20px; color: #f60; }
#container #col-right form strong .ital { font-size: 20px; font-style: italic; }
#container #col-right form input, #container #col-right form select { width: 150px; border: solid 1px #9AA8C2; padding: 2px; }
#container #col-right form input.submit, #container #col-right form select.submit { float: none; background-color: #345085; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; padding: 2px 5px; border: none; }
#container #col-right form input.check, #container #col-right form select.check { width: 30px; }
#container #col-right form select { width: 156px; }
#container #col-right form p { padding: 3px 10px; }
#container #col-right form p.odd { background-color: #CFDCFF; }
#container #col-right form p.comment { text-align: center; font-size: 9px; padding: 5px 10px; font-family: arial; }
#container #col-right form p.center { text-align: center; }
#container #col-right form p .comment { padding-left: 5px; font-family: arial; font-size: 9px; }
#container #col-right form p#error { background-color: #Fcc; color: #f00; }
#container #col-right form p#error span { display: block; padding: 2px; }
#container #col-right form p .error { background-color: #fcc; color: #f00; }
#container #col-right form label { float: left; width: 100px; line-height: 20px; }

#page-footer { text-align: center; padding-top: 10px; color: #999; }
#page-footer h2 { color: #f60; padding-bottom: 10px; }
#page-footer a { color: #999; font-family: arial; }
#page-footer .comment { font-family: arial; }
#page-footer li { display: inline; padding: 0 5px; }

#top-header { background-color: #345085; padding: 3px 10px 5px 10px; text-align: right; }
#top-header li { display: inline; }
#top-header a { color: #fff; text-decoration: none; }