body { margin: 0; padding: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #fff; background-image: url(bgtile.gif); color: #222; }
#profile { width: 560px; margin: 0 auto 20px; }

#profile a#centrl { display: block; width: 55px; margin-left: 25px; padding: 3px 10px; font-size: 11px; text-decoration: none; color: #fff; background-color: #29b; }
#profile a#centrl:hover { background-color: #9b0; }
#profile h2 { display: block; width: 510px; height: 25px; margin: 0; padding: 5px 25px 0; background-image:url(headerbg.gif); background-repeat: repeat-x; color: #fff; font-size: 14px; background-color: #222; }
#profile h2 a.back { float: right; margin-top: 3px; padding-left: 11px; font-size: 11px; color: #888; font-weight: normal; text-decoration: none; background-image: url(arrows_sprite.gif); background-repeat: no-repeat; background-position: 0 -95px; }
#profile h2 a.back:hover { color: #9b0; background-position: 0 -118px; }

#profile #top ul#content { float: left; width: 510px; margin: 0; padding: 0 25px; list-style-type: none; background-color: #222; background-image: url(topshadow.gif); background-repeat: repeat-x; background-position: bottom left; }
#profile #top ul#content li { float: left; margin: 0; padding: 0; }
#profile #top ul#content li img.profile { display: block; width: 75px; height: 75px; margin: 0 25px 25px 0; font-size: 11px; color: #bbb; background-color: #eee; }
#profile #top ul#content li.right { width: 410px; }
#profile #top ul#content li.right h1, #profile #top ul#content li.right h1 a { margin: 0; padding: 0; font-size: 21px; color: #fff; text-decoration: none; }
#profile #top ul#content li.right h1 a:hover { text-decoration: underline; }
#profile #top ul#content li.right p { margin: 1px 0 0 0; padding: 0; font-size: 15px; color: #777; }
#profile #top ul#content li.right p a { color: #666; text-decoration: underline; }
#profile #top ul#content li.right p a:hover { text-decoration: none; }
#profile #top ul#content li.right ul.stats { height: 27px; margin: 10px 0; padding: 0; list-style-type: none; border-top: 1px solid #333; }
#profile #top ul#content li.right ul.stats li { float: left; margin: 0; padding: 5px 8px; color: #444; font-size: 12px; border-left: 1px solid #333; }

#profile ul#links { width: 560px; height: 36px; margin: 0; padding: 0; list-style-type: none; }
#profile ul#links li { float: left; width: 25%; margin: 0; padding: 0; background-image: url(bgtabs.gif); background-repeat: repeat-x;  }
#profile ul#links li a { display: block; width: 138px; height: 26px; padding-top: 9px; text-align: center; font-size: 13px; text-decoration: none; color: #555; border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-left: 1px solid #fff; background-image: url(arrows_sprite.gif); background-repeat: no-repeat; }
#profile ul#links li a.activity, #profile ul#links li a.activity:hover { border-left: 1px solid #bbb; background-image: none; color: #bbb; }
#profile ul#links li a.contacts, #profile ul#links li a.favorites { background-position: 28px 15px; }
#profile ul#links li a.contacts:hover, #profile ul#links li a.favorites:hover { color: #9b0; background-position: 28px -40px; }
#profile ul#links li a.gifts { background-position: 42px 15px; }
#profile ul#links li a.gifts:hover { color: #9b0; background-position: 42px -40px; }

#profile ul#activity li { margin: 0; padding: 8px 0; border-bottom: 1px solid #ddd; }
#profile ul#activity li img { display: block; width: 75px; height: 75px; margin: 8px 0 5px 10px; padding: 1px; border: 1px solid #eee; background-color: #fff; font-size: 11px; color: #bbb; }
#profile ul#activity li p { margin: 0; padding: 0 0 0 10px; font-size: 14px; line-height: 19px; }
#profile ul#activity li p a { color: #29b; text-decoration: none; }
#profile ul#activity li p a:hover { color: #9b0; }
#profile ul#activity li p.date { float: right; margin: 0 10px; color: #bbb; font-size: 11px; }

#profile ul#contacts li { float: left; margin: 3px; padding: 0; width: 50px; height: 50px; }
#profile ul#contacts li a.contact { float: right; display: block; width: 50px; height: 50px; padding: 1px; border: 1px solid #eee; text-decoration: none; }
#profile ul#contacts li a.contact:hover { border: 1px solid #bbb; }
#profile ul#contacts li a.contact img { display: block; width: 50px; height: 50px; border: none; background-color: #fff; color: #bbb; font-size: 11px; }
#profile ul#contacts li a.contact span { display: none;  max-width: 190px; overflow: hidden; padding: 3px 6px; margin: -52px 0 0 51px; }
#profile ul#contacts li a.contact:hover span { display: inline; position: absolute; background-color: #fff; border: 1px solid #222; color: #222; font-size: 11px; }

#profile ul#activity, #profile ul#contacts, #profile ul#tab1, #profile ul#tab2, #profile ul#tab3, #profile ul#tab4, #profile ul#tab5, #profile ul#tab6  { clear: both;width: 508px; margin: 0; padding: 25px; background-color: #fff; border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; list-style-type: none; }

/* jQuery IDTabs */

#profile ul.idTabs { width: 520px; height: 29px; margin: 0; padding: 10px 20px 0; list-style-type: none; background-color: #333; }
#profile ul.idTabs li { float: left; width: 130px; height: 29px; margin: 0; padding: 0; }
#profile ul.idTabs li a { display: block; width: 128px; height: 20px; padding-top: 8px; text-align: center; font-size: 12px; color: #555; text-decoration: none; border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; background-color: #fff; }
#profile ul.idTabs li a:hover { color: #9b0; }
#profile ul.idTabs li a.selected { color: #bbb; }

#profile ul#tab1 li, #profile ul#tab2 li { margin: 0; padding: 8px 0 8px 10px; border-bottom: 1px solid #ddd; }
#profile ul#tab1 li a.location, #profile ul#tab2 li a.location { font-size: 14px; text-decoration: none; color: #29b; }
#profile ul#tab1 li a.location:hover, #profile ul#tab2 li a.location:hover { color: #9b0; }
#profile ul#tab1 li p, #profile ul#tab2 li p { margin: 5px 123px 0 0; padding: 0; font-size: 12px; line-height: 16px; }
#profile ul#tab1 li p.date, #profile ul#tab2 li p.date { float: right; margin: 2px 10px 0 0; padding: 0 0 0 37px; color: #bbb; font-size: 11px; }

#profile ul#tab3 li, #profile ul#tab4 li { float: left; width: 115px; height: 115px; margin: 5px; padding: 0; }
#profile ul#tab3 li a, #profile ul#tab4 li a { display: block; width: 115px; height: 115px; padding: 1px; border: 1px solid #eee; text-decoration: none; }
#profile ul#tab3 li a:hover, #profile ul#tab4 li a:hover { border: 1px solid #bbb; }
#profile ul#tab3 li a img, #profile ul#tab4 li a img { display: block; width: 115px; height: 115px; border: none; background-color: #fff; color: #bbb; font-size: 11px; }
#profile ul#tab3 li a span, #profile ul#tab4 li a span { display: none; width: 105px; overflow: hidden; padding: 3px 6px; margin: -117px 0 0 -2px; }
#profile ul#tab3 li a:hover span, #profile ul#tab4 li a:hover span { display: inline; position: absolute; background-color: #fff; border: 1px solid #222; color: #222; font-size: 11px; }

#profile ul#tab5 li, #profile ul#tab6 li { min-height: 120px; margin: 0; padding: 13px 0 8px 10px; border-bottom: 1px solid #ddd; }
#profile ul#tab5 li h3, #profile ul#tab6 li h3 { margin: 10px 0 10px 130px; padding: 0; font-size: 14px; }
#profile ul#tab5 li h3 a, #profile ul#tab6 li h3 a { color: #29b; text-decoration: none; }
#profile ul#tab5 li h3 a:hover, #profile ul#tab6 li h3 a:hover { color: #9b0; }
#profile ul#tab5 li h3 span, #profile ul#tab6 li h3 span { float: right; margin: 2px 10px 0 0; padding: 0 0 0 37px; color: #bbb; font-size: 11px; font-weight: normal; }
#profile ul#tab5 li img, #profile ul#tab6 li img { display: block; float: left; width: 110px; height: 110px; padding: 1px; border: 1px solid #eee; background-color: #fff; font-size: 11px; color: #bbb; }
#profile ul#tab5 li p, #profile ul#tab6 li p { margin: 0 0 0 130px; padding: 0; font-size: 12px; line-height: 16px; }