#content {
  /*  background:#4D8757;
    color:#ddf; */
    background:#CDF7C7 url(images/doc-fade.jpg) no-repeat;
    color:black;
   padding-top:26px !important; /* For facebook */
}

.fb-content {
   background-image:url(http://www.bettorbest.com/static/images/doc-fade.jpg) !important;
}    

.diagram {
    background:white;
    border:1px solid black;
    width:245px;
    margin-right:2px;
    margin-bottom:5px;
    float:left;
     font-family:sans-serif;
     text-align:center;
    position:relative;
}

.diagram img {
    margin:5px auto 0 auto;
}

.diagram-desc {
    border:1px solid black;
    margin:0 5px 5px;
    background:lightgray;
    text-align:left;
    padding:0 5px;
}

.pletter {
    font-weight:bold;
    font-size:125%;
    color:blue;
}

.a { color:green; }
.b { color:blue; }
.c { color:red; }
.d { color:#cc0; }

.diagram-number {
    color:gray;
    font-size:300%;
    font-weight:bold;
    position:absolute;
    margin-left:3px;
}

p, ul, ol, dd {
    font-family: "Arial" sans-serif;
 /*   color:#ddf; */
    margin:3px 50px 10px;
    font-size:100%;
}
dd {
    font-family: "Arial" sans-serif;
 font-size:110%;
 }

dt {
/*    font-family: "Arial" sans-serif;
    color:#ddf; */
    font-size:105%;
    font-weight:bold;
}

ol ol {
    margin-left:0;
}

h3 {
    color:black;
    font-size:130%;
    margin-bottom:3px;
    margin-right:25%;
    border-bottom: 1px solid black;
    background:#7Db787;
    padding:0 5px;
    clear:both;
}

h2 {
    color:black;
    font-size:150%;
    margin: 0 50px 3px;
    border-bottom: 1px solid black;
    background:#8Dd7a7;
    background:white;
    padding:0 10px;
    clear:both;
/*    text-align:center; */
}

.diagram {
    min-height: 370px;
}

.diagram-desc {
    border:none;
    background:transparent;
}

.doc-path {
    font-size:60%;
    font-weight:normal;
}

.doc-movement {
    margin-top:-26px;
    margin-bottom:26px;
}

.doc-movement-end {
    margin-bottom:0;
    padding:1px;
}

.button-name, .term {
    font-weight:bold;
}

.hand-note {
    font-family:serif;
    font-weight:bold;
    color:#d00;
}

.endingDiv {
    height:1px;
}
