body { font: 12pt/14pt 'Lucida Grande', 'Lucida Sans Unicode', 'Myriad Web Pro', 'Myriad Pro', Arial, sans; width: 100%; }
h1 { font-size: 3em; padding: 1em; background: #FFC273; }
h2 { font-size: 2em; margin: 1em 0; }
.hide { display: none; }
.clear { clear: both; margin-bottom: 30px; }
.gradient { position: absolute; height: 299px; width: 100%; background: url(../images/gradient.png) repeat-x center top; z-index: -1; }
.header { display: block; height: 299px; width: 100%; background: url(../images/header.png) no-repeat center top; }
.splash { margin-top: -75px;display: block; height: 400px; width: 400px; float: right; background-repeat: no-repeat; }

#pay_ad { cursor: pointer; text-decoration: none; color: #E0771B; }
#pay_ad:hover { text-decoration: underline; }
#paypal_frame { position: fixed; width: 100%; margin: 30px auto; z-index: 10; }

#content { width: 760px; margin: 20px auto; }
#content label { display: block; margin: 5px 0; }
#content label .name { display: inline-block; width: 100px; }
#content .button { padding: 5px 10px; font-size: 0.9em; }
#content .note { float: right; width: 300px; font-size: 0.6em; }
#content .note strong { font-weight: bold; }
#content button { padding: 5px 10px; font-size: 0.9em; }
#content .info { margin: 20px 0; padding: 5px 0; font-size: 0.9em; }
#content .wrong_pass { margin: 20px 0; padding: 5px 0; font-size: 0.9em; }
#content .name_taken { margin: 20px 0; padding: 5px 0; font-size: 0.9em; }
#content input { padding: 3px; }
#content a.create { cursor: pointer; font-size: 0.9em; color: #007eff; text-decoration: underline; }
#content .form { background: #E8E8E8; padding: 1em; width: 400px; }
#content .form label { display: block; margin: 0.5em 0.1em; }
#content .form label .name { display: inline-block; top: 0; width: 120px; }
#content .bug_form button { margin: 0 0 0 280px; }
#content .feedback_form button { margin: 0 0 0 250px; }
#content .form input { width: 240px; font: 14pt/14pt 'Myriad Web Pro', 'Myriad Pro', Arial, sans; }
#content .form .priority input { width: 15px; }
#content .form textarea { width: 380px; height: 160px; font: 12pt/12pt 'Myriad Web Pro', 'Myriad Pro', Arial, sans; }

.priority input { width: 15px; padding: 0; margin: 0; }

#content .labels { margin: 30px 0; }
#content .labels .label.active { display: inline; color: black; text-decoration: none; }
#content .labels .label { display: inline; }
#content .bugs { }
#content .bugs .bug { position: relative; margin: 0.5em 0; padding: 10px; background: #D6D6D6; }
#content .bugs .bug.editing { background: #D6D6D6!important; }
#content .bugs .bug.fixed { background: #C4FFDB; }
#content .bugs .bug.p1 { background: #F77797; }
#content .bugs .bug.p2 { background: #F7E877; }
#content .bugs .bug.p3 { background: #C2EDFF; }
#content .bugs .bug.p4 { background: #DEF3FC; }
#content .bugs .bug.p5 { background: #C4FFDB; }
#content .bugs .bug .close { position: absolute; left: -10px; top: 0; width: 10px; height: 40px; display: block; background: #E3E3E3; }
#content .bugs .bug .close:hover { background: #DE2855; }
#content .bugs .bug .bug_stats { position: absolute; right: 10px; top: 10px; }
#content .bugs .bug .name { position: relative; cursor: pointer; min-height: 18px; font-size: 1em; display: block; }
#content .bugs .bug .name .edit { position: absolute; left: 280px; font-size: 0.6em; margin: 0 1em; color: #5E5E5E; }
#content .bugs .bug .name .text input { font-size: 0.9em; width: 300px; padding: 3px; margin: -2px; }
#content .bugs .bug .assign input { margin: 0 0.5em; width: 100px; }
#content .bugs .bug .assign input.empty { color: #929292; font-style: italic; }
#content .bugs .bug .label select { width: 90px; }
#content .bugs .bug .status select { width: 90px; }

#content .bugs .bug .details { clear: both; padding: 20px; font-size: 0.9em; }
#content .bugs .bug .details .text textarea { width: 690px; height: 120px; font: 12pt/12pt 'Myriad Web Pro', 'Myriad Pro', Arial, sans; }
#content .bugs .bug .info { float: right; font-size: 0.7em; margin: 0 10px; }