/* Stock CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
table {
/* tables still need 'cellspacing="0"' in the markup */
border-collapse: collapse;
border-spacing: 0;
}
/* Baseline styles */
html, body { height: 100%; background-color: #D7E4EF; }
body, tr, th, td { line-height: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #424242; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #424242; }
h1, h2, h3, h4, h5, h6, blockquote { font-family: Georgia, "Times New Roman", Times, serif; line-height: normal; font-weight: normal; color: #4D861B; }
h1 { margin-bottom: 15px; font-size: 22px; }
h2 { margin-bottom: 15px; font-size: 18px; }
h3 { margin-bottom: 15px; font-size: 14px; }
p { padding-bottom: 10px }
ul, ol { padding-left: 30px; }
a, a:visited, a:active { text-decoration: none; color: #005192; }
a:hover { text-decoration: underline; color: #278BDB; }
a img { border: none; }
/* Generic classes */
.float_contain { width: 100%; overflow: hidden; }
.dotted { padding-bottom: 5px; background: url( '/static/img/zeta_structure/dotted_line_black.gif' ) left bottom repeat-x; }
.hidden { display: none; }
/* Javascript notice header */
.js_on #js_notice { display: none; }
#js_notice { position: relative; width: 100%; border-bottom: 1px solid #AA6565; background-color: #FF9999; }
#js_notice span { display: block; width: 902px; margin: 0px auto; padding: 5px 0px; text-align: center; }
/* Containing architecture */
#site_container {
width: 900px;
margin: 0px auto;
border: 1px solid #A0A0A0;
border-top: none;
-moz-border-radius-bottomleft: 5px; /* Gecko */
-moz-border-radius-bottomright: 5px; /* Gecko */
-webkit-border-bottom-left-radius: 5px; /* Webkit */
-webkit-border-bottom-right-radius: 5px; /* Webkit */
border-radius-bottom-left: 5px; /* CSS3 */
border-radius-bottom-right: 5px; /* CSS3 */
-moz-box-shadow: 0px 0px 6px rgba( 0, 0, 0, .3 ); /* Gecko */
-webkit-box-shadow: 0px 0px 6px rgba( 0, 0, 0, .3 ); /* Webkit */
box-shadow: 0px 0px 6px rgba( 0, 0, 0, .3 ); /* CSS3 */
}
#masthead {
position: relative;
z-index: 10;
height: 106px;
background: url( '/static/img/zeta_masthead/header_bg.gif' ) left top repeat-x;
border-bottom: 1px solid #999999;
-moz-box-shadow: 0px 0px 4px rgba( 0, 0, 0, .4 ); /* Gecko */
-webkit-box-shadow: 0px 0px 4px rgba( 0, 0, 0, .4 ); /* Webkit */
box-shadow: 0px 0px 4px rgba( 0, 0, 0, .4 ); /* CSS3 */
}
#content { position: relative; z-index: 5; padding: 20px 20px 50px; background-color: #FFFFFF; }
#footer {
position: relative;
padding: 0px 0px 25px 20px;
-moz-border-radius-bottomleft: 5px; /* Gecko */
-moz-border-radius-bottomright: 5px; /* Gecko */
-webkit-border-bottom-left-radius: 5px; /* Webkit */
-webkit-border-bottom-right-radius: 5px; /* Webkit */
border-radius-bottom-left: 5px; /* CSS3 */
border-radius-bottom-right: 5px; /* CSS3 */
background-color: #E2F0FB;
}
#footer_logos { width: 880px; margin: 0px auto; padding: 15px 0px 15px 20px; }
/* Masthead */
#masthead #logo { position: absolute; left: 29px; top: 24px; }
/* --- Top links */
#masthead #top_links { list-style: none; position: absolute; right: 0px; top: 7px; margin-right: 15px; padding: 0px; }
#masthead #top_links li.link { display: block; float: left; padding: 1px 8px; }
#masthead #top_links li.link a { line-height: 18px; text-decoration: none; font-size: 11px; color: #FFFFFF; }
#masthead #top_links li.link a:hover { text-decoration: underline; }
#masthead #top_links li.escape a { padding-right: 10px; margin-left: 15px; background: url( '/static/img/zeta_masthead/escape_link_arrow.gif' ) right 5px no-repeat; }
.os_mac #masthead #top_links li.escape a { background-position: right 4px; }
#masthead #top_links li.current {
background-color: #FFFFFF;
-moz-border-radius: 5px; /* Gecko */
-webkit-border-radius: 5px; /* Webkit */
border-radius: 5px; /* CSS3 */
}
#masthead #top_links li.current a, #masthead #top_links li.current a:hover { color: #D98F00; text-decoration: none; }
#masthead #top_links li.login { display: block; float: left; padding: 0px 5px 0px 6px; }
#masthead #top_links li.login .buttons { float: left; }
#masthead #top_links li.login .buttons a { margin-right: 0px; }
#masthead #top_links li.login .buttons a span { padding-right: 13px; background: url( '/static/img/zeta_masthead/login_arrow.gif' ) right 6px no-repeat; }
.os_mac #masthead #top_links li.login .buttons a span { background-position: right 5px; }
/* --- Login box */
#masthead #login {
overflow: hidden;
position: absolute;
z-index: 9;
top: 31px;
right: 20px;
width: 245px;
padding: 17px 15px 0px;
border: 1px solid #B8CEE6;
background-color: #FFFFFF;
-moz-border-radius: 6px; /* Gecko */
-webkit-border-radius: 6px; /* Webkit */
border-radius: 6px; /* CSS3 */
-moz-box-shadow: 0px 0px 6px rgba( 0, 0, 0, .3 ); /* Gecko */
-webkit-box-shadow: 0px 0px 6px rgba( 0, 0, 0, .3 ); /* Webkit */
box-shadow: 0px 0px 6px rgba( 0, 0, 0, .3 ); /* CSS3 */
}
#masthead #login fieldset { margin: 0px; padding: 0px; border: none; }
#masthead #login fieldset .login_header { margin: 0px 0px 5px; padding: 0px; background: none; line-height: normal; text-transform: none; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #4D861B; }
#masthead #login fieldset label { display: block; padding-top: 5px; font-size: 11px; }
#masthead #login fieldset .input_text { width: 220px; height: 15px; margin: 0px; padding: 2px; border: 1px solid #CCCCCC; outline: none; }
#masthead #login fieldset .terms { padding-top: 8px; font-size: 11px; }
#masthead #login fieldset .buttons,
#masthead #login fieldset .secure { float: left; padding-top: 10px; }
#masthead #login fieldset .forgot { clear: left; padding: 5px 0px 15px; font-size: 11px; }
#masthead #login .close { position: absolute; top: 6px; right: 6px; width: 23px; height: 23px; }
#masthead #login .close a { display: block; overflow: hidden; width: 23px; height: 0px; padding-top: 23px; background: url( '/static/img/zeta_masthead/login_close.gif' ) left top no-repeat; }
#masthead #login .close a:hover { background-position: left -23px; }
/* --- Join boxes */
#masthead #join { list-style: none; position: absolute; z-index: 8; right: 14px; top: 37px; margin: 0px; padding: 0px; }
#masthead #join li { display: inline; float: left; margin-right: 6px; text-align: center; }
#masthead #join li a {
display: block;
width: 122px;
height: 53px;
background: url( '/static/img/zeta_masthead/cta_off.png' ) left top no-repeat;
border: 1px solid #FFFFFF;
-moz-border-radius: 5px; /* Gecko */
-webkit-border-radius: 5px; /* Webkit */
border-radius: 5px; /* CSS3 */
-moz-box-shadow: 0px 0px 4px rgba( 0, 0, 0, .2 ); /* Gecko */
-webkit-box-shadow: 0px 0px 4px rgba( 0, 0, 0, .2 ); /* Webkit */
box-shadow: 0px 0px 4px rgba( 0, 0, 0, .2 ); /* CSS3 */
text-decoration: none;
}
#masthead #join li a:hover { background-image: url( '/static/img/zeta_masthead/cta_on.png' ); text-decoration: none; }
#masthead #join li a span { display: block; }
#masthead #join li a .subject { padding-top: 12px; padding-bottom: 9px; line-height: 10px; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; }
#masthead #join li a .action { line-height: 14px; padding-right: 20px; background: url( '/static/img/zeta_masthead/join_arrows.gif' ) no-repeat; font-weight: bold; font-size: 11px; }
#masthead #join li.parent a { border-color: #6D9920; background-color: #E7F9CC; }
#masthead #join li.sitter a { border-color: #FFDB7F; background-color: #FFF8C6; }
#masthead #join li.parent a span { color: #3C6715; }
#masthead #join li.sitter a span { color: #594612; }
#masthead #join li.parent a .action { background-position: 89px 1px; }
#masthead #join li.sitter a .action { background-position: 83px -16px; }
#masthead #join li.post a { height: 35px; border-color: #6D9920; background-color: #E7F9CC; }
#masthead #join li.post a span { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #3C6715; }
#masthead #join li.post a .action { padding-top: 10px; background-position: 95px 11px; }
#masthead #join li.upgrade a { height: 35px; border-color: #6D9920; background-color: #E7F9CC; }
#masthead #join li.upgrade a span { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #3C6715; }
#masthead #join li.upgrade a .action { padding-top: 10px; padding-right: 15px; background-position: 90px 11px; overflow:visible;}
/* --- Tabs */
#masthead #tabs { list-style: none; position: absolute; z-index: 7; left: 0px; top: 78px; margin: 0px; padding: 0px 0px 0px 17px; }
#masthead.logged_out #tabs { width: 550px; }
#masthead.logged_in #tabs { width: 620px; }
#masthead #tabs li { display: inline; position: relative; float: left; margin-left: 3px; }
#tabs li a {
display: block;
float: left;
height: 21px;
padding-top: 7px;
background: url( '/static/img/zeta_masthead/tab_bg.png' ) left top no-repeat #D5E7FF;
-moz-border-radius-topleft: 5px; /* Gecko */
-moz-border-radius-topright: 5px; /* Gecko */
-webkit-border-top-left-radius: 5px; /* Webkit */
-webkit-border-top-right-radius: 5px; /* Webkit */
border-radius-top-left: 5px; /* CSS3 */
border-radius-top-right: 5px; /* CSS3 */
text-align: center;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #005192;
}
#masthead #tabs li:hover {
background-color: #EDEDED;
-moz-border-radius-topleft: 5px; /* Gecko */
-moz-border-radius-topright: 5px; /* Gecko */
-webkit-border-top-left-radius: 5px; /* Webkit */
-webkit-border-top-right-radius: 5px; /* Webkit */
border-radius-top-left: 5px; /* CSS3 */
border-radius-top-right: 5px; /* CSS3 */
}
#masthead #tabs li a:hover { background-color: #EDEDED; color: #D98F00; }
#masthead #tabs li:hover a { background-color: #EDEDED; }
#masthead #tabs li.current a,
#masthead #tabs li.current a:hover,
#masthead #tabs li.current:hover a { background-color: #FFFFFF; color: #D98F00; }
#masthead #tabs li.current:hover,
#masthead #tabs li.expanded:hover a { background-color: #FFFFFF; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#masthead #tabs li img { display: none; }
#masthead #tabs li.current img { display: block; position: absolute; left: 0px; top: 28px; height: 19px; }
#tabs #tab_home a, #tabs #tab_home.current img { width: 57px; }
#tabs #tab_babysitters_and_nannies a, #tabs #tab_babysitters_and_nannies.current img { width: 176px; }
#tabs #tab_other_household_help a, #tabs #tab_other_household_help.current img { width: 173px; }
#tabs #tab_why_join a, #tabs #tab_why_join.current img { width: 83px; }
#tabs #tab_my_sittercity a, #tabs #tab_my_sittercity.current img { width: 94px; }
#tabs #tab_my_jobs a, #tabs #tab_my_jobs.current img { width: 71px; }
#tabs #tab_my_sitters a, #tabs #tab_my_sitters.current img { width: 81px; }
#tabs #tab_my_messages a, #tabs #tab_my_messages.current img { width: 102px; }
#tabs #tab_find_the_right_person a, #tabs #tab_find_the_right_person.current img { width: 144px; }
#tabs #tab_resources a, #tabs #tab_resources.current img { width: 94px; }
#tabs #tab_why_upgrade a, #tabs #tab_why_upgrade.current img { width: 107px; }
#tabs #tab_find_the_right_person a,
#tabs #tab_resources a { background-color: #8FB7E9; }
#masthead #tabs #tab_babysitters_and_nannies:hover,
#masthead #tabs #tab_other_household_help:hover,
#masthead #tabs #tab_my_messages:hover,
#masthead #tabs #tab_find_the_right_person:hover {
-moz-box-shadow: 0px 0px 4px rgba( 0, 0, 0, .5 ); /* Gecko */
-webkit-box-shadow: 0px 0px 4px rgba( 0, 0, 0, .5 ); /* Webkit */
box-shadow: 0px 0px 4px rgba( 0, 0, 0, .5 ); /* CSS3 */
}
#masthead #tabs #tab_babysitters_and_nannies.expanded:hover,
#masthead #tabs #tab_other_household_help.expanded:hover,
#masthead #tabs #tab_my_messages.expanded:hover,
#masthead #tabs #tab_find_the_right_person.expanded:hover {
-moz-box-shadow: none; /* Gecko */
-webkit-box-shadow: none; /* Webkit */
box-shadow: none; /* CSS3 */
}
#tabs #tab_my_messages .new,
#tabs #tab_my_messages .new:hover,
#masthead #tabs #tab_my_messages:hover .new {
display: block;
position: absolute;
right: 8px;
top: -11px;
float: left;
width: auto;
height: auto;
padding: 0px 3px;
border: 1px solid #FFFFFF;
background: #F26767;
font-size: 11px;
color: #FFFFFF;
-moz-box-shadow: 0px 0px 4px rgba( 0, 0, 0, .5 ); /* Gecko */
-webkit-box-shadow: 0px 0px 4px rgba( 0, 0, 0, .5 ); /* Webkit */
box-shadow: 0px 0px 4px rgba( 0, 0, 0, .5 ); /* CSS3 */
-moz-border-radius: 3px; /* Gecko */
-webkit-border-radius: 3px; /* Webkit */
border-radius: 3px; /* CSS3 */
}
#tabs #tab_my_messages.expanded .new,
#tabs #tab_my_messages.expanded .new:hover,
#masthead #tabs #tab_my_messages.expanded:hover .new {
right: 268px;
background: #F26767;
}
#tabs #tab_my_messages.current .new,
#tabs #tab_my_messages.current .new:hover,
#masthead #tabs #tab_my_messages.current:hover .new {
color: #FFFFFF;
}
/* --- Tab dropdowns */
#masthead #tabs li ul { display: none; list-style: none; clear: left; padding: 0px; margin: 0px 12px 5px; background: url( '/static/img/zeta_masthead/tab_drop_bg.gif' ) 0px 0px #EDEDED; }
#masthead #tabs li:hover ul { display: block; }
#masthead #tabs li ul li { display: block; float: none; margin: 0px; padding: 5px 0px; }
#masthead #tabs li ul li:hover,
#masthead #tabs li ul li:hover a,
#masthead #tabs li ul li a:hover { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; }
#masthead #tabs li ul li a {
display: block;
float: none;
width: auto;
height: auto;
padding: 0px;
background: transparent;
-moz-border-radius: 0px; /* Gecko */
-webkit-border-radius: 0px; /* Webkit */
border-radius: 0px; /* CSS3 */
text-align: left;
text-decoration: none;
font-size: 12px;
font-weight: normal;
color: #005192;
}
/* --- Tab secondary navigation */
#masthead.with_subnav { height: 137px; }
#masthead #tabs li.expanded { position: static; }
#masthead #tabs li.expanded:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#masthead #tabs li.expanded a,
#masthead #tabs li.expanded a:hover { background-color: #FFFFFF; }
#masthead #tabs li.expanded ul {
display: block;
position: absolute;
z-index: -1;
left: 0px;
top: 28px;
width: 889px;
margin: 0px;
padding: 3px 0px 3px 11px;
background: url( '/static/img/zeta_masthead/tab_expand_bg.gif' ) left 1px repeat-x #FFFFFF;
}
#masthead #tabs li.expanded ul li { float: left; padding-left: 21px; background: url( '/static/img/zeta_masthead/subnav_pipe.gif' ) 10px 8px no-repeat; }
#masthead #tabs li.expanded ul li.first_subitem { background: none; }
#masthead #tabs li.expanded ul li a,
#masthead #tabs li.expanded:hover ul li,
#masthead #tabs li.expanded:hover ul li a,
#masthead #tabs li.expanded ul li a:hover { background-color: transparent; color: #005192; }
#masthead #tabs li.expanded ul li.current a,
#masthead #tabs li.expanded ul li a:hover { color: #D98F00; }
/* Tertiary Page Layout */
#tertiary_nav { float: left; width: 180px; margin-right: 20px; border: 1px solid #CCCCCC; }
#tertiary_content { float: left; width: 438px; margin-right: 20px; }
#tertiary_content_full { float: left; width: 658px; }
#tertiary_sidebar { float: left; width: 200px; }
#tertiary_nav h2 { margin: 0px; padding: 5px 10px; background: url( '/static/img/zeta_structure/sidebar_header_green.gif' ) left top repeat-x #D0EEA6; font-size: 13px; color: #4D861B; }
#tertiary_nav ul { padding: 6px 0px 7px; background-color: #FAFAFA; }
#tertiary_nav ul li { list-style-type: none; padding: 4px 10px; line-height: 14px; font-size: 11px; }
#tertiary_nav ul li.current a,
#tertiary_nav ul li.current a:hover,
#tertiary_nav ul li.current a:visited,
#tertiary_nav ul li.current a:active { text-decoration: none; color: #D98F00; }
#tertiary_content h1 { font-size: 18px; }
#tertiary_content h2 { margin-bottom: 10px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#tertiary_content h3 { margin-bottom: 10px; line-height: 18px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #424242; }
#tertiary_content p, #tertiary_content ul, #tertiary_content ol { padding-bottom: 10px; line-height: 18px; }
#tertiary_content ul li, #tertiary_content ol li { padding-bottom: 2px; }
#tertiary_content blockquote { padding: 0px 0px 10px; background: none; line-height: 22px; font-size: 15px; font-style: italic; color: #D98f00; }
#tertiary_content img { padding: 3px; border: 1px solid #CCCCCC; }
#tertiary_content .articlebug { float: right; width: 238px; margin: 0px 0px 5px 10px; text-align: center; font-size: 10px; color: #707070; }
#tertiary_content .articlebug img { margin-bottom: 2px; }
#tertiary_sidebar .search_mod { width: 180px; margin-bottom: 20px; padding: 10px 10px 2px; background: url( '/static/img/zeta_landpage/eyecatch_bg_blue.gif' ) -4px top no-repeat; }
#tertiary_sidebar .search_mod h2 { margin-bottom: 10px; color: #005192; }
#tertiary_sidebar .search_mod fieldset .row label,
#tertiary_sidebar .search_mod fieldset .row .label { width: 53px; padding: 2px 0px 0px 0px; font-size: 11px; font-weight: bold; }
#tertiary_sidebar .search_mod fieldset .row select { width: 116px; }
#tertiary_sidebar .search_mod fieldset .row .input_text { width: 110px; }
#tertiary_sidebar .sidebar_button {
display: block;
width: 110px;
height: 35px;
margin-bottom: 20px;
padding: 10px 80px 10px 10px;
-moz-border-radius: 10px; /* Gecko */
-webkit-border-radius: 10px; /* Webkit */
border-radius: 10px; /* CSS3 */
line-height: 17px;
font-size: 14px;
}
#tertiary_sidebar .sidebar_button span { display: block; padding-left: 17px; background: url( '/static/img/zeta_structure/blue_arrow_bullet.gif' ) 5px 5px no-repeat; }
#tertiary_sidebar .blank_button { background: url( '/static/img/zeta_landpage/blank_mod.jpg' ) left top no-repeat; width: 180px; height: 17px; padding: 10px;}
#tertiary_sidebar .blog_button { background: url( '/static/img/zeta_landpage/blog_mod.jpg' ) left top no-repeat; }
#tertiary_sidebar .facebook_button { background: url( '/static/img/zeta_landpage/facebook_mod.jpg' ) left top no-repeat; }
#tertiary_sidebar .twitter_button { background: url( '/static/img/zeta_landpage/twitter_mod.jpg' ) left top no-repeat; }
/* Footer */
#footer ul { padding: 0px; }
#footer ul li { list-style-type: none; float: left; }
#footer dl dt { padding-bottom: 8px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #424242; }
#footer dl dd a { white-space: nowrap; font-size: 11px; }
#footer .footer_nav { position: relative; z-index: 2; width: 540px; height: 135px; padding-top: 20px; }
#footer .footer_nav .footer_nav_child_care { width: 194px; padding-right: 20px; }
#footer .footer_nav .footer_nav_services { width: 156px; padding-right: 20px; }
#footer .footer_nav .footer_nav_follow { width: 130px; }
#footer .footer_nav .footer_nav_baby_nanny { width: 184px; padding-right: 20px; }
#footer .footer_nav .footer_nav_other { width: 186px; padding-right: 20px; }
#footer dl dd.twitter a,
#footer dl dd.facebook a { display: block; float: left; clear: left; height: 18px; margin-bottom: 7px; padding: 2px 0px 0px 25px; background-image: url( '/static/img/zeta_footer/social_media_icons.gif' ); background-repeat: no-repeat }
#footer dl dd.twitter a { background-position: left top; }
#footer dl dd.facebook a { background-position: left -20px; }
#footer #footer_callout { position: absolute; z-index: 1; right: 0px; top: 0px; overflow: hidden; width: 440px; background: url( '/static/img/zeta_footer/footer_bg.gif' ) left bottom no-repeat; }
#footer #footer_callout_content {
position: relative;
top: 10px;
margin: 0px 20px 0px 155px;
padding: 10px 15px 15px;
background: url( '/static/img/zeta_footer/footer_callout_bg.gif' ) left top repeat-x #F8DF9B;
border: 1px solid #FFFFFF;
-moz-border-radius: 10px; /* Gecko */
-webkit-border-radius: 10px; /* Webkit */
border-radius: 10px; /* CSS3 */
-moz-box-shadow: 0px 0px 10px rgba( 0, 0, 0, .4 ); /* Gecko */
-webkit-box-shadow: 0px 0px 10px rgba( 0, 0, 0, .4 ); /* Webkit */
box-shadow: 0px 0px 10px rgba( 0, 0, 0, .4 ); /* CSS3 */
}
#footer #footer_callout_content .header { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: normal; }
#footer #footer_callout_content p { padding: 4px 0px 6px; font-size: 11px; }
#footer .piped_list { position: relative; overflow: hidden; width: 860px; }
#footer .piped_list li,
#footer .piped_list dd { position: relative; left: -6px; float: left; margin: 0px; padding: 0px 5px 0px 6px; background: url( '/static/img/zeta_footer/footer_pipe.gif' ) left 4px no-repeat; white-space: nowrap; font-size: 11px; }
#footer .footer_citypages { margin-bottom: 20px; }
#footer .final_link { position: relative; margin-top: 20px; padding-right: 20px; float: right; font-size: 11px; }
#footer .copyright { margin-top: 20px; font-size: 11px; }
#footer.logged_in .piped_list { z-index: 2; padding-top: 20px; }
#footer.logged_in #footer_callout_content { top: 48px; padding-bottom: 57px; }
#footer.logged_in #footer_callout_content .header { padding-bottom: 7px; }
#footer.logged_in #footer_callout_content p { padding: 0px 0px 8px 0px; }
#footer.logged_in .footer_nav { height: 90px; padding-top: 23px; }
#footer_logos ul { overflow: hidden; width: 860px; padding: 0px; }
#footer_logos ul li { list-style-type: none; float: left; margin-right: 30px; }
/* Page notices */
.message_success
{
margin-bottom: 20px;
padding: 10px 19px 10px 42px;
border: 1px solid #75A130;
background: url( '/static/img/zeta_structure/icon_success.gif' ) no-repeat 19px 10px #E7F9CC;
-moz-border-radius: 10px; /* Gecko */
-webkit-border-radius: 10px; /* Webkit */
border-radius: 10px; /* CSS3 */
}
.message_error
{
margin-bottom: 20px;
padding: 10px 19px 10px 42px;
border: 1px solid #B25E60;
background: url( '/static/img/zeta_structure/icon_error.gif' ) no-repeat 17px 10px #FFE2E7;
-moz-border-radius: 10px; /* Gecko */
-webkit-border-radius: 10px; /* Webkit */
border-radius: 10px; /* CSS3 */
}
.message_success img,
.message_error img { position: relative; top: 2px; }
.message_error .focus,
.message_error .focus:hover,
.message_error .focus:active,
.message_error .focus:visited { text-decoration: none; color: #424242; cursor: text; }
.message_error .error_num { position: relative; top: -1px; float: right; padding-left: 15px; font-size: 11px; color: #707070; }
.message_error .fields { padding-top: 5px; font-size: 11px; color: #707070; }
.message_error .fields ul { display: inline; padding: 0px; }
.message_error .fields ul li { display: inline; list-style-type: none; }
/* Buttons */
.buttons { height: 23px; }
.buttons input {
float: left;
height: 21px;
margin: 0px 15px 0px 0px;
padding: 0px 10px 1px;
border: 0px;
background: url( '/static/img/zeta_structure/btn_grad_off.png' ) left top no-repeat #FFFFFF;
-moz-border-radius: 10px; /* Gecko */
-webkit-border-radius: 10px; /* Webkit */
border-radius: 10px; /* CSS3 */
-moz-box-shadow: 1px 1px 1px rgba( 0, 0, 0, .2 ); /* Gecko */
-webkit-box-shadow: 1px 1px 1px rgba( 0, 0, 0, .2 ); /* Webkit */
box-shadow: 1px 1px 1px rgba( 0, 0, 0, .2 ); /* CSS3 */
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
line-height: 23px;
color: #424242;
cursor: pointer;
}
.buttons input:hover { background: url( '/static/img/zeta_structure/btn_grad_on.png' ) left top no-repeat #EEEEEE; }
.os_mac .buttons input { font-weight: normal; }
.browser_chrome .buttons input { line-height: 20px; }
.browser_opera .buttons input { padding-top: 2px; }
.buttons a {
display: block;
float: left;
height: 18px;
margin: 0px 15px 0px 0px;
padding: 3px 13px 0px;
background: url( '/static/img/zeta_structure/btn_grad_off.png' ) left top no-repeat #FFFFFF;
-moz-border-radius: 10px; /* Gecko */
-webkit-border-radius: 10px; /* Webkit */
border-radius: 10px; /* CSS3 */
-moz-box-shadow: 1px 1px 1px rgba( 0, 0, 0, .2 ); /* Gecko */
-webkit-box-shadow: 1px 1px 1px rgba( 0, 0, 0, .2 ); /* Webkit */
box-shadow: 1px 1px 1px rgba( 0, 0, 0, .2 ); /* CSS3 */
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
line-height: 16px;
color: #424242;
cursor: pointer;
}
.buttons a:active,
.buttons a:visited { color: #424242; }
.buttons a:hover { background: url( '/static/img/zeta_structure/btn_grad_on.png' ) left top no-repeat #EEEEEE; text-decoration: none; }
.os_mac .buttons a { font-weight: normal; }
.right_align input,
.right_align a { margin: 0px 0px 0px 15px; }
.green input,
.green a { background-color: #75A130; color: #FFFFFF; }
.green a:active,
.green a:visited { color: #FFFFFF; }
.green input:hover,
.green a:hover { background-color: #82AE3E; color: #FFFFFF; }
.blue input,
.blue a { background-color: #00457C; color: #FFFFFF; }
.blue a:active,
.blue a:visited { color: #FFFFFF; }
.blue input:hover,
.blue a:hover { background-color: #0E60A1; color: #FFFFFF; }
.yellow input,
.yellow a { background-color: #EEB111; color: #594612; }
.yellow a:active,
.yellow a:visited { color: #594612; }
.yellow input:hover,
.yellow a:hover { background-color: #EEB111; color: #FFFFFF; }
/* Landing pages */
.landing_eyecatch { width: 840px; height: 252px; margin-bottom: 30px; padding-left: 20px; }
.landing_eyecatch_green { background: url( '/static/img/zeta_landpage/eyecatch_bg_green.gif' ) right top no-repeat #ECF5DD; }
.landing_eyecatch_blue { background: url( '/static/img/zeta_landpage/eyecatch_bg_blue.gif' ) right top no-repeat #ECF4FE; }
.landing_eyecatch .eyecatch_main { position: relative; float: left; width: 400px; height: 237px; padding: 15px 230px 0px 0px; }
.landing_eyecatch .eyecatch_main .eyecatch_checklist { width: 400px; padding: 0px; overflow: hidden; }
.landing_eyecatch .eyecatch_main .eyecatch_checklist li { list-style-type: none; float: left; width: 155px; padding: 3px 0px 5px 29px; background: url( '/static/img/zeta_structure/check_blue.png' ) left top no-repeat; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; }
.landing_eyecatch .eyecatch_main form { position: absolute; left: 0px; top: 176px; }
.landing_eyecatch .eyecatch_main form fieldset { width: 400px; overflow: hidden; }
.landing_eyecatch .eyecatch_main form fieldset .radios { float: left; width: 105px; }
.landing_eyecatch .eyecatch_main form fieldset .radios input { clear: left; float: left; width: 13px; height: 13px; margin: 0px 5px 0px 0px; padding: 0px; }
.landing_eyecatch .eyecatch_main form fieldset .radios label { display: block; float: left; padding: 0px 0px 8px; }
.landing_eyecatch .eyecatch_main form fieldset .select { float: left; width: 130px; }
.landing_eyecatch .eyecatch_main form fieldset .select label { display: block; padding-bottom: 5px; }
.landing_eyecatch .eyecatch_main form fieldset .select select { width: 115px; margin: 0px; padding: 1px; border: 1px solid #CCCCCC; outline: none; }
.landing_eyecatch .eyecatch_main form fieldset .zip { float: left; width: 115px; }
.landing_eyecatch .eyecatch_main form fieldset .zip label { display: block; padding-bottom: 5px; }
.landing_eyecatch .eyecatch_main form fieldset .zip input { width: 85px; height: 15px; margin: 0px; padding: 2px; border: 1px solid #CCCCCC; outline: none; }
.landing_eyecatch .eyecatch_main form fieldset .zip_flat { float: left; width: 235px; margin-top: 21px; }
.landing_eyecatch .eyecatch_main form fieldset .zip_flat label { display: block; float: left; margin-right: 10px; padding-top: 2px; }
.landing_eyecatch .eyecatch_main form fieldset .zip_flat input { float: left; width: 85px; height: 15px; margin: 0px; padding: 2px; border: 1px solid #CCCCCC; outline: none; }
.landing_eyecatch .eyecatch_main form fieldset .buttons { float: left; margin-top: 21px; }
.landing_eyecatch .eyecatch_side { float: left; width: 166px; height: 237px; padding: 15px 20px 0px 24px; }
.landing_eyecatch .eyecatch_side ul { padding-left: 15px; margin-bottom: 15px; }
.landing_eyecatch .eyecatch_side ul li { padding-bottom: 5px; }
.landing_eyecatch .eyecatch_side .buttons { float: right; }
.landing_modules { width: 860px; overflow: hidden; }
.landing_modules .main { float: left; width: 635px; }
.landing_modules .side { float: left; margin-left: 20px; width: 205px; }
.landing_modules .main .top_sitters { width: 618px; margin-bottom: 30px; padding: 12px 0px 15px 15px; overflow: hidden; border: 1px solid #EEEEEE; background: url( '/static/img/zeta_structure/module_bg_gray.gif' ) left top repeat-x #EEEEEE; }
.landing_modules .main .top_sitters h2 { margin-right: 16px; }
.landing_modules .main .top_sitters ul { width: 618px; padding: 0px; overflow: hidden; }
.landing_modules .main .top_sitters ul li { list-style-type: none; display: block; float: left; width: 110px; margin-right: 13px; }
.landing_modules .main .top_sitters ul li .name { padding-top: 5px; padding-left: 3px; font-weight: bold; }
.landing_modules .main .top_sitters ul li .type { padding-left: 3px; font-size: 11px; font-weight: bold; }
.landing_modules .main .top_sitters ul li .stars { padding-left: 1px; padding-top: 3px; }
.landing_modules .main .top_sitters .buttons { display: inline; float: right; margin: 15px 16px 0px 0px; }
.landing_modules .main .tips_and_tools { width: 635px; height: 216px; margin-bottom: 30px; overflow: hidden; }
.landing_modules .main .tips_and_tools .articles { float: left; width: 315px; }
.landing_modules .main .tips_and_tools .articles a { font-weight: bold; }
.landing_modules .main .tips_and_tools .articles .feature a { display: block; margin-bottom: 3px; }
.landing_modules .main .tips_and_tools .articles ul li { padding-bottom: 5px; }
.landing_modules .main .tips_and_tools .articles a.more { display: block; margin-top: 10px; font-size: 11px; font-weight: normal; }
.landing_modules .main .tips_and_tools .gen_tips { float: left; margin-left: 54px; }
.landing_modules .main .featured { width: 635px; }
.landing_modules .main .featured .quote { margin-bottom: 15px; padding: 8px 0px 4px 70px; background: url( '/static/img/zeta_landpage/logo_today_large.gif' ) left 2px no-repeat; }
.landing_modules .main .featured .quote a { position: relative; left: 15px; font-size: 11px; }
.landing_modules .main .featured ul { width: 635px; padding: 0px; overflow: hidden; }
.landing_modules .main .featured ul li { list-style-type: none; float: left; margin-right: 21px; }
.landing_modules .main .featured ul li.last { margin-right: 0px; }
.landing_modules .side .definition_module { margin: 25px 0px 0px 10px; }
/* Blockquotes */
blockquote { padding: 10px 0px 0px 20px; background: url( '/static/img/zeta_structure/quote_start_yellow.gif' ) left top no-repeat; }
blockquote span { display: block; padding: 0px 0px 15px 0px; background: url( '/static/img/zeta_structure/quote_end_yellow.gif' ) right bottom no-repeat; line-height: 18px; font-size: 14px; color: #424242; }
blockquote.transparent { background-image: url( '/static/img/zeta_structure/quote_start_yellow.png' ); }
blockquote.transparent span { background-image: url( '/static/img/zeta_structure/quote_end_yellow.png' ); }
cite { display: block; padding-left: 20px; line-height: 14px; font-style: normal; font-size: 11px; }
/* Definition module */
.definition_module h3 { margin-bottom: 0px; padding: 8px 10px; background: url( '/static/img/zeta_structure/definition_mod_header_bg.gif' ) left top repeat-x #E6E6E6; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #424242; }
.definition_module ul { margin: 0px 10px; padding: 0px; overflow: hidden; }
.definition_module ul li { position: relative; top: 1px; list-style-type: none; padding: 9px 0px 10px; background: url( '/static/img/zeta_structure/dotted_line_black.gif' ) left bottom repeat-x; }
.definition_module ul li strong { display: block; background: url( '/static/img/zeta_structure/expand_plus.gif' ) right 4px no-repeat #FFFFFF; font-weight: bold; color: #005192; cursor: pointer; }
.definition_module ul li p { height: 0px; padding-bottom: 0px; overflow: hidden; font-size: 11px; }
.definition_module ul li.open strong { background: url( '/static/img/zeta_structure/expand_minus.gif' ) right 4px no-repeat #FFFFFF; }
.definition_module ul li.open p { height: auto; padding-top: 2px; overflow: visible; }
/* A tip from Genevieve */
.gen_tips { width: 266px; }
.gen_tips .quote { width: 150px; height: 108px; padding: 12px 101px 0px 15px; background: url( '/static/img/zeta_structure/tip_box_gen.jpg' ) left top no-repeat; }
.gen_tips .quote strong { text-transform: uppercase; font-size: 10px; font-weight: bold; color: #D98F00; }
.gen_tips .quote p { width: 150px; padding-top: 4px; line-height: normal; }
.gen_tips .byline { padding: 5px 7px; background: url( '/static/img/zeta_structure/tip_box_bg.gif' ) left top; text-align: right; }
/* Functional module */
.func_mod { margin-bottom: 20px; border: 1px solid #CCCCCC; }
.func_mod h2 { margin: 0px; padding: 5px 10px; font-size: 13px; }
.func_mod h3 { margin-bottom: 10px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.func_mod h3.dotted { padding-bottom: 3px; }
.func_mod h4 { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #424242; }
.func_mod .mod_content { padding: 10px; }
.func_mod_green { background-color: #ECF5DD; }
.func_mod_green h2 { background: url( '/static/img/zeta_structure/sidebar_header_green.gif' ) left top repeat-x #D0EEA6; color: #4D861B; }
.func_mod_green h3 { color: #3381DC; }
.func_mod_blue { background-color: #ECF4FE; }
.func_mod_blue h2 { background: url( '/static/img/zeta_structure/sidebar_header_blue.gif' ) left top repeat-x #CDE4FF; color: #3381DC; }
.func_mod_blue h3 { color: #4D861B; }
.func_mod_lightblue { background-color: #FAFAFA; }
.func_mod_lightblue h2 { background: url( '/static/img/zeta_structure/sidebar_header_lightblue.gif' ) left top repeat-x #E5EDFC; color: #424242; }
.func_mod_lightblue h3 { color: #424242; }
.func_mod_gray { background-color: #FAFAFA; }
.func_mod_gray h2 { background: url( '/static/img/zeta_structure/sidebar_header_gray.gif' ) left top repeat-x #E5EDFC; color: #424242; }
.func_mod_gray h3 { color: #424242; }
.subdued { background-color: #FAFAFA; }
/* Fieldsets */
fieldset { position: relative; }
fieldset h2 { margin: 0px 0px 10px 0px; padding: 4px 8px; background: url( '/static/img/zeta_structure/definition_mod_header_bg.gif' ) left top repeat-x #E6E6E6; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-transform: none; color: #424242; }
fieldset .subtext { position: absolute; top: 5px; right: 8px; font-size: 11px; color: #1A803B; }
fieldset .gutter { position: absolute; top: 0px; left: 635px; }
input.default { color: #AAAAAA; }
select { height: 21px; margin: 0px; padding: 1px; border: 1px solid #CCCCCC; outline: none; }
.input_text,
.input_text_half { height: 15px; margin: 0px; padding: 2px; border: 1px solid #CCCCCC; outline: none; }
.radio { width: 13px; height: 13px; padding: 0px; }
fieldset p { padding: 0px 8px 10px; }
fieldset .row { position: relative; overflow: hidden; width: 100%; min-height: 21px; padding-bottom: 10px; }
fieldset .has_instructions { padding-bottom: 23px; }
fieldset .has_long_instructions { padding-bottom: 35px; }
fieldset .has_example { padding-bottom: 23px; }
fieldset .row label,
fieldset .row .label { float: left; width: 170px; min-height: 19px; padding: 2px 0px 0px 8px; }
fieldset .row label .required,
fieldset .row .label .required { color: #1A803B; }
fieldset .row label .instructions,
fieldset .row .label .instructions { display: block; position: absolute; top: 23px; left: 186px; width: 200px; line-height: 12px; font-size: 10px; color: #707070; }
fieldset .row .field { float: left; padding-left: 8px; min-height: 21px; }
fieldset .row .field span { position: relative; top: 2px; }
fieldset .row .field .buttons span { position: static; top: 0px; }
fieldset .row .field .input_text { width: 200px; }
fieldset .row .field .input_text_half { width: 100px; }
fieldset .row .field select { width: 206px; }
fieldset .row .field select.date_dropdown { width: 60px; }
fieldset .row .field select.auto { width: auto; }
fieldset .row .field select.multi { height: auto; padding: 3px; }
fieldset .row .field .notice { width: 192px; padding: 2px 5px; border: 1px solid #FFDB7F; border-top: none; background-color: #FFFCE5; font-size: 10px; text-align: center; color: #594612; }
fieldset .has_instructions .field .notice,
fieldset .has_long_instructions .field .notice { position: absolute; }
fieldset .row .field label { display: inline; float: none; width: auto; padding: 0px; }
fieldset .row .field label.hidden { display: none; }
fieldset .row .field .select_month { width: 90px; }
fieldset .row .field .select_date { width: 43px; }
fieldset .row .field .select_year { width: 57px; }
fieldset .row .field .rate { width: 30px; }
fieldset .row .field .rate_unit { width: 74px; }
fieldset .error { display: none; position: absolute; top: 0px; left: 390px; width: 185px; height: 15px; padding: 3px 0px 0px 35px; background: url( '/static/img/zeta_structure/icon_error.gif' ) no-repeat 10px 3px; line-height: 14px; color: #CB3737; }
fieldset .row_checkbox .field { overflow: hidden; position: relative; top: 2px; float: none; min-height: 0px; }
fieldset .row_checkbox .field label { display: block; min-height: 0px; padding: 0px 0px 6px 20px; }
fieldset .row_checkbox .field input { position: absolute; top: 1px; left: 8px; width: 13px; height: 13px; margin: 0px; padding: 0px; }
fieldset .has_checkbox .label { position: absolute; left: 0px; }
fieldset .has_checkbox .field { overflow: hidden; position: relative; top: 2px; float: none; min-height: 0px; margin-left: 178px; }
fieldset .has_checkbox .field label { display: block; min-height: 0px; padding: 0px 0px 6px 20px; }
fieldset .has_checkbox .field input { position: absolute; top: 1px; left: 8px; width: 13px; height: 13px; margin: 0px; padding: 0px; }
fieldset .has_textarea .error { left: 540px; width: 0px; height: 17px; overflow: hidden; }
fieldset .has_textarea textarea { width: 350px; height: 120px; padding: 1px; border: 1px solid #CCCCCC; outline: none; }
fieldset .short_inputs .field .input_text { width: 35px; }
fieldset .short_inputs .field select { width: 69px; }
/* Image tiles */
.frame_xl,
.frame_lg,
.frame_med,
.frame_sm { overflow: hidden; position: relative; border: 1px solid #DCDCDC; text-align: center; }
.frame_xl .matte,
.frame_lg .matte,
.frame_med .matte,
.frame_sm .matte { display: block; overflow: hidden; background: url( '/static/img/zeta_structure/gray_diag_bg.gif' ) left top #FFFFFF; }
.frame_xl .bgc,
.frame_lg .bgc,
.frame_med .bgc,
.frame_sm .bgc { display: block; position: absolute; }
.frame_xl img,
.frame_lg img,
.frame_med img,
.frame_sm img { border: 0px; }
.frame_xl { width: 204px; height: 230px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.frame_xl .matte { width: 188px; height: 214px; border: 8px solid #FFFFFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.frame_xl .bgc { left: 134px; top: 160px; width: 70px; height: 70px; }
.frame_lg { width: 158px; height: 178px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.frame_lg .matte { width: 146px; height: 166px; border: 6px solid #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.frame_lg .bgc { left: 88px; top: 108px; width: 70px; height: 70px; }
.frame_med { width: 108px; height: 122px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.frame_med .matte { width: 100px; height: 114px; border: 4px solid #FFFFFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.frame_med .bgc { left: 58px; top: 72px; width: 50px; height: 50px; }
.frame_sm { width: 60px; height: 68px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.frame_sm .matte { width: 54px; height: 62px; border: 3px solid #FFFFFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.frame_sm .bgc { left: 35px; top: 43px; width: 25px; height: 25px; }
.frame_selected { border-color: #EEB111; }
.frame_selected .matte { border-color: #f6d680; }
.js_on .photo_loading, .photo_hidden { visibility: hidden; }
/* Result Set */
.result_set { position: relative; padding: 40px 10px 10px; border: 1px solid #CCCCCC; background-color: #FAFAFA; }
.result_set h2 { position: absolute; left: 10px; top: 10px; margin-bottom: 0px; padding: 5px 10px; border: 1px solid #CCCCCC; background-color: #ECF4FE; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #424242; }
.result_set .result_actions { position: absolute; right: 10px; top: 14px; }
.result_set .result_actions label,
.result_set .result_actions .input_text,
.result_set .result_actions select,
.result_set .result_actions .buttons { float: left; margin-left: 10px; }
.result_set .result_actions label { display: block; padding-top: 2px; }
.js_on .result_set .result_actions .buttons { display: none; }
.js_on .show_action_submit .result_actions .buttons { display: block; }
.result_set .result_actions .buttons input { margin: 0px; }
.result_set ul { clear: left; padding: 0px; }
.result_set ul li { list-style-type: none; width: 100%; overflow: hidden; padding-top: 21px; background: url( '/static/img/zeta_structure/dotted_line_black.gif' ) left 10px repeat-x; }
.result_set.tiles { padding-right: 0px; }
.result_set.tiles ul { clear: none; width: 600px; padding-top: 10px; overflow: hidden; }
.result_set.tiles ul li { float: left; width: 110px; padding: 0px; margin-right: 10px; background: none; }
.result_set.tiles ul li p { padding: 0px 0px 0px 4px; font-size: 11px; }
.result_set.tiles ul li a { font-weight: bold; font-size: 12px; }
.result_set.tiles ul li .name { padding-top: 5px; padding-left: 3px; font-weight: bold; }
.result_set.tiles ul li .type { padding-left: 3px; font-size: 11px; font-weight: bold; }
.result_set.tiles ul li .stars { padding-left: 1px; padding-top: 3px; }
.result_set .pagination { height: 15px; font-size: 11px; padding-top: 21px; background: url( '/static/img/zeta_structure/dotted_line_black.gif' ) left 10px repeat-x; }
.result_set .pagination .prev { float: left; width: 35%; }
.result_set .pagination .page { float: left; width: 30%; text-align: center; font-weight: bold; }
.result_set .pagination .next { float: left; width: 35%; text-align: right; }
/* User Tiles */
.user_tiles { }
.user_tiles li { overflow: hidden; }
.user_tiles li .frame_lg, .user_tiles li .frame_med, .user_tiles li .frame_sm { float: left; }
.user_tiles li .user_data { }
.user_tiles li .user_data h3 { margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; }
.user_tiles li .user_data .subhead { position: relative; height: 15px; padding: 2px 0px; overflow: hidden; border-bottom: 1px solid #FABB18; }
.user_tiles li .user_data .subhead .left { }
.user_tiles li .user_data .subhead .right { position: absolute; right: 0px; bottom: 2px; text-align: right; }
.user_tiles li .user_data .glance { padding-top: 1px; height: 15px; }
.user_tiles li .user_data .glance img { position: relative; top: 2px; }
.user_tiles li .user_data .glance_right { float: right; padding-top: 1px; height: 15px; }
.user_tiles li .user_data .bio { overflow: hidden; line-height: 18px; }
.user_tiles li .user_data .footer { font-size: 11px; position: relative; height: 21px; }
.user_tiles li .user_data .footer .left { }
.user_tiles li .user_data .footer .right { position: absolute; right: 0px; bottom: 2px; text-align: right; }
.tiles_lg li { height: 180px; }
.tiles_lg li .user_data { margin-left: 170px; padding-top: 2px; }
.tiles_lg li .user_data h3 { font-size: 20px; }
.tiles_lg li .user_data .subhead .left { padding-right: 110px; }
.tiles_lg li .user_data .subhead .right { width: 110px; }
.tiles_lg li .user_data .bio { height: 71px; margin: 14px 0px; }
.tiles_med li { height: 124px; }
.tiles_med li .user_data { margin-left: 120px; }
.tiles_med li .user_data h3 { font-size: 18px; }
.tiles_med li .user_data .subhead .left { padding-right: 110px; }
.tiles_med li .user_data .subhead .right { width: 110px; }
.tiles_med li .user_data .bio { height: 35px; margin: 7px 0px; }
.tiles_sm li { height: 70px; }
.tiles_sm li .user_data { margin-left: 72px; }
.tiles_sm li .user_data h3 { font-size: 16px; }
.tiles_sm li .user_data .subhead { padding: 0px; font-size: 11px; }
.tiles_sm li .user_data .subhead .left { padding-right: 110px; }
.tiles_sm li .user_data .subhead .right { bottom: 0px; width: 110px; }
.tiles_sm li .user_data .glance { height: 18px; font-size: 11px; }
.tiles_sm li .user_data .bio { display: none; }
/* Lightboxes */
#lightbox_bg {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
-moz-opacity: 0.5;
opacity: .50;
filter: alpha(opacity=50);
background-color: #000000;
}
#lightbox_staging { display: none; position: absolute; z-index: 1001; top: 0px; left: 0; width: 100%; height: 0px; }
#lightbox_bg.active, #lightbox_staging.active, #lightbox_staging.active .lightbox { display: block; }
.lightbox {
display: none;
position: relative;
width: 700px;
margin: 0px auto;
padding: 15px;
background: rgb( 96, 149, 213 );
background: rgba( 96, 149, 213, 0.8 );
-moz-border-radius: 18px; /* Gecko */
-webkit-border-radius: 18px; /* Webkit */
border-radius: 18px; /* CSS3 */
-moz-box-shadow: 0px 0px 15px rgba( 0, 0, 0, .6 ); /* Gecko */
-webkit-box-shadow: 0px 0px 15px rgba( 0, 0, 0, .6 ); /* Webkit */
box-shadow: 0px 0px 15px rgba( 0, 0, 0, .6 ); /* CSS3 */
}
.lightbox_content {
position: relative;
padding: 15px;
background-color: #FFFFFF;
-moz-border-radius: 10px; /* Gecko */
-webkit-border-radius: 10px; /* Webkit */
border-radius: 10px; /* CSS3 */
}
.lightbox_content .close { position: relative; float: right; width: 70px; }
.lightbox_content .close a { display: block; height: 20px; padding: 3px 28px 0px 0px; background: url( '/static/img/zeta_masthead/login_close.gif' ) right top no-repeat; text-align: right; }
.lightbox_content .close a:hover { background-position: right -23px; }
.lightbox_content h2 { display:block; float:left; clear:both; }
.lightbox_content fieldset h2 {float:none}
.lightbox_content h2 a,
.lightbox_content h2 a:hover,
.lightbox_content h2 a:active,
.lightbox_content h2 a:visited { text-decoration: none; color: #4D861B; cursor: text; }
/* Availability calendar (Jazz css) */
.cal { padding: 5px 15px 15px; }
.cal table { background: #FFFFFF; width: 420px; }
.cal td { padding: 0px; }
.cal tr { border-right: 1px solid #666699; }
.cal tr.topth { border-right: 0px; }
.caltd { border-bottom: 1px solid #669; border-left: 1px solid #669; }
.topth th { width: 40px; border-bottom: 1px solid #669; color: #49433c; text-align: center; background: #ffffff; vertical-align: middle; }
.calkey { border-bottom: 1px solid #669; color: #49433c; text-align: left; background: #ffffff; }
.calkey p { background: #f9e7d4; margin: 5px; padding-bottom: 0px; font-size: 8pt; color: #896652; background: #ffffff; }
.rtth { padding: 4px 4px; color: #49433c; font-size: 10pt; font-weight: normal; border-bottom: 1px solid #669; border-right: none; vertical-align: middle; text-align: left; }
.seltd { background: #739DD3; border-bottom: 1px solid #669; border-left: 1px solid #669; }
.btmseltd { background: #739DD3; border-left: 1px solid #669; }
.btmth { color: #49433c; font-size: 10pt; font-weight: bold; border-right: none; }
.btmtd { border-left: 1px solid #9a9a9a; }
.calLastRow { border-bottom: none; }
/* Breadcrumbs */
.seo_breadcrumb { padding-bottom: 15px; font-size: 11px; }
/* Job CareType Lightbox */
#job_ct_lightbox { width: 692px; }
#job_ct_lightbox .lightbox_content { padding-right: 5px; }
#job_ct_lightbox .lightbox_content .close { display: inline; margin-right: 10px; }
#job_ct_lightbox ul { width: 672px; padding: 0px; margin-bottom: 15px; overflow: hidden; }
#job_ct_lightbox ul li { list-style-type: none; float: left; margin-right: 10px; }
#job_ct_lightbox ul li a {
display: block;
width: 100px;
height: 20px;
padding-top: 90px;
border: 1px solid #DCDCDC;
background-position: 4px 4px;
background-repeat: no-repeat;
background-color: #FFFFFF;
text-align: center;
color: #424242;
}
#job_ct_lightbox ul li a.selected { border-color: #baea90; background-color: #ECF5DD; font-weight: bold; color: #4D861B; }
#job_ct_lightbox ul li a:hover { border-color: #d0e5ff; background-color: #ECF4FE; color: #3381DC; text-decoration: none; }
#job_ct_lightbox ul li a.selected:hover { border-color: #baea90; background-color: #ECF5DD; font-weight: bold; color: #4D861B; }
#job_ct_lightbox ul li.baby a { background-image: url( '/static/img/zeta_structure/job_ct_baby.jpg' ); }
#job_ct_lightbox ul li.nanny a { background-image: url( '/static/img/zeta_structure/job_ct_nanny.jpg' ); }
#job_ct_lightbox ul li.pet a { background-image: url( '/static/img/zeta_structure/job_ct_pet.jpg' ); }
#job_ct_lightbox ul li.senior a { background-image: url( '/static/img/zeta_structure/job_ct_senior.jpg' ); }
#job_ct_lightbox ul li.house a { background-image: url( '/static/img/zeta_structure/job_ct_house.jpg' ); }
#job_ct_lightbox ul li.tutor a { background-image: url( '/static/img/zeta_structure/job_ct_tutor.jpg' ); }
#job_ct_lightbox fieldset .job_ct_choice,
#job_ct_lightbox fieldset .job_ct_choice .label,
#job_ct_lightbox fieldset .job_ct_choice .field { min-height: 0px; }
#job_ct_lightbox fieldset .job_ct_choice .field { padding-top: 2px; font-size: 14px; font-weight: bold; color: #4D861B; }
/* Job CareType Change Lightbox */
#job_ct_change_lightbox { width: 692px; }
#job_ct_change_lightbox .lightbox_content { padding-right: 5px; }
#job_ct_change_lightbox .lightbox_content .close { display: inline; margin-right: 10px; }
#job_ct_change_lightbox ul { width: 672px; padding: 0px; margin-bottom: 15px; overflow: hidden; }
#job_ct_change_lightbox ul li { list-style-type: none; float: left; margin-right: 10px; }
#job_ct_change_lightbox ul li a {
display: block;
width: 100px;
height: 20px;
padding-top: 90px;
border: 1px solid #DCDCDC;
background-position: 4px 4px;
background-repeat: no-repeat;
background-color: #FFFFFF;
text-align: center;
color: #424242;
}
#job_ct_change_lightbox ul li a.selected { border-color: #baea90; background-color: #ECF5DD; font-weight: bold; color: #4D861B; }
#job_ct_change_lightbox ul li a:hover { border-color: #d0e5ff; background-color: #ECF4FE; color: #3381DC; text-decoration: none; }
#job_ct_change_lightbox ul li a.selected:hover { border-color: #baea90; background-color: #ECF5DD; font-weight: bold; color: #4D861B; }
#job_ct_change_lightbox ul li.baby a { background-image: url( '/static/img/zeta_structure/job_ct_baby.jpg' ); }
#job_ct_change_lightbox ul li.nanny a { background-image: url( '/static/img/zeta_structure/job_ct_nanny.jpg' ); }
#job_ct_change_lightbox ul li.pet a { background-image: url( '/static/img/zeta_structure/job_ct_pet.jpg' ); }
#job_ct_change_lightbox ul li.senior a { background-image: url( '/static/img/zeta_structure/job_ct_senior.jpg' ); }
#job_ct_change_lightbox ul li.house a { background-image: url( '/static/img/zeta_structure/job_ct_house.jpg' ); }
#job_ct_change_lightbox ul li.tutor a { background-image: url( '/static/img/zeta_structure/job_ct_tutor.jpg' ); }
#job_ct_change_lightbox fieldset .job_ct_choice,
#job_ct_change_lightbox fieldset .job_ct_choice .label,
#job_ct_change_lightbox fieldset .job_ct_choice .field { min-height: 0px; }
#job_ct_change_lightbox fieldset .job_ct_choice .field { padding-top: 2px; font-size: 14px; font-weight: bold; color: #4D861B; }