/* body{ border:4px solid red; } */

/* GENERAL */
/* Unclicked links (Decisions & others) – dark green #004631 ---> CHANGE TO #016C72 */
#function a, #columnContainer a, #middleCol a:visited, #rightCol a:visited, #rightCol #opinionPoll .answer label, #middleCol h2 a { color:#016C72; }

/* Pre-clicked links & focused links – pale green #50B848 ---> CHANGE TO #008554 */
/* Pre-clicked & focused links in Decisions – pale blue #00BACC ---> CHANGE TO #008554 */
#submenu a:visited, #middleCol a:visited, #rightCol a:visited { color:#008554; }

/* NB: In addition, please ensure, for all links in focus (hovered over,) the text is underlined. Currently when links are hovered over, the underlining of text disappears. This additional change was agreed via an email from Dan McKinnel on 19 August 2020. */
#middleCol a:hover, #rightCol a:hover { text-decoration:underline; }

/* TOP NAVIGATION */
/* Top-bar navigation when selected – pale green #D9E8AE ---> CHANGE TO #016C72 */
#nav ul li:hover { background: #016C72;  }
#nav ul li a:hover, #nav ul li a.active { color:#ffffff; }

/* APPEAL PORTAL */
/* links on pop-ups – dark yellow #AFA242 on white ---> CHANGE TO #016C72 */
#popup-box a { color:#016C72 !important; }

/* link text when hovered over – green #5E9371 on white ---> CHANGE TO #008554 */
#popup-box a:hover { color:#008554 !important; }

/* form field outlines – light grey #DDDDDD on white ---> CHANGE TO #000000 */
#middleCol .FormFeilds .tbrow input { border: 1px solid #000000; }
#middleCol .FormFeilds .tbrow select { border: 1px solid #000000; }
#middleCol .FormFeilds .tbrow textarea { border: 1px solid #000000; }

/* form field outlines – light grey #DDDDDD on white ---> CHANGE TO #000000 */
/* form field outlines when selected ---> CHANGE TO #000000 & THICKER */
/* radio buttons – grey #ABABAB ---> CHANGE ANY USE OF GREY TO #000000 */
#middleCol .FormFeilds .tbrow input:focus { border: 2px solid #000000; }
#middleCol .FormFeilds .tbrow select:focus { border: 2px solid #000000; }
#middleCol .FormFeilds .tbrow textarea:focus { border: 2px solid #000000; }

/* “Save & Exit” and “Register” buttons ---> OUTLINE #000000, FILL #FFFFFF */
#middleCol .btnStyle.save { background:#ffffff; border:1px solid #000000; }
#middleCol .btnStyle.general { background:#ffffff; border:1px solid #000000 !important; }

/* “Save & Exit” and “Register” when selected ---> #000000 (THICKER) / #FFFFFF */
#middleCol .btnStyle.save:hover { background:#ffffff; border:2px solid #000000; }
#middleCol .btnStyle.save:focus { background:#ffffff; border:2px solid #000000; }
#middleCol .btnStyle.general:hover { background:#ffffff; border:2px solid #000000 !important; }
#middleCol .btnStyle.general:focus { background:#ffffff; border:2px solid #000000 !important; }

/* other CTA buttons e.g. “Next” – dark yellow #AFA242 ---> CHANGE TO #016C72 */
#middleCol .btnStyle.prev { background:#016C72; border:1px solid #000000; color:#ffffff; }
#middleCol .btnStyle.next { background:#016C72; border:1px solid #000000; }
#middleCol .btnStyle.AddFile { background:#016C72; border:1px solid #000000 !important; }

/* DECSIONS DATABASE */
/* other buttons e.g. “Next” when selected – darker yellow ---> CHANGE TO #008554 */
#middleCol .btnStyle.prev:hover { background: #008554 !important;  border:2px solid #000000 !important;  color:#ffffff !important;  }
#middleCol .btnStyle.prev:focus { background: #008554 !important;  border:2px solid #000000 !important;  color:#ffffff !important;  }
#middleCol .btnStyle.next:hover { background: #008554 !important; border:2px solid #000000 !important; }
#middleCol .btnStyle.next:focus { background: #008554 !important; border:2px solid #000000 !important; }
#middleCol .btnStyle.AddFile:hover { background: #008554; border:2px solid #000000 !important;  }
#middleCol .btnStyle.AddFile:focus { background: #008554; border:2px solid #000000 !important;  }

/* drop-down boxes – outline on blue background ---> CHANGE TO #000000 */
#middleCol .zoom_searchform input { border:1px solid #000000; background:#ffffff; }
#middleCol .zoom_searchform select { border:1px solid #000000; background:#ffffff; }

/* drop-down boxes – outline when selected ---> CHANGE TO #000000 & THICKER */
#middleCol .zoom_searchform input:hover { border:2px solid #000000; }
#middleCol .zoom_searchform select:hover { border:2px solid #000000; }
#middleCol .zoom_searchform input:focus { border:2px solid #000000; }
#middleCol .zoom_searchform select:focus { border:2px solid #000000; }

#DD_ResultPerPage { border:1px solid #000000; background:#ffffff; }
#DD_ResultPerPage:hover { border:2px solid #000000; }
#DD_ResultPerPage:focus { border:2px solid #000000; }

/* A-Z SEARCH */
/* search box and button ---> OUTLINE #000000, FILL #FFFFFF */
#search_button input { border: 1px solid #000000; }

/*search box when selected ---> OUTLINE #000000 (THICKER), FILL #FFFFFF */
#search_button input:hover { border:2px solid #000000; }
#search_button input:focus { border:2px solid #000000; }

/* LOGOFF LINK */
/* white text on yellow #ADA542 background ---> WHITE TEXT ON #016C72 */
li.logoff { background:#016C72 !important; }

/* RESPONSE CALCULATOR */
/* drop-downs & button – outline dark grey ---> CHANGE TO #000000 */
.responseCalculator input { border:1px solid #000000; }
.responseCalculator select { border:1px solid #000000; }
.responseCalculator input:hover { border:1px solid #000000; }
.responseCalculator select:hover { border:1px solid #000000; }
.responseCalculator input:focus { border:1px solid #000000; }
.responseCalculator select:focus { border:1px solid #000000; }

/* TOP LINKS */
#topAccess { color:#000000; }
#topAccess a { color:#000000 !important; }

/* SEARCH BUTTON */
#search_button { width:280px; }

/* RADIO BUTTON PANEL */
.radioButtonPanel { }
.radioButtonPanel fieldset { border:0px; padding:0px; }
.radioButtonPanel legend { display:block; margin-bottom:15px; line-height:20px; color:#008554; font-weight:normal; font-size:17px; }

/* HOMEPAGE NAVIGATION TABS */
#menu li.hp a, #menu ul li:hover a { background:#016C72; color:#ffffff; }

li.logoff { background: none !important; }
li.logoff a { background:#016C72 !important; color:#ffffff; }