.navbar .brand {
    color: #FFFFFF;
}

.subnav {
    background-color: #EEEEEE;
    background-image: -moz-linear-gradient(center top , #F5F5F5 0%, #EEEEEE 100%);
    background-repeat: repeat-x;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    height: 36px;
    width: 100%;
}
.subnav .nav {
    margin-bottom: 0;
}
.subnav .nav > li > a {
    border-left: 1px solid #F5F5F5;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-right: 1px solid #E5E5E5;
    margin: 0;
    padding-bottom: 11px;
    padding-top: 11px;
}
.subnav .nav > .active > a, .subnav .nav > .active > a:hover {
    background-color: #E9E9E9;
    border-left: 0 none;
    border-right-color: #DDDDDD;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) inset;
    color: #777777;
    padding-left: 13px;
}
.subnav .nav > .active > a .caret, .subnav .nav > .active > a:hover .caret {
    border-top-color: #777777;
}
.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
    border-left: 0 none;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    padding-left: 12px;
}
.subnav .nav > li:last-child > a {
    border-right: 0 none;
}
.subnav .dropdown-menu {
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}
.subnav-fixed {
    border-color: #D5D5D5;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-width: 0 0 1px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
    left: 0;
    position: fixed;
    right: 0;
    top: 40px;
    z-index: 1020;
}
.subnav-fixed .nav {
    margin: 0 auto;
    padding: 0 1px;
}
.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.navbar-inner {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #2c2c2c;
    background-image: -moz-linear-gradient(top, #2c7fb3, #01639c);
    background-image: -ms-linear-gradient(top, #2c7fb3, #01639c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c7fb3), to(#01639c));
    background-image: -webkit-linear-gradient(top, #2c7fb3, #01639c);
    background-image: -o-linear-gradient(top, #2c7fb3, #01639c);
    background-image: linear-gradient(top, #2c7fb3, #01639c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c7fb3', endColorstr='#01639c', GradientType=0);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.navbar .divider-vertical {
    height: 40px;
    width: 1px;
    margin: 0 9px;
    overflow: hidden;
    background-color: #01639c;
    border-right: 1px solid #2c7fb3;
    border-left: 0;
}

.navbar .nav > li > a {
    float: none;
    padding: 5px 10px 7px;
    line-height: 28px;
    font-size: 13px;
    color: #e5e5e5;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar .nav > li > a:hover {
    background-color: transparent;
    color: #ffffff !important;
    text-decoration: none;
}
.navbar .nav .active > a, .navbar .nav .active > a:hover {
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    text-decoration: none;
}

h1 {
    margin-bottom:.7em;
}

.form-stacked {
    margin: 0;
}

.form-inline input, .form-inline a {
  vertical-align: baseline;
}

.pagination p {
    padding-top:6px;
}

.right {
    text-align:right!important;
}

.center {
    text-align:center!important;
}

.left {
    text-align:left!important;
}

.btn.primary {
    background-color: #01639c;
    background-image: -moz-linear-gradient(center top , #2c7fb3, #01639c);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn.primary, .btn-primary {
    background-color: #006dcc;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #2c7fb3, #01639c);
    background-image: -ms-linear-gradient(top, #2c7fb3, #01639c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c7fb3), to(#01639c));
    background-image: -webkit-linear-gradient(top, #2c7fb3, #01639c);
    background-image: -o-linear-gradient(top, #2c7fb3, #01639c);
    background-image: linear-gradient(top, #2c7fb3, #01639c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'2c7fb3, endColorstr='#'01639c, GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn.primary:hover,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #01639c;
}

a.toggle-display-link:link {
  color: black; text-decoration: none;
}

a.toggle-display-link:active {
  color: black; text-decoration: none;
}

a.toggle-display-link:visited {
  color: black; text-decoration: none;
}

a.toggle-display-link:hover {
  color: black; text-decoration: none;
}

.withTitle {
    top: 60px!important;
}

.clear {
    clear:both;
}

.sectionbar {
    background-color: #E5E5E5;
    background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
    background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
    background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
    background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
    background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);

    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(255,255,255)),
        color-stop(1, rgb(229,229,229))
    );
    height:40px;
    border-bottom:1px solid #CBCBCB;
    padding-top:10px;
}
.sectionbar h2 {
    font-size: 20px;
    font-weight: 400;
    padding-left:20px;
    float:left;
}
.sectionbar h2.selected {
    color:#01639C;
}
.sectionbar h2.subsection, .sectionbar h2.subsubsection {
    padding-left:6px;
}

.sectionbar h3 {
    float:left;
    padding-left:6px;
    color:#CCC;
    font-size:12px;
}


.sectionbar a {
    float:right;
    margin-right:14px;
    color:#1F92D8;
    padding-top:7px;
    text-shadow: 0 -1px 0 #E5E5E5;
}

.toolbar {
    float:right;
}

.toolbar ul {
    list-style: none outside none;
    display: inline;
}

.toolbar li {
    display: inline;
}

.wordbreak {
    max-width:500px;
    word-wrap:break-word;
}

.menubar {
    height: 30px;
    left: 0;
    overflow: visible;
    position: fixed;
    right: 0;
    top: 40px;
    z-index: 9999;
}

.menubar-inner, .menubar .fill {
    background-color: #d0e1f4;
    background-image: -moz-linear-gradient(center top , #d0e1f4, #d0e1f4);
    background-image: -webkit-linear-gradient(top, #d0e1f4, #d0e1f4);
    background-repeat: repeat-x;
}

.menubar-inner a {
    color:#333;
    font-weight:bold;
}

.menubar-inner a:hover {
    color:#01639C;
}


.menubar-inner a.selected {
    color:#FFFFFF;
    padding:2px;
    padding-left:10px;
    padding-right:10px;
    margin-top:8px;
    background-color: #01639C;
    background-image: -moz-linear-gradient(center top , #01639C, #015382);
    background-repeat: repeat-x;
    box-shadow: 0 0 3px #015382 inset;
    -moz-box-shadow: 0 0 3px #015382 inset;
    -webkit-box-shadow: 0 0 3px #015382 inset;
    border-radius: 30px;
}

.menubar-inner a.disabled {
    cursor: default;
    opacity: 0.65;
}

.menubar-inner a.disabled:hover {
    color:#333;
}


code {
    line-height:1.4em;
}

.noPadding {
    padding:0;
}

.folder {
    background: url(../images/folder.png) no-repeat left center;
    padding-left:20px;
}

.file {
    background: url(../images/file.png) no-repeat left center;
    padding-left:20px;
}

.contextMenu {
    display:none;
}

.contextItem {
    cursor:pointer;
}

.fieldError {
    border-color: #EE5F5B;
    color: #B94A48;
}

ul.errorlist {
    list-style: none outside none;
    margin: 0;
}

ul.errorlist li {
    color: #B94A48;
    padding:2px;
    font-weight:bold;
    font-style:italic;
}

.hueBreadcrumb {
    list-style: none outside none;
    margin: 0 0 18px;
    padding: 9px 14px;
}
.hueBreadcrumb li {
    display: inline-block;
    text-shadow: 0 1px 0 #FFFFFF;
}
.hueBreadcrumb .divider {
    color: #999999;
    padding: 0 5px;
}
.hueBreadcrumb .active a {
    color: #333333;
}
.hueBreadcrumb a.nounderline:hover {
    text-decoration:none;
}

.hueBreadcrumb > li:last-child > a {
    font-weight:bold;
    color: #333333;
}

.hueBreadcrumb > li:last-child > span {
    display:none;
}

.hueWell {
    padding-bottom:0;
}

/*********************************************************
 * From: http://datatables.net/blog/Twitter_Bootstrap
 */

div.dataTables_length label {
    width: 460px;
    float: left;
    text-align: left;
}

div.dataTables_length select {
    width: 75px;
}

div.dataTables_filter label {
    float: right;
    width: 460px;
}

div.dataTables_info {
    padding-top: 8px;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
}

/*
 *********************************************************/


/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    width: 19px;
    margin-left: 3px;
    float: left;
}

.paginate_disabled_previous {
    background-image: url('../art/datatables/back_disabled.jpg');
}

.paginate_enabled_previous {
    background-image: url('../art/datatables/back_enabled.jpg');
}

.paginate_disabled_next {
    background-image: url('../art/datatables/forward_disabled.jpg');
}

.paginate_enabled_next {
    background-image: url('../art/datatables/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;

    /* Note Firefox 3.5 and before have a bug with border-collapse
      * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 )
      * border-spacing: 0; is one possible option. Conditional-css.com is
      * useful for this kind of thing
      *
      * Further note IE 6/7 has problems when calculating widths with border width.
      * It subtracts one px relative to the other browsers from the first column, and
      * adds one to the end...
      *
      * If you want that effect I'd suggest setting a border-top/left on th/td's and
      * then filling in the gaps with other borders.
      */
}

table.display thead th {
    padding: 3px 18px 3px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer;
    * cursor: hand;
}

table.display tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

table.display td {
    padding: 3px 10px;
}

table.display td.center {
    text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.dataTables_wrapper table {
    border-collapse: separate;
    *border-collapse: collapsed;
}

.sorting_asc {
    cursor: pointer;
    background: url('../art/datatables/sort_asc.png') no-repeat center left;
    border-top: 3px solid #FFFFFF!important;
    padding-left: 20px!important;
}

.sorting_desc {
    cursor: pointer;
    background: url('../art/datatables/sort_desc.png') no-repeat center left;
    border-top: 3px solid #FFFFFF!important;
    padding-left: 20px!important;
}

.sorting {
    cursor: pointer;
    background: url('../art/datatables/sort_both.png') no-repeat center left;
    border-top: 3px solid #FFFFFF!important;
    padding-left: 20px!important;
}

.sorting:hover, .sorting_asc:hover, .sorting_desc:hover {
    border-top: 3px solid #EEEEEE!important;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
}

.top .dataTables_info {
    float: none;
}

.clear {
    clear: both;
}

.dataTables_empty {
    text-align: center;
}

tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

tfoot input.search_init {
    color: #999;
}

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px;
}

.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
}

.paging_full_numbers span.paginate_button {
    background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
    background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
    background-color: #99B3FF;
}

table.display tr.even.row_selected td {
    background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
    background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even
tr.odd td.sorting_1 {
	background-color: #E8F1F7;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #E8F1F7;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}
*/

/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
    background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
    background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
    background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
    background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
    background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
    background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
    background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
    background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
    background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
    background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
    background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
    background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
    background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
    background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
    background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
    background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
    background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
    background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
    background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
    background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
    background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
    background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
    background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
    background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
    background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
    background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
    background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
    background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
    background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
    background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
    background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
    background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
    background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
    background-color: #DBFF70;
}


/*
 * KeyTable
 */
table.KeyTable td {
    border: 3px solid transparent;
}

table.KeyTable td.focus {
    border: 3px solid #3366FF;
}

table.display tr.gradeA {
    background-color: #eeffee;
}

table.display tr.gradeC {
    background-color: #ddddff;
}

table.display tr.gradeX {
    background-color: #ffdddd;
}

table.display tr.gradeU {
    background-color: #ddd;
}

div.box {
    height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #8080FF;
    background-color: #E5E5FF;
}


/*
 * jHueFileChooser
 */

.jHueFilechooserActions {
    margin-top: 14px;
    padding-top: 10px;
    border-top: 1px dashed #EEEEEE;
}

.pathChooser, .pathChooserKo {
    border-radius: 3px 0 0 3px!important;
    border-right:0!important;
}
.fileChooserBtn {
    border-radius: 0 3px 3px 0!important;
}

/*
 * jHueSelector
 */

.jHueSelector {
    border:1px solid #CCC;
    padding:0;
    margin:0;
    width:300px;
}
.jHueSelectorHeader {
    background-color:#CCC;
    padding:4px;
}

.jHueSelector label {
    float: none;
    padding-left:4px;
}
.jHueSelector label input[type=checkbox] {
    display: inline;
    margin-top:-2px;
    margin-right:6px;
}

.jHueSelectorHeader input[type=text] {
    position:absolute;
    margin-left:180px;
    width:100px;
    height:11px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #555555;
    font-size: 10px;
    padding-left: 4px;
}

.jHueSelectorBody {
    height:150px;
    overflow:auto;
}
.jHueSelector ul, li {
    margin: 0;
    padding: 0;
}
.jHueSelector ul {
    padding:4px;
    list-style: none;
}
.jHueSelector li.selectorDivider {
    background-color:#EEE;
    padding:4px;
}

.modal-body iframe {
    border:0;
    width:100%;
    height:100%;
    overflow:hidden;
}

.modal-body iframe.scroll {
    overflow:auto;
}

.form-padding-fix{
    display: inline;
    padding: 0;
    margin: 0;
}

.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #E8F1FB;
}

.nounderline:hover {
    text-decoration: none;
}

.bar-label {
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    text-shadow: -1px 0 1px #333, 0 1px 1px #333, 1px 0 1px #333, 0 -1px 1px #333;
}

.jHueNotify {
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    text-align: center;
    z-index: 8000;
}

.jHueNotify .close {
    right: -27px;
}

/*
 * Advanced options
 */

#advanced-btn {
  center:right
}

a#advanced-btn:link {
  color: black; text-decoration: none;
}

a#advanced-btn:active {
  color: black; text-decoration: none;
}

a#advanced-btn:visited {
  color: black; text-decoration: none;
}

a#advanced-btn:hover {
  color: black; text-decoration: none;
}

.hand {
  cursor: pointer;
}

.hueCheckbox {
  width: 15px;
  height: 15px;
  border: 1px solid #CCCCCC;
  margin-top: 2px !important;
  padding: 0 !important;
  display: block !important;
  cursor: default;
}

.hueCheckbox:hover {
  border-color: #999999;
}

.modal form {
  margin: 0;
}

/*
 * jHueTableExtender
 */

.rowSelected {
  background-color: #EEEEEE !important;
}

.columnSelected {
  background-color: #EEEEEE !important;
}

.cellSelected {
  background-color: #DDDDDD !important;
}

#jHueTableExtenderNavigator {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
  display: none;
  min-width: 160px;
  padding: 10px 20px 2px 10px;
  margin: 2px 0 0;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  white-space: nowrap;
}

#jHueTableExtenderNavigator a {
  margin-left: 10px;
  margin-right: -14px;
  margin-top: -12px;
}
