/* Mobile  */

/*list without javascript*/
.mobileFooter .withoutjs{overflow:auto;background:#2E2E2E; color:#fff; padding:10px;}
.mobileFooter .withoutjs li a{color:#fff; border-bottom:1px solid #fff; }
.mobileFooter .withoutjs li{padding-bottom:10px;}
.mobileFooter .withoutjs li ul li{margin-left:10px}
/*mobile navigation menu*/


/* Mobile slide menu */
a.latest{color:#222222}

/*.mobileFooter{width:100%; background:#343434;}

.menu-container { float: left; margin: 0 50px 30px 0;}*/

.clear {clear: both;}

/* Drill Down Menu Styles */
.dd-wrapper ul, .dd-wrapper ul li, .dd-wrapper li, .dd-wrapper li ul, .dd-wrapper li ul li {margin: 0; padding: 0; list-style: none;}
.dd-wrapper .dd-menu {overflow: hidden; position: relative;}
.dd-wrapper  .dd-menu ul {margin: 0; position: absolute; top: 0; right: 0;}
.dd-wrapper .dd-menu a {display: block;}
.dd-header .latest{height:20px; padding:20px 50px; cursor:pointer;background:url('/media/london-metropolitan-university/style-assets/lm-img/frontend/left-arrow.png') no-repeat left; font-size:16px;}/*left arrow*/
.real-link{ position:absolute; top:0px; left:0px; width:80%; height:100%; z-index:100;}


.grey .dd-wrapper {background: #f6f6f4; color: #222; font: bold 12px Arial, sans-serif; }
.grey .dd-menu {}
.grey .dd-menu a {text-decoration: none; padding: 10px 10px 10px 20px; display: block; color: #333; /*border-bottom: 1px solid #ccc;*/ border-top: 1px solid #ccc; position: relative;}
.grey .dd-menu a:hover {background: #ccc; color: #000;}
.grey .dd-menu li a .dd-icon {position: absolute; top: 50%; left: 14px; width: 34px; margin-top: -15px; height: 34px; background: url(images/arrow_grey_right.png) no-repeat 0 center;}
.grey .dd-menu li.dd-parent{position:relative;}
.grey .dd-menu li.dd-parent>span{position:absolute; top:0px; left:0px; width:80%; height:100%;}
.grey .dd-menu li.dd-parent a.dd-parent-a{background:url('/media/london-metropolitan-university/style-assets/lm-img/submit-arrow.png') no-repeat right;}/*right arrow*/
.grey .dd-menu li.dd-parent a:hover {color: #990000;}
.grey .dd-menu li.dd-parent a.active .dd-icon {}
.grey .dd-menu li.dd-parent a.active {color: #000; background: #ececec;}
.grey .dd-header {font: normal 11px Arial, sans-serif;}
.grey .dd-header ul {width: 100%; overflow: hidden; line-height: 1.5em; padding: 5px 10px;}
.grey .dd-header li {display: inline;}
.grey .dd-header li a {text-decoration: none; float: left; display: block; padding: 1px 15px 1px 5px; background: url(images/arrow_red_right.png) no-repeat 100% center; color: #222;}
.grey .dd-header li a:hover {color: #990000; text-decoration: underline;}
.grey .dd-header a.link-back {text-decoration: none; display: block; padding: 5px 10px 0 20px; background: url(images/arrow_red_left.png) no-repeat 0 center; color: #222;}
.grey .dd-header h3 {clear: both; padding: 5px 10px; margin: 0; font-size: 1.1em;}
.grey .dd-header h3 .dd-count {display: none;}


.graphite .dd-wrapper {background: #343434; color: #fff; font: bold 12px Arial, sans-serif; border-top: 1px solid #111; border-right: 1px solid #111; border-left: 1px solid #111;}
.graphite .dd-menu {border-top: 1px solid #111;}
.graphite .dd-menu a {text-decoration: none; padding: 10px 10px 10px 20px; display: block; color: #ddd; border-bottom: 1px solid #222; border-top: 1px solid #555; position: relative;}
.graphite .dd-menu a:hover {background: #232323; color: #fff;}
.graphite .dd-menu li a .dd-icon {position: absolute; top: 50%; left: 14px; width: 34px; margin-top: -15px; height: 34px; background: url(images/arrow_black_right.png) no-repeat 0 center;}
.graphite .dd-menu li.dd-parent{position:relative;}
.graphite .dd-menu li.dd-parent a.dd-parent-a{background:url('/media/london-metropolitan-university/style-assets/lm-img/btn-next.gif') no-repeat right;}/*right arrow*/
.graphite .dd-menu li.dd-parent>span{position:absolute; top:0px; left:0px; width:80%; height:100%;}
/*.graphite .dd-menu li.dd-parent a.dd-parent-a {background: #0C0C0C url(images/bg_black.png) repeat-x center center;}*/
/*.graphite .dd-menu li.dd-parent a:hover {background: #0C0C0C url(images/bg_black_on.png) repeat-x center center;}*/
.graphite .dd-menu li.dd-parent a.active .dd-icon {background: url(images/arrow_black_down.png) no-repeat 0 center;}
.graphite .dd-menu li.dd-parent a.active {color: #fff; background: #111;}
.graphite .dd-header {font: normal 11px Arial, sans-serif;}
.graphite .dd-header ul {width: 100%; overflow: hidden; line-height: 1.5em; padding: 5px 10px;}
.graphite .dd-header li {display: inline;}
.graphite .dd-header li a {text-decoration: none; float: left; display: block; padding: 1px 15px 1px 5px; background: url(images/arrow_white_right.png) no-repeat 100% center; color: #fff;}
.graphite .dd-header li a:hover {color: #fff; text-decoration: underline;}
.graphite .dd-header a.link-back {text-decoration: none; display: block; padding: 5px 10px 0 20px; background: url(images/arrow_white_left.png) no-repeat 5px center; color: #fff;}
.graphite .dd-header h3 {clear: both; padding: 5px 10px; margin: 0; font-size: 1.1em;}
.graphite .dd-header h3 .dd-count {display: none;}
.graphite .dd-header .latest{height:20px; padding:20px 50px; cursor:pointer;background:url('/media/london-metropolitan-university/style-assets/lm-img/btn-prev.gif') no-repeat left !important; font-size:16px;}/*left arrow White*/
.graphite .dd-header a.latest{color:#fff;}

#universalFooterMobile {
    height: 42px;
    line-height: 42px;
    background: none repeat scroll 0 0 #343434;
    border-top:solid white 1px;
    border-bottom:solid white 1px;
    border-left:solid #343434 1px;
    border-right:solid #343434 1px;  
}
#universalFooterMobile p {
    color: #EBEBEA;
    line-height: 42px;
    margin-bottom: 0;
    margin-top: 0;
    float:left;
    width:65%;
    font-size:11px;
    padding-left:5%;
  
}
#universalFooterMobile li {
    display: inline-block;
    margin-right: 0px;
    width:30px;
}
#universalFooterMobile .mobile-social {
    padding-top: 6px;
}

.mobile-social{
    float:left;
    width:25%;
}
.mobile-social a {
    display: block;
    height: 27px;
    border: 1px solid #cdcdcb;
    background: #fff url('/media/london-metropolitan-university/style-assets/lm-img/social-icons.png') no-repeat;
    text-indent: -99em;
    overflow: hidden;
}
.mobile-social .twitter {
    background-position: 0 -27px;
}
.mobile-social a:hover {
    background-color: #424242;
    background-position: 0 -54px;
}
.mobile-social .twitter:hover {
    background-position: 0 -81px;
}

.mobileHeader {
    float: left;
    margin-bottom: 50px;
}