/* CSS Document */ /* Style sheet for CleverDough Kids */ /* put the following line in the section of every page */ /* */ body{ font-family:Verdana,Arial; font-size:13px; background-color: rgb(9, 90, 165); } .center{ text-align:center; } #header { width:780px; height:219px; margin-left:auto; margin-right:auto; } #wholepage { width:780px; margin-left:auto; margin-right:auto; background:url(images/backgrkids.jpg); } #headline { width:600px; text-align:center; margin-left:auto; margin-right:auto; } #stepbox{ width:90%; text-align: right; float:right; padding:15px; font-size: 13pt; font-weight: 700; } #bonusbox{ width:400px; text-align: left; font-family:Tahoma,Georgia; margin-left: auto; margin-right: auto; padding:10px; border: 4px dashed red; } h1 { font-family:Tahoma,Georgia; font-size:28px; color:red; } h2 { font-family:Impact,Arial; font-size:24px; color:#0A0885; margin-top:0; } h3{ font-size:14px; font-weight:700; text-align:left; margin-top:20px; margin-bottom:20px; } h4 { font-family:Tahoma,Georgia; font-size:20px; } #container { width:95%; margin-left:auto; margin-right:auto; } #containerbig { width:90%; text-align:left; font-family:Tahoma,Georgia; font-size:16px; margin-left:auto; margin-right:auto; } #video { margin-top:15px; float:left; width:400px; height:410px; } #optin { float:left; width:314px; margin-top:15px; margin-left:10px; Margin-bottom:10px; border:2px dashed black; background-color:#FBFFBF; padding:10px; height:375px; } #optinmm { width:294px; float:right; margin-top:10px; margin-left:20px; margin-right:20px; margin-bottom:10px; background:url(images/form_bck.jpg); } #optinmmborder { width:294px; float:right; height:12px; background:url(images/images/form_btm.jpg); } label { float:left; width:100px; } #loginform { width:350px; margin-top:20px; text-align:left; margin-left:auto; margin-right:auto; margin-bottom:20px; } #buttonbox { margin-top:10px; padding:5px; margin-left: auto; margin-right: auto; width: 330px; background-color: rgb(186, 0, 0); } #buttonsubmit { margin: 0pt; padding: 5px 5px 7px; cursor: pointer; font-family:tahoma,arial; font-size: 20px; font-weight: 700; letter-spacing: -1px; width: 330px; } #buttonboxsmall { margin-top:10px; padding:5px; margin-left: auto; margin-right: auto; width: 290px; background-color: rgb(186, 0, 0); } #buttonsubmitsmall { margin: 0pt; padding: 5px 5px 7px; cursor: pointer; font-family:tahoma,arial; font-size: 20px; font-weight: 700; letter-spacing: -1px; width: 290px; } #textleft{ margin-left: 33px; margin-right: 33px; text-align: left; } #footer_image { width:676px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:10px; background-color:#3399FF; text-align:center; font-size:12px; color:white; } #bottomborder { width:780px; height:25px; background:url(images/pg_bottom.jpg); } .link { /*for viral Friend Generator */ text-decoration: none; } table { /*for viral Friend Generator */ cursor: hand; } /* for dropdown menu of topics for books etc */ /* the following is for the topics, the dropdown part is wider */ ul.dropdowntopic, ul.dropdowntopic li, ul.dropdowntopic ul { list-style: none; margin: 0; padding: 0; } ul.dropdowntopic { position: relative; z-index: 597; float: left; font-weight: bold; font-size: 16px; } ul.dropdowntopic li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; } ul.dropdowntopic li.hover, ul.dropdowntopic li:hover { position: relative; z-index: 599; cursor: default; } ul.dropdowntopic a:link, ul.dropdowntopic a:visited { color: #000; text-decoration: none; } ul.dropdowntopic a:hover { color: #000; } ul.dropdowntopic a:active { color: #ffa500; } /* -- level mark -- */ ul.dropdowntopic ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 340px; /* width of the dropdown box*/ } ul.dropdowntopic ul li { /*interior of the dropdown box, like text alignment and size*/ float: none; font-weight: normal; font-size:11px; text-align:left; padding-left:5px; /* text is not at the border*/ border-style: solid; border-width: 1px 1px 1px 1px; border-color:#000066; background-color:#FFFFFF; } ul.dropdowntopic ul li:hover { /*background of the dropdown box*/ background-color:#FFFFFF; } ul.dropdowntopic ul ul { top: 1px; left: 99%; } ul.dropdowntopic li:hover > ul { visibility: visible; } ul.dropdowntopic *.dir { padding-right: 20px; background-position: 100% 50%; background-repeat: no-repeat; }