/************************************/
/***    page - general            ***/
/************************************/

* { margin:0; padding:0 }
body, #divAll, #divBottomMenu { margin:0 auto;  }  /* centering the page in FF */
body  { display:block; font-family:arial; text-align:center; background-color:white; overflow:auto;  margin-left: auto; margin-right: auto;  }
#divAll { width:900px; text-align: center } 
img   { vertical-align:top; border:0 }
.clear { clear:both }
.myDiv { display:none }
.floatLeft { float:left }
.floatRight { float:right }
.textarea { height:200px; padding:4px }
.italic { font-style:italic }
a { cursor:pointer }
ul { padding:0; margin:6px 0 0 28px }
li { margin-bottom:4px }

.pageTitle { font-size:16pt;  margin-bottom:20px; color:#005fff; font-weight:bold }
.imageBtn { display:block; overflow:hidden; background-position:left; background-repeat:no-repeat }
.btn { display:block; overflow:hidden; width:191px; height:52px; background-position:left; background-repeat:no-repeat }
.imageBtn:hover, .btn:hover { background-position:right }
.btnSubmit { background:url('../images/BtnSend.gif') }
.btnClose  { background:url('../images/BtnClose.gif') }
.btnCancel { background:url('../images/BtnCancel.gif') }

body, .generalText { color:#055F00 }
.ButtonPurchaseBox, .ButtonDownloadBox { text-align:center; width:183px; font-size:8pt }
.ButtonPurchaseBox p, .ButtonDownloadBox p { position:relative } 
.ButtonPurchaseBox emp, .ButtonDownloadBox emp { font-weight:bold }
.ButtonPurchase, .ButtonDownload { width:183px; height:58px; background-position:left; display:block }
.ButtonPurchase:hover, .ButtonDownload:hover { background-position:right }
#ButtonPurchasePage { background-image:url('../images/BtnPurchasePage.png') }
#ButtonDownloadPage { background-image:url('../images/BtnDownloadPage.png') }

#divErrorMsg {  padding:10px 0 10px 0; text-align:center; display:none  }
.formErrorMsg { color:Red; font-size:13pt; font-weight:bold }

.pageFloatsContainer { overflow:hidden }
.floatsContainer { overflow:hidden }
.divFormSepLine { margin:30px 10% 30px 10%; width:80% }
#form .inputSep { padding-top:10px }
.formSepLine { height:1px; background-color:#cccccc }
#form .inputSubText { font-size:8pt; color:gray; margin-top:2px }

#ThankYouSignature { font-size:10pt; margin-top:30px; line-height:130% }
.Input, .InputLong { color:blue }
.leftCol, .rightCol { color:#5f9ea0 }
.close2Return2App { font-size:27pt; color:#eeeeee; margin-top:70px; text-align:center; line-height:120%; font-weight:bold }
.linethrough { text-decoration: line-through }

#captchaDigitsFrame { border:2px solid lightgrey; width:250px; height:50px; margin-top:10px }
.captchaDigitsImg { width:50px; height:50px; background-repeat:no-repeat; background-position:left; float:left }
.captchaDigitsImg :hover  { background-position:right }
#captchaDigitsInput { margin-top:15px }

.paddingTop20 { padding-top:20px }
.paddingTop30 { padding-top:30px }
.paddingTop36 { padding-top:36px }


.whisper { color:#bbbbbb }

/************************************/
/***    top                       ***/
/************************************/

#divTop { position:relative; height:111px; z-index:1 }
#divLogo { position:absolute; left:23px; top:31px }

#divSocialIcons { position:relative; width:100%; top:0px }
#tableSocialIcons { float:right; margin-top:0px;  }
#tableSocialIcons tr { height:35px; vertical-align:middle}
#tableSocialIcons #FbCont { height:21px; width:76px; border:none }
#tableSocialIcons a { float:left }
#tableSocialIcons .addthis_button_compact { font-family:Arial; font-size:11pt }
#tableSocialIcons #TellFriend { margin-left:2px; display:block } 
#tableSocialIcons #facebookIcon { width:16px; height:16px; margin-right:2px; background:url('../images/FacebookIcon_16x16.png') } 

#divMenuTop { position:absolute; height:46px; right:0px; top:46px }
#divMenuTop ul { list-style-type:none; height:46px; float:right; text-align:left }
#divMenuTopLeft { background-image: url('../images/MenuTopLeft.gif'); width:16px; height:46px }
.divMenuTopSep { background-image: url('../images/MenuTopSep.gif'); width:3px; height:46px }
#divMenuTopRight { background-image: url('../images/MenuTopRight.gif'); width:16px; height:46px }
#divMenuTop li {  float:left }
#divMenuTop ul a { background-image: url('../images/MenuTopBg.gif'); padding-right: 15px; padding-left: 15px; display: block;
                   line-height:46px; text-decoration: none; font-size: 11pt; color:white }
#divMenuTop ul a:hover { background-image: url('../images/MenuTopHl.gif'); color:#0782c5 }


/************************************/
/***    header                    ***/
/************************************/

#divBigHeader { height:400px; position:relative; z-index:3 }
#divBigHeaderBg { width:1220px; height:400px; position:absolute; left:-145px; top:0px;
                  background:url('../images/BigHeaderBg.png') no-repeat }
#divBigHeaderButtons { position:absolute; left:133px; top:155px }
#divBigHeaderButtons .ButtonPurchaseBox { position:absolute }
#divBigHeaderButtons .ButtonDownloadBox { position:absolute; top:89px }
#ButtonPurchaseBigHeader { background-image:url('../images/BtnPurchaseBigHeader.png') }
#ButtonDownloadBigHeader { background-image:url('../images/BtnDownloadBigHeader.png') }

#divSmallHeader { height:209px; position:relative; z-index:3 }
#divSmallHeaderBg { width:1220px; height:209px; position:absolute; left:-145px; top:0px;
                    background:url('../images/SmallHeaderBg.png') no-repeat }
#divSmallHeaderButtons { position:absolute; left:480px; top:42px }
#divSmallHeaderButtons .ButtonPurchaseBox { position:absolute }
#divSmallHeaderButtons .ButtonDownloadBox { position:absolute; left:200px }
#ButtonPurchaseSmallHeader { background-image:url('../images/BtnPurchaseSmallHeader.png') }
#ButtonDownloadSmallHeader { background-image:url('../images/BtnDownloadSmallHeader.png') }

#divMinimalHeader { height:143px; position:relative; z-index:3 }
#divMinimalHeaderBg { width:1220px; height:143px; position:absolute; left:-145px; top:0px;
                      background:url('../images/MinimalHeaderBg.png') no-repeat }

#divSlides { position:absolute; top:39px; left:356px }


/************************************/
/***    main                      ***/
/************************************/

#divPageContent { position:relative; z-index:2 }
#divMain { float:left; position:relative; text-align:left; width:610px; margin-top:20px;  }
#divMain .alert { color:red; margin:20px 0 20px 0 }
#divMain h1 { font-size:17pt; font-weight:normal; letter-spacing:0.01em; color:#005fff; margin:45px 0 10px 0 }
#divMain .divImg { margin:15px 0 25px 0; width:600px; background:url('../images/ScreenShots/BgMiddle.gif') repeat-y }
#divMain .imgTop { height:28px; background:url('../images/ScreenShots/BgTop.gif') no-repeat }
#divMain .imgBottom { height:19px; background:url('../images/ScreenShots/BgBottom.gif') no-repeat }
#divMain .divImg a { margin-left:16px }
#divMain .divImg img { width:566px;  }
#divMain .divMainIconedContent { margin-top: -15px }

#divMain h2 { font-size:14pt; color:#4e7231; margin-top:20px }
#divMain p  { margin-top:10px; font-weight:normal }
#divMain #divMainPage { margin-top:-40px }
#divMain #divMainPage p { color:black;  }
#divMain .divMainIcon { float:left; width:70px; margin-top:0px }
#divMain .divMainText { float:right; width:540px }
#divMain .divMainText #divAdvantages ul { margin-left: 24px; margin-top:7px; list-style-image:url("../images/GreenMark.png"); line-height:150%  }
#divMain .divMainText #divAdvantages li { padding-left: 5px }

#divPageButtons { position:relative; left:20px; color:black; width:470px; margin-top:50px; font-family:Arial }
#divPageButtons .ButtonPurchaseBox { float:left }
#divPageButtons .ButtonDownloadBox { float:right }
#divPageButtons .Desc { padding-top:6px }
#divPageButtons b { color:green }

#divUserGuide { margin-top:5px }

#divAbout { margin-top:5px }
#divAbout #title { font-size:16pt;  margin-bottom:20px; color:#005fff; font-weight:bold }
#divAbout p { color:black; margin:15px 0 0 0; padding-left:30px; padding-bottom:5px;
             background:url('../images/AboutPar.png') no-repeat; background-position:0 1px }

#divAbout #divBullets { margin:30px 0 10px 0 }
#divAbout #divBullets #titleBelieve { font-size:16pt;  margin-bottom:10px; color:#a06734; font-weight:bold }
#divAbout .bulletHead { margin-top:20px; color:#b38225; font-weight:bold }
#divAbout ul { padding-left:18px }

.divPageSep { margin:40px 0 10px 0; width:100%; height:1px; background:url("../images/PageSep.png") repeat-x }

#divDownload { margin-top:20px }
#divDownload #preface { font-size:12pt; margin-bottom:3px }
#divDownload #virus { font-size:9pt; color:gray; letter-spacing:0.01em }
#divDownload #help { font-size:10pt }
#divDownload #help #suffix { margin-top:5px }
#divDownload #bonusTitle { font-size:12pt; color:#d89d08; margin-top:22px; font-weight:bold }
#divDownload #bonusIntro { font-size:11pt; color:green; margin-top:0px; line-height:130% }
#divDownload #bonusShow { cursor:pointer; font-weight:bold; color:red; font-size:11pt; text-decoration:underline }
#divDownload #bonusShow.active { color:orange }
#divDownload #bonusDesc { margin-top:10px; color:black; font-size:12pt }
#divDownload #clickToDownload { font-size:10pt; color:gray }
#divDownload #IE_Warning { color:#9B7C00 }
#divDownload #downloadNow a { background:url('../images/BtnDownloadNow.png') no-repeat; margin-top:12px;
                              width:234px; height:58px; background-position:left; display:block }
#divDownload #downloadNow a:hover { background-position:right }

#divFAQ h2	{ font-size:16pt; color:#005fff; font-weight:bold; margin-bottom:20px }
#divFAQ .q	{ cursor:pointer; line-height:130%; font-size:10pt; font-weight:bold; margin-top:10px }
#divFAQ .q.active { color:orange }
#divFAQ .qnum { float:left; width:25px }
#divFAQ .qbody { float:left; width:550px }
#divFAQ .qbody, #divFAQ .answer { width:550px }
#divFAQ .answer { width:550px; height:0; overflow:hidden; position:relative; margin:0 0 25px 27px; padding:0px; font-size:10pt }
#divFAQ .answer p { color:black;  }
#divFAQ .answer .sub { font-size:9pt; color:gray; margin-top:40px }
#divFAQ .divImg { width:100%; text-align:center; margin-top:15px; margin-bottom:20px; padding-top:15px;
                  background:url('../images/ClickImageToEnlarge.png') no-repeat; background-position:375px 1px  }
#divFAQ .divImg img { width:450px; border:1px solid lightgrey; padding:30px }

#divScreenShots  h2 { margin-bottom:25px; font-size:16pt; color:#0c5982; font-weight:bold;  } 
#divScreenShots .shot { margin-top:10px }
#divScreenShots .divImg { margin-top:15px; width:600px; background:url('../images/ScreenShots/BgMiddle.gif') repeat-y }
#divScreenShots .title { font-size:12pt; font-weight:bold }
#divScreenShots .desc { color:black; font-size:10pt; margin-top:5px; line-height:140%}
#divScreenShots .imgTop { height:28px; background:url('../images/ScreenShots/BgTop.gif') no-repeat }
#divScreenShots .imgBottom { height:19px; background:url('../images/ScreenShots/BgBottom.gif') no-repeat }
#divScreenShots .divImg a { margin-left:16px }
#divScreenShots .divImg img { width:566px;  }
#divScreenShots .sep { margin-left:50px; height:61px; width:80%; text-align:center; 
                       background:url('../images/PageSep.png') repeat-x center center }

#divContactUs #topBg { height:36px; background:url('../images/FormTop.gif') no-repeat }
#divContactUs #content { padding-left:60px; background:url('../images/FormMiddle.gif') repeat-y }
#divContactUs #bottomBg { height:38px; background:url('../images/FormBottom.gif') no-repeat }
#divContactUs #divErrorMsg {  width:500px; margin-bottom:10px  }
#divContactUs #title { font-size:16pt; color:#005fff; font-weight:bold; margin-bottom:20px }
#divContactUs #form .leftCol  { width:100px; float:left;  text-align:left; vertical-align:top }
#divContactUs #form .rightCol { float:left; text-align:left }
#divContactUs #form .Input { width:370px }
#divContactUs #form .textarea { width:362px }
#divContactUs #form #EmailInput .Input { width:230px }
#divContactUs #form #replyIntro { padding-top:20px; margin-bottom:7px }
#divContactUs .btnSubmit { margin-top:30px }
#divContactUs #needsReply { color:#a52a2a; margin:20px 0 20px 0; line-height:130% }
#divContactUs #form .maxSize { margin-left:20px; color:gray; font-size:9pt }
#divContactUs #divCaptchDigits { margin-top:30px }
#divContactUs #address { margin-top:3px; line-height:1.25em }
#divContactUs #phone { margin-top:10px; line-height:1.4em }

#divTellFriend #topBg { height:36px; background:url('../images/FormTop.gif') no-repeat }
#divTellFriend #content { padding:10px 87px 0 57px; background:url('../images/FormMiddle.gif') repeat-y }
#divTellFriend #bottomBg { height:38px; background:url('../images/FormBottom.gif') no-repeat }
#divTellFriend #divErrorMsg {  width:80% }
#divTellFriend #title { font-size:16pt; color:#0c5982; font-weight:bold; margin-bottom:10px }
#divTellFriend #form .num  { width:30px; height:1px; float:left; display:block }
#divTellFriend #form .leftCol  { width:230px; float:left;  text-align:left; vertical-align:top }
#divTellFriend #form .rightCol { width:200px; float:left; text-align:left }
#divTellFriend #form .Input { width:200px }
#divTellFriend #form .InputLong { width:432px; color:blue }
#divTellFriend .btnSubmit { margin-top:30px }

#divFacebook        { display:none }
#divFacebook #title { font-size:16pt; color:#0c5982; font-weight:bold; margin-bottom:20px }
#divFacebook #desc  { font-size:11pt; color:green }

#divActivate #topBg { height:36px; background:url('../images/FormTop.gif') no-repeat }
#divActivate #content { line-height:120%; font-size:11pt; color:green; padding:0 60px 0 60px; background:url('../images/FormMiddle.gif') repeat-y }
#divActivate #stepCounter { color:#aaaaaa; text-align:center }
#divActivate #bottomBg { height:38px; background:url('../images/FormBottom.gif') no-repeat }
#divActivate #divErrorMsg {  width:100%; margin-top:10px  }
#divActivate #title, #divActivate .stepTitle { color:#DF9300 }
#divActivate #title { font-size:20pt; padding:30px 0 10px 0 }
#divActivate .stepTitle { padding:25px 0 5px 0; font-weight:bold; font-size:9pt }
#divActivate .subText { color:#aaaaaa; font-size:9pt; }
#divActivate #form .Input { width:370px; margin-top:10px }
#divActivate .btnSubmit { margin-top:20px }
#divActivate .btnClose { margin-top:40px }


/************************************/
/***    main - news               ***/
/************************************/

#divNews { float:right; width:237px }
#divNewsHeaderBg { height:48px; background:url('../images/NewsHeaderBg.png') no-repeat }
#divNewsMiddleBg { background:url('../images/NewsMiddleBg.png') repeat-y; padding-bottom:30px }
#divNewsBottomBg { height:16px; background:url('../images/NewsBottomBg.png') no-repeat }

#divNewsIcons { width:237px; padding:20px 0px 0px 0px; text-align:left }
#tableIcons { text-align:center ;margin-left:10px; width:217px; font-size:8pt; color:gray }
.trIconImages, .trIconImages td { height:65px }
#tableIcons td { width:65px }
#tableIcons img { width:45px; height:45px }
#tableIcons .spacer { height:20px }

#newsSep {  width:70%; height:1px; margin-top:40px; margin-left:35px; padding-bottom:30px; background:url('../images/NewsSep.png') repeat-x }
#newsItemsTitle { text-align:left; font-size:16pt; padding:0px 25px 0px 25px; color:gray }
.newsItem { margin-top:15px }
.newsItem h6 { padding-left:20px; color:#0c7cb0; font-size:9pt; font-weight:normal;
               background:url('../images/NewsItemArrow.png') no-repeat; background-position:center left }
.newsItem p { padding:3px 0px 0px 0px; color:#555555; font-size:9pt; line-height:130% }


/************************************/
/***    purchase                  ***/
/************************************/

#divPurchaseContainer { border:1px solid #aaaaaa; margin-top:5px }
#divPurchase { background-color:white; text-align:left; background-image:url('../images/PurchaseFormTopBG.png');
	           background-repeat:repeat-x; background-position:top; padding:40px; border:6px solid #dddddd }
#divPurchase #Preface { line-height:120%; color:black }
#idPurchasePrice { font-size:12pt }

#idEarlyPurchaseBonus { line-height:130%; font-weight:bold }
#idEarlyPurchaseBonus #title { margin-top:10px; color:#a06734; font-weight:bold; font-size:13pt; text-decoration:underline }
#idEarlyPurchaseBonus #desc { margin-top:5px; font-weight:normal }

#divPurchase #moneyBack { font-size:11pt; color:red; margin-top:2px }
#divPurchase #confidentiality { margin-top:20px; margin-bottom:5px; color:#777777; font-weight:bold; font-size:11pt }
#divPurchase #confidentiality #desc { color:#666666; font-size:10pt; font-weight:normal }
#divPurchase #confidentiality .bullet { font-size:8pt }


#divPurchase #formOutline { border:1px solid #bbbbbb }
#divPurchase #form { background-color:#f8f8f8; padding:20px; background-image:url('../images/PurchaseFormTitleBG.gif'); background-repeat:repeat-x; background-position:top }

#divPurchase #form #fields  { margin-top:25px }
#divPurchase #form .leftCol  { width:150px; float:left;  text-align:left }
#divPurchase #form .rightCol { width:250px; float:left; text-align:left }
#divPurchase #form .Input { width:200px }

#divPurchase #form #title { font-size:14pt; color:#777777; font-weight:bold; height:40px }
#divPurchase #form .TitleName { color:blue }
#divPurchase #form .TitleBDate { color:#ff00ae }
#divPurchase #form .TitleName, .PReqFormTitleBDate { width:150px }
#divPurchase #form #UserName { color:#aaaaaa }

#divPurchase #form #ReferrerBonus { color:#009a39 }
#divPurchase #form #ReferrerBonus #Preface { font-size:11pt; padding-top:0px; padding-bottom:26px; line-height:130% }
#divPurchase #form #ReferrerBonus #Program { font-size:9pt; color:#777777 }

#divPurchase #form #referrer #titleReferrer { color:#007d2e; vertical-align:top }

#divPurchase #form #divPayPalPreface { font-size:11pt; font-style:italic; color:#a76a00 }

.btnPayPal { width:250px; height:56px; background:url('../images/BtnPayPal.gif') }

#divPurchaseThankYou { font-size:11pt; color:green; line-height:120% }
#divPurchaseThankYou #intro { color:#EF8100 }
#divPurchaseThankYou #intro #aReferralBonus { color:#9900CC }
#divPurchaseThankYou #intro #aReferralBonus:hover { color:blue }
#divPurchaseThankYou #desc { margin-top:5px; display:none; color:black }
#divPurchaseThankYou #refer { padding-top:3px; color:#9900CC }
#divPurchaseThankYou #refer #link { padding-top:3px; color:#9900CC }
#divPurchaseThankYou #refer #link:hover { color:blue }


/************************************/
/***    Grade Math Tutor          ***/
/************************************/

#divGradePage { margin-top:-40px }
#divGradePage h1 { font-size:16pt;  margin-bottom:20px; font-weight:bold }
#divGradePage .titleColor { color:#b38225 }
/* #divGradePage p { margin:15px 0 0 0; padding-left:30px; padding-bottom:5px;
             background:url('../images/AboutPar.png') no-repeat; background-position:0 1px } */
#divGradePage p { margin:15px 0 0 0 }
#divGradePage ul { list-style-type:circle }
#divGradePage .ulGreenArrow { margin-left:18px; list-style-image: url('../images/ArrowGreen_ListItem_16x16.gif') }
#divGradePage #divBullets .divListTitle { margin:30px 0 0px 0; font-size:16pt;  color:#b38225; font-weight:bold }
#divGradePage #divBullets li { list-style-type:square }
#divGradePage .titleImprove { font-weight:bold; margin:20px 0 2px 0; color:#946814; font-size:large }
#divGradePage .listTitle { color:#946814; font-weight:bold; font-size:17pt; margin-top:30px }


/************************************/
/***    bottom                    ***/
/************************************/

#divBottomMenu { position:relative; top:40px; width:100%; background-color:#005fff; margin-bottom:50px }
#bottomLinks { color:white; padding-top:5px; padding-bottom:8px; padding-right:198px; line-height:140% }
#divBottomMenu a { color:white; text-decoration:none; font-size:9pt; margin: 0 15px 0 15px }
#divBottomMenu a:hover { text-decoration:underline }



/* rainbows - for gradient text effects */
/*
.rainbow {
	background: transparent;
	display: block;
	position: relative;
	height: 1px;
	overflow: hidden;
	z-index: 4;
	}

.rainbow span {
	position: absolute;
	top: 0;
	left: 1px;
	display: block;
	xwhite-space: nowrap;
	}

a .rainbow span { /* For within floated elements. * /
	white-space: nowrap; 
	}

.rainbows-highlight {
	color: #044b6f !important;
	display: block;
	position: absolute;
	top: -1px;
	left: 1px;
	z-index: 2;
	}

.rainbows-shadow {
	color: #7abbda !important;
	display:block;
	position: absolute;
	top: 0px;
	left: 0px; /* can be one or two depending on 90 or 135 degree global light * /
	z-index: 3;
	}

.back .text .rainbows-shadow {
	color: #000 !important;
	opacity: 0.3;
	}
*/