/*Quicker response on buttom press. Used with js code.*/
a
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/*---------------*/
img
{
    max-width: 100%;
    height: auto;
}

/* Some images in tables appear hidden with max-width: 100%*/
table img {
    max-width: none;
}

.megaCSS3menu
{
    width: 100% !important;
    max-width: 955px !important;
}
.navbar-inner:before, .navbar-inner:after
{
    display: none !important;
}

.desktop
{
    display: block;
}

.mobile
{
    display: none;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#logolink img
{
    max-width: 100%;
    height: auto;
}

.search_button
{
    float: none;
}
#container, #Content
{
    max-width: 995px;
    width: 100%;
}

#Panes
{
    max-width: 995px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#dnn_LeftPane
{
    padding-left: 0;
    max-width: 250px;
    width: inherit;
}
/*This is not as wide as bootstrap 6 column*/
#dnn_CenterPane
{
    max-width: 438px;
}
/*Since center is not as wide as bootstrap 6 column, we have to set a min-width to expand this section*/
.TwoColLeft #dnn_RightPane
{
    min-width: 287px;
}

#dnn_tab_column1, #dnn_tab_column2, #dnn_tab_column3
{
    /*min-width: 33.3333333%;*/
    min-width: 235px;
    width: auto;
}

#footer_container
{
    width: auto;
    max-width: 985px;
    padding: 27px 10px 70px;
}
#fcolumn_left
{
    width: auto;
    /*max-width: 700px;*/
}
    #fcolumn_left img.OULogo
    {
        padding: 10px;
        width: 82px;
        float: left;
    }
#footer_ou
{
    display: none;
}
#fcolumn_right
{
    width: auto;
    /*max-width: 275px;*/
    max-width: 23%;
}


.menu li.dropdown ul.dropdown-menu
{
    border-radius: 0;
    left: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    visibility: visible;
}
.builtby a
{
    display: block;
    clear: both;
}

/*--------------------------*/
/*Bootstrap Overrides*/
/*--------------------------*/
.span12, .col-xs-12
{
    max-width: 960px;
}
.span8, .col-xs-8
{
    /*max-width: 740px;*/
    max-width: 700px;
}
.span4, .col-xs-4
{
    max-width: 320px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    padding-left: 5px;
    padding-right: 5px;
}

.navbar
{
    background: none transparent;
    border: 0 none;
    margin-bottom: 0;
}
.navbar-collapse
{
    /*border-top: 1px solid transparent;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;*/
    padding-left: 0;
    padding-right: 0;
    border: 0 none;
    max-height: none;
}
.navbar-nav
{
    margin: 7.5px 0;
}
.navbar-inner, .navbar .btn-navbar
{
    background-color: transparent;
    background-image: none;
    border: 0 none;
    padding: 0 8px;
}
    .nav li a .caret.hidden-desktop{
        border:none!important;
        background-image:url(../bootstrap/img/glyphicons-halflings-white.png);
        background-color:#333;
        background-position:-305px -110px!important;
        width:30px!important; 
        line-height:30px!important;
        height: 30px;
        /*display:inline-block;*/
        margin:-6px 0 0 !important;
        border-radius:3px;
        position: absolute;
        right: 20px;
    }
    .nav li a .caret.hidden-desktop:hover {
        background:url(../bootstrap/img/glyphicons-halflings-white.png) -305px -110px, linear-gradient(to bottom, #2D2D2D 0%, #565656 100%)!important;
    }

.menu.navbar-nav li a
{
    border-bottom: 0 none !important;
}
.menu.nav li a .caret.hidden-desktop
{
    background-color: rgba(255, 255, 255, 0.14);
    background-position: -307px -113px !important;
    margin: -2px 0 0 !important;
    height: 25px;
    width: 25px !important;
    right: 5px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > div > a:hover, .navbar-default .navbar-nav > li > div > ul > li > a:hover, .navbar-default .navbar-nav > li > div > a:focus, .navbar-default .navbar-nav > li > div > ul > li > a:focus
{
    background-color: #430202;
}


@media only screen and (max-width: 400px)
{

}

@media only screen and (max-width: 600px)
{
    #DNN6.TwoColLeft #Panes div[id$="Pane"], #DNN6.ThreeCol #Panes div[id$="Pane"],
    #dnn_LeftPane,  #dnn_CenterPane,  #dnn_RightPane, 
    #dnn_tab_column1, #dnn_tab_column2, #dnn_tab_column3
    {
        width: 100%;
        max-width: 100%;
    }
    /*-------Side Menu---------*/
    /* -------   increase the link size -------*/
    .menu a:link, .menu a:visited
    {
        padding: 10px 15px !important;
    }
        .menu li.dropdown ul.dropdown-menu > a .caret.hidden-desktop
        {
            background-position: -307px -113px !important;
            margin: -3px 0 0 !important;
            min-height: 25px !important;
            width: 25px !important;
        }
}

@media only screen and (max-width: 768px)
{
    .desktop
    {
        display: none;
    }

    .mobile
    {
        display: block;
    }
    #mainheader #logolink
    {
        float: none;
        margin-left: 0;
        height: 87px;
    }
    #headernav_search
    {
        float: none;
        width: 100%;
    }
    #topper_menu
    {
        margin-right: 0;
        text-align: center;
    }

    #searchbox
    {
        position: relative;
        z-index: 50;
        float: right;
        margin-right: 0;
        padding-right: 0;
        max-width: 59%;
        width: auto;
        display: inline-block;
    }

    .search_textfield
    {
        max-width: 50%;
        width: auto;
    }
    #mobileMenu, #mobileMenu a
    {
        font-size: 13px;
        font-weight: bold;
    }
    .nav
    {
        background: #fff;
    }
    .navbar-toggle
    {
        color: #ffffff;
        padding: 0;
        margin: 0 0 0 10px;
        font-size: 13px;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    }
        .navbar-toggle:focus, .navbar-toggle:hover
        {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background-color: rgba(255, 255, 255, 0.1);
            border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
            border-image: none;
            border-radius: 4px;
            border-style: solid;
            border-width: 1px;
            text-decoration: none;
        }
    .sr-only
    {
        display: block;
        clip: auto;
        width: auto;
        min-width: 80px;
        height: auto;
        padding: 9px 10px;
        margin: 0;
        position: relative;
    }
    .nav > li > a
    {
        color: #777777;
    }
    .navbar-nav li a
    {
        line-height: 20px;
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: 1px solid #f1f1f1;
    }
    .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled]
    {
        background-color: rgba(255,255,255, 0.10);
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        text-decoration: none;
    }
    .dropdown-menu
    {
        position: relative;
        width: 100%;
        margin: 0 0 15px;
    }
        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
        {
            color: #ffffff;
        }

    .navbar .btn-navbar
    {
        display: block;
        float: left;
        position: absolute;
        margin: 2px 0;
    }
    .navbar-inner, .navbar .btn-navbar
    {
        background-color: transparent;
        background-image: none;
        border: 0 none;
        padding: 4px 15px;
    }
    #dnn_tab_column1, #dnn_tab_column2, #dnn_tab_column3
    {
        padding: 10px;
        background: #ffffff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWVjZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ffffff 0%, #f1ecd9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1ecd9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#f1ecd9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#f1ecd9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#f1ecd9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#f1ecd9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1ecd9',GradientType=0 ); /* IE6-8 */
    }
    #footer_container
    {
        display: inline-block;
        padding: 27px 10px 70px;
    }
    #fcolumn_right
    {
        width: 100%;
        max-width: 100%;
    }
    .social-builtby
    {
        text-align: center;
    }
    .builtby a
    {
        clear: none;
    }
}

/*@media only screen (min-width: 768px) and (max-width: 950px)*/
@media only screen and (min-width: 768px)
{
    .desktop
    {
        display: block;
    }

    .mobile
    {
        display: none;
    }
    #dnn_tab_column1
    {
        max-width: 338px;
    }
    #dnn_tab_column2
    {
        max-width: 289px;
    }
    #dnn_tab_column3
    {
        max-width: 350px;
        width: 100%;
    }
    .navbar .btn-navbar
    {
        display: none;
    }
}