/* BODY */
body
{
margin:3px auto;
max-width:480px;
text-align:center;
line-height:100%;
color:#9900ff;
background-color:#000000;
font-size:small
}





/*FOR ALL IMAGES*/
img
{
border:0px;
vertical-align:middle;
margin:0px
}





/*border/margin around certain images*/

.avatar
{
vertical-align:middle;
border:1px solid #9900ff;
margin:1px
}




/* THE LOGO CLASS */
.logo
{
padding : 4px;
text-align : center;
background-image:url('/style/images/stars.gif');
background-color : #000000;
border-bottom : 1px dotted #9900ff;
}





/*HEADERS*/
.header
{
padding : 1px;
text-align : center;
font-size : small;
font-weight : bold;
color : #9966ff;
background-color : #190033;
border-bottom : 1px dotted #9900ff;
}






.subheader
{
padding : 1px;
text-align : center;
font-size : small;
font-weight : bold;
color : #9966ff;
background-color : #190033;
border-bottom : 1px dotted #9900ff;
}





/* TEXT AREA */
.shout
{
padding : 3px;
text-align : center;
font-size : small;
background-image:url('/style/images/stars2.gif');
color : #9900ff;
background-color : #000000;
border-bottom : 1px dotted #9900ff;
}





/* Main content menu areas */
.menu
{
padding: 2px;
text-align : left;
font-size : small;
color:#9966ff;
background-color : #000000;
border-bottom : 1px dotted #9900ff;
margin : 2px
}







/*USED ON ALL RESULTS PAGES*/
.result
{
padding:2px;
text-align:center;
font-size:small;
font-weight:bold;
color:#ffffff;
background-image:url('/style/images/stars.gif');
background-color:#000000;
border-bottom:1px dotted #9900ff;
}









/* THE NEXT - BACK CLASS */
.nextback
{
padding : 2px;
text-align : center;
font-size : small;
font-weight : bold;
color : #808080; 
background-color : #000000; 
border-bottom : 1px dotted #9900ff;
}







/* THE 'JUMP PAGE' CLASS */
.jumppage
{
padding : 2px;
text-align : center;
font-size : small;
font-weight : bold;
color : #9900ff;
background-color : #000000;
border-bottom : 1px dotted #9900ff;
}










/* USED FOR 'GO BACK TO' LINKS, ('color' defines the text not the links) */
.footer
{
padding : 2px;
text-align : center;
font-size : small;
font-weight : bold;
color : #9966ff;
background-color : #190033;
border-bottom : 1px dotted #9900ff;
}











/* GLOBAL LINKS */
a:link, a:visited, a:active
{
color : #ffffff;
text-decoration : none;
font-weight : bold
}


a:hover
{
text-decoration:underline
}





/* SECONDARY LINKS (looks best same colour as text) */ 
a.sub:link, a.sub:visited
{
color : #9900ff;
text-decoration : underlined;
}

a.sub:active, a.sub:focus 
{
color : #9900ff;
text-decoration : underlined;
background-color : #000000
}





/* VISITORS NAME (link to visitors details) */ 
a.high:link, a.high:visited 
{
color : #ffffff; 
text-decoration : none;
font-weight : bold
}

a.high:active, a.high:focus 
{
color : #ffffff;
text-decoration : none;
font-weight : bold;
background-color : #000000
}








form
{
margin-bottom:0px;
display:inline
}





input.password,input[type=password]
{
border:1px solid #9900ff;
background-color:#000000;
color:#808080;
font-size:small
}



input.text,input[type=text]
{
border:1px solid #9900ff;
background-color:#000000;
color:#808080;
font-size:small
}



input.file,input[type=file]
{
border:1px solid #9900ff;
background-color:#000000;
color:#808080
}



input.submit,input[type=submit]
{
border:1px solid #9900ff;
background-color:#000000;
color:#808080;
font-size:small
}



select
{
border:1px solid #9900ff;
background-color:#000000;
color:#808080;
margin-left:3px;
font-size:small
}
 


textarea
{
margin:3px;
border:1px solid #9900ff;
background-color:#000000;
color:#808080;
font-size:small
}






/*------->>generic span classes (changing the classes below could cause display errors, we advise you leave unchanged)<<------*/ 



.center
{
text-align:center
}

.left
{
text-align:left
}

.right
{
text-align:right
}

.bold
{
font-weight:bold;
}

.smaller
{
font-size:smaller;
}