body{
  background: #ddd;
  font-family: Arial;
}
#container{
  padding:50px;
  text-align:center;
}
.header{
 /*overflow:hidden;*/
 background: #ffffff;
 padding:5px;
 margin-bottom:10px;
 height:25px;
}
.div-logo{
 float:left;
}
.div-version{
 float:left;
 margin-left:10px;
}
.div-info{
 float:left;
 margin-left:10px;
}
.div-logo img{
 height:25px;
}
.div-nav{
 float:right;
 text-align:right;
}
.div-nav form{
 margin-bottom:0em;
}
.hcmain {
 font-family: Noto Sans,Arial,Tahoma,sans-serif !important;
 background: #ffffff;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropbtn {
  color: #26397a;
	height:21px;
	width:100%;
  border: 1px solid #ddd;
  cursor: pointer;
  text-align: left;
}

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

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #72bedd;
}

.table-full-width {
  width:100%;
  border-collapse: separate;
  width: calc(100% + 10px);
  border-spacing: 5px 0px;
  margin: 0px -5px;
}

/*
.handcreatorbody {
	display:table;
	width:100%;
}

#CreatorMain {
  display:table-cell;
	vertical-align:top;
	background:#72bedd;
}
*/
#CreatorMain {
	background:#72bedd;
}

/*
#CreatorExtra {
	display:table-cell;
	width:300px;
	background:#A9A9A9;
}*/

#imagedata{
	height:200px;
}
#imagedatagenerate{
	text-align:center;
	cursor:pointer;
}

#CreatorMain ul, #CreatorMain ol, #CreatorMain li {
	list-style:none;
}

#CreatorMain ul
{
	margin:0;
}
#CreatorMain ul
{
	padding:0;
}

/*
#HCsaveInfo {
  text-align: left;
}
*/

.HCmenu {
  margin: 0;
  margin-top:10px;
  margin-bottom:10px;
}

.topMenu {
  margin-bottom:10px;
}

.selectParent{
 float:left;
 height:34px;
 margin-right: 20px;
 margin-left: 10px;
}

.InputSelect{
	height:22px;
  width:100%;
}

select
{
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
}

.contractselect{
	display:inline-block;
	width:40px;
}

.declarerselect{
	display:inline-block;
	width:60px;
}

#userSelect {
	width:100%;
	margin:0;
	margin-bottom:5px;
}

.auctionnotes {
	display:inline-block;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 300px;
}

.vulselect{
	color: #15317E;

}

.HCresetButton:hover {
  background: #DB3126 !important;
}

#newhand {
	  padding:10px;
	  text-decoration:underline;
}

.collapse_list {
    margin: 0px;
    padding: 5px;
}

.collapse_head {
    padding: 5px;
    cursor: pointer;
    position: relative;
    margin: 1px;
}

.collapse_body {
    padding: 0px;
}

.collapse_body.closed {
    display: none;
}

.folderlink {
   cursor:pointer;
}

.menulink {
	color:#26397a;
	cursor:pointer;
}

.menulink.active {
	color:red;
}

.menulink:hover {
	text-decoration:underline;
}

.HCresetButton{
	display:inline-block;
	height:22px;
	background-color: #999999;
	cursor:pointer;
}

.rotate {
	cursor:pointer;
	color:#ffffff;
}

.handlink {
	cursor:pointer;
}

#PBNTable {
	background: #ddd;
}

#PBNTable .handlinkclick {
	background-color: #ffffff;
}

.container_1, .container_2, .container_3{
	width:100%;
}

.container_1, .container_2, .container_3 {
	float:left;
}

.nshand{
	width:100%;
	margin-bottom:2%;
}

.westhand{
	width:100%;
	margin-bottom:2%;
}

.easthand{
	width:100%;
	margin-bottom:2%;
}

@media only screen and (min-width: 480px) {

  .maintable {
    display:table;
  	width:100%;
    background-color: #ffffff;
    border-spacing: 10px;
    border-collapse: separate;
  }

  .maincell{
    display:table-cell;
  	vertical-align:top;
  	text-align:left;
    background-color: #ffffff;
  }

  .maincellpbn{
  	width:30%;
  }

	.nshand{
		width:200px;
		margin-left:auto;
		margin-right:auto;
	}

	.westhand{
		width:200px;
		margin-left:auto;
		margin-right:auto;
	}

	.easthand{
		width:200px;
		margin-left:auto;
		margin-right:auto;
	}
}

@media only screen and (min-width: 720px) {
	.nshand{
		width:200px;
		margin-left:auto;
		margin-right:auto;
	}

	.westhand{
		width:200px;
		float:left;
		margin-left:10px;
	}

	.easthand{
		width:200px;
		float:right;
		margin-right:10px;
	}
}


.HCtextClass.HCcardInput {
	border:none !important;
	box-shadow:0;
	background:#fff;
	color:#000;
	width: 78%;
	margin-bottom: 0;
	font-size:17px;
	box-shadow: none !important;
	padding:1px 13px;
}

.container_1 ul li, .container_3 ul li, .container_2 ul li {
  background-color: #fff;
  border-top:5px solid #fff !important;
  list-style: outside none none;
  margin-bottom: 2%;
  padding: 1% 3%;
}

.left_list li:first-child{
	border-top:4px solid #007437 !important;
}
.vulnerable li:first-child{
	border-top:4px solid #F00 !important;
}

.clear {
  display:inline-block;
  background-color: #26397a;
  border-radius: 5px;
  color: #fff;
  font-family: "Open Sans",sans-serif;
  font-size: 16.21px;
  height: auto;
  margin: 0;
  padding:3px 0 !important;
  text-align: center !important;
  visibility: visible;
  width: 48%;
}

.clear:hover
{
	cursor:pointer;
	opacity:0.8;
}
.fill {
  display:inline-block;
  background-color: #26397a;
  border-radius: 5px;
  color: #fff;
  float: right;
  font-family: "Open Sans",sans-serif;
  font-size: 16.21px;
  padding:3px 0 !important;
  width: 48%;
  text-align:center;
  height:auto;
}

.fill:hover
{
	cursor:pointer;
	opacity:0.8;
}

#currently {
  text-align:left;
}

/*
#currently p {
  color: #fff;
  font-family: "Open Sans",sans-serif;
  font-size: 16.17px;
  text-align: center;
}
*/

.direction span {
  color: hsl(0, 0%, 100%);
  font-family: "Open Sans",sans-serif;
  left: 5px;
  position: relative;
  top: -2px;
}



a.button_red {
  text-decoration:none;
  padding:2px;
  background-color: #da6635;
  color: #ffffff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  cursor:pointer;
}

a.button_red:hover{
  background-color: #bca682;
}

.expandme {
  padding: 5px;
  text-decoration:underline;
  cursor:pointer;
}

.notes {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
}

.quiteafewnotes {
	height: 100px;
}

.manynotes {
	height: 200px;
}

.manymanynotes {
	height: 400px;
}

#metanotes {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	width: 100%;
	height: 100px;
}