body
{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #8b6534;
/*background-image: url('../images/background.jpg');*/
background-repeat: repeat;
}

.clear-fix
{
margin: 0 !important;
padding: 0 !important;
clear: both;
}

#main-wrapper
{
margin: 40px auto 20px;
width: 1250px;
}

a#logo
{
width: 137px;
height: 44px;
margin: 30px auto;
display: block;
background-image: url('../images/logo.png');
background-repeat: no-repeat;
}

#QuizHand table
{
width: 220px;
padding: 10px;
margin: 27px 0 23px;
float: left;
background-color: #fcfaf9;
border-radius: 6px;
box-shadow: 0 0 3px 0 #666;
font-size: 12px;
font-weight: bold;
}

#QuizHand #questions
{
margin-top: 20px;
display: block;
}

#QuizHand #questions td
{
margin: 0;
padding: 0;
box-shadow: none;
}

.webkit #QuizHand table
{
width: 200px;
}

#QuizHand input
{
width: 110px;
height: 22px;
padding: 0 10px;
background-color: #f8f3ed;
color: #b0987d;
margin: 7px 0;
font-weight: bold;
position: relative !important;
}

#QuizHand span
{
float: left;
display: block;
color: black;
font-size: 20px;
}

#QuizHand span#clubs
{
font-size: 19px;
}

#QuizHand span.red
{
color: red;
}

table,
tbody,
tr
{
width: 100%;
}

td
{
background-color: #FCFAF9;
box-shadow: 0 0 2px 0 #999;
padding: 0 13px;
}

td.symbol
{
width: 20px;
}

td.ok
{
padding: 0 10px !important;
}

td.ok label
{
float: left;
width: 54px;
line-height: 25px;
color: #F88C1F;
}

td.ok input
{
width: 10px !important;
float: left !important;
padding: 0 !important;
margin: 0 10px 0 3px !important;
box-shadow: none !important;
}

.tab
{
float: left;
display: none;
}

.tab.active
{
display: block;
}

.tabs textarea
{
width: 472px;
height: 220px;
border-radius: 6px;
border: none;
box-shadow: inset 0 0 2px 0 #999;
background-color: #f8f3ed;
padding: 10px;
color: #b0987d;
margin: 30px 0;
outline: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}

::-webkit-input-placeholder 
{ 
    color: #B0987D;
}

:-moz-placeholder 
{ 
    opacity: 1;
}

::-moz-placeholder 
{ 
    color: #B0987D;
    opacity: 1;
}

:-ms-input-placeholder 
{ 
    color: #B0987D;
}

#tab2 p
{
margin-top: 20px;
}

#tab2 textarea
{
height: 90px;
margin: 20px 0 16px;
}

.webkit #tab2 textarea
{
margin: 20px 0 7px;
}

#tab2 #answer_tab
{
display: none;
}#409209nav


/*
#tab2 #answer_tab textarea
{
height: 220px;
margin: 30px 0;
}
*/
#tab2 #question_tabs
{
display: block;
float: right;
position: relative;
top: 20px;
}

#tab2 #question_tabs a, a.lnkbtn
{
height: 20px;
line-height: 20px;
background: linear-gradient(#FFFFFF 30%, #F2EDE8);
background: -o-linear-gradient(#FFFFFF 30%, #F2EDE8);
background: -moz-linear-gradient(#FFFFFF 30%, #F2EDE8);
background: -webkit-linear-gradient(#FFFFFF 30%, #F2EDE8);
background: -ms-linear-gradient(#FFFFFF 30%, #F2EDE8);
box-shadow: 0 0 3px 0 #666;
border-radius: 4px;
text-decoration: none;
color: #8b6534;

text-align: center;
display: block;
float: left;
padding: 0 10px;
margin-left: 10px;
}

#tab2 #question_tabs a:hover
{
/*color: #2f753e;*/
color:#F88C1F
}

table.bidding
{
margin-bottom: 10px;
}

.webkit table.bidding
{
margin-bottom: 12px;
}

table.bidding,
table.bidding tbody,
table.bidding tr
{
width: 460px;
}

/* Generic Table with alternate row colors */

table.table
{
width: 100%;
float: left;
}

table.table td,
table.table th
{
background-color: #FCFAF9;
box-shadow: 0 0 2px 0 #999;
padding: 4px 8px;
color: #8b6534;
text-align: center;
}

table.table .colored td
{
background-color: #F8F3ED;
}

table.table th
{
background: linear-gradient(#9c7c52 30%, #8b6534);
background: -o-linear-gradient(#9c7c52 30%, #8b6534);
background: -moz-linear-gradient(#9c7c52 30%, #8b6534);
background: -webkit-linear-gradient(#9c7c52 30%, #8b6534);
background: -ms-linear-gradient(#9c7c52 30%, #8b6534);
color: #FCFAF9;
}

/* End Generic Table */

table.bidding td,
table.bidding th
{
background-color: #FCFAF9;
box-shadow: 0 0 2px 0 #999;
padding: 4px 8px;
color: #8b6534;
text-align: center;
width: 25%;
}

/*  Was: linear-gradient(#9c7c52 30%, #8b6534); */
table.bidding th 
{
background: linear-gradient(#418C68 30%, #409209);
background: -o-linear-gradient(#418C68 30%, #409209);
background: -moz-linear-gradient(#418C68 30%, #409209);
background: -webkit-linear-gradient(#418C68 30%, #409209);
background: -ms-linear-gradient(#418C68 30%, #409209);
color: #FCFAF9;
}

table.bidding td
{
color: #F88C1F;
}

table.bidding input
{
width: 95%;
text-align:center;
}

span#copyright
{
display: block;
width: 90%;
margin: 0 auto;
text-align: center;
position: absolute;
top:530px;
left:0px;
font-size: 12px;
}

.ie #tab1 .introduction 
{
width: 490px;
display: block;
float: left;
}

.ie textarea
{
overflow: hidden;
}

#tab1 .introduction div
{
display:block;
margin-top: 30px;
line-height: 22px;
}

#tab1 .introduction input
{
border-radius: 6px;
border: none;
box-shadow: inset 0 0 2px 0 #999;
background-color: #f8f3ed;
color: #b0987d;
outline: none;
float: left;
height: 22px;
}

/* Change by Didier 2014 05 15 */

.divdi {
box-shadow: 0 0 3px 0 #666;
border-radius: 6px;
text-decoration: none;
position: absolute; 
display: block; 
border: 1px solid black; 
background-color: #409209;
color:white;
font-family: Arial, Helvetica, sans-serif; 
font:600;
font-size:20px;
padding: 5px; 
text-align: center; 
}
.roundeddi {
box-shadow: 0 0 3px 0 #666;
border-radius: 6px;
}
.roundeddiv {
    background-color:white;
    border:1px inset; 
    padding:3px;
    box-shadow: 0 0 3px 0 #666;
    border-radius: 6px;
    font-size:14px;
}


/* --------------------------- */