/* $Id$
 * the css code for the gradient filled drop shadow boxes
 * don't stick a <h1> inside of them, for some reason IE hates that..
 * (above warning may not be valid with IE7+, needs more testing)
 */

/* ---=== border code follows ===--- */
/*
  tlc = top left corner
  trc = top right corner
  blc = bottom left corner
  brc = bottom right corner
  lb = left border
  rb = right border
  tb = top border
  bb = bottom border 
*/

.tlc, .trc, .blc, .brc
{
  background-color: transparent;
  background-repeat: no-repeat;
}

.tlc
{
  background-image:url(images/corners/tl.gif);
  background-position: 0% 0%;
}

.trc
{
  background-image:url(images/corners/tr.gif);
  background-position: 100% 0%;
}
  
.blc
{
  background-image:url(images/corners/bl.gif);
  background-position: 0% 100%;
}

.brc
{
  background-image:url(images/corners/br.gif);
  background-position: 100% 100%;
}

.tb, .bb
{
  background-color: transparent;
  background-repeat: repeat-x;
}
      
.tb
{
  background-image:url(images/corners/t.gif);
  background-position: 0% 0%;
}

.bb
{
  background-image:url(images/corners/b.gif);
  background-position: 50% 100%;
}
  
.rb
{
  background-image:url(images/corners/r.gif);
  background-position: 100% 0%;
  background-repeat: repeat-y;
}

.lb
{
  /* background-color: #f00; */
  background-image:url(images/corners/l.gif);
  background-position: 0% 100%;
  background-repeat: repeat-y;
  display:block;
}

.dsbox
{
  position: relative;
  /*margin-left: auto;*/
  margin-right: auto;
  /* margin-top: 3em; */
  padding: 0;
  text-align: left;
  background-color:#fff;/* makes the gradient look neat if menu is greater than 100px wide */
  background-image:url(images/corners/gradient.gif);
  background-repeat:repeat-x;/*repeat graphic vertically */
  background-position:bottom left;
  
  /*width:80%;*/        /* <-- use this to tie width to viewport size */
  /*width: 40em;*/        /* <-- use this for a set width */
  /*background-color: #fff; */
}


div.dsboxcontent {
  display:block;
  /*
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  */
}

.dsboxheadline {
  color: #000;
  font-weight: 700;
}

a.dsboxlink {
  color: #0960ab;
  font-weight: 700;
  text-decoration: none; 
}
