br.both {
    clear: both;
}

br.left {
    clear: left;
}

br.right {
    clear: right;
}

form {
	margin: 0;
	padding: 0;
}

input {
	/*border: 1px solid #7f9db9;*/
}

.text, #sheetHelp p {
	font-style: normal;
	font-weight: normal;
	color: #000000;
	font: 70%/ 134% verdana, arial, helvetica, sans-serif;
}

#about .text {
	text-align: inherit;
}

#about h2 {
    font-weight: normal;
}

#about p {
    margin-bottom: 1em;
}

#about ul li {
    margin-bottom: 1em;
}

.translationtext {
	font-style: normal;
	font-weight: normal;
	color: #000000;
	font: 70%/ 134% verdana, arial, helvetica, sans-serif;
}

option.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: justify;
}

.topmenutext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.topmenulink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.adminmenulink, #adminmenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #000000;
}

ul.menu li a, .topmenuitem {
	/* Different priority than normal to match images used on pictogram.se */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-transform: lowercase;
}

.topmenuitem.disabled {
	color: #aaa;
}

ul.menu a:hover, a.topmenuitem:hover {
	text-decoration: none;
}

.adminmenuheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	background-color: #C80000;
	text-decoration: none;
	width: 160px;
}

.adminsmallheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
	color: #960000;
	text-decoration: none;
}

.adminheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	color: #960000;
	text-decoration: none;
}

.adminlargeheading, .backoffice-contents h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	color: #960000;
	text-decoration: none;
}

.admintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	color: #960000;
}

.smallheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: bold;
	color: #000000;
}

.account .largeheading {
    border-bottom: 1px solid #ccc;
}

.largeheading { /*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: normal;
	font-weight: normal;*/
	font: 140% helvetica, arial, sans-serif;
	color: #292929;
	margin-bottom: 0px;
	display: block;
}

.required {
	font-weight: bold;
}

#kontakt label.required {
	background: url(/images/required.png) no-repeat;
	padding-left: 15px;
}

#subscribe span.required {
	background: url(/images/required.png) no-repeat;
	position: relative;
	padding-left: 15px;
	left: -15px;
}

#subscribe em.mandatoryInfo {
	background: url(/images/required.png) no-repeat;
	padding-left: 15px;
	margin-left: 20px;
}

.inputfields {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.subscriptionfields {
	width: 280px;
}

select.subscriptionfields {
    width: 100%;
}

input.inputfields {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

a, .page-controls span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
}

/* aktuell sida i pagern. */
a.currentpage, .page-controls .page-current {
	color: #838383;
	text-decoration: none;
}

a.currentsheet {
	color: #36A7E9;
	/*color: #838383;*/
	text-decoration: none;
	border: 1px solid #36A7E9;
	padding: 2px;
}

select.list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	width: 130px;
}

select.languagedropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	width: 115px;
	margin-top: 0px;
}

select.dropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
}

img {
	border: 0 none;
/*	display: block; */
}

.leftedge {
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #cccccc;
	/*background-color: #FFFFE0;*/
	padding-left: 0px;
	padding-right: 0px;
	width: 190px;
	vertical-align: top;
}

.rightedge {
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #cccccc;
	/*background-color: #FFFFE0;*/
	padding-left: 0px;
	padding-right: 0px;
	width: 190px;
	vertical-align: top;
}

.middle {
	padding-left: 0px;
	padding-right: 0px;
	width: 380px;
	vertical-align: top;
}

table {
/*	border-style: solid;*/
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}

table.customertop {
	margin-bottom: 20px;
}

body.picto-online a.linkbutton {
	padding: 10px;
	border: 1px outset;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.smallbutton {
	background-color: #C80000;
	padding: 1px;
	border: 1px outset;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	/*	http://www.brandnewbox.co.uk/logbook/web/css/iebuttons.html	*/
	overflow: visible;
}

.extra-spacing {
    margin: 4px;
}

/* Objekt som ligger längs vänstra kanten */
.onleftedge {
	margin-left: 15px;
}

.loginbutton {
	text-decoration: underline;
	background-color: transparent;
	color: black;
	border: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	cursor: pointer;
	overflow: visible;
}

.block {
	position: absolute;
	width: 190px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	border: none;
}

.largeblock {
	height: 180px;
}

#top-menu {
    position: absolute;
    top: 66px;
}

/* en div för huvudinnehållet på varje sida. används under övergången från tables 
till css-positioning och kan troligtvis ta bort sedan */
.largecontent {
	position: absolute;
	top: 278px;
	left: 0px;
	width: 760px;
	height: auto;
	padding-left: 0px;
	margin: 0px;
}

body.top-menu-hidden .largecontent {
    top: 90px;
}

.upperblock {
	position: absolute;
	top: 0px;
	height: auto;
}

.lowerblock {
	position: absolute;
	top: 43px;
}

.customerleft, .customercenter {
    position: absolute;
    height: auto;
}

.customerleft {
	width: 190px;
	left: 0px;
}

.customercenter {
	width: 380px;
	left: 190px;
	padding-left: 0px;
}

.inactive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	color: #838383;
	text-decoration: underline;
}

.inactivesheet {
	color: #838383;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
}

.blue {
	color: #36A7E9 !important;
}

#top {
	position: absolute;
	top: 16px;
	left: 15px;
}

#top h1 {
	margin: 0px;
	padding: 0px
}

#ajax {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 745px;
	text-align: right;
}

#epost { /*
	position: absolute;
	top: 10px;
	left: 702px;
	z-index: 0
	*/
	display: none;
}

.pictogramlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.dragme {
	position: absolute;
	/*width: 60px;
	height: 60px;*/
}

#movable, #slidermovable, #schedulemovable, .movable {
	position: absolute;
	z-index: 500;
	width: 60px;
	height: 60px;
}

.ordersheetlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.ordersheetbutton {
	margin-top: 20px;
	border: 1px outset;
	background-color: #36A7E9;
	width: 130px;
	height: auto;
}

.getreadernotice {
	margin-top: 20px;
	border: 1px outset;
	width: 130px;
	height: auto;
}


.getreadernoticetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.instructions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

/* En plats i etikettarket */
.slot {
	z-index: 10;
	border-left: 1px solid white;
	border-top: 1px solid white;
	background-color: #dedede;
	position: absolute;
}

/* Skugga för etikettark */
div.shadow {
	overflow: hidden;
	background-color: black;
	position: absolute;
}

#loginForm div {
	margin-top: 3px;
}

#leftmenu .topmenuitem {
	margin-left: 15px;
}

/* descendant selectors funkar inte i IE så på detta sätt kan man skilja på vad som ska användas i IE och vad som ska användas i andra browsers.
 * position: fixed; funkar inte heller i IE
 */
html>body div#messageResourceSavedDiv,div.pictosysMessages {
	position: fixed;
}

div#messageResourceSavedDiv {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	border: 1px solid gray;
	background-color: #CCFF80;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	overflow: hidden;
}

div.messages {
	top: 20px;
	/*	width: 360px;*/
	left: 170px;
	background-color: white;
	z-index: 1000;
	position: absolute;
	padding: 30px;
}

#strutsMessages,.errorMessages {
	border: 2px solid red;
}

div.pictosysMessages {
	background-color: #CCFF80;
	width: 680px;
	left: 10px;
	top: 20px;
	border: 1px solid #CCC;
	text-align: center;
}

.errortext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.errorsymbol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
}

.messages .errortext {
	font-size: large;
}

.pictosysMessages span, .errorMessages ul li {
	font-size: large;
	font-weight: bold;
}

.instruction {
	font-size: small;
	font-style: italic;
}

.sheetMessage {
	position: absolute;
	top: 210px;
	left: 460px;
	width: auto;
	height: auto;
	border: 1px solid gray;
	background-color: #fff;
	padding: 30px;
	z-index: 100000;
}

.hide {
	display: none;
}

div.dialogContent {
    border: 1px solid gray;	
}

div.dialog {
	position: absolute;
	width: auto;
	height: auto;
	z-index: 10000;
	background-color: white;
}

#downloadPictogramDiv {
	left: 100px;
	top: 50px;
	background-color: #fdfdfd;
}

#printRegistry {
	top: 420px;
	left: 170px;
}

#printSettings {
	top: 360px;;
	left: 170px;
	width: 280px;
}

#openSheet {
	top: 360px;
	left: 400px;
}

#sheetHelp {
	top: 150px;
	left: 170px;
	width: 480px;
}

#sheetHelp .contents {
	padding: 10px;
}

#sheetHelp span.header {
	font-size: normal;
	font-weight: bold;
}

ul {
	padding: 0;
	margin: 0;
}

div.dialog li, ul li {
	list-style: none;
}

ul.notes {
	margin: 20px;
}

ul.notes li {
	list-style: disc;
}

div.draghandle {
	text-align: right;
	background-color: #bbb;
	cursor: move;
}

.select-free {
	position: absolute;
	z-index: 10; /*any value*/
	overflow: hidden; /*must have*/
	width: 33em; /*must have for any value*/;
}

.select-free iframe {
	border: none; /* display hack for IE5 */
	display: none;
	displa\y: block; /* [sic!] */
	position: absolute; /*must have*/
	top: -1px; /*must have*/
	left: -1px; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	width: 3000px; /*must have for any big value*/
	height: 3000px /*must have for any big value*/;
}

#selectRectangle {
	position: absolute;
	border: 3px solid lightBlue;
	background-color: white;
	overflow: hidden;
	z-index: 10000;
}

#pdfiframe {
	/* Obs! Alla längdmått kan inte vara 0; det funkar inte i IE+Reader 5.0. */
	position: absolute;
	top: -3000px;
	left: -3000px;
	width: 10mm;
	height: 0mm;
	border: none;
}

#searchresults div ul {
	margin-bottom: 5px;
}

#searchresults div ul li.link {
	padding: 0px;
	margin: 0px;
	line-height: 12px;
}

#searchresults img {
	cursor: move;
}

input.numeric {
	text-align: right;
}

#printSettings .heading {
	display: block;
}

#printSettings .row {
	display: block;
	padding: 0;
	text-align: right;
	margin: 4px 0px;
}

#printSettings .row input, #printSettings .row select {
	width: 100px;
}

#printSettings .row label {
	float: left;
	position: relative;
	top: 2px;
}

div.tooltip {
	font-weight: normal;
	font-size: small;
	padding: 2px;
	margin: 7px;
	background-color: #CEEAEE;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 10000;
}

div#downloadinstaller {
	width: 130px;
	font-size: xx-small;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin-top: 20px;
}

div#downloadinstaller span.notice {
	font-weight: bolder;
}

div#downloadinstaller a {
	margin-top: 10px;
	display: block;
	/*
	height: 20px;
	background: url(/images/ikoner_spara.gif) no-repeat;
	padding: 1px 0 5px 19px;
	font-size: 12px;
	*/
}

ul#benefits li {
	margin-left: 30px;
	list-style: disc;
}

.orderbutton {
	background-color: #C80000;
}

div#sitlogo {
	padding-top: 25px;
	clear: both;
}

div#sitlogo hr {
	height: 1px;
	border-top: 1px solid #c5c5c5;
	border-bottom: none;
}

div#sitlogo img {
	position: relative;
	right: -390px;
	top: -25px;
}

textarea {
	overflow: auto;
}

.note {
	font-size: x-small;
	font-weight: bold;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-style:  
}

.note b {
	color: black;
}

#sendMailingListForm label, #sendMailingListForm input, #sendMailingListForm textarea, #sendMailingListForm select {
	margin: 5px;	
} 

#sendMailingListForm label {
	display: block;
	float: left;
	text-align: right;
	width: 150px;

}

#sendMailingListForm br {
	clear: both;
}

#sendMailingListForm input, #sendMailingListForm textarea, #sendMailingListForm select {
	
}


ul.menu li {
	padding-left: 15px;
	line-height: 15px;
}

ul.menu li.selected {
	background-image: url(/images/white.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* IE6 does not support chained classes! */
ul.menu li.selected-header {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(/images/section-header-box.png);
}


.inplaceeditor-form {
	margin: 0;
	padding: 0;
	display: inline;
}

.inplaceeditor-form input {
	border: 1px solid #4c566c;
}


#available-sheets {
	overflow: auto;
	width: 250px;
	height: 150px;
	padding: 5px;
}

#available-sheets li {
	padding-left: 20px;
	background: url(/images/page.png) no-repeat;
}


#available-sheets li a:hover, #available-sheets li:hover {
	background-color: #09b009;
	cursor: pointer;

}

.clickable {
	cursor: pointer;
}

#downloads div {
	margin-bottom: 5px;
}

.disabled {
    color: #777;
}

ul.paymentMethodSelection li {
	font-size: x-large;
	margin-bottom: 20px;
	padding: 0 10px;
}

ul.paymentMethodSelection li.selected {
	border: 1px solid #ccf;
	padding: 9px;
}

ul.paymentMethodSelection li label:hover {
	cursor: pointer;	
}

span.text.header {
	font-size: large;
	font-weight: bold;
	display: block;
	white-space: nowrap;
	margin-right: 15px;
}


input.checkbox {
	width: auto;
}




.paynova-slogan span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.paynova-slogan img {
	margin-bottom: 5px;
}

.paynova-slogan li {
	font-family: Verdana, sans-serif;
	font-size: 12px;
}


.header br {
	clear: both;
}


.slider {
	width: 120px;
	background: 1px solid #cfcfcf;
	position: absolute;
	top: -10px;
}

.slider .info {
	font-weight: bold;
	font-size: x-small;
	padding-left: 20px;
	background-position: 3px 0;
	background-repeat: no-repeat;
	height: 16px;
	line-height: 16px;
	font-family: arial,helvetica,clean,sans-serif;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	
}

body .slider .yui-h-slider {
	width: 120px;
	background: url(/images/bg-h.png) no-repeat top left;
}

.slider.size {
	left: 190px;
}

.slider.size div.info {
	background-image: url(/images/image-size.png);
}

.slider.horizontal {
	left: 320px;
}

.slider.horizontal div.info {
	background-position: 0px 3px;
	background-image: url(/images/horizontal-spacing.png);
}

.slider.vertical {
	left: 450px;
}

.slider.vertical div.info {
	background-image: url(/images/vertical-spacing.png);
}


.rotate .to-portrait {
	display: none;
}

.landscape .rotate .to-landscape {
	display: none;
}


.landscape .rotate .to-portrait {
	display: inline;
}

.landscape-control {
    display: none;
}

.landscape .landscape-control {
    display: inline;
}

.landscape .portrait-control {
    display: none;
}

body.userimage-aware.userImages .pictogramControl {
	display:none;
}

body.userimage-aware .userImageControl {
	display:none;
}

body.userimage-aware.userImages .userImageControl {
	display: inline;
}

.buttonbar img {
	cursor: pointer;
}

.buttonbar .inactive img {
    cursor: auto;
}

.buttonbar li {
	display: inline;
}

body#slidersheet .buttonbar, body#schedulesheet .buttonbar, body#labels .buttonbar, body#weeksheet .buttonbar {
    position: absolute;
    left: 190px;
    padding-bottom: 400px;    
}

body#labels .buttonbar {
    left: 380px; 
    top: 507px;
    width: 380px;
}

body#labels.fixed-small .buttonbar {
    top: 577px;
}

body#labels.fixed-medium .buttonbar {
    top: 597px;
}

body#slidersheet .buttonbar, body#weeksheet .buttonbar, body#schedulesheet .buttonbar {
	/* portrait layout */
	top: 620px;
	width: 390px;
}

body#schedulesheet.landscape .buttonbar, body#slidersheet.landscape .buttonbar, body#weeksheet.landscape .buttonbar {
    /* landscape layout */
    top: 440px;
    width: 570px;
}


.left-buttonbar {
	float: left;
}

.right-buttonbar {
	float: right;
}



body#slidersheet.ext-ie6 .slot img {
    /* Aligning to bottom didn't work in IE6. */
    height: 100%;
    position: relative;
}

body#slidersheet .slot img {
	width: 100%;
	height: auto;
	
	/* Align images to the bottom. */
	position: absolute;
	bottom: 0;
}

body#slidersheet .slot {
	background-color: rgb(232,232,232);
	z-index: 10;
	opacity: 1.0;
	cursor: pointer;
	overflow: hidden;
}

body#slidersheet .large-image-container .selected {
    border: 2px solid teal;
    opacity: 0.5;
}

.slots-container {
    overflow: hidden;
}

body#slidersheet #slots .selected, body#slidersheet #secondary-slots .selected  {
	border: 1px solid teal;
	z-index: 100;
	opacity: 0.5;	
}

/* landscape, none or one large image */
body#slidersheet .sub-sheet {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    
    /* Will be customized */
    width: 540px;
    height: 360px;
}


/* landscape, two large */
body#slidersheet .two-large .sub-sheet {
    width: 270px;
}

body#slidersheet .two-large #secondary-sheet {
    left: 270px;
}

body#slidersheet.portrait .sub-sheet {
    width: 360px;
    height: 540px;
}

body#slidersheet.portrait .two-large .sub-sheet {
    height: 270px;
}

body#slidersheet.portrait .two-large #secondary-sheet {
    top: 270px;
    left: 0px;
}


body#slidersheet #secondary-sheet {
    /* Hidden by default. */
    display: none;
}

body#slidersheet.landscape #secondary-sheet {
    border-left: 1px dashed #ccc;
}

body#slidersheet.portrait #secondary-sheet {
    border-top: 1px dashed #ccc;
}

body#slidersheet .two-large #secondary-sheet {
    display: block;
}

body#slidersheet .large-image-container .has-image {
    background: none;
}

body#slidersheet .large-image-container .no-image {
    /*background-color: #E8E8E8;*/
    background: url(/images/print/large-photo-background.png) no-repeat center center;
}


body#slidersheet .two-large .large-image-container .no-image {
    background: url(/images/print/small-photo-background.png) no-repeat center center;
}

body#slidersheet .large-image-container .large-image-slot {
    /* Center large image slot in browsers except IE */
    margin: 0 auto;
}



body#slidersheet .large-image-container {
    /* Hide by default. */
    display: none;
    
    /* Center image in IE. */
    text-align: center;
}

body#slidersheet .one-large #main-image-container {
    display: block;
}

body#slidersheet .two-large .large-image-container {
    display: block;
}


#slidersheet .large-image-slot {
    width: 356px;
    height: 240px;
}

#slidersheet .two-large .large-image-slot {
    width: 265px;
    height: 160px;
}


body#slidersheet #pictogramsheet, body#schedulesheet #pictogramsheet, body#weeksheet #pictogramsheet {
    /* Common to all sheets with margin preview */
    position: absolute;
	background-color: white;
	overflow: hidden;
	
	margin-bottom: 200px;
}

body#slidersheet #pictogramsheet, body#schedulesheet #pictogramsheet {
	/* portrait layout */
	top: 58px;
	left: 205px;
	width: 360px;
	height: 540px;
}

body#weeksheet #pictogramsheet {
    top: 58px;
    left: 200px;
    width: 373px;
    height: 540px;
}

body#weeksheet.landscape #pictogramsheet {
    width: 540px;
    height: 373px;
}

body#schedulesheet.landscape #pictogramsheet, body#slidersheet.landscape #pictogramsheet {
	top: 58px;
	left: 205px;

	width: 540px;
	height: 360px;
}


body#weeksheet.landscape .indicator {
    margin-top: 2px;
}

body#weeksheet.portrait .indicator {
    margin-left: 2px;
}

#margins {
    /* Common to all margins */
    position: absolute;
    border: 1px solid #ddd;
}

body#schedulesheet #margins, body#slidersheet #margins, body#weeksheet #margins {
    top: 43px;
    left: 190px;
}

body#labels #margins {
    top: 30px;
    left: 380px;
    width: 380px;
    height: 470px;
}

body#labels.fixed-small #margins {
    height: 540px;
}

body#labels.fixed-medium #margins {
    height: 560px;
}

/* portrait */
body#slidersheet #margins, body#weeksheet #margins, body#schedulesheet #margins {
    width: 390px;
    height: 570px;
    
    /* light gray to differentiate sheet from background. */
    /* background-color: #f9f9f9; */
}


body#schedulesheet.landscape #margins, body#slidersheet.landscape #margins, body#weeksheet.landscape #margins {
    height: 390px;
    width: 570px;
}

body#schedulesheet #pictogramsheet {
    /* add a small line to show where print margin begins. */
    border-bottom: 1px solid #eee;
}

body#weeksheet #pictogramsheet .column {
    float: left;
    width: 53px;
    height: 100%;
    /* border-right: 1px solid #ccc; */
}

body#weeksheet.five-days #pictogramsheet .column {
    width: 74px;
}

body#weeksheet #pictogramsheet .row {
    width: 100%;
    height: 53px;
    /*border-bottom: 1px solid #ccc;*/
}

body#weeksheet.five-days #pictogramsheet .row {
    height: 74px;
}

.five-days #pictogramsheet #column-saturday, .five-days #pictogramsheet #column-sunday {
    display: none;
} 

body#weeksheet.landscape .column-header {
    float: left;
}

#pictogramsheet #column-monday.column {
    /* border-left: 1px solid #ccc;*/
}

#pictogramsheet #column-monday.row {
    /* border-top: 1px solid #ccc; */
}

#pictogramsheet .column .content-band, #pictogramsheet .row .content-band {
    height: 100%;
}

body#schedulesheet #pictogramsheet #header-band {
	height: 56px;
	margin-bottom: 4px;
	text-align: center;
}

#header-band img {
    margin: 5px auto;
}

body#schedulesheet #pictogramsheet .content-band {
	background-color: #e6e6e6;
	border: none;
	/*height: 80px; */
	margin-bottom: 20px;
	text-align: center;
	vertical-align: middle;
}

body#schedulesheet #pictogramsheet .content-band.dragging {
	/*border: 2px dashed #3f3;
	height: 100px;*/ 
	/* adjust for border */
}

#pictogramsheet .content-band span {
	font-style: italic;
	color: #959595;
	/* center text vertically - should be same height as content-band container */
	/* set in JSP */
	/*line-height: 80x; */
}

body#weeksheet .content-band {
    text-align: center;
    vertical-align: middle;
}

body#weeksheet .content-band  span {
    font-size: xx-small;
    color: #333;
}


body#weeksheet .column .content-band span {
    display: block;
    padding-top: 200px;
}

body#weeksheet .row .content-band span {
    line-height: 52px;
}

body#weeksheet.five-days .row .content-band span {
    line-height: 73px;
} 



body#schedulesheet #pictogramsheet .content-band.dragging span {
	/*color: #333;*/
}

body#schedulesheet #pictogramsheet .content-band img, body#weeksheet #pictogramsheet .content-band img {
	position: absolute;
	cursor: move;
}

body#weeksheet .column img {
    margin-left: 2px;
}

body#weeksheet .row img {
    margin-top: 2px;
}

#pictogramsheet div.indicator {
	position: absolute;
	background-color: white;
	border: 1px dashed black;
}

.warning {
	background: url(http://static.pictosys.se/famfamfam/silk/icons/error.png) no-repeat top left;
	padding-left: 20px;
	font-size: 16px;
}


#submenu {
	/* sub menu should be next to print menu option. */
	margin-top: 35px;
}

#renew-subscription {
	margin-top: 25px;
	margin-right: 15px;
	padding: 4px;
	border: 1px outset #C80000;
	background-color: white;
	opacity: 0.95;
	font-size: small;
	font-family: arial, helvetica, verdana, sans-serif;
}


#week-days-menu {
    left: 190px;
    width: 380px
}

.day {
    float: left;
    width: 15px;
    text-align: center;
    cursor: pointer;
}

#week-days-menu .day {
    margin-right: 4px;
    opacity: 0.25;
}

#week-days-menu .selected-day {
    opacity: 1.0;
}

.day span.caption {
    font-family: sans-serif;
    font-size:9px;
    font-weight: bold;
}

.day span.day-block {
    display: block;
    width: 15px;
    height:15px;
}

.monday {
    background-color: #54aa49;
}

.tuesday {
    background-color: #57bad1;
}

.wednesday {
    background-color: white;
}

body#schedulesheet #pictogramsheet #header-band.wednesday {
    height: 54px;
    border: 1px solid #E6E6E6;
}

#header-band.wednesday img {
    margin: 4px auto;
}

/* IE6 cannot use chained classes. */
#week-days-menu .day span.wednesday-block {
    border: 1px solid black;
    height: 13px;
    width: 13px;
}

.thursday {
    background-color: #b97d4b;
}

.friday {
    background-color: #fbdc50;
}

.saturday {
    background-color: #fbd8de;
}

.sunday {
    background-color: #ed2f31;
}

body.yui-skin-sam .yui-tt .bd {
    font-size: small;
    font-weight: normal;
    padding: 1px 2px;
}

body#slidersheet ul.layout li .on {
    display: none;
}

body#slidersheet ul.layout li .off {
	display: inline;
}

body#slidersheet .no-large ul.layout li.no-large .on, body#slidersheet .one-large ul.layout li.one-large .on, body#slidersheet .two-large ul.layout li.two-large .on {
    display: inline;
}

body#slidersheet .no-large ul.layout li.no-large .off, body#slidersheet .one-large ul.layout li.one-large .off, body#slidersheet .two-large ul.layout li.two-large .off {
	display: none;
}

#news .hd {
    /*color:#2fa2bd;*/
    font-weight: bold;
}

#news h2 {
    font-size: 12px;
    line-height: 25px;
    margin-bottom: 5px;
}

#news h3 {
    font-size: 12px;
    line-height:20px;
}

#news p {
    font-size: 10px;
    margin-bottom: 10px;
}

#news p.indent {
    text-indent: 12px;
}

#news ul li span {
    font-size: 11px;
    font-weight: bold;
    background: transparent url(/images/news/small-disc.gif) no-repeat scroll left top;
    padding-left: 8px;
}


/* QuickNotification.js */
#msg-wrapper {
    position: absolute;
    width: 760px;
    z-index: 20000;
}

#msg-div {
    position: absolute;
    width: 260px;
    z-index: 20000;
    top: 10px;
}



div#sheet-name-container {
    position: absolute;
    
    /* portrait layout */
    left: 590px;
    top: 43px;
    text-align: left;
    width: auto;
}

body#weeksheet #sheet-name-container {
    left: 330px;
    top: 16px;
    width: 250px;
    text-align: right;
}

body#weeksheet.landscape #sheet-name-container {
    width: 430px;
}

body.landscape div#sheet-name-container {
    left: 380px;
    top: 20px;
    width: 380px;
    text-align: right;
    
}

body#labels div#sheet-name-container {
    left: 380px;
    top: 0px;
}

#sheet-name {
    font-weight: bold;
    font-size: larger;
    color: #555;
}

#sheet-name.unnamed {
    color: #ccc;
}

body#labels .lowerblock {
	top: 30px;
}

.week-length-option {
    cursor: pointer;
    float: left;
    height: 30px;
    width: 40px;
    
    opacity: 0.25;
}

.selected-week-length-option {
    opacity: 1.0;
}

.week-dash {
    float: left;
}


#change-rows {
    position: absolute;
    left: 150px;
    top: -15px;
    width: 70px;
}

#change-rows img {
    position: absolute;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: none;
}

table.registry-download {
    margin-bottom: 100px;
}

table.registry-download th {
    padding: 3px;
}

table.registry-download td {
    padding: 3px;
}

table.registry-download a {
	padding-right: 20px;
	margin-left: 20px;
	font-weight: normal;
	text-decoration: underline;
	color: #4DBCD7;
	font-size: 12px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: bold;
}

table.registry-download a:hover {
    color: #5ECDE8;
}

table.registry-download .image-registry, table.registry-download .text-registry {
	background: url(/images/downloaded.gif) no-repeat top right;
}


table.registry-download .odd {
    background-color: #efefef;
}

.backoffice-contents p {
    color: #333;
    font-family: Arial,Helvetica,Geneva,Helvetica,sans-serif;
    font-size: 13px;
}

.backoffice-contents strong {
    font-weight: bold;
}

.backoffice-contents h2 {
    margin-top: 2em;
    color: #222;
}

.backoffice-contents h3 {
    margin-top: 10px;
    font-size: 70%;
    color: #222;
}

#hide-menu {
    position: absolute;
    left: 380px;
    width: 380px;
    text-align: right;
    top: 45px; 
}

#jul {
    position:absolute;
    left:190px;
    top: 5px;
}

form.inline {
    display: inline;    
}

.flash-message {
    font-weight: bold;
    background-color: #afa;
    border: 1px solid #363;
    color: #333;
    padding: 10px;
    margin: 10px 0px;
}
div.backnext {
	left: 190px;
	width: 570px;
	text-align: right;
	margin: 30px 0;
}

.backnext .next, .backnext a.back {
	color: black;
	text-decoration: none;
	font-size: smaller;
	height: 46px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	border: none;
	font-weight: normal;
	background-color: white;
	background-repeat: no-repeat;
	padding-top: 26px;
}

.backnext .next {
	background-image: url(/images/next.png);
	background-position: top right;
	padding-left: 0;
	padding-right: 0;
	cursor: pointer;
}

.backnext a.back {
	background-image: url(/images/back.png);
	float: left;
	background-position: top left;
	cursor: pointer;
}

.backnext input.next:hover {
	text-decoration: underline;
	cursor: pointer;
}

.subscribe #invoice fieldset {
	width: 445px;
}


html > body.subscribe fieldset.x-fieldset {
	/* background-color doesn't look good in IE */
	/*background-color: #f7f7ff;*/
}

.subscribe fieldset.x-fieldset {
	border: none;
}

.subscribe fieldset.x-fieldset {
	width: 475px;
}

.subscribe fieldset .item input, .subscribe fieldset .item select, .subscribe fieldset .item textarea {
	font-size: 16px;
	padding: 2px;
	border: 1px solid #B5B8C8;
	width: 250px;
	background-color: white;
}

.subscribe .info-field {
    width: 250px;
    display: inline-block;
    text-align: left;
}

.subscribe fieldset .item select {
	width: 255px;
}

.subscribe fieldset .item input:focus, .subscribe fieldset .item textarea:focus {
	border: 1px solid #666;
	background-color: #efefff;

}

.subscribe fieldset legend, .subscribe fieldset.x-fieldset legend {
	padding: 2px 5px;
	font-size: 12px;
	color: #444;
}

.subscribe fieldset .item {
	text-align: right;
	margin-bottom: 7px;
	clear: both;
}

.subscribe .error-messages li {
    float: right;
    color: red;
    clear: both;
    list-style: none;
    font-size: 12px;
}



.subscribe fieldset .item label {
	/*float: left;*/
	margin-right: 10px;
	font-weight: bold;
	color: #333;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 12px;
	padding: 3px 0;
}

.subscribe fieldset .item.optional {
	margin-bottom: 2px;
}

.subscribe fieldset .item.optional label {
	font-weight: normal;	
}

.subscribe fieldset .item .notify, .subscribe fieldset .item .checkbox {
	float: right;
}

.subscribe .item div.note {
	float: right;
	text-align: left;
	width: 250px;
}

.subscribe fieldset .item .notify label {
	/* need to make this text smaller since the Polish text is so long. */
	font-size: 10px;
}

.subscribe .x-panel-collapsed .item {
	display: none;
}

.subscribe fieldset.x-fieldset.x-panel-collapsed {
	background-color: white;
	padding-bottom: 0px;
}


.subscribe #invoice div.header {
	border-bottom: 1px solid #B5B8C8;
	width: 455px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}	

.subscribe #invoice div.header h2 {
	font-size: large;
	float: left;
	font-weight: normal;
	color: #333;
}

.subscribe #invoice div.header .checkbox {
	font-size: 12px;
}

.subscribe .paypal-summary {
   border-collapse: collapse;
   margin: 2em 0em;
}

.subscribe .paypal-summary th {
    color: #444;
    font-weight: bold;
    font-size: small;
}

.subscribe .paypal-summary td, .subscribe .paypal-summary th {
    padding: 0.3em 0.7em;
}

.subscribe td.number {
    text-align: right;
}

.subscribe .paypal-summary tbody {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid black;
    
}
/* Increase spacing */
body .x-toolbar .ytb-spacer {
    width: 5px;
}

.x-window-body a {
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: normal;	
}
.download-page .application.pictogram-updater {
    background-image: url(/images/download/uppdateringsprogram_v2-260.png);
}

.download-page .application.pictogram-manager {
    background-image: url(/images/download/pictogramhanteraren-260.png);
    min-height: 196px;
    /* For IE */
    height: 196px;
}

.download-page .application.bit-for-bit {
    background-image : url(/images/download/bit_for_bit.png);
    min-height: 181px;
    height: 181px;
}

.download-page .application.bilderboken {
    background-image : url(/images/download/bilderboken.png);
    min-height: 171px;
    height: 171px;
}

.application {
    background-position: 310px top;
    background-repeat: no-repeat;
    clear: both;
    width: 300px;
    padding-right: 270px;
    margin-bottom: 2em;
    margin-top: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #ccc;
}

.application h3 {
    color: #333;
    font-weight: normal;
}

.application img {
    float: right;
    margin-left: 1em;
}

.application p {
    font-size: small;
    color: #666;
    margin: 1em 0em 1em 0em;
}

.application p.download {
    margin-top: 2em;
    line-height: 1.5em;
}

.application p.download span {
    white-space: nowrap;  
}

.application .download a {
    color: #4EBDD8;
    background: url(http://static.pictosys.se/images/download.gif) no-repeat scroll 0 8px transparent;
    padding: 15px 0 1px 32px;
    font-size: x-small;
}

.download-page .download-page-header {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.5em;
}

.download-page h1 {
    color: #333;
    font-size: 150%;
    font-weight: normal;
    margin-bottom: 8px;
}

.download-page .download-page-header p {
    font-size: small;
}
.tell-a-friend .item label {
    display: block;
}

.tell-a-friend .item input.inputfields {
    width: 190px;
} 
body#contact-support h1 {
	color: #292929;
	display: block;
	font-stretch: normal;
	font-style: normal;
	font-size: 140%;
	font-size-adjust: none;
	font-variant: normal;
	font-weight: normal;
	font-height: normal;
	line-height: normal;
	font-family: verdana, arial, helvetica, sans-serif;
}

body#contact-support p {
	padding-right: 20px;
	margin-top: 0;
}

body#contact-support div { /* ram under testning */
	/* border: 1px solid black; */
	
}

body#contact-support .inmatning {
	width: 95%;
	border: 1px solid #7f9db9;
}

body#contact-support textarea {
	height: 100px;
}

body#contact-support #kontakt form {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	line-height: 200%;
}

body#contact-support form div {
	margin-top: 10px;
}

body#contact-support #address {
	position: absolute;
	left: 570px;
	width: 190px;
}

body#contact-support #address ul {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	line-height: 125%;
}

body#contact-support #address .name {
    font-weight: bold;
}

body#contact-support a.email {
	color: #4DBCD7;
	text-decoration: none;
}

body#contact-support a.email:hover {
	color: #4DBCD7;
	text-decoration: underline;
}
#license-management tr.odd {
    background-color: #efefef;
}

#license-management table.accounts-list td {
    padding: 5px;
}

#license-management table thead tr td {
    border-bottom: 1px solid #333;
    background-color: #0ca;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 1px black;
}

#license-management table.accounts-list {
}
/* Override some values from GWT standard.css */
html body.picto-online {
	color: black;
	margin: 0px;
	margin-bottom: 50px;
	border: 0px;
	padding-bottom: 50px;
    font-size: medium;
	background: white;
    font-family: helvetica,arial,verdana,sans-serif;
}

.picto-online table td {
    font-size: medium;
}

.backoffice table td {
    font-size: small;
}

.picto-online a, .picto-online a:visited, .picto-online a:hover {
    color: black;
}

.picto-online ul.menu li a, .picto-online .topmenuitem {
    color: white;
}

.gwt-DialogBox div.dialogContent {
    border: none;
    padding: 10px 5px;
}