body { margin: 0; padding: 0; background-image: url(main_mapbg.gif); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

a#map_layers { display: block; width: 63px; margin: 10px 0 0 15px; padding: 5px 8px 6px 10px; color: #fff; font-size: 11px; background-color: #888; text-decoration: none; }
a#map_layers:hover { background-color: #9b0; }
#layers_content { width: 230px; height: 280px; margin-left: 15px; padding: 10px 10px 15px 10px; background-color: #fff; color: #000; font-size: 12px; }
#layers_content ul { width: 208px; height: 279px; margin: 0; padding: 0 10px; border: 1px solid #eee; list-style-type: none; overflow: auto; }
#layers_content ul li { height: 20px; margin: 5px 0 0 0; padding: 0; }
#layers_content ul li.border { border-bottom: 1px solid #eee; padding-bottom: 10px; }
#layers_content ul li a { font-size: 11px; color: #29b; text-decoration: none; }
#layers_content ul li a:hover { color: #168; }
#layers_content ul li h2 { margin: 10px 0 0 0; padding: 0 0 5px 0; font-size: 15px; }
#layers_content ul li img { float: left; display: block; width: 20px; height: 20px; margin: 0 10px 0 5px; }

.splash { display: block; width: 374px; height: 274px; margin: 60px auto 0; background-image: url(centrl_bg.png); background-repeat: no-repeat; color: #222; }
.splash a.button { float: right; margin: 204px 38px 0 0; color: #fff; text-decoration: none; font-size: 19px; font-weight: bold; }
.splash a.button:hover { text-decoration: underline; }
.splash .wrap { float: left; width: 180px; margin: 133px 0 0 23px; font-size: 12px; }
.splash .wrap a { color: #29b; text-decoration: none; }
.splash .wrap a:hover { text-decoration: underline; }

ul.externalMenu { position: absolute; bottom: 50px; right: 19%; width: 68px; margin: 0; padding: 0; list-style-type: none; border: 1px solid #777; }
ul.externalMenu li { margin: 0; padding: 0; }
ul.externalMenu li a { display: block; padding: 7px 11px; font-size: 12px; color: #222; text-decoration: none; border-bottom: 1px solid #ddd; background-color: #fff; }
ul.externalMenu li a:hover { border-bottom: 1px solid #dfa; background-color: #efd; color: #680; }

ul#mainNav { width: 435px; height: 82px; margin: 0 auto; padding: 0; list-style-type: none; }
ul#mainNav li { float: left; margin: 0; padding: 0; }
ul#mainNav li a { color: #fff; text-decoration: none; font-size: 12px; }
ul#mainNav li a.active span { background-position: 0 -25px; }
ul#mainNav li a.active strong, ul#mainNav li a.active:hover strong { background-position: 0 -80px; border-left: 1px solid #29b; border-top: 1px solid #157; border-right: 1px solid #157; }
ul#mainNav li a span { clear: both; display: block; height: 17px; width: 100%; background-image: url(maindots_sprite.gif); background-repeat: repeat-x; background-position: 0 0; }
ul#mainNav li a span.icon { height: 32px; background-image: url(mainicons_sprite.png); background-repeat: no-repeat; }
ul#mainNav li a span.centrl { background-position: 11px 0; }
ul#mainNav li a span.people { background-position: 3px -92px; }
ul#mainNav li a span.chat { background-position: 0 -177px; }
ul#mainNav li a span.favorites { background-position: 9px -260px; }
ul#mainNav li a span.settings { background-position: 7px -348px; }
ul#mainNav li a.active span.centrl { background-position: 11px -50px; }
ul#mainNav li a.active span.people { background-position: 3px -135px; }
ul#mainNav li a.active span.chat { background-position: 0 -217px; }
ul#mainNav li a.active span.favorites { background-position: 9px -304px; }
ul#mainNav li a.active span.settings { background-position: 7px -392px; }
ul#mainNav li a#notif { display: block; position: absolute; top: 20px; left: 225px; padding: 3px 5px; background-color: #f00; color: #fff; font-weight: bold; font-size: 10px; }
ul#mainNav li a strong { display: block; height: 24px; padding: 8px 20px 0; border-top: 1px solid #000; border-left: 1px solid #333; border-right: 1px solid #000; background-image: url(maintab_sprite.gif); background-repeat: repeat-x; background-position: 0 0; }
ul#mainNav li a:hover strong { background-position: 0 -40px; }
ul#mainNav li a strong img { padding: 0 0 2px 4px; border: none; }

#chat { width: 430px; height: 369px; margin: 30px auto 0; padding: 14px; background-image: url(chat_bg.png); background-position: center; background-repeat: no-repeat; }
#chat img { border: none; }
#chat ul.top { height: 25px; margin: 7px 0 0 10px; padding: 0; list-style-type: none; }
#chat ul.top li { float: left; margin: 0 2px 0 0; padding: 0; }
#chat ul.top li a { display: block; height: 19px; padding: 5px 15px 0; font-size: 11px; text-decoration: none; background-image: url(window_tabsprite.jpg); background-repeat: repeat-x; color: #fff; border: 1px solid #444; }
#chat ul.top li a:hover { background-position: 0 -29px; border: 1px solid #790; }
#chat ul.top li a.active, #chat ul.top li a.active:hover { background-image: none; background-color: #fff; border: 1px solid #fff; color: #bbb; }
#chat ul.top li.close { margin: 1px 0 0 185px; }
#chat ul.top li.close a.button { display: block; width: 15px; height: 15px; padding: 0; background-image: url(window_xsprite.gif); background-repeat: no-repeat; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#chat ul.top li.close a.button:hover { background-position: 0 -20px; }
#chat .content { clear: both; width: 410px; height: 310px; padding: 10px; background-color: #fff; }
#chat .content .list { float: left; width: 60px; height: 273px; margin-right: 8px; }
#chat .content .list a.down, #chat .content .list a.up { display: block; width: 60px; height: 15px; background-image: url(chat_arrowsprite.gif); background-repeat: no-repeat; }
#chat .content .list a.down { background-position: 0 -50px; }
#chat .content .list a.down:hover { background-position: 0 -75px; }
#chat .content .list a.up { background-position: 0 0; }
#chat .content .list a.up:hover { background-position: 0 -25px; }
#chat .content .list ul { width: 60px; height: 243px; margin: 0; padding: 0; list-style-type: none; background-image: url(chat_column.gif); background-repeat: repeat-y; }
#chat .content .list ul li { width: 45px; height: 45px; margin: 0 auto; padding: 5px; }
#chat .content .list ul li a { display: block; width: 40px; height: 40px; border: 5px solid #fff; }
#chat .content .list ul li a:hover { border: 5px solid #bef; }
#chat .content .list ul li a.active { border: 5px solid #000; }
#chat .content .list ul li .notif { position: relative; top: -49px; left: 30px; width: 18px; height: 17px; background-image: url(chat_notif.gif); background-repeat: no-repeat; color: #fff; font-weight: bold; text-align: center; font-size: 10px; }
#chat .content ul.width { width: 408px; }
#chat .content ul.width2 { width: 340px; }
#chat .content ul.output { height: 271px; margin: 0 auto; padding: 0; list-style-type: none; border: 1px solid #ddd; overflow: auto; }
#chat .content ul.output li { margin: 0; padding: 5px 0 15px 0; border-top: 1px solid #ccc; }
#chat .content ul.output li.you { border-top: 1px solid #ddd; background-color: #f9f9f9; }
#chat .content ul.output li ul.info { height: 15px; margin: 3px 0 0 10px; padding: 0; list-style-type: none; font-size: 11px; }
#chat .content ul.output li ul.info li.name { color: #888; }
#chat .content ul.output li p.p2 { margin: 3px 10px 0 10px; padding: 0; color: #000; font-size: 13px; }
#chat .content ul.output li p a { color: #000; text-decoration: underline; }
#chat .content ul.output li p a:hover { text-decoration: none; }
#chat .content ul.output li ul.member { float: left; height: 40px; width: 64px;  margin: 0; padding: 0; list-style-type: none; }
#chat .content ul.output li ul.member li { float: left; margin: 0; padding: 0; border: none; }
#chat .content ul.output li ul.member li.icons { width: 24px; }
#chat .content ul.output li ul.member li.icons a { display: block; width: 24px; height: 19px; background-image: url(chat_iconsprite.gif); background-repeat: no-repeat; }
#chat .content ul.output li ul.member li.icons a.add_active { margin-top: 2px; background-position: 8px -48px; }
#chat .content ul.output li ul.member li.icons a.add_active:hover { background-color: #bef; background-position: 8px -84px; }
#chat .content ul.output li ul.member li.icons a.add_disable, #chat .content ul.output li ul.member li.icons a.add_disable:hover { background-position: 8px -66px; }
#chat .content ul.output li ul.member li.icons a.im_active { background-position: 8px 6px; }
#chat .content ul.output li ul.member li.icons a.im_active:hover { background-color: #bef; background-position: 8px -30px; }
#chat .content ul.output li ul.member li.icons a.im_disable, #chat .content ul.output li ul.member li.icons a.im_disable:hover { background-position: 8px -12px; }
#chat .content .text { margin: 3px 0 0 78px; }
#chat .content .text p { margin: 3px 10px 0 0; padding: 0; color: #000; font-size: 13px; }
#chat .content .text ul { height: 15px; margin: 0; padding: 0; list-style-type: none; font-size: 11px; }
#chat .content .text ul li, #chat .content ul.output li ul.info li { float: left; margin: 0; padding: 0; border: none; }
#chat .content .text ul li.name { color: #666; }
#chat .content .text ul li.network, #chat .content ul.output li ul.info li.network { margin-left: 3px; }
#chat .content .text ul li.network a, #chat .content .text ul li.network a:hover, #chat .content ul.output li ul.info li.network a, #chat .content ul.output li ul.info li.network a:hover { color: #29b; text-decoration: none; }
#chat .content .text ul li.time, #chat .content ul.output li ul.info li.time { float: right; margin-right: 10px; color: #bbb; }
#chat .content .response { clear: both; height: 27px; margin-top: 10px; }
#chat .content .response input.field { width: 340px; padding: 2px 4px; font-size: 13px; color: #888; }
#chat .content .response input.send { margin-left: 4px; font-size: 13px; }

#gifts { width: 438px; height: 362px; margin: 30px auto 0; padding: 6px; background-image: url(gifts_shadow.png); background-repeat: no-repeat; }
#gifts .content { width: 436px; height: 360px; background-color: #fff; border: 1px solid #222; }
#gifts .content .bottom { width: 406px; height: 90px; margin: 0 auto; padding: 0; }
#gifts .content .bottom input { float: right; margin-top: 35px; }
#gifts .content .bottom p { margin: 0; padding: 0; font-size: 11px; color: #888; }
#gifts .content .bottom textarea { float: left; width: 320px; height: 50px; margin: 4px 0 0 0; padding: 0; font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-size: 12px; line-height: 15px; }
#gifts .content .choices { width: 406px; margin: 0 auto 15px; }
#gifts .content .choices a.prev, #gifts .content .choices a.next { display: block; width: 17px; height: 188px; background-color: #29b; background-image: url(gifts_arrowsprite.gif); background-repeat: no-repeat; }
#gifts .content .choices a.prev { float: left; background-position: 0 0; }
#gifts .content .choices a.prev:hover { background-position: -54px 0; }
#gifts .content .choices a.next { float: right; background-position: -27px 0; }
#gifts .content .choices a.next:hover { background-position: -81px 0; }
#gifts .content .choices ul.images { width: 372px; height: 188px; margin: 0 auto; padding: 0; list-style-type: none; }
#gifts .content .choices ul.images li { float: left; width: 89px; height: 89px; margin: 2px; padding: 0; }
#gifts .content .choices ul.images li a { display: block; width: 87px; height: 87px; border: 1px solid #eee; color: #bbb; font-size: 11px; text-decoration: none; }
#gifts .content .choices ul.images li a:hover { border: 1px solid #bbb; }
#gifts .content .choices ul.images li a img { width: 85px; height: 85px; margin: 1px; border: none; }
#gifts .content ul.top { height: 50px; margin: 0 0 18px 0; padding: 0; list-style-type: none; background-color: #000; background-image: url(gifts_top.gif); background-repeat: repeat-x; }
#gifts .content ul.top li.close { float: right; margin: 15px 10px 0 0; }
#gifts .content ul.top li.close a.button { display: block; width: 15px; height: 15px; background-image: url(window_xsprite.gif); background-repeat: no-repeat; background-position: 0 -40px; border-top: 1px solid #222; border-left: 1px solid #222; border-right: 1px solid #333; border-bottom: 1px solid #333; }
#gifts .content ul.top li.close a.button:hover { background-position: 0 -60px; }
#gifts .content ul.top li.names { padding: 15px 0 0 16px; }
#gifts .content ul.top li.names select { margin: 0 3px; }
#gifts .content ul.top li.names strong { font-size: 13px; color: #eee; }

#gifts2 { width: 347px; height: 194px; margin: 60px auto 0; padding: 6px; background-image: url(gifts2_shadow.png); background-repeat; no-repeat; }
#gifts2 .content { width: 345px; height: 192px; background-color: #fff; border: 1px solid #222; }
#gifts2 .content img { display: block; float: left; width: 125px; height: 125px; margin-left: 15px; color: #bbb; font-size: 11px; background-color: #eee; }
#gifts2 .content .message { width: 175px; height: 125px; margin-left: 155px; }
#gifts2 .content .message p { font-size: 12px; }
#gifts2 .content .message p.one { margin: 0 0 6px 0; padding: 0; color: #bbb; }
#gifts2 .content .message p.two { height: 75px; margin: 0; padding: 0; overflow: hidden; color: #000; line-height: 15px; }
#gifts2 .content .message p.three { margin: 8px 0 0 0; padding: 5px 0 0 21px; border-top: 1px solid #ddd; background-image: url(gifts2_icon.gif); background-repeat: no-repeat; background-position: 5px 4px; }
#gifts2 .content .message p.three a { color: #29b; text-decoration: none; }
#gifts2 .content .message p.three a:hover { text-decoration: underline; }
#gifts2 .content ul { margin: 0 0 15px 0; padding: 0; height: 37px; width: 345px; list-style-type: none; background-color: #000; background-image: url(gifts2_top.gif); background-repeat: repeat-x; }
#gifts2 .content ul li.close { float: right; margin: 10px 10px 0 0; }
#gifts2 .content ul li.close a.button { display: block; width: 15px; height: 15px; background-image: url(window_xsprite.gif); background-repeat: no-repeat; background-position: 0 -40px; border-top: 1px solid #222; border-left: 1px solid #222; border-right: 1px solid #333; border-bottom: 1px solid #333; }
#gifts2 .content ul li.close a.button:hover { background-position: 0 -60px; }
#gifts2 .content ul li.title { padding: 10px 0 0 15px; color: #ddd; font-size: 13px; }
#gifts2 .content ul li.title a, #gifts2 .content ul li.title a:hover { color: #fff; font-weight: bold; text-decoration: none; }

#settings { width: 367px; margin: 40px auto 0; }
#settings #wrapper { width: 358px; padding: 0 4px; background-image: url(settings_shade.png); background-repeat: repeat-y; }
#settings #wrapper #accordion { width: 348px; margin: 0; padding: 5px; background-color: #222; }
#settings #wrapper #accordion a.header { display: block; width: 316px; height: 25px; padding: 6px 15px 0; border-left: 1px solid #fff; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; background-image: url(settings_headersprite.gif); background-repeat: repeat-x; text-decoration: none; }
#settings #wrapper #accordion a.header:hover { border-right: 1px solid #9de; border-bottom: 1px solid #9de;  background-position: 0 -36px; }
#settings #wrapper #accordion a.header h2 { margin: 0; padding: 0; font-size: 15px; color: #000; }
#settings #wrapper #accordion a.header h2 span.note { margin-left: 3px; font-size: 11px; font-weight: normal; color: #888; }
#settings #wrapper #accordion a.header span.plus { float: right; display: block; width: 9px; height: 9px; margin-top: 6px; background-image: url(settings_accsprite.gif); background-repeat: no-repeat; }
#settings #wrapper #accordion a.header:hover h2 { color: #29b; }
#settings #wrapper #accordion a.header:hover span.plus { background-position: 0 -14px; }
#settings #wrapper #accordion a.header:hover h2 span.note { color: #9de; }
#settings #wrapper #accordion .content { width: 288px; margin-bottom: 5px; padding: 10px 30px 0; background-color: #fff; }
#settings #wrapper #accordion .content input { margin: 0; padding: 2px 4px; font-size: 13px; color: #444; }
#settings #wrapper #accordion .content input.field { width: 275px; }
#settings #wrapper #accordion .content input.field2 { width: 160px; }
#settings #wrapper #accordion .content input.field3 { width: 108px; }
#settings #wrapper #accordion .content input.field4 { width: 40px; }
#settings #wrapper #accordion .content a.leftspace { margin-left: 183px; }
#settings #wrapper #accordion .content a.save { display: block; width: 82px; height: 21px; margin-top: 10px; padding: 6px 10px 0; font-size: 12px; color: #fff; background-color: #29b; text-decoration: none; border: 1px solid #179; background-image: url(settings_savesprite.gif); background-repeat: repeat-x; }
#settings #wrapper #accordion .content a.save:hover { background-position: 0 -32px; }
#settings #wrapper #accordion .content img.pic { display: block; float: left; width: 100px; height: 100px; margin-top: 15px; border: 1px solid #ddd; font-size: 12px; color: #bbb; }
#settings #wrapper #accordion .content p { margin: 7px 0 3px 0; padding: 0; font-weight: bold; font-size: 11px; color: #000; }
#settings #wrapper #accordion .content .floatspace { margin: 30px 0 0 115px; }
#settings #wrapper #accordion .content .floatspace a.browse { font-size: 12px; color: #179; text-decoration: none; }
#settings #wrapper #accordion .content .floatspace a.browse:hover { color: #29b; }
#settings #wrapper #accordion .content ul.image_buttons { margin: 3px 0 0 0; padding: 0; list-style-type: none; }
#settings #wrapper #accordion .content ul.image_buttons li.left { float: left; margin: 0; padding: 0; }
#settings #wrapper #accordion .content ul.image_buttons li.left a { display: block; width: 27px; height: 27px; margin-top: 11px; background-image: url(settings_loadsprite.gif); background-repeat: no-repeat; }
#settings #wrapper #accordion .content ul.image_buttons li.left a:hover { background-position: 0 -37px; }
#settings #wrapper #accordion .content ul.image_buttons li.right { float: right; margin: 0; padding: 0; }
#settings #wrapper #accordion .content ul.networks { margin: 5px 0 0 0; padding: 0; list-style-type: none; }
#settings #wrapper #accordion .content ul.networks li { float: left; width: 45%; margin: 0; padding: 5px 0 25px 0; }
#settings #wrapper #accordion .content ul.networks li.rightspace { margin-right: 16px; padding-right: 10px; border-right: 1px solid #bbb; }
#settings #wrapper #accordion .content ul.networks li a.tooltip { margin-left: 8px; font-size: 11px; font-weight: bold; text-decoration: none; color: #790; }
#settings #wrapper #accordion .content ul.networks li a.tooltip span { display: none; }
#settings #wrapper #accordion .content ul.networks li a.tooltip:hover { color: #9b0; }
#settings #wrapper #accordion .content ul.networks li a.tooltip:hover span { display: inline; position: absolute; width: 155px; height: 85px; margin-left: 5px; padding: 10px; font-weight: normal; line-height: 14px; color: #555; border: 2px solid #9b0; background-color: #fff; }
#settings #wrapper #accordion .content ul.networks li input.check { float: left; margin-right: 4px; }
#settings #wrapper #accordion .content ul.networks li p.disable { color: #bbb; }
#settings #wrapper #accordion .content ul.networks li p.title { margin: 0 0 15px 0; padding: 0; font-size: 13px; font-weight: normal; }

#share { width: 201px; height: 313px; margin: 25px auto 0; padding: 6px; background-image: url(share_shadow.png); background-repeat: no-repeat; }
#share .content { width: 199px; height: 311px; background-color: #fff; border: 1px solid #222; }
#share .content form { display: block; width: 199px; height: 30px; padding: 7px 0 0 0; background-image: url(share_bottom.gif); background-repeat: repeat-x; text-align: center; }
#share .content h1 { width: 199px; height: 27px; margin: 0; padding: 10px 0 0 0; background-color: #000; color: #ddd; font-size: 13px; text-align: center; background-image: url(share_top.gif); background-repeat: repeat-x; }
#share .content ul.contacts { width: 199px; height: 236px; margin: 0; padding: 0; list-style-type: none; overflow: auto;  }
#share .content ul.contacts li { width: 169px; height: 48px; margin: 0; padding: 0 0 0 15px; border-bottom: 1px solid #ddd; }
#share .content ul.contacts li a { display: block; float: left; width: 90px; height: 15px; margin: 17px 0 0 0; padding: 0; font-size: 11px; color: #555; overflow: hidden; text-decoration: none; }
#share .content ul.contacts li a:hover { color: #9b0; }
#share .content ul.contacts li img { display: block; float: left; width: 30px; height: 30px; margin: 9px 7px 0 0; color: #ccc; font-size: 9px; background-color: #eee; }
#share .content ul.contacts li input { float: left; margin: 18px 15px 0 0; }