FONT	{font-family: Verdana,Helvetica; font-size: 12px}
TD	{font-family: Verdana,Helvetica; font-size: 12px}
BODY	{font-family: Verdana,Helvetica; font-size: 12px}
P	{font-family: Verdana,Helvetica; font-size: 12px}
DIV	{font-family: Verdana,Helvetica; font-size: 12px}


a:link {color:#000000; font-size: 12px; font-family: Verdana, Helvetica;text-decoration:underline}
a:active {color:#84B288; font-size: 12px; font-family: Verdana, Helvetica;text-decoration:underline}
a:visited {color:#000000; font-size: 12px; font-family: Verdana, Helvetica;text-decoration:underline}
a:hover {color:#84B288; font-size: 12px; font-family: Verdana, Helvetica;text-decoration:underline}


a.dataLink {
   background: none;
   color:#84B288;
   font-size: 10px;
   font-weight: bold;
   font-family: Verdana, Helvetica;
   text-decoration: none;
}
a.dataLink:hover {
   text-decoration: underline;
}




.dataName {background: none; color:#000000; font-size: 10px; font-weight: bold; font-family: Verdana, Helvetica; text-decoration: none}
.dataValue {background: none; color:#000000; font-size: 10px; font-weight: normal; font-family: Verdana, Helvetica; text-decoration: none}
.dataLink2 {background: none; color:#000000; font-size: 10px; font-weight: normal; font-family: Verdana, Helvetica; text-decoration: none}

.submitSmall {background: none; color:#000000; font-size: 10px; font-weight: normal; font-family: Verdana, Helvetica; text-decoration: none}
.submitSmallLink {background: none; color:#000000; font-size: 10px; font-weight: normal; font-family: Verdana, Helvetica; text-decoration: underline}
.submitBig {background: none; color:#000000; font-size: 14px; font-weight: bold; font-family: Verdana, Helvetica; text-decoration: none}

.copyright {background: none; color:#000000; font-size: 12px; font-weight: normal; font-family: Verdana, Helvetica; text-decoration: none}
.copyrightLink {background: none; color:#000000; font-size: 12px; font-weight: normal; font-family: Verdana, Helvetica; text-decoration: underline}
.authorLink {background: none; color:#000000; font-size: 10px; font-weight: normal; font-family: Verdana, Helvetica; text-decoration: underline}
.date {background: none; color:#FFFFFF; font-size: 9px; font-weight: bold; font-family: Verdana, Helvetica; text-decoration: none}
.pageList {background: none; color:#000000; font-size: 16px; font-weight: bold; font-family: Verdana, Helvetica; text-decoration: none}
.pageListLink {background: none; color:#000000; font-size: 16px; font-weight: bold; font-family: Verdana, Helvetica; text-decoration: underline}
.faqBig {background: none; color:#000000; font-size: 16px; font-weight: bold; font-family: Verdana, Helvetica; text-decoration: none}



TD.border { background-color: #000000; }

TD.dataName { background-color: #8494B2; }
TD.dataValue1 { background-color: #84B288; }
TD.dataValue2 { background-color: #B0DDAC; }
TD.dataExtra { background-color: #000000; }

TD.submitVar { background-color: #AEC2B0; }
TD.submitValue { background-color: #DDDDDD; }
TD.submitTitle { background-color: #84b288; }
TD.submitAdmin { background-color: #B05FFF; }


div.clear {
   clear: both;
}



/* Index */
td.generatorSelect {
   padding: 15px;
   width: 50%;
   text-align: center;
   background-color: #cccccc;
}
td.generatorSelectOn {
   border: 2px solid #777777;
}

div.serverTime {
   width: 90%;
   background-color: #dddddd;
}
div.serverTime div {
   font-size: 11px;
   font-weight: bold;
   padding: 10px;
}



/* Signup Sale */
table#signup {
   width: 80%;
}
table#signup h1 {
   text-align: center;
   color:#000000;
   font-size: 18px;
   font-weight: bold;
   font-family: Verdana, Helvetica;
   margin: 40px 0px 50px 0px;
}
table#signup h2 {
   color:#000000;
   font-size: 15px;
   font-weight: bold;
   font-family: Verdana, Helvetica;
   margin: 0px 0px 20px 0px;
   padding: 0px;
   border: 0px solid red;
}
table#signup ul {
   margin: 0px 0px 60px 0px;
}
table#signup li {
   padding: 0px 0px 10px 0px;
}
div.signupButton {
   text-align: center;
   color:#000000;
   font-size: 14px;
   font-family: Verdana, Helvetica;
   margin: 0px 0px 10px 0px;
}
div.signupButton span {
   font-size: 17px;
   font-weight: bold;
}
div#signupTestimonials {
   text-align: left;
   width: 80%;
   margin: 0px auto 60px auto;
}



/* Signup Form */
form#signupForm {
   margin: 25px 0px 50px 0px;
}
form#signupForm table {
   width: 90%;
}
div.signupFormProduct {
   margin: 15px 0px 15px 0px;
   border: 0px solid red;
}
div.signupFormProduct span {
   font-size: 14px;
   font-weight: bold;
}   
td#signupFormSubmit input {
   margin: 30px 0px 10px 0px;
}
img#signupFormLogo {
   width: 160px;
   margin: 10px 0px 7px 0px;
   border: 1px solid #222222;
}
img#signupFormCards {
   margin: 0px 0px 30px 0px;
}
td.signupFormLeft {
   width: 210px;
   font-weight: bold;
   text-align: right;
   background-color: #aec2b0;
}
td.signupFormRight {
   background-color: #dddddd;
}
div.signupFormError {
   color: red;
   font-size: 11px;
   font-weight: bold;
   padding: 5px;
   margin-bottom: 2px;
   background-color: #ffc3c3;   
}


/* Signup Confirm */
table#signupConfirm {
   width: 90%;
   margin: 25px 0px 50px 0px;
}
td#signupConfirmHeader {
   padding: 20px 0px 20px 0px;
   font-size: 13px;
   font-weight: bold;
   text-align: center;
   background-color: #aec2b0;
}



/* Color Picker */
div.colorpicker {
   z-index: 9999;
}
div.color {
   border: 0px solid #000000;
}
div.colorSwatch {
   float: left;
   cursor: pointer;
   width: 25px;
   height: 22px;
   border: 0px solid #bbbbbb;
   background-color: #ff00ff;
}
span.colorText {
   float: left;
   width: 70px;
   margin: 3px 0 0 5px;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   letter-spacing: 0px;
   border: 0px solid #bbbbbb;
}



/* Font Picker */
div.font {
   position: relative;
}
div.fontSwatch {
   width: 267px;
   border: 1px solid #a0a0a0;
}
div.fontSwatch:hover {
   border: 1px solid #4444ff;
}
div.fontSwatchPreview {
   float: left;
}
div.fontSwatchArrow {
   float: left;
}
div.fontPicker {
   display: none;
   border: 1px solid #000000;
   background-color: #ffffff;
   position: absolute; /* parent's position must be relative */
   z-index: 1000;
   width: 275px;
   height: 350px;
   top: 25px;
   left: 0px;
   padding: 0px;
   overflow: auto;
}
div.fontPreview {
   border: 1px solid #ffffff;
}
div.fontPreview:hover {
   border: 1px solid #4444ff;
}