* { margin: 0px; padding: 0px; }
body, td, th { font: 10pt Arial; }

a { color: #39c; text-decoration: none; }
body { background-color: #d6d6d6; }
h2 { padding: 5px 0px; }
html { overflow-y: scroll; }
img { border: none; }
input[type="password"], input[type="text"], input[type="file"], textarea { border: 1px solid #ccc; padding: 5px; }
p { margin: 5px 0px; }
select { padding: 5px; }
table { border-collapse: collapse; }
td { padding: 5px; }
th { background-color: #ccc; font-weight: bold; padding: 5px; text-align: left; vertical-align: top; }
ul { margin: 13px 0px; padding-left: 40px; }

#breadcrumbs { list-style: none; padding: 0px 0px 40px 0px; }
#breadcrumbs li { border-right: 1px solid Black; float: left; }
#breadcrumbs li:last-child { border-right: none; }
#breadcrumbs li a { display: block; padding: 0px 10px 0px 10px; }
#content, #header, #footer { margin: 0px auto; width: 80%; }
#content { min-height: 450px; padding: 40px 0px 60px 0px; position: relative; }
#content-wrapper { background-color: White; }
#copyright { color: #666; float: right; }
#header-wrapper { border-bottom: 1px solid #ccc; }
#header { background: url(/images/header_gradient.png) center no-repeat; height: 148px; padding-top: 10px; position: relative; }
#footer { height: 150px; padding: 20px 0px; }
#footer a { color: #666; }
#footer a:hover { text-decoration: underline; }
#footer-wrapper { background: url(/images/footer_gradient.png) repeat-x; border-top: 1px solid #999; }
#index-features { float: left; width: 550px; }
#iteration-burndown { height: 242px; margin-bottom: 40px; width: 550px; }
#links-menu, #social-menu { float: left; list-style: none; margin: 0px; padding: 0px; }
#links-menu li, #social-menu li { border-right: 1px solid #666; float: left; }
#links-menu li:last-child, #social-menu li:last-child { border-right: none; }
#links-menu li a, #social-menu li a { display: block; padding: 0px 10px; }
#loggedInAs { position: absolute; right: 0px; top: 35px; }
#login-form-wrapper { border: 1px solid #ccc; width: 345px; padding: 40px 40px 20px 40px; }
#logo { float: left; }
#main-menu { list-style: none; margin: 0px auto; padding: 0px; width: 80%; }
#main-menu li { float: left; }
#main-menu li a { color: #eee; display: block; padding: 10px 15px; }
#main-menu li a.new { background: url(/images/new.png) no-repeat 8px; padding-left: 30px; }
#main-menu li:hover a { color: White; }
#main-menu-wrapper { background: url(/images/menu_gradient.png); }
#registration { float: right; width: 330px; }
#registration label.error { float: right; }
#registration-form div.error { font-size: 9pt; }
#social-menu { margin-left: 20px; }
#slogan { color: Gray; margin-top: 10px; }
#title a { color: Black; font: 36pt Tahoma, sans-serif; }
#title-and-slogan-wrapper { float: left; margin: 14px; }
#user-feedback-menu { list-style: none; margin-top: 47px; padding: 0px; position: absolute; top: 0; right: 0; }
#user-feedback-menu li { border-right: 1px solid Black; float: left; padding-left: 10px; }
#user-feedback-menu li:last-child { border-right: none; }
#user-feedback-menu li a.icon { padding: 0px 10px 0px 20px; }
#user-menu { list-style: none; margin: 0px auto; padding: 0px; width: 960px; }
#user-menu li a { color: White; display: block; float: left; padding: 5px; }
#user-menu li a:hover { background-color: #ccc; }
#user-menu-wrapper { background-color: #666; }
#error-page-content-wrapper { background-color: #fee; border: 1px solid Red; margin: 100px auto; padding: 20px; width: 600px; }

a.button, input[type="submit"] { background: #39c no-repeat 8px; border: 1px solid #39c; color: White; cursor: pointer; display: inline-block; padding: 8px; }
a.button:hover, input[type="submit"]:hover { background-color: #5be; }
a.icon { background-repeat: no-repeat; padding-left: 20px; }
a.bug { background-image: url(/images/bug.png); }
a.bug_edit { background-image: url(/images/bug_edit.png); }
a.user_comment { background-image: url(/images/user_comment.png); }
div.grid-header { background-color: #17a; height: 34px; overflow: hidden; }
div.grid-header h3 { background-repeat: no-repeat; color: White; float: left; margin: 8px 0px 0px 8px; padding-left: 24px; }
div.grid-header h3.project { background-image: url(/images/layout.png); }
div.grid-header h3.release { background-image: url(/images/cd.png); }
div.grid-header h3.iteration { background-image: url(/images/chart_curve.png); }
div.grid-header h3.user-story { background-image: url(/images/page.png); }
div.grid-header h3.defect { background-image: url(/images/bug.png); }
div.grid-header h3.task { background-image: url(/images/note.png); }
div.grid-header h3.user { background-image: url(/images/user.png); }
div.grid-header h3.group { background-image: url(/images/group.png); }
div.grid-header h3.group-link { background-image: url(/images/group_link.png); }
div.grid-header h3.attach { background-image: url(/images/attach.png); }
div.grid-status { width: 100% }
div.index-feature { margin: 0px 0px 30px 0px; width: 500px; }
div.index-feature-text { float: left; padding: 6px 0px 0px 15px; width: 400px; }
div.index-feature-text h2 { margin-bottom: 5px; }
div.index-feature-text p { color: Gray; }
div.index-feature-wrapper { padding: 20px; }
div.zero-state-text { float: left; padding: 6px 0px 0px 15px; width: 750px; }
div.zero-state-wrapper { background-color: #d6d6d6; padding: 20px; width: 100%; }
.grid-container div.zero-state-wrapper {background: #d6d6d6 url(/images/footer_gradient.png) repeat-x; position: absolute; top: 0px; bottom: 0px; padding: 0px; }
div.zero-state { background-color: White;padding: 20px; overflow: hidden; position: absolute; top: 40px; right: 40px; bottom: 40px; left: 40px; -moz-box-shadow: 5px 5px 15px #999; -webkit-box-shadow: 5px 5px 15px #999; box-shadow: 5px 5px 15px #999; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#999999')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#999999'); }
div.zero-state h2 { padding: 0px; }
h2.icon { background-repeat: no-repeat; padding: 5px 0px 20px 40px; }
h2.project { background-image: url(/images/coquette/32/home.png); }
h2.release { background-image: url(/images/coquette/32/cd.png); }
h2.iteration { background-image: url(/images/coquette/32/chart_down.png); }
h2.user-story { background-image: url(/images/coquette/32/user_accept.png); }
h2.task { background-image: url(/images/coquette/32/note.png); }
h2.user { background-image: url(/images/coquette/32/user.png); }
h2.users { background-image: url(/images/coquette/32/users.png); }
h2.lock { background-image: url(/images/coquette/32/lock.png); }
h2.attachment { background-image: url(/images/coquette/32/attachment.png); }
h2.user-comment { background-image: url(/images/coquette/32/user_comment.png); }
h2.support { background-image: url(/images/coquette/32/support.png); }
h2.medicine { background-image: url(/images/coquette/32/medicine.png); }
h2.notebook { background-image: url(/images/coquette/32/phone_book_edit.png); }
h2.help { background-image: url(/images/coquette/32/help.png); }
img.index-feature-icon { float: left; }
img.zero-state-icon { float: left; }

label.error { color: Red; }
span.alert { color: #E46; }
span.blocked { color: #E46; font-weight: bold; }
table.list { width: 100%; }
table.list tr:nth-child(odd) { background-color: #f6f6ff; }

table.details { border: 1px solid #ccc; margin-bottom: 40px; width: 100%; }
table.details td { background-color: #f6f6ff; }
table.details th { text-align: right; width: 25%; }
table.form, table.form th, table.form td { border: none; }
table.form td { vertical-align: top; }
td.controls { text-align: right; }
td.controls img { margin: 0px 5px 0px 20px; }
tr.blocked, table.list tr:nth-child(odd).blocked { background-color: #fee; color: Red; }
tr.deactivated, table.list tr:nth-child(odd).deactivated { background-color: #fee; }

.clear { clear: both; }



/* Privacy / Terms */
.SubHead { font-weight: bold; }

/* New Project */
#new-project-form #questions { list-style: none; }
#new-project-form #questions li { padding-bottom: 20px; }
#new-project-form .question { width: 400px; padding-bottom: 10px; }
#new-project-form .required-label { color: Gray; }
#new-project-form .answer input[type="text"] { margin: 0px 5px 5px 0px; width: 200px; }




/* Prototypes */
#backlog { margin-top: 40px; }
#backlog h3 { color: Gray; }
#backlog th { background-color: White; border-bottom: 1px solid #ccc; }
.tooltip-link { border-bottom: 1px dashed; cursor: help; }
.help-modal { width: 500px; }

/*#backlog table tr:nth-child(odd) { background-color: #f8f8f8; }*/
#backlog tr:hover { background-color: #f8f8f8; }
.controls a.icon { background-repeat: no-repeat; padding: 0px 10px 0px 20px; }
.controls a.icon:last-child { padding-right: 0px; }
a.edit-story { background-image: url(/images/book_edit.png); }
a.delete-story { background-image: url(/images/book_delete.png); }