@import url("reset.css");
@import url("basic.css");
@import url("type.css");

/* Navigation */

ul#navigation {
position: relative;
background: #ff9b02;
font: bold 0.92em/2.2 Arial, Helvetica, sans-serif;
}

div#head ul.submenu-1 {
padding-bottom: 2.2em;
}

div#head ul.submenu-2 {
padding-bottom: 4.35em;
}

ul#navigation li {
float: left;
}

ul#navigation li a {
overflow: hidden;
float: left;
height: 13px;
padding: 11px 13px;
}

ul#navigation li a span {
overflow: hidden;
float: left;
height: 13px;
cursor: pointer;
background: url(../../images/ua/menu.gif) no-repeat;
text-indent: -999em;
overflow: hidden;
}

ul#navigation li.sel a,
ul#navigation li a:hover {
background-color: #fff;
}

ul#navigation li#m-start a,
ul#navigation li#m-start a span {
width: 40px;
}

ul#navigation li#m-start.sel a span,
ul#navigation li#m-start a:hover span {
background-position: 0 -13px;
}

ul#navigation li#m-om-oss a,
ul#navigation li#m-om-oss a span {
width: 53px;
background-position: -40px 0;
}

ul#navigation li#m-om-oss.sel a span,
ul#navigation li#m-om-oss a:hover span {
background-position: -40px -13px;
}

ul#navigation li#m-bli-medlem a,
ul#navigation li#m-bli-medlem a span {
width: 79px;
background-position: -93px 0;
}

ul#navigation li#m-bli-medlem.sel a span,
ul#navigation li#m-bli-medlem a:hover span {
background-position: -93px -13px;
}

ul#navigation li#m-utbildning a,
ul#navigation li#m-utbildning a span {
width: 81px;
background-position: -187px 0;
}

ul#navigation li#m-utbildning.sel a span,
ul#navigation li#m-utbildning a:hover span {
background-position: -187px -13px;
}

ul#navigation li#m-forum a,
ul#navigation li#m-forum a span {
width: 48px;
background-position: -268px 0;
}

ul#navigation li#m-forum.sel a span,
ul#navigation li#m-forum a:hover span {
background-position: -268px -13px;
}

ul#navigation li#m-nyheter-artiklar a,
ul#navigation li#m-nyheter-artiklar a span {
width: 137px;
background-position: -316px 0;
}

ul#navigation li#m-nyheter-artiklar.sel a span,
ul#navigation li#m-nyheter-artiklar a:hover span {
background-position: -316px -13px;
}

ul#navigation li#m-aktiviteter-traffar a,
ul#navigation li#m-aktiviteter-traffar a span {
width: 151px;
background-position: -453px 0;
}

ul#navigation li#m-aktiviteter-traffar.sel a span,
ul#navigation li#m-aktiviteter-traffar a:hover span {
background-position: -453px -13px;
}

ul#navigation li#m-ung-privatekonomi a,
ul#navigation li#m-ung-privatekonomi a span {
width: 136px;
background-position: -604px 0;
}

ul#navigation li#m-ung-privatekonomi.sel a span,
ul#navigation li#m-ung-privatekonomi a:hover span {
background-position: -604px -13px;
}

ul#navigation li.hidden a {
padding: 0;
}


/* Undermenyer */

ul#navigation li ul {
position: absolute;
left: 0;
top: 35px;
width: 960px;
height: 2.2em;
background: #eaeaea;
}

ul#navigation li.sel ul li a {
width: auto !important;
height: 2.2em;
padding: 0 1em;
text-decoration: none;
background: none;
color: #000;
}

ul#navigation li.sel ul li.sel ul {
background: #f6f6f6;
top: 2.2em;
}

ul#navigation li.sel ul li.sel ul li a {
background: none;
font-weight: normal;
text-decoration: none;
}

ul#navigation li.sel ul li a:hover,
ul#navigation li.sel ul li.sel a,
ul#navigation li.sel ul li.sel ul li a:hover,
ul#navigation li.sel ul li.sel ul li.sel a {
background: #fff;
text-decoration: underline;
}

/* Annat */

ul.double-arrow {
position: relative;
}

ul.double-arrow li {
background-image: url(../../images/ua/double-arrow.gif);
background-repeat: no-repeat;
background-position: left 50%;
padding-left: 12px;
}

.link {
cursor: pointer;
}

.dashed-top {
padding-top: 10px;
background: url(../../images/ua/dash.gif) repeat-x left top;
}

.dashed-bottom {
padding-top: 10px;
background: url(../../images/ua/dash.gif) repeat-x left bottom;
}

.picture-border {
padding: 5px;
border: 1px solid #818181;
}

/* Layout */

body {
background: #ececec url(../../images/ua/body-bac.png) repeat-x;
padding: 0 0 20px;
}

div#big-wrapper {
background: url(../../images/ua/wrapper-bac.gif) repeat-y;
width: 1144px;
margin: 0 auto;
}

div#wrapper {
float: left;
margin: 0 30px 0 0;
position: relative;
overflow: visible;
width: 960px;
padding: 0 6px;
background: url(../../images/ua/wrapper-white-plate.png) no-repeat;
}
div#head {
position: relative;
padding: 118px 0 0;
background: #fbba0c url(../../images/ua/head-bac.png) repeat-x;
margin: 0 0 24px;
}

div#head h1 {
position: absolute;
top: 40px;
left: 15px;
}

div#head h1 a {
display: block;
width: 331px;
height: 57px;
background: url(../../images/ua/unga-aktiesparare.gif);
text-indent: -999em;
overflow: hidden;
}

div#main {
display: inline;
float: left;
width: 540px;
min-height: 300px;
/*padding: 0 15px;*/
background: url(../../images/ua/dash.gif) repeat-x left bottom;
padding: 0 0 10px;
margin: 0 15px 100px;
}

* html div#main {
height: 300px;
}

div.main-start {
background: none !important;
}

div#control-panel {
float: right;
width: 374px;
padding: 8px;
margin: 0 0 1em;
}

div#side {
width: 390px;
float: right;
margin: 0 0 1em;
font-size: 0.833em;
}

/* Partners */

div#partners {
clear: both;
margin: 0 15px 1em;
background: url(../../images/ua/dash.gif) repeat-x left top;
padding: 10px 0 0;
}

div#partners-platina {
float: left;
width: 210px;
padding: 0 0 0 15px;
}

div#partners-gold {
float: left;
width: 350px;
}

div#partners-silver {
float: left;
width: 355px;
}

div#partners h2 {
font: 0.9167em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

div#partners ul {
margin: 5px 0 0;
}

div#partners ul li {
display: inline;
}

div#partners ul li a {
margin: 0 20px 0 0;
}

div#partners ul li a img {
vertical-align: top;
}

/* Fotnot */

div#footer {
clear: both;
width: 930px;
margin: 0 -6px;
padding: 0 21px 20px;
background: url(../../images/ua/footer-bottom.png) no-repeat left bottom;
font: 0.833em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

div#footer address {
font-style: normal;
}

/* Stockholmsb̦rsen ticker */

div#stockholmsborsen {
position: absolute;
top: 20px;
right: 20px;
}

div#stockholmsborsen h2 {
background: url(../../images/ua/header-stockholmsborsen.gif) no-repeat left top;
width: 151px;
height: 13px;
margin: 0 0 3px;
text-indent: -999em;
overflow: hidden;
}

table.stock {
color: #80581b;
border-collapse: collapse;
overflow: hidden;
}

table.stock td.stock-title {
padding: 0 0 0 10px;
width: 85px;
background: #fee592;
font: bold 14px/2 Arial, Helvetica, sans-serif;
}

table.stock td.stock-ticker {
width: 70px;
background-color: #fee592;
background-repeat: no-repeat;
background-position: 45px 50%;
font: bold 12px/1 Arial, Helvetica, sans-serif;
}

table.stock td.stock-sum {
padding: 0 10px;
width: 79px;
border-left: 1px solid #fbc823;
font: 11px/1.33 Verdana, Arial, Helvetica, sans-serif;
background: #fcd465;
vertical-align: middle;
}

table.stock td.stock-link {
padding: 5px 10px;
font: 10px/1.33 Verdana, Arial, Helvetica, sans-serif;
background: #fcd465;
border-top: 1px solid #fbc823;
}

table.stock td.stock-link a {
font-size: 11px;
}

table.stock td.stock-sum span {
font-weight: bold;
}

table.stock td.stock-link a {
color: #80581b;
}

table.stock td.trend-up {
background-image: url(../../images/ua/trend-up.gif);
}

table.stock td.trend-down {
background-image: url(../../images/ua/trend-down.gif);
}

table.stock td.trend-normal {
background-image: url(../../images/ua/trend-normal.gif);
}

/* Bannerutrymme */


div#ads {
float: left;
width: 142px;
overflow: hidden;
}

div#ads div.ads-item {
margin: 0 0 1em;
background: #fff;
}

div#ads p.ads-item-header {
font: 9px/1 Arial, Helvetica, sans-serif;
height: 9px;
margin: 0;
padding: 10px 0;
background: url(../../images/ua/header-ads.gif) no-repeat center;
border-bottom: 1px solid #b2b2b2;
text-indent: -999em;
overflow: hidden;
}

/* Kontrollpanel */

div#control-panel {
overflow: visible;
background: #ffcc22 url(../../images/ua/fade-orange.png) repeat-x top;
}

div#control-panel-head {
background: url(../../images/ua/dash.gif) repeat-x left bottom;
padding: 0 0 10px;
margin: 0 0 1em;
}

ul#generic-functions {
float: left;
font: 0.9167em/16px Verdana, Arial, Helvetica, sans-serif;
}

ul#generic-functions li {
display: inline;
/*text-transform: lowercase;*/
}

ul#generic-functions li#generic-functions-print {
padding: 4px 0 4px 20px;
background: url(../../images/ua/icon-print.gif) no-repeat 0 50%;
}

ul#generic-functions li#generic-functions-sitemap {
border-left: 1px solid #000;
margin: 0 0 0 5px;
padding: 0 0 0 5px;
}

div#search {
position: relative;
float: right;
width: 213px;
}

div#search .field-orange,
div#search .field-blue {
float: left;
margin: 0 8px 0 0;
width: 145px;
}

div#search .button-orange,
div#search .button-blue {
position: absolute;
right: 0px;
padding-left: 0;
padding-right: 0;
width: 50px;
}

div#login-form .field-orange {
float: left;
width: 145px;
margin: 0 8px 0 0;
}

div#login-form .button-orange {
position: absolute;
right: 0px;
padding-left: 0;
padding-right: 0;
width: 50px;
}

div#logged-in,
div#login {
position: relative;
width: 100%;
overflow: hidden;
}

div#logged-in h2,
div#login h2 {
font: 12px/1 Arial, Helvetica, sans-serif;
background: url(../../images/ua/header-login.gif) no-repeat;
width: 73px;
height: 16px;
text-indent: -999em;
overflow: hidden;
margin: 0 0 1em;
}

div#logged-in h2 {
background-image: url(../../images/ua/header-logged-in.gif);
width: 82px;
margin: 0;
}

div#logged-in p {
margin: 0.5em 0;
font: 0.9167em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

ul#logged-in-functions,
ul#login-functions {
position: absolute;
top: 5px;
right: 0px;
font: 0.9167em/16px Verdana, Arial, Helvetica, sans-serif;
/*text-transform: lowercase;*/
}

ul#logged-in-functions li,
ul#login-functions li {
float: left;
}

ul#logged-in-functions li#logged-in-functions-edit,
ul#login-functions li#login-functions-register {
border-right: 1px solid #000;
padding: 0 5px 0 0;
margin: 0 7px 0 0;
}

ul#logged-in-functions li#logged-in-functions-edit {
padding-left: 23px;
background: url(../../images/ua/icon-user-edit.gif) no-repeat left;
}

div#page-controls {
position: relative;
padding: 10px 0 0;
background: url(../../images/ua/dash.gif) repeat-x left top;
}

div#page-controls ul.article-functions {
margin: 0 0 10px;
}

div#page-controls ul.article-functions li.article-functions-recommend a {
background-image: url(../../images/ua/icon-star-orange.gif);
}

div#page-details,
div#page-comments {
background: #ffeaa7;
font: 0.833em/1.5 Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
}

div#page-comments {
margin-bottom: 1px;
}

div#page-comments p {
margin: 0;
}

div#page-comments h3 {
font: bold 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
background: url(../../images/ua/icon-comment.gif) no-repeat 0 50%;
padding: 0 0 0 16px;
margin: 0;
}

p.page-details-tags {
background: url(../../images/ua/icon-tag.gif) no-repeat 0 50%;
padding: 0 0 0 16px;
margin: 0 0 0.5em;
}

p.page-details-author {
background: url(../../images/ua/icon-author.gif) no-repeat 0 50%;
padding: 0 0 0 16px;
margin: 0;
}

/* Module */

.module-blue,
.module-orange {
padding: 8px;
position: relative;
width: 524px;
margin: 0 0 15px;
}

.module-blue {
background: #e6f2fc url(../../images/ua/fade-light-blue-2.png) repeat-x left top;
}

.module-orange {
background: #ffda5e;
font: 0.9em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

.module-blue h3,
.module-orange h3 {
background: url(../../images/ua/dash.gif) repeat-x left bottom;
padding: 0 0 10px;
}

* html .module-blue h3,
* html .module-orange h3 {
position: relative;
}

div#main .module-orange h3 {
color: #80581b;
font: bold 3.5em/1 Arial, Helvetica, sans-serif;
}

ul.module-list {
font: 0.833em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

ul.module-list li {
background: #fff no-repeat;
padding: 1em;
margin: 0 0 1px;
}

.module-blue ul.module-list li.alt {
background-color: #f7fbfe;
}

ul.module-list li a {
font: bold 1.1em/1.36 Verdana, Arial, Helvetica, sans-serif;
}

/* HŠndelse lista */

div.events {
padding: 10px 0 0;
margin: 0 0 10px;
background: url(../../images/ua/dash.gif) repeat-x left top;
}

ul.events-list li {
padding: 10px 0 10px 34px;
background-color: #f1f8fe;
background-image: url(../../images/ua/icon-calendar.gif);
background-repeat: no-repeat;
background-position: 10px 50%;
}

ul.events-list li.alt {
background-color: #fff;
}

div.external-events {
margin-top: 10px;
padding: 8px;
background: #ebebeb url(../../images/ua/fade-gray.png) repeat-x top;
}

div#main div.external-events h3 {
font: bold 1.75em/1 Georgia, "Times New Roman", Times, serif;
color: #404040;
padding: 0 0 10px;
margin: 0 0 10px;
background: url(../../images/ua/dash.gif) repeat-x left bottom;
text-transform: none;
letter-spacing: normal;
}

div.external-events ul.events-list li {
background-color: #f5f5f5;
margin: 0 0 1px;
}
/* Side-modules */

div.side-module,
div.side-module-blue,
div.side-module-green,
div.side-module-gray,
div.side-module-light-blue,
div.side-module-orange,
div.side-module-red {
overflow: hidden;
clear: both;
margin: 0 0 15px;
padding: 8px;
width: 374px;
z-index: 50;
}

div.side-module h2,
div.side-module-blue h2,
div.side-module-green h2,
div.side-module-gray h2,
div.side-module-light-blue h2,
div.side-module-orange h2,
div.side-module-red h2{
padding: 0 0 10px 0;
margin: 0 0 8px;
background: url(../../images/ua/dash.gif) repeat-x left bottom;
font: bold 2.6em/1 Arial, Helvetica, sans-serif;
letter-spacing: -0.05em;
text-transform: uppercase;
color: #fff;
}

div.side-module h2 span,
div.side-module-blue h2 span,
div.side-module-green h2 span,
div.side-module-gray h2 span,
div.side-module-light-blue h2 span,
div.side-module-orange h2 span,
div.side-module-red h2 span {
display: block;
width: 65%;
overflow: visible;
}

div.side-module-half {
width: 179px;
float: left;
clear: none;
}

div.side-module-half h2 {
font: bold 1.7em/1 Arial, Helvetica, sans-serif;
letter-spacing: -0.02em;
}

div.side-module-half h2 span {
width: 100%;
}

div.side-module-half p {
margin: 0;
}

ul.side-module-list {
font: 1em/1.2 Verdana, Arial, Helvetica, sans-serif;
}

ul.side-module-list li {
margin: 0 0 1px;
padding: 5px;
}

ul.side-module-list.double-arrow li {
background-position: 5px 9px;
padding-left: 5px;
text-indent: 10px;
}

ul.side-module-list li a {
text-decoration: none;
font-weight: bold;
}

ul.side-module-list li.over a,
ul.side-module-list li a:hover {
text-decoration: underline;
}

div.side-module-green {
background: #a2d271 url(../../images/ua/fade-green.png) repeat-x;
}

div.side-module-red {
background: #f88651 url(../../images/ua/fade-red.png) repeat-x;
}

div.side-module-light-blue {
background: #c9e3fa url(../../images/ua/fade-light-blue.png) repeat-x;
}

div.side-module-blue {
background: #b6d0fd url(../../images/ua/fade-blue.png) repeat-x;
}

div.side-module-gray {
background: #ebebeb url(../../images/ua/fade-gray.png) repeat-x top;
}

div.side-module-orange {
background: #ffda5e;
}

div.side-module-orange h2 span {
width: 100%;
}

div.side-module-orange ul.side-module-list li {
background: #fff7dc;
color: #80581b;
}

div.side-module-light-blue ul.side-module-list li {
background-color: #e7f2fd;
color: #5b5b5b;
}

div.side-module-blue ul.side-module-list li {
background-color: #d8e9fb;
color: #5b5b5b;
}

div.side-module-blue ul.side-module-list li.over,
div.side-module-light-blue ul.side-module-list li.over {
background-color: #f0f6fc;
}

div.side-module-green ul.side-module-list li {
background-color: #cee7b3;
}

div.side-module-green ul.side-module-list li.over {
background-color: #f9fcf5;
}

/* Side-module: Senaste nytt */
div#up-to-ua {
padding-bottom: 3px;
}

div#latest-news {
position: relative;
padding-bottom: 3px;
}

div#up-to-ua ul li,
div#latest-news ul li {
position: relative;
padding-top: 2em;
padding-bottom: 1.9em;
padding-right: 80px;
margin-bottom: 5px;
width: 289px;
}

div#up-to-ua ul li {
padding-top: 3.5em;
padding-bottom: 2.8em;
padding-left: 20px;
width: 274px;
}

div#up-to-ua ul li a {
color: #80581b;
font-weight: normal;
text-decoration: underline;
}

div#up-to-ua ul li img,
div#latest-news ul li img {
position: absolute;
right: 0;
top: 0;
}

div#latest-news p {
margin: 0;
position: absolute;
right: 10px;
top: 20px;
font-size: 1.1em;
}

div#latest-news p a {
color: #fff;
}

/* Side-module: LŠrarrummet & Tipsa din lŠrare */
div#teacher-section {
position: relative;
}

p#teacher-section-login {
position: absolute;
right: 10px;
top: 20px;
}

div#teacher-section p,
div#recommend-teacher p {
font: 1.1em/1.5 Verdana, Arial, Helvetica, sans-serif;
margin: 0;
}

div#teacher-section a.button-red,
div#recommend-teacher a.button-green {
margin: 10px 0 0;
}

div#teacher-section a.button-red {
width: 150px;
}

div#recommend-teacher a.button-green {
width: 60px;
}

/* Side-module: Lokal content-yta */

div#local-sponsors h2 span {
width: 100%;
}

div#local-sponsors-wrap {
background: #fff;
padding: 16px 8px 8px;
}

div#local-sponsors-wrap img {
vertical-align: middle;
margin: 0 17px 10px;
}

div#find-your-local input {
font-size: 1.1em;
}

/* Side-module: Veckans omršstning */

p.poll-text {
font-size: 1.1em;
margin: 0.5em 0;
}

div.poll-row {
background-color: #cee7b3;
padding: 8px;
margin: 0 0 1px;
}

div.poll-row input,
div.poll-row label {
vertical-align: middle;
}

div.poll-row input {
margin: 0 10px 0 0;
}

div#poll .button-green {
font-size: 1.1em;
margin-top: 8px;
}

p.poll-result {
margin: 0;
width: 80%;
}

span.poll-result-bar {
position: relative;
display: block;
margin: 5px 0 0;
background: url(../../images/ua/poll-bar.gif) repeat-x left top;
height: 15px;
line-height: 15px;
text-align: right;
}

span.poll-result-bar span {
position: absolute;
right: -3em;
font-weight: bold;
}

/* Side-module: Snabb ordlista */

div#quick-dictionary p {
margin: 0;
text-align: right;
}

/* Side-module: Aktietidsmaskinen & UA-Akademin */

div#ua-akademin,
div#aktietidsmaskinen {
padding-bottom: 0;
}

div#ua-akademin p,
div#aktietidsmaskinen p {
margin-bottom: 0;
font: 1.1em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

div#ua-akademin h2,
div#aktietidsmaskinen h2 {
padding: 0;
background: url(../../images/ua/header-aktietidsmaskin.gif) no-repeat left top;
font: 1px/1px Arial, Helvetica, sans-serif;
width: 359px;
height: 83px;
text-indent: -999em;
}

div#ua-akademin h2 {
background-image: url(../../images/ua/header-ua-akademin.gif);
width: 327px;
height: 38px;
}

/* Side-module: Registrera dig nu! */

div#register-now {
padding-top: 20px;
}

div#register-now h2 {
width: 48%;
float: left;
background: none;
padding: 0;
margin: 0;
}

div#register-now h2 span {
width: 100%;
}

div#register-now p {
width: 52%;
float: left;
margin: 0;
color: #fff;
}

/* Side-module: Kšptipset */

div#stock-tips {
position: relative;
}

div#stock-tips h2 {
font-size: 1.6em;
}

div#stock-tips-form {
position: absolute;
top: 8px;
right: 8px;
}

div#stock-tips-form input.field-blue {
float: left;
width: 180px;
margin: 0 8px 0 0;
}

div#stock-tips-form input.button-blue {
float: left;
}

div#stock-tips-content {
background: url(../../images/ua/white-50-p.png);
padding: 8px;
margin: 0 0 8px;
}

div#stock-tips p.more {
font-size: 1.1em;
font-weight: bold;
text-align: right;
margin: 0;
}

div#stock-tips p.more a {
background: url(../../images/ua/more.gif) no-repeat 100% 50%;
text-decoration: none;
padding: 0 10px 0 0;
}

div#stock-tips-content ul.stock-tips-highlight {
margin: 0 0 -8px;
}

div#stock-tips-content ul.stock-tips-highlight li {
float: left;
background: #f1f6fe;
padding: 5px;
margin: 0 8px 8px 0;
}

div#stock-tips-content ul.stock-tips-highlight li em {
font: italic 0.9167em/1 Verdana, Arial, Helvetica, sans-serif;
}

div#stock-tips-content label {
font-weight: bold;
line-height: 2;
}

div#stock-tips-content .field-blue {
width: 150px;
font-size: 1.1em;
}

div#stock-tips-content .button-blue {
font-size: 1.1em;
}

* html div#stock-tips-content {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='img/white-50-p.png');
}

div#stock-tips p#stock-tips-login {
position: absolute;
top: 0px;
right: 0px;
margin: 12px 8px;
}

p#stock-tips-more {
text-align: right;
margin: 0.5em 0 0;
}

p#stock-tips-login a {
color: #fff;
}

/* Side-module: Lokala aktiviteter */

div#local-activities {
position: relative;
}

div#local-activities h2 span {
width: 60%;
}

div#local-activities ul,
div#external-activities ul {
font: 1.1em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

div#local-activities ul li,
div#external-activities ul li {
width: 335px;
padding-left: 34px;
background-position: 10px 50%;
margin: 0 0 1px;
}

div#external-activities ul li {
background-color: #f5f5f5;
}

div#external-activities ul li.over {
background-color: #fff;
}

div#local-activities-functions {
position: absolute;
top: 12px;
right: 12px;
}

div#local-activities-functions p {
margin: 5px 0 0;
text-align: right;
}

/* Side-module: Veckans ekonomiquizz */

div#economy-quiz {
overflow: hidden;
}

div#economy-quiz p {
font: 1.1em/1.5 Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0;
}

div#economy-quiz .button-green {
margin: 1em 0 0;
}

/* Side-module: Relaterade artiklar & fler artiklar frŒn fšrfattaren */

div#related-articles,
div#more-articles {
margin-bottom: 0;
}

div#external-activities h3,
div#more-articles-external h3 {
font: bold 1.55em/1 Georgia, "Times New Roman", Times, serif;
color: #404040;
margin: 0 0 0.5em;
}

/* Side-module: Logga in för UP */

h2#up-login-header {
font-size: 1.6em;
}

div#up-login-email,
div#up-login-password {
float: left;
width: 177px;
margin: 0 0 10px;
overflow: hidden;
}

p#up-logged-in {
float: left;
margin: 0;
}

div#up-login-email {
margin: 0 20px 0 0;
}

div#up-login-email .field-red,
div#up-login-password .field-red {
width: 169px;
}

div#up-login ul {
float: right;
display: inline;
margin: 0 0 0 -10px;
line-height: 12px;
padding: 5px 0;
overflow: hidden;
}

div#up-login ul li {
float: left;
display: inline;
margin: 0 0 0 -1px;
border-left: 1px solid #000;
padding: 0 10px;
}

div#up-login .button-red {
float: right;
}

/* Startsidan: Start-push */

div#start-push {
position: relative;
border: 1px solid #000;
padding: 4px;
min-height: 295px;
margin: 0 0 2em;
}

* html div#start-push {
height: 295px;
}

div#start-push img {
position: absolute;
}

div#start-push-content {
position: relative;
background: url(../../images/ua/black-50-p.png);
padding: 10px;
top: 5px;
left: 5px;
width: 40%;
min-height: 265px;
}

* html div#start-push-content {
height: 265px;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='img/black-50-p.png');
}

div#start-push-content h2 {
margin: 0 0 0.5em;
color: #fff;
font: bold 1.833em/1 Arial, Helvetica, sans-serif;
letter-spacing: -0.05em;
text-transform: uppercase;
}

div#start-push-content ul {
margin: 0 0 0 5px;
font-weight: bold;
}

div#start-push-content ul li a {
color: #fff;
padding: 0 0 0 12px;
text-decoration: none;
}

div#start-push-content ul li a:hover {
background: url(../../images/ua/white-arrow.gif) no-repeat left;
}

/* Startsidan: Nyheter */

div#main div.article-list,
div#main div.article-list div.article-list-item,
div#main div.article-list div.article-list-item-medium,
div#main div.article-list div.article-list-item-small h2,
div#main div.article-list div.article-list-item-small h4 {
background: url(../../images/ua/dash.gif) repeat-x left bottom;
padding: 0 0 10px;
}

div#main div.article-list img {
padding: 5px;
border: 1px solid #818181;
}

div#main div.article-list div.article-list-item-medium h2 {
font-size: 1.5em;
margin: 0 0 0.75em;
}

div#main div.article-list div.article-list-item-medium h3 {
text-transform: none;
margin: 0 0 0.5em;
}

div#main div.article-list div.article-list-item-medium p {
margin-top: 0;
}

div#main div.article-list h2 a,
div#main div.article-list h3 a,
div#main div.article-list h4 a {
text-decoration: none;
}

* html div.main-start div.article-list,
div#main div.article-list div.article-list-item {
margin: 0 0 1em !important;
}

div#main div.article-list div.article-list-item h2 {
width: 95%;
}

div#main div.article-list div.article-list-item-small {
float: left;
width: 165px;
font: 0.9167em/1.5 Verdana, Arial, Helvetica, sans-serif;
padding: 0 20px 10px 0;
margin-bottom: 1em;
background: none;
}

div#main div.article-list div.article-list-item-small.last {
padding-right: 0;
}

div#main div.article-list div.article-list-item-small h2,
div#main div.article-list div.article-list-item-small h4 {
font: bold 1.3em/1.2 Arial, Helvetica, sans-serif;
}

div#main div.article-list div.article-list-item-small ul.article-functions li.article-functions-recommend {
margin: 0;
}

div#main div.article-list div.article-list-item-small ul.article-functions li.article-functions-published {
margin: 0 0 0 10px;
}

div#main div.article-list div.article-list-item-medium {
margin: 0 0 1em;
}

div#main div.article-list div.article-list-more {
clear: both;
}

div#main div.article-list div.article-list-more h4 {
font: bold 1em/1 Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 0.5em;
}

div#main div.article-list div.article-list-more p {
margin: 0.5em 0;
}

/* Lokalaavdelning */

div#main div.article-list#local-articles {
background: url(../../images/ua/dash.gif) repeat-x left top;
padding-top: 15px;
padding-bottom: 0;
margin-bottom: 10px;
}

/* Artikel funktioner */

ul.article-functions {
position: relative;
clear: both;
font: 0.9167em/16px Verdana, Arial, Helvetica, sans-serif;
height: 18px;
margin: 0 0 10px;
}

ul.article-functions li,
ul.article-functions li a {
float: left;
}

ul.article-functions li {
margin: 0 0 0 10px;
}

ul.article-functions li a {
background: no-repeat left 50%;
}

ul.article-functions li.article-functions-comment {
margin-left: 0;
}

ul.article-functions li.article-functions-comment a {
padding: 0 0 0 16px;
background-image: url(../../images/ua/icon-comment.gif);
}

ul.article-functions li.article-functions-recommend a {
padding: 0 0 0 20px;
background-image: url(../../images/ua/icon-star.gif);
}

ul.article-functions li.article-functions-share {
position: relative;
}

ul.article-functions li.article-functions-share a {
background: no-repeat left 50%;
padding: 0 0 0 20px;
background-image: url(../../images/ua/icon-share.gif);
}

ul.article-functions li.article-functions-published {
margin: 0 0 0 20px;
font-weight: bold;
}

/* Dela meny */

div.send-to-friend,
div.share-menu {
position: absolute;
top: 16px;
left: -105px;
background: url(../../images/ua/share-box.gif) no-repeat left top;
width: 122px;
height: 36px;
padding: 15px 0 5px 5px;
font: 9px/16px Tahoma, Arial, Helvetica, sans-serif;
z-index: 100;
}

div.share-menu ul li {
float: left;
width: 40px;
margin: 0 0 5px 0;
padding: 0 0 0 18px;
background: no-repeat left 50%;
}

div.share-menu a,
div.send-to-friend a {
padding: 0 !important;
background: none !important;
}

div.share-menu ul li.share-menu-email {
background-image: url(../../images/ua/icon-email.gif);
}

div.share-menu ul li.share-menu-myspace {
background-image: url(../../images/ua/icon-myspace.gif);
}

div.share-menu ul li.share-menu-digg {
background-image: url(../../images/ua/icon-digg.gif);
}

div.share-menu ul li.share-menu-facebook {
background-image: url(../../images/ua/icon-facebook.gif);
}

div.send-to-friend {
background: url(../../images/ua/share-box-big.gif) no-repeat left top;
width: 287px;
height: 135px;
padding: 15px 0 5px 5px;
font: 9px/1 Tahoma, Arial, Helvetica, sans-serif;
}

div.send-to-friend h4 {
font: bold 10px/1 Verdana, Arial, Helvetica, sans-serif;
margin: 2px 0 7px;
}

.send-to-friend-close {
position: absolute;
top: -2px;
right: 6px;
font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
}

div.send-to-friend-col-1,
div.send-to-friend-col-2 {
float: left;
width: 143px;
}

div.send-to-friend-col-1 input,
div.send-to-friend-col-2 input {
width: 130px;
background: #fff;
border: 1px solid #c2c2c2;
margin: 3px 0 8px;
padding: 3px;
height: 11px;
font: 1em/1 Verdana, Arial, Helvetica, sans-serif;
}

div.send-to-friend .button-gray {
display: inline;
float: right;
margin: 0 6px 0 0;
}

/* Nyheter frŒn Aktiespararna.se */

div.external-news {
background: #ebebeb url(../../images/ua/fade-gray.png) repeat-x top;
padding: 8px;
margin: 1em 0 1em;
}

div#main div.external-news h3 {
font: bold 1.75em/1 Georgia, "Times New Roman", Times, serif;
color: #404040;
padding: 0 0 10px;
margin: 0 0 10px;
background: url(../../images/ua/dash.gif) repeat-x left bottom;
}

div.external-news div.external-news-item {
float: left;
width: 170px;
margin: 0 8px 0 0;
}

div.external-news div.external-news-item.last {
width: 168px;
margin: 0;
}

div.external-news div.external-news-item h4 {
font: bold 1.33em/1 Georgia, "Times New Roman", Times, serif;
color: #363636;
margin: 0 0 5px;
}

div.external-news div.external-news-item p {
margin: 0;
font: 0.9167em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

div.external-news div.external-news-item p.external-news-item-link {
background: #f5f5f5;
margin: 5px 0 0;
padding: 4px;
}

div.external-news div.external-news-item p.external-news-item-link a {
color: #363636;
}

/* Kommentarer */

div.comments {
font: 0.9167em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

/* Diskussion: Svara */

div.discussion-reply {
width: 350px;
margin: 1em 0;
padding: 10px 190px 0 0;
background: url(../../images/ua/dash.gif) repeat-x left top;
}

div.discussion-reply input.field-blue {
width: 157px;
}

div.discussion-reply textarea {
width: 342px;
}

div.discussion-reply .button-gray {
margin: 1em 0 0;
float: right;
}

/* Diskussion: Svar listning */

div.discussion-replies {
padding: 10px 0 0;
background: url(../../images/ua/dash.gif) repeat-x left top;
}

div.discussion-replies-item-alt,
div.discussion-replies-item {
position: relative;
width: 520px;
padding: 10px 10px 1px;
background: #f1f8fe;
margin-bottom: 1px;
}

div.discussion-replies-item-alt {
background: #fff;
}

div.discussion-replies-item-alt h4,
div.discussion-replies-item h4 {
font: bold 1.1em/1 Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 1em;
}

div.discussion-replies-item-alt p,
div.discussion-replies-item p {
margin: 1em 0;
}

div.discussion-replies-item-col-1 {
float: left;
overflow: hidden;
width: 120px;
font: 0.9em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

div.discussion-replies-item-col-1 img {
background: #fff;
border: 1px solid #818181 !important;
padding: 5px;
}

div.discussion-replies-item-col-2 {
float: left;
overflow: hidden;
width: 400px;
}

p.discussion-replies-date {
font: bold 0.9em/1.5 Verdana, Arial, Helvetica, sans-serif;
margin-top: 0 !important;
}


p.discussion-replies-report {
margin: 0 !important;
}

p.discussion-replies-report a {
display: block;
position: absolute;
top: 7px;
right: 7px;
background: url(../../images/ua/icon-report.gif) no-repeat left top;
width: 16px;
height: 15px;
text-indent: -999em;
overflow: hidden;
}

/* Paging */

div.paging {
margin: 1em 0 0;
}

div.paging h4 {
display: inline;
font: bold 1em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

div.paging ul,
div.paging ul li {
display: inline;
}

/* Artikel */

.article-picture-right img,
.article-picture-left img,
.article-picture img {
display: block;
border: 1px solid #818181;
padding: 5px;
}

.article-picture-alignright {
float: right;
}

.article-picture-alignleft {
float: left;
}

.article-picture-alignleft,
p.article-picture.alignleft {
margin: 0 1em 0.5em 0;
}

.article-picture-alignright,
p.article-picture.alignright {
margin: 0 0 0.5em 1em;
}

span.article-picture-byline {
display: block;
width: 200px;
font: 0.833em/1.2 Verdana, Arial, Helvetica, sans-serif;
margin: 1em 0 0;
color: #818181
}

/* Mediaplayer */

div.mediaplayer {
width: 512px;
border: 1px solid #818181;
padding: 5px;
}

div.mediaplayer img,
div.mediaplayer object {
display: block;
}

/* Ordlistan */

div.content-search {
position: relative;
background: url(../../images/ua/dash.gif) repeat-x left bottom;
padding: 0 0 10px;
margin: 0 0 1em;
}

div.content-search label {
font-weight: bold;
}

div.content-search .field-blue {
width: 170px;
}

div.content-search p {
margin: 0.5em 0;
}

/* Sškresultat */

div#external-search-results {
background: url(../../images/ua/dash.gif) repeat-x left top;
padding: 10px 0 0;
margin: 1em 0;
}

div#external-search-results div.list-generic {
background: #ebebeb url(../../images/ua/fade-gray.png) repeat-x top;
padding: 10px;
}

div#external-search-results div.list-generic div.list-item,
div#external-search-results div.list-generic div.list-item-alt {
background: none;
padding-left: 0;
padding-right: 0;
}

div#external-search-results div.list-generic h4 {
font: bold 1.33em/1 Georgia, "Times New Roman", Times, serif;
color: #404040;
padding: 0 0 10px;
background: url(../../images/ua/dash.gif) repeat-x left bottom;
}

div#external-search-results p#external-search-results-link {
text-align: right;
margin: 0;
}

/* Filarkiv */

div.file-download {
background: url(../../images/ua/dash.gif) repeat-x left top;
font: 0.916em/1.5 Verdana, Arial, Helvetica, sans-serif;
padding: 15px 0 0;
margin: 0 0 1em;
}

div.file-download td.table-generic-col-2 a {
padding: 0 0 2px 20px;
background: url(../../images/ua/icon-download.gif) no-repeat left;
}

/* Generisk lista */

div.list-generic div.list-item,
div.list-generic div.list-item-alt {
padding: 10px;
background-color: #f1f8fe;
}

div.list-generic div.list-item-alt {
background-color: #ffffff;
}

div.list-generic div.list-item h5,
div.list-generic div.list-item-alt h5 {
font: bold 1em/1 Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 0.5em;
}

div.list-generic div.list-item p,
div.list-generic div.list-item-alt p {
font: 0.916em/1.5 Verdana, Arial, Helvetica, sans-serif;
margin: 0;
}

div.list-generic div.list-item .alignleft,
div.list-generic div.list-item-alt .alignleft,
div.list-generic div.list-item .alignright,
div.list-generic div.list-item-alt .alignright {
margin-bottom: 0;
}

/* Profilsida */

div#profile-main {
padding-bottom: 0;
}

div#profile-main img#profile-picture {
float: left;
padding: 5px;
border: 1px solid #818181;
}

div#profile-main div#profile-info {
float: right;
width: 410px;
}

div#profile-main div#profile-info h3 {
background: none;
padding: 0;
}

div#profile-main div#profile-info ul {
font: 0.9167em/1.5 Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 8px;
}

div#profile-main div#profile-info ul li {
background: #f7fbfe;
margin: 0 0 1px;
padding: 2px 5px;
}

div#profile-discussions div.discussion-threads-item,
div#profile-discussions div.discussion-threads-item-alt {
font: 0.833em/1.5 Verdana, Arial, Helvetica, sans-serif;
width: 490px;
}

/* Diskussions lista */

ul.discussions-list li {
padding-left: 50px;
background-image: url(../../images/ua/icon-user-discuss.gif);
background-position: 14px 50%;
}

/* Redigera profil */

div.edit-profile-checkboxes p {
margin: 0.5em 0 0;
text-align: right;
font-weight: bold !important;
}

div.edit-profile-checkboxes-item {
position: relative;
background: #fff;
padding: 0.5em 0 0.5em 30px;
width: 216px;
height: 2.5em;
margin: 0 0 1px;
line-height: 1;
}

div.edit-profile-checkboxes-item input {
position: absolute;
top: 25%;
left: 5px;
}

div.edit-profile-checkboxes-item label {
font: bold 0.833em/1 Verdana, Arial, Helvetica, sans-serif;
}

div.edit-profile-checkboxes-item label span {
font: 0.9em/1 Verdana, Arial, Helvetica, sans-serif;
}

div#edit-profile-subscriptions,
div#edit-profile-stock-tips {
float: left;
width: 246px;
}

div#edit-profile-subscriptions p,
div#edit-profile-stock-tips p {
font: 0.833em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

div#edit-profile-stock-tips {
display: inline;
margin-right: 16px;
}

div#edit-profile-stock-tips input.field-blue {
width: 150px;
}

/* Forum: Kategorier */

div.forum-category,
div.forum-category-alt {
position: relative;
background: #f1f8fe;
padding: 10px;
font: 0.9167em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

div.forum-category-alt {
background: #fff;
}

div.forum-category h4,
div.forum-category-alt h4 {
font-size: 1.66em;
background: url(../../images/ua/dash.gif) repeat-x left bottom;
padding: 0 0 0.5em;
}

div.forum-category h5,
div.forum-category p,
div.forum-category-alt h5,
div.forum-category-alt p {
float: right;
width: 375px;
}

div.forum-category h5,
div.forum-category-alt h5 {
font: bold 1em/1 Verdana, Arial, Helvetica, sans-serif;
margin: 1em 0;
}

div.forum-category img,
div.forum-category-alt img {
float: left;
padding: 5px;
border: 1px solid #818181;
background: #fff;
}

div.forum-category p,
div.forum-category-alt p {
margin: 0;
}

div.forum-category p.forum-category-post-count,
div.forum-category-alt p.forum-category-post-count {
position: absolute;
right: 8px;
top: 8px;
width: auto;
}

div.forum-category p.forum-category-post-latest,
div.forum-category-alt p.forum-category-post-latest {
background: #fff url(../../images/ua/icon-user-discuss.gif) no-repeat 6px 6px;
padding: 3px 8px 3px 25px;
width: 342px;
}

/* Forum: Forumintro */

div.forum-intro img {
padding: 5px;
border: 1px solid #818181;
}

div.forum {
background: url(../../images/ua/dash.gif) repeat-x left top;
padding: 10px 0 0;
font: 0.9167em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

/* Forum: TrŒdlistning */

p.create-thread {
margin: 0 0 1em;
padding: 0 0 0 18px;
background: url(../../images/ua/icon-pen.gif) no-repeat 0 50%;
font: bold 0.9em/16px Verdana, Arial, Helvetica, sans-serif;
}

div.discussion-threads-item,
div.discussion-threads-item-alt {
position: relative;
background: #f1f8fe url(../../images/ua/icon-user-discuss.gif) no-repeat 15px 50%;
margin: 0 0 1px;
font: 0.9em/1.5 Verdana, Arial, Helvetica, sans-serif;
padding: 1em 0 1em 50px;
width: 418px;
}

div.discussion-threads-item-alt {
background-color: #fff;
}

div.discussion-threads-item p,
div.discussion-threads-item-alt p {
margin: 0;
}

div.discussion-threads-item p a,
div.discussion-threads-item-alt p a {
font: bold 1.1em/1.36 Verdana, Arial, Helvetica, sans-serif;
}

p.discussion-threads-item-replies {
position: absolute;
right: -71px;
top: 0;
padding: 1em 0;
width: 70px;
text-align: center;
font-weight: bold;
}

p.discussion-threads-item-replies strong {
display: block;
font: bold 1.25em/1.25 Verdana, Arial, Helvetica, sans-serif;
color: #000;
}

div.discussion-threads-item p.discussion-threads-item-replies {
background: #f1f8fe;
}

div.discussion-threads-item-alt p.discussion-threads-item-replies {
background: #fff;
}

/* Forum: TrŒdvy */

p.forum-breadcrumb {
font: 1em/1.5 Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 0 20px;
background: url(../../images/ua/icon-user-discuss.gif) no-repeat 0 50%;
margin: 0.5em 0 1.5em;
}

div.forum div.discussion-replies {
background: none;
padding: 0;
}

/* Forum: Svara pŒ inlŠgg */

div.forum-reply-subscribe {
float: left;
}

/* Sitemap */

ul.sitemap ul {
margin: 0 0 0 2em;
}

/* Webb-Tv arkiv */

div#webbtv-archive {
padding-bottom: 0 !important;
background: none !important;
}

/* Autocomplete */

div.autocomplete {
position: absolute;
top: 3.5em;
left: 0;
}

div.autocomplete ul {
border-top: 1px solid #999999;
border-right: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
background: #fff;
font: 0.833em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

div.autocomplete ul li {
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
padding: 3px 8px;
cursor: pointer;
}

div.autocomplete ul li.sel {
background: #F0F8FF;
text-decoration: underline;
}

/* Quiz */

div#quiz-wrapper {
width: 450px;
position: relative;
}

div#quiz-wrapper h4 {
position: absolute;
top: 5px;
right: -40px;
width: 34px;
height: 40px;
padding: 0 0 0 6px;
font: bold 16px/40px Arial, Helvetica, sans-serif;
letter-spacing: -0.05em;
background: #f4b62f url(../../images/ua/quiz-star.gif) no-repeat left top; 
color: #fff;
}

div#quiz-wrapper h4 span {
font: 9px/1 Tahoma, Arial, Helvetica, sans-serif;
}

div#quiz-wrapper h5 {
font: bold 1.33em/1 Arial, Helvetica, sans-serif;
margin: 1em 0;
}

div#quiz-wrapper div.form-generic p.quiz-question {
font: bold 1.1667em/1.5 Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 0.5em;
}

div#quiz-wrapper div.form-generic img.quiz-picture {
float: right;
padding: 5px;
border: 1px solid #818181;
}

div#quiz-wrapper div.form-generic input.button-gray {
margin: 1em 0 0;
}

img.quiz-title-picture {
border: 1px solid #818181;
padding: 5px;
}

div#quiz-results h5 {
font: bold 1em/1.5 Verdana, Arial, Helvetica, sans-serif;
margin: 0;
}

div#quiz-results p {
margin: 0;
}

div.quiz-results-item,
div.quiz-results-item-alt {
position: relative;
padding: 5px 10px 5px 30px;
background: no-repeat 5px 8px;
}

div.quiz-results-item-alt {
background-color: #fff;
}

div.quiz-results-correct {
background-image: url(../../images/ua/icon-correct.gif);
}

div.quiz-results-incorrect {
background-image: url(../../images/ua/icon-incorrect.gif);
}

/* Tabell */

table.table-generic {
width: 100%;
}

table.table-generic thead tr td {
padding: 0 5px 10px;
}

table.table-generic tbody tr td {
background-color: #f1f8fe;
padding: 5px;
}

table.table-generic tbody tr.alt td {
background-color: #fff;
}

table.table-generic tbody tr td.table-generic-col-1 {
width: 70%;
}

table.table-generic tbody tr td.table-generic-col-2 {
width: 30%;
}

/* Sidvisare */

ul.generic-page-display {
position: absolute;
right: 8px;
top: 8px;
margin: 0 !important;
font: bold 18px/27px Arial, Helvetica, sans-serif;
color: #fff;
}

ul.generic-page-display li {
float: left;
height: 27px;
width: 27px;
margin: 0 0 0 3px;
background: url(../../images/ua/paging-circle-gray.gif) no-repeat left top;
text-align: center;
}

ul.generic-page-display li.sel {
background-image: url(../../images/ua/paging-circle-blue.gif);
}

ul.generic-page-display li.disabled {
background-image: url(../../images/ua/paging-circle-dark.gif);
}

ul.generic-page-display li.correct {
background-image: url(../../images/ua/paging-circle-green.gif);
}

ul.generic-page-display li.incorrect {
background-image: url(../../images/ua/paging-circle-red.gif);
}


/* Formular */

.form-generic {
padding-top: 15px;
}

.form-generic label {
font: 0.9167em/2 Verdana, Arial, Helvetica, sans-serif;/**/
line-height: 2;
}

.form-generic label img {
vertical-align: middle;
}

.form-generic p {
margin-bottom: 0;
}

.form-generic ul {
margin: 1em 0;
}

.form-generic-control {
margin: 0 7px 0 0;
vertical-align: middle;
}

.form-generic textarea {
width: 280px;
height: 50px;
}

.form-generic input.field-blue {
width: 220px;
}

.form-generic input.field-long {
width: 300px;
}

.form-generic .form-zip {
display: inline;
float: left;
margin: 0 20px 0 0;
}

.form-generic .form-city {
float: left;
}

.form-generic .form-zip .field-blue {
width: 40px !important;
}

.form-generic .form-city .field-blue {
width: 141px !important;
}

.form-buttons {
margin: 1em 0 0;
}

.form-buttons span.button-gray {
float: left;
margin: 0 0 0 8px;
width: 65px;
}

.form-explanation {
position: absolute;
left: 310px;
width: 214px;
font: 0.833em/1.5 Verdana, Arial, Helvetica, sans-serif;
z-index: 100;
}

.form-required {
font: 0.833em/1.5 Verdana, Arial, Helvetica, sans-serif;
color: #FF3300;
padding: 0 0 0 0.5em;
}

/* FŠlt och knappar */

.field-orange,
.field-red,
.field-blue {
padding: 3px;
font: 1em/1.1 Arial, Helvetica, sans-serif;
}

.field-orange {
background: #ffe99f;
border-left: 1px solid #a79143;
border-top: 1px solid #a79143;
border-right: 1px solid #eee8d5;
border-bottom: 1px solid #eee8d5;
}

.field-orange:focus {
background: #fff3ca;
}

.field-blue {
background: #fff;
border-left: 1px solid #9bafc0;
border-top: 1px solid #9bafc0;
border-right: 1px solid #e9eef2;
border-bottom: 1px solid #e9eef2;
}

.field-blue:focus {
background: #f1f8fd;
}

.field-red {
background: #fff;
border-left: 1px solid #7c4429;
border-top: 1px solid #7c4429;
border-right: 1px solid #e2a789;
border-bottom: 1px solid #e2a789;
}

.field-red:focus {
background: #ffe4d7;
}

input.error {
border-left: 1px solid #ff755b;
border-top: 1px solid #ff755b;
border-right: 1px solid #ffe1db;
border-bottom: 1px solid #ffe1db;
}

a.button-blue,
a.button-orange,
a.button-green,
a.button-red,
a.button-gray {
display: block;
width: 100px;
color: #fff;
font: bold 1em/2 Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}

input.button-blue,
input.button-orange,
input.button-green,
input.button-red,
input.button-gray {
padding: 0.20em 0.5em;
overflow: visible;
color: #fff;
font: bold 1em/1.3 Arial, Helvetica, sans-serif;
text-transform: uppercase;
cursor: pointer;
}

.button-gray {
color: #333 !important;
background: #d4d4d4;
border-left: 1px solid #efefef;
border-top: 1px solid #efefef;
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
}

.button-gray:hover {
background: #e9e9e9;
}

.button-orange {
background: #907a2f;
border-left: 1px solid #e6cc77;
border-top: 1px solid #e6cc77;
border-right: 1px solid #876d14;
border-bottom: 1px solid #876d14;
}

.button-orange:hover {
background: #a98c2b;
}

.button-red {
background: #8c553b;
border-left: 1px solid #e2a78b;
border-top: 1px solid #e2a78b;
border-right: 1px solid #7c442a;
border-bottom: 1px solid #7c442a;
}

.button-red:hover {
background: #c06c45;
}

.button-blue {
background: #74808c;
border-left: 1px solid #cedce7;
border-top: 1px solid #cedce7;
border-right: 1px solid #62707d;
border-bottom: 1px solid #62707d;
}

.button-blue:hover {
background: #8796a6;
}

.button-green {
background: #627949;
border-left: 1px solid #bbd3a2;
border-top: 1px solid #bbd3a2;
border-right: 1px solid #566f3c;
border-bottom: 1px solid #566f3c;
}

.button-green:hover {
background: #758f55;
}

/* Ung Privatekonomi */

body#up {
background: #fff;
padding: 0;
}

body#up div#big-wrapper {
background-image: url(../../images/ua/up/bac.gif);
width: 998px;
}

body#up div#wrapper {
padding: 0 19px;
background: none;
}

body#up div#search {
position: absolute;
right: 25px;
top: 124px;
}

body#up div#control-panel,
body#up div#control-panel-head,
body#up div#main div.article-list {
margin: 0;
padding: 0;
background: none;
}

body#up div#head {
background: #6ab9ff url(../../images/ua/up/head-bac.gif) repeat-x;
}

body#up div#head h1 a {
background-image: url(../../images/ua/up/ung-privatekonomi.gif);
width: 442px;
height: 48px;
}

body#up div#partners {
background-image: url(../../images/ua/up/partners-bac.gif);
padding-top: 15px;
}

body#up div#partners h2 {
position: absolute;
top: -999px;
left: -999px;
}

body#up div#partners h3 {
font-size: 0.83em;
font-weight: bold;
text-transform: uppercase;
color: #303030;
padding: 0 20px;
margin: 0 0 10px;
}

body#up div#partners ul {
padding: 0 0 15px 17px;
margin: 0 0 15px;
border-bottom: 1px solid #949494;
}

body#up div#partners ul li a img {
vertical-align: middle;
}

body#up div#footer {
background-image: url(../../images/ua/up/footer-bottom.png);
padding: 0 34px 34px;
width: 930px;
margin: 0 -19px;
}

body#up div#footer-content {
position: relative;
width: 100%;
padding: 40px 0 0;
}

body#up div#footer h2 {
background: url(../../images/ua/img/header-contact.gif);
width: 58px;
height: 10px;
margin: 0 0 5px;
text-indent: -999em;
overflow: hidden;
}

body#up div#footer ul {
position: absolute;
right: 0px;
bottom: 0px;
overflow: hidden;
}

body#up div#footer ul li {
display: inline;
border-left: 1px solid #000;
margin-left: -1px;
padding: 0 10px;
}

body#up ul#navigation {
background-color: #1398ff;
}

body#up ul#navigation li a span {
background-image: url(../../images/ua/up/menu.gif);
}

body#up ul#navigation li#m-utbildning a span {
background-position: -42px 0;
}

body#up ul#navigation li#m-utbildning a:hover span,
body#up ul#navigation li.sel#m-utbildning a span {
background-position: -42px -13px;
}

body#up ul#navigation li#m-lararrummet a span {
width: 105px;
background-position: -124px 0;
}

body#up ul#navigation li#m-lararrummet a:hover span,
body#up ul#navigation li.sel#m-lararrummet a span {
background-position: -124px -13px;
}

body#up ul#navigation li#m-om-ung-privatekonomi a span {
width: 168px;
background-position: -230px 0;
}

body#up ul#navigation li#m-om-ung-privatekonomi a:hover span,
body#up ul#navigation li.sel#m-om-ung-privatekonomi a span {
background-position: -230px -13px;
}

body#up ul#navigation li#m-elevrummet a span {
width: 93px;
background-position: -400px 0;
}

body#up ul#navigation li#m-elevrummet a:hover span,
body#up ul#navigation li.sel#m-elevrummet a span {
background-position: -400px -13px;
}

ul#more-information-menu li {
float: left;
display: inline;
margin: 7px;
}

ul#more-information-menu li img {
display: block;
}

ul#more-information-menu li span br {
display: none;
}

ul#more-information-menu li a {
float: left;
background: #fff7dc;
color: #80581b;
padding: 9px 15px;
width: 130px;
}

/* Facebook Connect */

div.discussion-reply {
padding-right: 85px;
width: 455px;
}

div.discussion-reply div.reply-form div.field-wrap {
float: left;
width: 370px;
}

div.discussion-reply div.reply-form div.field-wrap textarea {
width: 362px;
}

div.discussion-reply div.reply-form div.picture-wrap {
float: right;
}

div.discussion-reply div.reply-form div.picture-wrap img {
display: block;
border: 1px solid #818181;
background: #fff;
padding: 5px;
}

div.success,
div.error {
background: #fff9c8;
color: #403c1d;
border: 1px solid #d4be7c;
padding: 10px;
margin: 0 0 15px;
}

div.error {
background: #ffcbc8;
border-color: #aa7979;
color: #800;
}

div.discussion-reply div.login-form {
width: 370px;
}

div.discussion-reply div.login-form .field-blue {
width: 145px;
}

div.discussion-reply div.login-form div.login-form-col-1,
div.discussion-reply div.login-form div.login-form-col-2 {
float: left;
width: 165px;
}

div.discussion-reply div.login-form div.login-form-col-3 {
float: left;
width: 40px;
padding: 15px 0 0;
text-align: right;
}

div.facebook {
background: #d4e3fd;
padding: 10px;
margin: 15px 0 0;
}

div.facebook p {
float: left;
line-height: 25px;
margin: 0;
font-size: 0.9em;
}

div.facebook .fb-login {
float: right;
}

div.facebook .fb-login img {
display: block;
}

div#facebook-side {
float: right;
width: 380px;
margin: -10px 0 20px;
padding: 5px;
}

div#facebook-side div.login-form {
padding: 5px;
}

div#facebook-side div.picture-wrap {
float: left;
margin: 0 13px 0 0;
}

div#facebook-side div.picture-wrap img {
display: block;
border: 1px solid #818181;
background: #fff;
padding: 4px;
}

div#facebook-side a.button-blue,
div#facebook-side p.fb-text {
float: left;
}

div#facebook-side p.fb-text {
width: 300px;
margin: 0 0 5px;
}

div#facebook-side p.fb-text span {
font-weight: bold;
}

div#control-panel-head {
background: none;
margin: 0 0 10px;
padding: 0;
}

div#login {
background: url(../../images/ua/dash.gif) repeat-x;
padding: 10px 0 0;
margin: 0 0 10px;
}

/* Module */

div.side-module-generic {
position: relative;
margin: 0 0 15px;
}

div.side-module-generic h2 {
font: bold 1.33em/1 Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin: 0 0 10px;
}

div.side-module-generic p.more {
position: absolute;
top: 0;
right: 15px;
background: url(../../images/ua/more.gif) no-repeat 100% 50%;
padding: 0 10px 0 0;
margin: 0;
}

div.side-module-generic p.more a {
font-weight: bold;
text-decoration: none;
}

div.side-module-generic p.more a.external {
background: url(../../images/ua/external.gif) no-repeat 0 50%;
padding: 0 0 0 15px;
}

/* Module - Twitter Feed */

div.twitter-feed ul.feed li {
float: left;
width: 374px;
margin: 0 0 5px;
}

div.twitter-feed ul.feed li span.date {
float: left;
width: 81px;
margin: 0 0 5px;
}

div.twitter-feed ul.feed li span.tweet {
float: left;
width: 293px;
}

div.twitter-feed ul.feed li span.tweet span {
float: left;
}

div.twitter-feed ul.feed li.first {
margin: 0 0 10px;
}

div.twitter-feed ul.feed li.first span.date {
width: 74px;
}

div.twitter-feed ul.feed li.first span.tweet {
background: url(../../images/ua/twitter-arrow.gif) no-repeat 0 13px;
padding: 0 0 0 7px;
}

div.twitter-feed ul.feed li.first span.tweet span {
padding: 10px 10px;
font-size: 1.33em;
background: #ffd136;
color: #80581b;
}

/* Footer */

div#footer {
padding: 0 6px 20px;
width: 960px;
}

ul#footer-navigation {
background: #ff9b02;
}

ul#footer-navigation li {
float: left;
}

ul#footer-navigation li a {
float: left;
font: bold 1em/28px Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #fff;
padding: 0 15px;
}

ul#footer-navigation li a:hover {
background: #fff;
color: #000;
}

div#footer-main {
background: #fff2c8;
padding: 20px 15px;
}

div#footer-main h2 {
font: bold 1.33em/1.2 Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin: 0 0 12px;
}

div#footer-main a {
font-weight: bold;
text-decoration: none;
}

div#footer-main p.more a {
text-decoration: underline;
}

div#footer-activities dl {
width: 100%;
}

div#footer-activities dl dd {
float: left;
width: 210px;
}

div#footer-activities dl dt {
float: left;
width: 65px;
}

div#footer-activities dl dd {
margin: 0 0 5px 0;
}

div#footer-main div.footer-column {
float: left;
min-height: 195px;
padding: 0 20px 0 0;
margin: 0 20px 0 0;
background: url(../../images/ua/footer-dash.gif) repeat-y 100% 0;
}

div#footer-main div#footer-articles {
width: 230px;
}

div#footer-main div#footer-activities {
width: 275px;
}

div#footer-main div#footer-contact {
width: 180px;
}

div#footer-main div#footer-contact a {
font-weight: normal;
text-decoration: underline;
}

div#footer-main div#footer-follow {
width: 100px;
margin: 0;
padding: 0;
background: none;
}

div#footer-main div#footer-follow ul li {
margin: 0 0 10px;
}

div#footer-main div#footer-follow ul li a {
display: block;
font-weight: normal;
background: url(../../images/ua/social.gif) no-repeat;
padding: 0 0 0 20px;
width: 80px;
line-height: 16px;
}

div#footer-main div#footer-follow ul li.facebook a {
background-position: 0 -16px;
}

div#footer-main div#footer-follow ul li.flickr a {
background-position: 0 -32px;
}

div#footer-main div#footer-follow ul li.youtube a {
background-position: 0 -48px;
}

div#footer-bottom {
padding: 10px 15px 0;
}

div#footer-bottom p {
float: left;
margin: 0;
}

div#footer-bottom ul {
float: right;
overflow: hidden;
}

div#footer-bottom ul li {
float: left;
display: inline;
border-right: 1px solid #000;
margin-right: -1px;
padding: 0 10px;
}

/* Bjud in dina vänner */

div.friends-wrap {
background: #f1f6fe;
width: 368px;
padding: 3px;
margin: 0 0 15px;
}

div.friends ul {
width: 371px;
margin: 0 0 5px;
overflow: hidden;
}

div.friends ul li {
float: left;
margin: 0 3px 0 0;
}

div.friends ul li img {
float: left;
}

div.friends-wrap p {
margin: 0;
padding: 5px;
}

div.friends-wrap p a {
background: url(../../images/ua/more.gif) no-repeat 100% 50%;
padding: 0 10px 0 0;
font-weight: bold;
text-decoration: none;
}

div.email-form {
text-align: right;
}

div.email-form div.text-wrap {
text-align: left;
background: #f1f6fe;
padding: 10px;
}

div.email-form div.text-wrap h3 {
font-weight: bold;
margin: 0 0 0.5em;
}

div.email-form div.text-wrap p {
margin: 0;
}

div.email-form textarea {
width: 367px;
margin: 0 0 10px;
}

div.invitation-form {
position: absolute;
width: 760px;
height: 680px;
background: #fff;
border: 1px solid #999;
}

div.invitation-form a {
padding: 0 10px;
text-decoration: none;
font-weight: bold;
}