/* BASIC */

body {
margin: 25px;
background-color: #5A427C;
background: url('images/background.gif') norepeat;
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
}

p {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 11px;
line-height : 15px;
color : white;
}

h1 {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 18px;
font-weight: bold;
line-height : 19px;
color : white;
margin-top: 4px;
margin-bottom: 10px;
}

.subHeading {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 17px;
font-weight: normal;
line-height : 19px;
color : white;
margin-top: 0px;
margin-bottom: 4px;
}

.gameTitle {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 18px;
font-weight: bold;
line-height : 19px;
color : white;
margin-top: 0px;
margin-bottom: 4px;
}

.gameAuthor {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 11px;
font-weight: bold;
color : white;
margin-top: 0px;
margin-bottom: 4px;
}

.gameUpdated {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 10px;
line-height : 15px;
color : white;
margin-top: 15px;
margin-bottom: 0px;
}

#news {
border-top: 2px solid #B9B8DB;
margin-top: 4px;
margin-bottom: 20px;
}

#news h1 {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 14px;
line-height: 15px;
font-weight: bold;
color : white;
margin-top: 3px;
margin-bottom: 2px;
}

#news h2 {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 10px;
font-weight: normal;
color : #DDDDDD;
margin-top: 2px;
margin-bottom: 8px;
}

#news p {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 11px;
line-height : 15px;
color : white;
margin-top: 2px;
margin-bottom: 2px;
}

#news A {
color: #FFFF00;
text-decoration: none;
}

#news A:hover {
color: #FFFFFF;
text-decoration: underline;
}

.footer {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 10px;
line-height : 15px;
margin-top: 15px;
text-align: center;
color: white;
}

.breadcrumbs {
font-family : Tahoma, Verdana, Arial, Helvetica, Geneva;
font-size : 10px;
line-height : 12px;
font-weight: bold;
color: #777777;
border: 1px solid #777777;
padding: 5px;
text-align: right;
background: #625F9E;
background: url('images/button-back.gif');
}

#breadcrumbs A {
color: black;
text-decoration: none;
}

#breadcrumbs A:hover {
color: red;
text-decoration: underline;
}

#pageLinks {
border: 1px solid #333333;
background: #625F9E;
background: url('images/waf-vbar-0.gif');
height: 23px;
}

#pageLinks td {
font-family : Tahoma, Verdana, Arial, Helvetica, Geneva;
font-size : 11px;
line-height : 12px;
font-weight: bold;
color: #FFFFFF;
vertical-align: middle;
}

#pageLinks A {
color: #EEEEEE;
text-decoration: none;
padding: 5px 10px 5px 10px;
display: block;
border-left: 1px solid #AA8CD6;
border-right: 1px solid #563A7D;
}

#pageLinks A:hover {
color: #FFFFFF;
background: url('images/waf-vbar-1.gif');
border-left: 1px solid #AA8CD6;
border-right: 1px solid #563A7D;
}

ul, li {
padding-right: 0px;
padding-left: 0px;
list-style-type:square;
list-style-position:outside;
padding-bottom: 0px;
margin: 0px 0px 0px 8px;
padding-top: 0px;
line-height: 1em;
}


/* LAYOUT */

.contentTitle {
display: block; 
margin-top: 20px; 
margin-bottom: 12px;
}

.mainTable {
border: 1px solid #50367C;
}

.mainTableCell {
background-color: #9694C6;
}

.logoCell {
background-color: #9694C6;
background: url('images/logoback.gif');
}

.navigationColumn {
width: 150px;
margin: 1px;
border-right: 1px solid #4A316B;
vertical-align: top;
background: #000000;
background: url('images/grille.gif');
}

.contentColumn {
padding: 5px;
vertical-align: top;
border-top: 1px solid #625F9E;
border-left: 2px solid #625F9E;
background: #827FB8;
}

.leftContentColumn {
padding: 10px;
padding-right: 15px;
vertical-align: top;
}

.topTitleColumn {
padding: 10px;
padding-bottom: 5px;
vertical-align: top;
}

.topLinksColumn {
padding: 10px;
vertical-align: top;
}

.rightContentColumnWide {
width: 240px;
padding: 10px;
vertical-align: top;
}

.rightContentColumn {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 11px;
line-height : 15px;
color: black;
padding: 5px;
vertical-align: top;
width: 260px;
border: 1px solid #625F9E;
background: #B9B8DB;
}

#rightContentColumn img {
text-align: center;
margin-top: 2px;
margin-bottom: 2px;
}

#rightContentColumn .extraItem {
margin-top: 3px;
margin-bottom: 15px;
}

#rightContentColumn td {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 11px;
line-height : 13px;
color : black;
padding: 2px;
}

#rightContentColumn .formButton {
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva;
font-size: 11px;
line-height: 11px;
font-weight: bold;
color: #000000;
border: 1px solid #555555;
padding: 2px 3px;
background: #F2F2F2;
background: url('images/button-back.gif');
width: 100%;
}

#rightContentColumn .inputBox {
background: #EEEEEE;
border: 1px solid #999999;
width: 100%;
font-size: 8pt;
}

#rightContentColumnBoxed th, #rightContentColumnBoxed td {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 11px;
line-height : 13px;
color : black;
padding: 2px;
font-weight: bold;
vertical-align: top;
}
#rightContentColumnBoxed td {
font-weight: normal;
border-width: 1px;
border-color: red;
padding: 5px;
}

.extrasBoxHeader {
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva;
font-size: 10px;
line-height: 11px;
font-weight: bold;
color: #FFFFFF;
background: #000000;
background: url('images/waf-vbar-title.gif');
text-align: left;
padding: 4px;
border: 1px solid black;
}


/* STANDARD BOX */

#standardBox {
margin-bottom: 8px;
}

#standardBox .standardBoxHeader {
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva;
font-size: 11px;
line-height: 11px;
font-weight: bold;
color: #FFFFFF;
background: #000000;
background: url('images/waf-vbar-title.gif');
text-align: left;
padding: 4px;
border: 1px solid black;
width: 100%;
}

#standardBox .standardBoxContent {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 11px;
line-height : 15px;
color: black;
padding: 5px;
vertical-align: top;
border: 1px solid #625F9E;
background: #B9B8DB;
width: 100%;
}

#standardBox .label {
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva;
font-size: 11px;
line-height: 12px;
font-weight: normal;
color: #5A427C;
padding: 3px;
width: 70px;
vertical-align: top;
}

#standardBox .field {
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva;
font-size: 11px;
line-height: 13px;
padding: 3px;
}


.siteTitle {
background: #000000;
background: url('images/waf-vbar-title.gif');
padding: 1px;
border-left: 1px solid black;
border-right: 1px solid black;
vertical-align: middle;
}


/* FORMS */

.searchPane {
background: #69489A;
}

.searchBox {
background: #EEEEEE;
border: 1px solid #999999;
width: 100%;
}

.searchButton {
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva;
font-size: 11px;
line-height: 11px;
font-weight: bold;
color: #000000;
border: 1px solid #555555;
padding: 2px 3px;
background: #F2F2F2;
background: url('images/button-back.gif');
width: 24px;
}

/* LINKS */

A, A:link, A:visited, A:active {
color : #FFFFFF;
text-decoration : underline;
}

A:hover {
color : #FFFF00;
text-decoration : underline;
}

A:link IMG, A:active IMG, A:visited IMG {
/*xborder: 1px solid #5A427C;*/
}

A:hover IMG {
/*xborder: 1px solid #FFFF00;*/
}

#noborder {
border: none;
}

/* IMAGES */

IMG {
border: none;
}

.led {
vertical-align: middle;
margin-right: 3px;
}

/* Vertical Bar */

.wafVBarTitle {
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva;
font-size: 10px;
line-height: 10px;
font-weight: bold;
color: #FFFFFF;
background: #000000;
background: url('images/waf-vbar-title.gif');
text-align: left;
padding: 5px;
padding-left: 2px;
/*padding-bottom: px;*/
border: 1px solid black;
vertical-align: middle;
}

.wafVBarPane {
background: #463264;
text-align: left;
}

.wafVBarButton {
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva;
font-size: 11px;
line-height: 11px;
font-weight: bold;
text-align: left;
color: #E0E0E0;
text-decoration: none;
padding: 5px 7px;
background-color: #69489A;
border-top: 1px solid #7A5CA6;
border-bottom: 1px solid #563A7D;
cursor: pointer;
display: block;
width: 100%;
}

.wafVBarButtonOver {
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva;
font-size: 11px;
line-height: 11px;
font-weight: bold;
text-align: left;
color: #FFFFFF;
text-decoration: none;
padding: 5px 7px;
background-color: #69489A;
border-top: 1px solid #7A5CA6;
border-bottom: 1px solid #563A7D;
background: url('images/waf-vbar-1.gif');
cursor: pointer;
display: block;
}

.wafVBarButtonDown {
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva;
font-size: 11px;
line-height: 11px;
font-weight: bold;
text-align: left;
color: #FFFFFF;
text-decoration: none;
padding: 5px 7px;
background-color: #69489A;
border-top: 1px solid #563A7D;
border-bottom: 1px solid #7A5CA6;
background: url('images/waf-vbar-0.gif');
cursor: pointer;
display: block;
}

.wafVBarItem {
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
/*cursor: hand;*/
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
display: block;
}

A.wafVBarLink,
A.wafVBarLink:link,
A.wafVBarLink:visited,
A.wafVBarLink:active {
color: #CCCCCC;
text-decoration: none;
}

A.wafVBarLink:hover {
color: #C1FF9B;
text-decoration: underline;
}

.progressBar {
background-color: #FFFFFF;
background: url('images/progress-bar-back.gif');
border: 1px solid #625F9E;
height: 12px;
width: 100%;
}

/* LISTS */

#list {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
margin-top: 15px;
}

#list .listItem {
border-top: 2px solid #B9B8DB;
margin-top: 0px;
margin-bottom: 24px;
}

#list h1 {
font-size : 14px;
line-height: 15px;
font-weight: bold;
color : #FFFFFF;
margin-top: 3px;
margin-bottom: 3px;
}

#list h2 {
font-size : 10px;
line-height: 13px;
font-weight: normal;
color : #EEEEEE;
margin-top: 3px;
margin-bottom: 8px;
}

#list p {
font-size : 11px;
line-height : 15px;
color : #FFFFFF;
margin-top: 3px;
margin-bottom: 3px;
}

#list A {
color: #FFDD00;
text-decoration: none;
}

#list A:hover {
color: #FFFFFF;
text-decoration: underline;
}

#list td {
vertical-align: top;
padding-top: 5px;
}

#list img {
border: 1px solid #000000;
vertical-align: top;
margin-right: 10px;
/*width: 160px;*/
}

#list img.out {
border: 1px solid #000000;
}

#list img.over {
border: 1px solid #FFFF00;
/* filter: alpha(Opacity = 80);
-moz-opacity: .80; */
}

/* for the poll */
.poll {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 2px;
}

.pollbg {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 10px;
}

.fat {
font-weight: bold;
}

.pollbg {
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
}

#highscore {
font-family : Verdana, Tahoma, Arial, Helvetica, Geneva;
font-size : 10px;
font-weight: normal;
color : #EEEEEE;
padding: 10px;
}

#highscore .headCell {
padding: 4px 5px 4px 5px;
font-weight: bold;
color: #FFFFFF;
background-color: #69489A;
border-left: 1px solid #5A427C;
border-bottom: 1px solid #5A427C;
border-right: 1px solid #827fb8;
border-top: 1px solid #5A427C;
}

#highscore .contentCell {
padding: 4px 8px 4px 8px;
}

#thumbnail {
border: 1px solid #FFFF00;
width: 160px;
height: 120px;
margin: 5px;
}

/* About/FAQ */

.faqq
{
font-weight: bold;
font-size: 13px;
}

.faqa
{
margin-left: 20px;
}

A.cantbebothered:hover, A.cantbebothered:link,A.cantbebothered:visited
{
	color: white;
	text-decoration: none;
}