/*---------------------------------------------------
 * Copyright GIP Exyr GmbH 2008
 * (http://www.gip.com)
 *
 * Heinrich-von-Brentano-Str. 2
 * 55130 Mainz
 *
 * Version Control Information:
 * $Revision:$
 * $Date:$
 * $Name$
 *----------------------------------------------------
 */

@charset "ISO-8859-1";

/* -------------------------------------   
Inhaltsverzeichnis:
  - image buttons
    - farb-unabhaengig
    - links\/rechts\/center 
    - Text ueber beide Spalten
  - Buttons fuer den GipPager
  - Buttons in einer Uebersichtliste
------------------------------------- */


/* ------------------------------------- */
/* --------- image buttons ------------- */
/* ------------------------------------- */

button.normalButton {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #FFFFFF;
  margin-left: 5px;
  padding: 0px;
  border: 0px;
}

a.buttonLink {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #FFFFFF;
  margin-left: 5px;
  border: 0px;
  height: 24px;
  text-decoration: none;
  float: right;
}

a.lineButtonLink {
  font-size: 11px; 
  color: #333333;
  text-decoration: none;
}

a.lineButtonLink:hover {
  color: #008698;
  text-decoration: underline;
}

table.internalLinkButtonTable {
  height: 24px;
}

table.internalButtonTable {
  height: 24px;
  width: 100%;
}

/* ------- farb-unabhaengig ------------ */

.buttonLeftEdge_petrol, .buttonCenter_petrol, .buttonRightEdge_petrol,
.buttonLeftEdge_yellow, .buttonCenter_yellow, .buttonRightEdge_yellow,
.buttonLeftEdge_blue, .buttonCenter_blue, .buttonRightEdge_blue,
.buttonLeftEdge_lightblue, .buttonCenter_lightblue, .buttonRightEdge_lightblue,
.buttonLeftEdge_grassgreen, .buttonCenter_grassgreen, .buttonRightEdge_grassgreen,
.buttonLeftEdge_green, .buttonCenter_green, .buttonRightEdge_green,
.buttonLeftEdge_grey, .buttonCenter_grey, .buttonRightEdge_grey,
.buttonLeftEdge_vividpurple, .buttonCenter_vividpurple, .buttonRightEdge_vividpurple,
.buttonLeftEdge_disabled, .buttonCenter_disabled, .buttonRightEdge_disabled,
.buttonLeftEdge_red, .buttonCenter_red, .buttonRightEdge_red {
  height: 24px;
  cursor: default;
  float: left;
  padding-top: 1px;
}

/* ------ links/rechts/center ---------- */

.buttonLeftEdge_petrol, .buttonRightEdge_petrol,
.buttonLeftEdge_yellow, .buttonRightEdge_yellow,
.buttonLeftEdge_blue, .buttonRightEdge_blue,
.buttonLeftEdge_lightblue, .buttonRightEdge_lightblue,
.buttonLeftEdge_grassgreen, .buttonRightEdge_grassgreen,
.buttonLeftEdge_green, .buttonRightEdge_green,
.buttonLeftEdge_grey, .buttonRightEdge_grey,
.buttonLeftEdge_vividpurple, .buttonRightEdge_vividpurple,
.buttonLeftEdge_disabled, .buttonRightEdge_disabled,
.buttonLeftEdge_red, .buttonRightEdge_red {
  background-repeat: no-repeat;
  width: 6px;
  font-size: 3px;
}

.buttonLeftEdge_petrol,
.buttonLeftEdge_yellow,
.buttonLeftEdge_blue, 
.buttonLeftEdge_lightblue,
.buttonLeftEdge_grassgreen,
.buttonLeftEdge_green,
.buttonLeftEdge_grey,
.buttonLeftEdge_vividpurple,
.buttonLeftEdge_disabled,
.buttonLeftEdge_red {
  background-position: left top;
}

.buttonRightEdge_petrol,
.buttonRightEdge_yellow,
.buttonRightEdge_blue, 
.buttonRightEdge_lightblue,
.buttonRightEdge_grassgreen,
.buttonRightEdge_green,
.buttonRightEdge_grey,
.buttonRightEdge_vividpurple,
.buttonRightEdge_disabled,
.buttonRightEdge_red {
  background-position: right top;
}  

.buttonCenter_petrol,
.buttonCenter_yellow,
.buttonCenter_blue, 
.buttonCenter_lightblue,
.buttonCenter_grassgreen,
.buttonCenter_green,
.buttonCenter_grey,
.buttonCenter_vividpurple,
.buttonCenter_disabled,
.buttonCenter_red {
  padding-bottom: 6px;
  background-repeat: repeat-x;
  background-position: left top;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  height: 18px;
}

/* --------- farbabhaengig ------------- */

.buttonLeftEdge_petrol{
  background-image: url(../images/newbuttons/petrol_left.png);
}
.buttonCenter_petrol {
  background-image: url(../images/newbuttons/petrol_center.png);
}  
.buttonRightEdge_petrol{
  background-image: url(../images/newbuttons/petrol_right.png);
}

.buttonLeftEdge_yellow{
  background-image: url(../images/newbuttons/yellow_left.png);
}
.buttonCenter_yellow {
  background-image: url(../images/newbuttons/yellow_center.png);
}  
.buttonRightEdge_yellow{
  background-image: url(../images/newbuttons/yellow_right.png);
}  

.buttonLeftEdge_blue{
  background-image: url(../images/newbuttons/blue_left.png);
}
.buttonCenter_blue {
  background-image: url(../images/newbuttons/blue_center.png);
}  
.buttonRightEdge_blue{
  background-image: url(../images/newbuttons/blue_right.png);
}  

.buttonLeftEdge_lightblue{
  background-image: url(../images/newbuttons/lightblue_left.png);
}
.buttonCenter_lightblue {
  background-image: url(../images/newbuttons/lightblue_center.png);
}  
.buttonRightEdge_lightblue{
  background-image: url(../images/newbuttons/lightblue_right.png);
}

.buttonLeftEdge_grassgreen{
  background-image: url(../images/newbuttons/grassgreen_left.png);
}
.buttonCenter_grassgreen {
  background-image: url(../images/newbuttons/grassgreen_center.png);
}  
.buttonRightEdge_grassgreen{
  background-image: url(../images/newbuttons/grassgreen_right.png);
}  

.buttonLeftEdge_green{
  background-image: url(../images/newbuttons/green_left.png);
}
.buttonCenter_green {
  background-image: url(../images/newbuttons/green_center.png);
}  
.buttonRightEdge_green{
  background-image: url(../images/newbuttons/green_right.png);
}  

.buttonLeftEdge_grey{
  background-image: url(../images/newbuttons/grey_left.png);
}
.buttonCenter_grey {
  background-image: url(../images/newbuttons/grey_center.png);
}  
.buttonRightEdge_grey{
  background-image: url(../images/newbuttons/grey_right.png);
}  

.buttonLeftEdge_red{
  background-image: url(../images/newbuttons/red_left.png);
}
.buttonCenter_red {
  background-image: url(../images/newbuttons/red_center.png);
}  
.buttonRightEdge_red{
  background-image: url(../images/newbuttons/red_right.png);
}  

.buttonLeftEdge_vividpurple{
  background-image: url(../images/newbuttons/vividpurple_left.png);
}
.buttonCenter_vividpurple {
  background-image: url(../images/newbuttons/vividpurple_center.png);
}  
.buttonRightEdge_vividpurple{
  background-image: url(../images/newbuttons/vividpurple_right.png);
}  

.buttonLeftEdge_disabled{
  background-image: url(../images/newbuttons/disabled_left.png);
}
.buttonCenter_disabled {
  background-image: url(../images/newbuttons/disabled_center.png);
}  
.buttonRightEdge_disabled{
  background-image: url(../images/newbuttons/disabled_right.png);
}  


/* ------------------------------------- */

input.normalButton {
    margin-left: 5px; 
    margin-top:  5px; 
    padding-bottom: 6px;
    width: 100px;
    height: 24px; 
    border-width: 0px; 
    border-style:none;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background-repeat: no-repeat;
    background-image: url(../images/newbuttons/petrol.png);
}

/* ------------------------------------- */
/* ---- Buttons fuer den GipPager ------ */
/* ------------------------------------- */

input.pagerButton, input.pagerButtonDisabled {
  margin-left: 6px; 
  margin-top:  5px; 
  padding-bottom: 6px;
  padding-top: 0px;
  width: 30px;
  height: 24px; 
  border-width: 0px; 
  border-style: none;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  background-repeat: no-repeat;
}

input.pagerButton {
  background-image: url(../images/newbuttons/petrol_30.png);
}

input.pagerButtonDisabled {
  background-image: url(../images/newbuttons/disabled_30.png);
}  

input.pagerButton:hover {
  background-image: url(../images/newbuttons/petrol_30_hov.png);
}

/* ------------------------------------- */
/* - Buttons in einer Uebersichtliste -- */
/* ------------------------------------- */

table.buttonLineTable {
  width: 100%;
  height: 24px;
  margin-left: 2px;
  margin-right: 2px;
  background-image: url(../images/newseparator.gif); /* DOTTEDLINE BUGFIX IE6 */ 
  background-position: 4 2; /* DOTTEDLINE BUGFIX IE6 */ 
  background-repeat: repeat-x; /* DOTTEDLINE BUGFIX IE6 */ 
}

td.buttonLineDescription {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  padding-left: 10px;
  padding-top: 5px;
  width: 88%;
}

td.buttonLineButton {
  width: 12%;
  padding-right: 7px;
  padding-top: 5px;
}  

input.buttonLineButton_petrol, input.buttonLineButton_vividpurple, input.buttonLineButton_green, input.buttonLineButton_red, input.buttonLineButtonDisabled {
  width: 14px;
  height: 20px;
  margin-top: 2px; 
  border-width: 0px; 
  border-style: none;
  font-size: 200px;
  color: #ffffff;
  background-repeat: no-repeat;
}

input.buttonLineButton_petrol {
  background-image: url(../images/newbuttons/line_petrol.png);
}
input.buttonLineButton_petrol:hover {
  background-image: url(../images/newbuttons/line_petrol_hov.png);
}

input.buttonLineButton_green {
  background-image: url(../images/newbuttons/line_green.png);
}

input.buttonLineButton_green:hover {
  background-image: url(../images/newbuttons/line_green_hov.png);
}

input.buttonLineButton_red {
  background-image: url(../images/newbuttons/line_red.png);
}

input.buttonLineButton_red:hover {
  background-image: url(../images/newbuttons/line_red_hov.png);
}

input.buttonLineButton_vividpurple {
  background-image: url(../images/newbuttons/line_vividpurple.png);
}

input.buttonLineButton_vividpurple:hover {
  background-image: url(../images/newbuttons/line_vividpurple_hov.png);
}

input.buttonLineButtonDisabled {
  background-image: url(../images/newbuttons/line_disabled.png);
}
