/* needed default styles for the text */ p, div, table, input, textarea {font-size:12px;line-height:18px;font-family:Arial, Verdana, Helvetica, sans-serif;font-style:inherit;font-weight: normal;color:#646c56;} input, textarea {padding:2px;color:#333;} input,textarea {margin: 2px; color: #333;} p {margin: 2px 0 10px 5px;} strong {font-weight: bold;} .standard_subhead {font-size:16px; color:#357ab7; font-weight:bold;} /* ul/ol all lists with bullets */ .standard_list {margin:10px;} .standard_list li {margin:10px 0 10px 10px;list-style:disc;} /* links */ a { color: #6eb2e7;text-decoration: none;} a:hover {text-decoration: underline;} img a {border: 0;} /* created content area to work within */ .contentArea {float:left;display:inline;width:605px;margin-top:30px;margin-left: 45px;} /* form base styles ********************************************************************************************/ .form {float: left;display: inline;width: 594px;padding-top: 15px;margin-bottom: 30px;} .required {margin-right: 2px; color: #c00; font-weight: bold;} /* rows */ .label, .field, .submit {float:left;display:inline;width:380px;padding-top: 12px;} .label {width: 179px;text-align: right;padding-right:10px;color: #357ab7;font-weight: bold;} /* field rows */ .field input.text,.field textarea {width: 325px;background: #f7fcff;border: 1px solid #ccc;} .field input.small {width: 50px !important;margin-left: 6px;} .field textarea {width: 328px;} .field select {margin-right: 8px;} /* atypical situations */ .first {margin-left: 10px !important;} .sectionTitle {float:left;display:inline;border-top: 2px dotted #357ab7;width: 600px !important;text-align: left !important;margin:20px 5px 0 5px;padding-left: 30px; color: #357ab7;} html > body .sectionTitle {width: 544px !important;} .join { font-weight: normal;padding-left: 10px;} /* submit row */ .submit {width: 405px;height: 90px;text-align: right;} .submit input {margin: 15px 40px 0 0;} /* error messages ********************************************************************************************/ /* orange boxed msg */ .errorMsgFlag {float: left;display: inline;width: 140px;margin: 20px 0;padding: 12px;background: #fef6dc;color: #c00;border: 1px solid #efefef;} .errorMsgFlag img {float:left;display: inline;margin: 0 10px 0 0;} /* red text and red border around input */ input.errorMsg,textarea.errorMsg {border: 1px solid #c00 !important;color: #646c56;} .errorMsg {color: #c00;} .loginError {float: left;display: inline;width: 590px;margin-top: 0;margin-bottom:10px;} html > body .loginError {width: 565px;} /* for all but ie */ html > body .loginErrorShortWidth {float: left;display: inline;width: 340px;margin-top: 0;margin-bottom:10px;} /* per page styles ********************************************************************************************/ /* login to make a wish form */ .logInToMakeAWish {background: url(../images/login_form_bg.gif) no-repeat;width: 595px;} /* make a wish page text styles */ .logInToMakeAWish p {text-align: center;margin-bottom: 5px;} .logInToMakeAWish strong {font-size: 15px;color: #357ab7;font-weight: bold;} .login_subhead {font-size: 26px;line-height:28px;color: #357ab7;font-weight: bold;} .login_offer {font-size:15px;color: #fa7405;font-weight: bold;} .font_22px_0067b1_bold {font-size: 22px; font-weight: bold; color:#0067b1; line-height:24px;} .font_16px_005aab_bold {font-size: 16px; font-weight: bold; color:#005aab; line-height:16px;} .font_14px_357ab7_bold {font-size: 14px; font-weight: bold; color:#357ab7; line-height:16px;} .font_12px_357ab7_bold {font-size: 12px; font-weight: bold; color:#357ab7; line-height:14px;} .font_16px_157cbc_bold {font-size: 16px; font-weight: bold; color:#157cbc; line-height:18px;} .label a.forgot {margin-left: 5px;font-size: 11px;color: #6eb2e7;font-weight: normal;} /* submit has a background image */ .login_submit {width: 88px;height: 25px;background: url(../images/login_submit.gif) no-repeat;border: none;} /* register form */ .register {width: 594px;background: url(../images/submit_wish_top_bg.gif) no-repeat #e5f5ff;} /* register left/right columns */ .register .label {float: left;display: inline;width: 205px; text-align: right;} .register .field {float: left;display: inline;width: 315px;text-align: left;} .register .field input.text {width: 275px;} .register .field option {padding:2px 0;} /* two column style to accomodate the 'children' table */ .register .twoCol {float:left;display:inline;width:594px;} /* the 'children' data table */ .register .currentChildren {float:left;display:inline;width:400px;margin-left:90px;} /* each td in the 'children' data table */ .currentChildren th, .currentChildren td {margin:1px;padding:3px 7px;bo} .currentChildren th {color: #357ab7;font-weight:bold;} /* submit button */ .register .submit {width: 594px;text-align:center;} /* make a wish pages */ /* make a wish to/from form */ .makeAWish {background: url(../images/submit_wish_top_bg.gif) no-repeat #e5f5ff;} .makeAWishSubmit {float:left;display:inline;width:594px;padding-top:15px;text-align:center;} .makeAWishEnd {float:left;width: 594px;background: url(../images/submit_wish_bottom_bg.gif) no-repeat 0 6px;} /* make a wish back/next buttons */ .makeawish_back {width: 87px;height: 25px; background: url(../images/makeawish_back.jpg) no-repeat;border: none;} .makewish_next {width: 87px;height: 25px;background: url(../images/makewish_next.jpg) no-repeat;border: none;} .makeAWish .characterCount {margin-left: 35px;padding: 3px 0;color: #999;} /* make a wish select style form - radios */ .themeui {float:left;display:inline;position:relative;width:130px;margin-left:20px;} .themeui label {margin-left:2px;color:#157cbc;font-weight: bold;} /* wraps the wish */ #wishContainer {float:left;display:inline;width: 500px;height: 334px;margin:20px 50px;background:#efefef;} /* 'to' row */ #wishContainer .to {float:left;display:inline;width:500px;margin-top:70px;font-size: 17px;text-align: center;font-weight: bold;} /*html > body #wishContainer .to {margin-top:70px;} for all but ie */ /* 'text' row, multiple div wrappers is to vertically align text - not w3c compliant*/ #wishContainer .text {float:left;display:inline;width:500px;height:165px;vertical-align:middle;} #wishContainer .text p {padding:0 70px;text-align: center;color:#333;font-style:oblique;font-size:13px;line-height:20px;} /* 'from' row */ #wishContainer .from {float:left;display:inline;width:395px;height:70px;margin-left:105px;font-size: 11px;line-height:12px;} /* 'submit row on makeAWish2 */ .wishContainersubmit {float:left;display:inline;width: 595px;padding-bottom:40px;text-align:center;} /* send via email, twitter, facebook */ .wishActions {float:left;display:inline;width:595px;padding-bottom:40px;line-height:24px;text-align:center;font-weight:bold;} /* possible styles classes for wishes - places the appropriate background image behind the wish */ .bunnies {background: #fff url(../images/themes/bunnies.jpg) no-repeat center !important;} .bunnies .to,.bunnies .from {color: #a7ae7f !important;} .footprints {background: #fff url(../images/themes/foot_border.jpg) no-repeat center !important;} .footprints .to,.footprints .from {color: #0a8fdf !important;} .fluffyClouds {background: #fff url(../images/themes/clouds.jpg) no-repeat center !important;} .fluffyClouds .to,.fluffyClouds .from {color: #0a8fdf !important;} .niteNite {background: #fff url(../images/themes/nite_nite.jpg) no-repeat center !important;} .niteNite .to,.niteNite .from {color: #3131bd !important;} .pinkPetals {background: #fff url(../images/themes/pink_petals.jpg) no-repeat center !important;} .pinkPetals .to,.pinkPetals .from {color: #f061a4 !important;} .blueShoes {background: #fff url(../images/themes/blue_shoes.jpg) no-repeat center !important;} .blueShoes .to,.blueShoes .from {color: #0a8fdf !important;} .pinkShoes {background: #fff url(../images/themes/pink_shoes.jpg) no-repeat center !important;} .pinkShoes .to,.pinkShoes .from {color: #f061a4 !important;} .blueToes { background: #fff url(../images/themes/blue_toes.jpg) no-repeat center !important;} .blueToes .to,.blueToes .from {color: #82b888 !important;} .pinkToes {background: #fff url(../images/themes/pink_toes.jpg) no-repeat center !important;} .pinkToes .to,.pinkToes .from {color: #74abd2 !important;} .stars {background: #fff url(../images/themes/stars.jpg) no-repeat center !important;} .stars .to,.stars .from {color: #ba18e5 !important;} .sports {background: #fff url(../images/themes/sports.jpg) no-repeat center !important;} .sports .to,.sports .from {color: #c00 !important;} .toyLand {background: #fff url(../images/themes/toyland.jpg) no-repeat center !important;} .toyLand .to,.toyLand .from {color: #c00 !important;} /* recent wishes ********************************************************************************************/ /* contains both columns of recent wishes */ .recentWishes {float: left;display:inline;width: 595px;} /* creates two columns, left and right */ .wishColLeft, .wishColRight {float: left;display: inline;width: 291px;} .wishColLeft {margin-right: 8px;} /* the recent wish container */ .wish {float: left; display:inline;width: 291px;height: 125px;margin: 5px 0; background:#fff;} /* to/from styles specifics */ .wish .to {float:left;display:inline;width:291px;height:50px;margin-top:30px;font-size: 17px;text-align: center;font-weight: bold;} html > body .wish .to {margin-top:30px;}/* for all but ie */ .wish .from {float:left;display:inline;width:150px;margin-left:50px;font-size: 11px;line-height: 12px;} /* view this wish link */ .wish a.view {float: right;display: block;width:65px;margin-top:18px;color: #999a9a;} .wish a.view:hover {text-decoration: underline;} /* possible styles classes for RECENT wishes - places the appropriate background image behind the RECENT wish */ .recentWishes .bunnies {background: url(../images/themes/bunnies_recent.jpg) no-repeat center !important;} .recentWishes .bunnies .to, .recentWishes .bunnies .from {color: #a7ae7f !important;} .recentWishes .footprints {background: url(../images/themes/foot_border_recent.jpg) no-repeat center !important;} .recentWishes .footprints .to, .recentWishes .footprints .from {color: #0a8fdf !important;} .recentWishes .fluffyClouds {background: url(../images/themes/clouds_recent.jpg) no-repeat center !important;;} .recentWishes .fluffyClouds .to, .recentWishes .fluffyClouds .from {color: #0a8fdf !important;} .recentWishes .niteNite {background: url(../images/themes/nite_nite_recent.jpg) no-repeat center !important;} .recentWishes .niteNite .to, .recentWishes .niteNite .from {color: #3131bd !important;} .recentWishes .pinkPetals {background: url(../images/themes/pink_petals_recent.jpg) no-repeat center !important;} .recentWishes .pinkPetals .to, .recentWishes .pinkPetals .from {color: #f061a4 !important;} .recentWishes .blueShoes {background: url(../images/themes/blue_shoes_recent.jpg) no-repeat center !important;} .recentWishes .blueShoes .to, .recentWishes .blueShoes .from {color: #0a8fdf !important;} .recentWishes .pinkShoes {background: url(../images/themes/pink_shoes_recent.jpg) no-repeat center !important;} .recentWishes .pinkShoes .to, .recentWishes .pinkShoes .from {color: #f061a4 !important;} .recentWishes .blueToes { background: url(../images/themes/blue_toes_recent.jpg) no-repeat center !important;} .recentWishes .blueToes .to, .recentWishes .blueToes .from {color: #82b888 !important;} .recentWishes .pinkToes {background: url(../images/themes/pink_toes_recent.jpg) no-repeat center !important;} .recentWishes .pinkToes .to, .recentWishes .pinkToes .from {color: #74abd2 !important;} .recentWishes .stars {background: url(../images/themes/stars_recent.jpg) no-repeat center !important;} .recentWishes .stars .to, .recentWishes .stars .from {color: #ba18e5 !important;} .recentWishes .sports {background: url(../images/themes/sports_recent.jpg) no-repeat center !important;} .recentWishes .sports .to, .recentWishes .sports .from {color: #c00 !important;} .recentWishes .toyLand {background: url(../images/themes/toyland_recent.jpg) no-repeat center !important;} .recentWishes .toyLand .to, .recentWishes .toyLand .from {color: #c00 !important;} /* recent wishes pagination */ .pagination {float: left;display: inline;width: 595px;margin: 7px 0;text-align: center;font-size: 14px;color: #357ab7;} .pagination a,.pagination a:focus,.pagination a:visited {font-size: 14px;color: #357ab7;} .bottom {padding: 10px 0 40px 0;} /* modal forms ********************************************************************************************/ /* send to a friend email form */ /* wraps the entire form */ .TB_modal .modal {float:left;display:inline; width: 470px;padding:10px 0;margin-bottom:15px;background: #e5f5ff; background-image:none;} html > body .TB_modal .modal {width:500px;}/* for all but ie */ /* label and field columnts */ .TB_modal .modal .label {float: left;display: inline;width: 190px;text-align: right;clear:left;} .TB_modal .modal .field {float: left;display: inline;width: 265px;text-align:left;} .TB_modal .modal .field input.text {width: 245px;} /* submit row */ .modalSubmit {float:left;display:inline;width:470px;text-align:center;} html > body .modalSubmit {width:500px;}/* for all but ie */ .TB_modal #send_message {float:left;display:inline;width:470px;text-align:center;} html > body #send_message {width:500px;} /* for all but ie */ /* facebook/twitter links */ /* wraps the entire form */ .TB_modal .popup_links {float:left;display:inline;width:470px;margin-bottom:10px;padding:2px 0;background: #e5f5ff;} html > body .popup_links {width:500;}/* for all but ie */ /* each option is contained in an li */ .TB_modal .popup_links li {float:left;display:block;width:150px;margin:1px;margin-left:80px;line-height:40px;background: #fff;} html > body .TB_modal .popup_links li {width:165px;margin-left:150px;} /* each li item has a logo image */ .TB_modal .popup_links img {float:left;display:inline;}