@charset "utf-8";
/* CSS Document */
html {
  background: #ebe2d3 url("../../images/bg.png") left bottom repeat-x;
}

body {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 13px;
  color: #333;
  background: transparent url("../../images/home-bg.jpg") left bottom no-repeat;
}

img {
  border: none;
}

a {
  color: #333;
  font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {
  font-size: 20px;
  font-weight: bold;
  padding: 0 0 0 23px;
}

h2 {
  font-size: 16px;
  font-weight: bold;
  padding: 25px 0 0 0;
}

.word, .word-medium, .word-small  {
  font-size: 24px;
  font-weight: normal;
  color: #B07419;
  padding: 0;
  margin: 0;
}

.word-medium {
  font-size: 18px;
}

.word-small {
  font-size: 12px;
}

p {
  padding: 0 0 10px 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  line-height: 18px;
}

p.first {
  padding: 18px 0 10px 0;
}

p.first em {
  font-style:italic;

}

p.last {
  padding: 0 0 20px 0;
}


/* Home Form */
form {
   padding: 0;
  margin: 0;
}

#formGeneric {
  padding: 9px 0 4px 23px;
  margin: 0;
  color: #666;
}

label {
  padding: 0 10px 3px 0;
}

.formword label {
  font-weight: bold;
}

.formexplain label {
  font-style: italic;
}

.formagegroup {
  margin-bottom: 20px;
}

.formagegroup label {
  float: left;
}

label.block {
  width: 83px;
  float: left;
}

label.block2 {
  padding: 0 5px 0 10px;
}

.textbox225 {
  width: 225px;
}

.textbox263 {
  width: 255px;
}
span.note {
  display: block;
  font-style: italic;
  padding-bottom: 15px;
  clear: both;
}

.textarea347 {
  width: 347px;
  height: 185px;
  margin: 10px 0 10px 0;
}

.radiobutton, .agegroup input {
  padding: 0;
  margin: 0 5px 0 0;
  height: 13px;
  width: 13px;
  border: none;
  float: left;
}

.form-select110 {
  width: 110px;
  margin: 0 0 10px 0;
}

.form-select130 {
  width: 125px;
  margin: 0 0 10px 0;
}

.form-item {
  padding: 0 0 15px 0;
}

#modalForm .form-item label.italic {
  font-size:12px;
  display:block;
  padding-bottom:6px;
}

.entries {
  padding: 10px 0 5px 0;
  margin: 0;
}

.entriessub {
  padding: 0 10px 0 0;
}

.totalentries {
  padding: 0 0 0 10px;
}

.buttonSubmit {
  padding: 5px 13px 0 0;
  margin: 0;
}

.buttonBookmark {
  padding: 20px 0 10px 0;
  margin: 0;
}



.send-button {
  background-image:url(../../images/btn-send.png);
  float:right;
  width:97px; 
  height:31px;
  padding:0px;
  border:0px;
  cursor:pointer;
}

.submit-button {
  background-image:url(../../images/btn-submit.png);
  width:96px; 
  height:31px;
  padding:0px;
  border:0px;
  cursor:pointer;
}

.sendfriend {
  background: transparent url("../../images/btn-sendtofriend.png") left top no-repeat;
  padding: 0;
  margin: 0;
  width: 131px;
  height: 31px;
  display: block;
  top: 20px;
  left: 0px;
  cursor:pointer;  
}

.sendfriend:hover{
  background: transparent url("../../images/btn-sendtofriend.png") left -31px no-repeat !important;
}

.submit-button.hover, .send-button.hover {
  background-position: left -31px;
}    

.bookmark {
  background: transparent url("../../images/btn-bookmark.png") left top no-repeat;
   padding: 0;
  margin: 0;
  width: 150px;
  height: 25px;
  display: block;
  cursor:pointer;  
  border: none;  
}

.bookmark:hover {
  background: transparent url("../../images/btn-bookmark-hover.png") left top no-repeat;
}

.title {
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 0 10px 0;
}

/* Info */
#info, #info-home {
  padding: 15px 0 0 0;
  margin: 0;
  color: #313A44;
  font-size: 12px;
  line-height: 14px;  
}

#info-home {
  width:400px;
  float:right;
  position:absolute;
  top:699px;
  left:496px;
}

#infothankyou {
  padding: 20px 0 0 0;
  margin: 0;
  color: #313A44;
  font-size: 12px;
  line-height: 14px;
}

.wordlist {
  padding: 0;
  margin: 0;
}

.wordlist ul {
  padding: 0 0 0 17px;
  margin: 0;
  list-style: disc;
}

.wordlist li {
  padding: 0;
  margin: 0;
  line-height: 18px;
}

.wordlistTitle {
  font-weight: bold;
  padding: 20px 0 10px 0;
}

#date {
  padding: 60px 13px 0 0;
  margin: 0;
  text-transform: uppercase;
  text-align: right;
}  

#mainContent .backToTop {
  padding: 9px 0 0 0;
  margin: 0;
  font-size: 11px;
  color: #666;
}

#mainContent .backToTop a {
  color: #666;
}

#mainContent .backToTop a:hover {
  color: #b07419;
}

.countDown {
  padding: 0;
  margin: 0;
}

.colcontent1 p.worddesc {  
  margin: 10px 0 0 0;
  padding:0 0 0 0;
}


.agegroup {
  clear: both;
  padding-bottom: 19px;
}

.agegroup label {
  float: left;
}


/* vault */
.icons {
    padding: 30px 0 0 0;
    margin: 0;
    float: right;
}

.icons ul {
    padding: 0;
    margin: 0;
}

.icons li {
    padding: 0 0 0 40px;
    margin: 0;
    list-style: none;
    float: left;
}

.icons li span {
  position:absolute; 
  width:120px; 
  font-size:11px; 
  font-style:italic; 
  margin-top: 5px;
}

.iconBookMark {
    padding: 0;
    margin: 0;
    background: transparent url("../../images/icon-bookmark.gif") left top no-repeat;    
    width: 92px;
    height: 38px;
    cursor: pointer;
    display: block;
}

.iconFacebook {
    padding: 0;
    margin: 0;
    background: transparent url("../../images/icon-facebook.png") left top no-repeat;    
    width: 112px;
    height: 38px;
    cursor: pointer;
    display: block;
}

.iconTwitter {
    padding: 0;
    margin: 0;
    background: transparent url("../../images/icon-twitter.png") left top no-repeat;    
    width: 96px;
    height: 38px;
    cursor: pointer;
    display: block;
}

#mainContent4 {
    padding: 0 100px 0 55px;
    margin: 0;
}

#wordResults {
    padding: 35px 20px 0 7px;
    margin: 0 0 0 20px;
    width: 908px;

}

#vaultTop {
    background: transparent url("../../images/vault-top.png") left top no-repeat;
    width: 908px;
    height: 13px;
}

#vaultBottom {
    background: transparent url("../../images/vault-bottom.png") left bottom no-repeat;
    width: 908px;
    height: 29px;
    margin-bottom: 18px;
}

#vaultSides {
    background: transparent url("../../images/vault-sides.png") left top repeat-y;
    padding: 0;
    margin: 0;
    height: 100%;
}

.vaultColBlock {
    padding: 10px 0 0 25px;
    margin: 0;
}

.vaultColBlock-1 {
    padding: 0 20px 0 0;
    margin: 0;
    width: 515px;
    float: left;
}

.vaultColBlock-2 {
    padding: 0;
    margin: 0;
    width: 348px;
    float: left;
}

.vaultColBlock h1 {
    padding: 0 0 6px 0;
    margin: 0;
}


.vaultColBlock h2 {
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: normal;
    text-align: center;     
}

#vaultColBlock {
    padding: 0;
    margin: 0;
}

#vaultSides .col1 {
    float: left;
    width: 177px;
    padding: 0 40px 0 23px;
    margin: 0;
}

#vaultSides .col2{
    float: left;
    width: 177px;
    padding: 0 40px 0 0;
    margin: 0;
}

#vaultSides .col3 {
    float: left;
    width: 180px;
    padding: 0 40px 0 0;
    margin: 0;
}

#wordResults .col4 {
    width: 190px;
    float: left;
    padding: 0;
    margin: 0;
}
    
.vaultcol {
    padding: 25px 0 0 0;
    margin: 0;
}

.vault {
    padding: 40px 0 0 0;
    margin: 0;
    font-size: 28px;
}

.wordlistcol {
    padding: 0;
    margin: 0;
}

.wordlistcol-1 {
    /*padding: 37px 0 0 0;*/
    padding: 0;
    margin: 0;
    float: left;
}

.wordlist2 {
    padding: 20px 15px 0 15px;
    margin: 0;

}

.wordlist2 ul {
    padding: 0 0 0 7px;
    margin: 0 0 0 0;
    font-size: 18px;
}

.wordlist2 ol {
    padding: 0 0 0 20px;
    margin: 0 0 0 0;
    font-size: 18px;
    list-style:decimal;
}

.wordlist2 ol li {
    padding:0 0 10px 0;
    margin: 0 0 0 25px;
    color: #ccb383;
}

.wordlist2 li span { 
    color:#996600; 
}

.wordlist2 li { 
    color:#999; 
}

.wordlist2 .numbers { 
    color: #999;
}


.button-refresh {
    padding: 0;
    margin: 0 0 0 0;
    background: transparent url("../../images/icon-refresh.png") left top no-repeat;    
    width: 126px;
    height: 41px;
    cursor: pointer; 
    display: block;
    float: left;
}        

.wordResult {
    padding: 0;
    margin: 0;
}

.wordResult  p {
    padding: 16px 0 16px 0;
    margin: 0;
}

.wordResult h3 {
    color: #996600;
    font-size: 18px;
    font-weight: bold;
}

.wordResult h3.first {
    padding: 16px 0 0 0;
}

.topten {
    padding: 0;
    margin: 0;
    text-align: center;
}

.topten-title {
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

.pagination {
    padding: 10px 15px 0 15px;
    margin: 0;
    color: #666;
}
  
.cake-sql-log table {
  margin: 10px;
}

.cake-sql-log td {
  border: solid 1px #666;
  padding:4px;
}
  
.words-summary {
   font-size: 16px !important;
  font-weight: bold;
  color: #960;
}

.thanks {
  font-size: 16px;
  font-weight: bold;
  padding: 25px 0 0 0;
}

/* Most Popular words pagination*/
.pagination .prev {
  margin-left:62px;
}

.pagination a,
.pagination span {
  display:block;
  float:left;
  margin-right:5px;
  text-decoration:none;
  color:#747679;
  font:Georgia, "Times New Roman", Times, serif;
  font-size:14px;
}

.pagination a.active {
  color:#676461;
  font-weight:bold;
}