@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
}
html {
	overflow-y: scroll;
}
body {
	background: #d7d7d7 url(../img/site_bg.gif) top center repeat-x;
	font-size: 12px;
	color: #000;
}
body * { font-size: 100%; }
#sitewrapper {
	width: 1240px;
	margin: 0 auto 0;
}
#mainsite {
	width: 980px;
	float: left;
}

/* HEADER
-------------------------------------------------------------- */

#header {
	width: 980px;
	margin-bottom: 10px;
	float: left;
	background: transparent url(../img/header.png) top left no-repeat;
}
#header_left {
	width: 720px;
	float: left;
	height: 159px;
}
#header_right {
	width: 260px;
	float: left;
	height: 139px;
	padding: 20px 0 0 0;
}
#header_left a#logo {
	float: left;
	width: 370px;
	height: 128px;
}
#header_left ul#zine_top {
	float: right;
	width: 320px;
	height: 128px;
}
#header_left ul#zine_top li { float: left; }
#header_left ul#zine_top li.tidningar { width: 100px; margin: 10px 10px 0 0; }
#header_left ul#zine_top li.text { width: 190px; margin-top: 20px; }
#header_left ul#sitenav { float: right; }

/* TOPNAV
-------------------------------------------------------------- */

#topnav_main {
	float: left;
	position: relative;
	width: 720px;
}
ul#sitenav li, div#subnav ul li {
	float: left;
}
ul#sitenav li a {
	padding: 10px 10px 0;
	float: left;
	display: block;
	height: 21px;
	text-shadow: #eee 0px 1px 1px;
}
ul#sitenav li.navhide {}
ul#sitenav li.chosen,
ul#sitenav li:hover,
ul#sitenav li.active:hover {
	background: transparent url(../img/sitenav_bg_shade_l.png) top left no-repeat;
}
ul#sitenav li.chosen a,
ul#sitenav li a:hover,
ul#sitenav li:hover a {
	background: transparent url(../img/sitenav_bg_shade_r.png) top right no-repeat;
	}
ul#sitenav li:hover a { color: #8a0455; }
ul#sitenav li.chosen a,
ul#sitenav li.chosen a:hover,
ul#sitenav li.navhide:hover a,
ul#sitenav li.inactive span a:hover,
ul#sitenav li.navhide span a:hover,
ul#sitenav li.chosen span a:hover,
ul#sitenav li.navhide span a:hover,
ul#sitenav li.navhide span.chosen a:hover {
	color: #000;
	}
div#subnav {
	width: 980px;
	float: left;
	padding: 0;
	margin: 0;
	height: 31px;
}
div#subnav a { font-weight: normal; }
div#subnav.submain {
	float: left;
	background: #f1f1f1 url(../img/sitesubnav_logo_skirt.png) top left no-repeat;
}
ul#sitenav li span {
	width: 940px;
	float: left;
	padding: 5px 20px 0 20px;
	position: absolute;
	left: 0px;
	top: 31px;
	text-align:center;
	display: none; /*--Hide by default--*/
}
ul#sitenav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#sitenav li.chosen span { display: block; } /*--Show subnav on hover--*/
ul#sitenav li span a, ul#sitenav li.chosen span a { 
	padding: 5px 20px 0 0;
	color: #555;
	font-weight: normal;
	display: inline; 
	background: none;
	} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#sitenav li:hover span a,
ul#sitenav li.navhide span a,
ul#sitenav li.navhide:hover span a { 
	background: none; color: #555;
	}
ul#sitenav li span a.subchosen,
ul#sitenav li.chosen span a.subchosen,
ul#sitenav li span a.subchosen,
ul#sitenav li.navhide:hover span a.subchosen { 
	color: #000;
	font-weight: bold;
	}
ul#sitenav li span a:hover {
	text-decoration: none;
	background: none;
	}

/* LOGGA IN
-------------------------------------------------------------- */
#loggain {
	float:left;
	margin-left: 20px;
}
#loggain fieldset {
	float:left;
	width: 220px;
	margin-top: 10px;
}
#loggain fieldset:first-child {
	float:left;
	width: 220px;
	margin-top: 2px;
}
#loggain a {
	width: 55px;
	height: 28px;
	float: left;
	text-indent: -9999em;
	background: transparent url(../img/fineprint_loggain.gif) top right no-repeat;
}
#loggain a.registrera {
	background-position:0px 0px;
	background-repeat: no-repeat;
	}
#loggain a.losenord {
	background-position:-55px 0px;
	background-repeat: no-repeat;
	}

/* INLOGGAD/AVATAR
-------------------------------------------------------------- */
#header_right #userarea.gold { 
	float: left;
	background: transparent url(../img/userstatus_bigstar.png) bottom right no-repeat;
	}
ul#useradmin {
	position:relative;
	float:left;
	margin-left: 20px;
	width:240px;
	height:19px;
	}
ul#useradmin li {
	padding:0;
	margin:0;
	float:left;
	text-indent:-9999px;	
	list-style-type:none;
	}
ul#useradmin li a {
	border:0;
	display:block;
	text-decoration:none;
	background: transparent url(../img/profile_admin_navbar.png) no-repeat;
	}
li#useradmin_konto a { width:70px; height:19px; }
li#useradmin_konto a:link, li#useradmin_konto a:visited { background-position: 0px 0px; }
li#useradmin_konto a:hover, li#useradmin_konto a:focus { background-position: 0px -19px; }
li#useradmin_installningar a { width:85px; height:19px; }
li#useradmin_installningar a:link, li#useradmin_installningar a:visited { background-position: -70px 0px; }
li#useradmin_installningar a:hover, li#useradmin_installningar a:focus { background-position: -70px -19px; }
li#useradmin_logout a { width:65px; height:19px; }
li#useradmin_logout a:link, li#useradmin_logout a:visited { background-position: -155px 0px; }
li#useradmin_logout a:hover, li#useradmin_logout a:focus { background-position: -155px -19px; }

#header_right #userarea #user {
	position:relative;
	float:left;
	margin-left: 20px;
	width:220px;
	height:89px;
	}
#header_right #userarea #user ul li {
	float:left;
	padding-top: 10px;
	}
#header_right #userarea #user ul li.avatar { width: 65px; }
#header_right #userarea #user ul li.userinfo, #header_right #userarea #user ul li.userinfo p { width: 155px; }
#header_right #userarea #user ul li.avatar img, .col_1-2 table.forum_trad td.avatar img {
	padding:2px;
	background: #fff;
	border: 1px #888 solid;
	float: none;
	}
#header_right #userarea #user ul li h3 { padding: 0; margin: 0; line-height:13px; }
#header_right #userarea #user ul li.userinfo { font-size: 11px; }
#header_right #userarea #user ul li.userinfo p { float: left; display: block; }
#header_right #userarea #user ul li.userinfo .userstatus {
	height: 15px;
	margin: 3px 0;
	float: left;
	}
#header_right #userarea #user li.userinfo .userpost {
	height: 15px;
	background: transparent url(../img/cykelpost_ikon.png) top left no-repeat; 
	padding-left: 22px;
	}
.alert { font-weight: bold; }

/* COMMUNITY NAV
-------------------------------------------------------------- */

#topnav_community {
	float: left;
	width: 260px;
}
#topnav_community ul#communitynav {
	background: #d03693;
	width: 257px;
	float: left;
	position: relative;
	padding-left:3px;
}
ul#communitynav li {
	float: left;
}
ul#communitynav li a {
	padding: 10px 10px 0;
	display: block;
	height: 21px;
	color: #000;
	text-align:right;
	text-shadow: #cd549d 0px 1px 1px;
}
ul#communitynav li.navhide a {}
ul#communitynav li.chosen, ul#communitynav li:hover, ul#communitynav li.active:hover {
	background: transparent url(../img/communitynav_bg_shade_l.png) top left no-repeat;
}
ul#communitynav li.chosen a, ul#communitynav li a:hover, ul#communitynav li:hover a { background: transparent url(../img/communitynav_bg_shade_r.png) top right no-repeat; }
ul#communitynav li:hover a { color: #4f0230; }
ul#communitynav li span,
ul#communitynav li:hover span a,
ul#communitynav li a span,
ul#communitynav li.chosen a span,
ul#communitynav li.chosen span.chosen a {
	text-shadow: none;
}
ul#communitynav li.chosen a,
ul#communitynav li.chosen a:hover,
ul#communitynav li.navhide:hover a,
ul#communitynav li.inactive span a:hover,
ul#communitynav li.navhide span.chosen a:hover {
	color: #fff;
	text-shadow: #8a0455 0px 1px 1px;
}

#topnav_community div#subnav.subcommunity {
	background: #8a0455 url(../img/sitesubnav_logo_skirt.png) top left no-repeat;
	float: left;
}
ul#communitynav li span {
	width: 950px;
	float: right;
	padding: 9px 10px 8px 20px;
	position: absolute;
	right: 0px;
	top: 31px;
	text-align: right;
	background: #8a0455 url(../img/sitesubnav_logo_skirt.png) top left no-repeat;
	display: none; /*--Hide by default--*/
}
ul#communitynav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#communitynav li.chosen span { display: block; } /*--Show subnav on hover--*/
ul#communitynav li span a,
ul#communitynav li.chosen span a { 
	padding: 5px 10px 0 10px;
	color: #f2b1d8;
	font-weight: normal;
	display: inline;
	background: none;
	} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#communitynav li:hover span a, ul#communitynav li.chosen span a:hover, ul#communitynav li.navhide span a:hover, ul#communitynav li.navhide span a, ul#communitynav li.navhide:hover span a { background: none; color: #f2b1d8; }
ul#communitynav li span a.subchosen,
ul#communitynav li.chosen span a.subchosen,
ul#communitynav li span a.subchosen,
ul#communitynav li.navhide:hover span a.subchosen { 
	color: #fff;
	font-weight: bold;
	}
ul#communitynav li span a:hover {
	text-decoration: none;
	background: none;
	}

/* COLS & BOXES
-------------------------------------------------------------- */
.clear {
	clear: both;
	float: left;
}
#contents {
	width: 980px;
	float: left;
}
#skirt {
	width: 980px;
	float: left;
	background: transparent url(../img/skirt.gif) bottom center repeat-x;
}
.inskirt {
	width: 710px;
	float: left;
	background: transparent url(../img/skirt.gif) bottom center repeat-x;
}
.col_1 {
	width: 400px;
	float: left;
	background:#fff;
}
.even .col_1, .even .col_2 { width: 310px; }
.col_2 {
	width: 220px;
	float: left;
	margin-left: 10px;
	background:#fff;
}
.col_3 {
	width: 220px;
	float: left;
	background:#fff;
}
.col_1-2 {
	width: 670px;
	float: left;
	background: #fff;
}
.cols_1-2 {
	width: 710px;
	float: left;
	margin-right: 10px;
}
.pagesnav {
	float: left; 
	clear: both;
	width: 100%;
	text-align: center;
	padding: 20px 0 0 0;
	border-top: 1px solid #eee;
}
.pagesnav a {
	padding: 0 3px;
	}
#traningsdagbok div.staruser { 
	position: absolute;
	top: 350px;
	height: 64px;
	width: 64px;
	/*z-index: 100;*/
	margin-left: 175px;  
	background: transparent url(../img/userstatus_bigstar.png) no-repeat -195px -62px; }

.even { background: #fff url(../img/bg_1-2_even.gif) top left repeat-y; }
.bg_1-2 { background: #fff url(../img/bg_1-2.gif) top left repeat-y; }
.cols_2 { background: transparent url(../img/2col_bg.gif) top center repeat-y; }
.cols_3 { background: transparent url(../img/3col_bg.gif) top center repeat-y; }
.box { float: left; padding: 20px; }
.hat { border-top: #d7d7d7 10px solid; }
.skirt { padding-bottom: 30px; background: #fff url(../img/skirt.gif) bottom center repeat-x; }
.paddingtop { padding-top: 20px; }

#startsidan .artikeltext {
	width: 400px;
	float: left;
	line-height: 16px;
}
.artikeltext {
	width: 420px;
	float: left;
	line-height: 16px;
}
.col_3 .artikeltext {
	width: 100%;
}
.artikeltext p:first-child {
	font-weight:bold;
}
.artikelinfo {
	width: 220px;
	float: right;
}
.infobox {
	margin-bottom: 15px;
}
.artikelinfo .infobox {
	margin-bottom: 25px;
}
.infobox li a {
	display: block;
	padding: 2px 0;
}
.artikelinfo ul {
	margin-bottom: 10px;
}
.artikelinfo h3, .infobox h3 {
	border-bottom: 1px #aaa solid;
	padding-bottom: 2px;
	margin-bottom: 3px;
}
.author {
	display: block;
	font-weight: bold;
}
.add_img {
	border-top: 1px #aaa solid;
	padding-top: 20px;
	margin-top: 20px;
}
ul.thumbs {
	margin: 0;
	padding: 0;
}

ul.thumbs li {
	float: left;
	margin: 15px 0 0 15px;
}
ul.thumbs li.firstthumb {
	margin-left: 0;
}
ul.thumbs li a {
	float: left;
	background: #000;
	padding: 2px;
	width: 68px;
	height: 68px;
	margin: 0;
}
ul.thumbs li a:hover { background: #999; }

/* LISTS
-------------------------------------------------------------- */

ul.lista {
	padding: 5px 0;
}

ul.lista li {
	list-style-type: disc;
	margin-left: 25px;
	margin-bottom: 8px;
}

ul { list-style-type: none; }
ul.vatternrundan li { padding-top: 15px; }
ul.vatternrundan li:first-child { padding-top: 0; }
ul.list_col_1-2 li {
	width: 315px;
}
.floatleft {
	float: left;
}
ul.floatleft li {
	float: left;
}
ul.floatleft li:first-child {
	margin-right: 40px;
}

ul.user li { border-bottom: 1px #eee solid; }
ul.interact li a {
	padding: 5px;
	display: block;
}
ul.userinfo {
	margin-bottom: 20px;
}

ul.userinfo li {
	padding: 5px 0;
}

/* FORMS
-------------------------------------------------------------- */

input.input, textarea.input, select.input, input.button {
	font-size: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
}
.form fieldset { float: left; margin: 5px 0; }
.search input.input { width: 148px; }
.form input.input, .form textarea.input { width: 208px; }
.form select.input { width: 220px; }
#contactform-area select { width: 280px; }
input.input,
textarea.input,
select.input {
	border: 1px dashed #999;
	background: #fff;
	color: #555;
	font-size: 11px;
	padding: 5px;
	float: left;
	}
input.input,
textarea.input {
	border: 1px dashed #999;
	background: #fff;
	color: #555;
	font-size: 11px;
	padding: 5px;
	}
select.input {
	padding: 3px;
	}
textarea.input { height: 120px; }
select.input option {
	background: #f9f9f9;
	color: #555;
	padding: 1px 5px;
	}
#contactform-area option.nostyle {
	background: #f9f9f9;
	color: #999;
	padding: 0 5px;
	}
textarea:focus,
input:focus {
	border: 1px solid #888;
	background: #fff;
	color: #000;
	}
input.button {
	outline: 0;
	height: 26px;
	padding: 0 5px;
	font-weight: bold;
	color: #fff;
	border: 1px solid #000;
	float: right;
	background: #000;
	text-align:center;
	cursor:pointer;
}
.form input.button  { float: left; }
input.button:hover {
	background: #333;
	}
fieldset.talk {
	float: left; 
	padding-top: 9px;
	background: transparent url(../img/talk_top.png) top right no-repeat;
	}
#loggain input { float: left; }
#loggain input.input { width: 140px; margin-right: 5px; }
#loggain input.button { margin-right: 10px; }
#loggain label, #loggain input.checkbox {
	float: left;
	margin-top: 7px;
	font-size: 11px;
	margin-left: 5px;
}

/* TABLES
-------------------------------------------------------------- */

td { vertical-align: top; }
th, td { font-size: inherit; }
table { width: 100%; }

table.aktuellt th {
	vertical-align: middle;
	font-weight: bold;
	padding-bottom: 5px;
}
table.aktuellt td {
	vertical-align: top;
	border-top: #eee 1px solid;
	padding: 5px 0;
	background: #fff;
}
table.aktuellt td.tid {
	padding-right: 0px;
	font-weight: bold;
	width: 50px;
}
table.aktuellt td.svar {
	padding-left: 5px;
	text-align: right;
	font-weight: bold;
}
table.aktuellt td.kategori, table.aktuellt th.kategori {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
.col_1-2 table.forum td {
	vertical-align: top;
	background: #f5f5f5;
}
.col_1-2 table.forum td span.threaduser {
	display: block;
	font-style: italic;
	font-size: 10px;
	color: #666;
	font-weight: bold;
}
.col_1-2 table.forum td a {	padding: 10px; }

.col_1-2 table.forum th h3 {
	-moz-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	margin-top: 20px;
	padding: 10px;
	font-weight: bold;
	text-align: left;
	background: #333;
	color: #fff;
	text-shadow: #000 0px 1px 1px;
	display: inline;
	width: 650px;
	float:left;
	margin-bottom: 0;
}

.col_1-2 table.forum th h3 span {
	float: right;
	display: inline;
	width: 50px;
	text-align:right;
}
.col_1-2 table.forum tr.legend td, .col_1-2 table.forum tr.legend:hover td {
	color: #999;
	background:#444;
	padding: 3px 10px;
	font-size: 10px;
	font-weight: bold;
	border-top: 1px #555 solid;
}

.col_1-2 table.forum td.svar { width: 20px; }
.col_1-2 table.forum td.tid { text-align: right; }
.col_1-2 table.forum td.trad { }

.col_1-2 table.forum tr.legend td.svar {
	text-align: center;
	-moz-border-radius: 0 0 5px 0;
	-khtml-border-radius: 0 0 5px 0;
	-webkit-border-bottom-right-radius: 5px;
}

.col_1-2 table.forum tr.legend td.trad {
	text-align: left;
	-moz-border-radius: 0 0 0 5px;
	-khtml-border-radius: 0 0 0 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.col_1-2 table.forum th h3 a { color: #999; text-shadow: #222 0px 1px 1px; }
.col_1-2 table.forum th a:hover { color: #fff; }
table.aktuellt td a, table.forum td a {
	display: block;
}
.col_1-2 table.forum td.trad {
	font-weight: bold;
	-moz-border-radius: 5px 0 0 5px;
	-khtml-border-radius: 5px 0 0 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.col_1-2 table.forum td.tid {
	padding: 10px;
	font-weight: normal;
	width: 100px;
	color: #000;
}
.col_1-2 table.forum td.svar {
	padding: 10px;
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 0 5px 5px 0;
	-khtml-border-radius: 0 5px 5px 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.trad, .trad a {
	font-size: 12px;
}
.col_1-2 table.forum tr.odd td { background: #e0e0e0; }
.col_1-2 table.forum tr.gul td { background: #d03693; }
.col_1-2 table.forum tr.oddgul td { background: #ef50b0; }
.col_1-2 table.forum tr:hover td,
.col_1-2 table.forum tr.odd:hover td,
.col_1-2 table.forum tr.gul:hover td,
.col_1-2 table.forum tr.oddgul:hover td,
.col_1-2 table.forum tr.gul:hover td .threaduser,
.col_1-2 table.forum tr.oddgul:hover td .threaduser,
.col_1-2 table.forum tr:hover td .threaduser,
.col_1-2 table.forum tr.odd:hover td .threaduser {
	background: #8a0455;
	color: #db99c1;
}
.col_1-2 table.forum tr:hover td a:hover,
.col_1-2 table.forum tr.gul td a,
.col_1-2 table.forum tr.oddgul td a { color: #fff; }
.col_1-2 table.forum tr.gul td .threaduser,
.col_1-2 table.forum tr.oddgul td .threaduser { color: #8a0455; }

.col_1-2 table.forum_trad { }
.col_1-2 table.forum_trad th { background: transparent url(../img/forum_div_bg.gif) bottom center repeat-x; padding-top: 20px; }
.col_1-2 table.forum_trad th .svarsort {
	background: #fff;
	float: right;
	padding-left: 10px;
	color: #aaa;
}
.col_1-2 table.forum_trad th .svartid, .col_1-2 table.forum_trad th .redtid {
	background: #fff;
	float: left;
	padding: 0 10px;
	color: #000;
}
.col_1-2 table.forum_trad th .redtid { color: #aaa; }
.col_1-2 table.forum_trad td { padding: 10px 0; vertical-align: top; }
.col_1-2 table.forum_trad td.avatar { width: 130px; }
.col_1-2 table.forum_trad td.avatar img {
	display: block;
	margin-bottom: 5px;
}
.col_1-2 table.forum_trad td.staruser { 
    background: transparent url(../img/userstatus_bigstar.png) no-repeat -160px -60px; 
} 

.col_1-2 table.forum_trad td.avatar p {
	margin: 0; 
	padding: 0;
	font-size: 11px;
}
.col_1-2 table.forum_trad td.avatar p.username {
	font-size: 12px;
	font-weight: bold;
}
.col_1-2 table.forum_trad td.inlagg {
	padding: 10px;
}
.col_1-2 table.reply textarea.input {
	width: 300px;
	margin-right: 20px;
}

/* Träningspass */

table.traningspass td, table.statusar td {
	background: #fff;
	padding: 10px 5px;
	border-top: #eee 1px solid;
}
table.traningspass td {
	color: #555;
}
table.traningspass tr:first-child td, table.statusar tr:first-child td { border-top: none; }
table.traningspass tr.odd td, table.statusar tr.odd td { background: #fff; }
table.traningspass td.avatar, table.statusar td.avatar {
	width: 50px;
}
table.traningspass td.avatar img, table.statusar td.avatar img {
	float: left;
}
table.traningspass b { color: #333; }


/* Träningsdagbok */

table.traningsdagbok td {
	background: #fff;
	padding: 5px 10px;
	border-top: 1px solid #ddd;
}

.noborder { border: none; }
table.traningsdagbok tr.noborder td { border: none; }
table.traningsdagbok th {
	background: #fff;
	padding: 5px 10px;
}


#tbl_cykling { border-top: 5px solid #d03693; }
#tbl_lopning { border-top: 5px solid #528b27; }
#tbl_skidor { border-top: 5px solid #013265; }
#tbl_simning { border-top: 5px solid #016d71; }
#tbl_ovrigt { border-top: 5px solid #a32b2b; }
table.traningsdagbok th.cykling { border-bottom: 3px solid #d03693; background: #d6b9cb; }
table.traningsdagbok th.cyklingtop { border-top: 3px solid #d03693; background: #d6b9cb; }
table.traningsdagbok th.jogg { border-bottom: 3px solid #528b27; background: #b8cbaa; }
table.traningsdagbok th.joggtop { border-top: 3px solid #528b27; background: #b8cbaa; }
table.traningsdagbok th.skidor { border-bottom: 3px solid #013265; background: #9fb4c9; }
table.traningsdagbok th.skidortop { border-top: 3px solid #013265; background: #9fb4c9; }
table.traningsdagbok th.simning { border-bottom: 3px solid #016d71; background: #b0d9db; }
table.traningsdagbok th.simningtop { border-top: 3px solid #016d71; background: #b0d9db; }
table.traningsdagbok th.ovrigt { border-bottom: 3px solid #a32b2b; background: #d6a5a5; }
table.traningsdagbok th.ovrigttop { border-top: 3px solid #a32b2b; background: #d6a5a5; }
table.traningsdagbok th.totalt { border-bottom: 3px solid #333; background: #ccc; }
table.traningsdagbok th.totalttop { border-top: 3px solid #333; background: #ccc; }
table.traningsdagbok th.bordertop { border-top: 3px solid #eee; text-align: left; }
table.traningsdagbok th.borderbottom { border-bottom: 3px solid #eee; text-align: left; }

/* Layout helpers
----------------------------------*/

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Misc visuals
----------------------------------*/

/* Overlays */
/*.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/

/* Component containers
----------------------------------*/
.ui-widget-content a { }
.ui-widget-header { font-weight: bold; }
.ui-widget-header a { font-size:11px; }

/* Interaction states
----------------------------------*/

/*
Cykling:	#d03693		#d6b9cb;
Löpning:	#528b27		#b8cbaa;
Skidor:		#013265		#9fb4c9;
Simning:	#016d71		#b0d9db;
Övrigt:		#a32b2b		#d6a5a5;
*/

.ui-widget-header .ui-tabs-nav .nav_cykling { background: #f00; }

.ui-state-default, .ui-widget-content .ui-state-default { background: #ccc; font-weight: normal; color: #fff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: #dadada; font-weight: normal; color: #f00; }
.ui-state-hover a, .ui-state-hover a:hover { color: #fff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-content .ui-state-active { background: #eee; color: #f00; }

.ui-widget-content #nav_cykling { background: #d6b9cb; }
.ui-state-active#nav_cykling, .ui-state-hover#nav_cykling { background: #d03693; }
.ui-widget-content #nav_lopning { background: #b8cbaa; }
.ui-state-active#nav_lopning, .ui-state-hover#nav_lopning { background: #528b27; }
.ui-widget-content #nav_skidor { background: #9fb4c9; }
.ui-state-active#nav_skidor, .ui-state-hover#nav_skidor { background: #013265; }
.ui-widget-content #nav_simning { background: #b0d9db; }
.ui-state-active#nav_simning, .ui-state-hover#nav_simning { background: #016d71; }
.ui-widget-content #nav_ovrigt { background: #d6a5a5; }
.ui-state-active#nav_ovrigt, .ui-state-hover#nav_ovrigt { background: #a32b2b; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: underline; }
.ui-widget :active { outline: none; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 3px 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .4em .7em .1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* Träningdetaljer */

table.traningsdagbok .soft, table.traningsdetaljer .soft, table.std_tbl .soft {
	color: #777;
}
td.ar, tr.odd td.ar, table.traningsdetaljer td.ar, table.traningsdetaljer tr.odd td.ar, table.std_tbl td.ar, table.std_tbl tr.odd td.ar { color: #aaa; padding-left: 0px; padding-right: 0px; }
table td.smal { width: 10px; padding-left: 0px; padding-right: 0px; }
td.datumtext, tr.odd td.datumtext, table.traningsdetaljer td.datumtext, table.traningsdetaljer tr.odd td.datumtext, table.std_tbl td.datumtext, table.std_tbl tr.odd td.datumtext { width: 10px; padding-right: 4px; text-align: right; }
td.datumtid, tr.odd td.datumtid, table.traningsdetaljer td.datumtid, table.traningsdetaljer tr.odd td.datumtid, table.std_tbl td.datumtid, table.std_tbl tr.odd td.datumtid { width: 10px; padding-left: 4px; }
.tavlingar table.traningsdetaljer th {
	padding: 8px;
	border-bottom: 3px solid #000;
}
table.std_tbl th {
	padding: 5px 10px;
	background: #fff;
}

table.traningsdetaljer td, table.std_tbl td {
	padding: 5px 10px;
}
table.traningsdetaljer td.flerdatum { border-top: 1px dashed #ddd; }
table.traningsdetaljer tr.odd td.flerdatum { border-top: 1px dashed #ccc; }
table.traningsdetaljer tr.flerdatumsondag td { /*border-top: 1px dashed #e9d9d9;*/ border-top: 1px dashed #ccc; }
table.traningsdetaljer tr, table.std_tbl tr { background: #f5f5f5; }
table.traningsdetaljer tr.odd, table.std_tbl tr.odd { background: #e5e5e5; }
table.traningsdetaljer tr.sondag, table.traningsdetaljer tr.flerdatumsondag { /*background: #f1d4d4;*/ background: #e5e5e5; }
table.traningsdetaljer tr.sondag td.datum { color: #b00f0f; }
table.traningsdetaljer tr.sondag td { border-top: none; }
table.traningsdetaljer td.datum, table.traningsdetaljer tr.legend td.datum { font-weight: bold; padding: 5px 0px 5px 10px; }
table.traningsdetaljer tr.vecka th { background: #fff; }

table.traningsdetaljer tr.vecka th h3 {
	margin-top: 20px;
	padding: 2px 0;
	font-weight: bold;
	text-align: left;
	/*background: #333; color: #fff; text-shadow: #000 0px 1px 1px;*/
	background: #fff; color: #000;
	border-bottom: 2px solid #d03693;
	display: inline;
	width: 660px;
	float:left;
	margin-bottom: 0;
	font-size: 12px;
}
table.traningsdetaljer tr.legend td.typ,
table.traningsdetaljer tr.legend td.datum,
table.traningsdetaljer tr.legend td.runda,
table.traningsdetaljer tr.legend td.distans,
table.traningsdetaljer tr.legend td.tid,
table.traningsdetaljer tr.legend td.snitt,
table.traningsdetaljer tr.legend td.puls {
	color: #000;
	border-top: none;
	border-bottom: 1px solid #ddd;
	padding: 10px 10px 3px;
	font-size: 10px;
	font-weight: bold;
}
table.traningsdetaljer tr.legend td.typ,
table.traningsdetaljer tr.legend td.datum,
table.traningsdetaljer tr.legend td.distans,
table.traningsdetaljer tr.legend td.tid,
table.traningsdetaljer tr.legend td.snitt,
table.traningsdetaljer tr.legend td.puls {
	text-align: center;
}
table.traningsdetaljer tr.legend td.runda {
	text-align: left;
}
/*table.traningsdetaljer tr.legend td.typ, */tr.veckosum td.totalt { border-left: 1px solid #eee; }
/*table.traningsdetaljer tr.legend td.puls, table.traningsdetaljer td.puls, */ tr.veckosum td.end { border-right: 1px solid #eee; }
table.traningsdetaljer tr.legend td.puls { border-right: none; }
table.traningsdetaljer tr.veckosum td {
	background: #f5f5f5;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	white-space: nowrap;
	border-bottom: 1px solid #eee;
}
tr.veckosum td.totalt {
	padding-right: 0;
	text-align: right;
	-moz-border-radius: 0 0 0 5px;
	-khtml-border-radius: 0 0 0 5px;
	-webkit-border-bottom-left-radius: 5px;
}
tr.veckosum td.end {
	-moz-border-radius: 0 0 5px 0;
	-khtml-border-radius: 0 0 5px 0;
	-webkit-border-bottom-right-radius: 5px;
}
tr.spacer th { border: none; height: 20px; white-space: nowrap; float: left; }

table.traningsdetaljer td.gren, td.gren {
	font-weight: bold;
	text-align:center;
	padding: 5px;
	color: #fff;
}
table.traningsdetaljer td.typ {
	font-weight: bold;
	text-align:center;
	padding: 5px 0px 5px 10px;
}
table.traningsdetaljer td.datum, table.traningsdetaljer td.tid, table.traningsdetaljer td.puls { text-align:center; }
table.traningsdetaljer td.datum, table.traningsdetaljer td.distans, table.traningsdetaljer td.tid, table.traningsdetaljer td.snitt { width: 50px; }
table.traningsdetaljer td.distans, table.traningsdetaljer td.snitt { text-align: right; }
table.traningsdetaljer td.datum, table.traningsdetaljer td.distans, table.traningsdetaljer td.tid, table.traningsdetaljer td.snitt, table.traningsdetaljer td.puls { white-space: nowrap; }
td.gren, table.traningsdetaljer td.typ, table.traningsdetaljer td.puls { width: 10px; }
table.traningsdetaljer td.cykling, table.traningsdetaljer tr.odd td.cykling, table.pass td.cykling { background: #d03693; }
table.traningsdetaljer td.lopning, table.traningsdetaljer tr.odd td.lopning, table.pass td.lopning  { background: #528b27; }
table.traningsdetaljer td.skidor, table.traningsdetaljer tr.odd td.skidor, table.pass td.skidor  { background: #013265; }
table.traningsdetaljer td.simning, table.traningsdetaljer tr.odd td.simning, table.pass td.simning  { background: #016d71; }
table.traningsdetaljer td.ovrigt, table.traningsdetaljer tr.odd td.ovrigt, table.pass td.ovrigt  { background: #a32b2b; }
table.traningsdetaljer td.vila, table.traningsdetaljer tr.odd td.vila, table.pass td.vila  { background: #999; }

table.traningsdetaljer td.gren, table.traningsdetaljer tr.odd td.gren, table.traningsdetaljer tr.flerdatumsondag td.gren { border-top: 1px solid #fff; }
.tavlingar table.traningsdetaljer td.gren, .tavlingar table.traningsdetaljer tr.odd td.gren { border-bottom: 1px solid #fff; }
.tavlingar table.traningsdetaljer td, .tavlingar table.traningsdetaljer tr.odd td { border-bottom: 1px solid #eee; border-top: none; }

table.arkiv td {
	padding: 10px 10px 10px 0;
	border-top: 1px solid #eee;
}
table.arkiv tr:first-child td {
	border-top: none;
}
table.arkiv td.kategori {
	padding-right: 0;
}
table.arkiv td a {
	display: block;
	color: #000;
	font-weight: normal;
}
table.pass {
	float: left;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
table.pass a {
	display: block;
	font-weight: normal;
}
table.pass td, table.pass th {
	text-align: center;
	padding: 5px;
}
table.pass tr.legend th {
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}
.pass_kommentar {
	width: 400px;
	float: left;
	line-height: 16px;
	padding-right: 20px;
}
.pass_medcyklister {
	float: left;
	width: 250px;
}
.pass_medcyklister_full {
	float: left;
}
.pass_medcyklister ul.thumbs li, .pass_medcyklister_full ul.thumbs li {
	float: left;
	margin: 5px 5px 0 0;
}
.pass_medcyklister ul.thumbs li a, .pass_medcyklister_full ul.thumbs li a {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0;
	padding:2px;
	background: #fff;
	border: 1px #888 solid;
}
.pass_medcyklister ul.thumbs li a:hover, .pass_medcyklister_full ul.thumbs li a:hover { border: 1px #ddd solid; }

/* ANCHORS
-------------------------------------------------------------- */

a, a:link, a:active, a:visited {
	color: #d03693;
	outline: none;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #8a0455;
	text-decoration: none;
}
h2.artikelrubrik a { color: #000; }


/* TYPO
-------------------------------------------------------------- */

body, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
}
.soft { color: #999; }
.small, .small a { font-size: 11px; }
/*
span.right, span.right a { float: right; }
*/
span.right {
	position: relative;
	float: right;
}
.right { text-align: right; }
span.right a { margin-left: 5px; }
#contents a.chosen { color: #000; }
h2 span.small { margin-top: 4px; }
.publdat {
	font-weight: bold;
	margin-bottom: 5px;
}
.bold { font-weight: bold; }
.caption { color: #333; }
.fullsize p.caption { width: 670px; }
p.caption { width: 400px; }
.bild .byline {
	color: #777;
	float: right;
	padding-left: 15px;
	display: inline;
}
p { margin-bottom: 10px; }
.txtleft { text-align: left; }
.txtcenter { text-align: center; }
.txtright { text-align: right; }
.alert { color: #F00; }
.sfind { background-color: #ff0; }
.nobr { white-space: nowrap; }
.lcase { text-transform: lowercase; }
.block { display: block; }
.italic { font-style: italic; }

.clr_cykling { color: #d03693; }
.clr_lopning { color: #528b27; }
.clr_skidor { color: #013265; }
.clr_simning { color: #016d71; }
.clr_ovrigt { color: #a32b2b; }

/* HEADINGS
-------------------------------------------------------------- */

h2 {
	font-size: 16px;
	border-bottom: #d03693 3px solid;
	margin-bottom:10px;
}
h2.artikelrubrik {
	font-size: 30px;
	border-bottom: none;
	margin-bottom: 5px;
	line-height: 30px;
}
.col_3 h2.artikelrubrik {
	font-size: 16px;
	border-bottom: none;
	margin-bottom: 5px;
	line-height: 30px;
}
h3 {
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}

/* BILDER
-------------------------------------------------------------- */

.bild {
	position: relative;
	float: left;
	margin-bottom: 10px;
}
.bild img {
	margin-bottom: 5px;
}
.bild p {
	margin-bottom: 0px;
}
img.pbottom {
	margin-bottom: 10px;
}

/* FOOTER
-------------------------------------------------------------- */

#footer {
	width: 980px;
	float: left;
	background: transparent url(../img/footer_bg.gif) bottom center no-repeat;
	color: #FFF;
	margin-top: 0px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 10px;
}

#footer ul {
	width: 960px;
	background: #d03693;
	padding: 0 10px;
}
#footer ul li {
	float: left;
	color: #000;
	padding: 10px;
}
#footer ul li a, #footer #finfo a { color: #fff; }
#footer ul li a:hover, #footer #finfo a:hover { text-decoration: underline; }
#footer #finfo {
	width: 960px;
	text-align: center;
	padding: 10px;
	background: #8a0455;
	}

/* BANNERS
-------------------------------------------------------------- */

#ad_top {
	width: 980px;
	margin-bottom: 10px;
	float: left;
	height:120px;
}
#ads_right {
	width: 250px;
	margin-left: 10px;
	float: right;

}
#ads_right .banner {
	width: 250px;
	background: #ddd;

}
.banner {
	margin-top: 10px;
	float: left;
	display: block;
}