body
{
color: #5d5f73;
font-family: Arial;
font-size: 12pt;
background-color: #000000;
}

table
{
color: #5d5f73;
font-family: Arial;
font-size: 12pt;
}

input
{
border: none;
background: #FFFFFF;
color: 8b8b8b;
}

input.submit
{
font-size: 12pt;
font-family: Arial;
font-weight: bold;
color: #5d5f73;
}

.top-links
{
position: absolute;
right: 5px;
top: 5px;
color: #5d5f73;
font-family: Arial;
font-size: 10pt;
}

a:link, a:visited, a:active, a:hover
{
/*text-decoration: underline;
color: #5d5f73;*/
text-decoration: none;
color: #FFFFFF;
}

a.top:link, a.top:visited, a.top:active, a.top:hover
{
color: #5d5f73;
font-family: Arial;
font-size: 10pt;
text-decoration: none;
}

.pageContainer
{
position: relative;
width: 820px;
height: 300px;
margin-top: 150px;
background: url(/main/images/background.gif);
}

.pageContent
{
position: absolute;
width: 530px;
height: 167px;
left: 200px;
top: 55px;
}

.screenshotContainer
{
position: absolute;
left: 252px;
top: 361px;
}

.screenshot
{
margin-left: 10px;
cursor: pointer;
}

#screenshotPopup
{
position: absolute;
left: 50%;
top: 50%;
border: 1px solid #818181;
cursor: pointer;
z-index: 2;
}

#screenshotSrc
{
position: absolute;
top: 0px;
left: 0px;
}

.screenshotClose
{
position: absolute;
right: 0px;
width: 150px;
height: 25px;
background-color: #818181;
color: #FFFFFF;
font-family: impact;
border-left: 1px solid #818181;
border-bottom: 1px solid #818181;
z-index: 3;
}

.welcomeTxt
{
position: absolute;
top: 6px;
left: 0px;
width: 474px;
height: 48px;
background: url(/main/images/welcome-txt.png);
}

.button
{
float: left;
width: 150px;
height: 75px;
background: url(/main/images/button-hover.png);
}

.button-hover
{
float: left;
width: 150px;
height: 75px;
background: url(/main/images/button.png);
}