/* home.css is used by /index.php */ /* Black line around log-in form */ .formBox{ width: 173px;} /*.formBox{ border: 1px solid #CCCCCC; width: 173px;} */ /*.formBox2{ border: 1px solid #000000; width: 690px;}*/ .formBox2{ width: 690px;} .formBox3{ border: 1px solid #000000; width: 315px;} .formBox4{ width: 193px;} /* used on share page, visit/visit_page.php */ /* Free Signup box in left column */ .signupBox{ border: 1px solid #CCCCCC; padding: 3px 5px 5px 10px; margin: 10px 10px 0px 0px; width: 230px; background-color: #FFEDCB} /* #FBD387 FFE8BB*/ .signupBoxItem{ color: black; font: 13px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 4px 0px;padding-left: 5px; } .signupBoxItem p {color: red; font: bold 18px Arial, Helvetica, sans-serif; text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .signupBoxItem a {color: blue; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: underline; background: none;} .signupBoxItem a:hover {background: #DDDDDD;} /* Sign up friend Signup2 box in left column of myHome page*/ /*.signupBox2{ border: 1px solid #CCCCCC; padding: 3px 5px 5px 10px; margin: 10px 10px 0px 0px; width: 295px; background-color: #FFEDCB} /* was 167px #FBD387 FFE8BB*/ /*.signupBox2Item{ color:#555555; font: 13px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 2px 0px;padding-left: 5px; } .signupBox2Item a {color: blue; font: bold 18px Arial, Helvetica, sans-serif; text-decoration: underline; } .signupBox2Item a:visited {color: blue; font: bold 18px Arial, Helvetica, sans-serif; text-decoration: underline; } .signupBox2Item a:active {color: blue; font: bold 18px Arial, Helvetica, sans-serif; text-decoration: underline; } .signupBox2Item a:hover {color: blue; font: bold 18px Arial, Helvetica, sans-serif; text-decoration: underline; } .signupBox2Item a:link {color: blue; font: bold 18px Arial, Helvetica, sans-serif; text-decoration: underline; } .signupBox2Item p {font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; } .signupBox2Item a:hover {background: #DDDDDD;} */ /* Sign up friend Signup2 box in left column of myHome page, signupBoxFree2 is used on visit/visit_page.php*/ .signupBoxFree{ border: 1px solid #CCCCCC; padding: 3px 5px 5px 10px; margin: 10px 10px 0px 0px; width: 175px; background-color: #fef14a} /*#fcd486 #FFEDCB #FBD387 FFE8BB*/ .signupBoxFree2{ border: 1px solid #CCCCCC; padding: 0px 5px 5px 10px; margin: 0px 10px 0px 0px; width: 175px; background-color: #fef14a} /*#fcd486 #FFEDCB #FBD387 FFE8BB*/ .signupBoxFreeItem{ color:#555555; font: 13px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 2px 0px;padding-left: 5px; } .signupBoxFreeItem a {color: blue; font: bold 18px Arial, Helvetica, sans-serif; text-decoration: underline; } .signupBoxFreeItem a:visited {color: blue; font: bold 18px Arial, Helvetica, sans-serif; text-decoration: underline; } .signupBoxFreeItem a:active {color: blue; font: bold 18px Arial, Helvetica, sans-serif; text-decoration: underline; } .signupBoxFreeItem p {font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; } .signupBoxFreeItem a:hover {background: #DDDDDD;} .signupBox4{ border: 1px solid #CCCCCC; padding: 3px 5px 5px 10px; margin: 10px 10px 0px 0px; width: 256px; background-color: #FFEDCB} /* #FBD387 FFE8BB*/ .signupBoxFreeJunk{ border: 1px solid #CCCCCC; padding: 3px 0px 5px 10px; margin: 10px 10px 0px 0px; width: 175px; background-color: #FFEDCB} /* #FBD387 FFE8BB*/ /* Price box around KAS cost in central column */ .priceBox{background: white url(/graphics/homepage/boxbg.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 0px 10px 7px 0px;width: 230px;} .priceBox p {color: black; font: bold 16px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .priceBoxItem{font: 13px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 4px 0px;padding-left: 15px; background: url(/graphics/homepage/circle-small-black.gif) no-repeat top left;} .priceBoxItem p {color: black; font: bold 16px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .priceBoxItem a {color: #555555; text-decoration: none;} .priceBoxItem a:hover {background: #DDDDDD;} /* Apps links on right side in boxes -- margin, padding etc. are in this order: top right bottom left */ /*.appBox{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 174px;} */ .appBox{color: #555555; background: white top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 174px;} /* was 174 */ .appBox p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .appBoxItem{color: #555555; font: 12px Verdana, Arial, sans-serif;text-align: left;margin: 0px 0px 2px 0px;padding-left: 15px; background: url(/graphics/homepage/arrow-blue.gif) no-repeat top left;} .appBoxItem p {font: bold 15px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .appBoxItem a {color: #555555; text-decoration: none;} .appBoxItem a:hover {background: #DDDDDD;} /* Same as AppBox but wider */ .appBoxwide{color: #555555; background: white top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 210px;} .appBoxwide p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .appBoxwideItem{color: #555555; font: 12px Verdana, Arial, sans-serif;text-align: left;margin: 0px 0px 2px 0px;padding-left: 15px; background: url(/graphics/homepage/arrow-blue.gif) no-repeat top left;} .appBoxwideItem p {font: bold 15px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .appBoxwideItem a {color: #555555; text-decoration: none;} .appBoxwideItem a:hover {background: #DDDDDD;} /* appBoxTight2 EXPERIMENTAL top right bottom left */ .appBoxTight2{background: white top left; color: #555555; border: 1px solid #CCCCCC;padding: 3px 4px 0px 10px;margin: 0px 0px 0px 28px;width: 190px;} .appBoxTight2 p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 0px 0px;padding-left: 1px; background: none; } /* appBoxTight just like AppBox but little or no margins/padding on right and bottom; also wider; top right bottom left */ .appBoxTight{background: white top left;border: 1px solid #CCCCCC;padding: 3px 4px 0px 10px;margin: 10px 0px 0px 0px;width: 190px;} .appBoxTight p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 0px 0px;padding-left: 1px; background: none; } /* appBoxTight just like AppBox but little or no margines/padding on right and bottom; also wider; top right bottom left */ /*.appBoxTight{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 4px 0px 10px;margin: 10px 0px 0px 0px;width: 190px;} .appBoxTight p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 0px 0px;padding-left: 1px; background: none; } */ /* visitBox just like AppBox but wider. Used on visit/people.php */ .visitBox{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 20px;margin: 10px 10px 7px 0px;width: 380px;} .visitBox p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } /* videoTour is used htm/products/videotour.htm page */ /*.videoTour{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left; border: #CCCCCC;padding: 0px 5px 5px 10px;margin: 0px 10px 7px 0px;width: 430px;}*/ .videoTour{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left; border: 1px solid #CCCCCC;padding: 0px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 430px;} /* videoTourBox is used in videotour.php */ .videoTourBox{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 390px;} /* was 274 */ .videoTourBox p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } /* Dashboard boxes links on right side in boxes */ .myAccount{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 317px;} /* was 295 */ .myAccount p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .myAccountItem{font: 13px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 2px 0px;padding-left: 15px; background: url(/graphics/homepage/arrow-blue.gif) no-repeat top left;} .myAccountItem p {font: bold 15px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .myAccountItem a {color: #555555; text-decoration: underline;} .myAccountItem a:hover {background: #DDDDDD;} /* dashboard is used as the center column at /myhome/index.php */ .dashboard{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 317px;} /* was 317 */ .dashboard p {font: bold 20px Arial, Helvetica, sans-serif;text-align: center; margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } /* dashboard3 is used as the right column at /myhome/index.php */ .dashboard3{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 647px;} /* was 287 */ .dashboard3 p {font: bold 20px Arial, Helvetica, sans-serif;text-align: center; margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } /* tour is used htm/products/tour.htm page */ /* note that tour, tour2, tour3 appear to be unused -- not used in current userstories.htm file */ .tour{ background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 329px;} .tour2{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 329px;} .tour3{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 670px;} .tour4{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 10px;width: 450px;} .tour5{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 10px;width: 730px;} .tour6{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 10px;width: 550px;} /* myHome is used at /myhome/index.php */ .myHome{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 635px;} /* was 265 */ .myHome p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .myHomeItem{font: 13px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 2px 0px;padding-left: 15px; background: url(/graphics/homepage/arrow-blue.gif) no-repeat top left;} .myHomeItem p {font: bold 15px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .myHomeItem a {color: #555555; text-decoration: none;} .myHomeItem a:hover {background: #DDDDDD;} /* myHome2 is used at /myhome/index.php */ .myHome2{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 295px;} /* was 295 */ .myHome2 p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .myHomeItem2{font: 13px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 2px 0px;padding-left: 15px; background: url(/graphics/homepage/arrow-blue.gif) no-repeat top left;} .myHomeItem2 p {font: bold 15px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .myHomeItem2 ol {font: bold 15px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .myHomeItem2 a {color: #555555;} .myHomeItem2 a:hover {background: #DDDDDD;} /* myHomeToDo is used at /myhome/index.php */ .myHomeToDo{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 0px;margin: 10px 10px 7px 0px;width: 295px;} .myHomeToDo p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .myHomeToDoItem{font: 13px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 2px 0px;padding-left: 15px; } .myHomeToDoItem p {font: bold 16px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .myHomeToDoItem a {font: bold 12px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; text-decoration: none; } .myHomeToDoItem li {font: bold 16px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; text-decoration: none; } /*.myHomeToDoItem a {color: #555555;}*/ .myHomeToDoItem a:hover {background: #DDDDDD;} /* myHomeRecentVisits is used at /myhome/index.php and visit/visit_page.php */ .myHomeRecentVisits{font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#555555; background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 0px;margin: 10px 10px 7px 0px;width: 635px;} /* was 635 and 12px*/ .myHomeRecentVisits p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .myHomeRecentVisits a {color: #555555; text-decoration: none;} .myHomeRecentVisits ol{ margin-top: 2px; margin-bottom: 2px;} .myHomeRecentVisits a:hover {background: #DDDDDD;} /* myHomeSubscribers is used at /myhome/index.php */ .myHomeSubscribers{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC; position:relative; left: 200px; padding: 3px 5px 15px 10px; margin: 25px 10px 7px 0px;width: 500px;} .myHomeSubscribers p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .myHomeSubscribersItem{font: 13px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 2px 0px;padding-left: 15px; } .myHomeSubscribersItem p {font: bold 16px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .myHomeSubscribersItem a {font: bold 12px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .myHomeSubscribersItem li {font: bold 16px Arial, Helvetica, sans-serif;text-align: left;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } /*.myHomeSubscribersItem a {color: #555555;}*/ .myHomeSubscribersItem a:hover {background: #DDDDDD;} /* visitPageCoolShare is used at /visit/people.php */ /*.visitPageCoolShare{font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#555555; background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 0px;margin: 10px 0px 7px 0px;width: 570px;} /* was 540*/ /*.visitPageCoolShare p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 10px 0px 5px 0px;padding-left: 1px; background: none; } .visitPageCoolShare a {color: #555555; text-decoration: underline;} .visitPageCoolShare ol{ margin-top: 2px; margin-bottom: 2px;} .visitPageCoolShare a:hover {background: #DDDDDD;} */ /* visitNameList is used at /visit/people.php */ .visitNameList{font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#555555; background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 0px;margin: 10px 0px 7px 0px;width: 360px;} /* was 540*/ .visitNameList p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center; color:#000000; margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .visitNameList a {color: #555555; margin-left: 18px; text-decoration: underline;} .visitNameList ol{ margin-top: 2px; margin-bottom: 2px;} .visitNameList a:hover {background: #DDDDDD;} /* sharePage1stCol is used at /myhome/index.php and visit/visit_page.php */ .sharePage1stCol{font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#555555; background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 20px;margin: 10px 0px 7px 0px;width: 540px;} /* was 635 and 12px*/ .sharePage1stCol p {font: bold 16px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .sharePage1stCol a {color: #555555; text-decoration: none;} .sharePage1stCol ol{ margin-top: 2px; margin-bottom: 2px;} .sharePage1stCol a:hover {background: #DDDDDD;} /* sharePageMostPopular is used at visit/visit_page.php */ .sharePageMostPopular{font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#555555; background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 20px;margin: 10px 10px 7px 0px;width: 400px;} /* was 265 */ .sharePageMostPopular p {font: bold 16px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .sharePageMostPopular a {color: #555555; text-decoration: none;} .sharePageMostPopular a:hover {background: #DDDDDD;} /* sharePageRecentVisitors is used at visit/visit_page.php */ .sharePageRecentVisitors{font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#555555; background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 20px;margin: 10px 10px 7px 0px;width: 190px;} /* was 265 */ .sharePageRecentVisitors p {font: bold 16px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .sharePageRecentVisitors a {color: #555555; text-decoration: none;} .sharePageRecentVisitors a:hover {background: #DDDDDD;} /* goodShares is used at visit/visit_page.php */ .goodShares{font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#555555; background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 0px;margin: 10px 10px 7px 0px;width: 250px;} .goodShares p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .goodShares2 {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#555555; background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 0px;margin: 10px 10px 7px 0px;width: 480px;} .goodShares2 p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .goodShares3 {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#555555; background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 0px;margin: 10px 10px 7px 0px;width: 710px;} .goodShares3 p {font: bold 15px Arial, Helvetica, sans-serif;text-align: center;margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } .goodShares a {color: #555555; text-decoration: underline;} .goodShares a:hover {background: #DDDDDD;} .goodSharesA a{font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#555555; text-decoration: underline; } /* was 265 */ /* Text in the left and center areas */ .mainArea{font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#555555; padding:0px; margin: 0px;} .mainArea a {color: #555555; text-decoration: underline;} .mainArea a:hover {background: #DDDDDD;} .mainAreaHeader {font: bold 18px Arial, Helvetica, sans-serif; color:#FEAC01; padding:0px; margin: 0px;} /* FEAC01 F8A601 4B9754*/ /* The very bottom line */ #bottomLine{float: left;padding: 11px 0px 0px 60px;font: 11px Verdana;color: #555555;} #bottomLine ul{padding: 0px;margin: 0px;} #bottomLine li{display: inline;list-style-type: none;padding-left: 20px;} #bottomLine a{color: #555555; text-decoration: none;} #bottomLine a:hover{color: #333333;text-decoration: none;background: #DDDDDD;} /* helpmenu is used by the top line in the navigation bar to display all of the options helpMenu is black and gets NO underline when mouse is over it */ a.helpMenu, a:link.helpMenu, a:visited.helpMenu, a:hover.helpMenu, a:active.helpMenu { font-family : tahoma, arial, helvetica, sans-serif; font-size : 13px; /* was 10pt, but was expanded on PCs with large fonts */ font-weight: bold; color: black; text-decoration: none; cursor: pointer; } /* blueLink1 used on home page */ a.blueLink1, a:link.blueLink1, a:visited.blueLink1, a:active.blueLink1 {font: normal 18px Verdana, Arial, Helvetica, sans-serif; color:#7484bf; padding:0px; margin: 0px; text-decoration: underline; } a:hover.blueLink1 { background: #DDDDDD; } /* blueLink2 normal size used on home page */ a.blueLink2, a:link.blueLink2, a:visited.blueLink2, a:active.blueLink2, span.blueLink2 {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-weight:normal; color: #86b1e2; text-decoration: underline; } a:hover.blueLink2 { background: #CCCCCC; } /* blueLink3 normal size used on home page */ a.blueLink3, a:link.blueLink3, a:visited.blueLink3, a:active.blueLink3, span.blueLink3 {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-weight:normal; color: #1698d4; text-decoration: underline; } a:hover.blueLink3 { background: #CCCCCC; } /* orangeLink normal size used on home page */ a.orangeLink, a:link.orangeLink, a:visited.orangeLink, a:active.orangeLink, span.orangeLink {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-weight:normal; color: #feac01; text-decoration: underline; } a:hover.orangeLink { background: #CCCCCC; } /* orangeLinksmall small size used on home page */ a.orangeLinkSmall, a:link.orangeLinkSmall, a:visited.orangeLinkSmall, a:active.orangeLinkSmall, span.orangeLinkSmall {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; font-weight:normal; color: #feac01; text-decoration: underline; } a:hover.orangeLinkSmall { background: #CCCCCC; } /* redLink used in User_corner articles */ a.redLink, a:link.redLink, a:visited.redLink, a:active.redLink, span.redLink {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-weight:normal; color: #b20216; text-decoration: underline; } a:hover.redLink { background: #CCCCCC; } /* noLink used when we don't want links to be very visible */ a.noLink, a:link.noLink, a:visited.noLink, a:active.noLink, span.noLink {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-weight:normal; color: #999999; text-decoration: none; } a:hover.noLink { background: #CCCCCC; } /* greenLink used in User_corner articles */ a.greenLink, a:link.greenLink, a:visited.greenLink2, a:active.greenLink, span.greenLink {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-weight:normal; color: #96ac00; text-decoration: underline; } a:hover.greenLink { background: #CCCCCC; } /* greenLinkBig used in catcher pages */ a.greenLinkBig, a:link.greenLinkBig, a:visited.greenLinkBig, a:active.greenLinkBig, span.greenLinkBig {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 14px; font-weight:normal; color: #96ac00; text-decoration: underline; } a:hover.greenLinkBig { background: #CCCCCC; } /* homeBig1 used on home page and help pages */ div.homeBig1, body.homeBig1, center.homeBig1, span.homeBig1, p.homeBig1, td.homeBig1 {font-family: Arial, sans-serif; font-size:18pt; font-weight:bold; text-align: center; padding-top: 10px; color:black;} a.homeBig1, a:link.homeBig1, a:visited.homeBig1, a:active.homeBig1 {font-family: Arial, sans-serif; font-size:18pt; font-weight:bold; text-align: center; padding-top: 10px; color:blue; text-decoration:underline} a:hover.homeBig1 { background: #DDDDDD; } /* homereallyBig1 used on catcher pages */ div.homeReallyBig1, body.homeReallyBig1, center.homeReallyBig1, span.homeReallyBig1, p.homeReallyBig1, td.homeReallyBig1 {font-family: Arial, sans-serif; font-size:24pt; font-weight:bold; text-align: center; padding-top: 10px; color:black;} a.homeReallyBig1, a:link.homeReallyBig1, a:visited.homeReallyBig1, a:active.homeReallyBig1 {font-family: Arial, sans-serif; font-size:24pt; font-weight:bold; text-align: center; padding-top: 10px; color:blue; text-decoration:underline} a:hover.homeReallyBig1 { background: #DDDDDD; } /* homeBig2 used on home page */ div.homeBig2, body.homeBig2, center.homeBig2, span.homeBig2, p.homeBig2, td.homeBig2, input.homeBig2, h2.homeBig2 {font-family:Arial, sans-serif; font-weight:bold; color:black; font-size:17px; padding:0px; margin: 0px; color:#7484BF; } a.homeBig2, a:link.homeBig2, a:visited.homeBig2, a:active.homeBig2 {font-family:Arial, sans-serif; font-weight:bold; color:black; font-size:17px; color:#7484BF; text-decoration:none } a:hover.homeBig2 { background: #DDDDDD; } /* Text in the left and center areas */ .homeBig3{font-family:Arial, sans-serif; font-weight:bold; color:black; font-size:18px;} .homeBig3 a {text-decoration: none;} .homeBig3 a:hover {background: #DDDDDD;} /* Text in the left and center areas */ .homeBig4{font-family: Arial, sans-serif; font-size:17pt; font-weight:bold; padding-top: 3px; color:black;} .homeBig4 a {text-decoration: none;} .homeBig4 a:hover {background: #DDDDDD;} .homeBig4Orange{font-family: Arial, sans-serif; font-size:17pt; font-weight:bold; padding-top: 3px; color:#feac01;} /* */ .homeBig5{font-family:Arial, sans-serif; font-weight:bold; color:black; font-size:12px;} .homeBig5 a {text-decoration: none;} .homeBig5 a:hover {background: #DDDDDD;} /* homeBig6 used on home page for only 2 lines on top right side - to get a different color and a greater padding-top than homebig4 */ .homeBig6{font-family: Arial, sans-serif; font-size:20pt; font-weight:bold; padding-top: 5px; color:black;} .homeBig6 a {text-decoration: none;} .homeBig6 a:hover {background: #DDDDDD;} /* homeBig7 used on home page for only 1 lines on top right side - to get different font color homebig4 */ .homeBig7{font-family: Arial, sans-serif; font-size:18pt; font-weight:bold; text-align: center; padding-top: 3px; color:black;} .homeBig7 a {text-decoration: none;} .homeBig7 a:hover {background: #DDDDDD;} /* Text in catcher pages where I need to combine this style with h1 & h2 tags */ h1.homeBig8{font-family: Arial, sans-serif; font-size:17pt; font-weight:bold; padding:0px; margin: 0px; color:black;} /* Text for top paragraphs in catcher pages */ .homecatcher1{font-family:Arial, sans-serif; font-weight:500; color:black; font-size:12px;} .homecatcher1 a {text-decoration: none;} .homecatcher1 a:hover {background: #DDDDDD;} /* new set of text styles */ .homeblackarial10{ font-family: Arial, sans-serif; font-size:10px; color:black;} .homeblackarial10bold{ font-family: Arial, sans-serif; font-size:10px; font-weight:bold; color:black;} .homeblackarial12{ font-family: Arial, sans-serif; font-size:12px; color:black;} .homeblackarial12purple{ font-family: Arial, sans-serif; font-size:12px; color:#7484bf;} .homeblackarial12orange{ font-family: Arial, sans-serif; font-size:12px; color:#feac01;} .homeblackarial12bold{ font-family: Arial, sans-serif; font-size:12px; font-weight:bold; color:black;} .homeblackarial14{ font-family: Arial, sans-serif; font-size:14px; color:black;} .homeblackarial14purple{ font-family: Arial, sans-serif; font-size:14px; color:#7484bf;} .homeblackarial14bold{ font-family: Arial, sans-serif; font-size:14px; font-weight:bold; color:black;} .homeblackarial16{ font-family: Arial, sans-serif; font-size:16px; color:black;} .homeblackarial16purple{ font-family: Arial, sans-serif; font-size:16px; color:#7484bf;} .homeblackarial16boldpurple{ font-family: Arial, sans-serif; font-size:16px; font-weight:bold; text-align: center; color:#7484bf;} .homeblackarial16bold{ font-family: Arial, sans-serif; font-size:16px; font-weight:bold; color:black;} .homeblackarial18{ font-family: Arial, sans-serif; font-size:18px; color:black;} .homeblackarial18bold{ font-family: Arial, sans-serif; font-size:18px; font-weight:bold; color:black;} .homeblackarial20{ font-family: Arial, sans-serif; font-size:20px; color:black;} .homeblackarial20bold{ font-family: Arial, sans-serif; font-size:20px; font-weight:bold; color:black;} /*-- ------------ */ /* homeQuote used on home page */ div.homeQuote, body.homeQuote, center.homeQuote, span.homeQuote, p.homeQuote, td.homeQuote {font-family:Arial, sans-serif; font-size:10pt; font-weight:bold; color:#feac01; } /* EDC56D,DEA536 */ div.usingTitle, body.usingTitle, center.usingTitle, span.usingTitle, p.usingTitle, td.usingTitle {font-family:Arial, sans-serif; font-size:14pt; font-weight:bold; color:black;} /* QA Question and Answer Style (used in Tour page and in internal support FAQs */ span.qa_question {font-family:Arial, sans-serif; font-size:14px; font-weight:bold; color:#feac01;} span.qa_answer {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#555555; padding:0px; margin: 0px;} /* General purpose outline style used in htm/products/tour.htm - Very little vertical space between h2 and ul */ .outline1 h2 {font-family:arial,helvetica,sans-serif; font-size:18px; color:#feac01; margin: 15px 0px 5px 0px; padding: 0;} .outline1 ul {margin: 0px 5px 0px 30px; padding: 0;} /* fieldTitle used on signup pages */ div.fieldTitle, body.fieldTitle, center.fieldTitle, span.fieldTitle, p.fieldTitle, td.fieldTitle {font-family:Verdana, sans-serif; font-size:14px; font-weight:bold; color:black; } div.comingSoonColor, body.comingSoonColor, center.comingSoonColor, span.comingSoonColor, p.comingSoonColor, td.comingSoonColor { color: #25A72C; } /* myHomeWizard is used at /myhome/index.php for the Dashboard new people wizard */ .myHomeWizard{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC; position:relative; left: 50px; padding: 3px 5px 15px 25px; margin: 25px 10px 7px 0px;width: 870px;} .myHomeWizard p {font: bold 20px Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } /* myHomeNotices is used at /myhome/index.php for the Dashboard notices. Called from display_notices() */ .myHomeNotices{background: white url(/graphics/homepage/boxbg4-yellow3.jpg) repeat-x top left;border: 1px solid #CCCCCC; position:relative; left: 50px; padding: 3px 5px 15px 25px; margin: 25px 10px 7px 0px;width: 870px;} .myHomeNotices p {font: normal 12px Verdana, Arial, sans-serif; margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } /* welcomeHelp is used to display first time help for the first few times the user is at most app's show.php page */ .welcomeHelp{background: white url(/graphics/homepage/boxbg3.jpg) repeat-x top left;border: 1px solid #CCCCCC; position:relative; left: 50px; padding: 3px 15px 12px 25px; margin: 15px 10px 7px 0px;width: 600px;} .welcomeHelp p {font: bold 20px Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } /* welcomeHelpCal is used to display first time help for the first few times the user is at most Calendar show.php page */ .welcomeHelpCal{background: white url(/graphics/homepage/boxbg3.jpg) repeat-x top left;border: 1px solid #CCCCCC; position:relative; left: 50px; padding: 3px 15px 0px 25px; margin: 15px 0px 7px 0px;width: 600px;} .welcomeHelpCal p {font: bold 20px Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } /* wizardHelp1 is used for the wizard help that appears on the Dashboard for new users */ .wizardHelp1{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 20px 10px 7px 30px;width: 650px;} .wizardHelp1 p {font: bold 20px Arial, Helvetica, sans-serif;text-align: center; margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } /* wizardHelp2 is used for the wizard help that appears on the Dashboard for new users */ .wizardHelp2{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 20px 10px 7px 30px;width: 500px;} .wizardHelp2 p {font: bold 20px Arial, Helvetica, sans-serif;text-align: center; margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } /* wizardHelp3 is used for the wizard New PhotoBlog help that appears on the Dashboard for new users */ .wizardHelp3{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 20px 10px 7px 30px;width: 700px;} .wizardHelp3 p {font: bold 20px Arial, Helvetica, sans-serif;text-align: left; margin: 0px 0px 5px 0px;padding-left: 1px; background: none; } /* Right side column of Home page */ div.rightSide1, span.rightSide1{color: #555555; padding: 0px 0px 0px 0px; margin: 0px 15px 15px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } div.rightSide1Big{color: black; font: bold 13px Arial, Helvetica, sans-serif; } /* rightSideBox1 */ .rightSideBox1{color: #555555; background: white top left;border: 1px solid #CCCCCC;padding: 3px 10px 15px 10px;margin: 15px 0px 12px 0px;width: 200px; } .rightSideBox1 p { font: bold 18px Arial, sans-serif; font-size:16px; color:#7484bf; margin: 0px 0px 10px 0px } .rightSideBox1Item{ font: 12px Verdana, Arial, Helvetica, sans-serif; color: #555555; text-align:left; } .rightSideBox1Item2{color: #555555; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: left;margin: 0px 0px 2px 0px;padding-left: 15px; background: url(../../graphics/homepage/arrow-blue.gif) no-repeat top left;} .rightSideBox1Item2 a {color: #555555; text-decoration: none;} /* mainColBox */ .mainColBox{color: #555555; background: white top left;border: 1px solid #CCCCCC;padding: 3px 10px 15px 10px;margin: 0px 0px 12px 0px;width: 280px; } .mainColBox p { font: bold 18px Arial, sans-serif; font-size:16px; color:#7484bf; margin: 0px 0px 10px 0px } .mainColBoxItem{ font: 14px Verdana, Arial, Helvetica, sans-serif; color: #555555; text-align:left; } .mainColBoxItem2{color: #555555; font: 14px Verdana, Arial, Helvetica, sans-serif; text-align: left;margin: 0px 0px 2px 0px;padding-left: 15px; background: url(../../graphics/homepage/arrow-blue.gif) no-repeat top left;} .mainColBoxItem2 a {color: #555555; text-decoration: none;} /* mainColBox2 */ .mainColBox2{color: #555555; background: white top left;border: 1px solid #CCCCCC;padding: 3px 10px 15px 10px;margin: 0px 0px 12px 0px;width: 550px; } .mainColBox2 p { font: bold 18px Arial, sans-serif; font-size:16px; color:#7484bf; margin: 0px 0px 10px 0px } .mainColBox2Item{ font: 14px Verdana, Arial, Helvetica, sans-serif; color: #555555; text-align:left; } .mainColBox2Item2{color: #555555; font: 14px Verdana, Arial, Helvetica, sans-serif; text-align: left;margin: 0px 0px 2px 0px;padding-left: 15px; background: url(../../graphics/homepage/arrow-blue.gif) no-repeat top left;} .mainColBox2Item2 a {color: #555555; text-decoration: none;} /* Yellow/Orange text */ .yellowOrange { font-size: 18px; color: #feac01; } /* Small URL text */ .smallURL { font-size: 9px; } /* Used in index_relogin.php and visit_page.php */ .bottomSignin{background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left;border: 1px solid #CCCCCC;padding: 3px 5px 5px 10px;margin: 10px 10px 7px 0px;width: 540px;} /* Style for internal K&S ads in green bar when viewing folders/documents */ table.adSubhead, form.adSubhead, div.adSubhead, span.adSubhead, body.adSubhead, center.adSubhead, p.adSubhead, td.adSubhead {font-family:Verdana, Arial, sans-serif; font-size:12px; color:#555555; font-weight:normal} /* Copied from landing_pages_new.css - Used in ads */ .adlinks { margin: 1em auto; padding:0; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:100%; } .adlinks a:link { color: #2a709c; font-weight:bold; text-decoration:none;} .adlinks a:visited { color: #2a709c; font-weight:bold; text-decoration:none;} .adlinks a:hover { background-color:#FFFFFF;} .adlinks a:active { color: #2a709c; font-weight:bold; } .adlinks-line2 { text-decoration:none; font-weight:normal; color:#000000; } .adlinks-line3 { text-decoration:none; font-weight:normal; color:#008000; font-size:10px; }