/* ================================= */
/*
 *   From 'cs-style.css'
 */
/* ================================= */

/*
 *  Front Page News/Events formatting
 */
#computer-science ul.three-column-module {
	width:  100%;
	list-style-type:  none;
}
#computer-science ul.three-column-module > li:last-child { padding-right: 0; }
#computer-science ul.three-column-module > li {
	width:  31%;	/* Three columns, with space between */
	padding-right: 2%;
	padding-bottom: 10px;
	float: left;
}
#computer-science ul.three-column-module li img {
	max-height:	120px;
	max-width:	120px;
	width:		auto;
}

/*
 *  Main Page News/Events formatting
 */
ul.three-column-module,
#computer-science ul.events,
#computer-science ul.news  {
	margin-left: 0;
	overflow: auto;
}
#computer-science ul.events > li.pending,
#computer-science ul.news   > li.pending {
	background:	#dd8;	/* Highlight entries requiring approval */
}
#computer-science ul.events > li.expired,
#computer-science ul.news   > li.expired {
	background:	#ddd;	/* Mark entries no longer displayed */
}

#computer-science ul.events > li,
#computer-science ul.news   > li {
	width:  48%;	/* Two columns, with space between */
	padding-right: 2%;
	padding-bottom: 10px;
	float: left;
}
#computer-science ul.events > li.odd,
#computer-science ul.news   > li.odd {
	clear: both;	/* Start a new row following a "short" entry */
}

#computer-science ul.events li .left,
#computer-science ul.news   li .left {
	width:  34%;	/* of the column width */
	float: left;
}
#computer-science ul.events li .right,
#computer-science ul.news   li .right {
	width:  66%;	/* of the column width */
	float: right;
}
#computer-science ul.events a img,
#computer-science ul.news   a img {
	border-width: 4px;
	max-width:    90%;
	max-height:   100px;
}

#computer-science .alert p {
        text-align:     center;
}
#computer-science .alert {
        /* max-width:      450px; */
        max-width:      45%;
        float:          right;
        padding:        20px;
        margin-top:     30px;
        border:         red 5px solid;
}

/*
 *  Research group staff
 */
table.staff {
	width:		100%;
	margin-bottom:	20px;
}

/*
table.link_list_nowrap th:first-child,
table.link_list_nowrap td:first-child,
table.link_list_light  td:first-child,
table.link_list_light  th:first-child,
*/
table#past.staff  td:first-child {
	white-space:	normal;
}
table.staff th:first-child,
table.staff td:first-child {
	white-space:	nowrap;
	text-align:	right;
	padding-right:	10px;
}
table.staff td:first-child h2 {
	margin-top:	20px;
	text-align:	left;
}
table.staff th,
table.staff td {
	padding-right:	10px;
	padding-bottom:	5px;
}
table.staff tr td.empty {
	min-width:	40%;
	width:		auto !important;
/*	width:		40%;  also needs this - which breaks non-empty rows! */
}
#computer-science .content table.staff a img {
	border:		0;
}
table.staff td a {
	text-decoration: none;
}
table.staff td a:hover {
	text-decoration: underline;
}


/*
 * Module styling
 */
div#Minfo   .year,
aside#Minfo   .year,
section#Minfo .year {
	background-color:	#002780;
	color:			#fff;
}

/*
div#module {
	width:		475px;
}
*/
section#Minfo {
	float:		right;
	width:		45%;
}
    div#Minfo,
  aside#Minfo,
section#Minfo {
	border:		1px solid #000;
	margin:		5px auto;
}

    div#Pinfo,
  aside#Pinfo,
section#Pinfo {
	margin:		5px auto;
}

    div#Minfo table,
  aside#Minfo table,
section#Minfo table {
	margin:		5px;
}

    div#Minfo table td,
  aside#Minfo table td,
section#Minfo table td {
	width:		50%;
	font-size:	80%;
}

    div#Minfo .year a,
  aside#Minfo .year a,
section#Minfo .year a,
    div#Minfo table#Mdetails a,
  aside#Minfo table#Mdetails a,
section#Minfo table#Mdetails a {
	text-decoration:	none;
}

    div#Minfo table#Mdetails td:first-child,
  aside#Minfo table#Mdetails td:first-child,
section#Minfo table#Mdetails td:first-child {
	font-weight:	bold;
	padding-right:	5px;
	width:		50%;
}
    div#Minfo table.link_list,
  aside#Minfo table.link_list,
section#Minfo table.link_list {
	margin:		5px 0px 5px 0px;
	width:		100%;
}
    div#Minfo table.link_list a,
  aside#Minfo table.link_list a,
section#Minfo table.link_list a {
	display:	block;
}
    div#Minfo .year,
  aside#Minfo .year,
section#Minfo .year {
	display:	block;
	text-align:	center;
}
    div#Minfo a.pyear,
  aside#Minfo a.pyear,
section#Minfo a.pyear {
	float:		left;
	color:		#fff;
}
    div#Minfo a.nyear,
  aside#Minfo a.nyear,
section#Minfo a.nyear {
	float:		right;
	color:		#fff;
}


/*
 *   Link tables
 */

{  border-top-right-radius:    8px; }

table.rounded2 tr.blank + tr  td:first-child,
table.rounded2 tr.first-child td:first-child,
table.rounded2 tr:first-child td:first-child,
table.rounded  tr:first-child td:first-child,
table.llr      tr:first-child td:first-child {
    border-top-left-radius:	8px;
}
table.rounded2 tr.blank + tr  td:last-child,
table.rounded2 tr.first-child td:last-child,
table.rounded2 tr:first-child td:last-child, 
table.rounded  tr:first-child td:last-child,
table.llr      tr:first-child td:last-child {
    border-top-right-radius:	8px;
}
/*
table.rounded2 tr#blank - tr  td:first-child,		Not supported :-( */
table.rounded2 tr.last-child  td:first-child,
table.rounded2 tr:last-child  td:first-child,
table.rounded  tr:last-child  td:first-child,
table.llr      tr:last-child  td:first-child {
    border-bottom-left-radius:	8px;
}
/*
table.rounded2 tr#blank - tr  td:last-child,		Not supported :-( */
table.rounded2 tr.last-child  td:last-child,
table.rounded2 tr:last-child  td:last-child,
table.rounded  tr:last-child  td:last-child,
table.llr      tr:last-child  td:last-child {
    border-bottom-right-radius:	8px;
}

table#Mdetails,  table#Mdetails  tr, table#Mdetails  tr td,
table.staff,     table.staff     tr, table.staff     tr td,
table.link_list, table.link_list tr, table.link_list tr td {
	border-style:	none;
}
table.link_list        a,
table.link_list_light  a,
table.link_list_nowrap a {
	display:	block;
}
table.staff  tr:last-child   td {
	padding-bottom:	20px;
}


/*
 * Other
 */
.common-sign-nav .student-login a {
    margin-right: 5px;
}
.common-sign-nav .student-login,
.common-sign-nav .cs-login {
    margin-left:  0.25%;
}
/*
 *.common-sign-nav .cs-login span {
 *   margin-left: 0.44em;
 *   margin-right: 0.44em;
 *}
 */
#computer-science .tr-button, 
#computer-science .admin .call-to-action {
	width:	auto;
	clear:	none;
	float:	right;
	margin-left: 10px;
}
#computer-science .adminL .call-to-action {
	float:	left;
}

#main-content img {
	margin:	0 3% 4% 3%;
}

#main-content a:link {
	/* Ideally just suppress this for '#main-content a:link img' - but that doesn't work :-( */
	border-bottom:	none;
}
#main-content a.showhide:link {
	font-weight:	normal;
}

/* Suppress list bullets for the top-level (i.e. years) of "previous conferences"
   for *all* lists within the technical report pages,
   for the lists of events/news items,
   and for "this item deliberately left blank" entries
 */

#main-content            li.empty::before,
#main-content ul.news          li::before,
#main-content ul.events        li::before,
#main-content ul.conferences > li::before,
#main-content   .techreports   li::before {
	content:	none;
}

/* Research seminar pages */
#computer-science .content a[href^="ics.php"] img {
	border:		0;
	float:		right;
}
.techreports li {
	list-style:	none;
}
.techreports li li {
	display:	inline;
}
.techreports li li:first-child {
	display:	list-item;
}
#department-address .container #contact {
	width:		50%;
	float:		left;
}
#department-address .container #contact p a,
#department-address .container #contact p {
	color: rgba(255,255,255,0.75);
	margin-top:	1.44em;
	text-decoration: none;
}

/* Override an unhelpful UoL default display style */
#ui-datepicker-div, .ui-datepicker     {
  padding:  12px;
}

#main-content hr.upcoming,
#main-content hr#upcoming {
	margin:		0;
	height:		fit-content;
	visibility:	hidden;
}

div.subT {
	display:	inline;
	font-size:	80%;
	font-style:	italic;
}

/* Not ideal, but acknowleging the banner doesn't seem to work
   Possibly because our websites are under ...liv.ac.uk
   rather than ...liverpool.ac.uk
 */
footer#cookie-banner{ display: none; }

/* ================================= */
/*
 *   From 'cs-school.css'
 */
/* ================================= */

 #computer-science               table.link_list,
 #computer-science               table.one_column,
 #computer-science .one_col_list table            {
	max-width:         600px;
 }

 #computer-science                                  a.noimage[href$=".pdf"],
 #computer-science table.link_list_nowrap tr td:first-child a[href$=".pdf"],
 #computer-science table.link_list_light  tr td:first-child a[href$=".pdf"],
 #computer-science table.link_list        tr td:first-child a[href$=".pdf"] {
	padding-right:    0px;
	padding-bottom:   0px;
	background-image: none;
 }
 #computer-science               table.one_column       tr td:first-child a[href^="http"],
 #computer-science .one_col_list table.link_list_nowrap tr td:first-child a[href^="http"],
 #computer-science .one_col_list table.link_list_light  tr td:first-child a[href^="http"],
 #computer-science .one_col_list table.link_list        tr td:first-child a[href^="http"] {
	padding-right:    20px;
	padding-bottom:   5px;
	padding-bottom:   0px;
	background-image: url(/files/images/earth2_small.png);
	background-position: top right;
	background-repeat:   no-repeat;
 }
.content a[href$=".ps"],
 #computer-science .techreports a[href$=".ps"] {
	padding-right:    28px;
	padding-bottom:   5px;
	padding-bottom:   0px;
	background-image: url(images/ps-icon.png);
	background-position: top right;
	background-repeat:   no-repeat;
 }
 #computer-science               table.one_column       tr td:first-child a[href$=".pdf"],
 #computer-science .one_col_list table.link_list_nowrap tr td:first-child a[href$=".pdf"],
 #computer-science .one_col_list table.link_list_light  tr td:first-child a[href$=".pdf"],
 #computer-science .one_col_list table.link_list        tr td:first-child a[href$=".pdf"] {
	padding-right:    20px;
	padding-bottom:   5px;
	padding-bottom:   0px;
	background-image: url(images/pdf-icon.png);
	background-position: top right;
	background-repeat:   no-repeat;
 }

 #computer-science               table.one_column       tr td:first-child a[href*="liverpool.ac.uk"],
 #computer-science               table.one_column       tr td:first-child a[href*="liv.ac.uk"],
 #computer-science               table.one_column       tr td:first-child a[href*="lgos.org"],
 #computer-science .one_col_list table.link_list_nowrap tr td:first-child a[href*="lgos.org"],
 #computer-science .one_col_list table.link_list_light  tr td:first-child a[href*="lgos.org"],
 #computer-science .one_col_list table.link_list        tr td:first-child a[href*="lgos.org"],
 #computer-science .one_col_list table.link_list_nowrap tr td:first-child a[href*="liv.ac.uk"],
 #computer-science .one_col_list table.link_list_light  tr td:first-child a[href*="liv.ac.uk"],
 #computer-science .one_col_list table.link_list        tr td:first-child a[href*="liv.ac.uk"],
 #computer-science .one_col_list table.link_list_nowrap tr td:first-child a[href*="liverpool.ac.uk"],
 #computer-science .one_col_list table.link_list_light  tr td:first-child a[href*="liverpool.ac.uk"],
 #computer-science .one_col_list table.link_list        tr td:first-child a[href*="liverpool.ac.uk"] {
	padding-right:    20px;
	padding-bottom:   5px;
	padding-bottom:   0px;
	background-image:    url(/files/images/livpub_small.png);
	background-position: top right;
	background-repeat:   no-repeat;
 }
 #computer-science .one_col_list table.link_list tr td:first-child a[href*="csc.liv.ac.uk"],
 #computer-science table.link_list_nowrap tr td:first-child a[href*="csc.liv.ac.uk"],
 #computer-science table.link_list_light  tr td:first-child a[href*="csc.liv.ac.uk"],
 #computer-science table.link_list        tr td:first-child a[href*="csc.liv.ac.uk"] {
	padding-right:    0px;
	padding-bottom:   0px;
	background-image: none;
 }
/*
 #computer-science nav#site-navigation                      a[href*="www2.csc.liv.ac.uk"] {
	background-image:    url(/files/css/images/global-nav-padlock-white.png);
	background-position: left;
	background-repeat:   no-repeat;
 }
*/
 #computer-science .one_col_list table.link_list tr td:first-child a[href*="www2.csc.liv.ac.uk"],
 #computer-science table.one_column       tr td:first-child a[href*="www2.csc.liv.ac.uk"],
 #computer-science table.link_list_nowrap tr td:first-child a[href*="www2.csc.liv.ac.uk"],
 #computer-science table.link_list_light  tr td:first-child a[href*="www2.csc.liv.ac.uk"],
 #computer-science table.link_list        tr td:first-child a[href*="www2.csc.liv.ac.uk"] {
	padding-right:    20px;
	padding-bottom:   5px;
	padding-bottom:   0px;
	background-image:    url(/files/css/images/global-nav-padlock-white.png);
	background-position: top right;
	background-repeat:   no-repeat;
 }
 #computer-science table.link_list_nowrap tr:first-child td.blank,
 #computer-science table.link_list_light  tr:first-child td.blank,
 #computer-science table.link_list        tr:first-child td.blank {
	padding-top:	10px;
}

 #computer-science table.link_list_nowrap tr:nth-child(odd) td.blank,
 #computer-science table.link_list_light  tr:nth-child(odd) td.blank,
 #computer-science table.link_list        tr:nth-child(odd) td.blank,
 #computer-science table.link_list_nowrap tr td.blank,
 #computer-science table.link_list_light  tr td.blank,
 #computer-science table.link_list        tr td.blank {
	padding-top:	20px !important;
	padding-bottom:	 0px !important;
  	background: #fff;
}

 #computer-science table.link_list_nowrap tr:nth-child(odd).Dlink td,
 #computer-science table.link_list_light  tr:nth-child(odd).Dlink td,
 #computer-science table.link_list        tr:nth-child(odd).Dlink td,
 #computer-science table.link_list_nowrap tr.Dlink td,
 #computer-science table.link_list_light  tr.Dlink td,
 #computer-science table.link_list        tr.Dlink td {
  	background: #ccc;
 }
 #computer-science table.link_list_nowrap tr.Dlink td a,
 #computer-science table.link_list_light  tr.Dlink td a,
 #computer-science table.link_list        tr.Dlink td a {
  	text-decoration: line-through;
 }

 #computer-science #zebra   tr td,
 #computer-science #zebra > li,
 #computer-science table.link_list_nowrap tr td,
 #computer-science table.link_list_light  tr td,
 #computer-science table.link_list        tr td {
  	background: #789ff7;
	background: #003ecc;
	background: #5070cd;
	background: #305fca;
	padding:      10px !important;
	margin-bottom: 5px !important;
 }

 #computer-science #zebra   tr:nth-child(odd) td,
 #computer-science #zebra > li:nth-child(odd),
 #computer-science table.link_list_nowrap tr:nth-child(odd) td,
 #computer-science table.link_list_light  tr:nth-child(odd) td,
 #computer-science table.link_list        tr:nth-child(odd) td {
    	background: #305fca; 
	background: #6896ff;
 }

/*
 *   Candy Stripes:
 *        Dark:
 *        Light:   #e1e1e1 / #eeeeee
 */
 #computer-science table.link_list_light tr td,
 #computer-science table.staff           tr td {
	background: #e1e1e1;
 }
 #computer-science table.link_list_light tr:nth-child(odd) td,
 #computer-science table.staff           tr:nth-child(odd) td {
	background: #eee;
 }

 #computer-science table.link_list_nowrap tr td,
 #computer-science table.link_list        tr td,
 #computer-science table.link_list_nowrap tr td a,
 #computer-science table.link_list        tr td a {
	color: #fff;
	text-decoration: none;
 }
 #computer-science table.link_list_light  tr td,
 #computer-science table.link_list_light  tr td a {
	text-decoration: none;
}



#mobile-navigation .multilevel-linkul-0 .multilevel-linkul-1 .multilevel-linkul-2 a,
#navigation        .multilevel-linkul-0 .multilevel-linkul-1 .multilevel-linkul-2 a,
.mobile-nav        .multilevel-linkul-0 .multilevel-linkul-1 .multilevel-linkul-2 a
{
    background-position:16% center;
    background-repeat:no-repeat;
    background-color:#6187fb;
    padding:0.44em 12%;
    line-height:1.77em;
    display:block
}
#mobile-navigation .multilevel-linkul-0 .multilevel-linkul-1 .multilevel-linkul-2 a:hover,
#navigation        .multilevel-linkul-0 .multilevel-linkul-1 .multilevel-linkul-2 a:hover,
.mobile-nav        .multilevel-linkul-0 .multilevel-linkul-1 .multilevel-linkul-2 a:hover
{
    background-position:16% center;
    background-repeat:no-repeat;
    background-color:#0843f3;
    color:#fff
}
#mobile-navigation .multilevel-linkul-0 .multilevel-linkul-1 .multilevel-linkul-2 .currentbranch2 a,
#navigation        .multilevel-linkul-0 .multilevel-linkul-1 .multilevel-linkul-2 .currentbranch2 a,
.mobile-nav        .multilevel-linkul-0 .multilevel-linkul-1 .multilevel-linkul-2 .currentbranch2 a
{
    background-color:#255af9;
    padding:0.77em 12%;
    position:relative;
    color:#fff
}


/*
 *  Settings for mobile (narrow-screen) navigation
 */
@media screen and (max-width:1024px)  {
  #mobile-navigation .currentbranch0 a:hover,
  #navigation        .currentbranch0 a:hover,
  .mobile-nav        .currentbranch0 a:hover,
  #mobile-navigation a:hover,
  #navigation        a:hover,
  .mobile-nav        a:hover {
     background-color:   #305fca;
  }

  #mobile-navigation .currentbranch0 a,
  #navigation        .currentbranch0 a,
  .mobile-nav        .currentbranch0 a,
  #mobile-navigation a,
  #navigation        a,
  .mobile-nav        a  {
     background-color:   initial;
  }
  #mobile-navigation ul.multilevel-linkul-0 li a,
  #navigation        ul.multilevel-linkul-0 li a,
  .mobile-nav        ul.multilevel-linkul-0 li a {
     color:              #333;

  }

}



/* ================================= */
#universal-header #primary-nav #sign-in-directory                     {       width: 15% !important; }
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) { margin-left:  8% !important; }
@media screen and (max-width: 1024px) {
#universal-header #primary-nav #sign-in-directory                     {       width: 40% !important; }
#masthead #mobile-sticky-header .sticky-name-nav .sticky-dept-link{float:left;width:85%;position:relative;top:-3px;font-family:"freight-text-pro", serif;font-weight:400;font-size:170%;line-height:1em;margin-bottom:0.5em}
#masthead #mobile-sticky-header .sticky-name-nav .sticky-dept-link a{color:#031F73;text-decoration:none;line-height:1em}
}


#address .department a,
#address .department {
	color:	white;
}