body
{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#333;
background-color:#CCC;
background-image:url(/images/base.png);
background-repeat:repeat-x;
background-position:left top;
}

#main
{
background-color:#06C;
position:relative;
margin:20px auto;
padding:0;
width:760px;
min-height:600px;
border-radius:4px;
}

#main .photo-temp
{
position:absolute;
margin:0;
padding:0;
top:5px;
left:5px;
z-index:1;
width:750px;
height:590px;
background-image:url(/images/login-black-white.jpg);
background-repeat:no-repeat;
background-position:left bottom;
border-radius:4px;
background-color:#EEE;
}

#main .photo-full
{
position:absolute;
display:none;
margin:0;
padding:0;
top:5px;
left:5px;
z-index:2;
width:750px;
height:590px;
background-image:url(/images/login-colour.jpg);
background-repeat:no-repeat;
background-position:left bottom;
border-radius:4px;
background-color:#FFF;
}

#main .form-holder
{
position:absolute;
margin:0;
padding:0;
top:20px;
left:30px;
z-index:3;
width:700px;
height:450px;
}

#main .form-holder h1
{
font-size:100%;
font-weight:normal;
}

#main .form-holder h1.logged-in
{
margin:100px 0 0 0;
}

#main .form-holder h2
{
font-size:115%;
font-weight:normal;
}

#main .form-holder h3
{
font-size:100%;
font-weight:normal;
color:#C00;
border:1px solid #C00;
padding:10px;
background-image:url(/images/half-white-mask.png);
background-repeat:repeat;
background-position:left top;
}

#main .form-holder a
{
color:#06C;
}

#main .form-holder a:hover
{
color:#F60;
}

#main .form-holder label
{
display:block;
font-size:125%;
font-family:Arial, Helvetica, sans-serif;
color:#000;
margin:0 0 5px 0;
}

#main .form-holder input[type="text"],
#main .form-holder input[type="password"]
{
display:block;
font-size:115%;
color:#666;
margin:0 0 15px 0;
border:1px solid #666;
padding:5px; 
border-radius:3px;
}

#main .form-holder button
{
display:block;
font-size:125%;
}

#main .form-holder img
{
margin:0;
padding:0;
border:1px solid #666;
border-radius:3px;
}

#main .form-holder img.naughty
{
border:1px solid #C00;
}

#main .form-holder p
{
position:relative;	
margin:2px 0;
padding:0;
font-size:85%;
color:#999;
}

#main .form-holder div.codehelpdiv
{
position:absolute;	
display:none;
margin:0;
padding:5px;
font-size:85%;
background-color:#FFF;
border:1px solid #666;
color:#666;
z-index:99;
}

#main .form-holder p a
{
text-decoration:none;
}

#credits
{
position:relative;
margin:0 auto;
padding:0 5px;
width:750px;
text-align:right;
font-size:0.85em;
color:#999;
}

#credits a
{
color:#999;
text-decoration:none;
}

#credits a:hover
{
color:#666;
}