@media all {
  /*
   *  HTML Tag Styling
   */

  body {
    margin: 0px;
    padding: 0px;
    border: none;
    background-color: #717171;
    scrollbar-DarkShadow-Color:#A1A1A1 ;
    scrollbar-Track-Color:#A1A1A1;
    scrollbar-Face-Color:#E3E3E3;
    scrollbar-Shadow-Color:#818181;
    scrollbar-Highlight-Color:#D3D3D3;
    scrollbar-3dLight-Color:#A1A1A1;
    scrollbar-Arrow-Color:#000000;
    font-family: Verdana,sans-serif;
    font-size: 12px;
  }

  .ExtendAble {
    display: block;
    border: 1px solid #F0F0F0;
    background-color: #F0F0F0;
  }

  .ExtendAble .titleOpened, .ExtendAble .titleClosed {
    cursor: pointer;
    cursor: hand;
    color: #000000;
    padding: 2px;
    padding-left: 4px;
    height: 25px;
  }

  .ExtendAble .arrowOpened, .ExtendAble .arrowClosed {
    cursor: pointer;
    cursor: hand;
  }

  .ExtendAble .arrowOpened img {
    background-image: url(../../img/arrowDown.gif);
  }
  .ExtendAble .arrowClosed img {
    background-image: url(../../img/arrowRight.gif);
  }
  .ExtendAble .arrowOpened img,
  .ExtendAble .arrowClosed img {
    width: 11px;
    height: 25px;
    margin: 1px;
    background-color: #a0a0a0;
    background-repeat: no-repeat;
  }

  .ExtendAble .contentOpened {
    background-color: #FFFFFF;
    padding: 2px;
    margin: 2px;
    color: #000000;
    display:block;
  }

  .ExtendAble .contentClosed {
    display: none;
  }

  th, td {
    font-size: 12px;
  }

  iframe {
    border: 0px;
    margin: 0px;
    padding: 0px;
  }

  img {
    border: 0px;
  }

  select {
    font-family: Verdana,sans-serif;
    font-size: 12px;
    border:1px solid darkgray;
  }

  input, textarea, button {
    font-family: Verdana,sans-serif;
    font-size: 12px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
  }
  input:focus, textarea:focus {
    border: 1px solid #000000;
    background-color: #EEEEEE;
  }
  input[type=checkbox] {
    border: 0px;
    vertical-align: middle;
  }
  form {
    margin: 0px;
    padding: 0px;
  }
  a {
    color: #000000;
    text-decoration: none;
  }

  a:hover {
    text-decoration: underline;
  }

  fieldset {
    border: 1px solid #999999;
    padding: 12px;
  }
  fieldset legend {
    background-image: url(../../img/menuBackground.gif);
    color: #006600;
    border: 1px solid #999999;
    padding: 4px;
  }
  fieldset .tab {
    padding: 12px;
    padding-top: 6px;
    padding-bottom: 0px;
  }

  /*
   * System wide Classes
   */

  /* Different Body Types */

  .bodyInverted {
    background-color: #FFFFFF;
  }

  .darkBackground {
    background-color: #717171;
  }

  .dropdown, .dropdownInactive, .context, .contextInactive  {
    font-family:Verdana, sans-serif;
    color:black;
    padding:1px;
    padding-right:8px;
    padding-left:4px;
    background-color:white;
    white-space:nowrap;
  }

  .dropdown, .context {
    cursor:pointer;
    cursor:hand;
  }

  .dropdownInactive, .contextInactive {
    cursor:default;
  }

  .menuIconContent {
    padding:2px;
    white-space:nowrap;
    vertical-align: middle;
  }

  .menuIcon {
    padding:1px;
  }

  .menuIcon, .menuIcon img {
    width:20px;
    height:20px;
    vertical-align: middle;
  }

  /* generaltests Menupoint */
  /* padding-right was 3px */
  .menuPoint {
    vertical-align: middle;
    position: relative;
    height: 22px;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
    border: 0px solid;
    white-space: nowrap;
    cursor: pointer;
    cursor: hand;
  }
  .menuPointInactive {
    vertical-align: middle;
    position: relative;
    height: 20px;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
    border: 0px solid;
    white-space: nowrap;
    filter: alpha(opacity=40, style=0);
    -moz-opacity: 0.4;
  }
  .menuPointInactive span {
    white-space: nowrap;
    color: #333333;
    text-decoration: none;
  }
  .menuPoint a {
    white-space: nowrap;
    color: #333333;
    text-decoration: none;
  }
  .menuPoint a:hover{
    color: #000000;
    text-decoration: none;
  }
  .specialPoint {
    vertical-align: middle;
    position: relative;
    padding: 8px;
    border: 0px solid;
    white-space: nowrap;
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
  }

  .specialPoint:hover {
    border: 1px solid #999999;
    background-color: #F0F0F0;
    text-decoration: none;
    padding: 8px;
  }

  .menu {
    background-repeat: repeat-x;
    width: 100%;
    border-top: 1px solid #717171;
    background-image: url(../../img/menuBackground.gif);
  }
  .menu table table {
    height: 0px;
  }
  .menuSeparator {
    
    
    
    
    
    text-align: center;
    height: 100%;
    width: 13px;
  }
  .menuHide {
    height: 24px;
    width: 4px;
    background-image: url(../../img/menuHide.gif);
    background-repeat: no-repeat;
    border-right: 1px solid #717171;
    position: static;
  }

  .menuPointBig, .menuPointBigHover, .menuPointBigInactive {
    white-space: nowrap;
    height:24px;
    margin: 0px;
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
    text-align:center;
  }

  .menuPointBig, .menuPointBigHover {
    cursor: pointer;
    cursor: hand;
  }

  .menuPointBig a,.menuPointBigHover a, .menuPointBig a:hover, .menuPointBigHover a:hover {
    text-decoration: none;
  }

  .menuPointBigHover {
    border: 1px solid #AAAAAA;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
    background-image: url(../../img/menuPointBigBackground.gif);
  }

  .menuPointBigInactive {
    cursor: default;
  }

  /* search in mainmenubar */
  

  /* Slider Styles */

  .slider {
    background-repeat : repeat-x;
    width: 100%;
  }
  .sliderPoint {
    font-family: Verdana,sans-serif;
    font-size: 12px;
    vertical-align: middle;
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
    cursor: default;
  }
  .sliderPoint:hover {
    text-decoration: none;
  }
  .sliderPoint a {
    color: #666666;
    cursor: pointer;
    cursor: hand;
  }
  .sliderPoint a:hover{
    color: #000000;
    text-decoration: none;
  }

  /* Selection Styles - for special Selection Field */

  .formSelection {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    cursor: pointer;
    cursor: hand;
  }

  .formSelectionSelected {
    font-family: Verdana,sans-serif;
    color: #000000;
    /*white-space: nowrap;*/
    padding-left: 4px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .formSelectionMarker {
    background-color: #BCBCBC;
  }

  .selectionMenu {
    background-color: white;
    color: black;
    cursor: pointer;
    cursor: hand;
    font-family: Verdana,sans-serif;
    
      padding:2px 2px 1px 2px;
    

    white-space:nowrap;
  }

  .selectionImage {
    height: 13px;
    margin-top: 2px;
  }

  .shadowLayer {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: -80px;
    left: -80px;
    background-image: url(../../img/halfGrey.gif);
  }

  .noFlashPlayer {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    display: block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    cursor: hand;
  }

  .noFlashPlayer div {
    margin: 10px;
    background-image: url(../../img/flash.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 60px;
    height: 55px;
    cursor: pointer;
    cursor: hand;
  }

  .modalWindowShadow {
    display: block;
    position: absolute;
    z-index: 9;
    background-image: url(../../img/halfGrey.gif);
    width: 100%;
    height: 100%;
    top: -2000px;
    left: -2000px;
    /*
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    */
  }
  #mouseStatusLayer, #objectStatusLayer, #mouseFollowLayer, #rollOverLayer {
    position: absolute;
    top: -40px;
    left: -40px;
  }

  #rollOverLayer {
    z-index: 7;
    background-color: #FFFFFF;
    padding: 2px;
    border: 1px solid #000000;
  }


  #mouseStatusLayer {
    z-index: 4;
  }

  #objectStatusLayer {
    z-index: 5;
  }

  #mouseFollowLayer {
    z-index: 6;
  }

  #contextLayer {
    background-color: white;
    border: 1px solid darkgray;
    padding: 2px;
    position: absolute;
    z-index: 8;
    top: -40px;
    left: -40px;
  }

  #selectionLayer {
    overflow:hidden;
    background-color: white;
    border: 1px solid black;
    padding: 2px;
    
    position: absolute;
    z-index: 2;
    top: -40px;
    left: -40px;
  }

  #dropdownLayer {
    border: 1px solid darkgray;
    position: absolute;
    z-index: 1;
    top: -40px;
    left: -40px;
  }

  .error{
    color: #FF0000;
  }

  .error a {
    color: #FF0000;
    text-decoration: underline;
  }

  .error a:hover {
    color: #000000;
  }

  .hint{
    color: #009900;
  }

  /* Dialog */
  .dialog {
    background-color: #efefef;
    border: 1px solid black;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
  }
  .dialog a {
    color: #666666;
    text-decoration: none;
  }
  .dialog a:hover {
    color: #000000;
  }

  /*
  * Useful Linkstyles
  */
  .info {
    color: #666666;
  }
  a.info {
    text-decoration: none;
    border-bottom: 1px dashed #999999;
  }
  a.info:hover {
    text-decoration: none;
    border-bottom: 1px solid #000000;
  }

  .tab {
    display: block;
    padding-left: 12px;
  }
  .debugActions {
    display: block;
    border: 1px solid #777777;
    padding: 6px;
    background-color: #F0F0F0;
    padding-bottom: 8px;
  }
  .debugActions h1 {
    margin: 0px;
    font-family: Georgia, Verdana, Arial, sans-serif;
    color: #005500;
    background-color: #FFFFFF;
    padding: 2px;
    border: 1px solid #EDEDED;
    font-size: 12px;
    font-weight: bold;
  }
  .debugActions ul {
    margin: 0px;
    padding-top: 10px;
    list-style-image: url(../img/arrowRight.gif);
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    padding: 0px;
    padding-left: 15px;
  }
  .areYouSure{
    padding: 2px;
    margin: 2px;
    font-weight: normal;
    background-color: #660000;
    color: #FFFFFF;
  }
}
/**
 * Media Specific Stuff
 */
@media screen {
  .printVisible {
    display: none;
  }
}
@media print {
  .printVisible {
    display: block;
    color: #666666;
  }
}

/* styles for input labels */
.label {
  padding:3px;
  padding-right:0px;
  text-align:right;
  vertical-align:top;
  white-space:nowrap;
}

.labelRequired {
  padding-right:3px;
  vertical-align:top;
  width:5px;
}

.labelRequired img {
  vertical-align:top;
}

.edit {
  padding:1px;
  vertical-align:top;
  white-space:nowrap;
}

.edit img {
  vertical-align:top;
}


.fashizzle tr td {
  width:90px;
  font-weight:bold;
}

.fashizzle tr td img {
  margin-right:3px;
  vertical-align:middle;
}

/* bubble tooltips */

.tooltip{
  width: 200px;
  color:#000;
  font-weight:lighter;
  text-decoration:none;
  text-align:center;
  font-size:12px; /* overridden in targetformat.jsp, wizardpage.tag (or anywhere else), depending on gui locale */
  line-height:140%;
}


.tooltip span.topDefault{            padding: 35px 8px 0px 8px;  background: url(../../img/dialog/bt.gif) no-repeat top; }

.tooltip b.bottomDefault{            padding:3px 8px 15px 8px;   background: url(../../img/dialog/bt.gif) no-repeat bottom }

.tooltip span.topFlipVer{     padding: 15px 8px 0px 8px;  background: url(../../img/dialog/bt_flip_ver.gif) no-repeat top; }

.tooltip b.bottomFlipVer{     padding: 35px 8px 0 8px;    background: url(../../img/dialog/bt_flip_ver.gif) no-repeat bottom }

.tooltip span.topFlipHor{     padding: 35px 8px 0px 8px;   background: url(../../img/dialog/bt_flip_hor.gif) no-repeat top; }

.tooltip b.bottomFlipHor{     padding:3px 8px 15px 8px;    background: url(../../img/dialog/bt_flip_hor.gif) no-repeat bottom }

.tooltip span.topFlipHorVer{  padding: 15px 8px 0px 8px;  background: url(../../img/dialog/bt_flip_horver.gif) no-repeat top; }

.tooltip b.bottomFlipHorVer{  padding: 35px 8px 0 8px;    background: url(../../img/dialog/bt_flip_horver.gif) no-repeat bottom }

.tooltip span.topDefault div.title, .tooltip span.topFlipVer div.title, .tooltip span.topFlipHor div.title, .tooltip span.topFlipHorVer div.title{
  font-weight:bold;
  padding-bottom:3px;
}


div.showRichtextPreview {
    white-space: normal;
}

div.showRichtextPreview ul {
    list-style: disc;
    margin: 5px 0 5px 20px;
}

.clear{
  clear:both;
  line-height:1px;
  height:1px;
  margin:0;padding:0;
}
   
#KeyWordSearchDialog #noKeywordsFoundMsg{
  font-style:italic;
  left:2px;
    z-index:100;
   position:absolute;
 text-align:center;
  top:140px;
  width:280px;
}

#KeyWordSearchDialog #inputPlaceholder{
  float:left;
  padding:5px 0 0 0;
}

#KeyWordSearchDialog  #keyWordGrid{
  border: 1px solid #ddd;
  border-bottom:none;
  padding:0;
  margin:0;
}

#KeyWordSearchDialog #keyWordGridContainer{
   width:285px; /*safari bugfix, otherwise grid will be hidden behind noKeywordsFoundMsg*/
   overflow: hidden;
   clear:both;
   padding:8px 0 0 4px;
   margin:0;
}

#KeyWordSearchDialog  #multiselectToggle{
 background-color:#eeeeee;
 border:1px solid #bbb;
 clear:both;
 cursor:pointer;
 float:left;
 margin:7px 3px 0 3px;
 overflow:hidden;
 padding:5px;
 width:273px;
}

#KeyWordSearchDialog  #multiselectToggle img, #KeyWordSearchDialog  #multiselectToggle div{
  float:left;
}

#KeyWordSearchDialog  #multiselectToggle div{
  padding:2px 0 0 6px;
}

#KeyWordSearchDialog #checkboxPlaceholder{
  overflow:hidden;
  clear:both;
  width:260px;
  padding:7px 0 0 14px;
  margin:0;
}

#KeyWordSearchDialog #checkboxPlaceholder .x-form-item label{
  padding-left:3px;
}


.disabled{
background-color:#f5f5f5;
border:1px solid #777;
color:#999;
}


table.disabled{
    background-color:#fff;
    border:none;
}