#header {
	background:url('/images/hd.gif') no-repeat center;
}

#timer {
	background: url('/images/timer-bg.gif') no-repeat top right;
	width:76px;
	height:29px;
	color:white;
	text-align:left;
	font-size:1.9em;
	padding-top:3px;
	padding-right:5px;
	padding-left:30px;
	padding-bottom:8px;
}

.timeUp {
 	background: url('/images/timeUp-bg.gif') no-repeat top right !important;
}

h1 {
	padding-top: 10px;
	margin: 0;
}
h2 {
	font-size:1.2em;
}

.scores h2 {
	margin: 5px 0 0;
	padding: 0;
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
}

.scores ul, .scores ul ol {
	margin-top: 10px;
	padding: 8px;
}

.scores ul li {
    padding-left:0px;
    padding-bottom:5px;
    font-weight:bold;
    text-transform:uppercase;
}

.scores {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	float:left;
	height:450px;
	width:221px;
    background:url("/images/panel_droite.gif") no-repeat;
}

#maxScore {
	font-style:italic;
}

.pending {
	margin-left:20px;
	color:white;
    list-style-image: url("/images/spinner.gif");
}

.good {
	color:white;
	margin-left:20px;
	list-style-type: none;
    list-style-image: url("/images/check.gif");
}

.not_in_dict, .not_on_board, .already_guessed {
	color:#616B37;
	margin-left:20px;
	list-style-type: none;
	list-style-image:none;
	text-decoration: line-through ;
}

.alternate {
	color:#FDFECB;
}

#rightContent {
	color:white;
	height:325px;
    padding:25px 20px 0px 5px;
}

#guesses {
	padding-top:10px;
	height:340px;
    overflow-y:auto;
}

#guesses li .end_msg {
	font-weight:normal;
	text-decoration:none;
	text-transform:lowercase;
}
                                   
.center {
	text-align: center;
}

#board_el {
    cursor:default;
	font-size:3em;
	font-weight:bold;
	color:white;
	width:90%;
	padding-bottom:10px;
	margin: 15px;
}

#board_el td {
    text-align:center;
	width:50px;
	padding-right:5px;
	margin-right:5px;
	padding-left:5px;
	margin-left:5px;
	height:67px;
	cursor:pointer;
}

.emptyCell {
	background:url("/images/cell-empty.gif") no-repeat;
	color:#727c48;
}
.filledCell {
    background:url("/images/cell.gif") no-repeat;
}
.selectedCell {
	background:url("/images/cell-hover.gif") no-repeat;
}

.lastSelectedCell {
	background:url("/images/cell-first.gif") no-repeat;
}

.toolbar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align:center;
	width:821px;
	height:30px;
	color:white;
}

.toolbar #rank {
    width:100px;
}

.content .scorePanel {
	color:white;
	text-align:center;
	font-size:1em;
	padding-top:5px;
}

#score {
	font-size:3em;
}

.content .classement {
	background:url("/images/panel1.gif") no-repeat;
    width:220px;
	height:448px;
	float:left;
}

.content #ranking {
    height:405px;
	color:white;
	font-size:1em;
	padding:3px;
	margin-top:16px;
}
#rankList {
	overflow-y:auto;
	height:395px;
	margin-top:0;
}

.content #ranking p {
    padding:5px 3px;
    margin:5px 3px;
}

.content .board {
	text-align: center;
    color:white;
	width:306px;
	margin:0 23px;
	background:url("/images/board2.gif") no-repeat;
	float:left;
	min-height:306px;
}

.guess_input {
	text-transform:uppercase;
	background:#EFC93A url("/images/input_board.gif") no-repeat;
	font-size:2em;
	width:220px;
	margin:3px;
	margin-left:5px;
	color:white;
	border:2px solid #ADBB5A;
}

.content .board .input_error {
	background:#FF7900 url("/images/input_board_error.gif") no-repeat;
		border:2px solid red;
}

.board p {
	padding:5px 3px;
    margin:5px 3px;
}

.wordList {
	width:180px;
	list-style-type:none;
	list-style-image:none;
	padding-left:0px;
	height:70px;
}

.wordList li {
	display:inline;
	margin-right:3px;
	float:left;
}

.wordsOrPlayers {
	cursor:pointer;
}

#wordsResult {
	color:white;
	padding-right:15px;
}

#leftTitle, #rightTitle {
	display:block;
	margin-top:7px;
	text-align:center;
    color:white;
    font-weight:bold;
	font-size:1.2em;
}

#bigMessage {
	font-size:2em;
	border:2px solid #616B37;
	background-color:#F7FFC9;
	color:#616B37;
	width:306px;
	height:60px;
	position:absolute;
}

.myRank {
	text-align:center;
	font-size:20px;
}

#top10 {
	background:url("/images/top10.gif") no-repeat;
	width:306px;
	height:106px;
}
#top10 li {
	list-style:none;
}

.smallProfile {
	width:200px;
	height:200px;
	background-color:white;
	color:green;
	position:absolute;
	top:50%;
	left:50%;
}
#options {
	position:absolute;
	margin-left:5px;
	padding:10px;
	background-color:#F7FFC9;
	border:2px solid #616B37;
}
.checkbox {
	border:1px solid #616B37;
	color:#616B37;
	background-color:#F7FFC9;
}

#options_span {
	margin-left:8px;
	cursor:pointer;
}

#flash_rules {
	border:3px solid red;
	background-color:#FF7900;
	width:200px;
	padding:5px;
	margin-left:40px;
	position:absolute;
}

/* chat */

#chat_area {
	color:white;
	position:fixed;
	bottom:5px;
	width:200px;
	right:5px;
}

* html #chat_area {
	position:absolute;
}

#chat_header {
	cursor:pointer;
	text-align:center;
	font-size:1.6em;
	padding-top:7px;
	font-weight:bold;
	margin:0px;
	height:29px;
	background:url('/images/top_chat.gif');
}

* html #chat_header {
	height:36px;
}

.chat_messages {
	margin:0px;
	padding:6px;
	height:188px;
	overflow:auto;
	background:url('/images/middle_chat.gif');	
}

* html .chat_messages {
	background-attachment:fixed;
}

* html .chat_messages {
	height:200px;
}

#chat_footer .send {
	background-color:transparent;
	border:none;
	border-bottom:2px solid #8ba63b;
	color:white;
	font-weight:normal;
	padding:0px;
}

#chat_footer p {
	margin-top:0px;
}

#chat_footer a {
	color:white;
	font-weight:bold;
}

.chat_messages li {
	list-style:none;
	padding:0px;
	margin:0px;
}

#chat_footer {
	margin-top:0px;
	padding:8px 0px 2px 0px;
	text-align:center;
	height:54px;
	background:url('/images/bottom_chat.gif') no-repeat;
}

* html #chat_footer {
	height:64px;
}

/********/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #ADBB5A;
	text-align: center;
	margin: 0px;
	padding: 0; 
	color:#616B37;

}
.link {
	color:white;
	display:block;
	text-align:center;
	margin-top:20px;
}

.content a {
	color:#616B37;
	text-decoration:underline;
	font-weight:bold;
}

.content a:hover {
	color:#616B37;
	text-decoration:none;
	font-weight:bold;
}


#page {
	text-align: left;
	background: url("/images/pagebg.gif") repeat-y top; border: none;
	margin: 0px auto;
	padding: 0;
	width: 821px;
}	

#header {
	margin: 0px 0 0 1px;
	padding: 0;
	width: 821px;
	height: 103px;
	color: white;
}
	
#header .description {
	text-align:center;
}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

h1 {
	font-size: 3em;
	text-align: center;
}

#footer {
	background: url('/images/footer.gif') no-repeat top;
	border: none;
	height:12px;
	margin: 0 auto;
	width: 821px;
	clear: both;
}

.content {
	margin: 0 12px;
    min-height:470px;
    font-size: 1.2em;
}

.topMenu {
    text-align:right;
    padding:68px 30px 10px 0;
    font-size:1.2em;
    color:white;
}

.topMenu a {
	font-size:1.2em;
	text-decoration:none;
    color:white;
}

.topMenu a:hover {
	text-decoration:underline;
    color:white;
}

.topMenu a img {
    border:none;
}

.form {
	font-size:11px;
	margin-left:30px;
	padding:10px;
	width:550px;
	color:#FFFFFF;
	background-color:#616B37;
}

.form h2 {
	margin-bottom:0px;
}

.form a, .form a:hover {
	color:white;
}

.form b {
	 color:#ADBB5A;
}

.form textarea {
	width:95%;
}

.form .encart {
	background-color:#ADBB5A;
	padding:5px 3px 3px 3px;
}

.form .encart a {
	color:#616b37;
}

.centerForm {
	margin-left:115px;
	color:#FFFFFF;
}

.button {
    background:#616b37 !important;
	color:white;
}

.partners li {
	list-style:none;
	display:inline;
	padding-right:10px;
}

.partners a {
	color:white;
}
.partners a:hover {
	text-decoration:none;
}
.pagination {
	text-align:center;
}

.step {
	margin-left:10px;
	font-size:0.5em;
	color:gray;
}
.miniLogin input {
	width: 80px;
	font-size:10px;
}
#remember_me {
	width: 15px;
}
#notice, #error {
	background-color:#616B37;
	color:white;
	text-align:center;
	width:300px;
	border:2px solid white;
	padding:15px;
	font-weight:bold;
	margin:auto;
}
#error {
	border-color:#AA0000;
}

.middleCol {
		text-align: center;
	    color:white;
		width:306px;
		margin:0 23px;
		float:left;
		min-height:306px;
}
.account_benefit {
	font-size:1.2em;
}

.account_benefit {
	list-style-image:url('/images/checkmark.gif')
}

.welcomePanel, .memberPanel {
	background:url('/images/halfBoard.gif');
	height:182px;
	padding:5px 5px 25px 5px;
	width:296px;
	margin-top:6px;
}

.welcomePanel a, .memberPanel a {
	color:white;
}

.welcomePanel a:hover, .memberPanel a:hover {
	color:white;
}

.memberPanel {
	background:url('/images/halfBoardBlue.gif') no-repeat;
}

label {
	margin-right:3px;
}

.topPub {
	margin:5px 0px 3px 0px;
	text-align:center;
}

.buttonBlue a {
	display:block;
	padding-top:30px;
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
	color:white;
}

input {
	border:1px solid white;
	background-color:#F6FFC8;
	color:#6D7D45;
	padding:3px 0px 3px 6px;
	margin-top:2px;
	font-weight:bold;
}
.bigButton {
	background-color:#ADBB5A;
	color:white;
	border:3px solid #F6FFC8;
	margin:2px;
	padding:5px 10px 5px 10px;
	font-weight:normal;
	font-size:1.4em;
	text-transform:uppercase;
}

table.listing {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #6D7D45;
	border-collapse: collapse;
}
table.listing th {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #6D7D45;
}
table.listing td {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #6D7D45;
}

.adSoundsCool {
	margin-top:20px;
	text-align:center;
}
.adSoundsCool img {
	border:2px solid white;
}

.logged_user {
	float:left;
	margin-left:30px;
	color:#616B37;
}

.logged_user a {
	color:#616B37;
}

.user_pic_big img {
	border:none;
}
.user_pic_big {
	margin:0px 20px 10px 5px;
	padding:10px;
	background-color:#F7FFC9;
	border:5px solid #6D7D45;
}
#profile_name {
	font-size:1em;
	margin-left:14px;
}
.profile_popup {
	font-size:1em;
	border:4px solid #616B37;
	background-color:#F7FFC9;
	color:#616B37;
	padding:0px;
	text-align:left;
	position:absolute;
}
.profile_popup td {
	padding:0px 5px 5px 3px;
}
.profile_popup #close_popup {
	float:left;
	position:absolute;
	cursor:pointer;
}
.profile_popup .user_score {
	background-color:#ADBB5A;
	color:white;
	text-align:center;
}
.profile_popup ul {
	margin:0;
	padding:0;
}
.profile_popup a {
	text-decoration:underline;
}
.profile_popup li {
	list-style-type:none;
}
.userList input {
	font-size:0.8em;
	padding:0;
	border-width:0.1em;
	margin-left:80px;
}

/* /stats/highscore */
.highscore {
	padding:0px 0px 0px 20px;
	margin-left:130px;
	width:70%;
}

.highscore td {
	padding:0px 5px 3px 0px;
	text-align:right;
}

.highscore .user {
	text-align:left;
	font-size:1.2em;
	padding-left:10px;
}

.highscore thead th {
	padding-top:20px;
	font-weight:bold;
	text-align:center;
	background:#616B37 url(/images/highscore_not_active.gif) no-repeat 50% 0%;
}
.highscore thead .active {
	background:#6D7D45 url(/images/highscore_active.gif) no-repeat 50% 0%;
}

.highscore img {
	background:#F7FFC9;
}

.highscore .position {
	font-size:1.7em;
	width:1%;
	color:#F7FFC9;
}

.highscore .active {
	background-color:#6D7D45;
}
/********************/