/*-- common.css (and poss reset.css) comes before this --*/

table {
    border-collapse: auto; /* was collapse */
    border-spacing: 1px; /* was 0 */
}



html,body {
    font-family: arial,sans-serif;
    font-size: 14px; /* override bootstrap in lots of screens */
}

table
td,th {
    padding: 1px 3px;
}

h1,h2,h3,h4 {
    font-weight: 500;
}

.brand {
    float: left;
    display: block;
}

/* Straw man clearfix from bootstrap TODO Review */
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

#header .username, #banner .username {
    float: right;
}


div.menu {
    text-align: center;
    padding-top: 15px; /* to allow for height of logo - TODO could prob do more nicely */
}

/* TODO: review what we're doing in housestyle css - this is copy of it */
.menu a {
    padding: 2px 8px;
    text-decoration: none;
}

.menu a:link, .menu a:visited {
    color: #878787;
}

.menu a:link:hover, .menu a:visited:hover {
    color: rgb(255, 255, 255);
    background: none repeat scroll 0 0 rgb(208, 208, 208);
}

/* =======================
 *         FORMS
 * Some styles copied (in full or part) from:
 *
 * Bootstrap v2.1.0
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
textarea {
  overflow: auto;
  vertical-align: top;
}
/*
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

select, textarea, input, .uneditable-input {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 9px;
    color: rgb(85, 85, 85);
    border-radius: 3px;
}
*/
textarea {
  height: auto;
}
/* end bootstrap */


textarea {
    font-family: inherit;
}

label {
    vertical-align: top;
    min-height: 20px; /* Allows multi-line wrap */
    padding: 4px 6px;
    margin-bottom: 9px;
}

/* Restore of bootstrap label style from what we've got above */
.form-group label {
    vertical-align: baseline;
    margin-bottom: 5px;
}

button {
    padding: 2px 6px;
    margin-bottom: 5px;
}

fieldset {
  margin-top: 20px;
}

/* Override some bootstrap CSS */
.modal-header .close {
 margin-top: 4px;
 margin-left: 30px;
}

.modal-title {
    padding-top:5px;
}