body { color: #525252;  font-size: 12px;  font-family: "Helvetica Neue Light","HelvetiaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;  font-weight: 300;  line-height: 18px; background-image: url(images/bg.jpg);  text-align:center; }

#copy { padding: 0px 0px 20px 0px; width: 580px;  background-color: #FFFFFF; border: 7px #333333 solid; text-align:left;  }

#copy .myheader {font-weight: bold;  }

#pageContainer { width: 915px; margin-left: auto; margin-right: auto; border: 0px solid red;  }  
 
#bookcover { text-align: center;  border: 7px #333333 solid;  }

#subTitle { padding-top: 0px; padding-bottom: 10px; width: 900px; text-align: center; color: #333333; font-size: 18px; }

#funny {  color: #CCCCCC; padding-top: 5px; text-align: center; font-size: 12px; }

#leftSide { float: left;  }
#rightSide { float:right;  } 

#links { width: 265px; padding-bottom: 7px; padding-right: 7px; padding-left: 7px; padding-top: 7px; text-align: left; 
background-color: #FFFFFF; border: 5px #333333 solid; margin-left: auto; margin-right: auto; }

#links td {color: #333333; font-size: 9px; }

#links td.spacerRow {height: 2px;}
#links td.linkHeader {padding-right: 2px; font-weight: bold;}
#links td.linkLink {padding-right: 2px; }
#links td.isbn {text-align: right; }

#links A:link { COLOR: #3E59B2; TEXT-DECORATION: underline;   }
#links A:hover	{ COLOR: #AB6F11; TEXT-DECORATION: underline;   }
#links A:active { COLOR: #3E59B2; TEXT-DECORATION: underline;  }
#links A:visited { COLOR: #3E59B2; TEXT-DECORATION: underline;   }
#links A:visited:hover { COLOR: #AB6F11; TEXT-DECORATION: underline;   }

A.mlb:link { COLOR: #5B9EDD; TEXT-DECORATION: underline;   }
A.mlb:hover	{ COLOR: #98C2A0; TEXT-DECORATION: underline;   }
A.mlb:active { COLOR: #98C2A0; TEXT-DECORATION: underline;  }
A.mlb:visited { COLOR: #5B9EDD; TEXT-DECORATION: underline;   }
A.mlb:visited:hover { COLOR: #5B9EDD; TEXT-DECORATION: underline; }

#copyright {  float: right; padding-left: 5px;}

#ifyouare { width: 900px; text-align: center; padding-bottom: 15px;  color: #333333; font-size: 18px; }

#oneothernote {  text-align: center; padding-top:5px;  color: #000000; font-size: 14px;  margin-left: auto; margin-right: auto;}

#divSQL { float: left; margin-top: 34px; }

#divSQL A:link { font-size: 12pt; font-weight: bold; COLOR: #003399; TEXT-DECORATION: none;   }
#divSQL A:hover	{ font-size: 12pt; font-weight: bold;  COLOR: #AB6F11; TEXT-DECORATION: none;   }
#divSQL A:active { font-size: 12pt; font-weight: bold;  COLOR: #3E59B2; TEXT-DECORATION: none;  }
#divSQL A:visited { font-size: 12pt; font-weight: bold;  COLOR: #003399; TEXT-DECORATION: none;   }
#divSQL A:visited:hover { font-size: 12pt; font-weight: bold;  COLOR: #AB6F11; TEXT-DECORATION: none;   }


a.back{
    width:256px;
    height:73px;
    position:absolute;
    bottom:15px;
    right:15px;
    background:#fff url(images/codrops_back.png) no-repeat top left;
    z-index:1;
    cursor:pointer;
}
a.activator{
    width:153px;
    height:150px;
    position:absolute;
    top:0px;
    left:0px;
    background:#fff url(images/clickme.png) no-repeat top left;
    z-index:1;
    cursor:pointer;
}
/* Style for overlay and box */
.overlay{
    background:transparent url(images/overlay.png) repeat top left;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}
.box{
    position:absolute;
    top:-600px;
    left:20%;
    right:20%;
    background-color:#333333;
    color:#7F7F7F;
    padding:20px;
    border:2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
}
.box h1{
    border-bottom: 1px dashed #7F7F7F;
    margin:-20px -20px 0px -20px;
    padding:10px;
    background-color:#FFEFEF;
    color:#EF7777;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}
a.boxclose{
    float:right;
    width:26px;
    height:26px;
    background:transparent url(images/cancel.png) repeat top left;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
}