body { background: #FBFBFB; }
body * { font-family: verdana; font-size: 9pt; color: #444; }
ul { list-style-type: none; padding: 0px; }
li { margin-bottom: 4px; }
th { text-align: left; }
form table th { text-align: right; padding-right: 20px; }
table { border-collapse: collapse; border: 0px; width: 100%; }
table td { padding: 4px; vertical-align: top; }
a, .note .topic { color: #006699; text-decoration: none; border-bottom: 1px solid #ACD2E5; }
img{ border: 0px; }
input, textarea, select { border: 1px solid #888; padding: 2px; width: 400px; }
iframe { border: 1px solid #888; }

.radio, .checkbox { border: 0px; width: auto; margin: 0px; }
.submit { width: auto; }
.input { width: 95%; }


#wrapper { width: 950px; margin: 0px auto; background: #F0F0F0; }
#header { width: 950px; background: #FBFBFB; position: relative; }
#footer{ width: 930px; margin: 0px auto; background: #EFEFEF; padding: 10px; }
#sidebar { float: left; }

#sidebar #menu { width: 190px; }
#sidebar #menu li { margin: 8px 0px; margin-left: 4px; }
#sidebar #menu li a { border: 0px; color: #666; }
#top_nav li { display: inline; margin-right: 10px; }
#globalnav li { display: inline; margin-right: 10px; }
#content_wrap { width: 750px; float: right; background: #F6F6F6; }
#inside_content { padding: 5px 15px 20px 15px; } /* josh */

.center_module { background: #FFF; padding-bottom: 10px; margin-bottom: 10px; }
.center_module .bar { color: #666; font-weight: bold; background-image: url('../images/bar.png'); padding: 4px; margin-bottom: 8px; height: 16px; }
.center_module .bar  a { border: 0px; color: #666; font-weight: bold; }
.center_module .bar .module_menu { display: inline; margin: 0px; margin-left: 25px; }
.center_module .bar .module_menu li { display: inline; margin-right: 10px; }

.small_module { background: #FFF; padding-bottom: 10px; margin-bottom: 10px; }
.small_module .bar { color: #666; font-weight: bold; background: #E6E6E6; padding: 4px; margin-bottom: 8px; height: 16px; }
.small_module .bar  a { border: 0px; color: #666; font-weight: bold; }
.small_module .bar .module_menu { display: inline; margin: 0px; margin-left: 25px; }
.small_module .bar .module_menu li { display: inline; margin-right: 10px; }

.small_module input, .small_module textarea, .small_module select { width: 200px; }
.small_module .form_row span { width: 100px; }
.small_module .submit { width: auto; }

h2 { color: #006699; font-size: 16px; } /* josh */
h4 { color: #006699; padding: 0px; margin: 0px; } /* josh */

.li_m_login, .li_m_logout { display: none; }
.top_log { position: absolute; bottom: 10px; right: 10px; }

.left_th th { text-align: right; padding-right: 20px; }

.project_stage_box_sm { width: 280px; height: 18px; background-image: url(../project_stage_box.png); position: relative; }
.project_stage_box_sm .project_stage_meter { height: 18px; position: absolute; background-image: url(../project_stage_meter.png); }
.project_stage_box_sm .project_stage_text { position: absolute; top: 2px; left: 6px; height: 18px; padding: 0px; margin: 0px; font-size: 7pt; font-weight: bold; color: black; line-height: normal; }

.project_stage_box_lg { margin: 2px; width: 280px; height: 36px; background-image: url(../project_stage_box_lg.png); position: relative; }
.project_stage_box_lg .project_stage_meter { height: 18px; position: absolute; background-image: url(../project_stage_meter.png); }
.project_stage_box_lg .project_stage_text { position: absolute; top: 2px; left: 6px; height: 18px; padding: 0px; margin: 0px; font-size: 7pt; font-weight: bold; color: black; line-height: normal; }
.project_stage_box_lg .project_status_text { position: absolute; top: 20px; left: 6px; height: 18px; padding: 0px; margin: 0px; font-size: 7pt; font-weight: bold; color: black; line-height: normal; }

body.projects .company_info { position: relative; margin-bottom: 10px; background: #FBFBFB; }
body.projects .company_info #logo { float: left; }
body.projects .company_info .project_stage_box_lg { float: right; }

.note { margin-bottom: 16px; border-bottom: 1px solid #DDD; padding-bottom: 0px;  }
.note .topic { display: block; margin-bottom: 4px; font-weight: bold; background: #E6F2F1; padding-top: 4px; }
.note .body { margin-bottom: 16px; }
.note .details { font-size: smaller; margin-bottom: 16px; }
.note .details * { font-size: smaller; }
.note .comments { font-size: smaller; }
.note .comments  * { font-size: smaller; }
.reply { margin-left: 25px; }

.form_row { margin-bottom: 10px; }
.form_row span { width: 200px; text-align: right; display: block; float: left; margin-right: 25px; font-weight: bold; }
.form_row div { margin-left: 225px; }
.form_row div * { margin-bottom: 8px; }
.small_text { font-size: 7pt; }

.auto_width { width: auto; }

.alt0 { background: #FFF; }
.alt1 { background: #EEE; }

.ticket_lists * { font-size: 8pt; }