/*
  Brottsförebygganderådet
  SOL stylesheet.

  Förger:
    ljus     = #ECECBC; #eeeeee;
    mellan   = #CCCC99; #bbbbbb;
    märk     = #999966; #666666;
*/


/* Fonter */
#topremsa, #sidfot, #vanta, #base, #panel
{
  font-family: "Lucida Grande", Verdana, sans-serif;
}

/* Förger */
#topremsa
{
  background-color: #007c80;
}

#body, #base, select, td.info-box
{
  background-color: #ffffff;
}

#panel, td.valdflik, td.manover
{
  background-color: #eeeeee;
}

td.ejvaldflik
{
  background-color: #dddddd;
}

#toprremsa, #body, #base, #panel
{
  color: black;
}

/* top */
#topremsa {
  background-image: url("images/sv/gemensam/bra_logotyp.png");
  background-repeat: no-repeat;
  background-position: left; 
  width: 800px;
  height: 110px;
}

/* Knappar */
button.knapp {
  font: bold 60% Verdana, sans-serif;
  padding: 1px 0.5em;
  text-decoration: none;
  color: black;
  background-color: #cccccc;
  border: 2px solid;
  border-color: #dddddd #666666 #666666 #dddddd;
}

/* Block */
body {
  margin: 0px 0px 0px 0px;
}

#base {
  margin: 0px 14px 0px 14px;
  text-align: left;
  width: 772px;
}

#panel {
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 0px 0px; 
}

a:link, a:visited, a:active {
  color: black;
  font-weight : normal;
  font-style : normal;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.small:link, a.small:visited, a.small:active {
  color: #0000ff;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 60%;
  text-decoration: none;
}

a.small:hover {
  text-decoration: underline;
  color: #bbbbbb;
}

a.normal:link, a.normal:visited, a.normal:active {
  color: #0000ff;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: normal;
}

a.normal:hover {
  color: #bbbbbb;
}

.small {
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 55%;
  line-height: 14px;
}

.topmain {
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 62%;
  line-height: 14px;
  color: black;
}

/* flik sida *************************************************/

a.flika {
  border : none;
  text-decoration: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 80%;
}

td.valdflik, td.ejvaldflik {
  border-style: none;
  padding: 0px 10px 0px 10px;
  margin:  0px 0px 0px 0px;
  white-space: nowrap;
}

td.valdflik {
  font-weight: bold;
}

td.ejvaldflik {
  font-weight: normal;
}

/*===================================================================*/
/*********************************************************************/

.selectionlabel {
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 60%;
  line-height: 14px;
}

p.pagebreak {
  page-break-before: always
}


/* listboxar ------------------------------------------------- */
#panel table {
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* TD:n mellan listboxarna */
td.pil {
  width : 22px;
  background-image: url("images/sv/gemensam/pil.gif");
  background-repeat: no-repeat;
  background-position: center;
}

select {
  width : 100%;
  min-width: 100%;
  text-decoration: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size : 60%;
  color : #000000; /*#413F3F;*/
  border-color: #bbbbbb;
  border-width: 1px;
  border-style: solid;
  padding: 0px 0px 0px 0px;
}

select.drop-disabled {
  background-color : #EEEDED;
}

/* olika tabellhöjder */
td.manover {
  padding : 4px;
}

/* Tipsrutor =============================================*/
td.info-box, td.tips-ruta-topp, td.tips-ruta-botten, td.tips-ruta {
  padding : 4px;
  border-style: solid;
  border-color: #666666;
}

td.info-box {
  border-width: 1px 1px 1px 1px;
}

td.tips-ruta-topp {
  border-width: 1px 1px 0px 1px;
}

td.tips-ruta-botten {
  border-width: 0px 1px 1px 1px;
}

td.tips-ruta {
  border-width: 0px 1px;
}

fieldset.standard {
  border : none;
}

div.knappar {
  border : none;
  padding : 4px 4px 4px 4px;
}

div.listbox {
  border : none;
  width : 100%;
  overflow : hidden;
  padding : 0px 0px 0px 0px;
}

table.flikar {
  width:100%;
  height:50%;
}

table.navknappar {
  width:100%;
  height:10%;
}
/* sidfot ***************************************************/

#sidfot {
  font-size : 80%;
  border-top: 1px solid #bbbbbb;
  padding-top: 5px;
  margin: 10px 0px 10px 0px;
}

#sidfot div,
#sidfot strong {
  color: #666666;
} /* text i sparmarkning och sidfot */

#sidfot a
{
  color: #0000ff;
} /* lankar i sparmarkning och sidfot */

#sidfot a:hover
{
  color: #bbbbbb;
} /* lankar i sparmarkning och sidfot */

/* vantapopup ***************************************************/
#vanta {
  color : black;
  margin: 10px 10px 10px 10px;
  font-weight : normal;
}

#vanta div.rubrik {
  font-weight : bold;
  font-size : 80%;
}

#vanta div.brodtext {
  border-top: 1px solid black;
  margin: 5px 5px 5px 5px;
  font-size : 60%;
}

#vanta div.knapprad {
  margin: 10px 10px 10px 10px;
}
