#cards_container {
  padding-top: 10px;
  height: 335px;
}

.card {  
    padding: 15px;  
    border:  5px solid #ccc;  
    background-color: #eee;  
    width:  280px; 
    height: 280px; 
    top:  0; 
    left: 0;
    text-align: center;
    display: block;
} 

.hanzi {
  color: orange;
  font-size: 130px;
}

.hanzi_3 {
  color: orange;
  font-size: 90px;
}

.hanzi_4 {
  color: orange;
  font-size: 70px;
}


.pinyin {
  color: red;
  font-size: 20px;
}

.translation {
  color: gray;
  font-size: 13px;
  font-style: italic;
}

.show_answer {
  cursor:hand;
  cursor:pointer;
  color: #ff6600;
}

#cards_container_bis {
  padding-top: 10px;
  height: 180px;
  padding-top: 10px;
  padding-bottom: 40px;
  padding-left: 40px;
}

.card_bis {  
    padding: 15px;  
    border:  5px solid #ccc;  
    background-color: #eee;  
    width:  170px; 
    height: 170px; 
    top:  0; 
    left: 0;
    text-align: center;
} 

.hanzi_bis {
  color: orange;
  font-size: 65px;
}

.hanzi_3_bis {
  color: orange;
  font-size: 45px;
}

.hanzi_4_bis {
  color: orange;
  font-size: 35px;
}


.pinyin_bis {
  color: red;
  font-size: 15px;
}

.translation_bis {
  color: gray;
  font-size: 12px;
  font-style: italic;
}


#cards_counter {
  color: #ff6600;
  font-size: 12px;
}

#arrows {
  
  border: solid red 0px;
  
}

a.browse 
{
	background:url(../images/css/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
  margin:-55px 40px;
	cursor:pointer;
	font-size:1px;
  float: right;
  border: solid black 0px;
}
a.right 		    { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 
a.left			    { margin-left: 0px; } 
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }
a.disabled      { visibility:hidden !important; } 

#knowing {
  border: solid red 0px;
  height: 50px;
  padding-left: 20px;}

#left_controller { 
  border: solid blue 0px;
  height: 420px;
  width: 320px;
  padding-left: 150px;
}

#right_controller {
  border: solid red 0px;
  float: left;
  width: 280px;
  margin-left: 5px;
}

.card_box_form {
  float: left;
  text-align: center;
  color: #ff6600;
  font-size: 12px;
  padding-right: 70px;
}

.ui-effects-transfer { 
    border:  2px solid #ccc;  
    background-color: #eee; 
  }
  
span.box_stats {
  width: 20px;
  height: 20px;
  padding: 5px;
}