/*
212327
70557c
8abfd5
b4cdd2
e0b3a5
*/


.bg1{
 padding:10px;
 border-radius: 5px;
 /*
 background-repeat: no-repeat;
 background: url("https://bridge2go.com/draw/images/_650/keep/bbb.png");
 background-size: 100% 100%;
 */
 margin-bottom: 10px;
}


hr{
  border-top: 1px solid #72bedd;
}


#article img{
  display: block;
  width: 100%;
}

#article h2{
  margin-bottom: 3px;
  color: #26397a;
  font-family: 'EB Garamond';
}
#article h2:hover{
  text-decoration: underline;
}

.comment{
  border-radius: 5px;
  padding:3px;
  background-color:pink;
  margin-bottom:20px;
  text-indent: 5px;
}
.commentuser {
  margin-right: 20px;
	position: relative;
	background: #d3d3d3;
	border-radius: .4em;
}

.commentuser:after {
  content: '';
	position: absolute;
	bottom: 0;
	left: 5%;
	width: 0;
	height: 0;
	border: 13px solid transparent;
	border-top-color: #d3d3d3;
	border-bottom: 0;
	border-left: 0;
	margin-left: -6.5px;
	margin-bottom: -13px;
}

.commentother {
  margin-left: 20px;
	position: relative;
	background: #72bedd;
	border-radius: .4em;
}

.commentother:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 95%;
	width: 0;
	height: 0;
	border: 13px solid transparent;
	border-top-color: #72bedd;
	border-bottom: 0;
	border-right: 0;
	margin-left: -6.5px;
	margin-bottom: -13px;
}

#replytext{
  font-family: inherit;
  font-size: inherit;
  height: 60px;
  width: 100%;
  padding: 5px;
  border: 2px solid #d3d3d3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#addcomment{
  width: 10.5em;
  background-color: #d3d3d3;
  color: #000000;
  padding: 10px;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  /*float: right;*/
}



blockquote{
  font-size: 1.4em;
  width:60%;
  margin:50px auto;
  font-family:Open Sans;
  font-style:italic;
  color: #212327;
  padding:1.2em 30px 1.2em 75px;
  border-left:8px solid #212327 ;
  line-height:1.6;
  position: relative;
  background:#b4cdd2;
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#70557c;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:#70557c;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

body{
  margin: 0;
  font-family: Arial;
}
*, *:before, *:after {
  box-sizing: border-box;
}
.buttonwasbutton{
  background-color: #70557c;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}
.buttonwasbutton:hover{
  opacity: 0.8;
}
/*
button {
  background-color: #70557c;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}
button:hover {
  opacity: 0.8;
}
*/
/*
input[type=button] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #212327;
  color: #b4cdd2;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  font-size:1.2em;
  border-radius: 0px;
}
*/
a {
  text-decoration: none;
  color:#8abfd5;
}
.nav td a{
  color: #b4cdd2;
}
.nav td a.active  {
  color:#ffffff;
}
.nav td a.temphide{
  color:#000000;
}
.clickme{
  cursor: pointer;
  color:#212327;
}
.clickmecolour{
  color:#70557c;
}
.clickme i{
  /*color:#ffffff;*/
}
.clickmebutton {
  margin:auto;
  margin-top: 10px;
  width:160px;
  display: block;
  text-align:center;
  text-decoration:none;
  padding:10px;
  background-color: #212327;
  color: #ffffff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.removeattr{
  width:100px;
  margin:auto;
  margin-top:2px;
  margin-bottom:2px;
  border: 1px solid #b4cdd2;
  background-color: #e0b3a5;
  cursor: pointer;
  text-align: center;
  padding:2px;
}
.navlink-inner{
  cursor: pointer;
  color:#70557c;
}

.positionplaceholder{
  color:#8abfd5;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8abfd5;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #8abfd5;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #8abfd5;
}
:-moz-placeholder { /* Firefox 18- */
  color: #8abfd5;
}

.nav{
  /*background-color: #212327;*/
  background-color: #293745;
  margin-bottom:5px;
}
table {
  width:100%;
  border-collapse: collapse;
}

table.fixed {
  table-layout: fixed;
  border-spacing: 8px;
  border-collapse: separate;
}

.largescreen{
  display:none;
}

.modal h1{
  text-align: center;
}

.nav-table {
  table-layout: fixed;
  width:100%;
}
.nav-table td{
  text-align: center;
  padding:10px;
}

.section {
  display: none;
}
.section{
  width:100%;
  max-width:350px;
  margin:auto;
}

.video-container{
  margin:auto;
  max-width: 700px;
}

.video {
	margin:auto;
	width: 100%;
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}
.video iframe, .video object, .video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.results-table{
  table-layout: fixed;
  width:100%;
}
.results-table th{
  text-align: left;
}
.results-table td{
  width:50px;
  white-space: nowrap;
  overflow: hidden;
}
.results-table td{
  width:50px;
  white-space: nowrap;
  overflow: hidden;
}
.tr-attr{
  cursor: pointer;
}

.handnum{
  background-color: #8abfd5;
  padding:2px;
  text-align: center;
  margin-top: 10px;
}
.handnumevent{
  padding:2px;
  background-color: #b4cdd2;
  text-align: center;
  margin-top: 10px;
}


.handnum table{
  width:100%;
  margin:auto;
}
.handnum table td{
  text-align: center;
  vertical-align: middle;
  margin-top: 0px;
  padding: 0px;
}
.integer{
  text-align: center;
  border: 1px solid #212327;
  background-color: white;
  padding:4px;
  /*width:60px;*/
  /*margin:auto;*/
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;

  /*
    Introduced in Internet Explorer 10.
    See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
  */
  -ms-user-select: none;
  user-select: none;
  /*
  cursor: pointer;
  */
}
.integer-left{
  text-align: left;
}
.noclick{
  background-color: #b4cdd2;
  cursor: auto;
  border: none;
}

input[type=text] {
  padding: 8px;
  width:100%;
}

.event-info{
  border: 1px solid #212327;
  padding: 8px;
  color:#212327;
}

input[type=password] {
  padding: 8px;
  width:100%;
}

.widget-shadow {
  padding: 2em;
  text-align:center;
  max-width:400px;
  margin: auto;
  margin-top:20px;
  background-color: #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
  -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
  -moz-box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}
.widget-extra{
  margin-top:20px;
  text-align: center;
}
#LoginArea, #RegisterArea, #ForgotArea,#ResetArea,#ResetOK{
  display:none;
}

.ErrorMsg{
    margin:10px;
    color: #e94e02;
    margin:20px;
}
.LoginExtra{
    text-align:center;
    padding-top: 20px;
    color:#000000;
}
.mybutton {
    cursor:pointer;
    color:#26397a;
}
.mybutton:hover {
    color: #ff3232;
}
.aligncenter{
    text-align:center;
}
.bigbutton{
    margin:auto;
    width:160px;
    display: block;
    text-align:center;
    text-decoration:none;
    padding:10px;
    background-color: #212327;
    color: #ffffff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.bigbutton:hover{
    background-color: #70557c;
    color: #ffffff;
}
a.bigbutton{
    color: #ffffff;
}
a.bigbutton:hover{
    color: #ffffff;
}

.nav {
  display: none;
}


input[type='text'], input[type='password'], textarea{
  font-size: 16px;
}

input[type='password'] {
 margin-top: 10px;
}
select{
  font-size: 16px;
}

table.mytable{
  width:100%;
  max-width: 350px;
  margin: auto;
  table-layout: fixed;
}
table.mytable th {
  border: 1px solid #70557c;
  padding: 0.5rem;
  background-color:#b4cdd2;
}
table.mytable td {
  border: 1px solid #70557c;
  padding: 0.5rem;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
table.auctionInput {
  background-color: #ffffff;
  position: absolute;
  top:0;
  left:0;
  table-layout: fixed;
  border: 1px solid #212327;
  border-spacing: 5px;
  border-collapse: separate;
}
table.auctionInput td{
  background-color: #ccc;
  text-align: center;
}
#inner-auction {
  width:100%;
  max-width:350px;
  margin: auto;
  margin-bottom: 10px;
}
table.table-modal {
  width:100%;
  max-width:350px;
  margin: auto;
  background-color: #ffffff;
  table-layout: fixed;
  border: 1px solid black;
  border-spacing: 5px;
  border-collapse: separate;
}
table.table-modal td{
  background-color: #ccc;
  text-align: center;
}
table.largebutton td{
  padding:5px;
}

.auctionInput{
  display:none;
}

.slider{

}
.table-slider td{
  vertical-align: middle;
  height:30px;
}
.toobig {
  display:none;
}
@media screen and (min-width: 500px) {
  .section-full {
    width:95%;
    max-width:1250px;
  }
  #section-system .section{
    width:100%;
    max-width:1250px;
  }
}
@media screen and (min-width: 800px) {
  .toobig {
    display:inline;
  }
}
@media screen and  (min-width: 1150px) {
  .largescreen{
    display:table-cell;
  }
}