/* OPTIONAL STYLES FROM MEMBERS PROFILE SCREEN */

.left-half{
width:220px;
color: #ffff00;
}
.right-half{
width: auto;
}

.left-half h3{
color: #ffff00;
}


.right-half h3{
color: #ffffff;
}

.grey{
color: #999999;
}


#mainsection{
color: #ffffff;
background-image:url("/images/main/darkpanel.jpeg");
padding: 5px;
margin: 0px auto;
width: 95%;
}
#avatar_image{
margin-top: 10px;
width: 162px;
height: 100px;
border: 0px;
float: left;
}
.pro-image{
margin-left: 3px;
vertical-align: middle;
}
#country-flag{
width: 32px;
height: 20px;
border: 0px;
vertical-align: middle;
}
td {
vertical-align: top;
}





table.profile_table {
text-align: center;
width: 99%;
margin: 20px auto;
background: #999999;
color:#ffffff;
border-spacing: 20px;
border-collapse: collapse;
border: 2px solid #adbbca;
font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
font-size:14px;
}
table.profile_table thead tr {
background-color: #333333;
font-size:13px;
}
table.profile_table thead tr th {
padding: 2px 2px;
border: 2px solid #adbbca;
}
table.profile_table tbody tr {
color: #000000;
border: 2px solid #adbbca;
}
table.profile_table tbody td {
border: solid 1px #adbbca;
border-style: none none solid none;
padding:1px;
vertical-align: middle;
}
table.profile_table tbody .colour_square{
width: 22px;
height: 22px;
border: 0px;
margin: 0px;
vertical-align: middle;
}


/* COLOUR OF FACES IN HISTORY */
.won_colour{
background-color:#009900;
}
.lost_colour{
background-color:#990000;
}
.drawn_colour{
background-color:#999900;
}

/* IMAGE STYLE OF SMILY FACES */
table.profile_table tbody .smily{
vertical-align:middle;
width:16px;
height:16px;
border:0px;
margin: 0px 0px 0px 5px;
}