/* CSS Document */

/***THIS STYLESHEET IS SPECIFIC TO THE WEDNESDAY RESULTS PAGES*/

/***ASSOCIATED WITH RESULTS PAGES***/

body {
background-color:#99CC99;
font-family:Tahoma, Arial, sans-serif;
}

/*DIV ID for the resultspage content*/
#resultscontainer {
width:100%;
background-color:#99CC99;
min-width:1000px;
}

#resultspage {
font-size:0.9em;
padding:0;
margin:20px 20px 20px;
background-color:#99CC99;
}

/*DIV classes for table styles on the results page*/
/*resultstable = ranking and matrix table
travtable & travtable2 = traveller tables
dependant on whether the traveller includes a deal or not*/
.resultstable, .travtable, .travtable2 {
border:solid 2px #b0b0b0;
border-spacing: 0;
border-collapse: collapse;
background-color:#f0f0f0;
text-align:center;
width:100%;
}

/*DIV classes for table row/column classes on the results page
results & tablehead = ranking classes
matrix = matrix class
trav = traveller classes*/

.tablehead5, .tablehead6, .tablehead7, .tablehead8, .tablehead14, .tablehead22, .tablehead30, .tablehead45, .results, .matrix, .trav, .trav8, .trav20 {
margin:0;
padding:4px;
font-size:12px;
border:solid 1px #b0b0b0;
text-align:center;
}

.tablehead5 {
width:5%;
font-size:16px;
}

.tablehead6 {
width:6%;
font-size:16px;
}

.tablehead7 {
width:7%;
font-size:16px;
}

.tablehead8 {
width:8%;
font-size:16px;
}

.tablehead14 {
width:14%;
font-size:16px;
}

.tablehead22 {
width:22%;
font-size:16px;
}

.tablehead30 {
width:30%;
font-size:16px;
}

.tablehead45 {
width:45%;
font-size:16px;
}

.results {
font-size:16px;
}

.matrix {
width:3%;
}

.trav8 {
width:8%;
}

.trav20 {
width:20%;
}

/*DIV classes for travellers*/
/*A traveller WITH a deal*/
.travellerinchands
{
float:left;
width: 30.8%;
margin:0.5%;
padding:10px 5px;
border:2px solid #b0b0b0;
background-color:#f0f0f0;
}

/*A traveller WITHOUT a deal*/
/*Needs width reduction for ie5 - see ie5-fix.css*/
.travellernohands
{
float:left;
width:32.2%;
margin:0.5%;
background-color:#f0f0f0;
}

/*DIV class for the hand distribution section of the traveller*/
.hands {
width:98%;
border:solid 2px #b0b0b0;
margin:10px 1px;
background-color:#e0e0e0;
}

/*DIV class for blank boxes in Hands DIV*/
.box1 {
float:left;
width:31.1%;
padding:1% 0 1% 2%;
font-size:12px;
}

/*DIV class for filled boxes in Hands DIV*/
.box2 {
float:left;
width:31.2%;
padding:1% 0 1% 2%;
font-size:12px;
background-color:#f0f0f0;
}

/*DIV class to clear floats on results page only*/
.clearboth {
clear:both;
}

/*Specifically define color and font for suit icons to ensure readability*/
.black {
font-family:"Times New Roman", Times, serif;
font-size:15px;
}

.red {
font-family:"Times New Roman", Times, serif;
font-size:15px;
color:#cc0000;
}

/*End of File*/