@import "base.css";

html,body,input,select,textarea { font: 8pt Tahoma, verdana, arial, sans-serif; color: #2f3436; }
body { margin:0 0 0 0; padding:0; background: #dbdbdb; }
a { color: #777; }
a:hover { color: #333; }
th { white-space:nowrap; }

/* Buttons */
  
  a.button { float: left; text-align: center; display: block; margin: 10px 10px 0 0; font-size:8pt; width:70px; padding:2px 8px; background:#fd7b2a url('../img/bg_input_btn.gif') repeat-x; color:#fff; border:1px solid #d45c11; cursor:pointer;  }

.bold { font-weight: bold; }
.u { border-bottom: 1px solid #444; }
span.highlight { font-weight: bold; color: #c42f2f; }
span.highlight a { font-weight: bold; color: #c42f2f; }
.smallf { font-size: 8pt; }

h2.hdr { font-weight: bold; font-size:11pt; padding: 5px 10px; margin-bottom: 20px; color:#333; background:#eee url(../images/bg-h2.gif) repeat-x; font-weight: bold; border: 1px solid #e1e1e1; }
h2.subhdr { margin:0 0 20px 0; font-weight: bold; color: #555; font-size: 10pt; }
h3.subhdr { font-weight: bold; color:#494949; font-size:10pt; background:#eee url(../images/bg-h3.gif) repeat-x; padding:5px; border:1px solid #d9d9d9; margin-bottom: 15px; }
h4.subhdr { font-weight: bold; color:#346483; font-size:9pt; background:#eee url(../images/bg-h4.gif) repeat-x; padding:5px; border:1px solid #d9d9d9; margin-bottom: 10px; }
h5.subhdr { font-weight: bold; color:#494949; font-size:8pt; background:#eee url(../images/bg-h4.gif) repeat-x; padding:5px; border:1px solid #d9d9d9; margin-bottom: 5px; text-transform: uppercase; }

ul.basic { margin:5px 20px; }

.f-left   { float: left !important; }
.f-right  { float: right !important; }

#page { width: 1000px; margin: 10px auto 10px auto; background: #dbdbdb; }
/* #page-header { background: #dbdbdb url(/Content/images/skins/{{skinfolder}}/header.gif) no-repeat bottom center; height: 120px; position: relative; } */
#page-content { background: #dbdbdb url(../images/content-bg2.gif) repeat-y center;}
#page-footer { background: url(../images/page-ftr.gif) no-repeat top; }
#page-footer p { padding: 15px 25px; font-size: 7pt; color: #8a8a8a; }
#page-footer a { color: #777; border-bottom: 1px solid #ddd; }

/* Debug data */
#profile-result { padding:0 25px; display: none; }
table.profile-data {  }
table.profile-data td { border: 1px solid #000; padding: 2px; background: #fff; }

#logo { position: absolute; left:5px; top:40px; width: 400px; }
#logo h1 { color: #fff; font-weight: bold; font-size: 13pt; padding: 0 30px; display: none; }

#user-info { position: absolute; right:25px; top:-7px; background: #fff; display: none; }
#user-info p { padding: 5px; color:#777; font-size: 7.5pt; text-align: center; }
#user-info p a { font-size: 7.5pt; text-decoration: underline; color:#777; }

#main-nav { position: absolute; bottom: 10px; left: 15px;  }
#main-nav ul { }
#main-nav ul li { float: left; }
#main-nav ul li a { font-size: 8pt; display: block; padding:8px 20px 0 20px; height: 24px; color: #b0bbbf; text-align: center; text-decoration: none; border-right: 1px solid #393d3f; }
#main-nav ul li a:hover { color:#ddd; }
#main-nav ul li.active a { font-weight: bold; color:#fff; background: url(../images/bg-nav-main-active.gif) repeat-x center; }

ul#project-nav { background: #fff; margin-bottom: 20px; border-left:1px solid #d9d9d9; }
ul#project-nav li { float: left; }
ul#project-nav li a { color:#777; font-size: 8pt; display: block; text-align: center; padding: 4px 8px; background:#eee url(../images/bg-btn-hover.gif) repeat-x; font-weight: bold; border: 1px solid #d9d9d9; border-left: none; }
ul#project-nav li a:hover { color:#000; background: #fff; }
ul#project-nav li.active a { font-weight: bold; color:#000; background:#fff url(../images/bg-btn.gif) repeat-x; }

#top-search { position: absolute; bottom: 12px; width: 180px; right: 15px; padding:0 10px 4px 10px;  }
fieldset#search { background: #fff; }
#btn-search { margin:3px 5px 0 0; float: right; }
#keyword { float:left; padding:2px; border:1px solid #fff; background:#fff; font-size:8pt; width: 150px; color: #444; }

#content-container { padding:10px 25px 10px 25px;}

#crumb { margin-bottom: 15px; margin-top: 0; font-size: 8pt; }
#crumb a { color: #8b9776; }
#crumb #br-left   { float: left; }
#crumb #br-left a {  }
#crumb #br-right  { float: right; }
#crumb #br-right p  { font-size: 7.5pt; color:#8b9776; }

#content-left { /*float: left; width: 660px; width:950px; background: #fff;*/ }
/*#content-right { float: right; width: 260px; background: #fff; }*/


/* Content box */

  .content-box { padding:0 10px; }

/* Form */

  ul.form li { margin: 8px; }
  ul.form li div.label { float: left; width: 130px; }
  ul.form li div.field { float: left; }  
  ul.form li.buttons { margin-left: 160px; }  
  input.text { padding:2px; width: 180px; border:1px solid #777; background:#fff; }
  select { margin-bottom:4px; padding:2px; border:1px solid #777; width: 300px; }
  .select-small { width: 180px; }
  textarea { background:#fff; padding:2px; border:1px solid #516d84; }
  input.btn { padding: 2px 4px; background:#eee url(../images/bg-btn.gif) repeat-x; font-weight: bold; border: 1px solid #d9d9d9; }
  input.btn-hover { border: 1px solid #b5b5b5; color:#d23d3d; }
  input.btn-medium { width: 60px; }
  
  
/* User flow */

  ul#user-flow { margin: 0; padding: 0; }  
  ul#user-flow li { padding:2px 4px; background: #eee; margin: 0; border-bottom:1px solid #fff; }  
  
  
/* Search */

  ul.form-search li div.label { float: left;}
  ul.form-search li div.field { float: right; }
  ul.form-search li input.text { margin-bottom:4px;  }
  ul.form-search li #keyword { width: 170px; }
  
/* Project files */

  table.project-files { border-collapse:collapse; width: 100%; }
  table.project-files th { background:#fff; color: #333; font-weight: bold; padding:4px; }
  table.project-files tr.row-odd td { background:#fff; }
  table.project-files tr.row-even td { background:#f7f7f7; }
  table.project-files td { padding:4px; border: 1px solid #eee; }
  
/* Table */
  
  table.data { border-bottom:1px solid #ddd; border-collapse:collapse; width: 100%; }
  table.data th { background:#fff; color: #333; font-weight: bold; padding:4px; }
  table.data tr.row-odd td { background:#fff; }
  table.data tr.row-even td { background:#f7f7f7; }
  table.data td { border-top:1px solid #ddd; padding:4px; } 
  table.data tr.row-active td { background:#f9f9e3; }
  
  table td.center { text-align: center; }
  
  
/* Project info */

  .project-info-top { background: url(../images/project-info/top.gif) no-repeat; height: 30px; }
  .project-info-bot { background: url(../images/project-info/bot.gif) no-repeat; height: 30px; }
  .project-info-body { padding: 10px 25px;  border-collapse: collapse; background: #fff url(../images/project-info/bg.gif) repeat-y; }
  
  table.info { border-collapse:separate; border-width:2px }
  table.info th { background:#fff; color: #333; font-weight: bold; padding:4px; }
  table.info td { padding:4px; border: 1px solid #fff; }
  table.info td.label { font-weight: bold; width: 120px; text-align: right; }
  table.info td.field { background: #f3f3f3; width: 260px; background: #fff url(../images/project-info/bg-field.gif) repeat-y; }
   
  
/* Pager */

  .paginationControl { margin: 10px 10px 0 10px; font-size: 7pt; text-align: center; }
  .paginationControl a, span.disabled, span.active { background: #eee; float: left; padding: 2px 4px; border:1px solid #ddd; margin-right: 5px; text-align: center; color: #333; text-decoration: none; }
  span.disabled { color: #888; }
  span.active { font-weight: bold; background: #fff; }