body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 
      Helvetica, Arial, "Lucida Grande", sans-serif;
}

div#outer {
    /*background: #15659B;*/
    margin: 0 auto;
    position: relative;
    height: 100%;
    text-align: center;
    display: table;
}
div#middle {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    }
div#dialog {
    width: 530px;
    height: 240px;
    }
    
img#logo {
    margin: 32px .75em;
    }
    
p.info {

    float: right;
    width: 275px;
    height: 100px;
    margin-top: 108px;
    border: none;
    }
    
p.info span {
    color: #999;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 2em;
    }
    
span.minor a {
    font-size: .6em;
    color: #aaa;
    }
    
nav    { background: #333; color: #aaa; line-height: 1.5em }
nav ul { list-style: none; margin: 0; padding: 0 1em; text-align: left;}
nav li { display: inline-block; }
nav a  { display: block; color: #666666; padding: 0 .5em; }
nav li.right { float: right; }
nav li.right a { display: inline-block !important; color: #aaa; }
nav li:nth-child(1) a { color: rgb(211, 58, 206) }
nav li:nth-child(2) a { color: rgb(26, 215, 253) }
nav li:nth-child(3) a { color: rgb(253, 166, 0) }
/*nav li:nth-child(4n+4) a { color: #666666 };*/

#dialog form { width: 404px; margin: 0 auto; padding: 1em; }
.form-field-row {  }
.form-field-row.form-control { text-align: right; }
.form-field-row input[type=text], .form-field-row input[type=password] { 
  width: 390px;
  font-size: 1.25em; margin: 0; padding: .5em .25em; border: 1px solid #555; border-radius: 6px;
}


/* CLFramework App specific */

.source-list { 
  position: relative;
  float: left;
  background: rgb(244, 244, 244);
  width: 250px;
  height: 100%;
  margin-left: 8px;
  border-left: 1px solid #959595;
  border-right: 1px solid #959595;
}

.button-bar {
  background: red;
  left: 0;
  right: 0;
  bottom: 0;
  height: 22px;
  position: absolute;
  border-top: 1px solid #959595;
  background: #fff -webkit-linear-gradient(#F7F7F7 0%, #F7F7F7 45%, #DDD 45%);
}

.button-bar a {
  text-decoration: none;
  display: block;
  min-width: 30px;
  padding: 0;
  margin: 0;
  float: left;
  height: 22px;
  color: #373737;
  font: bold 14px/22px Helvetica, sans-serif;
  border-radius: 0;
  border: none;
  border-right: 1px solid #959595;
  text-align: center;
}

.detail-pane {
  float: left; 
  margin-left: 2em
}

.detail-pane h1 {
  margin: 0 .5em .25em 0;
  font-weight: normal;
  font-size: 1.5em;
}