/*#############################################################


© 2007

Author: Igor Jovic

URL: http://spinz.se


#############################################################*/


/* default elements */

*{margin:0px;padding:0px}

/* Hyperlink */

a
{
color:#467AA7;
font-size:0.9em; 
font-weight:normal;
font-style:normal;
text-decoration:none;
}

a:link
{
color:#467AA7;
font-weight:normal;
font-style:normal;
text-decoration:none;
}

a:visited
{
color:#467aa7;
font-style:normal;
font-weight:normal;
text-decoration:none;
}

a:hover
{
color:#ff6600; 
font-style:normal;
text-decoration:none;
}

h1
{
font-family:arial, verdana, helvetica, sans-serif;
font-size:1.9em; 
font-weight: bold;
color:#333333;
line-height:1.6em
}
	
p
{
font-family:Verdana, Arial, helvetica, sans-serif;
font-size:0.8em; 
font-weight: normal;
color:#333333;
padding-left:5px;
line-height:1.6em
}

.quote
{
font-family:Verdana, Arial, helvetica, sans-serif;
font-style: italic;
margin-left:0px;
padding-left:0px;
padding-top:0px;
line-height:1.6em;
float:left;
}


.right
{
background-color:black;
float:right;
}

/* Layout */
body

{
margin: 0;
padding:0;
font-family: verdana;
background-image:  url(../Images/HeaderBackground.jpg);
background-repeat: repeat-x;
background-color:#ffffff;
list-style:none;
}

#wrapper 
{
margin-top: 0pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
width:1000px;
background:transparent;
border: 0px solid #ff0000;
}

#header 

{
width: 100%;
height: 173px;
}

#header .logo
{
float: left;
margin-top: 0px;
margin-left: -25px;
border: none;
}

#nav ul

{
display:block;
float:right;
list-style:none;
margin-top: 75px;
margin-right: 5px;
}

#nav li
{
float:left;
margin-bottom:0px;
padding-bottom:0px;
padding-right:24px;
}

#nav ul li a
{
float:left;
border-left:4px solid #858383;
display:block;
margin-right:1px;
padding-right: 10px;
padding-left: 15px;
padding-top: 10px;
padding-bottom:10px;
color: #ffffff;
font-weight: normal;
font: 16px Verdana;
text-decoration: none;
}

#nav  li a:hover
{
color: #ffffff;
border-left:4px solid #ff0000;
}


#nav .selected {
color: #ffffff;
border-left:4px solid #ff0000;
}

table.Quotes
{
clear: both;
width: 100%;
height: 30px;
border: 0px;
background: #252324;
color: #ffffff;
text-align: center;
margin-top: 0px;
border-top: 2px solid #666666;
}

#TQ
{
color: #ffffff;
font: 11px Trebuchet MS;
font-weight: bold;
}

#content 
{
float:left;
background-color:transparent;
margin-top:0px;
margin-bottom:0px;
padding:10px;
width:920px;
border-bottom:1px solid #eaeaea;
}

#col1
{
float:left;
background-color:transparent;
margin-top:20px;
margin-bottom:5px;
padding:10px;
width: 570px;
border-right:1px solid #eaeaea;
}

#col1 p
{
font-size:0.8em;
padding:0 20px 20px 0;
color:#555555;
}

#col1 p.Error
{
display: inline;
font-size:0.7em;
font-weight: bold;
padding:0px 20px 20px 0px;
color: #ff0000;
}

#col1 h1
 { 
font-family:Arial, verdana, helvetica, sans-serif;
font-size:1.4em;
color: #6d6d6d;
font-weight:normal;
padding-bottom:10px;
}

#col2
 { 
float:right;
background-color:transparent;
margin-top:20px;
margin-bottom:5px;
padding:10px 0 10px 15px;
width: 310px;
}

#col2 p
{
font-size:0.8em;
padding:0 20px 20px 0;
color:#555555;
}

#col2 p.OnlineUsers
{
font-size:0.8em;
padding:0 20px 20px 0;
color: #555555;
font-weight: bold;
}

#col2 h1
 { 
font-family:Arial, verdana, helvetica, sans-serif;
font-size:1.4em;
color: #6d6d6d;
font-weight:normal;
padding-bottom:10px;
}

#boxcontainer
{
float:left;
clear:both;
background-color:transaprent;
margin-top:0px;
margin-bottom:15px;
padding:10px;
width: 920px;
}

.box1
{
width:167px;
float:left;
margin-left:0px;
padding-right:5px;
margin-top: 8px;
padding-left: 20px;
padding-top: 0px;
padding-bottom:8px;
border-right:1px dotted #dadada;
}

.box1 p
{
font-size:0.7em;
padding-top:10px;
padding-left:10px;
padding-right:10px;
color:#555555;
}

.box1 h1
{
display:block;
font-family: Trebuchet MS;
font-size:1em;
padding-top:0px;
padding-left: 5px;
color:#619fde;
}

.box2
{
width:167px;
float: left;
margin-left:25px;
margin-top: 8px;
padding-right:5px;
padding-left: 20px;
padding-top: 0px;
padding-bottom:8px;
border-right:1px dotted #dadada;
}

.box2 p
{
padding-top:10px;
padding-left:4px;
padding-right:10px;
color:#555555;
font-size:0.7em;
}

.box2 h1
{
display:block;
font-family: Trebuchet MS;
font-size:1em;
padding-top:0px;
padding-left: 0px;
color:#619fde;
}

.box3
{
width:167px;
float:left;
margin-top: 8px;
padding-left: 20px;
margin-left:25px;
padding-top: 0px;
padding-bottom:8px;
border-right:1px dotted #dadada;
}

.box3 p

{
font-size:0.7em;
padding-top:10px;
padding-left:4px;
padding-right:10px;
color:#555555;
}


.box3 h1
{
font-family: Trebuchet MS;
font-size:1em;
padding-top:0px;
color:#619fde;
padding-left: 0px;
}

.box4
{
width:167px;
float: left;
margin-left:25px;
margin-top: 8px;
padding-right:5px;
padding-left: 20px;
padding-top: 0px;
padding-bottom:8px;
border-right:1px dotted #dadada;
}

.box4 p
{
font-size:0.7em;
padding-top:10px;
padding-left:10px;
padding-right:10px;
color:#555555;
}

.box4 h1
{
display:block;
font-family: 'Trebuchet MS';
font-size:1em;
padding-top:0px;
padding-left: 5px;
color:#619fde;
}

.box1, .box2, .box3, .box4, a:link, a:visited, a:hover
{
font-weight: bold;
font-family: Trebuchet MS;
font-size:1em;
color:#619fde;
}

/* Register Table */
table.Register
{
width: 300px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
border: 0px solid #000000;
}

td.Register
{
text-align: center;
}

/* Register Labels */
label.EmailAdd, label.Username, label.Gender, label.Country, label.Password, label.Terms
{
	color: #333333;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

/* Register Inputs */
input.Register
{
font-family: Verdana;
font-size: 18px;
border: 1px solid #000000;
background: #fbfbfb;
width: 75%;
}

/* Register Selects */
select.Gender, select.Country
{
font-family: Verdana;
font-size: 14px;
border: 1px solid #000000;
background: #fbfbfb;
width: 75%;
}

/* Index Login Submit */
input.RegisterSubmit
{
font-family: Verdana;
font-size: 12px;
border: 1px solid #000000;
background: #cccccc;
width: 60%;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}

input.MnPSubmit
{
font-family: Verdana;
font-size: 12px;
border: 1px solid #000000;
background: #cccccc;
width: 125px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}

#footer 
{
clear: both;
margin-right: 0px;
margin-bottom:0px;
margin-left: 0px;
padding: 4px;
background-color: #191718;
text-align:center;
}

#footer p
{
font: 13px Trebuchet MS;
line-height:3em;
font-weight: normal;
color: #ffffff;
padding-top: 0px;
padding-right: 0px;
padding-bottom: opx;
padding-left: 10px;
text-align: center;
}

#footer a 
{
font: 13px Trebuchet MS;
font-weight: normal;
color: #ff0000;
text-align: center;
}

#footer a:hover 
{
text-decoration: underline;
font-weight: normal;
color: #ff0000;
text-align: center;
}