html,body,td,div,span,th {
  color:#000000;
  font-weight:normal;
  font-size:11px;
  font-family:arial, helvetica, verdana;
}
th {
  color:#000000;
  font-weight:bold;
  text-align:left;
}

a,
a:link,
a:visited,
a:active,
a:hover {
  color:#902e8f;
  text-decoration:none;
  font-size:11px;
  font-family:arial, helvetica, verdana;
}
a:hover {
  color:#db59da;
  text-decoration:underline;
}

a.small,
a.small:link,
a.small:visited,
a.small:active,
a.small:hover {
  color:#902e8f;
  text-decoration:none;
  font-size:9px;
  font-family:arial, helvetica, verdana;
}
a.small:hover {
  color:#db59da;
  text-decoration:underline;
}

a.white,
a.white:link,
a.white:visited,
a.white:active,
a.white:hover {
    color:#ffffff;
    font-weight:normal;
    text-decoration:underline;
    font-size:11px;
    font-family:arial, helvetica, verdana;
}

a.topnav,
a.topnav:link,
a.topnav:visited,
a.topnav:active,
a.topnav:hover {
    color:#ffffff;
    text-decoration:none;
    font-size:12px;
    font-family:arial, helvetica, verdana;
}

a.subnav,
a.subnav:link,
a.subnav:visited,
a.subnav:active,
a.subnav:hover {
  color: #000000;
  text-decoration: none;
  font-size: 11px;
  font-family:arial, helvetica, verdana;
}

a.subnav:hover   {
  color:#525252;
  text-decoration:underline;
}

a.flikar,
a.flikar:link,
a.flikar:visited,
a.flikar:active {
  color:#000000;
  text-decoration:none;
  font-size:11px;
  font-family: arial, helvetica, verdana;
}
a.flikar:hover   {
  color:#860C85;
  text-decoration:underline;
}

.bildtext    {
  color:#5A5A5A; font-weight:normal; font-size:11px; font-family:arial, helvetica, verdana;
}
.bold      {
  color:#000000; font-weight:bold; font-size:11px; font-family:arial, helvetica, verdana;
}
.boldwhite    {
  color:#ffffff; font-weight:bold; font-size:11px; font-family:arial, helvetica, verdana;
}
.white      {
  color:#ffffff; font-weight:normal; font-size:9px; font-family:arial, helvetica, verdana;
}
.ettarubrik     {
  color:#000000; font-weight:bold; font-size:20px; font-family:arial, arial, helvetica, verdana;
}
.rubrik      {
  color:#000000; font-weight:bold; font-size:16px; font-family:arial, helvetica, verdana;
}
.underrubrik  {
  color:#000000; font-weight:bold; font-size:14px; font-family:arial, helvetica, verdana;
}

input, select, textarea {
  color: #000000;
  font-weight: normal;
  font-size: 11px;
  font-family:arial, helvetica, verdana;
}

.small     { font-family:Arial, sans-serif, Helvetica; font-size: 9px; }
.rub1      { font-family:Arial, sans-serif, Helvetica; font-size: 18px; }
.rub2      { font-family:Arial, sans-serif, Helvetica; font-size: 22px; font-weight:bold; }
.boxrubrik { font-family:Arial, sans-serif, Helvetica; font-size: 13px; font-weight:bold; }

/* Använd för stora rubriker */
.rub3      {
  font-family:arial, helvetica;
  font-size:20px;
  font-weight:bold;
  color:#6d6d6d;
}
.rub3red   {
  font-family: Arial, sans-serif, Helvetica;
  font-size: 16px;
  font-weight:bold;
  color:red;
}

/* Använd som underrubrik */
.rub4      { font-family:Arial, sans-serif, Helvetica; font-size: 12px; font-weight:bold; }
.rub5      { font-family:Arial, sans-serif, Helvetica; font-size: 20px; font-weight:bold; }

/* Exempeltexter */

.example {
  padding-top: 5px;
  font-family: arial, sans-serif, helvetica;
  font-style: italic;
  font-weight: lighter;
  color: #787878;
}

/* Infobox */
.infobox {
  background-color: #ffffff;
}
.infoboxrub { font-family:Arial, sans-serif, Helvetica; font-size: 14px; font-weight:bold; }
.infobox dt { font-weight: bold; margin: 1em 0 0 0; }
.infobox dd { margin: 0; }

.warning    {
  font-family: Arial, sans-serif, Helvetica;
  font-size: 16px;
  font-weight:bold;
  color:red;
}
.tipsrubrik {font-family: Arial, sans-serif, Helvetica; font-size: 12px; font-weight:bold;}

form {
  margin-top:0;
  margin-bottom:0;
}

ul.nolist {
  list-style-type:none;
  margin:0;padding:0;
}
ul.nolist li {
  margin:0;padding:0;
}

h1 {
    font-family:arial;
    font-size: 16px;
    margin-bottom : 2px;
}

h2 {
    font-family:arial;
    font-size: 14px;
    margin-bottom : 2px;
    margin-top : 2px;
}

h3 {
    margin-bottom : 2px;
}

.description {
  font-family:arial;
  font-size: 11px;
}

/* feed reader */
.blogdate { margin-top: 5px; color: #999; }
.bloglink { font-weight: bold; }

/* table used for forms, thin lightgray borders */
table.formgrid {
  width: 100%;
  border-collapse: collapse;
}
table.formgrid td, table.formgrid th {
  padding: 4px;
  border: solid 1px #e0e0e0;
  vertical-align: top;
}

table.formgrid table td, table.formgrid table th {
  border: none; padding: 0 0 3px 0;
}

table.nested_grid {
  margin: 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
}
table.nested_grid td, table.nested_grid th {
  vertical-align: top;
}

table.nogrid td, table.nogrid th {
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* table for "admin boxes", thick border around, thin black border inside */
table.adminbox {
  width: 100%;
  border-collapse: collapse;
  border: solid 2px black;
}
table.adminbox td, table.adminbox th {
  padding: 4px;
  border: solid 1px black;
  vertical-align: top;
  background-color: #f5f5f5;
}
table.adminbox table td, table.adminbox table th {
  border: none; padding: 0 0 3px 0;
}

td.silverline {
  border-bottom: 1px solid silver;
}

td.silverlineTop {
  border-top: 1px solid silver;
}

td.leftline, th.leftline {
  border-left:   1px solid silver;
  border-bottom: 1px solid silver;
}

td.rightline {
  border-right:  1px solid silver;
  border-left:   1px solid silver;
  border-bottom: 1px solid silver;
}

td.strongline {
  background-color: #000000;
}

td.fullline {
  border: 1px solid silver;
}

td.weakline, tr.weakline td {
  background-color: #EEEEEE;
}

td.blackline {
  border-bottom: 1px solid black;
}

.specifiedhtml {
  font-family: Arial, sans-serif, Helvetica;
  font-size:   11px;
  width:       422px;
}

#button_section_description {
  padding-top: 15px;
}

#toggle_all {
  float: right;
}

.template_settings_head {
  padding-top: 15px;
  padding-bottom: 5px;
}

.inputs_area {
  width: 100%;
}
.button_input img {
  padding-bottom: 3px;
}
.button_type_label {
  padding: 10px;
  width: 140px;
  border-top: solid 1px #e0e0e0;
  border-left: solid 1px #e0e0e0;
  border-right: solid 1px #e0e0e0;
}
.button_type_settings {
  padding: 10px;
  width: 680px;
  border-top: solid 1px #e0e0e0;
  border-left: solid 1px #e0e0e0;
  border-right: solid 1px #e0e0e0;
}

.last_cell {
  border-bottom: solid 1px #e0e0e0;
}

.button_text_column, .button_text_column input {
  width: 80px;
}

.button_image_column {
  width: 240px;
  overflow: hidden;
}

.button_submit_column {
  width: 50px;
}

#submit_template_buttons {
  margin: 10px;
}

.template_button_text {
  border: 1px solid purple;
  font-family: arial;
  font-size: 11px;
  margin-bottom: 3px;
  margin-top: 10px;
  padding: 10px;
}

.template_ruler {
  color: #DDD;
}

.button_arrow {
  width: 5px;
  height: 5px;
  display: inline-block;
  vertical-align: top;
}

.odd {
  background-color: #EEE;
}
.even {
  background-color: #FFF;
}
.toggle_link {
  outline: 0;
}

.postentabletd { background-color: #E0E0E0;}
.postentabletd { background-color: #E0E0E0; }

#logotype_editing_area {
  float: left;
  width: 550px;
}

#logotype {
  float: left;
  margin-top: 10px;
}

#logotypes {
  float: left;
  margin-top: 10px;
}

.logotype_helpbox {
  float: right;
  width: 270px;
  margin-top: 10px;
}

.hidden {
  display: none;
}

.logotype_area {
  float: left;
}

.logotype_language {
  float: left;
  width: 550px;
  padding: 10px;
}
.logotype_image_column {
  float: left;
  width: 270px;
}
.logotype_image_column img {
  margin-top: 10px;
}
.logotype_left_column {
  float: left;
  width: 270px;
}
.logotype_toggle {
  float: left;
  margin-top: 2px;
}
.logotype_indicator {
  float: left;
  display: inline;
}
.logotypes_submit {
  float: left;
  margin-top: 10px;
}
.clear {
  clear: both;
}
.customer_text_search {
  width: 120px;
  margin-bottom: 5px;
}

.preview_pushdown { padding-bottom: 20px; }

/* placera kryssrutor vertikalt (utan tabell) */
input[type="checkbox"],input[type="radio"] { vertical-align:text-bottom; padding:0; margin-bottom:0 }

input.button {
  background-image: url(/se/pics/button_inputback.gif);
  border:1px solid #c0c0c0;
  font-weight:bold;
  height:22px;
  font-size:11px;
  color:#7d297c;
}

a.hrefbutton:link,
a.hrefbutton:active,
a.hrefbutton:visited,
a.hrefbutton:hover {
    background-image: url(/se/pics/butt_back.gif);
    height:18px;
    padding-top:2px;
    color:#000000;
    text-decoration:none;
}

.drag { position:relative; cursor:pointer; }
.toolwindow {
  position:absolute;
  left:740px;
  top:65px;
  border:1px solid #000000;
  padding:4px;
  width:220px;
}

.upperLine { border-top: 1px solid #c0c0c0; }
.upperLineEm { border-top: 1px solid #606060; }

input.orderEditInput {
  font-size:10px;
  font-weight: normal;
  background-color: #FFFFFF;
  color: #000000;
}
input.orderEditInputDisabled {
  font-size:10px;
  font-weight: normal;
  background-color: #E0E0E0;
  color: #000000;
}

input.categoryURLPreview {
  color: #666666;
  border: 0 none;
  margin-top: 1px;
  margin-bottom: 6px;
  width:350px;
  background:transparent;
}

.vatratesth,
.vatratestd {
  border-bottom: 1px solid #d0d0d0;
  padding-left:20px;
}

table.helpbox {
  border:1px solid #a34ca2;
}
td.introbox {
  background-color:#990099;
  color:#ffffff;
}

/* error messages etc */
.success, .error, .warning {
  font-weight:bold;
}
.success { color: green; }
.error   { color: red; }
.warning { color: red; }

/* a div for grouping a settings with its label and description */
div.setting {
  margin-bottom: 10px;
}
label.setting {
  display: inline-block;
  width: 10em;
}

input.knappvidare {
  height:34px;
  width:154px;
  text-align:center;
  background-image: url(/se/pics/createbuttonback.png);
  background-color:transparent;
  background-repeat: no-repeat;
  cursor:pointer;
  border:0;
  color:#ffffff;
  font-family:arial,sans-serif;
  font-size:13px;
  font-weight:bold;
}

label.editorShortLanguage {
  padding-top:2px;
  width:32px;
  float:left;
}

#limit_article_rating_to_buyergroups {
  padding-top: 5px;
}

.shopwindow_block {
  margin-bottom:8px;
}
.shopwindow_block .categoryURLPreview {
  width:400px;
  margin-left:20px;
  margin-top:3px;
}
.shopwindow_block_header {
  float:left;
  width:250px; /* width of language+text */
  font-weight:bold;
  vertical-align:middle;
  height:25px;
  margin-top:5px;

}

.shopwindow_block_language {
  position:relative;
  float:left;
  width:30px;
  padding-top:4px;

}
.shopwindow_block_text {
  position:relative;
  float:left;
  width:220px;
  vertical-align:middle;
}
.shopwindow_block_extension {
  position:relative;
  float:left;
  width:70px;
  padding-top:4px;
}

#login-as-buyer-shops {
  list-style-type: none;
  padding: 0 0.5em;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}

/** edit_email.php */
#settings_email input.details {
    width: 98%;
}

/**
 *
 * RFC: Should be standard for Settings-pages;
 * the top header containing the icon + title &
 * the main document; both share characteristics.
 *
 * Currently used in edit_email.php
 */
#settings_page_information,
#settings_page_document {
    width:   100%;
    border: 0;
    padding:0;
    margin: 0;
}
/**
 * Width of the cell that describes a controller, i.e. input
 * edit_email.php
 */
#settings_page_document .td_name {
    padding-top: 5px;  /* This is the approximate value to position text at the exact middle of an object */
    width:100px;
}
/** Should be standard for icons representing a settings-page */
#settings_page_information .settings_icon_logo {
    width: 32px;
    height: 32px;
    vertical-align: middle;
}
/**
 * Where buttons for the settings-page are placed,
 * i.e. Uppdatera, Spara etc.
 */
#settings_footer_control {
    text-align: right;
    vertical-align:middle;
}

ul.template-shop-thumbs {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul.template-shop-thumbs li {
  position: relative;
  display: inline-block;
  width: 112px;
  margin: 0 12px 2px 0;
}
ul.template-shop-thumbs li img {
  height: 110px;
  width: 110px;
  border: solid 1px #bbbbbb;
}
ul.template-shop-thumbs li .overlay {
  position: absolute;
  top: 0;
  height: 110px;
  width: 110px;
  background: url('/pics/zoom-icon.png') top right no-repeat;
}
ul.template-shop-thumbs li .descr {
  height: 55px;
  overflow: hidden;
}

/* Info-box */
.info-box-wide {
  border: 1px solid #d6d6d6;
  background-image: url(/pics/infobox-background.png);
  background-repeat: repeat-x;
  padding: 8px;
  margin-top: 8px;
  margin-bottom: 10px;
}
.info-box-wide img {
  vertical-align: middle;
  margin-right: 15px;
  margin-left: 10px;
  width: 26px;
  height: 26px;
}
.info-box-wide span {
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
}

/* jQuery ui */
.ui-state-default, .clickable {
  cursor: pointer;
}

/* various jQuery plugins */
div.artgrpselector-wrapper:focus {
  outline: none;
}
div.artgrpselector-focused .artgrpselector-label {
  background-color: #ddd;
  outline: solid 1px #999;
}
.artgrpselector-label {
  border-radius: 2px;
  -moz-border-radius: 2px;
}

/* variaous lists and tables */

/*
  .blackline,
.silverline {
  text-align: left;
  vertical-align: top;
}*/

.blackline {
  font-weight: bold;
}

td.numeric, th.numeric {
  text-align: right;
}

table.admin_list_filter {
  background-color: #F5F5F5;
  border: 1px solid #808080;
  width: 100%;
}
table.admin_list_filter input {
  margin-left: 0.5ex;
}

table.admin_list {
  border-spacing: 0;
  width:          100%;
}

table.admin_list td, table.admin_list th, table.admin_info td, table.admin_info.th {
  border-bottom: 1px solid silver;
  padding: 2px 4px;
}

table.admin_info {
  width:            100%;
  border-top:       1px solid #c0c0c0;
  border-left:      1px solid #c0c0c0;
  border-right:     1px solid #c0c0c0;
  background-color: #f0f0f0;
  border-spacing:   0;
}


tr.expression td  {
  background-color: #f8f8f8;
}

.filtereditor_name_field {
  width:300px;
}

.filtereditor_action_field {
  width:100px;
}

.filtereditor_abstract {
  margin-top: 0px;
  margin-bottom: 20px;
}

.filtereditor_rule_headline {
  float:left;
  display:block;
  height:11px;
  font-weight: bold;
  font-size: 12px;
}

.filtereditor_addnewrule {
  cursor: pointer;
  background-image: url(/pics/icon_add.png);
  background-color: transparent;
  border: 0;
  font-size: 11px;
  text-decoration: underline;
  margin-left: 22px;
  margin-right: 12px;
}

tr.filtereditor_operationsrow  td {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  padding-bottom: 2px;
}

tr.filtereditor_spacerow td {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  padding-bottom: 12px;
}

div.pager {
  margin-top:     7px;
  text-align:     right;
  vertical-align: middle;
}

a.previous, a.next {
  cursor: pointer;
}

/* used in some places in admin (e.g. cashier prefs) */
textarea.plaintext {
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 10px;
}

img.ui-datepicker-trigger {
  vertical-align: middle;
  border: 1px solid black;
}

.textalk_debug {
  border: 1px solid red;
  padding: 5px;
  background: white;
  color: black;
  display: inline-block;
}
.severity_WARNING, .severity_USER_WARNING {
  border-width: 3px;
}
.severity_ERROR {
  border-width: 5px;
}

.admin-block {
  border: 1px solid #c0c0c0;
  width: 360px;
  background-color: #f0f0f0;
}

.right {
  text-align: right;
}
.topnavsep { height: 28px; width: 2px; margin-top:7px; background: url(/se/pics/topnavsep.gif) no-repeat top right; }
.mainmenuitem { height:35px; padding:0px; cursor:pointer; }
.in_mainmenuitem {padding-top:12px; padding-bottom:0px; }
.mainmenuitem_active {background-image:url(/se/pics/topnavback1.gif); }
.submenu {
  padding:4px 8px;
  background-color: #f0f0f0;
  border-bottom: 1px solid silver;
}

.edit_article_class_button {
  background-image: url(/se/pics/admin-bg.png);
  background-repeat: repeat-x;
  display: inline-block;
  padding: 4px 12px;
  font-size: 12px;
  border: 1px solid #cdcdcd;
  text-decoration: none;
  color: #7D297C;
  font-weight: 700;
}

.edit_article_class_button:hover {
  background-image: url(/se/pics/admin-bg-hover.png);
}