body {background:#fff; height:100%; width:100%; min-width:960px; font:62.5% "Trebuchet MS", Arial, Helvetica, sans-serif; cursor:default}
html, .wrap {height:100%}
body > .wrap {height:auto; min-height:100%}

/* --- COMMON STYLE --- */
img, table {border:0}
input, select, textarea, pre {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
input:focus, select:focus, textarea:focus {outline:none}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin:0; padding:0}
.top_menu ul, .events ul, .friends ul, .lists ul, .welcome_user, .item_menu ul, .item_tools, .list_of_groups ul, .pager ul, .rank_item ul, .body ul, .take_tour_navigator, .guest_lists ul {list-style:none; zoom:1}
/* Hide text for grafic buttons */ .invite, .go_search, .green_button a, .user .change, .need_gift_ideas a, .welcome_user li a, .teaser, .item_tools li a, .item_up, .item_down, .new_msg, .sign_in, .middle a, .body ul li a, .print_list, .view_gift .zoom, .add_to_list, .plus_icon, .minus_icon, .take_tour_navigator li a {font-size:0; line-height:0; text-indent:-9999px; text-decoration:none}
.none {display:none!important}
.nowrap {white-space:nowrap}

/* --- INDEX PAGE --- */
.body {background:#981814 }
.ellipse {position:absolute; top:0; left:0; width:100%; background:url(../i/bg_elipse.png) no-repeat 50% 0; height:435px; min-width:960px; z-index:1}
.body .main {background:none}
.body .wrap {background:url(../i/bg_index.png) repeat-x 0 0; position:relative; z-index:2}
.index_header {height:76px; position:relative; padding-top:20px}
.left_part {width:30%}
.left_part p {height:25px; margin-bottom:3px}
.left_part p * {float:left; display:block}
.left_part input {font-size:1.2em!important}
.right_part {position:absolute; top:20px; right:0; width:60%; text-align:right}
.sign_in {display:block; width:64px; height:25px; background:#D66762 url(../i/sign_in_button.png) no-repeat 0 0; margin-left:6px; text-align:center; float:right}
.right_part input {border:1px solid #c87676; background:#fff; font-size:1.2em; color:#535353; padding:2px 3px; line-height:19px; height:19px; margin-left:6px; float:right}
.bg_password_field {background:url(../i/bg_password_field.jpg) no-repeat 0 2px!important}
.right_part input:focus {border:1px solid #E1AB0E!important; background:#FEFAF0!important}
.right_part p {clear:both; padding:3px 70px 0 0}
.right_part p span {display:block; float:right; width:163px}
.middle {background:url(../i/wishmirror_logo_big.png) no-repeat 0 0; height:325px; position:relative; text-align:center}
.girl {background:url(../i/index_girl.jpg) no-repeat 0 0; height:217px; width:203px; position:absolute; right:0; top:44px}
.slogan {width:414px; height:61px; margin:0 auto; background:url(../i/index_slogan.png) no-repeat 0 0; position:relative; top:247px; text-indent:-9999px}
.middle a {display:block; width:154px; height:107px; position:absolute; top:0; right:150px; background:#e2f6ff url(../i/take_tour_balloon.png) no-repeat 0 0}
.middle a:hover {background-position:0 -107px}
* html .minwidth {padding-left:960px}
* html .container {margin-left:-960px; position:relative}
/*\*/* html .minwidth, * html .container, * html .layout  {height:1px}/**/
.body ul li {float:left; display:block; width:280px; padding:130px 0 20px 0; color:#fff; position:relative}
.body ul li.spacer {width:60px}
.teaser_1 {background:url(../i/teaser_1.jpg) no-repeat 0 0}
.teaser_2 {background:url(../i/teaser_2.jpg) no-repeat 0 0}
.body ul li h1 {font-size:1.8em}
.body ul li p {font-size:1.3em; padding-top:.5em; line-height:1.4em}
.body ul li a {position:absolute; top:15px; left:0; display:block; background:#a0dbf6 url(../i/start_now_button.png) no-repeat 0 0; width:228px; height:87px}
.body ul li a:hover {background-position:0 -87px}

/* --- HEADER --- */
.menu_bg {background:#ba322e url(../i/bg_top_menu.gif) repeat-x 0 0; position:absolute; top:115px; left:0; height:34px; width:100%; font-size:0; z-index:1}
.header {height:115px; width:100%; position:relative}
.logo {position:relative; top:17px}
.header_tools {position:absolute; top:0; right:150px; height:100%; width:525px; text-align:right}
.header_tools p {font-size:1.2em; padding-top:17px}
.welcome {color:#737373}
.welcome a, .advanced {color:#2c71c7!important}
.logout {padding-left:1.5em}
.logout a {color:#ba322e}
.search {height:25px; padding:16px 0 4px 0!important}
.search * {float:right; display:block}
.invite, .go_search {height:25px; text-align:center; color:#F4CA4F}
.invite {width:94px; background:#FFD45A url(../i/invite_friends_button.png) no-repeat 0 0}
.go_search {width:25px; background:#D66762 url(../i/search_field_button.png) no-repeat 0 0}
.invite:hover, .go_search:hover {background-position: 0 -25px}
.search span {padding:0 .5em; line-height:2em}
.search input, .left_part input {background:#fff url(../i/bg_search_field.png) no-repeat 0 0; border:0; padding:4px 5px 3px 6px; height:18px; font-size:1em; color:#7d7d7d; width:178px}
.advanced {font-size:1.1em}

/* --- TOP MENU --- */
.my_menu {display:block; color:#fff; background:url(../i/arrow_top_menu.gif) no-repeat right 0; width:4em; line-height:34px; font-size:1.2em; float:left; font-weight:bold}
.top_menu ul {position:relative; top:-3px; left:5px}
.top_menu ul li {float:left; line-height:3.4em}
.top_menu ul li a {color:#fff; font-size:1.2em; text-decoration:none; display:block; padding:3px 12px 0 12px; margin:0 3px}
.top_menu ul li a:hover {background:url(../i/bg_tab_menu.png) repeat-x left 100%}
.current a, .current a:hover {background:url(../i/bg_tab_menu.png) no-repeat 0 0!important; color:#3c3c3c!important; font-weight:bold; padding:0 0 0 5px!important}
.current a span {display:block; padding:3px 12px 0 8px; background:url(../i/bg_tab_menu.png) no-repeat top right}

/* --- LEFT SIDEBAR --- */
.sidebar {float:left; width:220px; padding-top:15px}
.block {position:relative; zoom:1; margin-bottom:18px}
.red_border {border:1px solid #f4a9a9}
.yellow_border {border:1px solid #ffc54f; background:#fffcd7}
.blue_border {border:1px solid #8fc0ea; background:#f9fcff}
.blue_border h4 {color: #286488!important}
.block .top {height:6px; padding-left:2px; position:absolute; top:-1px; left:-1px; width:100%}
.block .top div, .block .bottom div {height:6px; width:100%; font-size:0}
.block .bottom {height:3px; padding-left:2px; position:absolute; bottom:-.2em; left:-1px; width:100%}
.block .bottom div {height:3px; font-size:0}
.block_content {padding:11px 11px 4px 11px}
.block_content_text {font-size:1.1em}
.block_content .form {padding-bottom:0}
.red_border .top, .red_border .top div, .red_border .bottom, .red_border .bottom div {background:url(../i/red_border.png) no-repeat 0 0}
.yellow_border .top, .yellow_border .top div, .yellow_border .bottom, .yellow_border .bottom div {background:url(../i/yellow_border.png) no-repeat 0 0}
.blue_border .top, .blue_border .top div, .blue_border .bottom, .blue_border .bottom div {background:url(../i/blue_border.png) no-repeat 0 0}
.red_border .top div, .yellow_border .top div, .blue_border .top div {background-position:100% 0}
.red_border .bottom, .yellow_border .bottom, .blue_border .bottom {background-position:0 100%}
.red_border .bottom div, .yellow_border .bottom div, .blue_border .bottom div {background-position:100% 100%}
.green_button a {display:block; width:220px; height:44px; background:#b8ea9d url(../i/tell_your_friends.png) no-repeat 0 0}
.green_button a:hover {background-position:0 100%}

/* --- LEFT SIDEBAR USER BLOCK --- */
.user h4 {font-size:1.8em; color:#000; font-weight:normal; line-height:1.1em; padding-bottom:.6em}
/*
.user img {float:left}
.user .change {float:left; display:block; height:20px; width:20px; background:url(../i/icons_20x20.png) no-repeat 0 0; text-align:center; color:#e6e6e6; margin-left:5px}
.user .change:hover {background:url(../i/icons_20x20.png) no-repeat 100% 0}
*/
.user .change {color:#4880cb; font-size:1.2em; line-height:1.4em; text-decoration:underline}

.user .tagline, .after_tag {position:relative; top:5px; background:#def url(../i/bg_user_tagline.gif) no-repeat 0 -5px}
.user .tagline {clear:both; padding:13px 6px 3px 6px; zoom:1; color:#2e465e; font-style:italic; font-size:1.2em; line-height:1.2em; width:auto}
.user .tagline a {color:#4880cb; font-style:normal; display:block; width:2em; line-height:1.2em; padding-top:.3em}
.after_tag {height:3px; background-position:0 0; line-height:3px; font-size:0; margin-bottom:9px}
.user p {font-size:1.2em; line-height:1.5em; color:#9e1311; padding-top:.1em}
.user p span {color:#777}
.user .send_message, .user .add {text-align:right; padding:.4em 0 .2em 0}
.user .add {padding-top:.1em}
.user .send_message a, .user .add a {color:#4880cb; white-space:nowrap}
.user .send_message a {background:url(../i/send_message.gif) no-repeat 0 50%; padding-left:1.8em}

/* --- LEFT SIDEBAR EVENTS BLOCK --- */
.events h4 {font-size:1.6em; color:#8b6500; font-weight:normal; line-height:1.1em; padding-bottom:.4em}
.events ul li {display:block; margin-top:1em; zoom:1; min-height:37px; padding-bottom:.5em}
.events ul li span {float:left; display:block; width:34px; height:30px; background:#ffc54f url(../i/bg_event_day.gif) no-repeat 0 0; color:#835c00; text-align:center; font-size:1.1em; line-height:1.2em; padding:2px 0}
.events ul li span strong {display:block; font-size:1.4em; line-height:1.05em}
.events ul li div {margin:0 0 0 40px; color:#3c8501; font-weight:bold; font-size:1.3em; line-height:1.2em}
.edit_events ul li div {margin-left:100px!important}
.events ul li div p {padding-top:.2em}
.event_name, .event_name:visited {position:relative; top:.6em; text-decoration:none}
.event_name span, .for_del, .view_party {display:inline!important; color:#3c8501!important; font-size:1em!important; background:none!important}
.view_party {float:none!important; position:relative; top:.6em; padding-left:1em!important}
.view_party a {text-decoration:underline; font-weight:normal; color:#4880cb}
.event_name span {padding:0!important; float:none!important; border-bottom:1px dashed #3c8501}
.events .for_del {line-height:2.8em!important; height:1em!important; font-size:1.1em!important}
.events ul li div p a {color:#4880cb!important; font-size:0.9em; font-weight:normal}
.events .empty {color:#3c8501; font-size:1.2em; line-height:1.3em; padding:.3em 0 .4em 0}

/* --- LEFT SIDEBAR FRIENDS BLOCK --- */
.friends h4 {font-size:1.6em; color:#b22f2a; font-weight:normal; line-height:1.1em; padding-bottom:.4em; position:relative}
.friends h4 a {position:absolute; right:0; top:0; font-size:.7em; color:#2c71c7}
.friends ul li {display:block; text-align:center; margin-top:0.8em; padding-bottom:.8em}
.friends ul li img {vertical-align:bottom}
.friends ul li p {padding-top:.4em}
.friends ul li p a {color:#292929; text-decoration:none; font-size:1.3em; font-weight:bold}
.links {text-align:right; padding:.6em 0 .3em 0}
.links a, .links a:visited {color:#4880cb; font-size:1.1em}
.friends .links span {padding-left:1.2em}
.friends .add a {color:#2c71c7}
.friends .add {display:block}

/* --- LEFT SIDEBAR LIST ITEM --- */
.lists h4 {font-size:1.6em; color:#b22f2a; font-weight:normal; line-height:1.1em; padding-bottom:.4em}
.lists ul {margin-top:1em; font-size:1em}
.lists ul li {display:block; font-size:1em; margin:.2em 0; zoom:1}
.lists ul li a, .lists ul li a:visited {color:#2c71c7; font-size:1.2em; display:block; line-height:1.5em; padding:.2em .5em; background:#fff; zoom:1}
.lists ul li a:hover {background:#FCE1E0; text-decoration:none; color:#333}
.current_group a, .current_group a:hover {text-decoration:none; color:#fff!important; background:#DF7B76!important}
.filter_type {padding:1.2em 0 .3em 0; font-size:1.2em!important; font-weight:bold; color:#333}

/* --- LEFT SIDEBAR GUEST LIST --- */
.guest_lists h4 {font-size:1.6em; color:#b22f2a; font-weight:normal; line-height:1.1em; padding-bottom:.4em}
.guest_lists ul {margin-top:1em; font-size:1em}
.guest_lists ul li {display:block; font-size:1em; margin:.2em 0; zoom:1}
.guest_lists ul li a, .guest_lists ul li a:visited {color:#2c71c7; font-size:1.2em; line-height:1.5em; padding:0 .5em; background:#fff; zoom:1}

/* --- GIFT VIEW --- */
.view_gift .preview {border:1px solid #e5e5e5; text-align:center; width:194px; height:209px; background:#fff; position:relative}
.view_gift .zoom {position:absolute; top:5px; right:5px; display:block; width:16px; height:16px; background:#fff url(../i/zoom_in.gif) no-repeat 0 0}
.view_gift .description {height:55px!important; padding-left:6px!important; position:relative}
.view_gift .description span {width:70px}
.view_gift .stars, .view_gift .stars div {background-image:url(../i/stars_2.gif)!important}
.view_gift .add_to_list {display:block; background:#FFD45A url(../i/add_to_list_big.png) no-repeat 0 0; width:157px; height:28px; margin:0 auto 11px auto}
.view_gift .add_to_list:hover {background-position:0 -28px}
.text {font-size:1.3em; line-height:1.5em; color:#444; padding-bottom:1em}
.comment_count {background:#f1f1f1; border-bottom:1px solid #a9a9a9; font-size:1.8em; color:#666; line-height:1.6em; padding:0 0 0 .5em; font-weight:normal; margin-top:2em}
.comment_table {width:100%; border-collapse:collapse; margin-bottom:1em}
.comment_table td {font-size:1.1em; line-height:1.3em; padding:15px 10px 10px 10px; vertical-align:top; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #d7d7d7}

/* --- CONTENT --- */
.main {padding-bottom:105px; width:960px; margin:0 auto; background:url(../i/header_girl.png) no-repeat right 6px; position:relative; z-index:2}
.mainContent {margin:0 0 0 235px; padding-top:15px; position:relative; zoom:1}
.tab {height:50px; margin-top:-3px}
.tab ul {list-style:none; border-bottom:1px solid #d96c67; background:#f5f5f5; padding:0 0 2.6em 1em; border-top:3px solid #fff}
.tab ul li {float:left; line-height:2.6em}
.tab ul li a {color:#4884ce; font-size:1.2em; text-decoration:none; display:block; padding:1px 12px 0px 12px; margin:0 3px; font-weight:bold}
.tab ul li a:hover {background:#e9e9e9 url(../i/red_dot.gif) repeat-x 0 bottom}
.tab .current {margin-top:-3px}
.tab .current a, .tab .current a:hover {background:url(../i/bg_tab_user_menu.png) no-repeat 0 0!important; color:#595959!important; font-weight:bold; padding:0 0 0 5px!important}
.tab .current a span {display:block; padding:4px 12px 0 8px; background:url(../i/bg_tab_user_menu.png) no-repeat top right}

.mainContent h2 {color:#474747; font-size:2.2em; border-bottom:1px solid #ffcece; zoom:1; padding-bottom:.25em; font-weight:normal; padding-left:29px; line-height:1em; margin-bottom:0.7em}
h2.wishlist, h2.friendslist, h2.my_profile, h2.my_events, h2.my_messages, h2.my_photos, h2.wm_header {background:url(../i/h2_icons_20x20.png) no-repeat 0 0}
h2.friendslist {background-position:0 -119px}
h2.my_profile {background-position:0 -60px}
h2.my_events {background-position:0 -180px}
h2.my_messages {background-position:0 -237px}
h2.my_photos {background-position:0 -299px}
h2.wm_header {background-position:0 -358px}
.page_descriptor {font-size:1.2em; line-height:1.5em; background:#f9f9f9; margin-top:-1.25em; padding:.3em .6em; margin-bottom:1em; border-bottom:1px solid #ffcece}
.need_gift_ideas {position:absolute; top:1.59em; right:0; width:157px; height:28px; background:#fff; padding-left:18px}
.need_gift_ideas a {display:block; background:#FFD45A url(../i/need_gift_ideas.png) no-repeat 0 0; width:157px; height:28px; text-align:center; color:#f4ca4f}
.need_gift_ideas a:hover {background-position:0 -28px}
.top_arrange {position:absolute; top:67px; right:0; width:157px; height:28px; background:#fff; padding-left:18px}
.top_arrange select {background:#fff; border:1px solid #C87676; margin:0; height:23px; font-size:1.1em; padding-left:3px; position:absolute; top:0; right:0}

.welcome_user {padding-top:1em}
.welcome_user li {float:left; display:block}
.welcome_user li a {display:block; height:309px; width:180px; background:url(../i/add_new_item.png) no-repeat 0 0}
.teaser {background:url(../i/welcome.jpg) no-repeat 0 0; height:325px; width:522px; margin-left:20px}
.common_text {font-size:1.2em; line-height:1.5em; padding-bottom:3em}
.common_text ol, .common_text ul, .common_text dl {padding: .5em 0 .5em 2em}
.common_text h5 {padding:.3em 0 .4em 0; font-size:1.2em!important}
.common_text h6 {font-size:1em!important}
.common_text p {padding:0 0 1em 0!important}
.common_text a {color:#4880CB!important}
.error_text {font-size:1.2em; line-height:1.5em; color:Red}
.site_map {padding-bottom:4em!important}
.site_map * {line-height:2em; color:#4880CB}
.site_map dt {padding-top:.5em; font-weight:bold}
.site_map dd {padding-left:.8em; background:url(../i/site_map.gif) no-repeat 0 30%; font-weight:normal}
pre {font-size: 1.1em}
.msg_text pre {font-size: 1.2em!important}

/* --- MENU FOR GIFTS --- */
.item_menu {height:25px; padding:.8em 0 .5em 0; position:relative}
.bottom_menu {padding-bottom:2em}
.item_menu ul li {float:left; line-height:2.1em; font-size:1.2em; color:#444; margin-right:6px; height:21px}
.item_menu ul li a {display:block; text-decoration:none; font-size:1em; color:#486685; padding-left:0.9em; line-height:2.2em; background:url(../i/bg_item_menu.png) no-repeat 0 0}
.item_menu ul li a span {display:block; background:url(../i/bg_item_menu.png) no-repeat 100% 0; padding-right:0.9em}
.item_menu ul li a:hover {background-position: 0 -35px}
.item_menu ul li a:hover span {background-position: 100% -35px}
.item_menu .state {background:none}
.item_menu select {background:#fff; border:1px solid #C87676; margin:0; height:23px; font-size:1.1em; padding-left:3px; position:absolute; top:10px; right:0}
.item_menu .new_msg {height:25px; width:94px; background:#FFD45A url(../i/new_msg_button.png) no-repeat 0 0; display:block; position:absolute; top:8px; right:0}
.item_menu .print_list {height:25px; width:74px; background:#FFD45A url(../i/print_list_button.png) no-repeat 0 0; display:block; position:absolute; top:8px; right:0}
.item_menu .new_msg:hover, .item_menu .print_list:hover {background-position:0 -25px}

/* --- LIST OF GIFTS --- */
.floats {position:relative; display:inline-block; clear:both; width:722px; padding-bottom:1em}
.floats:after {content:""; display:block; clear:both}
.floats .left, .floats .i_block, .floats .photos {position:relative; float:left; display:inline; overflow:hidden; margin-top:2em; width:180px; min-width:180px; border-bottom:1px solid #f4a9a9; height:260px}
.floats .left input, .floats .photos input, .i_block .check {width:13px; height:13px; margin:0 8px 0 0; float:left}
.floats .left .preview, .floats .i_block .preview, .floats .photos .preview {float:left; width:100px; border:1px solid #e5e5e5; text-align:center; display:block; height:100px}
.item_tools {float:left; margin-left:4px}
.item_tools li {line-height:0; font-size:0; height:20px}
.item_tools li a {display:block; width:20px; height:20px}
.reserve, .spy_reserve, .add_list {background:#e6e6e6 url(../i/icons_20x20.png) no-repeat}
.reserve {background-position:0 -21px}
.reserve:hover {background-position:-23px -21px}
.spy_reserve {background-position:0 -42px}
.spy_reserve:hover {background-position:-23px -42px}
.add_list {background-position:0 -63px}
.add_list:hover {background-position:-23px -63px}
.description {clear:both; padding:10px 10px 0 0; height:145px}
.description a {font-size:1.3em; text-decoration:none; color:#ce0000; font-weight:bold; line-height:1.2em}
.description p {color:#4b4b4b; font-size:1.1em; line-height:1.3em; padding-top:0.5em; height:45px; width:100%; overflow:hidden; margin-bottom:1em}
.price, .ratings, .date_reserve, .reserve_for {font-size:1.4em; font-weight:bold; color:#c43c38; line-height:1.2em; height:22px; margin-left:5px; position:absolute}
.ratings {bottom:10px}
.price {bottom:32px}
.price span, .ratings span, .price div, .ratings div, .date_reserve div, .reserve_for div, .date_reserve span, .reserve_for span {float:left; display:block}
.price span, .ratings span, .date_reserve span, .reserve_for span {width:50px; color:#444; font-weight:normal; font-size:0.85em; text-align:right; padding-right:3px}
.stars {background:url(../i/stars.gif) repeat-x 0 0; width:90px}
.stars div {background:url(../i/stars.gif) repeat-x 0 -17px}
.reserved {background:url(../i/reserved.png) no-repeat 40% 40%}
.floats .left .min, .floats .friend .min {margin:0 0 10px 0; height:1px; font-size:0; line-height:0}

/* --- LIST OF GIFTS 3 on ROW --- */
.floats .i_block {width:240px; min-width:240px; height:330px}
.i_reserved {height:280px!important}
.i_block .form {position:absolute!important; bottom:-22px; left:0}
.i_block .row {min-height:1.6em!important}
/*\*/* html .i_block .ie6 {padding-bottom:2px!important}/**/
.i_block .label {width:30px!important; font-size:1.1em!important}
.i_block .single_select {font-size:1.1em; padding-left:0!important; height:22px!important}
.i_block .input_text {font-size:1.1em!important; line-height:16px!important; height:16px!important; width:170px}
.i_block .description p {margin-bottom:.5em!important}
.i_block .price {bottom:7px!important}
.date_reserve {bottom:32px}
.date_reserve div {font-size:.85em!important; color:#C3940C}
.reserve_for {bottom:54px}
.reserve_for div {font-size:.85em!important; color:#666}

/* --- LIST OF PHOTOS --- */
.floats .photos {width:240px; min-width:240px; height:220px}
.floats .photos .preview {width:175px; height:132px}
.edit_name {height:auto!important; margin-bottom:0em!important; padding-top:0.3em!important}
.edit_name a {color:#4880cb!important; text-decoration:underline!important; font-size:1.1em!important; font-weight:normal!important }

/* --- LIST OF USER --- */
.floats .friend {position:relative; float:left; display:inline; overflow:hidden; margin-top:1em; width:144px; min-width:144px; height:170px; text-align:center}
.floats .friend .avatar {height:100px; width:100px; margin:0 auto; position:relative}
.request .avatar, .user_friends .avatar {background:none!important}
.floats .friend .avatar span {position:absolute; bottom:0; left:0; right:0; width:100%}
.floats .friend p {padding:.4em 0}
.floats .friend p a {color:#292929; text-decoration:none; font-size:1.3em; font-weight:bold}
.add_to, .add_to:visited {color:#4880cb; font-size:1.2em}
.floats .friend input {position:absolute; top:0; left:5px; margin:0; height:13px; width:13px}
.floats .friend select {width:120px; margin-top:10px; font-size:1.1em}
.ignore {font-size:1.2em; padding-left:1em}
.ignore a, .ignore a:visited {color:#A21815}

/* --- FORM --- */
.form {padding-bottom:6em}
.form div.row, .form label.row {padding:.6em 0 .7em 0; zoom:1; height:1%; min-height:2.4em; margin-bottom:.2em; display:block}
.form .error {zoom:1; line-height:0; font-size:0; margin:0 0 0 171px; position:relative; top:-4px}
.form .error span {font-size:10px; line-height:15px}
.form .error_text {background:#FDF1F1; padding:1em; margin-bottom:2em; color:#A61C1A; font-size:1.2em; line-height:1.4em; zoom:1}
.form span.label {display:block; float:left; text-align:right; position:relative; width:165px; font-size:1.2em; line-height:1.2em; padding:.4em .5em 0 0; color:#535353}
.form em {padding:0 0 0 .2em; color:#c00; font-size:2em; font-style:normal; line-height:1.2em; vertical-align:top;}
.form .input_text, .single_select, .form textarea, .multiple_select {border:1px solid #888; background:#fff; font-size:1.2em; color:#535353}
.form .input_text:focus, .form select:focus, .form textarea:focus {border:1px solid #E1AB0E!important; background:#FEFAF0!important}
.form .input_text {padding:2px 3px; line-height:18px; height:18px; float:left; margin-bottom:-2px}
.form .single_select {padding-left:3px; height:23px; margin:0 2px 0 0}
.form textarea {padding:2px 3px}
.upload {height:30px!important; padding-bottom:0!important; font-size:1em}
.upload input {height:1.6em!important; font-size:1.5em!important}
@media screen and (-webkit-min-device-pixel-ratio:0) {body:first-of-type .upload input {height:22px!important; padding:0; border:none; font-size:1.2em!important} .w72 {width:72px}}  /* Chrome & Safari */
* html .form .single_select, * html .form textarea, * html .upload input {margin-left:-3px}
.field_group_name {padding:2em 0 .5em 0!important; font-size:1.2em; font-style:italic; color:#286488}
.edit_profile .field_group_name, .join_now .field_group_name {font-size:1.3em; padding-top:0!important}
.field_group_name p {font-style:normal; padding-top:.3em; font-size:.9em}
.description_field_group {font-size:1.2em; padding:0!important; margin:0!important}
.radio_set {margin:0 0 0 172px; font-size:1.2em; zoom:1; padding-top:.49em; display:block}
.radio_set .group {height:2em; position:relative; margin-left:-3px; display:block}
.radio_set .group input {position:absolute; top:0; left:2px; width:14px; height:14px; margin:0; padding:0}
.radio_set .group span {position:absolute; top:1px; left:21px; line-height:1em; margin:0}
.multiple {height:8em}
.multiple select {float:left}
.multiple div {font-size:.9em; border:1px solid #9DC8FF; float:left; width:100px; line-height:1.3em; background:#F2F7FC; padding:.5em; margin-left:.5em}
.login span.label {text-align:left!important}
.login .input_text {width:185px!important}
.login .group {height:2em; position:relative; margin-left:-2px; display:block}
.login .group input {position:absolute; top:0; left:2px; width:14px; height:14px; margin:0; padding:0}
.login .group span {position:absolute; top:.2em; left:21px; line-height:1em; margin:0; font-size:1.1em}
.login .error_text {padding:.5em!important; margin-bottom:0em!important; font-size:1.1em; line-height:1.2em}
.login {padding-bottom:1em!important}
.forgot a {font-size:.9em!important}
.list_of_groups ul li {display:block; font-size:1em; line-height:1em; margin:.4em 0; padding:.5em 0}
.list_of_groups ul li a, .list_of_groups ul li a:visited {color:#2c71c7; font-size:1.2em; line-height:1.2em; text-decoration:none}
.for_del {padding-right:2em!important}
.for_del a {color:#999!important; text-decoration:none}
.for_del a:hover {color:#A21815!important; text-decoration:underline}
.for_list {border-bottom:1px dashed #2c71c7}
.info_paragraph {color:#234878; font-size:1.2em; line-height:1.4em; margin:0 0 0 171px; zoom:1; padding:.3em .6em; border-left:1px solid #9DC8FF; background:#F3F9FF; display:block}
.rank_item ul li {display:block; font-size:1.3em; line-height:1.4em; margin:.2em 0; padding:.5em 55px .5em .5em; font-weight:bold; color:#ce0000; position:relative; zoom:1}
.rank_item ul li.even {background:#F5F5F5}
.item_up, .item_down {display:block; width:24px; height:24px; background:#09C; position:absolute; top:4px; right:0}
.item_up {right:28px; background:#b2d97e url(../i/up_down_button.png) no-repeat 0 0}
.item_down {background:#ed9898 url(../i/up_down_button.png) no-repeat 100% 0}
.item_up:hover {background-position:0 100%}
.item_down:hover {background-position:100% 100%}
.party_view .row {padding:.2em 0 .2em 0!important}

/* --- FORM BUTTONS --- */
.confirm {padding-top:2em!important}
.form .save, .form .cancel, .form .login_btn, .form .create, .form .add_event, .form .update, .form .delete, .form .add_group, .form .send_btn, .form .search_btn, .form .answer_btn, .form .change_btn, .form .reset_btn {display:block; float:left; width:74px; height:25px; background:#c2dfff url(../i/save_button.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; margin-right:12px}
.form .cancel {background:#E2E2E2 url(../i/cancel_button.png) no-repeat 0 0}
.form .login_btn {background:#c2dfff url(../i/login_button.png) no-repeat 0 0}
.form .create {background:#c2dfff url(../i/create_button.png) no-repeat 0 0}
.form .add_event {background:#c2dfff url(../i/add_event_button.png) no-repeat 0 0}
.form .update {background:#c2dfff url(../i/update_button.png) no-repeat 0 0}
.form .delete {background:#E2E2E2 url(../i/delete_button.png) no-repeat 0 0}
.form .add_group {background:#c2dfff url(../i/add_group_button.png) no-repeat 0 0; margin-left:10px}
.form .send_btn {background:#c2dfff url(../i/send_button.png) no-repeat 0 0}
.form .search_btn {background:#c2dfff url(../i/search_button.png) no-repeat 0 0}
.form .answer_btn {background:#c2dfff url(../i/answer_button.png) no-repeat 0 0}
.form .change_btn {background:#c2dfff url(../i/change_button.png) no-repeat 0 0}
.form .reset_btn {background:#E2E2E2 url(../i/reset_button.png) no-repeat 0 0}
.form .save:hover, .form .cancel:hover, .form .login_btn:hover, .form .create:hover, .form .add_event:hover, .form .update:hover, .form .delete:hover, .form .add_group:hover, .form .send_btn:hover, .form .search_btn:hover, .sign_in:hover, .form .answer_btn:hover , .form .change_btn:hover, .form .reset_btn:hover {background-position:0 -25px}

/* --- MESSAGE CENTER --- */
.message_table {width:100%; border-collapse:collapse; margin:1em 0}
.message_table th, .message_table td {font-size:1.1em; line-height:1.3em; padding:10px}
.message_table th {border:1px solid #F4CA4F; white-space:nowrap; background:#FFEFB6; color:#5C4000; padding:3px 10px}
.message_table td {vertical-align:top; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #F7D981}
.message_table tr:hover {background:#FAFAFA}
.time {text-align:center; color:#777}
.to_from {text-align:center; padding-bottom:25px!important}
.to_from p {padding-top:.4em}
.to_from a, .to_from a:visited {color:#2c71c7; font-size:1.2em; line-height:1.5em; padding:0 .5em; zoom:1}
.to_from p a {color:#292929!important; text-decoration:none; font-size:1em!important; font-weight:bold}
.msg_text {color:#444}
.msg_text p {padding:0 55px 1em 0; position:relative; zoom:1}
.msg_text p a {color:#4880CB}
.msg_text p a.reply, .msg_text p a.filter, .msg_text p a.mark_read {position:absolute; display:block; right:0; top:0; height:18px; width:40px; background:#74BD63; line-height:18px; text-align:center; text-decoration:none; color:#fff}
.msg_text p a.reply:hover, .msg_text p a.mark_read:hover {background:#539444}
.msg_text p a.mark_read {top:22px!important; width:75px!important}
.msg_text p a.filter {right:45px!important; background:#88ccff!important}
.msg_text p a.filter:hover {background:#4880CB!important}
.msg_text blockquote {margin:1.5em 0 1em 1em; border-left:1px solid #999; padding:.3em 0 .3em .6em; background:#f1f1f1}
.msg_text .subj {color:#4880CB}
.tr_new {background:#FFF6D4}

/* --- INVITE PAGE --- */
.helpful_tip {height:312px; background:#deeeff url(../i/helpful_tip.jpg) no-repeat 0 0; text-indent:-9999px}
.plus_icon, .minus_icon {display:block; width:24px; height:24px; background:url(../i/plus_minus_button.png) no-repeat 0 0; float:left; margin-left:10px}
.minus_icon {background:url(../i/plus_minus_button.png) no-repeat 100% 0}

/* --- TAKE TOUR PAGE --- */
.take_tour_navigator {margin:0 auto; width:73px}
.take_tour_navigator li {display:block; width:73px; height:76px; background:url(../i/tour_button.png) no-repeat 50% 0; margin-bottom:15px; text-align:center}
.take_tour_navigator li:hover, .current_page {background-position:50% -81px!important}
.take_tour_navigator li a {display:block; width:73px; height:76px; background-image:url(../i/tour_button_numbers.png); background-repeat:no-repeat}
.page1 a {background-position:12px 29px}
.page1 a:hover, .current_page .num1 {background-position:-68px 29px!important}
.page2 a {background-position:12px -58px}
.page2 a:hover, .current_page .num2 {background-position:-68px -58px!important}
.page3 a {background-position:12px -145px}
.page3 a:hover, .current_page .num3 {background-position:-68px -145px!important}
.page4 a {background-position:13px -233px}
.page4 a:hover, .current_page .num4 {background-position:-67px -233px!important}
.page5 a {background-position:12px -321px}
.page5 a:hover, .current_page .num5 {background-position:-67px -321px!important}
.page6 a {background-position:12px -408px}
.page6 a:hover, .current_page .num6 {background-position:-68px -408px!important}
.join {background:none!important}
.join a {background:url(../i/tour_button.png) no-repeat 50% -163px!important}
.join a:hover {background:url(../i/tour_button.png) no-repeat 50% 100%!important}
.mainContent h3 {font-size:1.6em; font-weight:normal; padding-bottom:2em}
.tour_1, .tour_2, .tour_3, .tour_4, .tour_5, .tour_6 {text-align:center; position:relative; padding:3em 0 7em 0; zoom:1}
.tour_2 {padding-top:110px}
.tour_4 {padding-top:90px}
.tour_5 {padding-top:60px}
.tour_6 {padding-top:40px}
.tour_1 .balloon {position:absolute; top:35px; left:1px}
.tour_2 .balloon {position:absolute; top:35px; left:60px}
.tour_4 .balloon {position:absolute; top:27px; left:113px}
.tour_5 .balloon {position:absolute; top:33px; left:30px}
.tour_6 .balloon {position:absolute; top:33px; left:62px}

/* --- ERROR --- */
.error_page {margin:7em auto; width:516px; background:url(../i/error.png) no-repeat 0 0; padding:80px 43px; font-size:1.4em; line-height:1.4em}
.error_page a {color:#4880cb}

/* --- PAGER CONTROL --- */
.pager {height:23px; padding:1em 0 2em 0}
.pager select {float:left; background:#fff; border:1px solid #C87676; margin:0; height:23px; font-size:1.1em; padding-left:3px}
.pager ul {float:right}
.pager ul li {float:left; line-height:1.5em; font-size:1.2em; color:#444; margin-right:4px}
.pager ul li a {display:block; text-decoration:none; color:#666; background:#dfdfdf url(../i/bg_pager.png) no-repeat 0 0; font-weight:bold; padding:0 0 0 .4em}
.pager ul li a span {display:block; padding-right:.4em; background:url(../i/bg_pager.png) no-repeat 100% 0}
.pager ul li a:hover {color:#000}
.crnt a, .crnt a span {background:url(../i/bg_pager.png) no-repeat 0 -23px!important}
.crnt a span {background-position:100% -23px!important; color:#fff}

/* --- FOOTER --- */
.footer {position:relative; margin-top:-105px; height:105px; clear:both; background:#c7403b url(../i/bg_footer.gif) repeat-x 0 0; z-index:3}
.footer .content {width:960px; margin:0 auto; line-height:105px; color:#ffbebd; font-size:1.2em}
.foot_menu {float:right; text-align:right; color:#9c110f}
.foot_menu span {padding:0 3px}
.foot_menu a {color:#ffe6e5}

/* --- CLEAR FIX --- */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}

/* --- METRICS --- */
.h58 {height:58px!important; margin-top:4px}
.w300 {width:300px}
.w50 {width:50px}
.w150 {width:150px}
.h40 {height:43px!important; padding-bottom:0!important}
.h160 {height:160px!important}
.h180 {height:210px!important}
.m10 {margin-left:10px}

/* --- POPUPS --- */
.new_msg_popup, .rank_popup {min-width:400px!important}
.new_msg_popup .mainContent, .rank_popup .mainContent {margin-left:0!important; padding:20px}
.new_msg_popup .label {width:95px!important}
.new_msg_popup .error {margin-left:107px}
#tooltip h3 {font-size:11px}

/* --- FAKE FILE UPLOAD --- */
input.browsetext {background:transparent; padding:2px 3px 2px 5px; line-height:18px; height:18px; width:140px; font-size:1.1em!important; border:none; color:#000}
div.faketext {position:absolute; top:0px; left:0px; z-index:5}
input.fakefile {position:relative; -moz-opacity:0; filter:alpha(opacity:0); opacity:0; z-index:3; width:195px}
div.fakebtn {position:absolute;	top:0px; left:0px; height:25px; width:200px; z-index:1; background:url(../i/fake_upload.png) no-repeat 0 0}
div.fileinputs {position:relative; left:0}
input.file {position: absolute;	top:0px; left:20px;	z-index:3}