/**************APP****************/
.msg_box_but{
    font-size: 25px;
/*    letter-spacing: 1px; ca change aug 17 */
/*    color: #d7d5d2;  ca change aug 17 */
    text-shadow: 1px 1px 1px #000000;	
/*    text-shadow: 3px 0 0 #000000, -3px 0 0 #000000, 0 3px 0 #000000, 0 -3px 0 #000000, 2px 2px #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000;*/
/*    font-family: 'blackplotanregular'; */
	font-family:"Calibri", sans serif;	
	border-radius:10px;
	box-shadow:1px 1px 2px #000000;
}

#msg_box_title{
    width: 480px;
    top: 196px;
    left: 158px;
    text-align: center;
/*    letter-spacing: 1px; ca change aug 17 */
    font-size: 40px;
    color: #000000;
    text-shadow: 1px 1px 1px #000000;		
/*    text-shadow: 2px 0 0 #d7d5d2, -2px 0 0 #d7d5d2, 0 2px 0 #d7d5d2, 0 -2px 0 #d7d5d2, 2px 2px #d7d5d2, -2px -2px 0 #d7d5d2, 2px -2px 0 #d7d5d2, -2px 2px 0 #d7d5d2; */
/*    font-family: 'blackplotanregular'; */
	font-family:"Calibri", sans serif;
}

#msg_box_text{
    width: 480px;
    top: 270px;
    left: 158px;
    text-align: center;
/*    letter-spacing: 1px; ca change aug 17 */
    font-size: 24px;
    color: #000000;
    text-shadow: 1px 1px 1px #000000;		
/*    text-shadow: 2px 0 0 #d7d5d2, -2px 0 0 #d7d5d2, 0 2px 0 #d7d5d2, 0 -2px 0 #d7d5d2, 2px 2px #d7d5d2, -2px -2px 0 #d7d5d2, 2px -2px 0 #d7d5d2, -2px 2px 0 #d7d5d2; */
/*    font-family: 'blackplotanregular'; */
	font-family:"Calibri", sans serif;
}

#msg_box_button1{
    width: 100px;  /* 230px; */
    top: 60%;  /* 400px; */
    left: 58%;  /* 178px; */
}

#msg_box_button2{
    width: 230px;
    top: 400px;
    left: 268px;
}

#msg_box_button3{
    width: 100px;  /*230px; */
    top: 60%;  /* 400px; */
    left: 30%;     /* 400px; */
}
/**************MENU****************/

.menu_button{
	/* ca chane aug 17 
    font-size: 56px;
    color: #d7d5d2;
    text-shadow: 1px 1px 1px #000000;		
	font-family:"Calibri", sans serif;
	*/  
/*    text-shadow: 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 2px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000; */
/*    font-family: 'blackplotanregular'; */
	font-size:2em;
	

}

#button_menu_play {
/*    top:380px; 
    left:42%;  /* ca change aug 17 258px; 
*/
    float: left;
    margin: 18em 29% 0;
}

#button_menu_help{
    top:480px; 
    /* ca change aug 17 right:258px; */
	left:42%;
}

.layout_lock{
     width: 46px;
     height: 67px;
     top: 56px;
     left: 66px; 
     display: none;
}

#arrow_button_left{
    width: 66px;
    height: 89px;
    top: 424px;
    left: 5px;
}

#arrow_button_right{
    width: 66px;
    height: 89px;
    top: 424px;
    left: 726px;
}

.mahjong_layout h1{
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    text-align: left;
    font-size: 30px;
/*    color: #d7d5d2;  ca change aug 17 */
    text-shadow: 3px 0 0 #000000, -3px 0 0 #000000, 0 3px 0 #000000, 0 -3px 0 #000000, 2px 2px #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000;
/*    font-family: 'blackplotanregular'; */
	font-family:"Calibri", sans serif;
}

.mahjong_layout h2{
    /* ca change aug 17
	top: 182px;  
    left: -40px; 
    width: 284px;
    font-size: 32px;
    color: #d7d5d2;
	font-family:"Calibri", sans serif;    
    text-shadow: 1px 1px 1px #000000;	
    letter-spacing: .05em; /*2px; 
	*/

/*    text-shadow: 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 2px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000; */
/*    font-family: 'blackplotanregular'; */
	
    font-family: 'Open Sans', sans-serif;	
	font-size:1.0em;
	font-weight:300;
	text-align:center;
	color:#000000;	
	float:left;
	width:100%;
}

.mahjong_layout h3{
     /* ca change aug 17
    top: 5px;  
    left: 34px; 
    width: 140px;
    font-size: 32px;    
    color: #d7d5d2;  
	font-family:"Calibri", sans serif;	
    text-shadow: 1px 1px 1px #000000;
    letter-spacing: .05em;  
	*/
	
/*    text-shadow: 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 2px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000; */
/*    font-family: 'blackplotanregular'; */

    font-family: 'Open Sans', sans-serif;	
	font-size:1.0em;
	text-align:center;
	color:#000000;	
/*	clear:both;
	float:left;	
	width:100%;	
*/
    text-align: center;
    letter-spacing: .05em;
	margin:0;
	padding:0 0 .2em 0;
    border: none;
}


/**************HELP****************/

#help_text1{
	/* ca change aug 17
    font-size: 30px;
    text-align: left;
    letter-spacing: 2px;
	 margin:.5em 1em;
    color: #d7d5d2;
    text-shadow: 1px 1px 1px #000000;	
	font-family:"Calibri", sans serif;
	*/
/*    text-shadow: 3px 0 0 #000000, -3px 0 0 #000000, 0 3px 0 #000000, 0 -3px 0 #000000, 2px 2px #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000; */
    
/*    font-family: 'blackplotanregular'; */
   font-family: 'Open Sans', sans-serif;	
}

#help_text2{
	/* ca change aug 17	
    font-size: 34px;
    text-align: left;
    letter-spacing: 2px;
	margin:.5em 1em;	
    color: #d7d5d2;
    text-shadow: 1px 1px 1px #000000;		
	font-family:"Calibri", sans serif;
	*/
/*    text-shadow: 3px 0 0 #000000, -3px 0 0 #000000, 0 3px 0 #000000, 0 -3px 0 #000000, 2px 2px #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000; */
    
/*    font-family: 'blackplotanregular'; */

   font-family: 'Open Sans', sans-serif;		
}

#help_button_exit{
	/* ca change aug 17 
    font-size: 50px;
    text-align: center;
    letter-spacing: 2px;
    color: #d7d5d2;
    text-shadow: 1px 1px 1px #000000;		
	font-family:"Calibri", sans serif;
	*/
/*    text-shadow: 3px 0 0 #000000, -3px 0 0 #000000, 0 3px 0 #000000, 0 -3px 0 #000000, 2px 2px #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000; */
    
/*    font-family: 'blackplotanregular'; */
   font-family: 'Open Sans', sans-serif;	
}

/**************GAME****************/
.game_button {
	/* ca change aug 17
    font-size: 18px;
    letter-spacing: .05em;    2px; 
    color: #d7d5d2;	
    text-shadow: 1px 1px 1px #000000;	
	font-family:"Calibri", sans serif;
	*/
/*    text-shadow: 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 2px 2px #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000; */
/*    font-family: 'blackplotanregular'; */

    font-family: 'Open Sans', sans-serif;	
}

#button_exit{
/*    width: 24px;
    height: 32px;
    top: 2px;
    left: 768px;
*/
	/* ca change aug 17
    text-shadow: 1px 1px 1px #000000;	
	*/

}

.game_text{
	/* ca change aug 17	
    color: #d7d5d2;
    text-shadow: 1px 1px 1px #000000;	
	font-family:"Calibri", sans serif;	
	*/
/*    text-shadow: 3px 0 0 #000000, -3px 0 0 #000000, 0 3px 0 #000000, 0 -3px 0 #000000, 2px 2px #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000; */
    
/*    font-family: 'blackplotanregular'; */
    font-family: 'Open Sans', sans-serif;	
}


/********INTERFACE**********/

.bonus_score_anim {
    /* ca change aug 17 
    width: 800px;
    font-size: 22px;
	font-family:"Calibri", sans serif;
	*/
    /*letter-spacing: 2px; ca change aug 17 */
/*    text-shadow: 2px 0 0 #d7d5d2, -2px 0 0 #d7d5d2, 0 2px 0 #d7d5d2, 0 -2px 0 #d7d5d2, 2px 2px #d7d5d2, -2px -2px 0 #d7d5d2, 2px -2px 0 #d7d5d2, -2px 2px 0 #d7d5d2; */
/*    font-family: 'blackplotanregular'; */
    text-align: center;
    color: #000000;
    font-family: 'Open Sans', sans-serif;		
}

#text_score {
    /* ca change aug 17 
	font-family:"Calibri", sans serif;
    width: 120px;  /* 175px; 
    text-align: left;
    font-size: 1.5em;  /*17px; 
    color: #d7d5d2;
	*/	

/*    text-shadow: 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 2px 2px #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000;
/*    font-family: 'blackplotanregular'; */
    font-family: 'Open Sans', sans-serif;	
	font-size: 2.3em;	
	margin:0;
	padding:0 1em 0 0;	
}

#bonus_time{
    /* ca change aug 17 
	font-family:"Calibri", sans serif;
    font-size: 1.5em;  /*17px; 
    color: #d7d5d2;
    text-shadow: 1px 1px 1px #000000;	
    width: 190px;  /* 220px; 
	*/		
/*    letter-spacing: 1px; ca change aug 17 */
/*    text-shadow: 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 2px 2px #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000; */
/*    font-family: 'blackplotanregular'; */
    text-align: center;
    font-family: 'Open Sans', sans-serif;	
	font-size: 1.5em;	
}

#hint_text {
    /* ca change aug 17 
	font-family:"Calibri", sans serif;	
    width: 240px;  /* 320px; 
    text-align: right;
    font-size: 1.5em;  /* 17px; 
    color: #d7d5d2;
    text-shadow: 1px 1px 1px #000000;		
    */
/*    text-shadow: 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 2px 2px #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000;*/
/*    font-family: 'blackplotanregular'; */
    font-family: 'Open Sans', sans-serif;	
	font-size: 1.5em;		
}

#win_title {
    /* ca change aug 17 
	font-family:"Calibri", sans serif;	
    width: 480px;
    margin-top: 18px;
    margin-left: 8px;
    text-align: center;
    font-size: 36px;
    color: #d7d5d2;
    text-shadow: 1px 1px 1px #000000;		
	*/
/*    text-shadow: 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 2px 2px #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000; */
/*    font-family: 'blackplotanregular'; */
    font-family: 'Open Sans', sans-serif;		
}

#win_final_score {
    /* ca change aug 17 
	font-family:"Calibri", sans serif;	
    width: 480px;
    text-align: center;
    font-size: 24px;
    color: #FFF;
	*/
/*    font-family: 'blackplotanregular'; */
    font-family: 'Open Sans', sans-serif;		
}

#win_but_exit {
    /* ca change aug 17 
	font-family:"Calibri", sans serif;
	border-radius:5px;
	background-color:#4c9726;
    text-shadow: 1px 1px 1px #000000;	
	*/	
    top:150px;  /*  238px; */
    left: 175px;  /*76px; */
    font-family: 'Open Sans', sans-serif;		
}
#win_but_restart {
    /* ca change aug 17 
	font-family:"Calibri", sans serif;
	border-radius:5px;
	background-color:#4c9726;
    text-shadow: 1px 1px 1px #000000;
    */	
    top:190px;  /*  238px; */
    left: 175px;  /*76px; */
    font-family: 'Open Sans', sans-serif;		
}


#win_but_shuffle {
    /* ca change aug 17 
	font-family:"Calibri", sans serif;	
	border-radius:5px;	
	font-family:"Calibri", sans serif;
    text-shadow: 1px 1px 1px #000000;	
	font-family:"Calibri", sans serif;
    */
    top: 230px;   /* 238px; */
    left: 175px;  /* 320px; */
    font-family: 'Open Sans', sans-serif;	
		display:none !important;
}

#game_over_title {
    /* ca change aug 17 
	font-family:"Calibri", sans serif;	
    margin-top: 18px;
    margin-left: 8px;
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;	
    width: 480px;
	*/	
/*    text-shadow: 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 2px 2px #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000; */
/*    font-family: 'blackplotanregular'; */
    font-family: 'Open Sans', sans-serif;		
}
#game_over_title h3 {
	text-align:left;
	font-size:1.3em;
	margin:1em;
	padding:0;	
}
#game_over_final_score {
    /* ca change aug 17 
	font-family:"Calibri", sans serif;		
    width: 480px;
    text-align: center;
    font-size: 24px;
    color: #FFF;
    text-shadow: 1px 1px 1px #000000;	
	*/
/*    font-family: 'blackplotanregular'; */
    font-family: 'Open Sans', sans-serif;		
}
#game_over_final_score p {
	text-align:left;
	font-size:1.1em;
	margin:1em;
	padding:0;		
}
#game_over_but_exit{
    /* ca change aug 17 
	font-family:"Calibri", sans serif;	
     left: 150px; /* 200px; 
	border-radius:5px;
	margin:.5em 1em;
	padding:.2em .5em;
    text-shadow: 1px 1px 1px #000000;	
	*/
    top: 110px; /* 234px; */
    font-family: 'Open Sans', sans-serif;			
}

#game_over_but_restart {
    /* ca change aug 17 
	font-family:"Calibri", sans serif;	
	border-radius:5px;
	margin:.5em 1em;
	padding:.2em .5em;
    text-shadow: 1px 1px 1px #000000;		
    */	
    top: 160px;  /* 210px; */
    left: 150px;  /* 200px; */
    font-family: 'Open Sans', sans-serif;		
}
/* new game */
#game_over_but_shuffle {
    /* ca change aug 17 
	font-family:"Calibri", sans serif;	
	border-radius:5px;
	margin:.5em 1em;
	padding:.2em .5em;
    text-shadow: 1px 1px 1px #000000;		
	*/	
    top: 210px;
    left: 150px;
    font-family: 'Open Sans', sans-serif;			
}

.panel_button {
    /* ca change aug 17 
	font-family:"Calibri", sans serif;	
    font-size: 26px;	
    color: #d7d5d2;
	*/	
/*   letter-spacing: 1px; ca change aug 17 */
/*    text-shadow: 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 2px 2px #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000; */
/*    font-family: 'blackplotanregular'; */
    font-family: 'Open Sans', sans-serif;		
}


/***********************************************/

/***************FONTS***************************/
 
@font-face {
    font-family: 'blackplotanregular';
    src: url('./fonts/blackplotan-webfont.eot');
    src: url('./fonts/blackplotan-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/blackplotan-webfont.woff') format('woff'),
         url('./fonts/blackplotan-webfont.ttf') format('truetype'),
         url('./fonts/blackplotan-webfont.svg#blackplotanregular') format('svg');
    font-weight: normal;
    font-style: normal;

}