/*picture backgrounds*/ 
.pic {
  background: url(../images/sprite.png) no-repeat -1000px -1000px;
}
.hidden {
	display:none;
}
.mnd-warn {
  float: right;
}
b.mnd {
  color: red;
  font-weight: bold;
}
.button{
	margin-right:10px;
}
.separator{
  border-top:2px dashed #bbb;
}
h2 {
  color: #0D5E35;
  font:bold 14px/19px Arial;
}

body {
  font: normal normal normal 11px / 19px Arial, Helvetica, sans-serif;
  color:#363636;
}

.appContent {
  padding: 10px;
}
/*Navigation bar*/
#navigation{
	height:24px;
	float:left;
	margin:10px;
}
#navigation .item, #navigation .item span{
    height: 100%;
}

#navigation li {
    float: left;
    overflow: hidden;
    display: block;
    font-size: 0.7em;
    line-height: 1.7;
    padding-left:8px;
}
#navigation li a{    
	cursor: default;
}
#navigation span{
  float:left;
  display: block;
  padding: 0 18px 0 0px;
  font-size: 11px;
  line-height:22px;
}
.ie #navigation span{
  height:24px;
}
#navigation  span{
  color:#bbb;
}
#navigation .active span{
  font-weight:bold;	
  color:#0D5E35;
  background-position: 0 0;
}
#navigation .active .msg{
  background-position: 100% 0;
}

/*Rounded Box*/ 
.round-main {
  padding: 10px;
  border: 2px solid #EDEDED;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

/*Links*/
a {
  color: 0D5E35;
}
.button b {
  float: right;
  height: 24px;
  cursor:pointer;
} 

.button span {
  float: left;
  font-weight: bold;
  line-height: 24px;
  padding-right: 24px; /*to keep symmetrical distance also on the right*/
  background-position: 0 -24px;
}
.back span {
  background-position: 0 -48px;
}
.button .start {
  height: 100%;
  background-position: 0 -24px;
  padding-right: 28px;
}
.back .start {
  background-position: 0 -48px;
}

.button .msg {
  background-position: 100% -24px;
  padding-right: 6px;
  padding: 0 18px 0 0;
}
.back .msg {
  background-position: 100% -48px;
}

/*Locale switcher component*/
table.locale{
  margin-top:20px;
  border-collapse:separate;
  border:1px solid #0D5E35;
}
table.locale a.flag {
  font-size:9px;
  line-height:9px;
  padding-left:11px;
  vertical-align:middle;
}
table.locale a.be{
  background-position:0 -72px;
}
table.locale a.de{
  background-position:-14px -72px;
}
table.locale a.fr{
  background-position:-28px -72px;
}
table.locale a.nl{
  background-position:-42px -72px;
}
table.locale td.switch-brand{
  text-align:right;
}