/*/////////////////////////////////////////////////////////////////////
 // 
 // Custom theme code styles
 // Written by Themelize.me (http://themelize.me)
 // 
 // This is an empty starter template for overriding styles
 // set by Bootstrap & the theme
 // 
 // ----------------------------------------------------
 // 
 // Remove unused code for better performances
 // 
 // ----------------------------------------------------
 // 
 // @see - Usefuls tools online for editing
 // 1. http://charliepark.org/bootstrap_buttons/ - Button style generator
 // 2. http://www.colorzilla.com/gradient-editor/ - CSS3 gradient maker
 // 
 // @note
 // To ensure custom styles are picked up
 // wrap definitions in body tag
 // ie.
 // body .navbar-inner {
 //   background: #ff0000;
 // }
 // 
 /////////////////////////////////////////////////////////////////////*/

.cl-hidden {
	display: none;
}

.cl-readonly {
	display: block;
	padding-top: 5px;
	color: #888;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: rgba(36, 36, 36, 0.8);
}
h1,
h2,
h3 {
  line-height: 40px;
}
h1 {
  font-size: 38.5px;
}
h2 {
  font-size: 31.5px;
}
h3 {
  font-size: 24.5px;
}
h4 {
  font-size: 17.5px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 11.9px;
}
h1 small {
  font-size: 24.5px;
}
h2 small {
  font-size: 17.5px;
}
h3 small {
  font-size: 14px;
}
h4 small {
  font-size: 14px;
}

body .navbar-inner {
    background-color: #20405B;
}

#navigation .navbar .nav#main-menu li.navbar-link a {
    color: #fff;
    padding-bottom: 12px;
    padding-top: 16px;
}

body #navigation .navbar-inner {
  border-bottom-color: #172d40;
  /* primary colour */

}

/*
 * --------------------------------------------------
 * 1. General Elements
 *--------------------------------------------------
 */
#navigation {
  /* 1. Navigation wrapper */
}
#highlighted {
    background-image: linear-gradient(to bottom,rgb(247, 245, 245),rgb(173, 173, 173));
}
#highlighted .inner {
    padding: 8px 0px 8px 0px;
}
#content {
  /* 3. Content wrapper */
}
#content-below {
  /* 4. Content Below wrapper */
}
#footer {
  /* 5. Footer wrapper */
}
.image-circle {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.sidebar {
    margin-right: 2px;
    margin-bottom: 2px;
    border: 1px solid #ddd;
    background-color: #efefef;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.polaroid-wrapper {
    margin: 0px 12px 12px 0px; 
    padding: 4px;
}
.form-actions {
    border-radius: 0px 0px 6px 6px;
}

.rates-table {
    border-collapse:collapse;
}
.rates-table, .rates-table th, .rates-table td {
    border: 1px solid black;
}
#crumbSection {
    margin-top: 10px;
}

th.num-cell {
	text-align: right;
	line-height: 15px;
	font-size: .75em;
	padding: 2px;
} 

th.mid-cell {
	text-align: center;
	line-height: 15px;
	font-size: .75em;
	padding: 2px;
} 

th.label-cell {
	text-align: left;
	line-height: 15px;
	font-size: .75em;
	padding: 2px;
} 

td.num-cell {
	text-align: right;
	line-height: 15px;
	font-size: .75em;
	padding: 2px;
} 

td.label-cell {
	text-align: left;
	line-height: 15px;
	font-size: .75em;
	padding: 2px;
}

body .navbar .divider-vertical
{
	height: 40px;
}

body #navigation .navbar .nav#main-menu li {
	border-left-color: rgba(0,0,128, 0.33);
	border-right-color: rgba(255,255,255,.33);
}
body #navigation .navbar .nav li.divider-vertical
{
	margin: 8px 4px;
}
/*
 * --------------------------------------------------
 * 2. Colours
 *-------------------------------------------------- 
 */

input.search-query {
    width: 90px;
}

.dataTables_filter input {
    width: 90px;
}

/*
 * --------------------------------------------------
 * 3. Responsiveness/media queries
 *--------------------------------------------------
 */
@media (max-width: 979px) {
  /* Navbar Collapsed (mobile) */
}
@media (min-width: 980px) {
  /* Navbar Expanded (desktop) */
}
@media (min-width: 1200px) {
  /* Responsive: Large desktop and up (wide) */
    input.search-query {
        width: 140px;
    }
    .dataTables_filter input {
        width: 140px;
    }
}
@media (max-width: 979px) {
  /* Responsive: Mobile to desktop (common for all narrow devices) */
}
@media (min-width: 768px) and (max-width: 979px) {
  /* Responsive: Tablet to desktop (normal) */
}
@media (max-width: 767px) {
  /* Responsive: Landscape phone to desktop/tablet (narrow) */
}
@media (max-width: 480px) {
  /* Responsive: Up to Landscape phone (mobile) */
}
/*
 * --------------------------------------------------
 * 4. Misc
 * Other stuff
 *--------------------------------------------------
 */

.sidebar p {
    text-align: center;
}

section.static-banner div {
    padding-top: 10px;
}

.form-wrapper input.text-box, .form-wrapper textarea, .form-wrapper select {
  width: 80%;
}

.btn span.caret {
  display: inline-block;
  font-size: 12px;
}

.scroller {
    height: 800px;
    overflow: auto;
}