/********** HTML TAGS **********/
html, 
body                    { background-color: #FFFFFF; margin: 0px 0px 20px; padding: 0px; font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; font-size: 0.9em; line-height: 18px; height: 100%; }
a:link,
a:visited               { color: #306397; }
a:active                { color: #E47676; }
a:hover                 { color: #D90808; }
a:focus                 { outline: none; }
form                    { margin: 0px; padding: 0px }
fieldset                { border: 1px #CCCCCC solid; margin: 20px 10px; padding: 10px; }
legend                  { background-color: #E3E8EE; font-size: 14px; font-weight: bold; margin: 0px 0px 10px 10px; padding: 5px; }
img                     { border: 0px; }
h1, h2, h3, h4, h5, h6, 
p, form, ul, ol, dl     { margin: 0px; padding: 0px; }
h2.nomargin,
h3.nomargin,
p.nomargin              { margin: 0px !important; }
ul,
ol,
dl                      { margin: 0px 0px 10px 16px; padding: 0px 0px 10px 16px; line-height: 18px; }
.categories_list dl     { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px; line-height: 18px; }
ul.stretched,
ol.stretched,
dl.stretched            { line-height: 22px; }
li,
dd                      { margin: 0px; padding: 0px; }
label                   { font-weight: bold; }
label.error             { font-weight: normal; color: #FF0000; }
hr                      { display: block; height: 1px; border-top: 1px solid #CCCCCC; border-left: 0px none; border-right: 0px none; border-bottom: 0px none; margin: 20px auto; padding: 0px; width: 95%; }
hr.nomargin             { margin: 0px auto; }
hr.forum                { margin: 5px auto 0px; width: 100%; }

/********** HEADER **********/
#header                         { width: 994px; margin: 0px auto; height: 124px; position: relative; }
#logo                           { position: absolute; top: 2px; left: 6px; width: 190px; }
#topbanner                      { position: absolute; top: 10px; left: 220px; width: 468px; height: 64px; }
#topnav                         { font-size: 1em; position: absolute; top: 12px; right: 18px; }
#topnav a                       { color: #0F375F; font-size: 14px; }
#topnav a:hover                 { color: #CA0000; }
#search_form                    { background: url('/css/img/search_form/bg.gif') no-repeat; width: 211px; height: 37px; padding: 12px 0px 0px 10px; position: absolute; top: 70px; left: 762px; }
#search_form *                  { vertical-align: top; }
#mypoi                          { background: url('/css/img/mypoi/bg.gif') no-repeat; width: 193px; height: 52px; font-size: 12px; font-weight: bold; text-align: center; padding: 8px 0px 0px 0px; position: absolute; top: 60px; left: 4px; }
#what_is_poifriend              { position: absolute; right: 13px; top: 36px; }

/********** MY POIFRIEND INFO **********/
#mypoiinfo                 { background: transparent url('/css/img/mypoi/bg_mypoiinfo.gif') no-repeat; position: absolute; top: 0px; left: 8px; width: 400px; height: 300px; z-index: 10; }
#mypoiinfo_hide            { position: absolute; top: 15px; right: 15px; }
#mypoiinfo_hide a          { background-color: #EEEEEE; color: #000000; display: block; width: 5px; height: 9px; padding: 2px 4px; border: 1px #CCCCCC solid; font-size: 10px; line-height: 6px; text-decoration: none; }
#mypoiinfo_hide a:hover    { color: #FF0000; text-decoration: none; background-color: #FEFEFE; }
#mypoiinfo_register        { float: left; width: 158px; padding: 30px 20px; }
#mypoiinfo_panel           { float: left; width: 158px; padding: 30px 20px; }
#mypoiinfo p               { margin: 10px 0px; }

#mypoifriend               { font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; font-size: 0.9em; line-height: 18px; width: 500px; height: 300px; }
#mypoifriend_left          { float: left; width: 221px; height: 252px; padding: 24px 14px; border-right: 1px #CCCCCC solid; }
#mypoifriend_right         { float: left; width: 230px; height: 260px; padding: 20px 10px; }

/********** MAIN NAVIGATION **********/
ul#mainnav                 { position: absolute; top: 84px; left: 200px; height: 34px; width: 553px; border: 0px; margin: 0px; padding: 0px; list-style: none; }
#mainnav li                { color: #000; background: url('/css/img/subnavmenu.gif') top left no-repeat; float: left; text-align: center; margin: 0px; padding: 0px; }
#mainnav li a:link, 
#mainnav li a:visited      { color: #0F375F; background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; display: block; width: 135px; height: 24px; margin: 0px; padding: 10px 0px 0px 0px; text-decoration: none; background: url(/css/img/subnavmenu.gif) top left no-repeat; }
#mainnav li a:hover        { background: url('/css/img/subnavmenu.gif') 0 -34px no-repeat; color: #0D2F53; }
#mainnav li a:active, 
#mainnav li a.on:link,
#mainnav li a.on:visited,
#mainnav li a.on:active    { background: url('/css/img/subnavmenu.gif') 0 -68px no-repeat; color: #0D2F53; }

/********** LAYOUT **********/
#topcurves,
#bottomcurves                   { margin: 0px auto; width: 990px; }
#wrapper                        { background: #E3E8EE url('/css/img/bg_wrapper.gif') repeat-y; margin: 0px auto; width: 990px; overflow: hidden; position: relative; }

/********** LEFT COLUMN **********/
#leftcol                        { float: left; width: 166px; margin: 0px 20px 0px 0px; padding: 0px 10px; }
#leftcol h1                     { color: #CA0000; background: #FFFFFF url('/css/img/leftcol/bg_h1.gif') no-repeat; font-size: 15px; width: 158px; height: 20px; padding: 3px 3px 3px 5px; }
#leftcol ul                     { background: #FFFFFF url('/css/img/leftcol/bg_ul.gif') repeat-y; list-style: none; margin: 0px; padding: 0px; line-height: 15px; }
#leftcol p                      { background: #FFFFFF url('/css/img/leftcol/bg_ul.gif') repeat-y; line-height: 15px; width: 158px; margin: 0px; padding: 3px 3px 3px 5px;  }
#leftcol li                     { width: 156px; margin: 0px; padding: 0px; border-top: 1px #FFFFFF solid; border-bottom: 1px #E3E8EE solid; }
#leftcol li a:link,
#leftcol li a:visited, 
#leftcol li a:active            { width: 147px; color: #000000; background: #FFFFFF; display: block; margin: 0px; padding: 3px 3px 3px 6px; text-decoration: none; }
#leftcol li.popular a:link,
#leftcol li.popular a:visited,
#leftcol li.popular a:active    { font-weight: bold; }
#leftcol li.current a:link,
#leftcol li.current a:visited,
#leftcol li.current a:active    { background: #FFFFFF url('/css/img/leftcol/bg_li_link_current.gif') repeat-y; }
#leftcol li.current a:hover     { background: #E3E8EE url('/css/img/leftcol/bg_li_hover_current.gif') repeat-y; }
#leftcol li a:hover             { color: #FF0000; background: #E3E8EE url('/css/img/leftcol/bg_li_link.gif') repeat-y; }
#leftcol .top_layer             { }
#leftcol .bottom_layer          { margin-bottom: 15px; }
#leftcol #current_location      { margin: 0px 0px 20px 5px; }
#leftcol #current_location *    { margin: 0px; padding: 0px; background: #e3e8ee; }

#leftcol #notifications h1      { color: #CA0000; background: #FFFFFF url('/css/img/leftcol/bg_h1.gif') no-repeat; font-size: 15px; width: 158px; height: 20px; padding: 3px 3px 3px 5px; }
#leftcol #notifications p       { background: #FFFFFF url('/css/img/leftcol/bg_ul.gif'); line-height: 15px; width: 150px; margin: 0px; padding: 3px 8px 3px;  }
#leftcol #notifications dl      { margin: 0px !important; padding: 0px !important; }
#leftcol #notifications dd      { font-size: 11px; background: #FFFFFF url('/css/img/leftcol/bg_ul.gif'); line-height: 15px; width: 138px; margin: 0px !important; padding: 0px 8px 0px 20px !important;  }

#leftcol #alerts_su,
#leftcol #alerts_sp,
#leftcol #alerts_up             { position: absolute; background: #FFFFFF; width: 340px; margin: 5px 10px; padding: 20px 10px; border-top: 1px #CCCCCC solid; border-right: 1px #999999 solid; border-bottom: 1px #999999 solid; border-left: 1px #CCCCCC solid; z-index: 20; }
#leftcol #alerts_su ul,
#leftcol #alerts_sp ul,
#leftcol #alerts_up ul          { background: #FFFFFF; list-style: disc; margin: 0px 0px 0px 30px; padding: 0px; }
#leftcol #alerts_su p,
#leftcol #alerts_sp p,
#leftcol #alerts_up p           { color: #000000; background: transparent; margin: 5px; padding: 0px; width: 340px !important; }
#leftcol #alerts_su li,
#leftcol #alerts_sp li,
#leftcol #alerts_up li          { margin: 0px; padding: 0px; border: 0px; line-height: 20px; vertical-align: middle; width: 100% !important; }
#leftcol #alerts_su li a:link,
#leftcol #alerts_su li a:visited,
#leftcol #alerts_su li a:active,
#leftcol #alerts_sp li a:link,
#leftcol #alerts_sp li a:visited,
#leftcol #alerts_sp li a:active,
#leftcol #alerts_up li a:link,
#leftcol #alerts_up li a:visited,
#leftcol #alerts_up li a:active { text-decoration: underline; display: inline; }
#leftcol #alerts_su li a:hover,
#leftcol #alerts_sp li a:hover,
#leftcol #alerts_up li a:hover  { color: #FF0000; background: transparent; }


#leftcol .alerts_hide           { position: absolute; top: 4px; right: 4px; }
#leftcol .alerts_hide a         { background-color: #EEEEEE; color: #000000; display: block; width: 5px; height: 9px; padding: 2px 4px; border: 1px #CCCCCC solid; font-size: 10px; line-height: 6px; text-decoration: none; }
#leftcol .alerts_hide a:hover   { color: #FF0000; text-decoration: none; background-color: #FEFEFE; }


/********** MIDDLE COLUMN & MIDDLE COLUMN EXTENDED **********/
#middlecol                      { background: #FFFFFF url('/css/img/middlecol/bg.gif') repeat-y; float: left; width: 420px; margin: 0px 16px 0px 0px; padding: 0px; }
#maincontent                    { width: 400px; margin: 0px auto; }
#middlecolex                    { background: #FFFFFF url('/css/img/middlecol/bg_ex.gif') repeat-y; float: left; width: 740px; margin: 0px 16px 0px 0px; }
#maincontentex                  { width: 710px; margin: 0px 0px 0px 10px; }
#middlecol h1,
#middlecolex h1                 { color: #CA0000; font-size: 18px; margin: 0px 0px 10px; padding: 3px 3px 3px 5px; }
#middlecol h2,
#middlecolex h2                 { color: #CA0000; font-size: 16px; margin: 0px 0px 10px; padding: 3px 3px 3px 5px; }
#middlecol h3,
#middlecolex h3                 { color: #CA0000; font-size: 14px; margin: 0px 0px 10px; padding: 3px 3px 3px 5px; }
#middlecol p,
#middlecolex p                  { margin: 5px 5px 5px 0px; padding: 3px 3px 3px 5px; }
#middlecol table,
#middlecolex table              { margin: 5px; }
#middlecol .inner_curves,
#middlecolex .inner_curves      { background: #FFFFFF url('/css/img/middlecol/inner_curves_bg.gif') no-repeat; width: 380px; padding: 10px; border-bottom: 1px #F7E8E8 solid; }

/********** GOOGLE MAPS **********/
#g_info_window         { margin: 0px !important; overflow: hidden; }
#g_info_window *       { margin: 0px !important; padding: 0px !important; }
#g_info_window_avatar  { float: left; width: 70px; }
#g_info_window_txt     { float: left; width: 100px; padding: 10px 0px; }

/********** POIGROUP INFO **********/
.poigroup_info                    { width: 400px; margin: 0px 0px 10px 2px; padding: 5px 0px 10px; border-bottom: 1px #CCCCCC solid; }
.poigroup_info_top                { overflow: hidden; margin-bottom: 10px; }
.poigroup_logo                    { float: left; width: 60px; margin: 0px 5px 0px 0px; padding: 3px 3px 3px 5px; }
.poigroup_title                   { width: 202px; float: left; }
.poigroup_download_btn            { float: left; width: 125px; height: 40px; z-index: 1; }
.poigroup_desc                    { float: left; width: 327px; }
.poigroup_desc h1                 { font-size: 13px !important; margin: 0px !important; padding-bottom: 0px !important; }
.poigroup_desc h1 a               { color: #CA0000; text-decoration: none; }
.poigroup_desc h1 a:hover         { text-decoration: underline; }
.poigroup_desc p                  { font-size: 13px !important; margin: 0px !important; }
.poigroup_desc p.owner_link       { font-size: 13px !important; margin: 0px !important; padding-top: 0px !important; }
.poigroup_info_bottom             { overflow: hidden; }
.poigroup_show                    { float: left; width: 200px; font-size: 12px; margin: 0px 0px 0px 10px; }
.poigroup_tools                   { float: left; width: 180px; font-size: 12px; }
.poigroup_show p                  { color: #666666; font-size: 11px; margin: 6px 0px 8px !important; padding: 0px !important; line-height: 12px; }
.poigroup_show h3                 { margin: 2px !important; padding: 2px !important; }
.poigroup_show *                  { vertical-align: middle; }
.poigroup_tools p                 { margin: 2px !important; padding: 2px !important; line-height: 16px !important; }
.poigroup_tools *                 { vertical-align: middle; }
.tools_container                  { border: 1px #CCCCCC solid; background-color: #FFFFEE; position: relative; }
.addthis                          { margin-top: 20px !important; }

#tags_pop                         { position: absolute; top: -230px; left: 50px; background-color: #E3E8EE; font-size: 11px; width: 200px; height: 260px; border: 1px #336699 solid; padding: 0px; overflow: hidden; z-index: 1000000000; }
#tags_pop div                     { margin: 4px 0px 0px 10px; }
#tags_pop div span                { padding: 1px 0px 0px 0px; }
#tags_pop input                   { margin: 0px; padding: 0px; }

/********** POI INFO **********/
.poi_info                 { width: 400px; margin: 0px auto 10px; padding: 5px 0px 10px; position: relative; overflow: hidden; border-bottom: 1px #CCCCCC solid; }
.poi_stars                { float: left; width: 200px; font-size: 12px; margin: 0px 0px 0px 20px; }
.poi_tools                { float: left; width: 180px; font-size: 12px; }
.poi_stars p,
.poi_stars h3             { margin: 2px !important; padding: 2px !important; }
.poi_stars *              { vertical-align: middle; }
.poi_tools p              { margin: 2px !important; padding: 2px !important; line-height: 16px !important; }
.poi_tools *              { vertical-align: middle; }
.poi_suggestion_tools     { position: absolute; right: 3px; bottom: 6px; text-align: right; }
.poi_suggestion_tools p   { line-height: 14px !important; font-size: 12px !important; }
.iphone                   { position: absolute; top: 16px; right: 16px; width: 50px; height: 12px; }

/********** EDIT MY POI GROUPS **********/
.poi_group_wrapper     { width: 678px; overflow: hidden; margin: 20px 5px; padding: 10px; border: 1px #CCCCCC solid; }
.poi_group_add         { background-color: #CCF2CD; margin: 10px 0px; padding: 5px; border: 1px #CCCCCC solid; }
.poi_group_logo        { float: left; width: 70px; margin: 10px 0px 0px 0px; }
.poi_group_logo img    { border: 1px #CCCCCC solid; }
.poi_group_logo div img { border: 0px !important; }
.poi_group_desc        { float: left; width: 300px; }
.poi_group_tools       { float: left; width: 210px; }
.poi_group_tools *     { vertical-align: middle; }
.categories_list       { background: #F0F5F8; border: 1px #CCCCCC solid; padding: 10px; margin: 0px; width: 464px; height: 300px; overflow: auto; }

/********** USER INFO **********/
.user_info             { width: 400px; margin: 0px auto; padding: 5px 0px 10px; overflow: hidden; border-bottom: 1px #CCCCCC solid; }
.user_info_logo        { float: left; width: 60px; margin: 0px 5px 0px 0px; padding: 3px 3px 3px 5px; }
.user_info_stars       { margin-top: 8px; }
.user_info_desc        { float: left; width: 325px; }

/********** FRIEND INFO **********/
.friend_info           { width: 400px; margin: 0px auto 10px; padding: 5px 0px 10px; overflow: hidden; border-bottom: 1px #CCCCCC solid; }
.friend_info_logo      { float: left; width: 60px; margin: 0px 5px 0px 0px; padding: 3px 3px 3px 5px; }
.friend_info_desc      { float: left; width: 325px; }
.friend_info_desc p    { margin: 0px !important; padding: 2px 3px 2px 5px !important; }
.friend_info label     { font-weight: normal; }
.friend_info .check    { margin: 0px; padding: 0px; }

/********** MESSAGES **********/
.message               { width: 400px; margin: 0px auto; padding: 5px 0px 10px; overflow: hidden; border-bottom: 1px #CCCCCC solid; }
.message_user_logo     { float: left; width: 60px; margin: 0px 5px 0px 0px; padding: 3px 3px 3px 5px; }
.message_desc          { float: left; width: 325px; }

/********** COMMENTS **********/
.comment               { padding: 6px 10px 6px 6px; overflow: hidden; }
.comment_title_bar     { overflow: hidden; background-color: #E3E8EE; padding: 1px; border: 1px #DFDFDF solid;}
.comment_title_bar *   { vertical-align: middle; margin: 0px !important; padding: 0px !important; }
.comment_name          { float: left; width: 150px; }
.comment_date          { float: right; width: 150px; vertical-align: middle; }
.comment_avatar        { width: 70px; float: left; margin: 10px 0px; }
.comment_content       { width: 320px; float: left; }

/********** SEARCH **********/
.search_subnav         { background-color: #EEEEEE; border: 1px #CCCCCC solid; margin: 10px; }
.search_subnav p       { margin: 0px !important; padding: 5px !important; }
.search_subnav a       {  }
.search_subnav a.on    { text-decoration: none; font-weight: bold; }

/********** COMMUNITY **********/
#msg_box                     { background-color: #EEEEEE; margin-bottom: 10px; padding: 10px 20px; border: 1px #CCCCCC solid; }
.forum                       { overflow: hidden; padding: 6px; }
.forum_img                   { float: left; width: 80px; }
.forum_desc                  { float: left; width: 260px; }
.featured_wrapper            { overflow: hidden; margin: 0px auto 20px; }
.featured                    { font-size: 11px; float: left; width: 125px; margin: 5px 0px 5px 5px; text-align: center; }
#suggers                     { background: transparent url('/css/img/suggers_bg.gif') no-repeat top right; }
#groupers                    { background: transparent url('/css/img/groupers_bg.gif') no-repeat top right; }
#posters                     { background: transparent url('/css/img/posters_bg.gif') no-repeat top right; }

/********** FORUM **********/
.topic,
.reply                           { overflow: hidden; width: 684px; margin: 10px auto 20px; }
.topics_list                     { padding: 0px 20px; }
.topics_list a:visited           { color: #666666 !important; }
.topics_list p                   { margin-left: 20px !important; }
.topics_list p.sticky_topic      { margin-left: 0px !important; }
.topics_list p.sticky_topic img  { margin-bottom: -2px; }
.poster_avatar                   { float: left; width: 70px; }
.poster_text                     { float: left; width: 610px; border: 1px #EEEEEE solid; }
.poster_details                  { background-color: #EEEEEE; }
.poster_details p                { margin: 0px !important; padding: 5px !important; }
#forum_header                    { overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px #EEEEEE solid; }
#forum_topnav                    { float: left;  width: 400px; }
#forum_search                    { float: left; background: #EEEEEE url('/css/img/forum_search_bg.gif') no-repeat; width: 288px; height: 34px; margin: 0px; padding: 12px 0px 0px 12px; }
#forum_search *                  { margin: 0px; padding: 0px; }
#forum_search .input_field       { padding: 1px; }
#forum_search div *              { vertical-align: middle; }

/********** REGISTER **********/
.reg_tbl                         { width: 600px !important; margin: 0px 0px 0px 20px !important; }
.reg_tbl_more                    { width: 599px; margin: -1px 0px 0px 19px; background-color: #EEEEEE; border: 1px #CCCCCC solid; }
.reg_tbl_more p                  { margin: 0px; padding: 0px; }
.add_more_l_link                 { float: left; width: 160px; }
.add_more_d_link                 { float: left; width: 216px; }
.add_more_l_link img,
.add_more_d_link img             { float: left; margin: 0px 5px; }
.add_more_desc                   { float: left; width: 500px; border: 1px red solid; }
.reg_teaser                      { background: #FFFFFF url('/css/img/reg_teaser_bg.gif') repeat-x; font-size: 14px; border: 1px #CCCCCC solid; width: 560px; margin: 0px 0px 0px 20px; padding: 20px; }

/********** RIGHT COLUMN **********/
#rightcol                  { background: #FFFFFF url('/css/img/rightcol/bg.gif') repeat-y; float: left; width: 320px; margin: 0px; padding: 0px; }
#rightcol h1               { color: #CA0000; font-size: 15px; margin-top: -10px; padding: 3px 3px 3px 5px; }

ul#news_nav                { border: 0px; margin: 0px 0px 0px 16px; padding: 0px; list-style: none; }
#news_nav li               { color: #000; background: url('/css/img/newsnavmenu.gif') top left no-repeat; float: left; text-align: center; margin: 0px; padding: 0px; }
#news_nav li a:link, 
#news_nav li a:visited     { color: #0F375F; background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: block; width: 82px; height: 20px; margin: 0px; padding: 3px 0px 0px 0px; text-decoration: none; background: url(/css/img/newsnavmenu.gif) top left no-repeat; }
#news_nav li a:hover       { background: url('/css/img/newsnavmenu.gif') 0 -23px no-repeat; color: #0D2F53; }
#news_nav li a:active, 
#news_nav li a.on:link,
#news_nav li a.on:visited,
#news_nav li a.on:active   { background: url('/css/img/newsnavmenu.gif') 0 -46px no-repeat; color: #0D2F53; }

#boxes_container           { background: #FFFFFF url('/css/img/rightcol/bg_boxes_container.gif') no-repeat; font-size: 11px; width: 306px; height: 202px !important; margin: 0px 0px 0px 6px; padding: 10px 0px !important; clear: both; }
#news_box,
#forum_box,
#comments_box              { width: 300px; height: 200px !important; margin: 0px; padding: 0px !important; overflow: auto; }
#news_box h3,
#forum_box h3,
#comments_box h3           { font-size: 13px; margin: 0px !important; padding: 4px 16px !important; }
#news_box p,
#forum_box p,
#comments_box p            { margin: 0px !important; padding: 4px 16px !important; }
#news_box a,
#forum_box a,
#comments_box a            { color: #000000; }
#news_box a:hover,
#forum_box a:hover,
#comments_bx a:hover       { color: #CA0000; }

#rightcolGMap              { background-color: #FFFFFF; font-size: 11px; width: 300px; margin: 0px 0px 0px 6px; }
#rightcol h1,
#rightcol h2,
#rightcol h3,
#rightcol p                { margin: 5px; padding: 10px; }
#rightcol p.dirs           { margin-top: 12px; }
#rightcol .quickmsg img    { float: left; margin-right: 5px; }
#poi_info_short            { margin: 0px; padding: 10px; font-size: 13px; }
#poi_info_short p          { margin: 3px 0px; padding: 0px; line-height: 14px; }
.rightcol_banner           { background-color: #FFFFFF; width: 300px; margin: 0px 0px 0px 6px; }

/********** FOOTER **********/
#footer         { background: #E3E8EE url('/css/img/bg_footer.gif') no-repeat; height: 56px; font-size: 11px; width: 990px; padding: 7px 0px; margin: 20px auto; text-align: center; }
#footer a       { color: #000000; }
#footer a:hover { color: #FF0000; }

/********** FLOATING **********/
#floating_map                   { background: transparent url('/css/img/floating_map_bg.gif') no-repeat; position: absolute; top: 0px; left: 0px; width: 350px; height: 300px; z-index: 10; }
#floating_map p                 { margin: 20px 0px 10px; }
#floating_map_hide,
#floating_map2_hide             { position: absolute; top: 15px; right: 15px; }
#floating_map_hide a,
#floating_map2_hide a           { background-color: #EEEEEE; color: #000000; display: block; width: 5px; height: 9px; padding: 2px 4px; border: 1px #CCCCCC solid; font-size: 10px; line-height: 6px; text-decoration: none; }
#floating_map_hide a:hover, 
#floating_map2_hide a:hover     { color: #FF0000; text-decoration: none; background-color: #FEFEFE; }

#floating_map2                  { background: transparent url('/css/img/floating_map2_bg.gif') no-repeat; padding: 10px; position: absolute; top: 0px; left: 0px; width: 300px; height: 200px; z-index: 10; }
#floating_map2_hide             { position: absolute; top: -5px; right: -5px; }
#floating_map2 p                { margin: 40px 0px 10px; }

#floating_msg                   { color: #FFFFFF; background: transparent url('/css/img/floating_msg_bg.gif') no-repeat; font-weight: bold; padding: 10px 10px 10px 100px; position: absolute; top: 0px; left: 0px; width: 290px; height: 155px; z-index: 10; }
#floating_msg input             { margin: 20px auto; }

#floating_poigroups_icons       { color: #FFFFFF; background: transparent url('/css/img/poigroups_icons_bg.gif') no-repeat; padding: 0px 10px; position: absolute; top: 0px; left: 0px; width: 380px; height: 260px; z-index: 10; }
#floating_poigroups_icons .pad  { margin: 16px 30px 6px; width: 340px; height: 186px; overflow: auto; }

/********** HOME **********/
#home_splash                    { background: #31639C url('/img/home/splash.gif') no-repeat; margin: 0px 0px 0px 14px; width: 387px; height: 513px; position: relative; }
#home_splash_nav                { position: absolute; top: 224px; left: 30px; height: 25px; }
#home_splash_nav p              { color: #F7F79C; font-size: 19px; margin: 2px; padding: 2px; }
#home_splash_nav a              { color: #F7F79C; font-size: 19px; }
#home_splash_nav a:hover        { color: #FFFFFF; }

/********** GARMIN DIRECT **********/
#garmin_wrapper                 { position: relative; margin: 20px auto 0px; padding: 20px; width: 470px; }
#statusBox                      { position: relative; left: 0px; padding: 4px; color: #990000; }
#deviceBox                      { position: relative; left: 0px; padding: 4px; }
#deviceBox p                    { margin: 4px; }
#writeBox                       { position: relative; left: 0px; padding: 4px; }
#progressBar                    { height: 15px; border: 1px solid black; width: 100%; padding:0px; text-align: left; background-color: #EFEFEF; }
#progressWrapper                { position: relative; left: -10px; width: 460px; }
#progressBarDisplay             { position: absolute; top: 0px; left: 10px; height: 15px; margin: 0px; padding: 0px; background-color: #66CC33; }

/********** TOMTOM DIRECT **********/
#tomtom_wrapper                 { position: relative; margin: 0px auto; padding-top: 60px; width: 470px; height: 160px; }

/********** INVITE YOUR FRIEND ************/
#invite_friend_wrapper          { overflow: hidden; width: 378px; }
#invite_friend_link             { float: left; width: 234px; }
#invite_friend_btn              { float: left; width: 140px; }

/********** SEARCH OTHER USERS ************/
#search_users_wrapper           { overflow: hidden; width: 378px; }
#search_users_field             { float: left; width: 234px; }
#search_users_btn               { float: left; width: 140px; margin-top: 1px; }

/********** MY POIS ************/
#my_pois_top_wrapper            { position: relative; width: 378px; height: 60px; }
#create_your_own_group          { position: absolute; top: 5px; right: 5px; width: 150px; height: 66px; }
#poigroup_tags_msg_wrapper      { position: relative; }
#poigroup_tags_msg              { position: absolute; top: 10px; right: 20px; width: 300px; border: 1px #CCCCCC solid; background-color: #EEEEEE; display: none; }

/********** POI Explorer ************/
#gmap                           { z-index: 0; }
#poi_explorer_cat_list          { position: absolute; top: 20px; left: 240px; background-color: #E3E8EE; font-size: 11px; width: 300px; height: 340px; border: 1px #336699 solid; padding: 4px; overflow: auto; z-index: 100; }
#poi_explorer_cat_list dd       { margin: 0px; padding: 0px; }
#poi_explorer_cat_list dl       { margin: 0px 0px 0px 10px; padding: 0px; }
#poi_explorer_cat_list_close    { position: absolute; top: 10px; left: 270px; }
#poi_explorer_cat_list_close a       { background-color: #EEEEEE; color: #000000; display: block; width: 5px; height: 9px; padding: 2px 4px; border: 1px #CCCCCC solid; font-size: 10px; line-height: 6px; text-decoration: none; }
#poi_explorer_cat_list_close a:hover { color: #FF0000; text-decoration: none; background-color: #FEFEFE; }

.poi_explorer_geo               { background: #C9DAE5 url('/css/img/poi_explorer_geo_bg.gif') no-repeat top left; padding-left: 20px; height: 40px; }

#poi_explorer_wrapper           { position: relative; height: 40px; }
#poi_explorer_filter            { position: absolute; top: 0px; left: 0px; background: #C9DAE5 url('/css/img/poi_explorer_filter_bg.gif') no-repeat top left; padding: 10px 0px 0px 26px !important; width: 360px; height: 20px; }
#poi_explorer_users_filter      { position: absolute; top: 0px; right: 0px; z-index: 10; width: 300px; }

.explorer_map                   { position: relative; width: 708px; height: 500px; }
.poigroup_icon                  { float: left; margin-right: 5px; }

/********** TABS NAV **********/
ul#apprbrd_nav                  { border: 0px; margin: 0px 0px 0px 16px; padding: 0px; list-style: none; }
#apprbrd_nav li                 { color: #000; background: url('/css/img/apprbrdnavmenu.gif') top left no-repeat; float: left; text-align: center; margin: 0px; padding: 0px; }
#apprbrd_nav li a:link, 
#apprbrd_nav li a:visited       { color: #0F375F; background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: block; width: 102px; height: 20px; margin: 0px; padding: 3px 0px 0px 0px; text-decoration: none; background: url(/css/img/apprbrdnavmenu.gif) top left no-repeat; }
#apprbrd_nav li a:hover         { background: url('/css/img/apprbrdnavmenu.gif') 0 -23px no-repeat; color: #0D2F53; }
#apprbrd_nav li a:active, 
#apprbrd_nav li a.on:link,
#apprbrd_nav li a.on:visited,
#apprbrd_nav li a.on:active     { background: url('/css/img/apprbrdnavmenu.gif') 0 -46px no-repeat; color: #0D2F53; }

/********** OTHER **********/
#regional_focus                 { background: url('/css/img/regional_focus_bg.gif') no-repeat center right; font-size: 11px; width: 400px; margin: 0px 0px 10px 10px; padding: 4px 0px; }
#regional_focus select          { font-size: 11px; }
#regional_focus p               { margin: 0px; padding: 3px; }
#loading_msg                    { color: #666666; font-size: 11px; margin: 10px auto; width: 100%; height: 100px; text-align: center; display: none; }


/********** COMMON CLASSES **********/
.input_field       { background-color: #EEF2F6; font-size: 13px; font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; margin-top: 1px; padding: 1px; border: 1px #0F375F solid;}
.input_field:focus { background-color: #FFFFFF; border: 1px #CD1414 solid; }
.input_btn         { background-color: #306397; color: #FFFFFF; }
.c                 { text-align: center; }
.r                 { text-align: right; }
.grid00            { border-collapse: collapse; }
.grid00 td         { padding: 4px !important; }
.grid01            { border-collapse: collapse; }
.grid01 td         { padding: 4px !important; border: 1px #CCCCCC solid; }
.grid02            { border-collapse: collapse; }
.grid02 td         { padding: 2px !important; border: 1px #CCCCCC solid; }
.grid01 td         { padding: 4px !important; border: 1px #CCCCCC solid; }
.grid03            { border-collapse: collapse; }
.grid03 td         { padding: 0px !important; border: 1px #CCCCCC solid; }
.grid04            { border-collapse: collapse; }
.grid04 td         { padding: 10px 4px !important; border: 1px #CCCCCC solid; }
.grid05            { border-collapse: collapse; border: 2px #FFFFFF solid; }
.grid05 td         { padding: 12px !important; border: 1px #CCCCCC solid; }
.zebra             { background-color: #EEEEEE !important; }
.hilite            { background-color: #C9DAE5; }
.redish            { background-color: #F6E1E1; }
.smalltext         { font-size: 11px !important; }
.largetext         { font-size: 16px !important; }
.graytext          { color: #666666 !important; }
.redtext           { color: #CA0000 !important; }
.blacktext         { color: #000000 !important; }
.bluetext          { color: #2C6196 !important; }
.whitetext         { color: #FFFFFF !important; }
.normaltext        { color: #000000 !important; font-weight: normal !important; font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif !important; font-size: 0.9em !important; line-height: 18px !important; }
.nolinkunderline   { text-decoration: none !important; }
.whitebg           { background: #FFFFFF !important; }
.redbg             { background: #CC0000 !important; }
.lineheight20      { line-height: 22px !important; }
.form_failure      { background-color: #F9D7D7; margin: 8px; padding: 10px; border: 1px #CCCCCC solid; }
.form_success      { background-color: #CCF2CD; margin: 8px; padding: 10px; border: 1px #CCCCCC solid; }
.vert_align *      { vertical-align: middle; }
.bottom_align *    { vertical-align: bottom; }
.spacer            { clear: both; }
.official          { background: #F0F7FF repeat-x !important; border: 1px #999999 solid !important; }
.redshaded         { background: #FFFFFF url('/css/img/bg_redshaded.gif') repeat-x !important; border: 1px #FACFCF solid !important; }
.rf                { float: right; margin-left: 3px; }
.lf                { float: left; margin-right: 3px; }
.paging            { font-weight: bold; text-align: right; padding: 10px 30px; }
.paging .current   { border: 1px #CCCCCC solid; }
.paging a          { border: 1px #FFFFFF solid; }
.paging a:hover    { border: 1px #CCCCCC solid; background-color: #FFCCCC; }
.paging *          { padding: 0px 3px; }
.margin10x0x0      { margin: 10px 0px 0px !important; }
.margin0x0x6       { margin: 0px 0px 6px !important; }
.margin0x5x0x0     { margin: 0px 5px 0px 0px !important; }
.margin30x0x0      { margin: 30px 0px 0px !important; }
.margin0x0x0x50    { margin: 0px 0px 0px 50px !important; }
.margin0           { margin: 0px !important; }
.padded20x0        { padding: 20px 0px !important; }
.padded0x20        { padding: 0px 20px !important; }
.padded10x10       { padding: 10px !important; }
.padded3x3         { padding: 10px !important; }
.padded8x0         { padding: 8px 0px !important; }
.padded0x0x0x6     { padding: 0px 0px 0px 6px !important; }
.padded0           { padding: 0px !important; }
.bordered          { border: 1px #3D6589 solid; }
.bordered2         { border: 1px #CCCCCC solid; }
.bordered3         { border-bottom: 1px #CCCCCC solid; }
.w700              { width: 700px; }
.quote             { color: #666666; margin: 10px; font-style: italic; }
.no_wrap           { white-space: nowrap; }

.hideme            { position: absolute; top: 15px; right: 15px; }
.hideme a          { background-color: #EEEEEE; color: #000000; display: block; width: 5px; height: 9px; padding: 2px 4px; border: 1px #CCCCCC solid; font-size: 10px; line-height: 6px; text-decoration: none; }
.hideme a:hover    { color: #FF0000; text-decoration: none; background-color: #FEFEFE; }

.insert_pois_wrap                     { border-collapse: collapse; }
.insert_pois_wrap td                  { padding: 0px !important; }
.insert_pois_wrap td table            { border-collapse: collapse; }
.insert_pois_wrap td table td         { padding: 2px 4px !important; border: 1px #CCCCCC solid; }