#page_14300 #centre {
    border-top: none;
    padding-top: 0;
}
#right {
    border-top: 12px solid #ff6264;
    margin-left: -10px;
    width: 40px;

}
#page_14473 #right,
#page_14476 #right,
#page_14477 #right,
#page_14478 #right,
#page_14479 #right,
#page_14480 #right,
#page_15002 #right,
#page_15007 #right,
#page_15008 #right,
#page_15009 #right,
#page_15010 #right,
#page_16524 #right,
#page_16527 #right,
#page_16528 #right,
#page_16561 #right,
#page_16562 #right,
#page_16563 #right,
#page_16566 #right,
#page_16568 #right,
#page_16569 #right,
#page_16571 #right,
#page_16572 #right,
#page_16573 #right,
#page_16572 #right,
#page_17138 #right {
    border-top: none;
    margin-left: 0;
}
/* variables */
/* a link colour */
/* global mixins */
/* SUB-SITE HEADER ------------------------------------------------------------------------------ */
#hdWrapper {
    background-color: #fff;
    background-repeat: repeat-x;
    background-position: top left;
    background-image: url(/media/dundeewebsite/cooper-gallery/header_bg.png);
    position: relative;
    z-index: 1;}
body #wrapper {
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
#content {
    /*float: left;*/
    background-color: #FFFFFF;
}
body#page_14300 #content {
    background-color: transparent !important;
    padding-top: 0 !important;
}
body#page_14300 #skipToTop { background-color: #fff!important; margin-bottom:10px }
/* NAVIGATION ----------------------------------------------------------------------------------- */
/* main navigation */
#mainNavContainer { padding-bottom: 0px !important;  position:relative }
#mainNavContainer #mainNav { padding-top: 8px; }
#mainNavContainer #mainNav ul {
    position: relative;
    background: transparent;
    margin-left: 0;
    padding-left: 0;
    display: inline !important;
}
#mainNavContainer #mainNav ul li { display: inline }
#mainNavContainer #mainNav ul li a {
    list-style: none;
    float: left;
    font-size: 13px !important;
    font-weight: bold;
    padding: 6px 5px 7px 5px !important;
    text-decoration: none;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    color: #808080;
    text-shadow: 0 2px 0 #fff;
    border-right: 1px solid #cacaca;
    border-bottom: 0;
    margin-right: 0px !important;
    background-image: url(/media/dundeewebsite/djcad2/assets/img/tabbg.png);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
}
#mainNavContainer #mainNav ul li a:hover {
    color: #ff6264;
    text-decoration: none;
}
/* sub navigation */
#subNavContainer {
    margin: 0 !important;
    background-color: #fff !important;
    padding-top: 5px;
    position: relative;
    z-index: 5;
}
#subNavContainer #subNav { padding: 6px 0 4px 0 }
#subNavContainer #subNav ul {
    margin: 0;
    position: relative;
    display: inline;
}
#subNavContainer #subNav ul li {
    display: inline;
    margin: 0 !important;
    padding: 0 !important;
}
#subNavContainer #subNav ul li a {
    color: rgb(67, 101, 226);
    font-weight: bold;
    display: inline;
    float: left;
    padding: 0 8px 0 8px !important;
    margin: 0px !important;
    border-right: 1px solid #a6a6a6;
    text-decoration: none;
}
#subNavContainer #subNav ul li:first-child a { padding: 0 8px 0 6px !important }
#subNavContainer #subNav ul li:last-child a { border-right: none }
/* sub-site main navigation, current page */
body#home #mainNav ul li a#itemHome,
body#research #mainNav ul li a#itemResearch,
body#staff #mainNav ul li a#itemStaff,
body#news #mainNav ul li a#itemNews,
body#contact #mainNav ul li a#itemContact {
    background: #fff;
    color: #333;
    cursor: default;
    pointer-events: none;
    text-decoration: underline;
}
body#about #mainNav ul li a#itemAbout {
    background: #fff !important;
    color: #222 !important;
    cursor: default;
    pointer-events: none;
    text-decoration: underline;
}
/* sub-site sub navigation, current page */
body#pageOne #subNav ul li a#itemPageOne,
body#pageTwo #subNav ul li a#itemPageTwo {
    background-color: #fff;
    color: #333;
    cursor: default;
    pointer-events: none;
    text-decoration: underline;
}
/* sub-site sub navigation, current page, parent element */
body#pageOne #mainNav ul li a#itemAbout,
body#pageTwo #mainNav ul li a#itemAbout {
    background: #ededed;
    color: #222;
}
#mainNavContainer #mainNav ul li span.currentbranch0 a {
    background: #fff !important;
    color: #242424 !important;
    text-decoration: none;
    -webkit-box-shadow: 0px -1px 2px #949494 !important;
    -moz-box-shadow: 0px -1px 2px #949494 !important;
    box-shadow: 0px -1px 2px #949494 !important;
}
#subNavContainer #subNav ul li span.currentbranch0 a { color: #222 !important }
/*  */
# { padding-top: 10px }

#header  {

position:relative


}

#header a {
    color: #5e5e5e;
    text-shadow: 1px 1px #fff;
}
# a { color: #ff6264 }
a:hover {
    color: #464646;
    text-decoration: underline !important;
}
a:visited { color: #ff6264 }
/* FORMS ---------------------------------------------------------------------------------------- */
.wForm form {
    font-family: arial !important;
    margin: 12px 0 20px 6px !important;
    padding: 0 !important;
}
.wForm input[type="text"],
textarea {
    background: #ebebeb !important;
    font-family: arial !important;
    font-size: 13px;
    padding: 6px 0 6px 3px !important;
    width: 100%;
}
.wForm textarea { height: 130px }
.wForm select { padding: 3px 0 !important }
.supportInfo { display: none }
.wForm form .actions .primaryAction { border: none }
/* type */
p {
    font-size: 13px !important;
    line-height: 20px;
}
h2 { font-size: 28px }
/* links */
a {
    color: #ff6264;
    /*rgb(67, 101, 226);*/
    text-decoration: none;
}
/* page wrapper */
#wrapper {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}
/* top banner on 2 column pages */
.banner {
    border-bottom: 2px solid rgb(255,98,100);
    height: 270px;
    border-top: 0px solid #464646;
}
/* news and events articles on home page  */
/* Tabs
------------------------------------------------------------------------------------- */
body#page_14300 div.st_horizontal {
    /* The main container */
    position: relative;
    z-index: 1000;
    float: left;
    clear: both;
    width: 940px;
    color: #616161;
    margin-top: 0px;
    background: none !important;
    border: none !important;
}
body#page_14300 div.st_horizontal div.st_tabs_container {
    /* Tabs main container */
    position: relative !important; /* The tabs position will be calculated from ul.tabs first parent element with position: relative */;
    z-index: 100;
    float: left;
    width: 960px; /* Remember to change the slideLength option as well if you change this value */
    height: 95px;
    margin-bottom: -1px;
    overflow: hidden;
    border-left: none;
}
body#page_14300 div.st_horizontal ul.st_tabs {
    /* Tabs unordered list */
    width: 10000px; /* Set to an arbitrary high value */
    height: 95px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
body#page_14300 div.st_horizontal ul.st_tabs li {
    /* Tab list elements */
    float: left;
    width: auto !important;
    background-image: none !important;
    list-style-type: none !important;
}
body#page_14300 div.st_horizontal ul.st_tabs li a {
    /* Tab links */
    display: block;
    background-image: none !important;
    height: 95px;
    margin: 0px;
    padding: 10px 20px;
    font-size: 17px;
    line-height: 18px; /* Aligns the tabs to the bottom of the content container */
    color: #ff6264;
    /*rgb(70,70,70);*/
    font-weight: bold;
    text-decoration: none;
    outline: none;
    border-right: 1px solid #ff6264;
}
body#page_14300 div.st_horizontal div.st_tabs_container { height: 35px }
body#page_14300 div.st_horizontal ul.st_tabs { height: 35px }
body#page_14300 div.st_horizontal ul.st_tabs li { width: 340px }
body#page_14300 div.st_horizontal ul.st_tabs li a { height: 35px }
body#page_14300 div.st_horizontal ul.st_tabs a:hover {
    /* Tabs hover state */
    color: #666;
    text-decoration: none !important;
}
body#page_14300 div.st_horizontal ul.st_tabs a.st_tab_active {
    /* Tab active/highlighted state */
    color: #fff;
    border-bottom-color: #fff;
    border: none !important;
    background: #ff6264;
}

/* Programme list on home page
------------------------------------------------------------------------------------- */

#programmesholder {

background-color:#FFFFFF;
background:rgba(255, 255, 255, .6);
border-top:1px solid #fff;
border-bottom:1px solid #cecece;
margin-bottom: -10px;
float:left;


}

#programmesholder h2 {

color: #fff;
letter-spacing:1px;
background-color:#ff6264;
    font-size: 20px !important;
    font-family: "HelveticaNeue-Medium", Arial !important;
    font-weight: normal !important;
    margin:0px 0 10px 0 ;
     padding:4px 0 4px 10px ;
    clear:both

}




#programmesholder ul {



     width: 450px;
     min-height:120px;
    background: transparent;
    margin: 0px 0 0px 0;
    padding: 0 0 10px 0;
    display: block;
}
#programmesholder ul li {

margin: 0 0 0 0;
 width: 225px;
  float: left;
    display: inline;
/*padding: 2px 0 2px 0; */
list-style-type:none }



#programmesholder ul li a {
    list-style: none;

    font-size: 13px !important;
    font-weight: normal;
    padding: 4px 5px 4px 10px !important;
    text-decoration: none;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    color: rgb(67, 101, 226);
    text-shadow: 0 2px 0 #fff;
    margin-right: 0px !important;

}




/* Content
------------------------------------------------------------------------------------- */

/* h1 heading */
#heading {
    color: #545454;
    font-family: "HelveticaNeue-Medium", Arial !important;
    min-height: 60px;
    border-bottom: 1px solid #ff6264;
}
#heading h1 {
    padding: 4px 0 10px 0;
    margin: 0;
    font-size: 33px !important;
    line-height: 30px;
    margin-left: 280px;
}
/* main  columns */
/*  #contentCol1 {
    border-top:12px solid #ff6264;
    padding-top:20px
}*/
/*#contentCol2*/
#centre {
    /*padding-top: 26px;*/
    border-top: 12px solid #ff6264;
    padding-top: 20px;
}
/* secondary col on course pages */
/*#secondaryCol1*/
#left { padding-top: 33px }
/*#secondaryCol1*/
#left h3 {
    background-color: #ff6264;
    color: #FFFFFF;
    font-weight: bold;
    padding: 6px 0 6px 17px;
    letter-spacing: 0px !important;
    font-size: 18px !important;
    font-family: "helveticaneue", "helvetica neue", "helveticaneueroman", "helveticaneue-roman", "helvetica neue roman", "helvetica", "arial", sans-serif;
    margin: 0 10px 0 10px;
}
/*#secondaryCol1*/
#left h4 {
    background-color: #808080;
    color: #FFFFFF;
    font-weight: bold;
    padding: 6px 0 6px 17px;
    letter-spacing: 0px;
    font-size: 18px !important;
    font-family: "helveticaneue", "helvetica neue", "helveticaneueroman", "helveticaneue-roman", "helvetica neue roman", "helvetica", "arial", sans-serif;
    margin: 0 10px 0 10px;
}
/*#secondaryCol1*/
#left ul {
    list-style: none;
    padding: 0px 0 1px 0px;
    margin: 0px 10px 10px 10px;
    background-color: #adacac;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
/*#secondaryCol1*/
#left li {
    list-style: none;
    display: inline;
    width: 240px;
    padding: 0px 0 0px 0px !important;
    margin: 0 0 0 0 !important;
}
/*#secondaryCol1*/
#left ul li a {
    color: #313131;
    font-size: 14px;
    font-weight: normal;
    background-color: #efefef;
    border-bottom: 1px dotted #adacac;
    padding: 6px 20px 6px 17px !important;
    margin: 0 0 0 0;
    text-decoration: none;
    display: block !important;
    background-repeat: no-repeat;
    background-position: top right;
    text-shadow: 1px 1px #fff;
    text-shadow: 1px 1px #fff;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
/*#secondaryCol1*/
#left ul li a[href^="http:"]:hover {
    text-shadow: none;
    background-color: #afafaf;
    color: #FFFFFF;
    background-image: url(/media/dundeewebsite/cooper-gallery/arrow2.gif);
    background-repeat: no-repeat;
    background-position: right;
    text-decoration: none !important;
}
/*#secondaryCol1*/
#left ul li a[href^="http:"] {
    padding: 7px 14px 7px 20px !important;
    background-image: none;
    background-color: #efefef;
}
/*#secondaryCol1*/
#left ul li a.facebook {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/facebook_icon.png);
    background-position: 206px;
    background-repeat: no-repeat;
}
/*#secondaryCol1*/
#left ul li a:hover.facebook {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/facebook_icon_over.png);
    background-position: 206px;
    background-repeat: no-repeat;
}
/*#secondaryCol1*/
#left ul li a.twitter {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/twitter_icon.png);
    background-position: 206px;
    background-repeat: no-repeat;
}
/*#secondaryCol1*/
#left ul li a:hover.twitter {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/twitter_icon_over.png);
    background-position: 206px;
    background-repeat: no-repeat;
}
/*#secondaryCol1*/
#left ul li a.linkedin {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/linkedin_icon.png);
    background-position: 206px;
    background-repeat: no-repeat;
}
/*#secondaryCol1*/
#left ul li a:hover.linkedin {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/linkedin_icon_over.png);
    background-position: 206px;
    background-repeat: no-repeat;
}
/*#secondaryCol1*/
#left ul li a.youtube {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/youtube_icon.png);
    background-position: 179px;
    background-repeat: no-repeat;
}
/*#secondaryCol1*/
#left ul li a:hover.youtube {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/youtube_icon_over.png);
    background-position: 179px;
    background-repeat: no-repeat;
}
/*#secondaryCol1*/
#left ul li a.pinterest {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/pinterest-badge_white-s.png);
    background-position: 206px;
    background-repeat: no-repeat;
}
/*#secondaryCol1*/
#left ul li a:hover.pinterest {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/pinterest-badge_red-s.png);
    background-position: 206px;
    background-repeat: no-repeat;
}

/*#secondaryCol1*/
#left ul li a.current {
    color: #ff6264;
    background-image: url(/media/dundeewebsite/cooper-gallery/arrow.gif);
    background-repeat: no-repeat;
    background-position: right;
}
/*#secondaryCol1*/
#left ul li:last-child a { border-bottom: 0px }
/*#secondaryCol1*/
#left ul li a:hover {
    text-shadow: none;
    background-color: #afafaf;
    color: #FFFFFF;
    background-image: url(/media/dundeewebsite/cooper-gallery/arrow2.gif);
    background-repeat: no-repeat;
    background-position: right;
    text-decoration: none !important;
}
/* button styling */
.applybutton {
    text-transform: uppercase !important;
    background-color: #ffffff;
    color: #ff6264 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    float: left !important;
    text-align: center;
    margin: 0px 5px 0 0 !important;
    border: 2px solid #fff !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    display: block !important;
    padding: 8px 10px 8px 10px !important;
    width: 160px !important;
    line-height: 1 !important;
    /*-moz-box-shadow: 0 0 0 0px #ffffff, 0 0 0 2px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 0 0px #ffffff, 0 0 0 2px rgba(0, 0, 0, .15);
    box-shadow: 0 0 0 0px #ffffff, 0 0 0 2px rgba(0, 0, 0, .15);
    background: -moz-linear-gradient(top, #ff86b3, #d03e78) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff86b3), to(#d03e78)) !important;
    background: linear-gradient(top, #ff86b3, #d03e78) !important;
    text-shadow: 0 1px 2px #464646 !important;*/
    border: 1px solid #ff6264 !important;
    /*background-color: #ff6264 !important;*/
}
a.applybutton:hover {
    background: none !important;
    background-color: #ff6264 !important;
    color: #ffffff;
    text-decoration: none !important;
    -moz-transition: all .2s ease !important;
    -webkit-transition: all .2s ease !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.button {
    text-transform: uppercase !important;
    color: #ff6264 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    float: right !important;
    text-align: center;
    margin: 30px 5px 0 0 !important;
    border: 1px solid #ff6264 !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    display: block !important;
    padding: 11px 10px 9px 10px !important;
    width: 135px !important;
    line-height: 1 !important;
    /*-moz-box-shadow: 0 0 0 1px #e14482, 0 0 0 4px rgba(0, 0, 0, .1) !important;
    -webkit-box-shadow: 0 0 0 1px #e14482, 0 0 0 4px rgba(0, 0, 0, .1) !important;
    box-shadow: 0 0 0 1px #e14482, 0 0 0 4px rgba(0, 0, 0, .1) !important;
    background: -moz-linear-gradient(top, #ff86b3, #e14482) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff86b3), to(#e14482)) !important;
    background: linear-gradient(top, #ff86b3, #e14482) !important;
    text-shadow: 0 1px 2px #555 !important;*/
    position: relative !important;
    -moz-transition: all .1s ease !important;
    -webkit-transition: all .1s ease !important;
    background-color: #ffffff !important;
}
a.button:hover {
    background: none !important;
    background-color: #ff6264 !important;
    /*border: 1px solid #616161 !important;
    -moz-box-shadow: 0 0 0 1px #ffffff, 0 0 0 4px rgba(0, 0, 0, .1) !important;
    -webkit-box-shadow: 0 0 0 1px #ffffff, 0 0 0 4px rgba(0, 0, 0, .1) !important;
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 4px rgba(0, 0, 0, .1) !important;*/
    color: #fff !important;
    text-decoration: none !important;
}
/*  column text styling */
#contentCol1 p,
#contentCol1 ul,
#contentCol1 ol,
#contentCol1 li,
table,
#centre p,
#centre ul,
#centre ol,
#centre li {
    font-size: 14px !important;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, Geneva, sans-serif;
    vertical-align: baseline;
}
#contentCol1 h2 {
    color: #ff6264;
    font-size: 24px;
    margin-top: 10px;
    font-weight: normal !important;
}
#contentCol1 h3 {
    font-size: 20px;
    color: #4e4e4e;
    margin: 10px 0 10px 0;
}
#contentCol1 h4 {
    font-size: 20px;
    color: #ff6264;
    margin: 14px 0 10px 0;
}
/*#contentCol2*/
#centre h1 {
    color: #545454;
    font-size: 30px;
    font-family: "HelveticaNeue-Medium", Arial !important;
    margin-bottom: 14px;
}
/*#contentCol2*/
#centre h2 {
    color: #ff6264;
    font-size: 24px !important;
    font-family: "HelveticaNeue-Medium", Arial !important;
    font-weight: normal !important;
    margin-bottom: 14px;
}
/*#contentCol2*/
#centre h3 {
    font-size: 20px;
    color: #4e4e4e;
    margin: 10px 0 10px 0;
}
/*#contentCol2*/
#centre h4 {
    font-size: 20px;
    color: #ff6264;
    margin: 14px 0 10px 0;
}
#contentCol1 ul,
/*#contentCol2*/ #centre ul {
    margin: 0 0 13px 0;
    padding: 0;
}
#contentCol1 ul li,
/*#contentCol2*/ #centre ul li {
    list-style-type: none !important;
    background-image: url(/media/dundeewebsite/djcad2/assets/img/bullet.png);
    background-repeat: no-repeat;
    margin: 0;
    background-position: 0 9px;
    font-size: 14px !important;
    padding: 2px 0 2px 15px;
}
#contentCol1 ul li a,
/*#contentCol2*/ #centre ul li a {
    list-style-type: none !important;
    border-bottom: solid 0px #bdbdbd;
}
#contentCol1 ol,
/*#contentCol2*/ #centre ol {
    margin: 0 0 13px 0px;
    padding: 0;
    counter-reset: item;
}
#contentCol1 ol li,
/*#contentCol2*/ #centre ol li {
    padding: 2px 0 2px 4px;
    display: block;
}
#contentCol1 ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #ff6264;
    padding-right: 4px;
}
#contentCol1 p,
/*#contentCol2*/ #centre p { padding-right: 7px }
/* image positioning within  cols */
.imgright {
    float: right;
    margin: 10px 0 20px 25px;
}
.imgleft {
    float: left;
    margin: 10px 25px 20px 0px;
}
.imgcenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}
.img_wrapper {
    float: left;
    position: relative;
    margin-bottom: 15px;
}
.description {
    position: absolute;
    bottom: 4px;
    left: 0px;
    width: 100%;
    background: #000;
    color: #fff;
    opacity: 0.75;
    font-size: 12px;
}
p.description_content {
    padding: 5px 0 5px 10px;
    margin: 0px;
}
/* additional panels for quotes etc */
.insight {
    padding: 10px 0 0 0;
    float: left;
    margin-bottom: 10px;
    background: rgb(220,220,220); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(244,244,244,1) 10%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,220,1)), color-stop(10%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 10%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 10%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 10%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 10%); /* W3C */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.insight h5 {
    font-size: 14px;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
    color: #757575;
    text-shadow: 1px 1px #fff;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.insight blockquote {
    background-color: transparent;
    margin-top: 1px;
    padding-bottom: 0;
}
.insight p {
    padding-left: 10px;
    text-shadow: 1px 1px #fff;
    text-align: right;
}
/* department page column */
#departments { /*padding: 20px 0 0 0px;_NO__DOTCOMMA__AFTER__*/ }
/* department page thumbnails */
#departments ul {
    margin: 0;
    padding: 0;
    display: inline;
}
#departments li {
    float: left;
    list-style-type: none !important;
    margin: 0 0px 0px 0;
    padding: 0 !important;
}
#departments li a {
    display: block;
    width: 215px;
    background-color: #ff6264;
    text-decoration: none;
    text-align: center;
    height: 30px;
    color: #fff;
    margin: 0 5px 5px 0;
    padding: 130px 0 0 0px;
    font-size: 14px;
    font-weight: bold;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background-repeat: no-repeat;
}
body#page_14483 #departments li a { padding: 130px 0 0 12px }
body#page_14484 #departments li a { padding: 130px 0 0 12px }
#departments li a.alt { margin-right: 0 }
#departments li a:hover {
    color: #fff;
    background-color: #afafaf;
    text-decoration: none !important;
}


/* featured story on news pages */
.article_summary {
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 2px solid #ff6264;
    padding: 5px 14px 0 14px;
    margin-bottom: 15px;
    min-height: 120px;
}
/*This line for IE6*/
.article_summary { float: left }
/*This line for all other browsers*/
div>.article_summary { float: none }
.article_summary h2 {
    padding-bottom: 6px !important;
    margin-bottom: 0 !important;
}
.article_summary h2 a {
    text-decoration: none;
    line-height: 0;
    font-size: 23px;
    color: #ff6264 !important;
}
.article_summary h4 a {
    text-decoration: none;
    font-size: 18px;
    padding-left: 2px;
}
.article_summary h3 {
    color: #999999 !important;
    text-transform: uppercase;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-align: center;
    letter-spacing: 4px;
    padding: 0 0 0 0;
    margin: 0 0 5px 0;
    font-size: 12px !important;
    display: block;
}
.article_summary h3:after {
    content: "";
    border-top: 1px solid #d1d1d1;
    top: 45px;
    left: 9px;
    width: 204px;
    position: absolute;
    z-index: -1;
}
.article_summary h3:before {
    content: "";
    border-top: 1px solid #d1d1d1 !important;
    top: 45px;
    right: 50px;
    width: 210px;
    position: absolute;
    z-index: -1;
}
/* padding for news categories menu */
#secondaryCol1.grid_9 h3 {
    margin-left: 50px;
    margin-right: 50px;
}
#secondaryCol1.grid_9 ul {
    margin-left: 50px;
    margin-right: 50px;
}
/* date and author header for news articles */
.article_info {
    color: #999999;
    margin-bottom: 20px;
}
.article_info p {
    margin: 4px 0 0px 0;
    padding-bottom: 7px;
    border-bottom: 1px solid #ccc;
}
.flourish {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}


/* share this article icons */
p.share {
    border-bottom: 1px dotted #adacac;
    border-top: 1px dotted #adacac;
    display: block;
    padding: 5px 0 5px 0px;
    line-height: 0;
    margin: 0 0 10px 0;
}
p.share img {
    margin: 2px 5px 0 0;
    vertical-align: top;
}
/* next and previous buttons on news pages */
div.newsnav {
    float: left;
    display: inline;
    height: 30px;
    border: 1px solid #adacac;
    background-color: #efefef !important;
    margin-bottom: 10px;
}
.nextpage,
.prevpage {
    float: left;
    margin: 0px;
    width: 206px;
    display: inline;
}
.mainpage {
    float: left;
    margin: 0px;
    width: 204px;
    border-left: 1px solid #adacac;
    border-right: 1px solid #adacac;
    display: inline;
}
div.newsnav .nextpage a,
div.newsnav .prevpage a,
div.newsnav .mainpage a {
    color: #ff6264;
    line-height: 30px;
    text-align: center;
    width: 100%;
    text-decoration: none;
}
div.newsnav .mainpage a {
    float: right;
    background-color: #efefef !important;
    -moz-transition: background-color .4s ease;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
}
div.newsnav .nextpage a {
    float: right;
    background-color: #efefef !important;
    background: url(/media/dundeewebsite/cooper-gallery/arrow7.gif) right 6px;
    background-repeat: no-repeat;
    -moz-transition: background-color .4s ease;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
}
div.newsnav .prevpage a {
    float: left;
    background-color: #efefef !important;
    background: url(/media/dundeewebsite/cooper-gallery/arrow8.gif) left 6px;
    background-repeat: no-repeat;
    -moz-transition: background-color .4s ease;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
}
div.newsnav .nextpage a:hover,
div.newsnav .prevpage a:hover,
div.newsnav .mainpage a:hover {
    color: white !important;
    background-color: #464646 !important;
    text-decoration: none !important;
}
div.newsnav .nextpage a:hover {
    background: url(/media/dundeewebsite/cooper-gallery/arrow7.gif) right -55px;
    background-repeat: no-repeat;
    text-decoration: none !important;
}
div.newsnav .prevpage a:hover {
    background: url(/media/dundeewebsite/cooper-gallery/arrow8.gif) left -55px;
    background-repeat: no-repeat;
    text-decoration: none !important;
}
/* creates a 2 col list for cartegories */
ul#filter {
    width: 600px;
    margin-bottom: 20px;
    overflow: hidden;
}
ul#filter li {
    line-height: 1.5em;
    float: left;
    display: inline;
}
ul#filter li {
    width: 265px;
    padding-right: 10px;
}
ul.filter {
    width: 600px;
    margin-bottom: 20px;
    overflow: hidden;
}
ul.filter li {
    line-height: 1.5em;
    float: left;
    display: inline;
}
ul.filter li {
    width: 265px;
    padding-right: 10px;
}
/*HORIZONTAL RULE STYLING
----------------------------------------------------------------------------- */
hr {
    text-align: right;
	clear:left;
    width: 100%;
    height: 1px;
    margin-bottom: 11px;
    color: #ff6264;
    border: none;
}
/* For Internet Explorer */
html>body hr {
    margin-right: 0;
	clear:left;
    margin-bottom: 11px;
    width: 100%;
    height: 1px;
    background-color: #ff6264;
    border: none;
}
/* For Gecko-based browsers */
html>body hr {
    margin-right: 0;
	clear:left;
    margin-bottom: 11px;
    width: 100%;
    height: 1px;
    background-color: #ff6264;
    border: 0px solid #ff6264;
}
/* Curved shadows for profile pics */
.drop-shadow {
    position: relative;
    float: right;
    padding: 10px;
    margin: 0 0 10px 0;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before,
.drop-shadow:after {
    : "";
    position: absolute;
    z-index: -2;
}
.curved:before {
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 50%;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    -moz-border-radius: 10px / 100px;
    border-radius: 10px / 100px;
}

/* social media icon list on home page */

#social2 {

position:relative


}

#social2 ul {
    list-style:none;
    padding: 0px 0 0px 10px;
    margin: 0px 0px 10px 0px !important;
    z-index:99999999999;


    position:absolute;
    top:15px;
    left:760px;
    height:25px
}
#social2 li {
    display: inline;
    padding:0 !important;
    margin:0 !important
}
#social2 ul li a {
    display: block;
    float: left;
    height: 25px;
    text-indent: -9999px;
    width:27px;
    margin:0 5px 0px 0 !important
}
#social2 ul li a.facebook {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/facebook_icon.png);
    background-position: 0px;
    background-repeat: no-repeat;
}
#social2 ul li a:hover.facebook {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/facebook_icon_over.png);
    background-position: 0px;
    background-repeat: no-repeat;
}
#social2 ul li a.twitter {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/twitter_icon.png);
    background-position: 0px;
    background-repeat: no-repeat;
}
#social2 ul li a:hover.twitter {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/twitter_icon_over.png);
    background-position: 0px;
    background-repeat: no-repeat;
}
#social2 ul li a.linkedin {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/linkedin_icon.png);
    background-position: 0px;
    background-repeat: no-repeat;
}
#social2 ul li a:hover.linkedin {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/linkedin_icon_over.png);
    background-position: 0px;
    background-repeat: no-repeat;
}
#social2 ul li a.youtube {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/youtube_icon.png);
    background-position: 0px;
    background-repeat: no-repeat;
    width: 54px;

}
#social2 ul li a:hover.youtube {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/youtube_icon_over3.png);
    background-position: 0px;
    background-repeat: no-repeat;
}
/* definition list used for quick facts on course pages */
dl.facts {
    padding: 10px 16px 16px 10px;
    margin: 20px 0 20px 0;
    background-color: #eeeeee;
    overflow: hidden;
    -moz-box-shadow: inset 2px 2px 2px #ffffff;
    -webkit-box-shadow: inset 2px 2px 2px #ffffff;
    box-shadow: inset 2px 2px 2px #ffffff;
    line-height: 20px;
    border: 1px solid #c8c8c8;
}
dl.facts dt {
    clear: left;
    float: left;
    width: 260px;
    margin: 0;
    padding: 5px;
    border-top: 0px solid #c8c8c8;
    font-weight: bold;
}
dl.facts dd {
    float: left;
    width: 300px;
    margin: 0;
    padding: 5px;
    border-top: 0px solid #c8c8c8;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearboth { clear: both }
/* gallery */
#galleryContainer dl {
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 40px;
    padding: 3px 2px 3px 4px;
}
#galleryContainer dl dt {
    font-size: 14px;
    font-weight: bold;
    line-height: normal!important;
    margin-bottom: 10px !important;
}
#galleryContainer dl dd {
    color: #555;
    font-size: 12px;
    margin-bottom: 3px;
}
dl.advert {
    border: none;
    padding: 1px;
}
dl.highlight {
    background: #e9aa2b!important;
    border: none;
    color: #222;
    padding: 15px;
    margin-bottom: 25px;
}
dl.highlight a { color: #222!important }
dl.highlight a:hover { background: #f1f1f1!important }
dl.highlight dd {
    color: #222;
    font-size: inherit;
    margin-bottom: 10px;
}
dl.gallery {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    border: none;
    color: #222;
    font-size: 13px;
    padding: 0;
    margin: 0 30px 0 0;
}
dl.gallery a { color: #222!important }
dl.gallery a:hover { background: #fff!important }
dl.gallery dt img {
    background: #fff;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 5px;
}
dl.gallery dd {
    color: #222;
    font-size: 14px;
    font-weight: bold;
    width: 100px;
    line-height: normal;
    height: 63px;
}
dl.gallery dd.noPhotos {
    color: #777;
    font-size: 11px;
}
#content p.highlight {
    background: #e9aa2b!important;
    color: #222;
    line-height: 23px!important;
    margin: 4px 5px 25px 0!important;
    padding: 15px;
}
#content p.highlight a { color: #222!important }
#content p.highlight a:hover { background: #f1f1f1!important }
.gallery { margin: 0 0 15px 0 }
.gallery a {
    background: none!important;
    margin: 0!important;
    padding: 0!important;
}
.gallery a img {
    border: none;
    display: inline-block;
    margin: 0 0 -6px 0;
    padding: 0;
    width: 74px;
    height: 74px;
}
/* news archives */
#content ul.archive {
    margin: 4px 0 0 0px;
    list-style-type: none !important;
    background-image: none !important;
    padding: 0 0 0 0;
}
#content ul.archive li {
    list-style-type: none !important;
    background-image: none !important;
    font-weight: bold;
    font-size: 33px !important;
    padding: 0 0 10px 0 !important;
    margin: 0 0 0px 0 !important;
    color: #999999;
}
#content ul.archive ul li {
    list-style-type: none !important;
    background-image: none !important;
    font-size: 15px !important;
    font-weight: bold;
    padding: 0 0 0 0 !important;
    margin: 0 0 0px 0 !important;
    color: #000000;
}
#content ul.archive ul li ul li {
    list-style-type: none !important;
    background-image: none !important;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 0;
    margin: 0 0 0px 0;
}
#content ul.archive ul ul li a { font-weight: normal }

/*SLIDER ON HOME PAGE
----------------------------------------------------------------------------- */



body#page_14300 .slider { height:320px; overflow:hidden }

.jquery-slider-wrapper {
    position: relative;
    clear: both;
    zoom: 1;
}
.jquery-slider-slide {
    display: none;
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}
.jquery-slider-slide img {
    border: 0;
    margin: 0;
    padding: 0;
}
.jquery-slider-slide-current {
    display: block;
    z-index: 2;
}
.jquery-slider-slide-next {
    display: block;
    z-index: 1;
}
.jquery-slider-selectors {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 3;
}
.jquery-slider-selector {
    background: url(/media/dundeewebsite/cooper-gallery/jquery-slider-theme.png) no-repeat 0px -70px !important;
    display: inline;
    float: left;
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px;
}
.jquery-slider-selector-current { background: url(/media/dundeewebsite/cooper-gallery/jquery-slider-theme.png) no-repeat -16px -70px !important; }
.jquery-slider-selector span { display: none }
.jquery-slider-control {
    display: none;
    right: 50%;
    top: 50%;
    position: absolute;
    cursor: pointer;
    width: 48px;
    height: 69px;
    margin-top: -34px;
    margin-right: -24px;
    z-index: 4;
}
.jquery-slider-control span { display: none }
.jquery-slider-control-play { background: url(/media/dundeewebsite/cooper-gallery/jquery-slider-theme.png) no-repeat -144px 0 !important; }
.jquery-slider-control-pause { background: url(/media/dundeewebsite/cooper-gallery/jquery-slider-theme.png) no-repeat -96px 0 !important; }
.jquery-slider-hovered .jquery-slider-control { display: block }
.jquery-slider-navigation { display: block }
.jquery-slider-navigation-prev {
    background: url(/media/dundeewebsite/cooper-gallery/jquery-slider-theme.png) no-repeat 0 0;
    display: none;
    left: 0;
    top: 50%;
    position: absolute;
    cursor: pointer;
    width: 48px;
    height: 69px;
    margin-top: -34px;
    z-index: 4;
}
.jquery-slider-navigation-prev span { display: none }
.jquery-slider-navigation-next {
    background: url(/media/dundeewebsite/cooper-gallery/jquery-slider-theme.png) no-repeat -48px 0 !important;
    display: none;
    right: 0;
    top: 50%;
    position: absolute;
    cursor: pointer;
    width: 48px;
    height: 69px;
    margin-top: -34px;
    z-index: 4;
}
.jquery-slider-navigation-next span { display: none }
.jquery-slider-hovered .jquery-slider-navigation-prev,
.jquery-slider-hovered .jquery-slider-navigation-next { display: block }
.jquery-slider-wrapper .caption {
    padding: 6px 10px;
    background: #333333;
    font-size: 13px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #FFFFFF;
}
.jquery-slider-timer {
    color: #000000;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
}
.jquery-slider-timer-bar {
    background: #000000;
    opacity: 0.5;
    height: 3px;
    width: 0;
    float: left;
    display: inline;
}

/*TABLE STYLING
----------------------------------------------------------------------------- */
table {
    font-size: 13px;
    background-color: #eeeeee;
    background: -moz-linear-gradient(top, #e3e2e2, #fff) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#e3e2e2), to(#fff)) !important;
    background: linear-gradient(top, #e3e2e2, #fff) !important;
    text-align: left;
    margin: 10px 0 15px 0;
}
th {
    font-size: 18px !important;
    letter-spacing: 0;
    font-family: "helveticaneue", "helvetica neue", "helveticaneueroman", "helveticaneue-roman", "helvetica neue roman", "helvetica", "arial", sans-serif;
    margin: 0 10px 0 10px;
    background: #ff6264;
    vertical-align: middle;
    border-bottom: 1px solid #fff;
    color: #FFFFFF;
    padding: 5px 9px 5px 9px;
}
td {
    color: #000;
    border-top: 1px solid transparent;
    padding: 5px 9px 5px 9px;
    text-shadow: 1px 1px #fff;
    border-bottom: 1px solid #d5d5d5 !important;
}
/* QUOTE STYLING
----------------------------------------------------------------------------- */
blockquote {
    background: #f4f4f4;
    text-shadow: 1px 1px #fff;
    font-style: italic;
    float: left;
    font-size: 14px;
    border-left: 10px solid #ff6264;
    margin: 6px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote p {
    display: inline;
    font-size: 15px;
}
blockquote .quotesource {
    float: right;
    padding-top: 10px;
    font-weight: bold;
    font-style: normal;
}
blockquote img.imgright { margin: 0px 0px 0px 25px !important }
blockquote a { font-style: normal !important }
/* internal advert links in left col */
#left .leftpanel .content ul.internal-ad {
    list-style: none !important;
    text-shadow: none !important;
    padding: 0px 0 0 0px !important;
    margin: 10px 0 0 10px !important;
    position: relative !important;
    background: none;
    -moz-border-radius-bottomright: 5px !important;
    -moz-border-radius-bottomleft: 5px !important;
    -webkit-border-bottom-right-radius: 5px !important;
    -webkit-border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
#left .leftpanel .content ul.internal-ad li {
    list-style: none !important;
    width: 240px !important;
    background: none !important;
    display: block !important;
    letter-spacing: 0px !important;
    font-size: 18px !important;
    letter-spacing: 0;
    font-family: "helveticaneue", "helvetica neue", "helveticaneueroman", "helveticaneue-roman", "helvetica neue roman", "helvetica", "arial", sans-serif !important;
    font-weight: bold !important;
    padding: 0 0 0px 0px !important;
    margin-bottom: 4px !important;
    color: #FFFFFF !important;
}
.leftpanel .content ul.internal-ad li a {
    color: #fff !important;
    position: relative !important;
    font-weight: bold !important;
    padding: 10px !important;
    margin: 0 0 0 0 !important;
    text-shadow: none !important;
    font-size: 16px !important;
    display: block !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.leftpanel .content ul.internal-ad li a span {
    font-size: 12px !important;
    display: block !important;
    width: 135px !important;
    line-height: 17px !important;
    padding-top: 7px !important;
    color: #FFFFFF !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
}

#left .leftpanel .content ul.internal-ad li a:hover {
    text-decoration: underline !important;
    background-position: 0px 0px !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
/*
 * Sliding Tabs - jQuery Plugin for Programmes page
 *
------------------------------------------------------------------------------------- */
div.st_horizontal {
    /* The main container */
    position: relative;
    z-index: 1000;
    float: left;
    clear: both;
    width: 940px;
    color: #616161;
    margin-top: 0px;
    background-color: #e8e8e8;
    background-repeat: repeat-x;
}
/* Tabs
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_tabs_container {
    /* Tabs main container */
    position: relative !important; /* The tabs position will be calculated from ul.tabs first parent element with position: relative */;
    z-index: 100;
    float: left;
    width: 940px; /* Remember to change the slideLength option as well if you change this value */
    height: 95px;
    margin-bottom: -1px;
    border-left: 1px solid #d4d4d4;
    overflow: hidden;
}
div.st_horizontal ul.st_tabs {
    /* Tabs unordered list */
    width: 10000px; /* Set to an arbitrary high value */
    height: 95px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
div.st_horizontal ul.st_tabs li {
    /* Tab list elements */
    float: left;
    width: 235px;
    background-image: none !important;
    list-style-type: none !important;
}
div.st_horizontal ul.st_tabs li a {
    /* Tab links */
    display: block;
    background-image: none !important;
    height: 95px;
    margin: 0px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 18px; /* Aligns the tabs to the bottom of the content container */
    color: rgb(70,70,70);
    font-weight: bold;
    text-decoration: none;
    outline: none;
    border-top: 0px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}
body#page_14472 div.st_horizontal div.st_tabs_container { height: 45px }
body#page_14472 div.st_horizontal ul.st_tabs { height: 45px }
body#page_14472 div.st_horizontal ul.st_tabs li { width: 340px }
body#page_14472 div.st_horizontal ul.st_tabs li a { height: 45px }
div.st_horizontal ul.st_tabs a:hover {
    /* Tabs hover state */
    color: #333;
    text-decoration: none !important;
}
div.st_horizontal ul.st_tabs a.st_tab_active {
    /* Tab active/highlighted state */
    color: #6a6a6a;
    border-bottom-color: #fff;
    border-top: 1px solid #d4d4d4;
    background: #fff;
}
/* Content
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_content {
    /* Main content container */
    position: relative;
    z-index: 5;
    float: left;
    width: 899px;
    height: 700px;
    padding: 20px; /* Set the padding for the content here */
    border: 1px solid #d4d4d4;
    background-color: #fff;
    overflow: auto; /* Makes the content scroll if Javascript is disabled */
}
div.st_horizontal div.st_view_container {
    /* Slide-container for the content */
    position: relative;
    height: 700px;
}
div.st_horizontal div.st_tab_view {
    /* Individual content containers */
    width: 899px;
    margin-bottom: 30px;
    background-color: #fff;
}
div.st_horizontal div.st_content h2 {
    font-size: 25px;
    line-height: 27px;
    font-weight: normal;
    background-repeat: no-repeat;
    text-shadow: 1px 1px #fff;
    margin: 0px 0 0 0px;
    height: 40px;
    padding-top: 0px;
    color: #666;
}
div.st_horizontal div.st_content p {
    margin: 0 0 14px 0;
    font-size: 14px;
    padding: 0px;
    color: #222;
    font-family: "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
}
div.st_horizontal div.st_content dl {
    width: 903px;
    font-family: "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
    margin-bottom: 0px;
    border-bottom: 1px solid #b8b8b8;
    border-top: 1px solid #fff;
    padding: 7px 0 7px 0;
    float: left;
    color: #666;
    background-repeat: no-repeat;
    background-image: url(/media/dundeewebsite/cooper-gallery/arrow.png);
    clear: both;
}
div.st_horizontal div.st_content dl.scenario1 {
    background-color: #f5f5f5;
    background-position: 380px center;
}
div.st_horizontal div.st_content dl.scenario2 {
    background-color: #f5f5f5;
    background-position: 380px center;
}
div.st_horizontal div.st_content dl.scenario3 {
    background-color: #f5f5f5;
    background-position: 380px center;
}
div.st_horizontal div.st_content dt {
    float: left;
    clear: left;
    width: 350px;
    text-align: right;
    padding-top: 3px;
    padding-bottom: 3px;
}
div.st_horizontal div.st_content dd {
    margin: 0 0 0 360px;
    padding: 3px 0 3px 70px;
}
div.st_horizontal div.st_content a {
    color: rgb(67, 101, 226);
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 8px 10px 8px 0px;
}
div.st_horizontal div.st_content a:hover {
    color: #ff6264;
    text-decoration: underline;
}
div.st_horizontal div.st_content dl a {
    display: inline;
    font-size: 13px;
    font-weight: normal;
    padding-right: 0;
}

/* Home slider styling
------------------------------------------------------------------------------------- */
body#page_14300 div.st_horizontal div.st_content {
    /* Main content container */
    position: relative;

    z-index: 5;
    float: left;
    width: 960px !important;
    border-top: 1px solid #ff6264 !important;
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding: 0px !important;
    background: transparent !important;
    overflow: auto; /* Makes the content scroll if Javascript is disabled */

}
body#page_14300 div.st_horizontal div.st_view_container {
    /* Slide-container for the content */
    position: relative;
	height:160px;
	overflow:hidden

}
body#page_14300 div.st_horizontal div.st_tab_view {
    /* Individual content containers */
    width: 960px;
    margin-bottom: 0px;
    background: transparent !important;
}
#newsContainer {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/curved-shadow.png);
    background-repeat: no-repeat;
    min-height:200px;
    padding-top: 10px;
}
body#page_14300 div.st_horizontal div.st_content .article_summary_home { padding: 10px 0 10px 0 !important; border-bottom: none; }

body#page_14300 div.st_horizontal div.st_content  .article_summary_home p {
    padding-left: 120px !important;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 17px !important;
    color: #353535;
    margin-bottom: 4px !important;


}
body#page_14300 div.st_horizontal div.st_content a {
    color: #ff6264;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    display: inline;
    padding: 0px;
}

body#page_14300 div.st_horizontal div.st_content  .article_summary_home h5 a {
    color: rgb(67, 101, 226) !important;
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-size: 15px;
    font-weight:bold;
}

body#page_14300 div.st_horizontal div.st_content .article_summary_home h5 {
    color: #ff6264 !important;
    padding-left: 120px !important;

    line-height: 17px;
}

body#page_14300 div.st_horizontal div.st_content  .article_summary_home h5 a:hover {
    color: #ff6264;
    text-decoration: underline;
    background-color: none !important;
}
body#page_14300 div.st_horizontal div.st_content  .article_summary_home img {
    float: left;
  padding:0;
   margin-top: 4px !important;
    border:1px solid #fff
}



/* programmes page thumbnails */
ul.programmes {
    margin: 0;
    padding: 0;
    display: inline;
}
ul.programmes li {
    float: left;
    list-style-type: none !important;
    margin: 0 0px 0px 0;
    padding: 0;
}
ul.programmes li a {
    display: block;
    width: 453px;
    background-color: #ff6264;
    text-decoration: none;
    color: #fff;
    margin: 26px 10px 5px 0;
    padding: 215px 0 0 12px;
    height: 40px;
    line-height: 26px;
    font-size: 24px;
    font-weight: normal;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background-repeat: no-repeat;
}
ul.programmes li a.alt { margin-right: 0 }
ul.programmes li a:hover {
    color: #fff;
    background-color: #afafaf;
    -moz-box-shadow: 0 0 0 1px #ffffff, 0 0 0 4px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 0 1px #ffffff, 0 0 0 4px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 4px rgba(0, 0, 0, .1);
    text-decoration: none !important;
}

/* HIGHLIGHT BOX TO BREAK UP LONG CONTENT
----------------------------------------------------------------------------- */
.highlight {
    background: #f4f4f4;
    text-shadow: 1px 1px #fff;
    padding: 10px 10px 6px 20px;
    margin-bottom: 15px;
    border: 0px solid #d1d1d1;
}
/* Slider for research pages
------------------------------------------------------------------------------------- */



.project-details {
    width: 345px;
    height: 100px;
    background: #000000;
    background: rgba(0,0,0,0.8);
    color: #FFFFFF;
    padding: 10px;
    position: absolute;
    top: 20px;
    left: 295px;
}
.project-details2 {
    width: 960px;
    height: 50px;
    background: #000000;
    background: rgba(0,0,0,0.8);
    color: #FFFFFF;
    padding: 10px;
    position: absolute;
    top: 280px;
    left: 0px;
}
.project-title {
    background-color: #2f2f2f;
    padding: 15px 10px 10px 10px;
    margin-bottom: 10px;
    width: 640px;
    float: left;
}
.project-title h5 {
    color: #fff;
    font-size: 33px;
    line-height: 30px;
    margin-bottom: 8px;
    font-family: "HelveticaNeue-Medium", Arial;
}
.project-title p {
    color: #a4a4a4;
    font-size: 16px;
}
.project-people {
    float: left;
    border-bottom: 1px dotted #ADACAC;
    margin-bottom: 10px;
}
#centre .project-people p { font-size: 13px !important }

/*
VideoJS Default Styles (http://videojs.com)
Version 2.0.2

REQUIRED STYLES (be careful overriding)
================================================================================ */
/* Box containing video, controls, and download links.
   Will be set to the width of the video element through JS
   If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */
.video-js-box {
    text-align: left;
    position: relative;
    line-height: 0 !important;
    margin: 0 0 0 20px;
    padding: 0 !important;
    border: none !important;
}
/* Video Element */
video.video-js {
    background-color: #000;
    position: relative;
    padding: 0;
}
.vjs-flash-fallback { display: block }
/* Poster Overlay Style */
.video-js-box img.vjs-poster {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
/* Subtiles Style */
.video-js-box .vjs-subtitles {
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
}
/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
}
.video-js-box.vjs-fullscreen video.video-js,
.video-js-box.vjs-fullscreen .vjs-flash-fallback {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
.video-js-box.vjs-fullscreen img.vjs-poster { z-index: 1001 }
.video-js-box.vjs-fullscreen .vjs-spinner { z-index: 1001 }
.video-js-box.vjs-fullscreen .vjs-controls { z-index: 1003 }
.video-js-box.vjs-fullscreen .vjs-big-play-button { z-index: 1004 }
.video-js-box.vjs-fullscreen .vjs-subtitles { z-index: 1004 }
/* Styles Loaded Check */
.vjs-styles-check {
    height: 5px;
    position: absolute;
}
/* Controls Below Video */
.video-js-box.vjs-controls-below .vjs-controls {
    position: relative;
    opacity: 1;
    background-color: #000;
}
.video-js-box.vjs-controls-below .vjs-subtitles { bottom: 75px } /* Account for height of controls below video */
/* DEFAULT SKIN (override in another file)
================================================================================
Using all CSS to draw the controls. Images could be used if desired.
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. */
/* Controls Layout
  Using absolute positioning to position controls */
.video-js-box .vjs-controls {
    position: absolute;
    margin: 0;
    opacity: 0.85;
    color: #fff;
    display: none; /* Start hidden */
    left: 0;
    nowhitespace: afterproperty;
    right: 0;
    /* 100% width of video-js-box */
    width: 100%;
    bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
    height: 35px; /* Including any margin you want above or below control items */
    padding: 0; /* Controls are absolutely position, so no padding necessary */
}
.video-js-box .vjs-controls > div {
    /* Direct div children of control bar */
    position: absolute; /* Use top, bottom, left, and right to specifically position the control. */
    text-align: center;
    margin: 0;
    padding: 0;
    height: 25px; /* Default height of individual controls */
    top: 5px; /* Top margin to put space between video and controls when controls are below */
    /* CSS Background Gradients : ;
    /* Default */ background-color: #0B151A;;
    /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;;
    /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;;
    /* CSS Curved Corners */
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    /* CSS Shadows */
    box-shadow: 1px 1px 2px #000;
    -webkit-box-shadow: 1px 1px 2px #000;
    -moz-box-shadow: 1px 1px 2px #000;
}
/* Placement of Control Items
   - Left side of pogress bar, use left & width
   - Rigth side of progress bar, use right & width
   - Expand with the video (like progress bar) use left & right */
.vjs-controls > div.vjs-play-control {
    left: 5px;
    width: 25px;
}
.vjs-controls > div.vjs-progress-control {
    left: 35px;
    right: 165px;
} /* Using left & right so it expands with the width of the video */
.vjs-controls > div.vjs-time-control {
    width: 75px;
    right: 90px;
} /* Time control and progress bar are combined to look like one */
.vjs-controls > div.vjs-volume-control {
    width: 50px;
    right: 35px;
}
.vjs-controls > div.vjs-fullscreen-control {
    width: 25px;
    right: 5px;
}
/* Removing curved corners on progress control and time control to join them. */
.vjs-controls > div.vjs-progress-control {
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
}
.vjs-controls > div.vjs-time-control {
    border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
}
/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-play-control { cursor: pointer !important }
/* Play Icon */
.vjs-play-control span {
    display: block;
    font-size: 0;
    line-height: 0;
}
.vjs-paused .vjs-play-control span {
    width: 0;
    height: 0;
    margin: 8px 0 0 8px;
    /* Drawing the play triangle with borders - http: //www.infimum.dk/HTML/slantinfo.html */;
    border-left: 10px solid #fff; /* Width & Color of play icon */
    /* Height of play icon is total top & bottom border widths. Color is transparent. */
    border-top: 5px solid rgba(0,0,0,0);
    border-bottom: 5px solid rgba(0,0,0,0);
}
.vjs-playing .vjs-play-control span {
    width: 3px;
    height: 10px;
    margin: 8px auto 0;
    /* Drawing the pause bars with borders */
    border-top: 0px;
    border-left: 3px solid #fff;
    border-bottom: 0px;
    border-right: 3px solid #fff;
}
/* Progress
-------------------------------------------------------------------------------- */
.vjs-progress-holder {
    /* Box containing play and load progresses */
    position: relative;
    padding: 0;
    overflow: hidden;
    cursor: pointer !important;
    height: 9px;
    border: 1px solid #464646;
    margin: 7px 1px 0 5px; /* Placement within the progress control item */
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.vjs-progress-holder div {
    /* Progress Bars */
    position: absolute;
    display: block;
    width: 0;
    height: 9px;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.vjs-play-progress {
    /* CSS Gradient */
    /* Default */ background: #fff;;
    /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));;
    /* Firefox */ background: -moz-linear-gradient(top,  #fff,  #777);;
}
.vjs-load-progress {
    opacity: 0.8;
    /* CSS Gradient */
    /* Default */ background-color: #555;;
    /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));;
    /* Firefox */ background: -moz-linear-gradient(top,  #555,  #aaa);;
}
/* Time Display
-------------------------------------------------------------------------------- */
.vjs-controls .vjs-time-control {
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
}
.vjs-controls .vjs-time-control span {
    line-height: 25px; /* Centering vertically */
}
/* Volume
-------------------------------------------------------------------------------- */
.vjs-volume-control { cursor: pointer !important }
.vjs-volume-control div {
    display: block;
    margin: 0 5px 0 5px;
    padding: 4px 0 0 0;
}
/* Drawing the volume icon using 6 span elements */
.vjs-volume-control div span {
    /* Individual volume bars */
    float: left;
    padding: 0;
    margin: 0 2px 0 0; /* Space between */
    width: 5px;
    nowhitespace: afterproperty;
    height: 0px;
    /* Total height is height + bottom border */
    border-bottom: 18px solid #464646; /* Default (off) color and height of visible portion */
}
.vjs-volume-control div span.vjs-volume-level-on {
    border-color: #fff; /* Volume on bar color */
}
/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
.vjs-volume-control div span:nth-child(1) {
    border-bottom-width: 2px;
    height: 16px;
}
.vjs-volume-control div span:nth-child(2) {
    border-bottom-width: 4px;
    height: 14px;
}
.vjs-volume-control div span:nth-child(3) {
    border-bottom-width: 7px;
    height: 11px;
}
.vjs-volume-control div span:nth-child(4) {
    border-bottom-width: 10px;
    height: 8px;
}
.vjs-volume-control div span:nth-child(5) {
    border-bottom-width: 14px;
    height: 4px;
}
.vjs-volume-control div span:nth-child(6) { margin-right: 0 }
/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control {
    cursor: pointer !important;
    display: none !important;
}
.vjs-fullscreen-control div {
    padding: 0;
    text-align: left;
    vertical-align: top;
    cursor: pointer !important;
    margin: 5px 0 0 5px; /* Placement within the fullscreen control item */
    width: 20px;
    height: 20px;
}
/* Drawing the fullscreen icon using 4 span elements */
.vjs-fullscreen-control div span {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    width: 0;
    text-align: left;
    vertical-align: top;
}
.vjs-fullscreen-control div span:nth-child(1) {
    /* Top-left triangle */
    margin-right: 3px; /* Space between top-left and top-right */
    margin-bottom: 3px; /* Space between top-left and bottom-left */
    border-top: 6px solid #fff; /* Height and color */
    border-right: 6px solid rgba(0,0,0,0); /* Width */
}
.vjs-fullscreen-control div span:nth-child(2) {
    border-top: 6px solid #fff;
    border-left: 6px solid rgba(0,0,0,0);
}
.vjs-fullscreen-control div span:nth-child(3) {
    clear: both;
    margin: 0 3px 0 0;
    border-bottom: 6px solid #fff;
    border-right: 6px solid rgba(0,0,0,0);
}
.vjs-fullscreen-control div span:nth-child(4) {
    border-bottom: 6px solid #fff;
    border-left: 6px solid rgba(0,0,0,0);
}
/* Icon when video is in fullscreen mode */
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) {
    border: none;
    border-bottom: 6px solid #fff;
    border-left: 6px solid rgba(0,0,0,0);
}
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) {
    border: none;
    border-bottom: 6px solid #fff;
    border-right: 6px solid rgba(0,0,0,0);
}
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) {
    border: none;
    border-top: 6px solid #fff;
    border-left: 6px solid rgba(0,0,0,0);
}
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) {
    border: none;
    border-top: 6px solid #fff;
    border-right: 6px solid rgba(0,0,0,0);
}
/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
.vjs-no-video {
    font-size: small;
    line-height: 1.5;
}
/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
    display: none; /* Start hidden */ z-index: 2;;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -43px 0 0 -43px;
    text-align: center;
    vertical-align: center;
    cursor: pointer !important;
    border: 3px solid #fff;
    opacity: 0.9;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    /* CSS Background Gradients */
    /* Default */ background-color: #0B151A;;
    /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;;
    /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 40px;;
    /* CSS Shadows */
    box-shadow: 4px 4px 8px #000;
    -webkit-box-shadow: 4px 4px 8px #000;
    -moz-box-shadow: 4px 4px 8px #000;
}
div.vjs-big-play-button:hover {
    box-shadow: 0px 0px 80px #fff;
    -webkit-box-shadow: 0px 0px 80px #fff;
    -moz-box-shadow: 0px 0px 80px #fff;
}
div.vjs-big-play-button span {
    display: block;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    margin: 20px 0 0 23px;
    /* Drawing the play triangle with borders - http: //www.infimum.dk/HTML/slantinfo.html */;
    border-left: 40px solid #fff; /* Width & Color of play icon */
    /* Height of play icon is total top & bottom border widths. Color is transparent. */
    border-top: 20px solid rgba(0,0,0,0);
    border-bottom: 20px solid rgba(0,0,0,0);
}
/* Spinner Styles
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    z-index: 1;
    margin: -50px 0 0 -50px;
    /* Scaling makes the circles look smoother. */
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
}
/* Spinner circles */
.vjs-spinner div {
    position: absolute;
    left: 40px;
    top: 40px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */
}
/* Each circle */
.vjs-spinner div:nth-child(1) {
    opacity: 0.12;
    transform: rotate(000deg) translate(0, -40px) scale(0.1);
    -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1);
    -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1);
}
.vjs-spinner div:nth-child(2) {
    opacity: 0.25;
    transform: rotate(045deg) translate(0, -40px) scale(0.2);
    -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2);
    -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2);
}
.vjs-spinner div:nth-child(3) {
    opacity: 0.37;
    transform: rotate(090deg) translate(0, -40px) scale(0.4);
    -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4);
    -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4);
}
.vjs-spinner div:nth-child(4) {
    opacity: 0.50;
    transform: rotate(135deg) translate(0, -40px) scale(0.6);
    -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6);
    -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6);
}
.vjs-spinner div:nth-child(5) {
    opacity: 0.62;
    transform: rotate(180deg) translate(0, -40px) scale(0.8);
    -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8);
    -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8);
}
.vjs-spinner div:nth-child(6) {
    opacity: 0.75;
    transform: rotate(225deg) translate(0, -40px) scale(1.0);
    -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0);
    -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0);
}
.vjs-spinner div:nth-child(7) {
    opacity: 0.87;
    transform: rotate(270deg) translate(0, -40px) scale(1.1);
    -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1);
    -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1);
}
.vjs-spinner div:nth-child(8) {
    opacity: 1.00;
    transform: rotate(315deg) translate(0, -40px) scale(1.3);
    -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3);
    -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3);
}
/*

 wFORMS 3.0 Stylesheet - Minimal Stylesheet

 See http://www.formassembly.com/wForms


 This stylesheet and the associated images are Copyright (c) 2007-2008 Veer West LLC (http://www.veerwest.com)

 and licensed under the Creative Commons Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/2.0/)

*/
/* form styling */
/* `UI Consistency
----------------------------------------------------------------------------------------------------*/
::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input[type="search"]::-webkit-search-decoration { display: none }
input,
button,
select,
textarea {
    margin: 0;
    vertical-align: middle;
}
input[type="radio"],
input[type="checkbox"] {
    position: relative;
    vertical-align: top;
    top: 3px;
    /* IE8, IE9, IE10 */
    top: 0\0;
    /* IE7 */
    *top: -3px;
}
/* iPad */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
    input[type="radio"],
    input[type="checkbox"] {
        vertical-align: baseline;
        top: 2px;
    }
}
/* iPhone 3 */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
    input[type="radio"],
    input[type="checkbox"] {
        vertical-align: baseline;
        top: 0;
    }
}
/* iPhone 4 */
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
    input[type="radio"],
    input[type="checkbox"] {
        vertical-align: baseline;
        top: 0;
    }
}
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
    -webkit-appearance: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    background: #ddd url(../images/button.png) repeat-x;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
    background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
    border: 1px solid;
    border-color: #ddd #bbb #999;
    cursor: pointer;
    color: #333;
    /*: ;*/
    font: bold 12px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    outline: 0;
    overflow: visible;
    padding: 3px 10px;
    width: auto;
    /* IE7 */
    *padding-top: 2px;
    *padding-bottom: 0px;
}
button {
    /* IE7 */
    *padding-top: 1px;
    *padding-bottom: 1px;
}
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid;
    border-color: #848484 #c1c1c1 #e1e1e1;
    color: #000;
    outline: 0;
    padding: 2px 3px;
    font-size: 13px;
    /*: ;*/
    font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
    height: 1.8em;
    /* IE7 */
    *padding-top: 2px;
    *padding-bottom: 1px;
    *height: auto;
}
/*
  Separate rule for Firefox.
  Separate rule for IE, too.
  Cannot stack with WebKit's.
*/
::-webkit-input-placeholder { color: #888 }
input:-moz-placeholder,
textarea:-moz-placeholder { color: #888 }
input.placeholder_text,
textarea.placeholder_text { color: #888 }
:invalid {
    /*: ;*/
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
    -moz-box-shadow: #06f 0 0 7px;
    -webkit-box-shadow: #06f 0 0 7px;
    box-shadow: #06f 0 0 7px;
    /* for Opera */
    z-index: 1;
}
input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] { background-color: #eee }
button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #888;
    cursor: default;
}
textarea,
select[size],
select[multiple] { height: auto }
/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
    select {
        background-image: url(../images/select_arrow.gif);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 20px;
    }
    select[size],
    select[multiple] {
        background-image: none;
        padding: 0;
    }
    ::-webkit-validation-bubble-message {
        box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
        border: 1px solid;
        border-color: #747474 #5e5e5e #4f4f4f;
        color: #fff;
        font: 11px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
        padding: 15px 15px 17px;
        text-shadow: #000 0 0 1px;
    }
    ::-webkit-validation-bubble-top-outer-arrow,
    ::-webkit-validation-bubble-top-inner-arrow { display: none }
    textarea {
        min-height: 40px;
        overflow: auto;
        resize: vertical;
        width: 100%;
    }
    optgroup {
        color: #000;
        font-style: normal;
        font-weight: normal;
    }
    /* `IE6
    ----------------------------------------------------------------------------------------------------*/
    /*
      Everything below this line is for IE6.
      Delete it if you don't support it! :)

      Classes are added dynamically via JS,
      because IE6 doesn't support attribute
      selectors: .ie6_button, .ie6_input, etc.

      Note: These style rules are somewhat
      duplicated because IE6 bombs out when
      it sees attribute selectors. Example:

      .ie6_button {
        This works in IE6.
      }

      .ie6_button,
      input[type=submit] {
        This doesn't work.
      }
    */
    .ie6_button,
    * html button {
        background: #ddd url(../images/button.png) repeat-x;
        border: 1px solid;
        border-color: #ddd #bbb #999;
        cursor: pointer;
        color: #333;
        font: bold 12px/1.2 Arial, sans-serif;
        padding: 2px 10px 0px;
        overflow: visible;
        width: auto;
    }
    * html button {
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .ie6_input,
    * html textarea,
    * html select {
        background: #fff;
        border: 1px solid;
        border-color: #848484 #c1c1c1 #e1e1e1;
        color: #000;
        padding: 2px 3px 1px;
        font-size: 13px;
        font-family: Arial, sans-serif;
        vertical-align: top;
    }
    * html select { margin-top: 1px }
    .placeholder_text,
    .ie6_input_disabled,
    .ie6_button_disabled { color: #888 }
    .ie6_input_disabled { background: #eee }
    .wForm form {
        font-family: arial!important;
        padding: 0!important;
        margin: 0 0 0 0 !important;
    }
    .wForm form .Onefield { margin-bottom: 0 !important }
    .wForm form .actions .primaryAction {
        text-transform: uppercase;
        color: #ff6264;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        float: left;
        text-align: center;
        margin: 0px 10px 14px 0;
        display: block;
        padding: 8px 10px 10px 10px;
        width: 142px;
        background-image: none !important;
        background-color: #ffffff !important;
        border: 1px solid #ff6264;
        /*-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 0 1px #e14482, 0 0 0 4px rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 0 0 1px #e14482, 0 0 0 4px rgba(0, 0, 0, .1);
        box-shadow: 0 0 0 1px #e14482, 0 0 0 4px rgba(0, 0, 0, .1);*/
        /*background: -moz-linear-gradient(top, #ff86b3, #e14482);
        background: -webkit-gradient(linear, left top, left bottom, from(#ff86b3), to(#e14482));
        background: linear-gradient(top, #ff86b3, #e14482);
        text-shadow: 0 1px 2px #555;*/
        -moz-transition: all .2s ease;
        -webkit-transition: all .2s ease;
    }
    .wForm form .actions .primaryAction:hover {

        /*-moz-box-shadow: 0 0 0 1px #ffffff, 0 0 0 4px rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 0 0 1px #ffffff, 0 0 0 4px rgba(0, 0, 0, .1);
        box-shadow: 0 0 0 1px #ffffff, 0 0 0 4px rgba(0, 0, 0, .1);*/
        color: #fff;
        background: none;
        border: 0;
        background-color: rgb(255,98,100) !important;
    }
    /* FIREFOX BUG FIXES ================================================================ */
    /* layout bug fix for divs with overflow:auto|hidden and absolute positioning */
    .wForm form .inlineSection,
    x:-moz-any-link {
        overflow: inherit !important;
        /* override overflow setting */
    }
    .wForm .inlineSection:after,
    x:-moz-any-link {
        /* use: after pseudo-rule to clear floatting content */;
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    /* IE6 BUG FIXES ==================================================================== */
    /* IE Pick-a-boo bug fix */
    * html .wForm form { height: 1% }
    /* Fixes IE 6 problem with fieldset+legend boundaries */
    * html .wForm form fieldset {
        position: relative;
        margin-top: 1em;
        padding-top: 2em;
    }
    * html .wForm form fieldset legend {
        position: absolute;
        top: -.5em;
        left: .5em;
    }
    /* Fix min-width support */
    * html .wForm label.preField,
    * html .wForm .labelsLeftAligned label.preField,
    * html .wForm .labelsRightAligned label.preField { }
    /* Added by WebDev */
    /*#news_container, .news_enclosure, #staff_container { padding-right: 30px; }*/
    .paging_info {
        text-align: right;
        font-style: italic;
        color: #333;
        margin-bottom: 5px;
    }
    .paging_info span { font-weight: bold }
    .paging_info span.group { }
    .page_navigation a.page_link { text-transform: uppercase }
    .page_navigation_staff a.page_link { margin-right: 0!important }
    .no_of_results {
        text-align: right;
        color: #333;
        font-style: italic;
    }
    .no_of_results .total { font-weight: bold }
    .navigator {
        margin: 2px 6px 15px 0px;
        text-align: left;
        width: 610px;
    }
    .navigator a {
        border-left: 1px solid #efefef;
        border-right: 1px solid #efefef;
        border-right: 1px solid #adacac;
        border-bottom: 1px solid #adacac;
        margin-right: 0;
        padding: 4px;
        color: #ff6264;
        background-color: #efefef;
        text-decoration: none;
    }
    .navigator a:hover,
    .navigator .inactive {
        background-color: #ff6264;
        border: 1px solid #ff6264;
        color: #fff;
        text-decoration: none !important;
    }
    .navigator .pagingItem { padding: 4px }
    .navigator .inactive { padding: 3px 4px !important }
    .navigator .firstinactive,
    .navigator .previousinactive { padding-left: 16px !important }
    .navigator .nextinactive,
    .navigator .lastinactive { padding-right: 16px !important }
    .navigator .first {
        background-image: url(/media/dundeewebsite/cooper-gallery/arrow6.gif);
        background-repeat: no-repeat;
        background-position: center left;
        padding-left: 16px;
    }
    .navigator .first:hover {
        background-image: url(/media/dundeewebsite/cooper-gallery/arrow6_over.gif);
        text-decoration: none !important;
    }
    .navigator .previous {
        background-image: url(/media/dundeewebsite/cooper-gallery/arrow5.gif);
        background-repeat: no-repeat;
        background-position: center left;
        padding-left: 16px;
    }
    .navigator .previous:hover {
        background-image: url(/media/dundeewebsite/cooper-gallery/arrow5_over.gif);
        text-decoration: none !important;
    }
    .navigator .last {
        background-image: url(/media/dundeewebsite/cooper-gallery/arrow4.gif);
        background-repeat: no-repeat;
        padding-right: 16px;
        background-position: center right;
    }
    .navigator .last:hover {
        background-image: url(/media/dundeewebsite/cooper-gallery/arrow4_over.gif);
        text-decoration: none !important;
    }
    .navigator .next {
        background-image: url(/media/dundeewebsite/cooper-gallery/arrow3.gif);
        background-repeat: no-repeat;
        padding-right: 16px;
        background-position: center right;
    }
}







#page_14300 #centre {
	border-top: none;
	padding-top: 0;
}
.slider-move {display: none;}











/* OLD HOMEPAGE STYLES */

/* 3 panels on home page  */

#heros {
    height:110px;
    background-color:#ff6264;
    background-image:url(/media/dundeewebsite/djcad2/assets/img/hightlights_bg.png);
    padding: 10px 0 0px 0
}
#heros ul {
    list-style-type: none !important;
    margin:0;
    padding:0;
}
#heros ul li {
    float: left;
    list-style-type: none !important;
    background-color:#eeeeee;
}
#heros ul li a {
    display: block;
    text-decoration: none;
    padding: 10px 114px 0 12px;
    font-size: 14px;
    font-weight:bold;
    color: #ff6264;
    height:90px;
    text-shadow:1px 1px #fff;
}
#heros ul li a:hover {
    background-color: rgba(0, 0, 0, 0.1);
    text-shadow:none;
    background-repeat:no-repeat;
    text-decoration:none !important;
}
#heros ul li a span {
    text-decoration: none;
    font-size: 13px;
    font-weight:normal;
    color: #464646;
}
li.grid_8.alpha {
    background-image:url(/media/dundeewebsite/djcad2/assets/img/pic3.jpg);
    background-repeat:no-repeat;
    background-position:top right
}
li.grid_8 {
    background-image:url(/media/dundeewebsite/djcad2/assets/img/pic4.jpg);
    background-repeat:no-repeat;
    background-position:top right
}
li.grid_8.omega {
    background-image:url(/media/dundeewebsite/djcad2/assets/img/pic5.jpg) !important;
    background-repeat:no-repeat;
    background-position:top right
}
/* bottom right horizontal list on home page  */

#secondaryLinks ul {
    list-style:none;
    padding: 0px 0 0 0px;
    margin: 25px 0 0 0;
    background-color:#eeeeee;
    border-top:1px solid #ff6264;
    position: relative;
}
#secondaryLinks ul li {
    list-style:none !important;
    background:none !important;
    padding: 0px 0 0px 0px !important;
    margin: 0 0 0 0 !important;
    display:block !important;
}
#secondaryLinks ul li a {
    color:#333333;
    position:relative;
    font-size:14px;
    font-weight:normal;
    border-bottom:1px solid #ff6264;
    padding: 20px 0 20px 12px !important;
    margin: 0 0 0 0 !important;
    text-decoration:none;
    display:block !important;
    background-repeat:no-repeat !important;
    background-position:top right !important;
    text-shadow:1px 1px #fff !important;
    height:19px !important;
}
 #secondaryLinks ul li a[href^="http:"] {
color:#333333;
 font-size:14px;
 font-weight:normal;
 border-bottom:1px solid #ff6264;
 padding: 20px 0 20px 12px;
 margin: 0 0 0 0;
 text-decoration:none;
 display:block !important;
 background-repeat:no-repeat;
 background-position:top right;
 text-shadow:1px 1px #fff;
}
#secondaryLinks li a.exhibitions {
    background-image:url(/media/dundeewebsite/djcad2/assets/img/secondaryLinks_bg1.png);
}
#secondaryLinks li a.how {
    background-image:url(/media/dundeewebsite/djcad2/assets/img/secondaryLinks_bg2.png);
}
#secondaryLinks li a.research {
    background-image:url(/media/dundeewebsite/djcad2/assets/img/secondaryLinks_bg3.png);
}
#secondaryLinks li a.about {
    background-image:url(/media/dundeewebsite/djcad2/assets/img/secondaryLinks_bg4.png);
}
#secondaryLinks ul li a:hover {
    background-color:#dedede;
    text-decoration:none !important;
    text-shadow:none;
 -webkit-transition: all .2s ease;
 -moz-transition: all .2s ease;
 -o-transition: all .2s ease;
 transition: all .2s ease;
}
/* news and events articles on home page  */


#newsContainer h4 {
    border-bottom:1px solid #ff6264 !important;
    font-size:16px;
    display:block;
    color:#b8b8b8 !important;
    text-align:center !important;
    font-weight:normal;
    text-transform:uppercase;
    padding: 5px 0 0px 0;
    height:20px;
}
.article_summary_home {
    padding: 10px 0 10px 0;
    border-bottom: 1px dotted #ADACAC
}
.article_summary_home h5 {
    color:#ff6264;
    padding-left:160px;
    font-weight:normal !important;
}
.article_summary_home h5 a {
    color:#ff6264 !important;
    text-decoration:none;
}
.article_summary_home h5 a:hover {
    color:#ff6264;
    text-decoration:underline;
    background-color:none !important;
}
.article_summary_home p {
    padding-left:160px;
    line-height:17px !important;
    color:#31310f;
    margin-bottom:4px !important;
}
.article_summary_home img {
    float:left;
    padding-left:30px;
    padding-top:4px
}

/* slideshow on home page */

.slideshow_wrap {
    height:280px;
    width:940px;
    padding:0px;
    position:relative;
    text-align:left;
    overflow:hidden !important;
}
.slideshow_wrap h1 a {
    color:#FFFFFF !important;
}
.slideshow_wrap h2 a {
    color:#FFFFFF !important;
}
.container {
    list-style: none !important;
    margin: 0;
    padding: 0;
    text-align:left;
    padding:0px;
    position:relative;
    height:280px;
    width:940px;
    float:left;
    display:block;
    overflow:hidden
}
.container li {
    padding:0px;
    color:#ff6264;
    margin:0px;
    height:280px;
    width:940px;
    position:relative;
    overflow:hidden !important;
}
.sliderControls {
    width:230px;
    height:239px;
    left:673px;
    top:22px;
    margin:0px;
    padding: 0;
    position:absolute;
    z-index:3;
}
.sliderControls li.control {
    width:230px;
    margin:0px !important;
    padding:0 !important;
    height:59px;
    background-color:#FFFFFF;
    cursor:pointer;
    list-style: none !important;
}
.sliderControls li.active {
    width:230px;
    margin:0px !important;
    padding:0 !important;
    background-color:#ff6264
}
.control h2 {
    padding:20px 0px 0px 12px !important;
    letter-spacing:1px;
    margin:0px !important;
    line-height:15px;
    font-size:15px;
    color:#ff6264;
    text-decoration:none;
    border:0;
}
.active h2 {
    color:#fff;
    font-size:15px;
}
.control h3 {
    padding:20px 0px 0px 12px !important;
    letter-spacing:1px;
    margin:0px !important;
    line-height:15px;
    font-size:15px;
    color:#ff6264;
    text-decoration:none;
    border:0;
}
.active h3 {
    color:#fff;
    font-size:15px;
}
.slide {
    height:280px;
    width:940px;
}
.slide1 {
    background-image:url(/media/dundeewebsite/djcad2/assets/img/homeBanner1.jpg);
    height:210px;
    width:940px;
    padding-top:170px;
    text-align:left
}
.slide2 {
    background-image:url(/media/dundeewebsite/djcad2/assets/img/homeBanner2.jpg);
    height:210px;
    width:940px;
    padding-top:170px;
    text-align:left
}
.slide3 {
    background-image:url(/media/dundeewebsite/djcad2/assets/img/homeBanner3.jpg);
    height:210px;
    width:940px;
    padding-top:170px;
    text-align:left
}
.slide4 {
    background-image:url(/media/dundeewebsite/djcad2/assets/img/homeBanner4.jpg);
    height:210px;
    width:940px;
    padding-top:170px;
    text-align:left
}
span.slidetext {
    display:block;
    width:595px;
    height:87px;
    background: rgb(255,98,100);
    background: rgba(255,98,100, .92);
    color:#fff;
    line-height:35px;
    margin:0 0 0 0;
    padding:5px 10px 0 15px;
}
span.slidetext h1 {
    font-size:20px;
    letter-spacing:1px;
    font-weight:normal;
    margin:0;
    padding:4px 0 5px 0;
}
span.slidetext p {
    font-size:12px !important;
    line-height:16px !important;
    letter-spacing:0px;
    margin:0;
    padding:0
}
span.slidetext p a {
    color:#FFFFFF;
    text-decoration:underline
}
span.slidetext h2 {
    font-size:20px;
    letter-spacing:1px;
    font-weight:normal;
    margin:0;
    padding:0 0 3px 0
}
/* social media icon list on home page */
#social2 ul {
    list-style:none;
    padding: 0px 0 0px 10px;
    margin: 10px 10px 10px 0px !important;
    float:left;
    width:300px;
    height:50px;
    position: static !important;
}
#page_14300 #social2 ul {
	position: absolute !important;
	top: 5px;
}
#social2 li {
    display: inline;
    padding:0 !important;
    margin:0 !important
}
#social2 ul li a {
    display: block;
    float: left;
    height: 25px;
    text-indent: -9999px;
    width:10px;
    margin:0 5px 0px 0 !important
}
#social2 ul li a.facebook {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/facebook_icon_over.png);
    background-position: 0px;
    background-repeat:no-repeat
}
#social2 ul li a:hover.facebook {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/facebook_icon.png);
    background-position: 0px;
    background-repeat:no-repeat
}
#social2 ul li a.twitter {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/twitter_icon_over.png);
    background-position: 0px;
    background-repeat:no-repeat
}
#social2 ul li a:hover.twitter {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/twitter_icon.png);
    background-position: 0px;
    background-repeat:no-repeat
}
#social2 ul li a.linkedin {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/linkedin_icon_over.png);
    background-position: 0px;
    background-repeat:no-repeat
}
#social2 ul li a:hover.linkedin {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/linkedin_icon.png);
    background-position: 0px;
    background-repeat:no-repeat
}
#social2 ul li a.youtube {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/youtube_icon_over3.png);
    background-position: 0px;
    background-repeat:no-repeat;
    width:37px
}
#social2 ul li a:hover.youtube {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/youtube_icon.png);
    background-position: 0px;
    background-repeat:no-repeat
}


#social2 ul li a.pinterest {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/pinterest_badge_red-s.png);
    background-position: 0px;
    background-repeat:no-repeat;
    width:54px
}
#social2 ul li a:hover.pinterest {
    background-image: url(/media/dundeewebsite/djcad2/assets/img/pinterest_badge_white-s.png);
    background-position: 0px;
    background-repeat:no-repeat
}



#page_14300 #skipToTop {display: none;}



p.message{ text-align: right; }

/*Mike*/

hr{
background-color:#464646 !important;
border-bottom:1px solid #464646;
height:1px !important;
}
p.articleInfo {
border-bottom:1px solid #464646;
color:#464646;
margin-bottom: 0.8em;
padding-bottom: 2.5em;
}

.articleSummary {
    border: 1px solid #464646;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15);
    margin: 1.6em 0 1em;
    padding: 0.5em 0.8em;
}
.articleSummary:before, .articleSummary:after {
    content: "";
    display: table;
}
.articleSummary:after {
    clear: both;
}
.articleSummary:before, .articleSummary:after {
    content: "";
    display: table;
}
.articleSummary:after {
    clear: both;
}
.articleSummary h4 {
    margin: 0.6em 0 0.2em;
}
.articleSummary img {
    float: right;
    margin: 0 0 0.5em 0.5em;
    min-width: inherit;
}

.articleSummary .articleDate {
    float: left;
    margin: 0.5em 0.7em 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 48px;

}
.articleSummary .articleDate em {
    background: none repeat scroll 0 0 #efefef;
    color: #333;
    display: block;
    font-size: 1.2em;
font-style:normal !important;
    padding: 5px 4px 0;
}
.articleSummary .articleDate em strong {
    display: block !important;
    font-size: 0.9em !important;
    padding-bottom: 4px !Important;
    text-transform:uppercase;
    color:#000;

}
.articleSummary .articleDate span {
    color: #777 !important;
    font-size: 0.875em !important;
}
//Twitter & Facebook

.icn16rss {
    background: url("/media/dundeewebsite/global/img/icn-social.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    padding-left: 20px !important;
}
#content ul.share {
    border-bottom: 1px dotted #adacac;
    border-top: 1px dotted #adacac;
    list-style: none outside none !important;
    margin: 0 !important;
    padding: 0.5em 0;
}
#content ul.share li {
    background: none repeat scroll 0 0 #fff;
    display: inline;
    list-style: none outside none !important;
    margin: 0;
}
ul.share strong {
    line-height: 2.4em;
    vertical-align: bottom;
}
ul.share a[href^="http://"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    padding: 0 !important;
}
.icn33Facebook {
    background: url("/media/dundeewebsite/global/img/icn-social-33.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 34px;
    line-height: 34px;
    min-height: 34px;
    vertical-align: top;
    width: 34px;
}
.icn33Twitter {
    background: url("/media/dundeewebsite/global/img/icn-social-33.png") no-repeat scroll -34px 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 34px;
    line-height: 34px;
    min-height: 34px;
    vertical-align: top;
    width: 34px;
}



/*pagination*/
/*new code*/

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 21px 0;
    border-radius: 0
}

.pagination>li {
    display: inline
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 10px 15px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #0a51a1;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #0a51a1;
    background-color: #ecf0f1;
    border-color: #ddd
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #0a51a1;
    border-color: #0a51a1;
    cursor: default
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    color: #b4bcc2;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a, .pagination-lg>li>span {
    padding: 18px 27px;
    font-size: 19px
}

.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pagination-sm>li>a, .pagination-sm>li>span {
    padding: 6px 9px;
    font-size: 13px
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}


/*old code*/

/*.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 21px 0;
    border-radius: 0
}

.pagination>li {
    display: inline;
background-image:none !important;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 10px 15px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #fff;
    background-color: #18bc9c;
    border: 1px solid transparent;
    margin-left: -1px
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #fff;
    background-color: #0f7864;
    border-color: transparent
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #0f7864;
    border-color: transparent;
    cursor: default
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    color: #ecf0f1;
    background-color: #3be6c4;
    border-color: transparent;
    cursor: not-allowed
}

.pagination-lg>li>a, .pagination-lg>li>span {
    padding: 18px 27px;
    font-size: 19px
}

.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pagination-sm>li>a, .pagination-sm>li>span {
    padding: 6px 9px;
    font-size: 13px
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

*/

.pager {
    padding-left: 0;
    margin: 21px 0;
    list-style: none;
    text-align: center
}

.pager li {
    display: inline
}

.pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #18bc9c;
    border: 1px solid transparent;
    border-radius: 15px
}

.pager li>a:hover, .pager li>a:focus {
    text-decoration: none;
    background-color: #0f7864
}

.pager .next>a, .pager .next>span {
    float: right
}

.pager .previous>a, .pager .previous>span {
    float: left
}

.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
    color: #fff;
    background-color: #18bc9c;
    cursor: not-allowed
}

/*Full text news editor for image*/

.push-right{float: right; margin: 0 0 10px 10px;}




#page_51492 #newsFormContainer{
  display: none !important;
}





/* Portfolio Page */


#page_53922 #centre { border-top: none; padding-top: 26px; }

#page_53922 div#centre.grid_24{
			margin: 20px 60px;
			width: 840px;
		}

/* Flickr Gallery */

.gallery-box-container ul{
			margin: 0 !important;
			padding: 0 !important;
		}
		.gallery-box-container li{
			background-image: none !important;
			margin: 0 !important;
			padding: 0 !important;
		}

div.gallery-page-no{
 margin-top: 11px !important;
}

	/*! flickr gallery */.gallery-is-loading{background:url(/media/dundeewebsite/src/img/loading.gif) transparent center center no-repeat;z-index:100}.gallery-nav-pagination{background:#fff;font-size:1em;margin:0 auto;padding:1em 0 0;text-align:center}.gallery-nav-pagination li{display:inline-block;list-style:none}.gallery-nav-pagination li a.inactive{background:#ecf0f1;color:#aeb7bd;cursor:default}.gallery-nav-pagination li.current a{background:#000}.gallery-nav-pagination li a{background:#0a51a1;border-bottom:none;color:#fff;padding:3px 16px;text-decoration:none}.gallery-nav-pagination li a:hover{background:#073971;border-bottom:none}.gallery-nav-pagination li a.inactive:hover{background:#eee}aside ul.gallery-nav-pagination li{padding:0!important}.gallery-page-no{background:#fff;color:#999;font-size:.815em}.gallery-page-no span{bottom:6px;left:0;letter-spacing:1px;position:absolute}.fancybox-skin,.fancybox-title-float-wrap .child{border-radius:0!important}.gallery-box-container{margin:2em 0;position:relative}.gallery-box-container a:after{color:inherit!important;content:none!important;font-family:inherit!important;font-size:inherit!important;padding-left:0!important}ul.gallery-box{margin:0;padding:0}ul.gallery-box li{float:left;line-height:0!important;list-style:none;margin:0;padding:0;z-index:0;overflow:hidden}ul.gallery-box li img{border:none;border-spacing:0!important;display:none;height:139.65px;opacity:1;overflow:hidden;width:139.65px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}ul.gallery-box li img:hover{-moz-transition:opacity .5s ease-in-out;-ms-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;border:none;opacity:.5}ul.gallery-box li a{border:none;display:inline-block;height:139.65px;overflow:hidden;width:139.65px}ul.gallery-box li a:hover{background:#000!important;border:none}@media screen and (max-width:991px) and (min-width:0){ul.gallery-box li img{height:118px;width:118px}ul.gallery-box li a{height:118px;width:118px}}ul.sidebar li img{height:75px;width:75px}ul.sidebar li a{height:75px;width:75px}@media screen and (min-width:1199px){.course .gallery-fullwidth{width:838px}}@media screen and (min-width:1199px){.course .gallery-box-container{background:#f9f9f9}}@media screen and (max-width:480px){.course .gallery-box-container{background:#f9f9f9}}/*! fancybox *//*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(/media/dundeewebsite/vendors/fancybox/source/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(/media/dundeewebsite/vendors/fancybox/source/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(/media/dundeewebsite/vendors/fancybox/source/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(/media/dundeewebsite/vendors/fancybox/source/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(/media/dundeewebsite/vendors/fancybox/source/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(/media/dundeewebsite/vendors/fancybox/source/fancybox_loading@2x.gif);background-size:24px 24px}}.fancybox-nav{height:85%;top:30px};
