/* ==================== wbw und rdb css styles ==================== */

/* ------------------------------------------ deprecated */

.rdb td.rdbWin {
    background-color:#DDFFDD;
}

.rdb td.rdbLoss {
    background-color:#FFDDDD; 
}

div.rdbWin {
    background-color:#DDFFDD;
    margin-left:40px;
    margin-top:4px;
    margin-bottom:4px;
    padding: 4px;
}

div.rdbLoss {
    background-color:#FFDDDD; 
    margin-left:40px;
    margin-top:4px;
    margin-bottom:4px;
    padding: 4px;
}

table.rdb td.rdbSelected {
    background:transparent url(../icons/this.gif) no-repeat scroll left center;
    border-left:2px solid #FFFFFF;
    font-weight:bold;
    padding-left:12px;
}

.rdbLink {
}

.rdbLinkMarkup {
   background-color:#eee;
   border: 1px solid #ddd;	
   border-radius: 4px;	
}

/* ---------- minimal auszeichnungen ---------- */

.b { font-weight: bold; }
.bl { vertical-align: baseline; }
.c { text-align: center; }
.d { text-decoration: line-through; }
.e { color:#000000; }
.f { padding-bottom: 4px; border-bottom:1px solid  #ccc; }
.g { color:#afafaf; }
.h { background-color:#FFFFCC;  color:red; border:1px solid yellow; padding:1px}
.i { font-style:italic; }
.j { text-align: justify; }
.l { text-align: left; }
.m { vertical-align: middle; }
.m:hover { background-color:#fafafa;  box-shadow: 2px 2px 2px #888888; }
.p { padding-left:10px; padding-right:10px; }
.pd { padding:10px; }
.r { text-align: right; }
.t { vertical-align: top; }
.u { text-decoration:underline; }
.U { text-transform: uppercase; }
.x { white-space:nowrap; }
.z { text-decoration:line-through; }
.tb { display:table; border-collapse:collapse; width:99.9%; }
.tr { display:table-row; }
.td { display:table-cell; vertical-align: top; }
.th { display:table-cell; padding-right: 10px; padding-left: 10px; width:30%; }

/* ---------- block auszeichnungen ---------- */
.small {
  text-align:right;
  font-size: 10px; 
  font-family: Verdana;
  text-transform: uppercase;
  color: #999999;
}
.tiny { color:grey; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; }
.hfat { padding-right: 8px; padding-left: 8px; }
.tfat { padding-top: 8px; }
.frame { border:5px double #f0f0f0; }
.biggap { padding: 50px 0px 0px 0px; }
.gap { padding: 0px 0px 20px 0px; }

.rdbInfoSelected > .tiny { color:#fff; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; }

.tt { font-size: 12px; font-family: "Lucida Console" , "Courier New"}

/* ---------- font manipulation ---------- */
.larger { font-size:larger; }
.large { font-size:large; }
.smaller { font-size:smaller; }

/* ---------- tabellen rahmen ---------- */
.brb { padding:3px; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
.bb { padding:3px; border-bottom:1px solid #f0f0f0; }
.rb { padding:3px; border-right:1px solid #f0f0f0; }
._b { padding:3px; }

/* ---------- teaser tables ---------- */
div.wbwTeaserTableLink {
  text-align:right;
}
table.wbwTeaserTable {
  width:100%;
  text-align: justify;
}
div.wbwTeaserTableSpacer {
  height:25px;
}
.wbwCmsSpacer {
  margin-bottom:25px;
}
.wbwTeaserHeader {
  padding: 6px; 
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

/* ---------- cards ---------- */
.cardcanvas { 
  border: 1px solid #dddddd;  
  background-color: #fff;
  padding: 0px 5px 4px 5px ;
  margin: 29px 0px 0px 0px ;
  border: 1px solid #ddd;
  border-right: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
div.card:focus { 
  background-color: #101010;
}
div.card:hover { 
  color: rgb(174, 0, 0);
  text-decoration: none; 
  background-color:#eeeeee ; 
  cursor: pointer;
  border-bottom: 1px solid #cccccc;
  box-shadow: 2px 2px 2px #888888; 
}
.cardactive { 
  font-size:10px;  
  font-family: Verdana;
  font-weight: normal; 
  text-transform: uppercase; 
  color: #002E61;
  position: relative; 
  display: inline; 
  padding: 1px 7px 1px 10px; 
  margin: 1px; 
  background-color: #fff;
  border-top: 1px solid #ccc; 
  border-left: 1px solid #ccc; 
  border-right: 2px solid #ccc; 
  border-bottom: 1px solid #fff; 
  white-space:nowrap;
  border-radius: 4px 4px 0px 0px;
  top: -15px;
}
.card { 
  color: #cccccc;
  font-size:10px;  
  font-family: Verdana;
  font-weight: normal; 
  text-transform: uppercase; 
  background-color: #f7f7f7; 
  position: relative; 
  display: inline; 
  padding: 1px 7px 1px 10px; 
  margin: 1px; 
  border-top: 1px solid #ccc; 
  border-left: 1px solid #ccc; 
  border-right: 1px solid #ccc; 
  border-bottom: 1px solid #ccc; 
  white-space:nowrap;
  border-radius: 4px 4px 0px 0px;
  top: -15px; 
}
.cardcntl { 
  position:absolute;
  top: -18px;
  left: -18px;			
}
.marginal .cardactive { 
  font-family: Calibri, 'Trebuchet MS', Verdana, sans-serif;
  font-size: 12px; 
  font-weight: normal; 
  text-transform: none; 
  color: #002E61;
  background-color: #fff; 
  position: relative; 
  display: block; 
  top: 0px;
  padding: 1px 7px 1px 10px; 
  margin: 1px; 
  border: 1px solid rgb(174, 0, 0);
  border-radius: 0px 0px 0px 0px;
}
.marginal .card { 
  font-family: Calibri, \'Trebuchet MS\', Verdana, sans-serif;; 
  font-size: 12px; 
  font-weight: normal; 
  text-transform: none; 
  color: #999;
  border: 1px solid #ccc;
  background-color: #fff; 
  position: relative; 
  display: block; 
  top: 0px; 
  padding: 1px 7px 1px 10px; 
  margin: 1px; 
  border-radius: 0px 0px 0px 0px;
}




/* ----- types ----- */
.wbwLinkLike:hover { 
  cursor:pointer; 
  color: rgb(174, 0, 0);
  text-decoration: none; 
  background-color:#EEEEEE; 
  box-shadow: 2px 2px 2px #888888;
}

span.wbwLinkLike:hover { 
  cursor:pointer; 
  color: rgb(174, 0, 0);
  text-decoration: none; 
  background-color:#EEEEEE; 
  box-shadow: 2px 2px 2px #888888;
}
div.wbwLinkLike:hover { 
  cursor:pointer; 
  color: rgb(174, 0, 0);
  text-decoration: none; 
  background-color:#EEEEEE; 
  box-shadow: 2px 2px 2px #888888;
}
.wbwHypeLink {
  padding-left: 15px; 
  background-image:url(../icons/link.gif); 
  background-repeat:no-repeat; 
  background-position: 0px 4px; 
  font-weight:bold;
}
.wbwEntryNotFound { color: #BBBBBB; font-style:italic; }
.wbwNotRelevant { color: #BBBBBB; font-style:italic; padding-left:10px; }
.wbwInvalid { border: 1px solid #aa2222; background-color: #EEEEEE; }
.wbwFocus { border: 1px solid rgb(174,0,0); background-color: #EEEEEE; }
.wbwMarker { border: 1px solid rgb(74, 113, 165); }
.wbwIsBad { color: red; }
.wbwIsGood { color: green; }
.wbwIsBlue { color: blue; }
.wbwIsMarked { background-color:#ffa; }
.wbwIsMember { background-color:#ffc; border:1px solid yellow; padding:1px }

/* ----- regions ----- */
.wbwErrorMsg { background-color: #fee; color: red; }
.wbwSyntax { font-size: 11px; font-family: Verdana; color: #BBBBCB; }
.wbwWarning { color: red; }
.wbwNotice { color: #BBBBBB; font-style:italic; }
.wbwNoticeFyi { 
  background-color:#F0F0F0; 
  padding:10px; 
  border:1px solid rgb(74, 113, 165); 
}
.wbwNoticeInfo {
  text-align:center;
  background-color:#F0F0F0;
  padding:10px;
  border:1px solid rgb(74, 74, 74); 
}
.wbwNoticeWarning {
  text-align:center;
  background-color:#F0F8FF;
  padding:10px;
  border:1px solid rgb(74, 113, 165); 
}
.wbwNoticeFatal {
  text-align:center;
  background-color:#FFC0C0;
  padding:10px;
  border:1px solid rgb(165, 0, 0); 
}
.wbwNoticeHeadline {
  float:right;
  font-size: 10px; 
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #999999;
  position:relative;
  top: -40px;
  height: 1px;
}
span.wbwExample {
   clear:both; 
   margin:20px;
   border: 1px solid #eeeeee;
   padding: 20px;
   display: block;
   font-variant: small-caps;
}
span.wbwCode {
   clear:both; 
   margin:20px;
   border: 1px solid #eeeeee;
   padding: 20px;
   display: block;
   font-variant: small-caps;
   white-space: pre;
}
span.wbwFragment { 
   margin-right:4px;
   margin-left:4px;
   font-variant: small-caps;
}




table.wbwPlaintable { width:100%; position:relative; }







.wbwWonHeader {
  font-weight:bold;
}
.wbwLossHeader {
}
.wbwTieHeader {
  color:#999999;
}
.wbwNilHeader {
  color:#aaaaaa;
  font-style:italic;
}
.wbwWithdrawnHeader td {
  text-decoration:line-through;
}
.wbwWonPlusItemHome {
  padding-left: 15px; 
  background-image:url(../icons/wonplushome.gif); 
  background-repeat:no-repeat; 
  background-position: 0px 4px; 
}
.wbwWonPlusItemOpponent {
  padding-left: 15px; 
  background-image:url(../icons/wonplusopponent.gif); 
  background-repeat:no-repeat; 
  background-position: 0px 4px; 
}
.wbwWonTickItemHome {
  padding-left: 15px; 
  background-image:url(../icons/wontickhome.gif); 
  background-repeat:no-repeat; 
  background-position: 0px 4px; 
}
.wbwWonTickItemOpponent {
  padding-left: 15px; 
  background-image:url(../icons/wontickopponent.gif); 
  background-repeat:no-repeat; 
  background-position: 0px 4px; 
}
.wbwWonItemHome {
  padding-left: 15px; 
  background-image:url(../icons/wonhome.gif); 
  background-repeat:no-repeat; 
  background-position: 0px 4px; 
}
.wbwWonItemOpponent {
  padding-left: 15px; 
  background-image:url(../icons/wonopponent.gif); 
  background-repeat:no-repeat; 
  background-position: 0px 4px; 
}
.wbwLossItemHome, .wbwLossPlusItemHome, .wbwLossTickItemHome {
  padding-left: 15px; 
}
.wbwLossItemOpponent, .wbwLossPlusItemOpponent, .wbwLossTickItemOpponent {
  padding-left: 15px; 
}
.wbwCanceledItem {
  background-image:url(../icons/canceled.gif); 
  background-repeat:no-repeat; 
  background-position: 0px 4px; 
  color:#999999;
}
.wbwTieItemHome, .wbwTieTickItemHome {
  padding-left: 15px; 
}
.wbwTieItemOpponent,.wbwTieTickItemOpponent {
  padding-left: 15px; 
}

.wbwTab {
  text-align:left;
  border-top:1px dotted #eeeeee; 
  padding: 8px 4px 4px 4px;
}
tr.won td.wbwName {
   color:#20aa20;
   padding-left:16px; 
   background-image:url(../icons/plus.gif); 
   background-repeat:no-repeat; 
   background-position: 2px 8px; 
   background-color: #f0fff0;
}
tr.loss td.wbwName {
   color:#aa2020;
   padding-left:16px; 
   background-image:url(../icons/minus.gif); 
   background-repeat:no-repeat; 
   background-position: 2px 8px; 
   background-color: #fff0f0;
}
table.cntltable {
    width:100%;
}
table.cntltable a, table.cntltable span, div.cntl  {
  font-family: Verdana, sans-serif;
  text-transform: uppercase;
  font-size: 10px;
  padding:2px;
}
div.WbwGalleryBody {
  padding: 20px;
  width:480px;
}
div.wbwControlPanel {
  padding:20px;
  text-align:center;
}
div.wbwGalleryImage {
  text-align:center;
  height:480px;
}
div.WbwDescription {
  padding-top:20px;
}

table.wbwTablePicture, table.wbwInlineTable, table.wbwInlinePicture  {
   padding:0px;
   border:0px solid #dddddd; 
}
table.wbwInlineTableLeft, table.wbwInlinePictureLeft  {
   margin-top:10px;
   margin-left:0px;
   margin-right:10px;
   margin-bottom:5px;
}
table.wbwInlineTableRight, table.wbwInlinePictureRight  {
   margin-top:10px;
   margin-left:15px;
   margin-right:0px;
   margin-bottom:10px;
}
table.wbwInlineTable, table.wbwInlinePicture  {
   margin:10px;
}

div.wbwBannerImage {
   text-align: center;
}


/* ----- tool dialog ----- */
.wbwPopup:hover { 
    color: rgb(174, 0, 0);
    text-decoration: none; 
    background-color: #EEEEEE;
    cursor: pointer;
    box-shadow: 2px 2px 2px #888888; 
}
.wbwPopup { 
    cursor: pointer;
}


/* ----- tool dialog ----- */
.wbwDialogHeader {
    font-size: 10px;    
    font-family: Arial, Helvetica, Verdana, sans-serif;
    min-width: 100px;
    background-color: #EEEEEE;
    color: #000000;
    padding: 0px 3px 1px 3px ;
    font-size: 12px;
    border: 1px #aaaaaa solid;
    font-variant: small-caps;
}
.wbwDialogBody {
    min-width: 100px;
    max-width: 300px;
    background-color: #FFFFFF;
    color: #000000;
    padding: 0px 3px 1px 3px ;
    border: 1px #aaaaaa solid;
}


/* ----- tool my menu ----- */
.wbwMyMenuActiveLink {
  font-variant:small-caps;
}

.wbwMyMenuLink a { }

.wbwMyMenuPanel a {
  font-size: 10px; 
  font-family: Verdana;
  font-variant:small-caps; 
  text-transform: uppercase;
  color: #BBBBCB;
}


/* RDB */ 

table.rdbNavList {
    padding: 0px;
    border-spacing:0px;
    width: auto;
    margin-bottom: 2px;
    border: none; 
}

.rdbNavList td {
    vertical-align: top;
    padding: 0px;
}

.rdbNavEntry {
    float:left;	
    display:block;
    padding-left: 2px;
    padding-right: 2px;
    white-space:nowrap;
}

.rdbNavEntryHead {
    white-space:nowrap;
}

.rdbNavEntry a, .rdbNavEntry span {
    padding-left: 3px;
    padding-right: 3px;
}

span.rdbSelectedLinkLike, span.rdbSelected a, div.rdbSelected {
    font-weight:bold;	
    background-color: #444;
    box-shadow: 2px 2px 2px #aaa; 
    border-radius: 4px;	
    border-left-width: 0px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: #111;
    border-style: groove; 
    /* background-image: linear-gradient(to bottom, #aaa, #000);  */
    color: #fff;
    text-shadow: none; 
}

table.rdb td.ft, table.rdbSpacy td.ft { 
    padding:0px; 
}

table.wbwTable {
    width: 100%;
    vertical-align: top;
}   

table.rdb {
    width: 100%;
    background-color: #DDDDDD;
    border-spacing:1px;
    text-align: center;
}   

table.rdb td.r { text-align: right; }
table.rdb td.l { text-align: left; }
table.rdb td.c { text-align: center; }
table.rdb td.t { vertical-align: top; }

table.rdb .panorama td { padding-right: 16px; }


table.rdb td {
    background-color: #FFFFFF; 
    vertical-align: top;
    padding: 2px;
}


table.rdb td.spacy {
    background-color: #FFFFFF; 
    vertical-align: top;
    padding: 4px;
}

table.rdb  td.rdbPlace {
    font-size: large;
}


.rdbSmallTab {
    width: 6%;
}
.rdbMediumTab {
    width: 15%;
}


fieldset.rdbMagic:hover {
   border:1px solid #ccc;
}
fieldset.rdbMagic legend a, fieldset.rdbMagic legend {
   color:grey;
}
fieldset.rdbMagic:hover legend a, fieldset.rdbMagic:hover legend {
   color:black;

}



table.rdbSmallTab tr.rdbMagic:hover {
   border:1px;
}

table.rdb  td.rdbSmaller, table.rdbSpacy  td.rdbSmaller {
  font-size: smaller;
  color: #999999;
  font-family: Verdana;
  font-variant:small-caps; 
  text-transform: lowercase;
}

table.rdb  td.rdbIcon, table.rdbSpacy  td.rdbIcon {
   vertical-align:middle;
}

table.rdb  td.rdbLean, table.rdbSpacy  td.rdbLean {
   padding: 0px;
}

table.rdb  tr.rdbMagic:hover td, table.rdbSpacy  tr.rdbMagic:hover td {
   background-color:#f6f6f6;
}
table.rdb  tr.rdbMagic:hover td.rdbMagicRed a, table.rdbSpacy tr.rdbMagic:hover td.rdbMagicRed a {
   color:#ee4444;
}
table.rdb  tr.rdbMagic:hover td.rdbMagicBlue a, table.rdbSpacy tr.rdbMagic:hover td.rdbMagicBlue a {
   color:#4444ee;
}
table.rdb  tr.rdbMagic:hover td.rdbMagicGrey a, table.rdbSpacy tr.rdbMagic:hover td.rdbMagicGrey a {
   color:#cccccc;
   text-decoration:line-through;
}
table.rdb  tr.rdbMagic:hover td.rdbMagicBlue a, table.rdbSpacy tr.rdbMagic:hover td.rdbMagicBlue a {
   color:#4444ee;
}
table.rdb  tr.rdbMagic:hover td.rdbMagicRed, table.rdbSpacy tr.rdbMagic:hover td.rdbMagicRed {
   color:#ee4444;
   font-weight:bold;
}
table.rdb  tr.rdbMagic:hover td.rdbMagicBlue, table.rdbSpacy tr.rdbMagic:hover td.rdbMagicBlue {
   color:#4444ee;
   font-weight:bold;
}
div.rdbMagic:hover {
  background-color:#f6f6f6;
}


.shown { visibility:visible; }
.notshown { visibility:hidden; }

.here { display:block; }
.nothere { display:none; }

.there { display:inline; }
.notthere { display:none; }


table.rdb td.void { border:0px solid #FFFFFF; padding:0px; background-color:#FFFFFF; color:#000000; }
table.rdb td.lost { border:1px solid #FF0000; padding:1px; background-color:#FFDDDD; }
table.rdb td.won { border:1px solid #00DD00; padding:1px; background-color:#DDFFDD; }
table.rdb td.lostplus { border:1px solid #FF0000; padding:1px; background-color:#FFAAAA; }
table.rdb td.wonplus { border:1px solid #00DD00; padding:1px; background-color:#AAFFAA; }
table.rdb td.tie { border:1px solid #888888; padding:0px; background-color:#DDDDDD; color:#000000; }
table.rdb td.tieplus { border:1px solid #888888; padding:0px; background-color:#DDDDDD; color:#00CC00; }
table.rdb td.tieminus { border:1px solid #888888; padding:0px; background-color:#DDDDDD; color:#CC0000; }
table.rdb td.lostmarker, table.rdbSpacy td.lostmarker { background-color:#FFDDDD; font-weight:bold;}
table.rdb td.wonmarker, table.rdbSpacy td.wonmarker { background-color:#DDFFDD; font-weight:bold;}
table.rdb td.marker, table.rdbSpacy td.marker, div.marker { background-color:#eee; }
table.rdb td.redmarker, table.rdbSpacy td.redmarker, div.redmarker { background-color:#fee;  }
table.rdb td.yellowmarker, table.rdbSpacy td.yellowmarker, div.yellowmarker { background-color:#ffd;  }
table.rdb td.bluemarker, table.rdbSpacy td.bluemarker, div.bluemarker { background-color:#eef;  }
table.rdb td.greenmarker, table.rdbSpacy td.greenmarker, div.greenmarker { background-color:#efe;  }



td.bold { font-weight:bold; }
td.none { font-weight:normal; }


table.rdbSpacy {
    padding: 4px;
    text-align: justify;
    width: 100%;
}

table.rdbSpacy td {
    background-color: #FFFFFF; 
    vertical-align: top;
}

table.rdbSpacy td.focus {
    background-color: #F7F7F7; 
    vertical-align: top;
}

table.rdbSpacy td.notactive {
    color: #AAAAAA; 
}


.strich  {
   border-bottom:1px solid #DDDDDD; 
}

eliminated, a.eliminated {
   color: #BBBBBB;
}

table.rdb td.rdbFinal { 
  border:1px solid grey; 
  text-align:center;
  text-decoration:underline; 
  color:#000;
}

.notactive {
   color: grey;
}

table.rdb td.rdbFocus {
   border: 1px solid #cccccc;
}


table.rdb td.rdbSelectedRed {
   border: 2px solid #aa2222;
   background-color:#fee;
}

table.rdb td.rdbSelectedBlue {
   border: 2px solid #2222aa;
   background-color:#eef;
}

table.rdb td.redMarkup, table.rdbSpacy td.redMarkup {
   border: 1px solid #fcc;
   background-color:#fee;
}

table.rdb td.blueMarkup, table.rdbSpacy td.blueMarkup {
   border: 1px solid #ccf;
   background-color:#eef;
}

table.rdb td.rdbVoid {
   background-color:#f7f7f7;
}

table.rdb td.rdbNil {
   background-color:#dddddd;
}

table.rdb td.rdbUpperCell {
   height:10px;
   width:40px;
}

table.rdb td.rdbLowerCell {
   height:20px;
   width:40px;
}

.rdbCheckWarn {
	color : #FF9900;
 	font-family : Arial, Helvetica, sans-serif;
 	font-size : 10px;
	text-decoration : none;
}
.rdbCheckInfo {
   color : #999;
   font-size : 10px;
}

.red {    color:#AA5555; }
.blue {    color: #5555AA; }

.external img, .external input[type=\"image\"] {   
     border:1px solid #AAAAAA;
     padding:10px; 
     margin:10px; 
     max-width:250px;  
     max-height:150px; 
}

.wsdred {
  background-color:red;
  color:#FFFFFF;
}
.wsdblue {
  background-color:blue;
  color:#FFFFFF;
}
.wsdtt { 
  font-family:\"Courier New\",Courier,mono;
  font-weight:bold;
}
.wsdbig {
  font-size:xx-large;
}

table.rdb th  { 
    background-color: #FFFFFF; 
    font-size: 10px;    
    font-family: Arial, Helvetica, Verdana, sans-serif; 
    color:grey; 
    vertical-align: middle;
    text-align: center;
}

table.rdb th.wbwSortableHeaderUp, table.rdbSpacy th.wbwSortableHeaderUp { 
    background-repeat: no-repeat; 
    background-position: center right; 
    background-image: url(/cms/components/com_wbw/img/sortabledown.gif); 
    padding-right: 12px; 
    margin-right: -1px; 
} 

table.rdb th.wbwSortableHeaderDown, table.rdbSpacy th.wbwSortableHeaderDown  { 
    background-repeat: no-repeat; 
    background-position: center right; 
    background-image: url(/cms/components/com_wbw/img/sortableup.gif); 
    padding-right: 12px; 
    margin-right: -1px; 
} 

table.rdb th.wbwSortableHeaderActive, table.rdbSpacy th.wbwSortableHeaderActive { 
    cursor: pointer; 
} 

table.rdb th.wbwSortableHeader, table.rdbSpacy th.wbwSortableHeader { 

}

div.wbwSortableMsg {
  font-weight: bold;
  text-align: center;
  color:grey; 
}

div.wbwSortableMsgDiv {
  padding: 4px;
  border-width: 1px 1px 0px 1px;
  border-color: #dddddd;
  border-style: solid;
}

table.rdb td.wbwXMarker, table.rdbSpacy td.wbwXMarker {
  background-color:yellow;
}

table.rdb td.wbwYMarker, table.rdbSpacy td.wbwYMarker {
  background-color:yellow;
} 

.quirks {
  padding-top:16px;
}

table.rdb td.min320px, table.rdbSpacy  td.min320px {
   min-width:320px;
}

table.rdb  td.min120px, table.rdbSpacy td.min120px {
   min-width:120px;
}

fieldset.rdbLight {
  border: 1px solid #e0e0e0;
  margin-bottom: 12px;
  padding:4px;
}

table.rdbTeaser td {
    text-align: justify;
}
table.rdbTeaser td.r {
    text-align: right;
}


/* ----- nested tree ----- */
.wbwNestedTreeContainer {
   margin: 0; padding: 0; display: block;
 }
.wbwNestedTreeItem > div {
   background-image: url(../icons/dot.gif);  
   background-repeat: no-repeat;  
   background-position : left;
   clear: both;
   background-color: #f8f8f8;
   margin: 2px;
   padding-left: 20px;
   cursor:move;
}
.wbwNestedTreeMovingItem {
   border:2px dashed #777777;
}
.wbwNestedTreeNestedItems {
   background-color: #c4c4c4;
}


/* ----- bucket sort ----- */
.wbwBucketSortBucketHover {
box-shadow: 2px 2px 2px #888888;          background-color: #f8f8f8;
}
.wbwBuckedSortItem {
   margin-bottom: 2px;
   background-color: #f0f0f0;
   border: 1px solid #e0e0e0;
   padding: 4px;
   cursor: move;
}
.wbwBucketSortMovingItem {
   border:1px dashed #777777;
}
.wbwBucketSortBucket {
   min-height: 20px;
   min-width: 150px;
   overflow: auto;
   margin: 0;
   padding: 0;
   border: 1px #a8a8a8 solid;
}
.wbwBucketSortBucketOverflow {
   border: 1px red solid;
   background-color: #f0e0e0;
}

/* ----- calendar sort ----- */
.wbwCalendarComposerContainer {
   padding: 0 10px;
   border: 1px solid #ccc;
}
.wbwCalendarComposerParkBench { 
   margin: 1px 0;
   padding: 1px;
   border: 1px #808080 solid;     
   background: #f0f0f0;
   text-align: center;
   cursor: pointer;
}
.wbwCalendarComposerInfo { 
   white-space:nowrap;
}
.wbwDraggableCell {
   font-size: 10px;    
   min-width: 100px;
   padding: 1px 3px 1px 3px ;
   margin: 1px 1px 1px 1px ;
   border: 1px #aaaaaa solid;
   background-color:#f0f0f0;
}
.wbwNonPlaceableCell {
   background-color:#ccffff;
   border:1px solid red;
   padding:1px
}        
.wbwPlaceableCell {
   background-color:#ffffcc;
   border:1px solid yellow;
   padding:1px
}        
.wbwSelectedCell {
   background-color:#eeeeee;
   border: 1px solid #aaaaaa;
   border-radius: 3px;
   padding: 1px;
   font-weight: bold; 
}
.wbwDropableCell {
   background-color:#ffffcc;
   border: 1px solid #aaaaaa;
   padding: 1px;
   height: 15px;
   font-weight: bold; 
}
.wbwHighlightedCell {
   background-color:#FFFFCC;
   border:1px solid yellow;
   padding:1px
}        
.wbwResizableCell {
   font-size: 10px;    
   min-width: 40px;
   min-height: 20px;
   margin: 1px 1px 1px 1px ;
   border: 1px #aaaaaa solid;
   background-color:#f0f0f0;
}
.wbwGantArea {
   border: 1px #aaaaaa solid;
   width : 100%;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -o-user-select: none;
   user-select: none;
}
.wbwGantItem {
   font-size: 10px; 
   font-family: Arial, Helvetica, Verdana, sans-serif;
   text-align: center;
   vertical-align:middle;
   border: 1px #aaaaaa solid;
   background-color:#f0f0f0;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -o-user-select: none;
   user-select: none;
}
.wbwFixGantItem {
   border: 1px #777777 solid;
   background-color:#c0c0c0;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -o-user-select: none;
   user-select: none;
}
.wbwGantCell {
    border-left:1px solid #e4e4e4; 
    border-top:1px solid #e4e4e4;    
}
.wbwGantHighlighedCell {
   background-color:#f8f8f8;
}
.wbwGantSelectedCell {
    background-color:#FFFFCC;
}
.wbwGantLabelCell {
    border-top:1px solid #e4e4e4;    
    padding-left: 4px;
}
.wbwGantHeaderCell {
    border-bottom:1px solid grey;    
    border-left:1px solid grey;    
    padding-left: 1px;
    padding-right: 1px;
}

.wbwTagContainer {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.wbwTagWrapper {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    vertical-align: middle;
}

.wbwTagBox {
    line-height: normal;
    position: absolute;
}

.wbwFacescapeBox {
  font-family:lucida,tahoma,verdana,arial,sans-serif; 
  font-size:11px; 
  border:1px groove #a0a030;
  display:none; 
  position:absolute; 
  background-color:#f0f0a0; 
}

.wbwFacescapeSensitive {
  position:absolute; 
	/*   border:1px groove #f0a0f0; */
  z-index:1; 
}

.wbwFacescapeContainer {
  font-size:12px; 
  font-family:lucida,tahoma,verdana,arial,sans-serif; 
  position:relative; border:1px solid #999; 
  text-align: center;
}

.wbwFacescapeInfo {
   padding-top: 2px;
}

.wbwNestedCell {
   font-size: 12px;  
   margin:1px;
   padding: 1px 3px 1px 3px ; 
   border: 1px #aaaaaa solid; 
   background-color:#f0f0f0; 
   list-style-type: none; 
}


.wbwPdfCanvas { 
    margin:0px;
    border:3px solid #ccc; 
    padding:0px;
}
.wbwPdfDocument { 
    background-color:#f7f7f7;
}
.wbwPdfHScale { 
    margin:0px; padding:0px;
    cursor:crosshair;
    background-color:#f0f0f0;
}
.wbwPdfAlignL { 
    text-align: left;
}
.wbwPdfAlignR { 
    text-align: right;
}
.wbwPdfAlignC { 
    text-align: center;
}
.wbwPdfAlignJ { 
    text-align: justify;
}
.wbwPdfStyleN {
    font-style:normal;
    font-weight:normal;
}
.wbwPdfStyleB {
    font-style:normal;
    font-weight: bold;
}
.wbwPdfStyleI {
    font-style:italic;
    font-weight:normal;
}
.wbwPdfVScale { 
    margin:0px; padding:0px;
    cursor:crosshair;
    background-color:#f0f0f0;
}
.wbwPdfCell {
    color: #aaa;
    padding: 1px;
    min-width: 5px;
    min-height: 2px;
    margin: 0px;
    overflow: hidden;
    background-color:#e0e0e0;
    border:1px solid #aaa; 
    vertical-align:bottom;
    cursor:move;
}
.wbwPdfItem {
    color: #aaa;
    padding: 2px;
    margin: 1px;
    background-color:#e0e0e0;
    border:1px solid #aaa; 
}
.wbwPdfSelected {
    color: #444;
    border:1px solid #000;
    background-color: #fcfcfc; 
}
.wbwPdfGrouped {
    background-color: #ffc; 
}
.wbwPdfItemList {
    height:200px;
    overflow:auto;
}
.wbwPdfCalibrator {
    height:11px;
    width:7px;
}
.wbwPdfCalibrator:hover {
box-shadow: 2px 2px 2px #888888;        background-color:#ccc;
}

ul.wbwNbs {
    padding-left:4px;
    list-style-type:none;
}

div.wbwCiHeader {
    margin-bottom: 2px;
}

.ui-datepicker-year {
    border: 1px solid #BBBBBB;
    background-color: #EEEEEE;
    border-radius: 3px 3px 3px 3px;
    font-family: 'MS Shell Dlg', 'Trebuchet MS', Verdana, sans-serif;; 
    font-size: 13px; 
}


/* ----- added in 1.9.5 ----- */

.wbwRelative {
    position: relative;
}

.wbwSelectedItem {
    background:transparent url(../icons/this.gif) no-repeat scroll left center;
    font-weight:bold;
    padding-left:16px;
}

.wbwIndentItem {
    margin-left:40px;
    margin-top:4px;
    margin-bottom:4px;
    padding: 4px;
}

.wbwWinItem {
    border-left:4px solid #0c0;
    border-right:4px solid #0c0;
    background-color:#efe;
    border-radius: 4px;
    padding-left:3px;
}

.wbwLossItem {
    border-left:4px solid #c00; 
    border-right:4px solid #c00;
    background-color:#fee;
    border-radius: 4px;
    padding-left:3px;
}

.wbwButton {
    padding:4px;
    background-color: #eaeaea;
    background-image: linear-gradient(to top, #fff, #e0e0e0);
    border-radius: 10px;
    color: #000;
    box-sizing: border-box;
    border: 1px solid #aaa;
    cursor: pointer;
    vertical-align:middle;
    white-space: nowrap;
    text-shadow: 1px 1px 1px #fff;
    height: auto;
}

.wbwHandy {
    font-size: larger;
}

.wbwButtonSelected {
    background-color: #202020;
    background-image: linear-gradient(to top, #000, #aaa);
    border: 2px solid #112233;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

.wbwButtonPressed {
    border: 2px solid #ffcc00;
    background-color: #eaeaea;
    background-image: linear-gradient(to bottom, #aaa, #fff);
}

.wbwButtonSelectedPressed {
    border: 2px solid #aaa;
    background-color: #202020;
    background-image: linear-gradient(to bottom, #000, #aaa);
    color: #fff;
}

div.blueMarkup {
   border: 1px solid #00f;
   background-color:#eef;
}

div.redMarkup {
   border: 1px solid #f00;
   background-color:#fee;
}

div.greyMarkup {
   border: 1px solid #000;
   background-color:#eee;
}

div.yellowMarkup {
   border: 1px solid #999;
   background-color:#ffc;
}

div.greenMarkup {
   background-color:#efe;
}

div.whiteMarkup {
   border: 1px solid #999;
   background-color:#fff;
}

div.lightMarkup {
   background-color:#f4f2f1;
}


.diff td {
 	padding:0 0.667em;
        vertical-align:top;
        white-space:pre;
        white-space:pre-wrap;
        font-family:Consolas,'Courier New',Courier,monospace;
}	

.diff span{
    display:block;
    min-height:1.333em;
    margin-top:-1px;
    padding:0 3px;
}

* html .diff span{
    height:1em;
}

.diff span:first-child{
    margin-top:0;
}

.diffDeleted span{
    border:1px solid rgb(255,192,192);
    background:rgb(255,224,224);
}

.diffInserted span{
    border:1px solid rgb(192,255,192);
    background:rgb(224,255,224);
}

#toStringOutput{
    margin:0 2em 2em;
}