@import url(basic.css);
@import url(form.css);

ul#results{
	margin: 4px 16px 0px 16px;
	padding: 0px;
	list-style-type: none;
}

	ul#results li{
		position: relative;
		margin: 0px 0px 16px 0px;
		border-top: 26px solid #ddffdd;
	}

	ul#results li.finish{
		border-top: 26px solid #ffdddd;
	}

		ul#results li h2{
			position: absolute;
			top: -30px;
			left: 0px;
			z-index: 2;
			overflow: hidden;
			font-size: 90%;
			width: 100%;
			height: 26px;
			line-height: 26px;
			border-top: 4px solid #99ff99;
			white-space: nowrap;
		}

		ul#results li.finish h2{
			border-top: 4px solid #ff9999;
		}

			ul#results li h2 a{
				position: absolute;
				top: 0px;
				left: 92px;
			}

		ul#results li p.close{
			position: absolute;
			top: -26px;
			left: 0px;
			z-index: 3;
			font-size: 90%;
			width: 80px;
			height: 26px;
		}

			ul#results li p.close button{
				width: 100%;
				height: 100%;
				line-height: 24px;
			}

		ul#results li ul{
			font-size: 80%;
			padding: 8px 0px 26px 0px;
			list-style-type: none;
		}

		/* --- Start clearfix --- */
		ul#results li ul:after{
			content: ".";
			display: block;
			height: 0px;
			clear: both;
			visibility: hidden;
		}

		ul#results li ul{
			display: inline-block;
		}

		/* \*/
		* html ul#results li ul{
			height: 1%;
		}

		ul#results li ul{
			display: block;
		}
		/* --- End clearfix --- */

			ul#results li ul li{
				float: left;
				width: 200px;
				margin: 0px 0px 8px 0px;
				border-top: none;
			}

				ul#results li ul li p{
					text-align: center;
					white-space: nowrap;
				}

					ul#results li ul li p a{
						display: block;
						overflow: hidden;
						width: 120px;
						height: 120px;
						margin: 0px auto;
						border: 2px solid #ffffff;
						white-space: normal;
					}

					ul#results li ul li p a:hover,
					ul#results li ul li p a:active{
						border: 2px solid #ff0000;
					}

						ul#results li ul li p a img{
						}

				ul#results li ul li h3{
					font-weight: normal;
					overflow: hidden;
					width: 192px;
					margin: 0px auto;
					text-align: center;
					white-space: nowrap;
				}

		ul#results li p.number{
			position: absolute;
			right: 0px;
			bottom: -4px;
			z-index: 1;
			font-size: 90%;
			width: 100%;
			height: 26px;
			line-height: 26px;
			background-color: #ddffdd;
			border-bottom: 4px solid #99ff99;
		}

		ul#results li.finish p.number{
			background-color: #ffdddd;
			border-bottom: 4px solid #ff9999;
		}

			ul#results li p.number span{
				position: absolute;
				right: 92px;
				bottom: 0px;
			}

		ul#results li p.add{
			position: absolute;
			right: 0px;
			bottom: 0px;
			z-index: 3;
			font-size: 90%;
			width: 80px;
			height: 26px;
			background-color: #ddffdd;
		}

		ul#results li.finish p.add{
			background-color: #ffdddd;
		}

			ul#results li p.add button{
				width: 100%;
				height: 100%;
				line-height: 24px;
			}

			ul#results li.finish p.add button:hover,
			ul#results li.finish p.add button:active{
				background-color: #ffffff;
				border: 1px solid #000000;
			}

div#notice{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 500;
	width: 100%;
	height: 100%;
	padding: 20% 0px 0px 0px;
	background-image: url(../../static/img/alpha_black_80.png);
}

	div#notice p{
		color: #ffffff;
		text-align: center;
	}

		div#notice p button{
			width: 4em;
			height: 26px;
			margin: 2em auto 0px auto;
		}