
/*----->>GLOBAL CLASSES<<-----*/






/*body*/

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






/*all images*/

img
{
border:0px;
vertical-align:middle;
margin-bottom:1px
}





/*profile picture (add border,margin etc to photo,avatar,smiley used as profile pic)*/

.avatar
{
vertical-align:middle;
border:1px solid #19946b;
padding:2px;
margin:1px
}








/*----->>START OF DIV CLASSES<<-----*/








/*logo*/

.logo
{
color:#19946b;
padding:4px;
margin:1px;
text-align:center
}




/*popups*/

.popclass
{
border-bottom:1px dotted #000000;
margin:1px;
text-align:center;
padding:5px;
color:#000000
}







/*main title*/

.header
{
color:#000000;
background-color:#27e1a3;
font-weight:bold;
margin:1px;
border:1px solid #000000;

-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;

padding:5px;
background-image:url('/style/images/header.gif') ;
background-repeat: repeat-x;
background-position: top
}





/*subtitle*/

.subheader
{
color:#000000;
background-color:#27e1a3;
font-weight:bold;
margin:1px;
border:1px solid #000000;

-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;

padding:5px
}






/*shoutbox*/

.shout
{
text-align:center;
border:1px solid #000;

-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;

margin:1px;
background-color:#d9ffd9;
color:#000000;
padding:5px
}





/*shoutbox menu*/

.shoutmenu
{
background-color:#27e1a3;
border:1px solid #000000;

-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;

padding:5px;
margin-top:1px;
margin-left:1px;
margin-right:1px;
margin-bottom:0px;
text-align:center
}





/*inbox, buds, online bar*/

.pmbudon
{
margin:0px;
text-align:center
}



table.pmbudon
{
padding:0px;
border:0px;
width:100%;
}



table.pmbudon td 
{
margin-left:1px;
margin-right:1px;
padding:3px;
border:1px solid #000000;

-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;

text-align:center;
width:33.3%;
background-color:#27e1a3;
background-image:url('/style/images/header.gif') ;
background-repeat: repeat-x;
background-position: top
}


table.leaderboard
{
padding:0px;
border:0px;
width:100%;
font-size:small
}

table.leaderboard td 
{
margin-left:0px;
margin-right:0px;
padding:0px;
background-color:#d9ffd9;
text-align:center;
}

.youtube 
{
margin:5px;
padding:1px;
background-color:#d9ffd9;
text-align:left;
}


/*menus etc (main area on page)*/

.menu
{
border-bottom:1px dotted #000000;
margin:1px;
text-align:left;
padding:3px;
color:#000000
}





/*after performing any action the site*/

.result
{
border-bottom:1px dotted #000000;
margin:1px;
text-align:center;
padding:5px;
color:#000000
}







/*around next and back links on pages with lists of 2 or more pages*/

.nextback
{
background-color:#27e1a3;
border:1px solid #000000;

-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;

padding:5px;
margin:1px;
text-align:center
}





/*around jump page option on pages with lists of 3 or more pages (under the .nextback class)*/

.jumppage
{
text-align:center;
margin:1px;
color:#000000;
padding:5px
}





/*around the 'go back to' links*/
.footer
{
color:#000000;
background-color:#acffd9;
font-weight:bold;
margin:1px;
border:1px solid #000000;

-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;

padding:5px;
background-image:url('/style/images/foot3.gif')
}





/*around the access keys*/

.accessnav
{
text-align:center;
font-size:x-small;
border-bottom:1px dotted #6f006f;
margin:1px;
color:#000000;
padding:5px
}








/*----->>START OF LINK CLASSES<<-----*/








/*all links not stated below*/

a:link, a:visited, a:active
{
color:#136606;
text-decoration:none;
font-weight:bold;
}

a:hover
{
text-decoration:underline;
}





/*shout menu links*/

a.shoutmnu:link, a.shoutmnu:visited
{
margin:3px;
background-color:#d9ffd9;
border:1px solid #000000;

-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;

color:#19946b;
text-decoration:none;
font-weight:bold;
padding:1px
}

a.shoutmnu:active, a.shoutmnu:hover
{
margin:3px;
background-color:#eeffd9;
color : #136606
}






/*pm, bud, online links*/

a.pbo:link, a.pbo:visited
{
color:#136606;
text-decoration:none;
font-weight:bold;
font-size:small
}

a.pbo:active, a.pbo:hover
{
color:#000000;
border:1px dotted #d9ffd9;
text-decoration:none;
font-weight:bold;
font-size:small
}






/*all secondry links, links in text ect (works best same color as text but bold font-weight, in my opinion)*/

a.sub:link, a.sub:visited
{
color:#136606;
text-decoration:underline;
font-weight:bold
}

a.sub:active, a.sub:hover
{
color:#19946b;
font-weight:bold;
text-decoration:underline
}







/*next and back links (on pages with lists of 2 or more pages)*/

a.nb:link, a.nb:visited
{
margin:3px;
background-color:#acffd9;
border:1px solid #000000;

-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;

color:#000;
text-decoration:none;
font-weight:bold;
padding:0px 2px 0px 2px
}

a.nb:active, a.nb:hover
{
background-color:#d9ffd9
}







/*accesskey navigation links*/

a.nav:link, a.nav:visited
{
color:#19946b;
text-decoration:none;
font-weight:normal;
}

a.nav:active, a.nav:hover
{
color:#27e1a3;
text-decoration:none;
font-weight:normal;
}








/*----->>START OF FORMS INPUT BOXES SELECT BOXES ETC<<-----*/





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





input.file,input[type=file], textarea, input.password,input[type=password],input.text,input[type=text]
{
margin:2px;
border:1px solid #000000;

-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;

color:#000000
}




select
{
margin:2px;
border:1px solid #000000;
color:#000000
}





/*SUBMIT BUTTONS*/

input.submit,input[type=submit]
{
margin:2px;
background-color:#27e1a3;
border:1px solid #000000;

-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;

font-weight:bold;
color:#000
}

input.submit:hover,input[type=submit]:hover,input.submit:focus,input[type=submit]:focus
{
background-color:#acffd9
}
