
.solitaire_window{
	width: 1070px;
}

.solitare_zone {
	display: inline-block;
	float: left;
	width: 910px;
	height: 480px;
}
.solzone_l{
	display: none;
	float: left;
	width: 100px;
	height: 400px;
	writing-mode: tb-rl;
	font-size: 30px;
	font-weight: bold;
	color: red;
}
.solzone_r{
	display: inline-block;
	float: right;
	width: 60px;
	height: 200px;
}
.solitaire_table {
	margin: 0 auto;
	width: 910px;
	padding-left: 5px;
	position: relative;
}

.top_btns{
	width: 650px;
	/*height : 25px;*/
	/*margin: 0 auto;*/
	font-size: 18px;
}
.top_btn{
	display: inline-block;
	float: left;
	margin: 2px 5px;
}
/*bootstrap*/
.text-center{
	text-align: center;
	font-family: sans-serif;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input[type="button"].btn-block {
  width: 100%;
}
.btn-success {
  /*font-style: Arial;*/
	color: #fff;
	background-color: #5cb85c;
	background: linear-gradient(to top, #338833, #5cb85c);
	font-size: 19px;
	/*font-weight: bold;*/
	padding: 5px 8px;
	text-shadow: 1px 1px #888;
	border: 2px outset #4cae4c;
	border-color: #4cae4c;
	border-radius: 3px;

}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
/*end bootstrap*/

/*#main_btn{
	padding: 0;
	width: 71px;
	height: 35px;
	background: url('../imgs/yellow_up_on_green.png');
	background-size: 71px 32px;
}*/
#main_btn{
	padding: 6px 19px 2px;
}
/*.num_of_suits{
	float: left;
	margin: 2px 5px 10px 5px;
	font-weight: bold;
	font-size: 17px;
}*/
/*.num_of_shiftcards{
	float: left;
	margin: 4px 5px 10px 5px;
	font-weight: bold;
	font-size: 22px;
}*/
/*.info_right{
	display: inline-block;
	float: left;
	padding: 3px;
	color: yellow;
}
.info_moves {
	display: inline-block;
	float: left;
	margin-left: 10px;
}*/
/*.info_moves_txt{
	position: relative;
	float: left;
}*/
.table_top{
	display: inline-block;
	margin-top: 0;
	width: 900px;
}

.card_place_left{
	display: inline-block;
	float: left;
	width: 71px;
	height: 96px;
	margin: 5px;
	border-radius: 7px;
	background-color: #009900;
}
.card_place_left img{
	width: 65px;
	position: relative;
	top: 15px;
	margin: auto;
}
/*#deck_place{
	border: 3px dashed #0f0;
}*/
/*#deck_place:hover{
	cursor: pointer;
}*/
.card_place_right{
	display: inline-block;
	float: right;
	width: 71px;
	height: 96px;
	margin: 5px;
	border-radius: 7px;
	background-color: #009900;
}
/*.table_midle{
	display: inline-block;
	margin-top: 0px;
	width: 570px;
}*/
.table_bot{
	display: inline-block;
	width: 910px;
	height: 175px
}
.solitaire_card{
	border: 1px solid #999;
	border-radius: 7px;
}
.deck:hover{
	cursor: pointer;
}
.movable_card:hover{
	cursor: pointer;
}
