/******************************************************************/
/*******          Grund                                     *******/
/******************************************************************/

html, body {
margin: 0px;
padding: 0px;
}

body {
padding: 0px;
background-color: #ffffff;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #3d3d3d;
background-image: url(img/bg.jpg);
background-repeat: repeat-x;
}


/******************************************************************/
/*******          Text                                      *******/
/******************************************************************/

h1, h2, h3, h4, h5, h6 {
margin: 0px;
padding: 5px 0px 5px 0px;
font-weight: normal;
color: #3687c5;
}

h1 {
font-size: 18px;
}

h2 {
padding-top: 15px;
font-size: 15px;
font-weight: bold;
}

h3 {
font-size: 14px;
padding: 6px 0px 0px 1px;
margin-bottom: -5px;
font-weight: bold;
text-decoration: underline;
}

p {
margin: 0px;
padding: 5px 1px 5px 1px;
}

.bold {
font-weight: bold;
}

.underline {
text-decoration: underline;
}



/******************************************************************/
/*******          Formulär                                  *******/
/******************************************************************/

.submit {
background: url(img/submit.gif) top left;
border: solid 1px #cccccc;
padding: 3px 15px 3px 15px;
font-family: tahoma;
font-size: 11px;
}

select, textarea, input, option {
font-family: tahoma;
font-size: 11px;
color: #2a2a2a;
}

input[type=text], input[type=password] {
padding: 2px 4px 2px 4px;
border: solid 1px #cccccc;
}

/******************************************************************/
/*******          Länkar                                    *******/
/******************************************************************/

a {
color: #006699;
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a.submit {
color: #000000;
margin: 2px;
float: left;
text-decoration: none;
}


/******************************************************************/
/*******          Småsaker                                  *******/
/******************************************************************/

/* Inga linjer på länkade bilder */
img {
border: none;
}

img.spotlight {
border: solid 2px #1d1d1d;
padding: 10px;
margin-bottom: 5px;
}

.clear {
clear: both;
}


/******************************************************************/
/*******          Strukturen                                *******/
/******************************************************************/


/* Kontainern som omringar och centrerar hela sidan */
#container {
margin: auto;
width: 1061px;
}

/* Content */

#right_content, #left_content {
float: left;
height: 490px;
}

#outer_content {
float: left;
width: 475px;
padding-top: 5px;
}

#content {
padding: 1px 20px 50px 10px;
width: 440px;
/*overflow: auto;*/
float: left;
margin-bottom: 5px;
background-color: #ffffff;
}

#right_content {
width: 310px;
padding: 1px 10px 50px 17px;
}

#left_content {
width: 220px;
}


.content_container {
border: solid 1px #cccccc;
padding: 10px;
}

/* Högra kolumnen med innehållet */
#main_page {
float: left;
width: 1061px;
padding-bottom: 10px;
}

#header {
padding-top: 0px;
height: 212px;
width: 1061px;
background-image: url(img/header.jpg);
}

#container_bg {
background-image: url(img/container_bg.jpg);
background-repeat: no-repeat;
padding: 0px 0px 0px 11px;
}

#container_bg1 {
background-image: url(img/bg_y.jpg);
padding: 0px 0px 20px 0px;
}

#footer {
height: 28px;
background: url(img/footer.jpg);
}






#voting_stars {
text-align: center;
padding: 5px 0px 5px 0px;
}

#voting_stars a {
padding: 0px 2px 0px 2px;
}

.spotlight_area {
text-align: center;
padding: 15px 0px 15px 0px;
}

#private_area {
background: #f3c6da url(img/login_top_bg.jpg) no-repeat;
width: 200px;
padding: 15px 0px 15px 10px;
}

#tip_a_friend_topic {
background: #f3c6da url(img/tip_a_friend_bg.jpg) no-repeat;
width: 200px;
height: 38px;
padding: 10px 0px 0px 10px;
font-size: 14px;
color: #bb2f6a;
}

#tip_a_friend {
background: #f3c6da;
width: 200px;
padding: 15px 0px 15px 10px;
}

.topp100_element {
padding: 5px;
font-size: 14px;
color: #bb2f6a;
border-bottom: solid 1px #bb2f6a;
}


/******************************************************************/
/*******          Tabeller                                  *******/
/******************************************************************/

table {
margin: 0px 2px 5px 2px;
width: 100%;
background-color: #ffffff;
}

th {
color: #ffffff;
text-align: left;
border: none;
margin: 0px;
padding: 6px 15px 12px 15px;
background-color: #f3c6da;
background-image: url(img/menu_active.jpg);
background-repeat: repeat-x;
}

th a 
{
color: #ffffff;
}

tr {
border: none;
margin: 0px;
}

td {
margin: 0px;
padding: 2px 12px 2px 12px;
border: none;
border-bottom: solid 1px #e2e2e2;
background-color: #ffffff;

}

tr.odd td { background-color: #eee; }

td.center {
text-align: center;
}

td.space {
border: none;
background: none;
}

.vertical-align img {
vertical-align: middle;
padding: 3px;
}

.vertical-align a {
padding: 3px;
}

#right_content table {
background: none;
}

#right_content td {
border: none;
background: none;
height: 28px;
margin: 0px;
padding: 0 15px 0px 15px;
font-size: 13px;
}

#right_content tr {
border: none;
background: none;
}





/******************************************************************/
/*******          Huvudmenyn                                *******/
/******************************************************************/

/* Menu */
#menu {

height: 36px;

}

#menu ul {
float: left;
padding: 0px;
margin: 0px;
height: 36px;
width: 460px;
}

#menu li, #menu li#active {
float: left;
display: inline;
text-align: center;
padding: 0px 5px 0px 0px;
height: 36px;
font-size: 14px;
}

#menu a:hover {
text-decoration: none;
}

#menu a, #menu li#active a {
padding: 7px 12px 4px 15px;
color: #ffffff;
display: block;
font-weight: bold;

}

#menu li#active a {
border-bottom: solid 3px #ffffff;
}






.messageBox { border-style: solid; border-width: 1px; background-repeat: no-repeat; padding: 5px 5px 5px 60px; min-height: 40px; margin-bottom: 10px; }
.messageBox a { font-weight: bold; }
.messageBox span.header { font-size: 14px; font-weight: bold; }

/* Error handler */
.error { border-color: #f53232; background-color: #e9cbcb; background-image: url(img/error_2.jpg); }
/* Message handler */
.message { border-color: #406210; background-color: #cfe495; background-image: url(img/message.jpg); }
/* Question handler */
.question { border-color: #57a8dd; background-color: #bbddf3; background-image: url(img/message.jpg); }
/* Auth handler */
.auth { border-color: #57a8dd; background-color: #bbddf3; background-image: url(img/message.jpg); }