@charset "utf-8";
/* CSS Document */

/* General VOF Markup Styles
---------------------------------------- */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	background:url(../images/carreau.png) left top repeat;
	font-size: 14px;
	margin: 0;
	padding: 10px 0;
}

a {
	color:#000000;
	text-decoration:underline;
}

img {
	border-width: 0;
}

p {
	padding: 0 5px;
}

input.tiny {
	width: 50px;
}

input.medium {
	width: 200px;
}

#global {
	padding: 0; margin: 0 auto;
	width: 955px;
}

.mainRow {
	padding: 0; margin: 0 0 10px;
	width: 100%;
	overflow: hidden;
}

.leftHolder {
	padding: 0; margin: 0;
	width: 200px;
	float: left;
	overflow: hidden;
}

.rightHolder {
	padding: 0; margin: 0;
	width: 745px;
	float: right;
	overflow: hidden;
}

.picture {
	margin: 0;
	width: 200px;
	float: left;
}

.searchForm {
	margin: 0 auto;
}

/* Inline list
---------------------------------------- */
.puzzleHeader {
	padding: 0; margin: 0;
	width: 100%;
	list-style-type: none;
}

.puzzleHeader li {
	padding: 3px 0; margin: 0;
	height: 100%;
	color: #FFFFFF;
	text-align: center;
	border-right: 1px solid #FFFFFF;
	display: block;
	float: left;
}

	.puzzleHeader li a {
		color: #FFFFFF;
		text-decoration: none;
	}

/* Puzzle details tables
---------------------------------------- */
.puzzleRow {
	padding: 0; margin: 0;
	width: 100%;
	border-collapse:collapse;
}

.puzzleRow td {
	padding: 0; margin: 0;
	height: 113px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #000000;
}

/* Pages numbers
---------------------------------------- */
.pagesNumbers {
	padding: 0; margin: 0 5px;
	width: 190px;
	background-color:#000000;
}

.pagesNumbers2 {
	padding: 0 5px; margin: 0;
	width: 190px;
	background-color:#000000;
}

.pageNumberLink {
	padding: 0 3px; margin: 0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	border: 1px solid #000000;
}

a.pageNumberLink:active, a.pageNumberLink:hover {
	background-color: #FFCC33;
}

.pagination {
	padding: 0; margin: 0 auto;
	text-align: center;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.blackBox {
	padding: 0; margin: 0 5px;
	width: 735px;
	background-color:#000000;
	float: right;
}

.blackBox2 {
	padding: 0 5px; margin: 0;
	width: 735px;
	background-color:#000000;
	float: right;
}

.whiteBox {
	padding: 0; margin: 0;
	width: 100%;
	background-color:#FFFFFF;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}

.blackBox span.corners-top, .pagesNumbers span.corners-top {
	background-image:url(../images/corner-black-left-top.gif);
	margin: 0 -5px;
}

.blackBox span.corners-top span, .pagesNumbers span.corners-top span {
	background-image:url(../images/corner-black-right-top.gif);
}

.blackBox span.corners-bottom, .pagesNumbers span.corners-bottom {
	background-image:url(../images/corner-black-left-bottom.gif);
	margin: 0 -5px;
}

.blackBox span.corners-bottom span, .pagesNumbers span.corners-bottom span {
	background-image:url(../images/corner-black-right-bottom.gif);
}

.whiteBox span.corners-top {
	background-image:url(../images/corner-white-left-top.gif);
	margin: 0;
}

.whiteBox span.corners-top span {
	background-image:url(../images/corner-white-right-top.gif);
}

.whiteBox span.corners-bottom {
	background-image:url(../images/corner-white-left-bottom.gif);
	margin: 0;
}

.whiteBox span.corners-bottom span {
	background-image:url(../images/corner-white-right-bottom.gif);
}