@charset "utf-8";

/* CSS Document */
	div.ap_settings_div{
	}
	
	a{
		cursor:pointer;
	}
	#request_panel{
		display:none;
	}
	div.ap-outer-wrapper{
		display:table;
		width:100%;
	}
	ul.ap_pagination {
		display: none;
		padding: 6px 10px 0 0;
		text-align: center;
		float: left;
		list-style: none outside none;
		z-index: 2;
		position: relative;
		margin-left:auto 0;
		width:auto;
	}
	
	
	
	ul.ap_pagination li {
		list-style: none;
		padding: 2px;
		width: 30px;
		list-style: none !important;
		min-height: 30px;
		display: inline-flex;
	}
	
	
	ul.layout_H{
	
		width:96%;
		padding-bottom: 1%;
	}
	
	
	
	ul.layout_H li{
	
		float:left;
	
	}
	
	
	
	ul.layout_V{
	
		width:18px;
	
		position:absolute;
	
		float:none;
	
	}
	
	ul.layout_V li{
	
	
	
	}
	
	
	
	
	
	ul.ap_pagination li a,
	
	ul.ap_pagination li a:active,
	
	ul.ap_pagination li a:visited{
	
		font-size:14px;
	
		text-decoration:none;
	
		color:#21759B;
	
	}
	
	
	
	ul.case_U,
	ul.case_U a{
	
		text-transform:uppercase;
	
	}
	
	
	
	ul.case_L,
	ul.case_L a{
	
		text-transform:lowercase;
	
	}
	
	
	
	ul.ap_pagination li a:hover,
	
	ul.ap_pagination li a.selected{
	
		text-decoration:underline;
	
		font-weight:bold;
	
	}
	
	.useful_link{
	
		margin-left:10px;
		float:right;
	}
	.flower_img{
		float: left;
		left: -6px;
		position: relative;
		top: 12px;
		width: 3%;
	}	

	
	ul.ap_gogowords {
		background: none repeat scroll 0 0 #F0F4F7;
		border-top: 1px dotted #B1B1B1;
		
	}
	
	ul.ap_gogowords li a:hover,
	ul.ap_gogowords li a.selected{
		background-color: #000000;
		color: #FFFFFF;
		font-weight: bold;
		padding: 2px 4px;
		text-decoration: none;
	}
	
	ul.ap_classic {
		
	}
	
	
	ul.ap_chess {
		background: none repeat scroll 0 0 #FFF;
		border:1px solid #000;
		padding:0px;
		width:98%;
	}
	ul.ap_chess li{
		padding:8px 10px;
		margin:0px;
	}
	ul.layout_V.ap_chess {
		overflow: hidden;
		width: 28px;	
	}
	ul.layout_V.ap_chess li{
		padding:2px 2%;
		margin:0px;
		width:98%;
	}
	ul.ap_chess li:nth-child(odd) {background: #FFF; }
	ul.ap_chess li:nth-child(odd) a{color: #000; }
	ul.ap_chess li:nth-child(even) {background: #000; }
	ul.ap_chess li:nth-child(even) a{color: #FFF; }
	
	ul.ap_chess li:nth-child(odd) a:hover,
	ul.ap_chess li:nth-child(odd) a.selected,
	ul.ap_chess li:nth-child(even) a:hover,
	ul.ap_chess li:nth-child(even) a.selected{
		font-weight:bold; 
		text-decoration:none;
	}
	
	ul.ap_mahjong {
	
	}
	
	ul.ap_mahjong li a,
	ul.ap_mahjong li a:hover,
	ul.ap_mahjong li a.selected{
		
		
		background: none repeat scroll 0 0 #E9E9E9;
		border: 1px solid #C0C0C0;
		border-radius: 3px 3px 3px 3px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
		color: #717171;
		font-size: 0.875em;
		font-weight: bold;
		margin-right: 4px;
		padding: 0 9px;
		text-decoration: none;
		text-shadow: 0 1px 0 #FFFFFF;
		
		background: -moz-linear-gradient(0% 0 270deg, #F8F8F8, #E9E9E9) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	
	div.ap_shortcode{
		width:100%;
		float:left;
		margin-bottom:20px;
	}
	
	div.ap_shortcode code, div.ap_shortcode div {
		border: 2px dashed #fff;
		color: #000;
		float: left;
		font-size: 16px;
		padding: 10px;
		text-align: center;
		width: 96%;
		cursor:text;
	}
	
	div.ap_shortcode h4 {
		background-color: #fff;
		color: #000;
		float: left;
		margin: 0 0 10px;
		padding: 4px 8px;
	}
	div.ap_shortcode div{
		border:none;
	}
	.ap_shortcode,
	.alphabets_section {
	
		padding: 10px 0 20px 10px;
		background-color: #fff;
		border-left: 4px solid #ccc;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	
	}
	
	.alphabets_cases p{
		float:left;
	}
	.alphabets_cases{
		
			
	}
	.alphabets_cases p{
		margin-right:10px;
	}
	.alphabets_section{
		clear:both;
		margin-bottom:20px;
	}
	

	.alphabets_set {
		clear: both;
		height: auto;
	}

	.ap_results{
		clear:both;
	}
	.ap_results li{
		list-style: none;
		text-transform:capitalize;
	}

			
	.ap_reset {		
		background-size: 22px !important;
		background-position: center 6px !important;
		cursor: pointer;
		background-repeat: no-repeat !important;
	}
	.ap_reset.dark {
		background-image: url("../images/reset-dark.png");
	}
	.ap_reset.light {
		background-image: url("../images/reset-light.png");
	}
	.ap_reset a{
		display:block;
		cursor:pointer;
	}
	
	pre.red {
		white-space: pre-wrap;
		z-index: 9999;
		background-color: red;
		color: white;
		width: 100%;
		float: left;
	}		
	div.ap_jquery_result_filter{
		text-align: center;
		margin-bottom: 20px;
	}
	div.ap_jquery_result_filter input[type="text"] {
		border: 1px solid rgba(0,0,0,0.05);
		width: 236px;
		border-radius: 22px;
		font-size: 14px;
	}
	div.ap-items-group {
		float: left;
		width: 100%;
		padding: 0 0px 12px 0;
	}
	div.ap-group-header {
		font-weight: 700;
		width: 100%;
		border-bottom: 1px solid #e1e1e1;
		margin-bottom: 20px;
	}
	div.ap-group-header div.ap-label {
		display: inline-block;
		padding: 4px 12px;
		min-width: 100px;
		font-size: 18px;
		background-color: #121212;
		color: #fff;
		position: relative;
		text-align: center;
		margin-bottom: -1px;
		font-weight: 400;
		text-transform:uppercase;
	}
	div.ap_categories{
		clear:both;
		display:block;
	}
	div.ap_categories ul{
		padding:0;
		margin:0;
		float:left;
		width:100%;
	}	
	div.ap_categories ul li{
		list-style:none;
		padding:0;
		margin:0;
		position:relative;
		float:left;
		cursor:pointer;
		width:165px;
	}
	div.ap_categories ul.ap-no-float li{
		float:none;
	}
	
	div.ap_categories ul li .ap-item-top,
	div.ap_categories ul li .ap-item-bottom{
		width:100%;
		float:left;
		text-align:center;
	}
	div.ap_categories ul li .ap-item-top{
		width:145px;
		height:145px;
		overflow:hidden;
		position:relative;
		background-color:#fff;
		white-space: nowrap;
		text-align: center; margin: 1em 0;
	}
	div.ap_categories ul li .ap-item-top .ap-cushion {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}
	div.ap_categories ul li img{
		width: auto;
		height:auto;
		top: 0;
		left: 0;	
		max-width:145px;
		max-height:145px;
		vertical-align: middle;
	}
	div.ap_categories ul li img:hover{
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transition: all ease .5s;
		-webkit-transition: all ease .5s;
	}
	div.ap_categories ul li a{
		color:#000;
		text-decoration:none;
		font-size:16px;
	}
	div.ap_categories ul li a:hover{
		color: #fc7070;
		text-decoration:underline;
	}
	div.ap_categories ul.ap-no-float.ap-images-strip{
	}
	div.ap_categories ul.ap-no-float.ap-images-strip li{
		float:left;
		width:auto;
	}	