@import "checkout.css";

/* moved from checkout.css */
div.about_content{ float:left; width:525px; margin:25px 0 10px 10px; background-color:#fff}

.successes img { float:left; border:solid 1px #111; margin-right:30px; }
.successes p { float:left; clear:right; width:100%; padding:0; margin:0 0 14px 0; }
.successes .testimonial { float:left; width:80%; }

/* note: many overridden rules from checkout.css and save_anything.css */
#container1 { border-top:none; }
.about_content { width:auto; margin-top:0; margin-right:0; }
a:link,a:visited { color:#000; text-decoration:underline; outline:0; }
a:hover,a:active{ color:#555; outline:0; }

/* taken out of checkout.css */
a.faqLnk, a.faqLnk:visited{color:#fe0000;text-decoration:none;font-weight:bold}a.faqLnk:hover{color:#020202;text-decoration:underline}a.faqLnk:active{color:#020202}
a.faqQstn, a.faqQstn:visited{color:#000;text-decoration:none}a.faqQstn:hover{text-decoration:underline}a.faqQstn:active{color:#000}
.newsNav a.activeSubTab{color:#dd7e3c !important}
div.aboutContent{float:left;margin:0 0 10px 10px}

.teamBox { float:left; margin:0 0 10px 10px; background-color:#fff; }
.teamBox h2, #qa{ color:#fe5b00; font-size:14px; margin:0 0 10px 0; float:left; }
.teamBox h2 img { margin-top:5px; }
.teamBox p{ margin:0 50px 10px 0; padding:0; float:left; }
.teamBox .besideImg { width:500px; }
.teamImg{ float:left; margin:0 10px 0 0; border:solid 1px #000; clear:left; }

/* note: modded classes from save_anything.css */
.inputOff { background:url(../SaveAnything/images/saFormOffR.jpg) repeat-x 0 0; border:solid 1px #b4b4b4; width:320px; }
.inputOn { background:url(../SaveAnything/images/saFormOnR.jpg) repeat-x 0 0; border:solid 1px #b4b4b4; width:320px; }        	
.txtAreaOff { background:url(../SaveAnything/images/saTxtAreaOffR.jpg) repeat-x 0 0; border:solid 1px #b4b4b4; width:320px; }
.txtAreaOn { background:url(../SaveAnything/images/saTxtAreaOnR.jpg) repeat-x 0 0; border:solid 1px #b4b4b4; width:320px; }
    
#tvRadioTbl { font-size:12px; }
#tvRadioTbl tr th { white-space:nowrap; padding-right:5px; }

#contentBox { float:left; width:100%; background-color:#fff; }

#sponsorSignUpBox h2, #charitySignUpBox h2{ color:#fe5b00; }
#sponsorSignUpBox .leftCol, #charitySignUpBox .leftCol { width:384px; padding-right:20px; float:left; }
#sponsorSignUpBox .rightCol, #charitySignUpBox .rightCol{ width:45%; padding-left:10px; float:left; border:dotted 1px #000; border-top:none; border-right:none; }

#tblSignUpCharity h4, #tblSignUpCharity p, #sponsorSignUpBox h4 { margin:3px 0; padding:0; font-size:13px; }
#tblSignUpCharity a, #sponsorSignUpBox a { color:#fe0000; text-decoration:none; }
#tblSignUpCharity a:hover, #sponsorSignUpBox a:hover { color:#fe0000; text-decoration:underline; }

#sponsorSignUpBox p, #charitySignUpBox p, #sponsorSignUpBox h2, #charitySignUpBox h2{ width:90%; }
#sponsorSignUpBox .leftCol p, #charitySignUpBox .leftCol p { width:auto; }

.introAbout { width:733px; margin: 0 10px; font-family: helvetica, arial, sans serif; padding-bottom:100px; }	
.introAbout .yellowBox { background: #fff089 url(../about/images/bg_yellowRndT.gif) no-repeat 0px 0px; width:733px; margin:15px auto 10px auto; padding:3px 0 0 0; }	
.introAbout .yellowBox .ft { background: url(../about/images/bg_yellowRndB.gif) no-repeat 0% 100%; padding:0 0 3px 0; }
.introAbout .blueBox { background: #9cc4ff url(../about/images/bg_blueRndT.gif) no-repeat 0px 0px; width:733px; margin:10px auto; padding:3px 0 0 0; }	
.introAbout .blueBox .ft { background: url(../about/images/bg_blueRndB.gif) no-repeat 0% 100%; padding:0 0 3px 0; }
.introAbout p { margin:5px 40px 10px 20px; padding:0; }
.introAbout h3 { margin:10px 40px 10px 20px; padding:0; }
.introAbout h4 { margin:0 40px 0 20px; padding:0; }
.introAbout ul { margin:5px 40px 10px 20px; padding:0; }
.introAbout li { margin:0px 50px; padding:0; }
.introAbout img, .testimonial img { border:0; margin-left:10px; }
    .testimonial img { float:left; }
.introAbout .hidden, .testimonial .hidden { display:none; }
.introAbout .underline { text-decoration:underline; }
a.showMore, a.showLess, a.agendaMore, a.agendaLess { color: #fe0000; font-weight:bold; text-decoration:none; }

/* Slightly modified from original work by Myles Angell @ http://be.twixt.us/jquery/suckerFish.php (Note: also in save_anything.css) */
.newsNav { list-style:none; margin:0; padding:0; float:left; width:100%; height:25px; background-color:#dfe3ec; }
.newsNav li { float:left; margin:0; padding:0; position:relative; height:25px; }
.newsNav li a, .newsNav li a:link, .newsNav li a:active, .newsNav li a:visited { font:inherit; display:block; padding:0 5px; text-decoration:none; line-height:25px; }
.newsNav li a:hover { background:#dfe3ec; text-decoration:underline; color:#000; }
.menuSpacer { background:#fff;width:2px;font-size:2px; }

#divContent_Friends ul { list-style:none; margin:0 0 20px 0; padding:0; float:left; width:760px; }
#divContent_Friends ul li, #divContent_Friends ul li.rowstart{ float:left; margin:0; padding:40px 86px; border:dotted 1px #111; border-left:none; border-top:none; }
#divContent_Friends ul li.rowEnd { clear:right; border-right:none; }
#divContent_Friends ul li.bottomRow { border-bottom:none; }

/* Credit: Scott Schiller's "Another Attempt at CSS rounded Corners" at http://www.schillmania.com/projects/dialog/ */
.successDlg { width:100%; color:#000; overflow:hidden; width:700px; }
.successDlg .hd .c, .dialog .ft .c { font-size:1px; /*ensure min height*/ height:10px; }
.successDlg .hd { background:transparent url(../about/images/successStoryBGTL.jpg) no-repeat 0px 0px; height:10px; }
.successDlg .hd .c { background:transparent url(../about/images/successStoryBGTR.jpg) no-repeat right 0px; font-size:1px; height:10px; }
.successDlg .bd { background:transparent url(../about/images/successStoryBGML.jpg) repeat-y right 0px; }
.successDlg .bd .c { background:transparent url(../about/images/successStoryBGMR.jpg) repeat-y right 0px; }
.successDlg .bd .c .s { padding:20px; }
.successDlg .ft { background: transparent url(../about/images/successStoryBGBL.jpg) no-repeat 0px 0px; height:14px; }
.successDlg .ft .c { background: transparent url(../about/images/successStoryBGBR.jpg) no-repeat right 0px; font-size:1px; height:14px; }

.advisorsBox h2 { clear:both; }

/* reduce left-padding (friends tab is wrapping for Macs) */
#tabNavBar a{padding:5px 10px 4px 2px;}