﻿::-moz-selection {background: #007ca7; color: #fff;}
::selection {background: #007ca7; color: #fff;}

#content ul li {list-style-type: square;}


.sys_fullWidth {
    width: 960px!important;}

#pageTools{display:none;}
#pageTools ul li a, #pageToolsTab ul li a {font-weight: bold; padding: 5px;}
#toolBar #SocialButtons{display:none;}
#wrapper #pageTitle {padding-top: 2px; padding-bottom: 0; font-size: 2.6em; }
#wrapper #pageTitle .sys_siteTitle{padding-top: 20px; color: #1a296b;}
#wrapper #pageTitle .sys_siteTitle a,
#wrapper #pageTitle.sys_pageTitleCategory{line-height:.75em; padding-top: 21px; height: 71px; color: #1a296b;}
#wrapper #container #pageTitle .sys_siteTitle a {
  font-size: 38px;
}


#content {background-color: #ffffff; padding: 0;}
#content .sys_sectionbreak-text{font-size: 1.1em;}
#content .whitebg {background-color: none; margin-top: 0; padding-left: 1em; padding-top: 1em; border:1px solid #007ca7;}
#content .greybg {background-color: #efefef; margin-top: 0; padding-left: 1em; padding-top: 0.5em;}
#content .greybg h3, #content .whitebg h3  {background:none; padding-left: 0; padding-top: 0;}



/* #content ul.fancyList {width: 100%; padding: 0 0 .5em 0; margin-bottom: 1em;}
#content ul.fancyList li{list-style-type:none; margin: 0; width: 100%; border-bottom: 1px solid #e6e7e8; }
#wrapper #content ul.fancyList li a{background: transparent url("/it-services/images/decorative/bg-arrow-right.png") no-repeat scroll right 10px top 50% / 12px auto; text-decoration:none; display:block; border-bottom: 1px solid transparent; padding: 8px 50px 8px 4px;}
#wrapper #content ul.fancyList li a:hover{text-decoration:none; background-color: #e6e7e8; border-color: #e6e7e8;} */



/* #wrapper #content ul.fancyList li a.CTA-plainDownloadFile{font-size: inherit; color: inherit; border:none; background-image: url("/it-services/images/decorative/bg-icon-download.png"); background-size: 24px auto;}
#wrapper #content ul.fancyList li a.CTA-plainDownloadFile:hover{color: #000;} */






#content table th, #content table tr, #content table tr td, #content table.genericTable th, #content table.genericTable tr, #content table.genericTable tr td {border: 0 none;}


body #wrapper #content a.CTA-Arrow, body #wrapper #content a.CTA-ArrowRoundRight, body #wrapper #content a.CTA-Blog, body #wrapper #content a.CTA-Directions, body #wrapper #content a.CTA-donateHeart, body #wrapper #content a.CTA-downloadFile, body #wrapper #content a.CTA-Email, body #wrapper #content a.CTA-EventCalendar, body #wrapper #content a.CTA-Help, body #wrapper #content a.CTA-Info, body #wrapper #content a.CTA-International, body #wrapper #content a.CTA-KeyLogin, body #wrapper #content a.CTA-LifeCycle, body #wrapper #content a.CTA-MortarBoard, body #wrapper #content a.CTA-OpenAccess, body #wrapper #content a.CTA-Newsletter, body #wrapper #content a.CTA-Pay, body #wrapper #content a.CTA-Profile, body #wrapper #content a.CTA-Research, body #wrapper #content a.CTA-Shop, body #wrapper #content a.CTA-Sport, body #wrapper #content a.CTA-Teaching, body #wrapper #content a.CTA-Telephone, body #wrapper #content a.CTA-updateDetails, body #wrapper #content a.CTA-Volunteer, body #wrapper #content a.CTA-Video, body #wrapper #content a.CTA-Facebook, body #wrapper #content a.CTA-Flickr, body #wrapper #content a.CTA-Instagram, body #wrapper #content a.CTA-LinkedIn, body #wrapper #content a.CTA-RenRen, #wrapper #content a.CTA-Twitter, #wrapper #content a.CTA-Tumblr, #wrapper #content a.CTA-Vine, #wrapper #content a.CTA-VK, #wrapper #content a.CTA-Weibo, body #wrapper #content a.CTA-YouTube, body #wrapper #content a.CTA-YouKu, body #wrapper #content a.CTA-greenButtonWithArrow, body #wrapper #content a.CTA-orangeButtonWithArrow, body #wrapper #content a.CTA-pinkButtonWithArrow, body #wrapper #content a.CTA-blueButtonWithArrow, body #wrapper #content a.CTA-yellowButtonWithArrow, body #wrapper #content a.CTA-donateNow {padding: 22px 30px 20px 10px; background-color: #18194f; text-decoration:none; color: #fff; }



#wrapper #content a.CTA-Arrow:hover, #wrapper #content a.CTA-ArrowRoundRight:hover, #wrapper #content a.CTA-Directions:hover, #wrapper #content a.CTA-donateHeart:hover, #wrapper #content a.CTA-downloadFile:hover, #wrapper #content a.CTA-Email:hover, #wrapper #content a.CTA-EventCalendar:hover, #wrapper #content a.CTA-Help:hover, #wrapper #content a.CTA-Info:hover, #wrapper #content a.CTA-International:hover, #wrapper #content a.CTA-KeyLogin:hover, #wrapper #content a.CTA-LifeCycle:hover, #wrapper #content a.CTA-MortarBoard:hover, #wrapper #content a.CTA-Newsletter:hover, #wrapper #content a.CTA-OpenAccess:hover, #wrapper #content a.CTA-Pay:hover, #wrapper #content a.CTA-Profile:hover, #wrapper #content a.CTA-Research:hover, #wrapper #content a.CTA-Shop:hover, #wrapper #content a.CTA-Sport:hover, #wrapper #content a.CTA-Teaching:hover, #wrapper #content a.CTA-Telephone:hover, #wrapper #content a.CTA-updateDetails:hover, #wrapper #content a.CTA-Video:hover, #wrapper #content a.CTA-Volunteer:hover, #wrapper #content a.CTA-Facebook:hover, #wrapper #content a.CTA-Flickr:hover, #wrapper #content a.CTA-Instagram:hover, #wrapper #content a.CTA-LinkedIn:hover, #wrapper #content a.CTA-RenRen:hover, #wrapper #content a.CTA-Twitter:hover, #wrapper #content a.CTA-Tumblr:hover, #wrapper #content a.CTA-Vine:hover, #wrapper #content a.CTA-VK:hover, #wrapper #content a.CTA-Weibo:hover, #wrapper #content a.CTA-YouTube:hover, #wrapper #content a.CTA-YouKu:hover, #wrapper #content a.CTA-greenButtonWithArrow:hover, #wrapper #content a.CTA-orangeButtonWithArrow:hover, #wrapper #content a.CTA-pinkButtonWithArrow:hover, #wrapper #content a.CTA-blueButtonWithArrow:hover, #wrapper #content a.CTA-yellowButtonWithArrow:hover, #wrapper #content a.CTA-donateNow:hover {color: #000; background-color: transparent;}



#wrapper #container #content .sys_twoColumns_7030 .sys_one_7030 .CTA-Telephone{background: #007ca7 url("/studentservices/images/decorative/bg-telephone.png") no-repeat left 10px top 50%; background-size: 40px; color: #fff; padding: 30px 6px 25px 64px; font-size: 1.2rem; line-height: 1.4rem;}

#wrapper #container #content .CTA-Telephone{background-image: url("/studentservices/images/decorative/bg-telephone.png"); background-size: 30px; padding-right: 40px;}




#content .sys_relatedLeft{border:none;}

#content .sys_threeColumns .sys_one, 
#content .sys_threeColumns .sys_two, 
#content .sys_threeColumns .sys_three {margin-right: 1.5%; width: 32.25%; padding: 0; margin-left: 0;}
#content .sys_threeColumns .sys_three {margin: 0;}

#content .sys_twoColumns5050 .sys_two, #content .sys_threeColumns .sys_two, #content .sys_threeColumns .sys_three {border-left:none;}
#content .sys_twoColumns_7030 .sys_one_7030 {border-right: none; width: 66%;padding: 0; margin-right: 24px;}
#content .sys_twoColumns_7030 .sys_two_7030 {padding: 0; margin: 0;}

#content .sys_twoColumns5050 .sys_one,
#content .sys_twoColumns5050 .sys_two{padding: 0; width: 49.5%; margin: 0;}


#content .sys_twoColumns_7030{margin-bottom: 2rem;}


#content.sys_fullWidth .sys_twoColumns_7030 .sys_one_7030 {width: 74.68%; margin-right: 1.5%;}
#content.sys_fullWidth .sys_twoColumns_7030 .sys_two_7030 {width: 23.80%; margin-right: 0;padding: 0;}


#content table thead th, 
#content table tbody th {}
#content table th, 
#content table tr, 
#content table tr td{}
#content table, #content table.genericTable{margin-bottom: 1em 0; width: 100%;} /* Removed display:block; to fix an issue ulzgw 03/06/10 - /GEP/news-events/internal-workshops/index.aspx */
#content table caption{font-size: 1.2em; text-align: left; padding: .5em 0;}
#content table#TableSearch{margin-top: 1em!important;}






/* #content .sys_cms-form-control  */
#content .sys_cms-form-control{margin-bottom: 1em; border:none; padding: 0;}
#content .sys_cms-form-control li{padding: 0; margin: 0;}
#content .sys_cms-form-control label,
#content .sys_cms-form-control input,
#content .sys_cms-form-control select,
#content .sys_cms-form-control textarea{width: 94%; padding: 18px 2%; font-size: inherit;}
#content .sys_cms-form-control input:focus,
#content .sys_cms-form-control select:focus,
#content .sys_cms-form-control textarea:focus{background-color: #efefef; }
#content .sys_cms-form-control .sys_buttons button{font-size: 1.8em;padding: 18px 14px; cursor:pointer; border:none;}
#content .sys_cms-form-control .sys_buttons button:hover{}
#content .sys_cms-form-control .sys_fieldlabel{padding: 0; }

#content .sys_cms-form-control .sys_legend{padding: 0; }


#wrapper #content .sys_cms-form-control input[type="checkbox"],
#wrapper #content .sys_cms-form-control input[type="radio"]{width: auto; padding: 0;}


#content .sys_cms-form-control .sys_sectionbreak-header{margin-bottom: .5em;}



/* #content blockquote{background-color: #efefef;border-left: 4px solid #007ca7; background-image:none; padding: 10px; font-size: 1.2em; line-height: 1.2em;} */
#content blockquote{border-left: 4px solid #007ca7; background-image:none; font-size: 1.2em; line-height: 1.2em;}
#content blockquote span{background-image:none;}
#content blockquote .sys_quoteText{color: #000;}
#content blockquote .sys_quoteSignature{font-weight:bold ;font-size: .8em;}

/* #homepageSearch{padding: 12px; background: linear-gradient(rgba(0, 155, 189, 0.8), rgba(24, 25, 79, 0.8)), url("/studentservices/images/decorative/homepagesearchbackground.jpg") no-repeat 20% 40%; background-size: 100%;}
#homepageSearch h2{color: #fff; font-size: 1.85em; margin-bottom: 10px;}
#content #homepageSearch .sys_search-query-control, #content #homepageSearch .sys_searchSnippet {margin-bottom: 0;}
#content #homepageSearch input {margin-bottom: 0;}*/

#content .sys_search-query-control, #content .sys_searchSnippet {margin-bottom: 0;}

#content .sys_search-query-control input {width: 69%; padding: 22px 1.25%;}
#content .sys_search-query-control .sys_button{padding: 21px 0;}


#content .sys_detailImage img,
#serviceLandingPage .sys_detailImage img{width: 100%; height: auto; margin-bottom: 1em;}



/* styled lists - ulzgw - 2 March 2020 */
#content .inThisSection ul{margin: 0; padding: 0;}
#content .inThisSection ul li{margin: 0 3px 6px 0; list-style-type:none; display:inline-block;}
#wrapper #content .inThisSection ul li a{color: #18194f; text-decoration:none; background: #efefef; padding: 12px 6px; display:inline-block; border: 1px solid #ccc;}
#wrapper #content .inThisSection ul li a:hover{text-decoration:none; background-color: #005597; border-color: #005597; color: #fff;}



/* ************* SERVICE LANDING PAGE ************* */
#content #serviceLandingPage .sys_subitem{padding: 8px;color: #000;}
#wrapper #content #serviceLandingPage .sys_subitem a{}
#content #serviceLandingPage .sys_subitem .sys_subitem-heading a{background-position: 100% 50%;}
#content #serviceLandingPage .sys_subitem .sys_subitem-summary {width: 60%;}
#serviceLandingPage .sys_thumbnail{position: relative;overflow: hidden;	width: 34%; height: 100px;}
#serviceLandingPage .sys_thumbnail img{z-index: 0; width: auto; height: 110px; position: absolute;	top: 0; left: 50%;	margin-left: -258px;} 

#content #serviceLandingPage .sys_subitem.sys_subalternatingitem {}


#content #ServiceCategory .sys_detailImage{margin-bottom: 1em;}


/*
#content #ServiceListing{}
#content #ServiceListing ul{padding: 0; color: #000; list-style-type:none;}
#content #ServiceListing ul li{margin: 0 0 10px 0; list-style-type:none;}
#wrapper #content #ServiceListing ul li a{background-color: #B3DCD9; display:block; text-decoration:none; padding: 8px;}
#wrapper #content #ServiceListing ul li a:hover{background-color: #2d2d2d; color: #fff;}
#content #ServiceListing h3{color: #000; margin-bottom:.5em;  background: transparent url("/studentservices/images-multimedia/new-design/show-hide-ssc-plus.png") no-repeat scroll 98% 50%}
#content #ServiceListing ul li a:hover h3{color: #fff;}
#content #ServiceListing .sys_summary{display:inline-block; width: 63%; vertical-align:top; margin-right: 1.5%;}
#content #ServiceListing .sys_thumbnail{display:inline-block; position: relative; overflow: hidden;	width: 34%; height: 100px;}
#content #ServiceListing .sys_thumbnail img{width: auto; height: 100px; position: absolute;	top: 0; left: 50%;	margin-left: -208px;} 
*/


/* A-Z services page */
#wrapper #content .sys_atoz-control {margin-bottom: 1.3rem;float:left;}
#wrapper #content .sys_atoz-control ul li a{text-decoration:none;}


#content .sys_search-control h2.sys_search-title {margin-bottom: 0;}
#content .sys_search-control{float:left; width: 100%; margin-bottom: 1rem;}

#content #GenericList_List,
#content #GenericList_List .sys_itemslist,
#content .sys_atoz-control-currentletter, 
#content .sys_atoz-control,
#content .sys_flickrpager{display:block; }
#content .sys_atoz-control-currentletter {width: 100%;}
#content .sys_atoz-control-currentletter .sys_atoz_heading{width: 100%;  font-size: 3em; padding: 10px 0 12px 0; margin: 0 0 0 0;}
#content #GenericList_List .sys_subitem,
#content #SearchResults_List .sys_subitem{margin: 0; padding: 0;}
#content #GenericList_List .sys_subitem .sys_subitem-heading,
#content #SearchResults_List .sys_subitem .sys_subitem-heading{margin: 0; font-size: inherit;}
#wrapper #content #GenericList_List .sys_subitem a{ padding: 14px 0; background:none;display:block; text-decoration:none; margin: 0;}

#wrapper #content #GenericList_List .sys_subitem a:hover{}





#content #GenericList_List .sys_subitem:last-child a,
#content #SearchResults_List .sys_subitem:last-child a{border:none;}

#wrapper #content #SearchResults_List .sys_subitem { padding-bottom: 2em; background:none;display:block; text-decoration:none; margin: 0;}
#wrapper #content #SearchResults_List .sys_subitem a{ font-weight:bold!important;}
#wrapper #content #SearchResults_List .sys_subitem-heading a:hover{background: none; text-decoration:none!important;}
#content #SearchResults_List .sys_search-url{}
#content #SearchResults_List dt.sys_search-description{display:none; }




#wrapper #content .sys_subitem .sys_subitem-heading a {border-bottom: 0 none;  line-height: 1.25em; padding: 0.3em 0;}
#wrapper #content .sys_subitem .sys_subitem-heading a:link, 
#wrapper #content .sys_subitem .sys_generic_list-subheading a:link, 
#wrapper #content .sys_subitem .sys_subitem-heading a:visited, 
#wrapper #content .sys_subitem .sys_generic_list-subheading a:visited { }
#wrapper #content .sys_subalternatingitem, #wrapper #content ul.sys_publicationsListing li.sys_alt {}


#wrapper #content #ServiceListing_List ul{width: 100%; padding: 0; list-style-type:none; margin: 0;}
#wrapper #content #ServiceListing_List ul li{margin: 0; list-style-type:none; padding: 0;}
#wrapper #content #ServiceListing_List ul li a{background: transparent url("/siteelements/images/base/internal/cta-icons/colour/bg-icon-blue5-right-arrow.png") no-repeat scroll top 50% right 10px; background-size: 12px;display:block; text-decoration:; padding: 16px 40px 14px 3px;}
#wrapper #content #ServiceListing_List ul li a:hover{background-color: #efefef; border-color: #007ca7; color: inherit;}
#content #ServiceListing_List dt{display:none;}
#content #ServiceListing_List dd{padding: 3px 40px 14px 3px; color: #666; font-size: 0.9em;}

#wrapper #content #ServiceListing.sys_categoryListing ul li {background-position: 0 0; background-size: 100%; background-color: none; display:block; text-decoration:none; padding: 0;}
#wrapper #content #ServiceListing.sys_categoryListing ul li{float:left;margin: 3px; width: 234px; display:inline-block;}
#wrapper #content #ServiceListing.sys_categoryListing h3{font-size: 1.2em;color: #000; padding: 50px 0; margin: 0;}
#wrapper #content #ServiceListing.sys_categoryListing li:hover h3{color: #fff;}
#wrapper #content #ServiceListing.sys_categoryListing .sys_description{display:none;}



#content #HighlightedServices_List {display: -webkit-flex; display:flex; -webkit-flex-direction:row; flex-direction: row; padding: 0; margin-top: 14px;}
#content #HighlightedServices_List li{-webkit-flex:1; flex:1; list-style-type:none; margin-left: 0; margin-right: 10px; -webkit-align-items: stretch; align-items: stretch; font-size: 1.2rem; line-height: 1.4rem; position:relative;}
#content #HighlightedServices_List li:last-child{margin-right: 0;}
#content #HighlightedServices_List li .sys_thumbnail{border:none; z-index: 0; margin: 0;}
#content #HighlightedServices_List li h3{font-size: 1rem; font-weight:bold; line-height: 1.2rem;padding: 8px;z-index: 10; position: absolute; top: 0; left: 0; margin: 0; background-color: #DE1B5C; color: #fff;}
#content #HighlightedServices_List li:hover h3{background: none;}

#content #HighlightedServices_List li a{background-image:none; padding: 0!important; color: #18194f;}
#content #HighlightedServices_List li img{width: 100%; height: auto;}

#content #HighlightedServices_List li:hover{background: #DE1B5C url("/siteelements/images/base/internal/cta-icons/white/bg-arrow-right-simple-white.png") no-repeat right 10px bottom 20px; background-size: 50px;}
#content #HighlightedServices_List li:hover img{z-index: 0;opacity: 0.1; filter: alpha(opacity=10); /* For IE8 and earlier */}



#content #HighlightedServices_List li.sys_healthyu img{width: 100%; height: auto;}


#content .kalturaEmbed{border-left: 1px solid #e1e8ec; padding-left: 0.6rem;}
#content .kalturaEmbed h2{color: #000;}
#wrapper #content .kalturaEmbed h2 a{background-image: none; text-decoration:none;}
#wrapper #content .kalturaEmbed h2 a span{font-size: 0.8rem; text-decoration: underline;}
#wrapper #content .kalturaEmbed h2 a:hover span{text-decoration: none;}



.sys_fullWidth #homepageSearch{margin-bottom: 20px;}

.sys_topCTAs{font-size: 1.1rem; line-height: 1.1rem;}
#wrapper #content .CTA-ArrowRoundRight.CTA-Video{background-color: #DE1B5C; background-image: url("/studentservices/images/decorative/bg-video.png"); background-size: 40px;}
#wrapper #content .CTA-ArrowRoundRight.CTA-Video:hover{background-color: #18194f; color: #fff;}


/*#content #CategoryList{padding: 0;}
#content #CategoryList li{display:inline-block; width: 24%; margin: 10px 0.75758% 0 0;}
#content #CategoryList li:last-child{margin-right: 0;}
#wrapper #content #CategoryList a{display:block; text-decoration:none; height: 40px;padding: 30px 10px;background: #79C6C0;}
#wrapper #content #CategoryList a:hover{background: #007ca7; color: #fff;}*/

#content #CategoryList{display: -webkit-flex; display:flex; -webkit-flex-direction:row; flex-direction: row; padding: 0; margin-bottom: 1em;}
#content #CategoryList li{-webkit-flex:1; flex:1; list-style-type:none; margin-left: 0; margin-right: 12px; -webkit-align-items: stretch; align-items: stretch; font-size: 1.2rem; line-height: 1.4rem;}
#content #CategoryList li:last-child{margin-right: 0;}
#wrapper #content #CategoryList a{border: 2px solid transparent; color: #fff; display:block; text-decoration:none; height: 70px; padding: 10px; background: #007ca7 url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png") no-repeat right 10px bottom 10px; background-size: 18px;}
#wrapper #content #CategoryList a:hover{background-color: transparent; color: #18194f; border-color: #18194f; background-image: url("/siteelements/images/base/internal/cta-icons/colour/bg-icon-blue5-right-arrow.png");}


#content .sys_two_7030 #CategoryList {display:block;}
#content .sys_two_7030 #CategoryList li{font-size: inherit;width: 100%; display:block;margin-right: 0;}
#wrapper #content .sys_two_7030 #CategoryList a{height: auto;padding: 20px 10px; color: #fff;background: #18194f url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png") no-repeat bottom 50% right 10px; background-size: 18px;}
#wrapper #content .sys_two_7030 #CategoryList a:hover{color: #fff; background-color: #007ca7;}




/* ************* SERVICE DETAIL ************* */
#serviceDetail .sys_table{display: table; border-collapse: separate; border-spacing: 0 2px;}
#serviceDetail .sys_row {display: table-row;}
#serviceDetail .sys_col {display: table-cell; padding: 8px;}
#serviceDetail .sys_label {border-left: 2px solid #18194f; background-color: #efefef; color: #000; width: 22%;}
#serviceDetail .sys_Field {background-color: #efefef;border-left: 2px solid #fff; color: #000; width: 78%;}
#content #serviceDetail .sys_Field a{color: #000; text-decoration:underline;}
#content #serviceDetail .sys_CTAs a,
#content #ServiceCategory .sys_CTAs a{border: 2px solid transparent; color: #fff;  display:block; margin-bottom:.5em; padding: 22px 30px 20px 8px; background:  #DE1B5C url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png") no-repeat; background-position: right 10px top 50%; text-decoration:none; background-size: 12px;}
#content #serviceDetail .sys_CTAs a:hover,
#content #ServiceCategory .sys_CTAs a:hover{border-color: #18194f; background-color: transparent; color: #18194f; background-image: url("/siteelements/images/base/internal/cta-icons/colour/bg-icon-blue5-right-arrow.png");}
#content #serviceDetail .sys_CTAs p,
#content #ServiceCategory .sys_CTAs p{margin: 0;}
#content #ServiceCategory .sys_CTAs {margin-bottom: 1em;}

#content #serviceDetail .sys_two_7030 h2 {margin-top: 1em; margin-bottom: 0;}

#wrapper #content .sys_relateditemslisting-control h2.sys_relateditemslisting-title {margin: 6px 0 0 0; padding: 0; font-size: 1.2rem; font-weight:normal;}
#wrapper #content .sys_relateditemslisting-control ul{padding: 0;}
#wrapper #content .sys_relateditemslisting-control ul li{border-bottom: 1px solid #ccc; list-style-type:none; margin: 0; padding: 0;}
#wrapper #content .sys_relateditemslisting-control ul li a{text-decoration:none; padding: 9px 0 6px 0; display:block;}
#wrapper #content .sys_relateditemslisting-control ul li:hover a{background-color: #efefef; border-color: #18194f; color: #fff;}

/* if related items are next to each other 

#wrapper #content .sys_relateditemslisting-control ul{padding: 0;}
#wrapper #content .sys_relateditemslisting-control ul li{display:inline-block; clear:none;width: auto; border: 1px solid #a3dad5; list-style-type:none; margin: 0 3px 3px 0; padding: 6px; }
#wrapper #content .sys_relateditemslisting-control ul li a{text-decoration:none; padding: 6px 0; display:block;}
#wrapper #content .sys_relateditemslisting-control ul li:hover{border-color: #2c8676;}

*/




#wrapper .slicknav_menutxt {border-top: 1px solid #E0DEC8; border-bottom: 1px solid #E0DEC8;}
#wrapper .slicknav_menu ul {background-color: #E0DEC8;}
#wrapper .slicknav_menu ul li a:hover{text-decoration:underline;}
#wrapper .slicknav_menu ul li .sys_selected a{font-size: inherit; font-weight:normal; color: #000;}
#wrapper .slicknav_menu ul li div.sys_currentitem a{color: #242847; font-weight:bold; text-decoration:underline;}


#wrapper #pageTitle .logo {width: 33%;}
#wrapper #pageTitle .headertext {width: 66%;}

#wrapper #content .img-responsive{width: 100%; height: auto;}

#wrapper #content .sys_image-with-heading img{border:none; width: 100%; height: auto;}
#wrapper #content .sys_image-with-heading .sys_heading{color: #242847; left: 6px; top: 6px; right: auto; background: transparent url("/SiteElements/Images/Base/Internal/bg-textOverlay-White.png") repeat scroll 0 0;}
#wrapper #content .sys_image-with-heading .sys_heading h1{color: #242847; margin: 8px 10px 0 10px;}


/* #bottom {display:none;} */


.sys_HideAllThis{display:none;}


@media only screen{

#content .not-an-active-link{cursor:auto; pointer-events: none;}

}




@media only screen and (max-width: 967px) {
#content #homepageSearch .sys_search-query-control input{width: 73.3%;}
#content #homepageSearch .sys_search-query-control .sys_button {width: 22.8%;}
#wrapper #content #HighlightedServices_List h3{font-size: 1rem;}
.sys_topCTAs{font-size: 0.9rem; line-height: 0.9rem;}
.sys_topCTAs div{margin: 0;}

#wrapper #content,
#wrapper #content.sys_fullWidth{width: 100%!important; left: 0; padding: 0; left: 0;}
  #content .sys_twoColumns5050 .sys_one,
#content .sys_twoColumns5050 .sys_two{width: 49.4%; margin: 0;}

 #wrapper #pageTitle{margin-bottom: 1rem;}
 

}

@media screen and (max-width: 767px) {
#wrapper #content #CategoryList{display:block; margin-top: 1em;}
#content #CategoryList li{display:block;margin-right: 0;}
#wrapper #content #CategoryList li a{padding: 22px 30px 20px 10px;height: auto;background-position: right 10px top 50%;}
#wrapper #pageTitle{height: auto; margin-bottom: 1rem;}

#content #HighlightedServices_List{display:block; margin-top: 0;}

#wrapper #content #HighlightedServices_List h3{bottom: 0; top: auto;}
#wrapper #content #HighlightedServices_List li{width: 48.65%; margin-right: 2.5%; clear:none; margin-bottom: 2.5%;}
#wrapper #content #HighlightedServices_List li:nth-child(+2n){margin-right: 0;}
#content #HighlightedServices_List li h3{font-size:1.3rem; line-height: 1.4em;}
#toolBar{display:block;}

#homepageSearch{padding: 3%; background-size: 240%; background-position: 50%;}
#homepageSearch h2{margin-bottom: 14px;}
#content #homepageSearch .sys_search-query-control input{width: 94%; margin-bottom: 14px;  border:2px solid #fff; padding: 15px 10px;}
#content #homepageSearch .sys_search-query-control .sys_button {margin: 0; width: 100%; padding: 12px 10px;}


#wrapper #content #HighlightedServices_List li.sys_healthyu {width: 100%; height: 160px; background: #000 url("/studentservices/images/services/healthyu.jpg") no-repeat 0 50%; background-size: auto 100%;}
#wrapper #content #HighlightedServices_List li.sys_healthyu a{display:block;  height: 160px;}
#wrapper #content #HighlightedServices_List li.sys_healthyu:hover a{background: #FCDE7D url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png") no-repeat right 10px bottom 10px; background-size: 60px;}
#wrapper #content #HighlightedServices_List li.sys_healthyu img{display:none;}

}

@media only screen and (max-width: 479px) {
#wrapper #content #HighlightedServices_List h3{font-size: 0.9rem; bottom: 0; top: auto;}
#content #HighlightedServices_List li h3,
#content #CategoryList li h3{font-size:1.3rem; line-height: 1.4em;}
  
  
#homepageSearch{background: linear-gradient(rgba(0, 155, 189, 0.8), rgba(24, 25, 79, 0.8)), url("/studentservices/images/decorative/homepagesearchbackground.jpg") no-repeat 20% 40%;}
#homepageSearch h2{color: #fff;}  
  
  
#homepageSearch{padding: 5%; background-size: 240%; background-position: 50%;}
#homepageSearch h2{margin-bottom: 10px; font-size: 1.3rem;}
#content #homepageSearch .sys_search-query-control input{font-size: 1.1em; width: 90%; margin-bottom: 10px; border:2px solid #fff; padding: 10px;}
#content #homepageSearch .sys_search-query-control .sys_button {font-size: 1rem; padding: 10px;}
#content .not-an-active-link{cursor: pointer; pointer-events: auto;}
}






