/* 
Device sizes:
    Bootstrap classes use these 3 term xs, md and lg.  Use media queries in our css to match the sizes where needed.
    xs - up to 767 or min 768+
    md - up to 991 or min 992+
    lg - up to 1199 or min 1200+
    xxs - up to 479 or min 480+ (not a bootstrap class but need to use media query this size for effectively mobiles in portrait mode)
       
    iPad - 1024 landscape = md.  
    iPad - 768 portrait = sm.
    S4 - 640 landscape = xs
    S4 - 360 portrait = xxs    Suggest we modify bootstrap and redownload with:
    xs 
*/
html 
{
    font-family: Arial, Helvetica, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background-color:#4F5C65;
    -ms-overflow-style: scrollbar;
}

body 
{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    background-color: #2F444F; /* To fix white at bottom of screen if not a lot of content */
    color: #2F444F;
    font-size: 12px; /* Keep this size otherwise can effect a lot of the built in dnn screens - it's a pain to override all the bits we need for those */
}

form 
{
    /* Background along the sides when showing on large screen */
    background-color:#2F444F;
}

.page-wrapper
{
    min-width: 240px; /* Draw the line somewhere for mobile sizes */
    max-width: 1600px;
    background: #2F444F;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

section
{
    background-color: #FFFFFF;
    padding-bottom: 10px;
    min-height: 300px;
}

h1,
.h1 
{
    font-size: 30px !important;
}
h2,
.h2 
{
    font-size: 22px !important;
}
h3,
.h3 {
    font-size: 18px !important;
    font-weight: bold;
}
h4,
.h4 
{
    font-size: 18px !important;
}

h5,
.h5 
{
    font-size: 16px !important;
    font-weight: bold;
    text-transform: uppercase;
}
h6,
.h6 
{
    font-size: 16px !important;
    font-weight: bold;
}

.strong
{
    font-weight: 700;
}

a,
a:link, 
a:visited
{
    color: #B67724;
    text-decoration: none;
}

a:hover,
a:focus,
a:active 
{
    color: #B67724;
    text-decoration: underline;
}

a:focus 
{
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

ul, ol
{
    margin-left: 20px;
}

/* Change bootstrap xs behaviour if 480 or less to force all col and widths combinations to be single col i.e 100% width */
@media all and (max-width: 479px)
{
    col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12
    {
        width: 100%;
    }
}

/*Common Header*/
header
{
   background-color:#4F5C65;
   padding-top: 10px;
}

#divCookieConsent
{
    display: none;
}

#divCookieConsent.alert 
{
    margin: 0;
    padding-right:100px;
    line-height: 20px;
    color: #2F444F;
    font-size: 16px;
}
#divCookieConsent .close
{
    opacity: 1;
    filter: alpha(opacity=100);  /* For IE8 and earlier */
    display: block;
    top: 0;
    margin-top: -20px;
    margin-right: -65px;
}

#divCookieConsent .close:hover
{
    color: #B67724;
}

/* For mobiles change cookie format to fit better */
@media all and (max-width: 767px)
{
    #divCookieConsent.alert 
    {
        padding-right:0;
    }
    #divCookieConsent .close
    {
        float: none;
        display: block;
        right: 0;
        padding-top: 10px;
        margin-top: 0;
        margin-right:0;
    }
}

.strapline
{
    float: right;
    padding-top: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #FFFFFF;
}

/* SM devices */
@media all and (max-width: 991px)
{
    .strapline
    {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
    }
}

.logo a img
{
    max-width: 100%;
    height: auto;
}

/* If using CSS to show the logo.  Could then have LogoXS with a smaller verison*/
.logo-md
{   
    display: block;
    height: 88px;
    width: 205px;
    background: url('images/DA_Logo.png') no-repeat left top;
    margin-left: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.logo-sm
{   
    display: block;
    height: 88px;
    width: 205px;
    background: url('images/DA_Logo.png') no-repeat left top;
    margin-left: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.logo-xs
{   
    display: block;
    height: 35px;
    width: 306px;
    background: url('images/DA_LogoXS.png') no-repeat left top;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
/* For very small mobile screens */
@media all and (max-width: 320px)
{
    .logo-xs
    {   
        display: inline-block;
        height: 35px;
        width: 295px;
        background: url('images/DA_LogoXS.png') no-repeat left top;
        margin-left: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/* Search area */

.search
{
    float: right;
}

/* XS devices */
@media all and (max-width: 767px)
{
    .search 
    {   
        position: absolute; /* It's to the right of the menu so move it to the left */
        right: 70px; /* It's to the right of the menu so move it to the left */
    }
}
/* XXS devices */
@media all and (max-width: 479px)
{
    .search 
    {   
        /*clear: both;*/
        left: 7px; /* Fill all the way to the left of the screen but keep the logo badge visible */
        
    }
}

.search .searchInputContainer
{
    float: left; /* Override the default float right to suit our design */
}

/* XXS devices */
@media all and (max-width: 479px)
{
    .search .searchInputContainer
    {
        width: 90% !important;
        padding-left: 10px;
        top: 75px;
    }
}

.search-wrapper /* Can't call search-container as dnn uses that */
{
    display: none; /* Jquery on ascx will toggle this to display inline-block; */
    float: left;
    width: 220px;
    height: 36px; /* 32 without the border*/
    background-color: #717881;
    border-radius: 1px;
    margin-right: -210px; /* Keep 10 less than width */
}

/* XS devices */
@media all and (max-width: 767px)
{
    .search-wrapper
    {
        width: 170px;
        height: 36px; /*32 without the border*/
        margin-right: -160px; /* Keep 10 less than width */
    }
}

/* XXS devices */
@media all and (max-width: 479px)
{
    .search-wrapper
    {
        width: 100%;
        margin-right: 0; 
        position: absolute; /* To make it stretch all way to the left */
        top: 75px;
    }
}

.search input
{
    display: none; /* Jquery on ascx will toggle this to display inline-block; */
    float: left;
    width: 180px; /* Keep 40 less than the search-wrapper width */
    height: 32px;
    margin: 0;
    background-color: transparent; /* Set to red to help when testing */
    box-shadow: none;
    border: none;
    outline: none;
    color: #FFFFFF;
    line-height: 32px;
    font-size: 14px;
}

/* XS devices */
@media all and (max-width: 767px)
{
    .search input
    {
        width: 130px; /* Keep 40 less than the search-wrapper margin for same media query */
    }
}

/* XXS devices */
@media all and (max-width: 479px)
{
    .search input 
    {
        width: 100% !important;
    }
}


/* The search icon */
.search a.SearchButton,
.search a.SearchButton:link,
.search a.SearchButton:visited
{
    float: left;
    height: 35px;
    width: 32px;
    text-indent: -9999px;
    margin-bottom: 1px;
    background: transparent url('images/searchicon.png') no-repeat center center;
    opacity: 0.8;
    filter: alpha(opacity=80); /* for IE8 and earlier */
}

.search a.SearchButton:hover,
.search a.SearchButton:focus,
.search a.SearchButton:active
{
    /* Make it brighter on hover */
    opacity: 1;
    filter: alpha(opacity=100); /* for IE8 and earlier */
}


/* XXS devices */
@media all and (max-width: 479px)
{
    .search a.SearchButton,
    .search a.SearchButton:link,
    .search a.SearchButton:visited
    {
        position: absolute; /* Helps keep the search icon on the right  */
        right: 0px;  /*Helps keep the search icon on the right*/
        top: 75px;
    }
}

/* Clear image within Search.  Need to do via > span otherwise it's still not picking up the important flag due to overriden by main important.*/
.search > span > span > a.dnnShow.dnnSearchBoxClearText,
.search > span > span > a.dnnShow.dnnSearchBoxClearText:link,
.search > span > span > a.dnnShow.dnnSearchBoxClearText:visited
{
    /* Change clearText image to use one a bit lighter as old one was far too grey */
    background: transparent url('images/clearText.png') no-repeat center center !important;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.search > span > span > a.dnnShow.dnnSearchBoxClearText:hover,
.search > span > span > a.dnnShow.dnnSearchBoxClearText:focus,
.search > span > span > a.dnnShow.dnnSearchBoxClearText:visited
{
    /* Make it brighter on hover */
    opacity: 1;
    filter: alpha(opacity=100); /* for IE8 and earlier */
}

/* Search results popup - will need some sort of mobile styling on this*/
ul.searchSkinObjectPreview
{
    border: 2px solid #717881 !important;
    border-radius: 1px;
    right: -36px !important; /* Match the width of search a.SearchButton to line it up -32 (add extra -4 to make it go slightly to the right to look a bit like a tab ) */
}
/* XXS devices */
@media all and (max-width: 479px)
{
    ul.searchSkinObjectPreview
    {
        width: auto !important;
    }
}

/* Popup title for areas i.e EasyDNNNews, Pages etc*/
ul.searchSkinObjectPreview > li.searchSkinObjectPreview_group
{
    display:none;
}

/* Popup title for areas i.e EasyDNNNews, Pages etc*/
ul.searchSkinObjectPreview > li.searchSkinObjectPreview_group:first-child
{
    border-top: none !important; /* Turn top border off for first title area otherwise it doubles the overall top border */
}

/* The page links to click */
ul.searchSkinObjectPreview > li
{
    color: #B67724 ;/* !important; */
    border-top: 1px solid #DCE2E5 !important;
}

ul.searchSkinObjectPreview > li:hover
{
    background-color: #DCE2E5;
}

ul.searchSkinObjectPreview > li span
{
    font-size: 14px;

}

/* The small italics text that gives a brief part of the page */
ul.searchSkinObjectPreview > li p
{
    color: #2F444F;
    font-size: 11px;

}

ul.searchSkinObjectPreview > li p b
{
    color: inherit ;/* !important; */
    font-style: normal !important;
}

ul.searchSkinObjectPreview > li .searchSkinObjectPreview_more
{
    font-size: 14px;
}

/* End Search */

.breadcrumbs
{
    width:100%;
    background-color: #E2992D;
    color: #2F444F;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    vertical-align:middle;
    padding-top: 1px;
    padding-bottom: 1px;
}

.breadcrumbs span
{
    vertical-align: middle;
}

.breadcrumbs a,
.breadcrumbs a:link,
.breadcrumbs a:visited
{
    color:#2F444F;
    text-decoration: none;
}

.breadcrumbs a:hover,
.breadcrumbs a:focus,
.breadcrumbs a:active
{
    color:#FFFFFF !important;
}

.breadcrumbs-mobile span
{
    vertical-align:text-top;
}

/* Carousel */

#dnn_CarouselPane
{
    padding-left: 0; /* Make it fill the whole width so override the padding of 15 */
    padding-right: 0;
}

.carousel
{
    position: relative;
    line-height: 1;
}

.carousel-caption
{
    position: absolute;
    left: 50px;
    right: 0px;
    bottom: 20px;
    padding: 15px;
    background: #F0F0F0;
    opacity: .95;
    text-align: left;
    text-shadow: none;    
    width: 40%;
    color: #2F444F;
    font-size: 16px;
}

/* XS devices */
@media all and (max-width: 767px)
{
    .carousel-caption
    {
        position: relative; /* Drop caption text underneath image */
        background: #FFFFFF;
        opacity: 1;
        background-image: none;
        text-shadow: none;
        color: inherit;
        width: 100%;
        left: 0px;
        bottom: 0px;
    }
}

.carousel-indicators
{
    bottom: 10px;
    right: 25px;
    top: 10px;
    width: auto;
    left: auto;
    height: 40px;
}

.carousel-caption h2
{
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 24px;
}
.carousel-caption p
{
    font-size: 16px;
    margin-bottom: 2px;
}
/* XS devices */
@media all and (max-width: 767px)
{
    .carousel-caption h2
    {
        font-size: 26px;
    }
}

/* XXS devices */
@media all and (max-width: 479px)
{
    .carousel-caption h2
    {
        font-size: 24px;
    }
}

.carousel-caption a,
.carousel-caption a:link,
.carousel-caption a:visited
{
    color: #2F444F ;/* !important; */
    text-decoration: none ;/* !important; */
}

/* XS devices */
@media all and (max-width: 767px)
{
    .carousel-caption a,
    .carousel-caption a:link,
    .carousel-caption a:visited
    {
        color: inherit;
    }
}

.carousel-caption a:hover,
.carousel-caption a:focus,
.carousel-caption a:active
{
    color: #B67724 ;/* !important; */
}

.carousel-inner > .item > img, 
.carousel-inner > .item > a > img 
{
    top: 0px;
    left: 0px;
}

.carousel-inner img
{
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
}

.carousel-indicators
{
    bottom: 10px;
    right: 25px;
    top: 10px;
    width: auto;
    left: auto;
    height: 40px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next
{
    /*margin-top: -50px; *//* -15 original - half the height of the carousel-caption */
}
.carousel-control .icon-prev, 
.carousel-control .glyphicon-chevron-left
{
    left: 20%;
    color:#ffffff;
}
.carousel-control .icon-next, 
.carousel-control .glyphicon-chevron-right 
{
    right: 20%;
    color:#ffffff;
}

/* XS devices */
@media all and (max-width: 767px)
{
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right
    {
        top: 30%;
    }
}
/* XXS devices */
@media all and (max-width: 479px)
{
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right
    {
        top: 20%;
    }
}

/* Notification bar */
/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/
/*#login {
    float: right;
}*/

/*  Only show the notifications icon */
.notification-bar .registerGroup .userMessages,
.notification-bar .registerGroup .userProfileImg,
.notification-bar .registerGroup .userDisplayName
{
    display: none;
}

.notification-bar
{
    float: right;
    height: 19px;
}

.notification-bar .registerGroup
{
    display: inline-block;
}

.notification-bar .logoff-link
{
    display: inline-block;
    color: #FFFFFF;
    opacity: 0.9;
    filter: alpha(opacity=90); /* for IE8 and earlier */
}

.notification-bar .logoff-link:hover
{
    opacity: 1;
    filter: alpha(opacity=100); /* for IE8 and earlier */
}

.notification-bar .registerGroup li
{
    list-style: none;
    padding-right: 5px;
}

/* Image for the notifications */
.notification-bar .userNotifications strong 
{
    height: auto;
    background: url('images/icon_notification.png') no-repeat top center;
    /*background: url('images/icon_profile.gif') no-repeat center center;*/
    opacity: 0.9;
    filter: alpha(opacity=90); /* for IE8 and earlier */
}

/* Hide the notification text */
.notification-bar .userNotifications a strong
{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    font-size: 11px;
    text-indent: -9999px;
}
        
/* Position of the hyperlink text for notification icon */
.notification-bar .userNotifications a
{
    position: relative;
    height: 20px;
    min-width: 12px;
    padding: 0 0 0 15px;
    color: #2F444F;
    font-size: 11px;
    vertical-align: middle;
}

.notification-bar .userNotifications strong:hover
{
    opacity: 1;
    filter: alpha(opacity=100); /* for IE8 and earlier */
}

/* Number of message next to the message icon*/
.notification-bar .userNotifications a span 
{
    display: inline-block;
    position: absolute;
    right: 16px;
    margin-top: -2px;
    font-size: 10px;
    color: #FFFFFF;

}

    

/* End notification bar */
/*End of Common Header*/

/* Footer area */

footer
{
   background-color: #4F5C65;
   left: 0px;
   padding: 0;
   margin: 0;
   color: #FFFFFF;
   border-top: 20px solid #E2992D;
}

/*Social Media*/

.social-bar
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.social-bar h4
{
    margin-top: 8px;
}
.social-bar img
{
	margin-left: 10px;
	box-shadow: 0px 0px 4px 1px #2F444F;
}

.social-bar img:hover
{   
    box-shadow: 0px 0px 4px 1px #B67724;
}

/* Links area at bottom */

.links-area
{
    color:#FFFFFF;
    padding-top: 10px;
    padding-bottom: 20px;
	border-top: 1px solid #717881;
}

.links-bar
{
    font-size: 12px;
    color:#FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #717881;
}

.links-area H4,
.links-bar H4,
.links-divider  H4,
.social-bar H4
{
    color:#FFFFFF ;/* !important; */
	font-size: 16px;
}

.links-area a,
.links-area a:link,
.links-area a:visited,
.links-bar a,
.links-bar a:link,
.links-bar a:visited 
{
	color: #FFFFFF;
    text-decoration: none ;/* !important; */
}

.links-area a, 
.links-area a:link, 
.links-area a:visited
{   
    font-size: 14px;
}

.links-bar a, 
.links-bar a:link, 
.links-bar a:visited
{
    font-size: 12px;
}

.links-area a:hover,
.links-bar a:hover,
.links-area a:focus,
.links-bar a:focus,
.links-area a:active,
.links-area a:active
{   
    color: #E2992D;
}

.links-area ul,
.links-bar ul
{
    padding-left: 0;
    list-style: none;
    margin-left: 0;
}

.links-area ul li
{
    padding-bottom: 10px;
}
/* SM devices and below */
@media all and (max-width: 991px)
{
    .links-area ul li
    {   
        white-space: normal !important; /* Turn wrapping on - or may need to make font smaller for long links*/
    }
}

.links-divider
{
    border-left: 1px solid #717881;
    padding-left: 20px;
}
/* XS devices */
@media all and (max-width: 767px)
{
    .links-divider
    {
        border-left: none;
        border-top: 1px solid #717881;
        padding-left: 0px;
        padding-top: 10px;
    }
}

/* XXS devices */
@media all and (max-width: 479px)
{
    /* Force links to go under copyright */
    .links-bar ul
    {
        float: left;
        clear: left;
    }
}

.links-bar ul li
{
    border-left: 1px solid #717881;
    padding-left: 20px;
    display: inline-block;
    /*line-height: 2;*/
    float: left;
    margin: 0 15px 0 0;
}

/* XXS devices */
@media all and (max-width: 479px)
{
    /* Force links to be 1 column */
    .links-bar ul li
    {
        float: left;
        clear: left;
        border-left: none;
        padding-left: 0;
        padding-top: 10px;
    }
}

.links-bar li.horizontal.linkitem
{
    line-height: inherit;
}

.copyright
{
    float: left;
    padding-right: 20px;
}
.copyright-message
{
    font-size: 12px;
}

/* Footer end */

/* Used by HTML Pro module */
.Normal 
{
    color: #2F444F;
    font-size: 16px;
}

section .Normal
{
    /* Add padding to any HTML Editor within the main seciton */
    padding-bottom: 10px;
}

.no-col-padding /* Override the col*-* container padding to fill the whole screen.  Useful for any images that need to be full width. */
{
    margin-left: -15px; /* Make it fill the whole width so override the padding of 15 with a -15 margin*/
    margin-right: -15px
}

.background-grey
{
    background-color: #F0F0F0;
}

.background-white
{
    background-color: #FFFFFF;
}

.container-right
{
    margin-left: -15px; /* Helps with responsive */
    margin-right: -15px;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #F0F0F0;
    position:relative;
}

.container-right a,
.container-right a:link,
.container-right a:visited
{
    color: #2F444F;
    display: block; /* Makes link easier to click */
}

.container-right a:hover,
.container-right a:focus,
.container-right a:active
{
    color:#B67724;
    text-decoration: none;
}

.container-right h3
{
    margin-top: 10px;
}

.container-right-within-full
{   
    position:relative;
    float: right;
    /*right: 0px;*/
    width: 25%;
    background-color: #F0F0F0;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    margin-right: -15px;
    margin-top: -20px; /* Take off the h1 margin */
}

/* XS devices and below */
@media all and (max-width: 767px)
{
    .container-right-within-full
    {
        display: none;
        /*float: none;
        width: 100%;
        margin-top: 0;*/
    }
}

/* If within this class then will be absolute so needs background padding etc setting */
.container-right-within-full .sidefullmenu
{
    position: absolute;
    width: 100%;
    background-color: #F0F0F0;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin-left: -15px;
}

@media all and (max-width: 767px)
{
    .container-right-within-full .sidefullmenu
    {
        position: static;
    }
}

.container-right-within-full h3
{
    margin-top: 10px;
}

.container-right-within-full > div > .caret
{
    margin-top: 5px;
    float: right;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #2F444F;
}

.container-right-within-full > #divShowHide.div-opened > .caret
{
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 0;
    border-bottom: 8px solid #2F444F;
}

#divShowHide
{
    cursor: pointer;
}

#divShowHide:hover
{
    color: #B67724;
}

/* XS devices and below */
@media all and (max-width: 767px)
{
    .container-right .sidefullmenu > ul
    {
        display: block;
    }

}

.container-right #divShowHide .caret
{
    position: relative;
    top: -30px;
    float: right;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #2F444F;
}

/* XS devices and below */
@media all and (max-width: 767px)
{
    /* As we are already opened in xs view we need to reverse what the caret does */
    .container-right #divShowHide .caret
    {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 0;
        border-bottom: 8px solid #2F444F;
    }
}

.container-right #divShowHide.div-opened .caret
{
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 0;
    border-bottom: 8px solid #2F444F;
}

/* XS devices and below */
@media all and (max-width: 767px)
{
    /* As we are already opened in xs view we need to reverse what the caret does */
    .container-right #divShowHide.div-opened .caret
    {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #2F444F;
        border-bottom: 0;
    }
}

.container-right.overlap .sidefullmenu
{
    position: absolute;
    width: 100%;
    background-color: #F0F0F0;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin-left: -15px;
    z-index: 10;
}

/* XS devices and below */
@media all and (max-width: 767px)
{
    .container-right.overlap .sidefullmenu
    {
        position: static;
    }
}

.jumbotron 
{
    margin-top: 20px;
    background-color: #F0F0F0;
    margin-left: -15px;
    margin-right: -15px;
}

.jumbotron .Normal 
{
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

.image-small
{
    max-width: 24%;
    height: auto;
}

.image-medium
{   
    max-width: 32%;
    height: auto;
}

.image-large
{
    max-width: 49.5%;
    height: auto;
}

.image-single
{
    padding: 5px;
}

/* XS devices and below */
@media all and (max-width: 767px)
{
    .image-single
    {
        max-width: 100%;
        float: none;
        padding: 0;
    }
}

.image-single img
{
    max-width: 100%;
    height: auto;
}

.image-single p
{
    background-color: #F0F0F0;
    margin: 0;
    padding: 10px;
    font-size: 12px;
}

@media all and (max-width: 767px)
{
    .image-single p
    {
        background-color: transparent;
        font-size: 14px;
    }
}

.image-strip
{   
    padding-top: 5px;
}

.container-right.image-strip
{
    background-color: transparent;
    padding: 0;
    /*padding: 5px 5px 5px 5px;*/ /* if want a grey outline*/
}
/* Images in the image-strip need to be next to each other so change the behaviour of a single image */
.image-strip .image-single
{
    display: inline-block;
    padding: 0 0 5px 0;
    vertical-align: top;
    max-width: 24%;
    height: auto;
}

.container-right.image-strip .image-single
{
    display: block;
    max-width: 100%;
    padding-bottom: 0;
    background-color: #F0F0F0;
}

.container-right.image-strip .image-single p
{
    background-color: transparent;
}

/* XS devices */
@media all and (max-width: 767px)
{
    .image-strip .image-single
    {
        max-width: 49%;
    }

    .image-strip .image-single
    {
        max-width: 49%;
    }

    .container-right.image-strip .image-single
    {
        max-width: 49%;
        display: inline-block;
        padding-bottom: 5px;
    }

    .container-right.image-strip .image-single:only-child
    {
        max-width: 100%;
        padding-bottom: 5px;
        background-color: transparent;
    } 
    
    .image-strip .image-single p
    {
        background-color: #F0F0F0;
    }

}

/* XXS devices */
@media all and (max-width: 479px)
{
    .image-strip .image-single
    {
         max-width: 100%;
    }

    .container-right.image-strip .image-single
    {
        max-width: 100%;
        background-color: transparent;
    }

    .image-strip .image-single p
    {
        background-color: transparent;
    }
}

/* Popup images in a modal */
#divPopupImage
{
    display: none;
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 15%;
    left: 0%;
}

#divPopupImage img 
{
    position: relative;
    margin-left: auto; /* To center align the image */
    margin-right: auto; /* To center align the image */
    display: block; /* To center align the image */
}

#divPopupImageOverlay
{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #F0F0F0;
    opacity: 0.9;
    width: 100%;
    height: 100%;
    z-index: 98;
}

/* Full width images with captions underneath i.e How To Apply, Funding and Eligibility */
.image-block-with-caption
{
    padding-top: 15px;
    padding-bottom: 15px;
	color: #2F444F ;/* !important; */
}
.image-block-with-caption img
{
    max-width: 100%;
    height: auto;
}
.col-md-3 .image-block-with-caption img
{
    width: 100%; /* only really want this if 4 columns otherwise could be huge */
}

.image-block-with-caption h3
{
    margin-top: 10px;
}

.image-block-with-caption a,
.image-block-with-caption a:link,
.image-block-with-caption a:visited,
.image-block-with-caption a:active
{
    display: block; /* So there is no gap at all in the hyperlink for both bits of text */
    color: #2F444F ;/* !important; */
    text-decoration: none;
}
.image-block-with-caption a:hover > img
{
    opacity: 0.8;
    filter: alpha(opacity=80);  /* For IE8 and earlier */
}

.image-block-with-caption a:hover,
.image-block-with-caption a:hover > h3 
{/*makes any headers go yellow when image hovered over*/
    color: #B67724 ;/* !important; */
}

.image-block-with-caption a.btn-custom:hover  
{
    color: #2F444F ;/* !important; */
}

.image-block-with-caption p
{
    max-width: 100%;
    height: auto;
	color: #2F444F ;/* !important; */
}

/* Full width images at top of page */
.banner
{
    margin-left: -15px; /* Make it fill the whole width so override the padding of 15 with a -15 margin*/
    margin-right: -15px
    
}
.banner img
{
    max-width: 100%;
    width: 100%;
    height: auto;
}

/* Buttons */
.btn
{ 
    color: #2F444F !important;
    font-weight: bold;
    text-decoration: none !important;
}

/*Default link colour*/
a.btn-custom,
.btn-group a:link,
.btn-group a:visited
{
    /*color: #2F444F !important;*/
    color: #FFF !important;
}

a.btn.btn-custom
{
    /*color: #2F444F !important;*/
    color: #FFF !important;
}

/*Hover link colour*/
.btn-group a:focus,
.btn-group a:hover,
.btn-group a:active 
{
    color: #2F444F !important;
}

/*Normal button/border colour*/
.btn-custom,
.btn-custom:visited,
.btn-default,
.btn-default:visited
{
    padding: 3px 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*color: #2F444F !important;*/
    color: #FFF !important;
    font-size: 12px;
    font-family: Arial;
    /*font-weight:bold;*/
    line-height: inherit;
    /*margin: 0 4px 4px 0;*/
     margin: 0px 10px 10px 0 !important;
    display:inline-block !important;
    text-decoration: none !important; 
    border-radius: 1px !important;
    /*text-shadow: 0px 1px 0px #FFFFFF;*/
	
	 /*background: -webkit-linear-gradient(#4F5C65 , #FFFFFF, #4F5C65); For Safari 5.1 to 6.0 */
   /*  background: -o-linear-gradient(#4F5C65 , #FFFFFF, #4F5C65); For Opera 11.1 to 12.0 */
   /* background: -moz-linear-gradient(#4F5C65 , #FFFFFF, #4F5C65);  For Firefox 3.6 to 15 */
  /*  background: linear-gradient(#4F5C65 , #FFFFFF, #4F5C65);  Standard syntax (must be last) */
  /*  background-color: #C3C5C9; a bit lighter for non gradient browsers*/
  background-color: #E2992D;
   border: solid 1px #E2992D;

}

/*Hover button/border colour*/
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.open .dropdown-toggle.btn-default 
{
    text-decoration: none !important; 
   /* background: -webkit-linear-gradient(#E2992D, #FFFFFF, #E2992D);  For Safari 5.1 to 6.0 */
    /* background: -o-linear-gradient(#E2992D, #FFFFFF, #E2992D); For Opera 11.1 to 12.0 */
  /*  background: -moz-linear-gradient(#E2992D, #FFFFFF, #E2992D);  For Firefox 3.6 to 15 */
 /*   background: linear-gradient(#E2992D, #FFFFFF, #E2992D);  Standard syntax (must be last) */
    background-color: #FCB968;/*for non gradient browsers*/
    border: solid 1px #FCB968;
	/*color: #2F444F !important; */
    color: #FFF !important;
}

/* Search screen changes */

.dnnSearchBox > a.dnnSearchButton 
{
    display: block;
    position: absolute;
    top: 4px;
    right: 0px;
    width: 32px;
    height: 28px;
    background: transparent url('images/searchicongrey.png') no-repeat center center;
    opacity: 0.8;
    filter: alpha(opacity=80); /* for IE8 and earlier */
    vertical-align: top;
    cursor: pointer;
    margin: 0px;
}

.dnnSearchBox > input[type='text'],
.dnnSearchBox > input
{
    max-width: 80%;
    /*padding-right: 180px;*/
    /*background-color: red;*/
}

/* SM devices */
@media all and (max-width: 991px)
{
    .dnnSearchBox > input[type='text'],
    .dnnSearchBox > input
    {
        max-width: 70%;
    }
}

/* XS devices */
@media all and (max-width: 767px)
{
    .dnnSearchBox > input[type='text'],
    .dnnSearchBox > input
    {
        max-width: 60%;
    }
}

/* XXS devices */
@media all and (max-width: 479px)
{
    .dnnSearchBox > input[type='text'],
    .dnnSearchBox > input
    {
        max-width: 50%;
    }
}

/*#dnnSearchResult_dnnSearchBox_input:active .dnnSearchBox,
#dnnSearchResult_dnnSearchBox_input:focus .dnnSearchBox*/

.SelectedTextBox
{
    border: 1px solid #E2992D;
    -webkit-box-shadow: 0px 0px 3px 0px #E2992D;
    box-shadow: 0px 0px 3px 0px #E2992D;
    color: #2F444F;
}

.dnnSearchBoxPanel
{
    background-color: #DCEFF2;
    max-width: none;
    font-size: 16px;
    /*height: 36px; this will bugger up the advanced tips pull down */
    margin-left: -15px; /* Make it fill the whole width so override the padding of 15 with a -15 margin*/
    margin-right: -15px;
    width: auto; /* Force it to fill the whole screen including negative margins */
}
.dnnSearchBoxPanel .dnnSearchBox
{
    margin-right: 110px;
}

.dnnSearchBox > .dnnSearchBox_advanced
{
    right: 30px;
}

.dnnSearchBox_advanced .dnnSearchBox_advanced_label
{
    font-size: 14px;
    height: 28px;
}

.dnnSearchResultPanel
{
    background-color: #F0F0F0;
    margin: 0;
    padding-top: 10px;
    max-width: none;
    margin-left: -15px; /* Make it fill the whole width so override the padding of 15 with a -15 margin*/
    margin-right: -15px;
    width: auto; /* Force it to fill the whole screen including negative margins */
}

.dnnSearchResultAdvancedTip
{
    font-size: 14px;
}

.dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a:link,
.dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a:hover
{
    background-color: #DCE2E5;
}

.dnnSearchResultPanel .dnnSearchResultSortOptions > li > a
{
    text-decoration: none !important;
}

.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Link
{
    font-size: 16px;
}

.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title,
.dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Title
{
    font-size: 18px;
    margin: 0;
}

.dnnSearchResultContainer .dnnSearchResultItem > .dnnSearchResultItem-Description,
.dnnSearchResultContainer .dnnSearchResultItem-Subset > .dnnSearchResultItem-Description
{
    font-size: 16px;
    color: inherit;
}

.dnnSearchResultContainer .dnnSearchResultItem > .dnnSearchResultItem-Others,
.dnnSearchResultContainer .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others
{
    font-size: 16px;
}
.dnnSearchResultContainer .dnnSearchResultItem > .dnnSearchResultItem-Others span,
.dnnSearchResultContainer .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others span
{
    font-weight: inherit;
}

.dnnSearchResultItem-Description b
{
    color: inherit ;/* !important; */
}

.dnnSearchResultPager,
.dnnSearchResultCountPerPage,
.dnnSearchResultSortOptions
{
    font-size: 14px;
}

.dnnSearchResultPanel .RadComboBoxDropDown_Default .rcbHovered
{
    background: #DCE2E5;/* !important; */
}

.dnnSearchResultPanel .RadComboBox_Default, 
.dnnSearchResultPanel .RadComboBox_Default .rcbInput, 
.dnnSearchResultPanel .RadComboBoxDropDown_Default
{
    color: #2F444F;/* !important; */
    font-size: 14px !important;
}

/* End search changes */

/* User profile */
.user-profile
{
    position: relative;
    margin-top: 20px;
    
}
.user-profile h1
{
    display: inline-block;
    margin-top: 0;
}

.user-profile a
{
    display: inline-block;
    margin-left: 20px;
    position: absolute;
    top: 0;
}

.DnnModule-Messaging-Notifications ul li a span
{
    background: none;
    font-weight: bold;
    color: #B67724;
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
}

/* Hide the messages tab - if ever change page to want to see messages then need to take this out */
.DnnModule-Messaging-Notifications ul li:first-of-type
{
    /*display: none;*/
}

.dnnCoreMessagingContent
{
    padding-top: 0;
}

.coreNotifications .messageFolders p,
.coreNotifications .messageControls
{
    padding-top: 0;
    padding-bottom: 0;
}

/* Set all 4 ListCol-X padding */
.smListings [class^='ListCol-']
{   
    padding-top: 0;
    padding-bottom: 5px;
}

.DnnModule-Messaging-Notifications .smListings .active .ActiveToggle, .smListings .ActiveToggle:hover
{
    background: #E2992D;
}

.dnnProfile .dnnFileUploadScope .dnnLeft .dnnFormItem .dnnDropDownList,
.dnnProfile .dnnFileUploadScope .dnnLeft .dnnFormItem input[type='button']
{
    width: 70%; /* default of 80% was overlapping*/
}

/* Fix DNN control panel issues where it chops off part of its style and overlaps */
/*#ControlBar, #ControlBar div,  #ControlBar li,  #ControlBar a */
#ControlBar, #ControlBar *, .actionMenu *
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/* DNN Control panel issues caused by bootstrap */
#ControlBar .mark
{
    background-color: transparent;
}

/* Fix for in edit mode to stop it overriding the bootstrap padding of the col-*- */
.row .ui-sortable.dnnSortable, .ui-droppable.dnnSortable
{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#ControlBar .dnnPrimaryAction, 
#ControlBar .dnnFormItem input[type='submit'], 
#ControlBar a.dnnPrimaryAction 
{
    border-color: #0D569E; /* Set control site go button back to original dnn colour */
    background: #3792ED;
}

/* End DNN Control panel issues */

/* DNN style overrides for ADMIN pages due to our skin changes */

.dnnForm /* Any form with a button will be using this so should cover admin pages.  Too many issues with font 16px so keep it at 12px */
{
    font-size: 12px;
}
.dnnForm table /* Any form with a button will be using this so should cover admin pages.  Too many issues with font 16px so keep it at 12px */
{
    font-size: 12px;
}

.console-mouseon /* Hover on console features */
{
    background-color: #DCE2E5; 
}

.console-large h3
{
    font-size: 0.8em !important /* Make text smaller to fit the box  */
}

.console-large img
{
    padding: 0;
}

/* Bootstrap style overrides */
mark, 
.mark 
{
    background-color: transparent;
}

/* Action buttons */
.dnnPrimaryAction, 
.dnnFormItem input[type='submit'], 
a.dnnPrimaryAction 
{
    font-size: 12px;
    border-color: #B67724;
    background: #E2992D;
    color: #FFFFFF;
    text-shadow: 0px 1px 0px #B67724;
}

.dnnSecondaryAction, 
 a.dnnSecondaryAction
{
    font-size: 12px;
}

.dnnSecondaryAction:visited, 
 a.dnnSecondaryAction:visited
{
    color: inherit;
}

.dnnPrimaryAction:hover, 
.dnnFormItem input[type='submit']:hover, 
a.dnnPrimaryAction:hover
{
    background: #E2992D;
    opacity: 0.9;
    filter: alpha(opacity=90);  /* For IE8 and earlier */
    text-decoration: none;
}

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

/* Input boxes */
.dnnFormItem input[type='text']:active, 
.dnnFormItem input[type='text']:focus, 
.dnnFormItem input[type='password']:focus, 
.dnnFormItem input[type='password']:active, 
.dnnFormItem input[type='email']:active, 
.dnnFormItem input[type='email']:focus, 
.dnnFormItem select:active, 
.dnnFormItem select:focus, 
.dnnFormItem textarea:active, 
.dnnFormItem textarea:focus, 
.dnnFormItem input[type='search']:active, 
.dnnFormItem input[type='search']:focus 
{
    border: 1px solid #E2992D;
    -webkit-box-shadow: 0px 0px 3px 0px #E2992D;
    box-shadow: 0px 0px 3px 0px #E2992D;
    color: #2F444F;
}

/* Expand hyperlinks */
.dnnFormExpandContent > a 
{
    color: #B67724;
    font-size: 13px;
    font-weight: bold;
}

/* Accordions */

h2.dnnFormSectionHead a:hover 
{
    color: #2F444F;
    background-color: #DCE2E5;
}

h2.dnnFormSectionHead a.dnnSectionExpanded:hover 
{
    color: #2F444F;
    background-color: #DCE2E5;
}

.DnnModule-AdvancedSettings > h2 > span
{
    font-size: inherit;
}
.dnnSiteWizard h2
{
    font-size: 18px;
}

div.dnnFormRadioButtons, 
div.dnnHSRadioButtons, 
span.dnnFormRadioButtons, 
span.dnnHSRadioButtons 
{
    background-color: #F0F0F0;
}

.dnnUrlManagement table.dnnFormRadioButtons
{
    background: #F0F0F0;
}

.dnnUrlManagement .dnnFormItem .dnnLabel + div.captioned-box
{
    background: #F0F0F0;
}

.dnnUrlManagement .select-page-container
{
    background: none repeat scroll 0 0 #F0F0F0;
}

.dnnUrlManagement .select-page-container .left-pane > select
{
    height: 110px; /* Stop boostrap overriding module fixed height of 110 with auto. */
}

.dnnUrlManagement .select-page-container 
{
    height: 420px; /* Increase from 400 to make fit */
}

.ModDotNetNukeModulesPreviewProfileManagementC .dnnFormSectionHead
{
    font-size: 18px;
}

.ModDotNetNukeModulesPreviewProfileManagementC .dnnFormSectionHead + .dnnAddProfile
{
    height: auto; /* Was set to 100% which for some reason gives us a massive white space gap */
}

/* File manager */
.RadTreeView_Default.dnnModuledigitalAssetsTreeView .rtSelected .rtIn 
{   
    color: #B67724;
}

#dnnModuleDigitalAssetsSearchBox > input.searchInput
{
    
    padding-top: 6px;
}

#dnnModuleDigitalAssetsMainToolbar
{
    height: 42px;
}

#dnnModuleDigitalAssetsSelectionToolbar, 
#dnnModuleDigitalAssetsListViewToolbar, 
#dnnModuleDigitalAssetsListContainer, 
.dnnModuleDigitalAssetsGrid > table > thead > tr 
{
    min-height: 42px;
}

.dnnModuleDigitalAssetsSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_dropdown
{
    min-width: 400px !important;
}

.RadComboBoxDropDown_Default .rcbScroll
{
    overflow: inherit !important; /* Remove unnecessary scrollbar */
}

.Help 
{
    border: none; /* Remove black border and coloured background */
    background-color: transparent;
}

.RadGrid_Default .rgRow:hover, 
.RadGrid_Default .rgAltRow:hover
{
    background-color: #DCEFF2;/* !important; */
}

.RadComboBoxDropDown_Default .rcbHovered
{
    background:  #DCEFF2;/* !important; */
    
}

div.dnnModuleDigitalAssetsListViewItem:hover
{
    background-color: #DCEFF2;/* !important; */
}

/* .dnnGoogleAnalyticsPro  */
.dnnDropDownList .selected-item a, 
.dnnDropDownList .selected-item a:link, 
.dnnDropDownList .selected-item a:visited, 
.dnnDropDownList .selected-item a:hover, 
.dnnDropDownList .selected-item a:active 
{
    height: auto !important; /* Was set to 18px but was nowhere near big enough for some reason and looked squished. Auto or a larger value fixes */
}

.dnnTreeLegend 
{   
    background: #F0F0F0;
}

/* End Admin changes */

/* Edit pages */

.RadEditor .reContentArea,
.previewContent
{
    font-size: 16px; /* Match the body text size */
}

.RadEditor .reToolCell ul.reToolbar
{
    width: auto !important; /* Stop the fixed with being set via the inline style of the ul which is causing the icons to overlap on to 2 rows */
}

.reAjaxSpellCheck  > table tbody tr td,
.reAjaxSpellCheckSuggestions > table tbody tr td
{
    font-size: 12px; /* Needs to be standard 12px */
}

/*media all*/
.dnnForm.dnnModuleSettings ul.dnnAdminTabNav 
{
    display: inline-block;
    margin-top: 5px;
    margin-left: 0px;
    width: 100%;
    height: 37px;
    border-bottom: 1px solid #C3C5C9;
}

/* Settings tabs colours and styles were slightly off */
.dnnForm.dnnModuleSettings ul.dnnAdminTabNav li a
 {
    background: #F0F0F0;
    background: -moz-linear-gradient(top, #F0F0F0 0%, #C3C5C9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#C3C5C9));
    background: -webkit-linear-gradient(top, #F0F0F0 0%,#C3C5C9 100%);
    background: -o-linear-gradient(top, #F0F0F0 0%,#C3C5C9 100%);
    background: -ms-linear-gradient(top, #F0F0F0 0%,#C3C5C9 100%);
    background: linear-gradient(top, #F0F0F0 0%,#C3C5C9 100%);
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: none; 
    text-shadow: 0px 1px 0px #FFFFFF;
    color: #333;
    border-bottom: 1px solid #C3C5C9;
    padding: 9px 9px; /* Override bootstrappers tab module style */
    letter-spacing: inherit;
}

.dnnForm.dnnModuleSettings ul.dnnAdminTabNav li a:hover
{
    background: #F0F0F0;
    background: -moz-linear-gradient(top, #F0F0F0 0%, #C3C5C9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#C3C5C9));
    background: -webkit-linear-gradient(top, #F0F0F0 0%,#C3C5C9 100%);
    background: -o-linear-gradient(top, #F0F0F0 0%,#C3C5C9 100%);
    background: -ms-linear-gradient(top, #F0F0F0 0%,#C3C5C9 100%);
    background: linear-gradient(top, #F0F0F0 0%,#C3C5C9 100%);
    color: #4F5C65;
}

.dnnForm.dnnModuleSettings ul.dnnAdminTabNav li.ui-tabs-active a 
{
    margin-top: -3px;
    padding: 11px 9px 10px 9px;
    background: inherit;
}

.DNNEmptyPane
{
    min-height: inherit; /* Stop bootstrap min height of 1px adding white margins we don't want*/
}

/* End edit pages */

#EDNadmin
{
width:inherit !important;
}

/* Fix popup position being too low for non IE browsers in conjuction with jquery */
div.pp_pic_holder 
{
    top: 0 !important;    
}

.position-fixed
{
    position: fixed !important;
}

.testing
{
    margin-top: 30px;
}

/* Menu overrides MainMenu.css needed here due to unable to override the !important property and the order that the css files load */

/* Fix issue with requiredfieldvalidator on standard text box (not multiline textbox) being given display:none, when dnn uses visibility:hidden and visible. */
.RequiredFieldValidatorFix
{
    display: block !important;
}

/* Feedback module */

/* h2 far too big change it to match our h3 */
.dnnForm.FeedbackForm h2.dnnFormSectionHead
{
    font-size: 18px;
    font-weight: bold;
}

/* Remove the 1000 character count */
.dnnForm.FeedbackForm .dnnFormItem.Feedback_CharCount
{
    display: none;
}

/* Improve layout on smaller devices.  Can leave in for larger devices too. */
.FeedbackForm.dnnForm .dnnFormItem .dnnLabel 
{   
    width: 20%;
}

.FeedbackForm.dnnForm .dnnFormItem input, 
.FeedbackForm.dnnForm .dnnFormItem textarea, 
.FeedbackForm.dnnForm .dnnFormItem select
{
    margin-left: 30px;
}

/* End Feedback module */

/* FAQs */

.dnnForm.dnnFAQs table
{
    font-size: 16px;
}

/* Change to left from right to fix html editor positioning */
.dnnForm.dnnEditFAQs .dnnFormItem .dnnRight
{
    float: left; 
}

.faqsList > span > div > a:link,
.faqsList > span > div > a:visited
{
    color: #2F444F;
}

.faqsList > span > div > a:hover,
.faqsList > span > div > a:focus
{
    color: #B67724;
    text-decoration: none !important;
}

.faqsList > span > div > a .caret
{
    margin-right: 5px;
}

/* Stop the gap being too large */
.faqsList > br
{
    font-size: 6px;
}
/* End FAQs */

/* Course Prospectus */

/* Fix module settings to be as they should */
.dnnForm.dnnModuleSettings.ui-widget-content,
.dnnForm.dnnModuleSettings.ui-widget-content .ui-widget-content
{
    font-size: 12px;
    border: none;
    background: transparent;
    color: #2F444F;
}

/* Late availability grid */
.dnnGridHeader td, 
thead.dnnGridHeader th, 
tr.dnnGridHeader th
{
    background: #F0F0F0;
}
tr.dnnGridItem td, tr.dnnGridAltItem td 
{
    border-top: 1px solid #C3C5C9; /* Stop black border appearing */
    border-right: 1px solid #C3C5C9;
}

.dnnGridItem:hover
{
    background-color: transparent;
}

.dnnGridAltItem,
.dnnGridAltItem:hover 
{
    background-color: #F0F0F0;
}

/* Schedule calendar */

.RadScheduler .rsHeader h2
{
    line-height: 30px;
    text-indent: 0px !important;
    padding-left: 15px;
    float: left;
}

@media all and (max-width: 479px)
{
    .RadScheduler .rsDatePickerWrapper > div
    {
        margin-left: -100px;
    }

    .RadScheduler .rsHeader ul
    {
        float: left;
    }

    .RadScheduler .rsHeader h2
    {
        width: 100%;
        background: #F0F0F0;
        border-bottom: 1px solid #C3C5C9;
        
    }
}

/* End Course Prospectus */

/* Start Items Awaiting Approval SKin Object */
.ItemsAwaitingApproval {
    margin-right: 15px;
}
/* End Items Awaiting Approval SKin Object */


/*Facebook share and like fix*/
.fb-like.fb_iframe_widget span{
  vertical-align: baseline !important;
}

/* IE8 Link Colour Fixes */
p.bread_crumbs a, h2.image_title a,h3.image_title a,h4.image_title a  {
    color: #B67724;
}

/* DNN OVERRIDEStime. */

/* Overrides for DNN News image gallery */
.chameleon_slider.phobos .thumb_wrapper {
    display: none;
}