body { font: 11px Arial,Verdana,Helvetica,sans-serif; color: #333333; background: #eb2d2e url(../images/bg-body.jpg) repeat-y center center; }
body,html,div,ul,ol,li,form,fieldset,dl,dt,dd,h1,h2,h3,h4,h5,p { margin: 0px; padding: 0px; }
ul,li { overflow: hidden; }
ul { list-style-type: none; }
form,fieldset,img { border: 0px; }
a { color: #666666; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }
textarea { font: 13px Tahoma, arial, helvetica, sans-serif; }
input.text,textarea,select { margin: 1px 2px; border: 1px solid #999999; padding: 2px; }
input.checkbox { vertical-align: middle; margin: 0 2px 0 0; }
.clear { display: block; clear: both; height: 0em; margin: 0em; padding: 0em; overflow: hidden; }
table { font: 11px Tahoma,Sans-Serif; border-collapse: collapse; width: 620px; border: 1px solid #cccccc; background: #fff; margin: 1px; }
td,th { padding: 2px; border: 1px solid #999999; text-align: left; vertical-align: top; }
th { background: #cccccc; font-size: 12px; }
img.emoticon { vertical-align: middle; }

#background { position: absolute; top: 0; left: 0; width: 100%; height: 800px; background: url(../images/bg-body-top.jpg) no-repeat top center; }

#page { width: 985px; overflow: hidden; margin: 0 auto; position: relative; }
#page div.center { text-align: center; padding: 5px; }
#page div.corners b { border-color: #b2c9d9; border-style: solid; border-width: 0 1px; display: block; height: 1px; overflow: hidden; }
#page div.corners b.r1 { background: #b2c9d9; margin:0 5px; }
#page div.corners b.r2 { border-width: 0 2px; margin:0 3px; }
#page div.corners b.r3 { margin: 0 2px; }
#page div.corners b.r4 { height: 2px; margin:0 1px; }
#page div.corners.full b.r2,#page div.corners.full b.r3,#page div.corners.full b.r4 { background: #e6f2f5; }

#menu { height: 25px; overflow: hidden; font-size: 14px; }
#menu li { display: inline; }
#menu li a { color: #006699; padding: 0 15px;}
#menu li a.active { color: #000; text-decoration: underline; }

#breadcrumb { font-size: 12px; height: 16px; padding: 7px 0; background: #333333; color: #fff; overflow: hidden; margin-bottom: 10px; }
#breadcrumb ul { margin-left: -6px; }
#breadcrumb li { display: inline; padding: 0 9px 0 15px; background: url(../images/bg-breadcrumb.jpg) no-repeat left 5px; }
#breadcrumb li a { color: #fff; text-decoration: underline; }
#breadcrumb li a:hover { text-decoration: none; }

#top { font: 11px Tahoma,Sans-Serif; color: #333333; height: 155px; position: relative; }
#top img { position: absolute; left: 150px; top: 28px; }

#search { position: absolute; top: 148px; right: 0; }
#search input.submit { float: left; width: 24px; height: 20px; padding: 0; background: transparent; margin: 0; cursor: pointer; border: 0; }
#search input.text { float: left; margin: 0; width: 211px; border: 0; background: transparent; padding: 3px 2px; }
#search label { float: left; font-size: 15px; font-weight: bold; margin-right: 8px; padding: 2px 0 0 0; }

#sidebar { width: 300px; float: right; padding-right: 10px; display: inline; }
#sidebar h2 { background: url(../images/bg-header.jpg); padding: 7px 10px; font-size: 16px; color: #fff; }
#sidebar div.box { border-left: 1px solid #C7C7C7; border-right: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; margin-bottom: 15px; }
#sidebar div.box p { padding: 5px 9px; }
#sidebar div.box li { padding: 5px 9px; border-top: 1px solid #c7c7c7; }
#sidebar div.box ul.rank { border-top: 1px solid #c7c7c7; }
#sidebar div.box ul.rank li { padding: 1px 9px; border: 0; }
#sidebar a { color: #006699; font-size: 11px; font-weight: bold; }
#sidebar form fieldset { padding: 5px 9px; }
#sidebar form fieldset b { float: left; width: 45px; padding: 6px 0 0 0; }

#content { width: 630px; overflow: hidden; float: left; padding: 0px 10px; display: inline; }
#content h1 { color: #000000; font-size: 18px; margin-bottom: 7px; }
#content div.box { background: #fff; border: 1px solid #C7C7C7; padding: 7px 12px; margin-bottom: 10px; font-size: 12px; }
#content div.box div.info { float: left; display: inline; width: 150px; }
#content div.box div.info h3 { margin-top: 15px; font-size: 13px; font-weight: bold; color: #2670BE; margin-bottom: 15px; }
#content div.box div.entry { float: right; display: inline; width: 450px; }
#content div.box div.entry h2 { font-size: 13px; font-weight: bold; color: #2670BE; margin-bottom: 4px; padding-bottom: 2px; border-bottom: 1px dotted #ccc; }
#content div.box div.entry p { margin-bottom: 5px; text-align: justify; }
#content div.box div.vote { width: 80px; text-align: center; font-size: 18px; font-weight: bold; padding: 15px 5px 5px 5px; color: #A9A9A9; }
#content div.box a { color: #2670BE; }
#content div.box ul { list-style-type: square; margin-left: 15px; overflow: visible; }
#content div.box ul li { overflow: visible; }
#content div.box div.options { text-align: right; }
#content div.tag { text-align: center; }
#content div.tag a { margin: 0 3px; }
#content div.gray { background: #e7eefa; }
#content div.step span { float: left; font-size: 30px; width: 40px; color: #cc3333; font-weight: bold; }
#content div.step p { float: left; width: 550px; text-align: justify; }

#content dl { font: 12px Tahoma,Sans-Serif; }
#content dt { font-weight: bold; color: #2670BE; margin: 0 0 2px 2px; }
#content dd input.text { width: 300px; }
#content dd ul.errors { margin: 5px; color: red; font-size: 11px; font-style: italic; overflow: hidden; }
#content dd p.description { margin: 0 3px 10px 3px; text-align: justify; }

#page div.pager { margin: 15px 0px; font-weight: bold; text-align: center; padding: 4px 0px; }
#page div.pager a { font-size: 12px; padding: 3px 6px; background: #F9F9F9; color: #2C2C2C; border-right: 1px solid #CECFCF; border-bottom: 1px solid #CECFCF; text-decoration: none; }
#page div.pager a:hover { text-decoration: underline; }
#page div.pager a.active { background: #2A5EA1; color: #FFFFFF; }

#footer { color: #fff; height: 13px; width: 985px; padding: 11px 0; text-align: center; background: #333333; }
#footer a { color: #fff; }

#messages { margin: 10px auto; width: 700px; }
#messages h4 { padding: 0 0 4px 10px; background: #397aba; color: #fff; font-size: 13px; font-weight: bold; }
#messages b { border-color: #397aba; border-style: solid; border-width: 0 1px; display: block; height: 1px; overflow: hidden; }
#messages b.r1 { background: #397aba; margin:0 5px; }
#messages b.r2 { border-width: 0 2px; margin:0 3px; }
#messages b.r3 { margin: 0 2px; }
#messages b.r4 { height: 2px; margin:0 1px; }
#messages b.full { background: #397aba; }
#messages b.white { background: #fff; }
#messages p { text-align: center; font-size: 11px; font-weight: bold; color: #FF4C4C; background: #fff; padding: 10px 15px 5px 15px; border-left: 1px solid #397aba; border-right: 1px solid #397aba; }

#content { min-height: 555px; height: auto !important; height: 555px; }

#shoutbox { border: 1px solid #C7C7C7; border-top: 0; padding: 1px 0px; overflow: hidden; text-align: left; font-size: 11px; }
#shoutbox-list { height: 200px; overflow: auto; }
#shoutbox div.shoutbox-list { border-bottom: 1px solid #cccccc; padding: 5px 3px; color: #a1a1a1; }
#shoutbox div.shoutbox-list span { color: #2964bd; }
#shoutbox div.shoutbox-list b { margin-left: 3px; color: #212121; }
#shoutbox div.shoutbox-list p { color: #212121; }
#shoutbox div.center { padding: 3px 0; }
#shoutbox form fieldset { text-align: left; padding: 3px; text-transform: uppercase; font: 10px 'Lucida Console', Monaco, monospace; margin-left: 10px; }
#shoutbox form fieldset input.text { width: 80px; vertical-align: middle; margin: 1px; font-size: 11px; padding: 2px; }
#shoutbox form fieldset input.btn { font-size: 10px; vertical-align: middle; text-transform: uppercase; padding: 2px 3px; margin: 0 0 0 12px; overflow: visible; width: auto; }