/* boxes */
#boxes
{
}

#boxes .box
{
  float: left;
  width: 350px;
  padding: 15px;
}

#boxes .icon
{
  background-image: url(../img/bg/iconbg73.gif);
  background-repeat: no-repeat;
  float: left;
  margin: 1px 3px 2px 0;
  width: 73px;
  height: 73px;
  padding-right: 4px;
}

#boxes img
{
  margin-top: 4px;
  margin-left: 4px;
  border: none;
  width: 65px;
  height: 65px;
  border: 0;
}

#boxes h3
{
  padding: 2px 2px 1px 4px;
  margin: 0 0 4px 0;
  font-family: arial;
  font-size: 12pt;
}

#boxes .text
{
  height: 56px;
  padding-right: 2px;
  font-family: tahoma;
  font-size: 11pt;
}

#boxes .more
{
  text-align: right;
  margin-right: 2px;
  font-family: tahoma;
}

#boxes .more a, #boxes .more a:link, #boxes .more a:visited
{
  text-decoration: underline;
  background: #fff url('../img/rest/right_grey.gif') no-repeat center right;
  padding: 0 20px 2px 0;
  font-size: 11pt;
}

#boxes .box h3.oranje
{
  background-color: #FF7433;
  border-left: 12px solid #B83A00;
  color: #472424;
}

#boxes .box h3.proximus
{
  background-color: #3F2682;
  border-left: 12px solid #AA314D;
  color: #ddd;
}

#boxes .box h3.mobistar
{
  background-color: #28903b;
  border-left: 12px solid #2A5F00;
  color: #fff;
}

#boxes .box h3.base
{
  background-color: #517024;
  border-left: 12px solid #93bee5;
  color: #E5E494;
}

#boxes .box h3.telenet
{
  background-color: #FFE77A;
  border-left: 12px solid #ffd101;
  color: #333;
}

#boxes .box h3.cherry
{
  background-color: #319ECE;
  border-left: 12px solid #DE184A;
  color: #73144A;
}

#boxes .box h3.garmin
{
  background-color: #000;
  border-left: 12px solid #0875A5;
  color: #fff;
}

#boxes .box h3.belgacom
{
  background-color: #C6EBFF;
  border-left: 12px solid #189EDE;
  color: #00519C;
}

#boxes .clearbox
{
  clear: both;
}

/* errors */
div.error, div.smallerror
{
  border: 2px solid #f00;
  background-color: #fc6;
  margin: 4px 0 8px 0;
}

div.smallerror p
{
  background: #fc6 url(../img/rest/error16.gif) no-repeat 3px 4px;
  padding: 4px 4px 4px 22px;
  margin: 0;
}

div.error p
{
  background: #fc6 url(../img/rest/error16.gif) no-repeat 3px 4px;
  padding: 4px 4px 4px 24px;
  margin: 0;
  font-weight: bold;
}

div.error ul
{
  list-style: none;
  margin: 0;
  padding: 0 0 4px 22px;
}

div.confirm
{
  border: 2px solid #080;
  background-color: #9f8;
  margin: 2px 0 6px 0;
}

div.confirm p
{
  background: #9f8 url(../img/rest/info16.gif) no-repeat 3px 4px;
  padding: 4px 4px 4px 24px;
  margin: 0;
  font-weight: bold;
}

div.infobox
{
  border: 2px solid #ee6;
  background-color: #ffc;
  margin: 2px 0 6px 0;
}

div.infobox p
{
  background: #ffc url(../img/rest/info16.gif) no-repeat 3px 4px;
  padding: 4px 4px 4px 24px;
  margin: 0;
  font-weight: normal;
}

/* login */
div#login
{
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 250px;
  padding: 20px;
  text-align: center;
  border: 2px solid #fa7;
  background-color: #fe7;
}

table#login
{
  width: 250px;
}

table#login td
{
  text-align: left;
}