/*
  abo_setup.css
  $Revision: 1.45 $;
  $Date: 2020/05/21 14:04:52 $;
*/

:root
{
  --v_cBodyBackground: #ffffff;
  --v_cContainerBackground: #ffffff;
  --v_cSiteColour: #002c73;
  --v_cSiteColour: teal;
  --v_cSiteColour2: #002c73;
  --v_cList1Background: #fafafa;
  --v_cList2Background: #eaeaea;
  --v_cListHoverBackground: #cccccc;
}

#abo_develop_banner
{
}

*
{
  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;
}

body
{
  background: var(--v_cBodyBackground);
}

h1
{
  color: var(--v_cSiteColour);
  margin-top: .5em;
  margin-bottom: .5em;
}

ul
{
  padding-left : 16px;
}

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

.warn, .warning
{
  color:orange;
}

.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;
}

/* buttons a la NT */
/* a.prop-button, input.prop-button */
.prop-button
{
  border: medium none;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 2px #939DA2;
  color: #FFFFFF;
  cursor: pointer;
  padding: 2px 5px;
  text-shadow: 0 1px 1px #7b7a7a;
  margin:1px;
}

/* a.prop-button:hover, input.prop-button:hover */
.prop-button
{
text-decoration: none;
}

/* generic form update button open class*/
/* works together with prop-button */
.button-closed
{
  background-color: var(--v_cSiteColour);
}

.button-closed:hover
{
  /* background-color: #666666; */
}

/* input.prop-button:disabled */
.prop-button:disabled
{
  background-color: #999999;
}

.button-open
{
  background-color: var(--v_cSiteColour);
}
.button-open:hover
{
  /* background-color: #ff3333; */
}

.button-disabled
{
  background-color: #666666;
}

.button-disabled:hover
{
  background-color: #666666;
}

.button-enabled
{
  background-color: #a2bd32;
}

.button-enabled:hover
{
  background-color: #a2aa32;
}
/* end buttons a la NT */


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

th,td
{
  padding : 2px;
}

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

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

/* list head items */
tr.listhead
{
  background-color: var(--v_cSiteColour);
  height: 18px;
}
tr.listhead2
{
  background-color: var(--v_cSiteColour2);
  height: 16px;
}

tr.listhead th, tr.listhead2 th
{
  color: #ffffff;
  xpadding: 2px 4px;
  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: var(--v_cList1Background);
}

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

tr.list1:hover, tr.list2:hover
{
  background: var(--v_cListHoverBackground);
}

tr.list3, tr.list3_slave
{
background-color: #ffccff;
}

tr.list3:hover
{
background-color: #c9c;
}

/* 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;
}


/* Popup container */
.popup
{
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  top: 125%;
  left: 50%;
  margin-left: -80px;
}

.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}



#x-basket_container
{
  padding: 5px;
  background: blue;
}

#basket_container
{
  padding: 5px;
  background: #fdf5e6;
  position: absolute;
  left: -280px;
  width: 260px;
  top: -10px;
}

#basket_container_checkout
{
  padding: 5px;
  background: #fdf5e6;
  width: 400px;
  max-width: 50%;
  margin: auto;
}


table.ordorder
{
  /*
  border: 1px solid #666666;
  border-collapse: collapse;
  */
}

span.ordorder-cart-add
{
  background: #fdf5e6;
  padding: 15px;
  border: 1px solid #fdf5e6;
  display: inline-block;
}
span.ordorder-cart-add:hover
{
  text-decoration: underline;
}

span.ordorder-minus-plus
{
  font-size: 18px;
}

.abo-enter
{
  color: white;
  background: #000000;
  padding: 10px;
  display: inline-block;
  text-decoration: none;
}
.abo-enter:hover
{
  background: #616161;
  text-decoration: none;
}




/* abo_setup.css end */