html, body, h1, h2, h3, p, a, div, span, ul, ol, li, dl, dt, dd, img, form, fieldset {
	margin:0;
	padding:0;
	border:none;
}
body {
	background:#FCFCFC url(/themes/default/img/bg-header.png) repeat-x top center;
	font-family: "Lucida Grande","Lucida Sans", Arial, sans-serif;
	font-size:13px;
	line-height:1.4;
	color:#333;
}

#wrapper {
	width:822px;
	margin:0 auto;
} 

/* Basic */
h1, h2, h3 {
	padding-bottom:4px;
	font-size:20px;
	font-weight:normal;
	color:#333;
}
h2 {
	font-size:15px;
	font-weight:bold;
	margin:1.5em 0 0 0;
}
p {
	margin-bottom:.8em;
}
ul {
	margin-left:1.5em;
}
li {
	margin-bottom:1em;
}
a {
	color:#5DC7DB;
	text-decoration:none;
}
a:hover {
}
a:focus {
	outline:none;
}

/* Header */
#header {
	position:relative;
	height:50px;
	width:822px;
}
#header #logo {
	position:relative;
	top:8px;
}
#header ul {
	list-style:none;
	position:absolute;
	top:15px;
	right:0px;
}
#header li {
	display:block;
	float:left;
	margin-left:10px;
}
#header li a {
	display:block;
	color:#FFF;
	text-decoration:none;
	height:21px;
	background: transparent url(/themes/default/img/bg-nav.png) no-repeat center;
	text-indent:-999em;
	width:50px;
}

#header li.vikt a {
	width:37px;
	background-position:0px 0px;
}
#header li.vikt a:hover, #header li.vikt a:focus, .vikt #header li.vikt a {
	background-position:0px -21px;
}

#header li.installningar a {
	width:102px;
	background-position:-100px 0px;
}
#header li.installningar a:hover, #header li.installningar a:focus, .installningar #header li.installningar a {
	background-position:-100px -21px;
}

#header li.toplista a {
	width:74px;
	background-position:-300px 0px;
}
#header li.toplista a:hover, #header li.toplista a:focus, .toplista #header li.toplista a {
	background-position:-300px -21px;
}

#header li.hjalp a {
	width:44px;
	background-position:-400px 0px;
}
#header li.hjalp a:hover, #header li.hjalp a:focus, .hjalp #header li.hjalp a {
	background-position:-400px -21px;
}

#header li.logga_ut a {
	width:70px;
	background-position:-500px 0px;
}
#header li.logga_ut a:hover, #header li.logga_ut a:focus {
	background-position:-500px -21px;
}


/* Footer */

#footer #social {
	width:400px;
	float:left;
}
#footer #contact {
	width:200px;
	float:right;
	text-align:right;
}
#footer {
	color:#999;
	vertical-align:middle;
	padding:4px 4px;
	overflow:hidden;
}
#footer img {
	vertical-align:middle;
	margin:0 2px;
}
#footer a {

}


/* Startpage */
#hbc {
	position:absolute;
	top:10px;
	right:18px;
}


/* Content */
#content {
	margin-top:30px;
}
#content-top {
	background:transparent url(/themes/default/img/bg-content-top.png) no-repeat top center;
	height:10px;
} 
#content-middle {
	position:relative;
	background:transparent url(/themes/default/img/bg-content-middle.png) repeat-y center;
	min-height:380px;
	padding:2px 11px;
} 
#content-bottom {
	background:transparent url(/themes/default/img/bg-content-bottom.png) no-repeat bottom center;
	height:10px;
} 



/* Forms */
#header form {
	width:326px;
	position:absolute;
	top:12px;
	right:0px;
	color:#FFF;
	height:36px;
}
#header form a {
	color:#FFF;
	font-size:10px;
	position:absolute;
	bottom:0px;
	left:122px;
	display:none;
}
#header form:hover a {
	display:inline;
}
#header input[type="text"], #header input[type="password"] {
	width:110px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:none;
	padding:3px 3px;
	margin-right:6px;
	float:left;
	/*border:solid #DF5611 1px;*/
}
#password-clear {
    display: none;
}

#header input.button {
	position:relative;
	top:-1px;
	float:right;
}

input.exampleText {
  color: #AAA;
}

#ui-datepicker-div, #ui-datepicker-div table, #ui-datepicker-div td, #ui-datepicker-div th {
	font-size:50%;
	font-size:11px;
}



/* inner */
.inner {
	background-color:#9EC547;
	color:#FFF;
}
.blue {
	background-color:#5DC7DB;
	margin-bottom:12px;
}
.pink {
	background-color:#DD4C82;
	margin-bottom:12px;
}
.orange {
	background-color:#F1813A;
	margin-bottom:12px;
}

.inner .top {
	background:transparent url(/themes/default/img/bg-inner-top.png) no-repeat top center;
	height:8px;
	z-index:100;
}
.inner .bottom {
	background:transparent url(/themes/default/img/bg-inner-bottom.png) no-repeat bottom center;
	height:8px;
	z-index:100;
}
.graph-wrapper .bottom {
	height:30px;
}

.inner #statusbar {
	margin:10px 20px;
	font-size:120%;
}

#graph-menu {
	position:relative;
	margin: 2px 20px;
	padding-top:4px;
	border-top:dotted #FFF 1px;
	font-size:11px;
}

#period ul {
	position:absolute;
	top:1.2em;
	left:3.6em;
	list-style:none;
	margin:0;
	padding:4px 6px;
	background-color:#5DC7DB;
	border:solid #FFF 1px;
	z-index:101;
	width:110px;
}
#period li {
	margin:0;
	padding:3px 0;
}
select {
	font-size:11px;
}

#graph-menu #period, #graph-menu #download, #graph-menu #share {
	display: inline-block;
}
#graph-menu a {
	position:absolute;
	top:.5em;
	cursor:pointer;
	color:#FFF;
}
#graph-menu a:hover {
	text-decoration:underline;
}
#graph-menu #download {
	right:0px;
}
#graph-menu #share {
	right:75px;
}


/* Vikt */
table {
	width:780px;
	margin:0 auto;
	border-collapse:collapse;
}
table th {
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	font-size:12px;
}
th, td {
	padding:6px 2px;
}
td {
	border-top:solid #A8CB5A 1px;
	vertical-align:middle;
	font-family: "Lucida Grande","Lucida Sans", Arial, sans-serif;
	font-size: 15px;
}
#content td input.weight {
	width:40px;
}
#content td input.logday {
	width:82px;
}
.weight, .logday {
	border:none;
	background: #FFF;
	padding:4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
td.buttons {
	width:76px;
}
td.buttons span {
	margin-top:3px;
	height:17px;
	background:transparent url(/themes/default/img/buttons.png) no-repeat center;
	text-indent:-99em;
	display:block;
	float:left;
	cursor:pointer;
}

td span.btn-andra {
	width:42px;
	background-position:0px 0px;
}
td span.btn-andra:hover {
	background-position:-50px 0px;
}

td span.btn-spara {
	width:39px;
	background-position:0px -20px;
}
td span.btn-spara:hover {
	background-position:-50px -20px;
}

td span.btn-radera {
	width:17px;
	background-position:0px -40px;
	margin-left:4px;
}
td span.btn-radera:hover {
	background-position:-50px -40px;
}

tr.edited td {
	background-color:#ECF3DA;
	color:#9EC547;
}


/* Invägningen */
.new {
	position:relative;
	border:none;
	background: #FFF;
	padding:10px 30px;
	margin-bottom:10px;
	height:30px;
	background:transparent url(/themes/default/img/bg-new.png) no-repeat center;
	font-size:18px;
	font-weight:bold;
	vertical-align:middle;
	line-height:20px;
}
.new input {
	height:20px;
	vertical-align:middle;
	font-size:16px;
}
#content .new .weight {
	width:50px;
}
.new span.btn-spara {
	position:absolute;
	top:10px;
	right:20px;
	text-indent:-99em;
	display:block;
	height:30px;
	width:62px;
	cursor:pointer;
	background:transparent url(/themes/default/img/bg-new-save.png) no-repeat center;
}
.new span.btn-spara:hover {
	background:transparent url(/themes/default/img/bg-new-save-hover.png) no-repeat center;
}

.new #saving {
	position:absolute;
	top:12px;
	right:100px;
	font-size:11px;
	padding:3px 5px;
	background-color:#FFF;
	color:#DD4C82;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Graph */
#graph {
	height:350px;
	width:780px;
	padding:10px 10px 2px 8px;
}

/* Signup */
#signup-button {
	cursor:pointer;
}
#signup-form {
	padding:20px 0px;
}

#content input[type="text"], #content input[type="password"] {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:solid #9EC547 1px;;
	padding: 5px;
	background-color: #FFF;
	font-family: "Lucida Grande","Lucida Sans", Arial, sans-serif;
	color:#6E8A32;
	font-weight:bold;
	width:165px;
}
#content input[type="text"]:focus, #content input[type="password"]:focus {
	border:solid #6E8A32 1px;;
}
#signup-form table {
	width:100%;
}
#signup-form td.heading {
	background-color:#B1D16C;
	padding:4px 12px;
}
#signup-form td.heading h2 {
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	padding:0;
	margin:0;
}
#signup-form td.heading p {
	margin:0;
}
#signup-form td {
	font-size:12px;
	border:none;
	padding:8px 0px;
}
#signup-form tr.first td {
	padding-top:16px;
}
#signup-form tr.last td {
	padding-bottom:16px;
}
#signup-form td.t1 {
	text-align:right;
	font-weight:bold;
	vertical-align:top;
	width:21%;
	padding-top:12px;
}
#signup-form td.t2 {
	padding-right:10px;
	padding-left:10px;
}
#signup-form td.t3 {
	font-style:italic;
	vertical-align:top;
	width:50%;
	padding-right:10px;
}

#signup-form .error {
	color:#FF0000;
}

/* Statiska sidor */
.textpage {
	padding:20px;
	color:#333;
}
.inner .textpage {
	color:#FFF;
}

/* Toplista */
#toplista table {
	border:solid #A8CB5A 1px;
}
#toplista td, #toplista th {
	border-left:solid #A8CB5A 1px;
	padding-left:6px;
}
#toplista th {
	cursor:pointer;
	padding-right:12px;
	background: transparent url(/themes/default/img/sort-both.png) no-repeat center right;
}
#toplista th.headerSortDown {
	background: #A8CB5A url(/themes/default/img/sort-up.png) no-repeat center right;
}
#toplista th.headerSortUp{
	background: #A8CB5A url(/themes/default/img/sort-down.png) no-repeat center right;
}
#toplista th:hover {
	background-color:#A8CB5A;
}

/* Startsida */
#screenshots {
	background: #FFF url(/themes/default/img/startpage-screens.jpg) no-repeat top center;
	min-height:210px;
	padding:20px 20px;
	position:relative;
}
#screenshots div {
	width:260px;
	margin-bottom:20px;
}
#screenshots h1 {
	font-size:16px;
}
#bc {
	position:absolute;
	top:150px;
	right:-25px;
}

.text {
	padding-left:20px;
	width:570px;
	float:left;
}
.puff {
	width:270px;
	float:left;
	padding-right:15px;
	padding-bottom:10px;
}
.puff h2 {
	font-weight:normal;
	font-size:17px;
	line-height:1.2;
	padding-bottom:0;
	margin:0;
	width:230px;
	color:#333;
	display:inline;
	
}
.puff img {
	float:left;
	margin:0 16px 4px 0;
}
.puff p {
	clear:both;
}
#news {
	padding-right:20px;
	float:right;
	width:188px;
	min-height:200px;
	border-left:solid #DDD 1px;
}
#news p {
	margin-left:10px;
	font-size:11px;
	line-height:1.3;
}
#twitterlink {
	line-height:16px;
}
#twitterlink img {
	vertical-align:text-bottom;
}

/* Admin */
#admin table td {
	font-size:11px;
}

.popup {
	font-size:12px;
	padding:6px 10px 0px 10px;
}

.popup p#url {
	padding:3px 4px;
	border:solid #333 1px;
	background-color:#efefef;
	color:#AAA;
}
.popup p#url.active {
	background-color:#FFFFE0;
	color:#000;
}








/* Lightbox */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../img/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
/*
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
  */