/* useful...  http://tools.dynamicdrive.com/gradient/ */

/* The entire page */
body, input.chatinputarea, textarea, pre.normalfontpre
{
    color: silver;
    font-family: Arial;
    font-size: 100%;
}

pre.normalfontpre
{
    white-space: pre-wrap; /* css-3 */
}

body
{
    background-color: #000000;
    scrollbar-face-color: #191980;
    scrollbar-highlight-color: #2929c0;
    scrollbar-3dlight-color: #0000ff;
    scrollbar-darkshadow-color: #000099;
    scrollbar-shadow-color: #000033;
    scrollbar-arrow-color: #DDDDDD;
    scrollbar-track-color: #000066;
}

/* Default links appearance */
a
{
    color: #AAAAAA;
    text-decoration: none;
}

a.gameboxlink, a.gameboxlink:hover
{
    text-decoration: none;
}


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


.controllinks a, .titlepanel a
{
    margin-left: 6px;
    margin-right: 6px;
}


.pageheading a, .sectionheading a
{
    color: #DDDDDD;
}


/* Default image appearance */
img
{
    border-style: none;
}



td
{
    padding: 0px;
}


/* Heading panel at the top of the page */
td.pageheading
{
    background: url(../../gradient.ashx?Height=40&Top=3333C0&Bottom=222266) #222266 repeat-x;
}


td.pageheading, div.subpageheading
{
    padding: 4px;
}


/* Cell continaing the name of the website */
span.titlepanel
{
    font-size: larger;
    float: left;
    padding: 6px;
}

/* A cell top right that has the master links (always present) */
span.controllinks
{
    float: right;
    font-weight: bold;
    font-size: small;
}


/* The sub heading showing daily status, special messages, etc. */
div.subpageheading
{
    font-size: 85%;
    background: url(../../gradient.ashx?Height=40&Top=0D106A&Bottom=0D102A) #0D102A repeat-x;
}

/* The main page has two columns presenting information to the user */
td.mainpagecolumn
{
    vertical-align: top;
    width: 50%;
}



/* Each cell in the columns has a standard heading appearance */
div.sectionheading
{
    background-color: #000000;
    font-weight: bold;
    white-space: nowrap;
    padding-top: 16px;
    padding-bottom: 3px;
}


/* A dedicated cell contains the section heading name */
span.sectionheadingname
{
    float: left;
    padding-left: 4px;
    font-size: medium;
}


/* The cells all have a master links box to the right of the title */
span.sectionheadinglinks
{
    float: right;
    font-size: 75%;
    white-space: nowrap;
    vertical-align: bottom;
    margin-right: 10px;
}

.sectionheadinglinks a
{
    margin-left: 4px;
    margin-right: 4px;
}

input, select
{
    border-color: #444444;
}

button, input, select, textarea
{
    border-color: #222244;
    background-color: #000044;
    color: #69b8c6;
}


div.clickablecell, div.clickablecellhover
{
    background: url(../../gradient.ashx?Height=120&Top=001060&Bottom=00001E) #00001E repeat-x;
    font-size: smaller;
    width: 100%;
    padding: 3px;
    border-width: 2px;
    clear: both;
}

div.cellcsw
{
    background: url(../../gradient.ashx?Height=50&Top=002028&Bottom=000808) #000808 repeat-x;
}

div.cellsowpods
{
    background: url(../../gradient.ashx?Height=50&Top=002028&Bottom=080808) #080808 repeat-x;
}

div.cellowl2
{
    background: url(../../gradient.ashx?Height=50&Top=000048&Bottom=000010) #000010 repeat-x;
}

div.clickablecell
{
    border-color: #000000;
    border-style: solid;
}

div.clickablecellhover
{
    border-style: dotted;
    color: White;
}



/* A second column used to contain text detailing the game */
div.minigamedetails, div.briefgamedetails
{
}


/* The status of the minigame is quite important so it is highlighted */
.minigamestatus
{
    padding-left: 8px;
    padding-right: 8px;
}

span.spacedstatuselement
{
    margin-left: 16px;
    margin-right: 16px;
}

.yourturn, .challengingyou
{
    background-color: #CCCC00;
}

.oppturn, .challengingplayer
{
    background-color: #00CCCC;
}

.challengingyou, .challengingplayer
{
    padding-left: 8px;
    padding-right: 8px;
}

.yourturn, .oppturn, .challengingyou, .challengingplayer
{
    color: #111111;
}

.playerhistorywaiting, .playerhistorywaiting
{
    color: #FFFFFF;
}


/* There is a 'click to ...' message with each game, that is highlighted */
td.clickmessage
{
    font-weight: bold;
}


span.summaryhighlight
{
    font-weight: bold;
    font-size: 110%;
}

a.playlink
{
    color: #8888EE;
}

span.summaryplay
{
    margin-left: 6px;
    margin-right: 6px;
}

textarea.chattextarea
{
    height: 160px;
    border-style: none;
    font-size: small;
}

div.endboxbreaker
{
    clear: both;
}


textarea.fingernotesinputarea
{
    width: 100%;
}

a.seekLink
{
    /*    margin-right: 10px;*/
}

span.playerName
{
    font-weight: bold;
}

input.cancelButton, input.cancelButtonProgress, input.cancelButtonAdmin, input.playbutton
{
    font-size: smaller;
    margin-left: 7px;
    margin-right: 7px;
}

input.cancelButton, input.cancelButtonProgress
{
    background-image: url(activeButton.gif);
}

input.cancelButtonProgress
{
}


div.previewplayernames, span.previewplayernames
{
    font-size: medium;
}

table.gamepreviewtable
{
    width: 100%;
}

span.onlinepulldown
{
    margin-right: 8px;
}

div.warning
{
    color: Red;
}

pre.squarefontpre
{
    font-family: Courier;
}