/*
  aboc_setup.css
  $Revision: 1.1 $;
  $Date: 2025/12/04 10:01:17 $;
*/

:root
{
  --v_cBodyBackground: #eeffff;
  --v_cContainerBackground: #ee--ee;
  --v_cContainerBackground: var(--v_cBodyBackground);
  --v_cSiteColour: teal;
  --v_cSiteColour: #2f99cc;
  --v_cList1Background: #fafafa;
  --v_cList2Background: #eaeaea;
  --v_cListHoverBackground: #cccccc;
}

*
{
  padding: 0px;
  margin: 0px;
}

/* ------ styles ------ */


body,p,li,ol,ul,td,th
{
  color: #666666;
  font-size: 11px;
  line-height: 14px;
  font-family: Myriad, Verdana, Gill, Arial, Helvetica, SunSans-Regular;
  text-align: left;
}

p
{
  margin-top: 1em;
  magin-bottom: 1em;
}


ol, ul
{
  margin-left: 20px;
}

body
{
  background: #ffdddd;
  background: var(--v_cBodyBackground);

}

h1
{
  color: #2f99cc;
  margin-top: .5em;
  margin-bottom: .5em;
}

ul
{
  padding-left : 16px;
}

/* dave B additions 2017-05-24 ish */
.error
{
  color:red;
}

.warn, .warning
{
  color: #a66b01;
}

.ok, .valid
{
  color:green;
}

.selected
{
  font-weight: bold;
  xcolor:black;
}

.currsort
{
  background: rgba(200, 200, 200, 0.2);
}

.border_none
{
  border: 0px solid #9999ff;
}

.hidden
{
  border: 1px solid #99ff99;
  display:none;
}
/* dave B additions 2017-05-24 ish end */

/* anchors links etc */
a
{
  color: #3333ff;
  text-decoration: none;
}
a:link
{
  text-decoration: none;
}
a:visited
{
  text-decoration: none;
}
a:hover
{
  text-decoration: underline;
}

/* image border links*/
a img
{
  border: 0px;
}


/* ------ elements ------ */

th, td
{
  padding : 2px;
}

table.container
{
  border-collapse: collapse;
  border-color: white;
  border-spacing: 0;
  border-style: solid;
  border-width: 1;
  margin-left: auto;
  margin-right: auto;
  min-width: 800px;
  xmin-height: 400px;
  background: var(--v_cContainerBackground);
}

tr.footer
{
  background-color: lightgrey;
  height: 18px;
  position: sticky;
  bottom: 0px;
}


table.list
{
  width: 100%;
  border: 0px solid #666666;
  border-collapse: collapse;
}

table.show
{
  border-collapse: collapse;
}

table.show th, table.show td
{
  vertical-align: top;
  padding: 7px;
}



/* list head items */
tr.listhead
{
  background-color: var(--v_cSiteColour);
  height: 18px;
  position: sticky;
  top: 10px;
}
tr.listheadstatus
{
  background-color:  var(--v_cSiteColour);
  height: 18px;
  top: 0px;
}
tr.listhead2
{
  background-color: var(--v_cSiteColour);
  height: 16px;
}

tr.listhead th, tr.listhead2 th
{
  color: #ffffff;
  font-weight: normal;
}

tr.listhead a
{
  color: white;
  text-decoration: none;
}

tr.listhead a:hover
{
  text-decoration: underline;
}

tr.list
{
  background-color: white;
  height: 18px;
}

table.list th, table.list td
{
  vertical-align: top;
  padding: 7px;
}

tr.list1, tr.list1_slave
{
  background: #fafafa;
  background: var(--v_cList1Background);
}

tr.list2, tr.list2_slave
{
  background: #eaeaea;
  background: var(--v_cList2Background);
}

tr.list3, tr.list3_slave
{
  background: #fdfad5;
  background:var(--v_cList3Background);
}

tr.list4, tr.list4_slave
{
  background: #ece8cf;
  background:var(--v_cList4Background);
}


tr.list5, tr.list5_slave
{
background-color: hsla(180, 100%, 96%, 1);
}

tr.list6, tr.list6_slave
{
background-color: hsla(180, 100%, 92%, 1);
}


tr.list1:hover, tr.list2:hover, tr.list3:hover, tr.list4:hover, tr.list5:hover, tr.list6:hover
{
  background: #cccccc;
}


.sourceb
{
  color: purple;
}
.sourcec
{
  color: magenta;
}


/* general alignments */

th.align_left, td.align_left, input.align_left, span.align_left
{
  text-align: left;
}

th.align_center, td.align_center, input.align_center, span.align_center
{
  text-align: center ;
}

th.align_right, td.align_right, input.align_right , span.align_right
{
  text-align: right;
}

.align-left
{
  text-align: left;
}

.align-center
{
  text-align: center;
}

.align-right
{
  text-align: right;
}

.align-bottom
{
	vertical-align: bottom;
}



/*
  float: right;
  margin-right: 0;
  margin-left: auto;
  margin: auto;
*/


/* general alignments end */


/* Tooltip container */
.tooltip
{
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext, .tooltip .tooltiptext2
{
  visibility: hidden;
  width: 220px;
  color: #fff;
  background-color: #dddddd;
  color: #000;
  padding: 5px 5px;
  border-radius: 6px;
  border-width: 1px;
  border-color: red;
  border: 1px solid #000;
/* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

.tooltip .tooltiptext
{
  top: 120% ;
  left: 50%;
  margin-left: -80px;  /* Use half of the width (160/2 = 80), to center the tooltip */
}

.tooltip .tooltiptext2
{
  top: 120% ;
  left: 100%;
  margin-left: -160px;  /* Use of the width (160), to place the tooltip */
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext, .tooltip:hover .tooltiptext2
{
  visibility: visible;
}
/* Tooltip container end */

.cLang
{
  border-width: 1px;
  border-color: red;
  background-color: yellow;
}



tr.row_hidden
{
height: 0px;
visibility: hidden;
display: none;
}


input.abo-button
{
  border: medium none;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 2px #939DA2;
  color: #FFFFFF;
  cursor: pointer;
  padding: 6px 10px;
  text-shadow: 0 1px 1px #7b7a7a;
  margin:1px;

  background-color: var(--v_cSiteColour);
}

input.abo-button:hover
{
  background-color: grey;
}  


/* required for pycourselist

 */

/* nav*/

/* --- Start NAVIGATION MENU menu --- */
/* start navigation based on w3 schools + roger */
nav
{
  xfont-size: 10px;
  xline-height: 14px;
  xfont-family: Myriad, Verdana, Gill, Arial, Helvetica, SunSans-Regular;
}

nav ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
  border-radius: 10px;
}

nav ul.two
{
  border-radius: 4px;
}

nav ul.two li a
{
  padding: 3px 6px;
}

nav li
{
  float: left;
}

nav li a, nav .dropbtn
{
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 10px;
  color: #757575;
  xmax-width: 120px;
}

nav li a:link
{
  color: #757575;
  text-decoration: none;
}

/* visited link */
nav li a:visited
{
  color: #757575;
  text-decoration: none;
}

nav .dropdown:hover a
{
  color: #ffffff;
}

nav li a:hover, nav .dropdown:hover .dropbtn
{
  background-color: red;
  background: #4b545f;
  color: #ffffff;
  xtext-decoration: underline;
}

/* selected link */
nav li a:active
{
  color: #000000;
  text-decoration: none;
}

nav li.dropdown
{
  display: inline-block;
}

nav .dropdown-content
{
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  background: #5f6975;
}

nav .dropdown-content a
{
  color: black;
  padding: 10px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
  color: #ffffff;
  border-top: 1px solid #6b727c;
  border-bottom: 1px solid #575f6a;
}

nav .dropdown-content a:hover
{
  xbackground-color: #f1f1f1;
  xbackground-color: #5f6975;
  color: #ffffff;
}

nav .dropdown:hover .dropdown-content
{
  display: block;
}
/* End navigation */

/* start navhome navigation based on w3 schools + roger */

navhomehome
{
xfont-size: 10px;
xline-height: 14px;
xfont-family: Myriad, Verdana, Gill, Arial, Helvetica, SunSans-Regular;
}

navhome ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;


  x_background-color: #333;

  x_background: #efefff;
  x_background: linear-gradient(top, #efefff 0%, #bbbbbb 100%);
  x_background: -moz-linear-gradient(top, #efefff 0%, #bbbbbb 100%);
  x_background: -webkit-linear-gradient(top, #efefff 0%,#bbbbbb 100%);


  border-radius: 10px;
}

navhome ul.two
{
  border-radius: 4px;
}


navhome ul.two li a
{
  padding: 3px 6px;
}

navhome li
{
  display: block;
  x_width: 200px;
  x_text-align: center;
  x_float: left;
  border-radius: 10px;
  x_background: #efefff;
}

navhome li a, navhome .dropbtn
{
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 10px;

  color: #757575;
  x_max-width: 120px;
  background: #dddddd;
  border-radius: 10px;
  margin: 3px;
}

navhome li a:link
{
  color: #757575;
  text-decoration: none;
}

/* visited link */
navhome li a:visited
{
  color: #757575;
  text-decoration: none;
}

navhome .dropdown:hover a
{
  x_color: #ffffff;
}

navhome li a:hover, navhome .dropdown:hover .dropbtn
{
  background-color: red;
  background: #4b545f;
  background: #cccccc;
  color: #ffffff;
  xtext-decoration: underline;
  border-radius: 10px;
}


/* selected link */
navhome li a:active
{
  color: #000000;
  text-decoration: none;
}


navhome li.dropdown
{
  x_display: inline-block;
  x_display: block;
}

navhome .dropdown-content
{
  display: block;
  
  x_position: absolute;
  x_background-color: #f9f9f9;
  min-width: 200px;
  padding-left: 50px;
  x_box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;

  x_background: #efefff;
}

navhome .dropdown-content a
{
  color: black;
  padding: 10px 10px;
  text-decoration: none;
  x_display: block;
  text-align: left;

  color: #ffffff;
  x_border-top: 1px solid #6b727c;
  x_border-bottom: 1px solid #575f6a;
}

navhome .dropdown-content a:hover
{
  xbackground-color: #f1f1f1;
  xbackground-color: #5f6975;
  color: #ffffff;
}

navhome .dropdown:hover .dropdown-content
{
  display: block;
}
/* End navhome navigation */
table .selector
{
  border-collapse: collapse;
  xbackground-color: #f1f1f1;
  xborder: 1px solid;
}