/* Styles for the whole of the site and individual pages */

/* Game Page */
.CommentName
{

    padding:15px 0 0 -20px;
    text-align:left;
    color:#6B9E25;
    font-family:Arial;
    font-size:15px;
    display:inline;
}

.CommentAll
{
    margin:0 0 8px 25px;
    color:Gray;
    font-family:Arial;
    font-size:13px;
    display:block;
    width:430px;
}

/* Archives page */
#Archives
{
   float:left;
   width:570px;
   background-color:White;
   border:0px;
   border-color:white;
   font-family:Verdana;
   margin-top:-20px;
   margin-left:-10px;
   margin-right:-20px;
   padding:0px;
}

#Archives Table
{
   background-color:White;
   border:0px;
   border-color:white;  
   text-align:center;
}

#Archives th
{
    background-color:black;
    color:White;
    font-size:small;
}

#Archives tr
{
    padding:0px;
    font-size:x-small;
    background-color: #FFFF99;
    margin:0px;
}

/* Login Page */

#Login
{
    background-color:White;
    font-family:Verdana;
    font-size:1.4em;
    color:Black;
}

#Login table
{
    border:solid 1px black;  
}

#Login td
{
    color:black;
}

#NewAccount
{
    width:270px;
    background-color:white;
    float:right;
    margin-right:10px;
    text-align:right;
    border:solid 1px black;
    font-size:.72em;
    font-family: Verdana;
    margin-top:44px;
    margin-left:10px;
}

/* Modal popup styles */

.ModalBackGround
{
    background-color:Gray;
    filter:Alpha(opacity=70);
    opacity:0.7;
}

.ModalPopup
{
    background-color:#FFFFdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:350px;
    text-align:center;
}

.album
{
    text-align:left;
    font-size:.8em;
    height: 150px;
}

.ModalPopup input, p
{
    margin:10px;
    font-family:Arial;
}

.ModalPopup blockquote
{
    font-size:.8em;
    color:Gray;
    text-align:left;
    margin-bottom:-8px;
}

.ModalPopupDetails
{
    background-color:#FFFFdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:400px;
    height:214px;
    text-align:left;
}

.ModalPopupDetails input
{
    margin:2px 2px 2px 30px;
}

.ModalPopupDetails h3
{
    margin-left:30px;
    color:Navy;
    font-weight:normal;
}


/* Admin Section */


.Welcome
{
    margin:10px;
    font-family:Arial;
    color:Black;
    font-size:1.2em;
    font-weight:bold;
}

/* Uncategorised */

.cleaner
{
	clear: both;
	height: 2px;
}

.Seperator
{
    position:inherit;
    width:90%;
    height:20px;
    border-bottom:dashed 1px;
    margin: 0 4% 0px 4%;
    padding-bottom:5px;
    text-align:right;
}

.NudgeRight
{
    margin-left:20px;
    padding-right:-20px;
}

.ShowOnPrint
{
    display:none;
}


.Spacer
{
    height:20px;
    width:20px;
}


.Rightalign
{
    display:block;
    text-align:right;
}

.FloatRight
{
    float:right;
}

.FloatLeft
{
    float:Left;
}

.SmallText
{
    font-size:9px;
    font-family:tahoma;
}

#ImageWrapper
{
    margin-right:25px;
}

#HelperCode 
{
    position:absolute;
    top:100px;
    width:150px;
    height:80px;
    left:60px;
    font-size:.55em; 
    display:none;  
    background-image :url(../Images/helperCode.gif); 
}

#LargeHelperCode 
{
    position:absolute;
    top:10px;
    width:400px;
    height:300px;
    left:250px;
    font-size:.8em;
    text-align:left; 
    display:none;  
    background-image :url(../Images/BigBubble.gif); 
}

#HelperText 
{
    text-align:center;
    margin: 5px 8px 0 8px;
}

.HelpText
{
    font-size:.7em;
    font-family:Arial; 
    display:inline;
}

#PopupMessage
{
    width:280px;
    height:34px;
    border-style:dashed;
    border-width:1px;
    display:none;
    background-color:#d2ffd9;
    font-size:14px;
    margin:-5px 0 0 100px;
}

#PopupMessage p
{
    margin-top:6px;
}

#PopupMessage Img
{
    float:right;
    margin:0;
    padding:0;
}

#Link a
{
    text-decoration:none;
    cursor:help;
    background-color:#006633;
    color:White;
}

#errormessage
{
    background-color:#FFBFC1;
    border:dotted 1px black;
    z-index:2;
    width:100%;
    padding-bottom:8px;
}

#photoeditbox
{
   background-color:#E2E4C5;
   padding:6px;
}
