th {
    text-align:left;
        padding: 5px 10px 5px 5px;
}

td {
    padding: 5px 10px 5px 5px;
}

body {
    background-color:#cac8c5;
}

.content {
    background-color: #fff;
    padding: 20px;

    -webkit-border-radius: 6px 6px 6px 6px;
       -moz-border-radius: 6px 6px 6px 6px;
            border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: 5px 2px 5px rgba(0,0,0,.15);
       -moz-box-shadow: 5px 2px 5px rgba(0,0,0,.15);
            box-shadow: 5px 2px 5px rgba(0,0,0,.15);
}

.skyline {
	
	 background-image: url(/include/img/harbour.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
			border: none;
			padding: 20px; 
   
}

.spacer {
    height:20px;
}

.error {
    color:red;
}

pre {
 word-break:normal;
}

.row {
    text-align:left;
}

.cell-bordered {
    border: 1px solid #DDD;
}

/* Dropdown box format */
.dropdown:hover .dropdown-menu{
    display: block;
	border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
 }

  /* Dropdown content formatting */


 .dropdown-menu > li > a:hover {
  text-decoration: none;
  background-color: #0088CC;
   border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
   border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
 }
 .navbar-right .dropdown-menu {
	width: auto;
}
  /* Dropdown caret */
 .navbar .dropdown-menu:after{
	content:'';
	display:inline-block;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-bottom:6px solid #ffffff;
	position:absolute;
	top:-6px;
	
}
.navbar-right .dropdown-menu:after{
	content:'';
	display:inline-block;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-bottom:6px solid #ffffff;
	position:absolute;
	top:-6px;
	right: 10px;
}
 .navbar-static-top {
  z-index: 1000;
  border-width: 0 0 0px;
}

}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #e7e7e7;
  }
  
 /* Colouring and size for Menu */
.navbar-default{
	min-height:40px;
	padding-left:20px;
	padding-right:20px;
	background-color:#d81f26;
	background-image:-moz-linear-gradient(top, #d81f26, #e02027);
	background-image:-ms-linear-gradient(top, #d81f26, #e02027);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d81f26), to(#e02027));
	background-image:-webkit-linear-gradient(top, #d81f26, #e02027);
	background-image:-o-linear-gradient(top, #d81f26, #e02027);
	background-image:linear-gradient(top, #d81f26, #e02027);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d81f26', endColorstr='#e02027', GradientType=0);
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
	box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
	}
 
 .navbar-default .navbar-brand {
  color: #ffffff;
}

.navbar-default .navbar-text {
  color: #ffffff;

}

.dropdown-toggle > span {
  color: #ffffff;

}

.navbar-default .navbar-nav > li > a {
  color: #ffffff;
  
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle{
	background-color:transparent;
}

.navbar-nav {
  margin: 0px -15px;
}

.navbar-nav > li > a {
  padding-top: 7px;
  padding-bottom: 10px;
  line-height: 20px;
  padding-left:10px;
  padding-right:10px;
}

.navbar .container{
	width:auto;
}

.badge-danger {
  background-color: #d9534f;
}

.btn-xxs {
  padding: .2em .6em .3em;
  font-size: 75%;
  line-height: 1;
  border-radius: 3px;
}



select.input-xsm {
  height: 20px;
  line-height: 20px;
  padding: 1px 1px;
  font-size: 12px;
  border-radius: 3px;
}

input.input-xsm {
  height: 20px;
  line-height: 20px;
  padding: 1px 1px;
  font-size: 12px;
  border-radius: 3px;
}


/*Styling for the headers in a sorted table*/
th.headerSortUp {
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
    background-image: url(/ohwt/img/asc.gif);
}

th.headerSortDown {
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
    background-image: url(/ohwt/img/desc.gif);
}

h1,
h2,
h3 {
  margin-top: 5px;
  margin-bottom: 5px;
}

h4,
h5,
h6 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.boxhead a {
    color: #000000;
    text-decoration: none;
}

.alert-info-lb {
  color: #3a87ad;
  background-color: #E5F4F9;
  border-color: #bce8f1;
}