body { background: #f1f5f8;}
.navbar-header2 { background: #2d8ec5; color: #FFF; border-bottom: 1px solid #1679b2;}
.align-right { text-align: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.navbar-brand { padding: 11px !important;}
.navbar-header2 a { color: #FFFFFF; }
.navbar-header2 a:hover { color: #e1e1e1;}
.nav li a { color: #FFFFFF !important;  }
body img { max-width: 800px; max-height: 700px; }
body p { margin-bottom: 20px; }

/* layout */
.db-header { border-bottom: 1px solid #d3d3d3; margin-bottom: 20px; padding-bottom: 1px;}
.db-header-title { font-size: 18px; float: left;}
.page-header-title { font-size: 24px; float: left;}
.db-header-extra { float: right; padding: 5px;  }

.top-layout-margin { margin-top: 70px; }
.sidebar { background: #FFF; min-height: 400px; border-radius: 4px; padding: 10px; border: 1px solid #DDD;}
.main-content { background: #FFF; min-height: 400px; border-radius: 4px; padding: 10px; border: 1px solid #DDD; }


.table-of-contents { list-style: none; margin: 0px; padding-left: 10px; margin-top: 10px; margin-bottom: 20px; }

.project-area { background: #FFF; border-radius: 4px; padding: 10px; border: 1px solid #DDD; margin-bottom: 10px; text-align: center;}
.project-spot { display: inline-block; margin: 10px; padding: 10px; text-align: center; border: 1px solid #EEE; border-radius: 4px; background: #FFF; }
.attached-file { display: inline-block; margin: 10px; padding: 10px; text-align: center; border: 1px solid #EEE; border-radius: 4px; background: #EEE; }

.no-margin { margin: 0px; }
.category-icon { margin-right: 10px; }
.shadow-text { color: #7c7c7c; }
.small-text { font-size: 11px; }