/* ----------------------- page top nav ----------------------------- */

body {
    padding-top: 105px;
}

h1{
    color:  #0cafbc;
    font-size: 26px;
}

h2 {
    color:  #0cafbc;
    font-size: 22px;
}

h3 {
    color:  #0cafbc;
    font-size: 18px;
}

a{
    color: #f2581b;
}

.navbar {  border: none!important; }


.main-nav > li{
    background:  #f2581b;
    border-right: 2px solid #fff;
    line-height:10px;
    font-size: 13px;
}

.main-nav > li > a {
    padding:10px 10px;
}

.main-nav > li:last-child{
    background: #fff;
    border-right: 2px solid #fff;
}

.main-nav{
    margin-top:75px;
    margin-left: 10px;
}

.navbar .main-nav > li > a {
    text-shadow: none;
    text-decoration: none;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.navbar .main-nav > li:last-child > a {
    color: #f2581b;
}

.navbar .main-nav > li > a:hover {
    text-shadow: none;
    text-decoration: none;
    color: #ccc;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    color: #fff;
    background:  #f2581b;
}

.navbar-default .navbar-nav .dropdown .dropdown-toggle:focus{
    color: #fff;
    background:  #f2581b;
}

.navbar-default .navbar-nav li a:focus{
    color: #fff;
}

.navbar-default .navbar-nav  > li:last-child.open  > a, .navbar-default .navbar-nav  > li:last-child.open > a:hover, .navbar-default .navbar-nav > li:last-child.open >  a:focus{
    color: #f2581b;
    background: #fff;
}

.navbar-default .navbar-nav li:last-child a:focus{
    color: #f2581b;
}

.big-divider{
    background: #f2581b;
    height: 3px;
}

#sister-site-logo {
    position:fixed;
    right:20px;
    top: 10px;
    z-index:2000;
}

#sister-site-logo img{
    width: 115px;
}

#sister-site-logo a:hover {
    text-decoration: none;
}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {
    .main-nav{
        margin-top: 50px;
        margin-left: 0px;
    }

    .main-nav li{
        margin-bottom: 5px;
    }

    body { padding-top: 120px; }
}


@media (max-width: 768px) {

    body { padding-top: 100px; }

    #sister-site-logo{
        display:none;
    }

    ul.main-nav {
        background: #f2581b;
        margin-bottom: 0;
    }

    .main-nav > li{
        border-right: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 5px;
    }

    .main-nav > li ul
    {
        font-size: 13px;
    }

    .main-nav > li:last-child{
        background: #f2581b;
        line-height:10px;
        border-right: 0;
    }

    .navbar{
        height: 100px;
    }

    .navbar .main-nav > li:last-child > a {
        color: #fff;
    }

    .navbar .main-nav > li > a:hover {
        text-shadow: none;
        text-decoration: none;
        color: #ccc;
    }

    .navbar .main-nav > li > a {
        text-shadow: none;
        text-decoration: none;
        color: #fff;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a{
        color: #fff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
        color: #ccc;
    }

    .navbar-default .navbar-nav li:last-child a:focus{
        color: #fff;
    }

    .navbar-default .navbar-nav  > li:last-child.open  > a, .navbar-default .navbar-nav  > li:last-child.open > a:hover, .navbar-default .navbar-nav > li:last-child.open >  a:focus{
        color: #fff;
        background: #f2581b;
    }
}


/* ----------------------- footer ----------------------------- */

#page-footer{
    background: #393536;
    color: #999999;
    font-size: 11px;
    padding-top: 10px;
}

#page-footer a{
    color: #999;
}

#page-footer a.footer-link-alt{
    color: #fff;
}

#page-footer h2{
    color: #fff;
    font-size: 14px;
    margin: 20px 0;
}

#footer{
    padding: 15px;
}

#uoe-logo{
    float:left;
    margin-right: 20px;
    padding-top:10px;
}

#uosa-logo {
    float: left;
    margin-right: 20px;
    padding-top:10px;
}

#nhs{
    float:left;
}

ul#nhs-logos{
    margin: 0;
    padding: 0;
    margin-right: 10px;
}

ul#nhs-logos li{
    display:inline-block;
    vertical-align: top;
    padding-right: 10px;

}

.footer-credits{
    margin-top:  20px;
}

#page-footer hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #999;
    margin: 30px 0;
    padding: 0;
}

/* ------------------- home ------------------------- */
.news-panel {
    border-top: 1px solid  #f2581b;
    background-color: #f1f1f1;
    padding-top: 20px;
    padding-bottom: 20px;
}

.two-tone {
    border-top: 1px solid  #f2581b;
    background-color: #f1f1f1;
    background-image: url('../images/new/white-bg.png');
    background-repeat: no-repeat;
    background-size: 50% 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (max-width: 768px) {
    .two-tone {
        background-color: #fff;
        background-image: none;
        background-size: 50% 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.carousel-inner h1{
    color: #fff;
    font-size: 4em;
    font-weight: 100;
}

.carousel-inner p {
    font-weight: 100;
    font-size: 2em;
}

@media (max-width: 1200px) {

    .carousel-inner h1{
        color: #fff;
        font-size: 3em;
        font-weight: 100;
    }

    .carousel-inner p {
        font-weight: 100;
        font-size: 1.5em;
    }
}

@media (max-width: 992px) {

    .carousel-inner h1{
        color: #fff;
        font-size: 2em;
        font-weight: 100;
    }

    .carousel-inner p {
        font-weight: 100;
        font-size: 1.2em;
    }
}

@media (max-width: 768px) {

    .carousel-inner h1 {
        display: none;
    }

    .carousel-inner p {
        display: none;
    }
}
/* ------------------- main ------------------------- */

.main-body {
    padding-top: 20px;
    padding-bottom: 30px;
}


/* -------------------- old site carried over ------------- */

 ol, ul, li {
	margin-left: 0;
	list-style: none;
}

.news-item{
    border-bottom: 1px solid #f2581b;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.events-item{
    margin-bottom: 20px;
}

/* login form */
#user-form {
    background: white;
}
#user-form fieldset {
    border:	1px solid #ccc;
    border-radius: 12px;
    text-align: left;
    margin: 10px;
    padding: 20px;
}
#user-form fieldset legend {
    margin-left: 10px;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: none;
}
#user-form-information {
    margin: 10px 0;
    padding: 10px;
}
#user-form label, #user-form input[type="submit"], #user-form input[type="reset"] {
    display: inline-block;
    vertical-align: top;
}
#user-form input[type=text], #user-form input[type=password], #user-form input[type=email] {
    box-shadow: none;
    border: 1px solid #CCC;
    padding: 5px;
    border-radius: 5px;
    font-size: 15px;
}
#user-form select, #user-form input, #user-form label, #user-form span.error {
    margin:	10px 0;
}
#user-form span.error {
    margin-left: 7px;
}
span.required {
    margin-left: -10px;
    margin-right: 5px;
    color: red;
}

/* message */
.message-list, .message-headers, .message-info, .message-form, .comment-form {
    margin: 10px 25px;
}
.message-list, .message-form {
    background: white;
    border: 1px solid #ccc;
}
.message-list, .message-form {
    padding: 20px;
}
.message-nav .pagination {
    margin: 10px 25px;
}
.message-form form, .message-form label, .message-form input, .message-form textarea {
    margin: 10px;
}
.message-form label {
    vertical-align: top;
    width: 100px;
    display: inline-block;
}
.message-headers h1 {
    font-size: 150%;
}
.message-item {
    display: block;
    border-bottom: 1px solid #ccc;
    overflow: auto;
    margin-bottom: 10px;
}
.message-date, .message-avatar, .message-name {
    float: left;
    margin-bottom: 10px;
}
.message-avatar {
    margin: 10px;
}
.message-date, .message-name {
    clear: left;
}
.message-title, .message-toolbar, .message-content {
    margin:10px 0 10px 110px;
}
.message-content {
    border: 1px solid #ccc;
    padding: 10px;
}
.message-tool {
    margin: 0 10px 0 0;
}


.error, .err, .information, .warning, .success, .navigation, .filter {
    padding: 9px 10px 10px 30px;
    font-size: 90%;
    line-height: 120%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: justify;
    border: #ccc 1px solid;
}

.error {
    background: url('images/cross_octagon.png') no-repeat 10px 7px #FFEBE8;
}

.success {
    background: url(images/accept.png) no-repeat 10px 7px #ddffcc;
}

.warning {
    background: url(images/exclamation_octagon_fram.png) no-repeat 10px 7px #FFF68F;
}

.information {
    background: url('images/exclamation.png') no-repeat 10px 7px #F0F8FF;
}

.navigation {
    background: url(images/direction.png) no-repeat 10px 7px #F5F5F5;
}

.filter {
    background: url(images/funnel.png) no-repeat 10px 7px #F5F5F5;
}

.margin-bottom{
    margin-bottom: 10px;
}

.inline-block {
    display: inline-block;
}

.pretty-table {
    width: 100%;
    background: #eee;
    border: 1px solid #ccc;
}

.pretty-table th {
    background-color: #eaeaea;
    border-bottom: 1px solid #d8d8d8;
    color: #666;
}

.pretty-table td {
    background-color: #F8F8F8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
    background-image: -webkit-linear-gradient(top, #ffffff, #f8f8f8);
    background-image: -moz-linear-gradient(top, #ffffff, #f8f8f8);
    background-image: -ms-linear-gradient(top, #ffffff, #f8f8f8);
    background-image: -o-linear-gradient(top, #ffffff, #f8f8f8);
    background-image: linear-gradient(top, #ffffff, #f8f8f8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f8f8f8');
    border-bottom: 1px solid #E1E1E1;
    color: #484848;
}

.pretty-table td, .pretty-table th {
    padding: 0.5em 0.3em;
    text-align: left;
}

.pretty-table .tools {
    margin: 0;
    padding: 0;
}

.pretty-table .tools li {
    float: left;
    margin: 0 5px;
}

#page-sidebar {
    background: #fff;
    width: 100%;
    margin: 20px 0px 20px 0;
    border: 1px solid #ccc;
    -moz-box-shadow		: 0px 5px 10px #aaa;
    -webkit-box-shadow	: 0px 5px 10px #aaa;
    box-shadow			: 0px 5px 10px #aaa;
    padding: 10px;
}

#page-sidebar h1 {
    display:none;
}
#page-sidebar section:first-child {
    margin: 0 10px 10px;
}
#page-sidebar section {
    border-bottom: 1px #ccc dotted;
    margin: 10px;
    padding:10px 0;
}
#page-sidebar ul, #page-sidebar ol {
    margin: 0;
}
#page-sidebar li {
    list-style: none;
    padding-top: 3px;
    padding-bottom: 3px;
}
#page-sidebar li span {
    display: block;
    margin-left: 26px;
}

.page-resources {
    float: right;
    margin: 10px 0 20px 20px;
    padding: 10px 20px;
    border: 1px solid #CCC;
    background: #EEE;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 37.5%;
}

.page-resources ul,ol {
    overflow: auto;
    margin: 0 0 0 0;
    padding: 0;
}

.page-article ul {
    list-style: circle;
}

.page-article ul li {
    list-style: disc;
    margin-left: 2em;
}

.page-resources ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-resources ul li {
    list-style: none;
    margin-left: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.home {
    background: url(images/house.png) no-repeat top left;
}
.course {
    background: url(images/book.png) no-repeat top left;
}
.calendar {
    background: url(images/calendar_2.png) no-repeat top left;
}
.discussion, .thread {
    background: url(images/pin.png) no-repeat top left;
}
.search {
    background: url(images/search.png) no-repeat top left;
}
.blog {
    background: url(images/user.png) no-repeat top left;
}
.help {
    background: url(images/alert.png) no-repeat top left;
}
.faq {
    background: url(images/help.png) no-repeat top left;
}
.contact {
    background: url(images/envelope.png) no-repeat top left;
}
.page {
    background: url(images/doc_text_image.png) no-repeat top left;
}
.doc, .docx {
    background: url(images/doc.png) no-repeat top left;
}
.fla {
    background: url(images/fla.png) no-repeat top left;
}
.ppt, .pptx {
    background: url(images/ppt.png) no-repeat top left;
}
.xls, .xlsx {
    background: url(images/xls.png) no-repeat top left;
}
.txt {
    background: url(images/txt.png) no-repeat top left;
}
.pdf {
    background: url(images/pdf.png) no-repeat top left;
}
.empty {
    background: url(images/empty.png) no-repeat top left;
}
.sprite.edit {
    background: url(images/textfield_rename.png) no-repeat top left;
}
.image, .png, .jpg, .gif {
    background: url(images/picture.png) no-repeat top left;
}
.group {
    background: url(images/group.png) no-repeat top left;
}
.pin {
    background: url(images/pin.png) no-repeat top left;
}
.book {
    background: url(images/book.png) no-repeat top left;
}
.www {
    background: url(images/www.png) no-repeat top left;
}
.lock {
    background: url(images/lock.png) no-repeat top left;
}

.sprite {
    height: 16px;
    width: 16px;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
}

#page-sidebar ul {
    margin: 0;
    padding: 0;
}

.breadcrumbs {
    background-color: none;
}

.breadcrumbs ol {
    overflow: auto;
    margin: 0 0 0 0;
    padding: 0;
}

.breadcrumbs li {
    list-style: none;
    float: left;
    margin: 0 5px 0 0;
}
.breadcrumbs li a {
    text-decoration: none;
}

.breadcrumbs li:first-child {
    font-weight: bold;
}

.margin-right {
    margin-right: 10px;
}

.margin-bottom {
    margin-bottom: 10px;
}

.form-group{
    clear:both;
    display: block;
}

.user-add-table th{
    padding: 5px;
}

.user-add-table td{
    padding: 5px;
}

.user-add-table input[type=number] {
    box-shadow: none;
    border: 1px solid #CCC;
    padding: 5px;
    border-radius: 5px;
    font-size: 15px;
    color:#555;
}

.log-summary ul, .log-actions ul {
    overflow: auto;
    padding: 0;
}

.log-summary li {
    float: left;
    margin: 10px 10px 0 0;
    text-align: center;
    padding: 5px;
    min-height: 193px;
    background-color: #F8F8F8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
    background-image: -webkit-linear-gradient(top, #ffffff, #f8f8f8);
    background-image: -moz-linear-gradient(top, #ffffff, #f8f8f8);
    background-image: -ms-linear-gradient(top, #ffffff, #f8f8f8);
    background-image: -o-linear-gradient(top, #ffffff, #f8f8f8);
    background-image: linear-gradient(top, #ffffff, #f8f8f8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f8f8f8');
    border: 1px solid #E1E1E1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.total-hours {
    font-size: 3.8em;
    font-family: 'Aldrich', sans-serif;
    margin-top: 20px;
    display: block;
}

.floatfix{
    clear:both;
}

.modal-full .modal-dialog {
    width: 90%;
    height: 90%;
    margin-left: 5%;
    margin-top: 5%;
    overflow-y: scroll;
}

.modal-full .modal-body {
    height: auto;
    width: auto;
    min-height: 100%;
    border-radius: 0;
    overflow-x: scroll;
}

.carousel img {
    min-width: 100%;
}