.button
{
  display: inline;
  float: left;
  line-height: 22px;
  background: url('/images/button_center.gif') 0 0 repeat-x;
  position: relative;
  padding: 0px 10px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
  margin: 0 8px;
  font-family: Arial, Sans-serif;
}

.button.hover
{
  opacity: .8;
}

.buttonLeft
{
  position: absolute;
  display:inline;
  top: 0px;
  right: 100%;
  width: 5px;
  height: 22px;
  background: url('/images/button_left.gif') 0 0 no-repeat;
}
.buttonRight
{
  position: absolute;
  display: inline;
  top: 0px;
  left: 100%;
  width: 5px;
  height: 22px;
  background: url('/images/button_right.gif') 0 0 no-repeat;
  _right: -1px; /* ie6 kan niet afronden... dus voor de zekerheid 1 pixel te veel naar rechts */
}

.buttonNoRight
{
  border-right: 1px solid #ccccca;
  margin-right: 0;
}

.buttonNoLeft
{
  margin-left: 0;
}

.button:hover
{
  background-image: url('/images/button_center_hover.gif');
  color: #fff;
  text-decoration: none;
}

.button:hover .buttonLeft
{
  background-image: url('/images/button_left_hover.gif');
}

.button:hover .buttonRight
{
  background-image: url('/images/button_right_hover.gif');
}

.buttonLarge
{
  padding: 0 25px;
}

.buttonSmall
{
  padding: 0;
}

.headerButtons
{
  position: absolute;
  top: 0px; right: 1px;
}

.buttonLine
{
  background-image: url('/images/button_line_center.gif');
  color: #0c4d91;
  padding: 0px 3px;
  border-color: #c4daff;
  font-weight: normal;
}

.columnsVereniging .buttonLine
{
  border-color: #ffe9c4;
}

.buttonSegment
{
  padding: 0px 8px;
}

.buttonLine:hover
{
  background-image: url('/images/button_line_center.gif');
  color: #e57b00;
  text-decoration: underline;
}

.columnsVereniging .buttonLine,
.columnsVereniging .buttonLine:hover
{
  background-image: url('/images/button_line_orange_center.gif');
}

.buttonLine .buttonLeft,
.buttonLine:hover .buttonLeft
{
  background-image: url('/images/button_line_left.gif');
}

.columnsVereniging .buttonLine .buttonLeft,
.columnsVereniging .buttonLine:hover .buttonLeft
{
  background-image: url('/images/button_line_orange_left.gif');
}

.buttonLine .buttonRight,
.buttonLine:hover .buttonRight
{
  background: url('/images/button_line_right.gif');
}

.columnsVereniging .buttonLine .buttonRight,
.columnsVereniging .buttonLine:hover .buttonRight
{
  background-image: url('/images/button_line_orange_right.gif');
}

.buttonSearch,
.buttonSearch:hover
{
  padding: 0 2px;
  background-image: url('/images/button_search_center.gif');
}

.buttonSearch .buttonLeft,
.buttonSearch:hover .buttonLeft
{
  background-image: url('/images/button_search_left.gif');
}

.buttonSearch .buttonRight,
.buttonSearch:hover .buttonRight
{
  background-image: url('/images/button_search_right.gif');
}

.buttonIntro,
.buttonIntro:hover
{
  background-image: url('/images/button_intro_center.gif');
  line-height: 28px;
}

.buttonIntro .buttonLeft,
.buttonIntro:hover .buttonLeft
{
  background-image: url('/images/button_intro_left.gif');
  height: 28px;
}

.buttonIntro .buttonRight,
.buttonIntro:hover .buttonRight
{
  background-image: url('/images/button_intro_right.gif');
  height: 28px;
}

.buttonTrash
{
  padding: 0 2px;
  background-image: url(/images/button_grey_center.gif);
}
.buttonTrash .buttonLeft
{
  background-image: url(/images/button_grey_left.gif);
}
.buttonTrash .buttonRight
{
  background-image: url(/images/button_grey_right.gif);
}

.buttonWatvindjij
{
  padding: 0 4px;
}

.buttonContainer
{
  overflow: auto; 
  _zoom: 1;
}

.buttonActive
{
  font-weight: bold;
}

.buttonDisabled
{
  color: #c4daff;
}

.buttonDisabled:hover
{
  text-decoration: none;
  color: #c4daff;
  cursor: default;
}

.externalUrl
{
  padding-bottom: 20px !important;
}

.externalUrl .arrow
{
  background: url(/images/arrow.gif) right 4px no-repeat;
  padding: 0 10px 0 0 !important;
}

.button .arrow
{
  padding: 8px 0 7px 0;
}

.buttonDelete span.delete
{
  color: #c33;
  font-weight: bold;
  padding-left: 17px;
  background: url(../../images/icon_quick_delete.gif) 0px center no-repeat;
}

/*.buttonTrash span.trash
{
  color: white;
  font-weight: bold;
  padding-left: 17px;
  background: url(../../images/trashcan.gif) 0px center no-repeat;
}*/

.buttonEdit span.edit
{
  color: #c96;
  font-weight: bold;
  padding-left: 22px;
  background: url(../../images/pencil.png) 0px center no-repeat;
}

.buttonWatvindjij span.watvindjij
{
  color: White;
  font-weight: bold;
  padding-left: 17px;
  background: url(../../images/speechbubble.png) 0px center no-repeat;
}
.maxReachedError {
  padding:8px;
  border:2px solid #ee0;
  background-color:#ffffd8;
  margin:0px 20px 20px 20px;
}
