/*----------------------------------------------------------------------------- CityChaseUSA Style Sheet (Global) Version: 1.0 Author: Blake Bauman Email: blakebauman@bytestudios.com -----------------------------------------------------------------------------*/ /* General -----------------------------------------------------------------------------*/ /* Remove padding and margin */ * { margin: 0; padding: 0; } /* Put it back on certain elements */ p { margin: 1em 0; } /* Class for clearing floats */ .clear { clear:both; } /* Remove border around linked images */ img { border: 0; } /* Centering Technique -----------------------------------------------------------------------------*/ body { margin-top:5px; text-align: center; min-width: 1029px; background: #000000 url('/_assets/images/arrow_fade.jpg') no-repeat top center fixed; } #wrapper { width: 979px; margin: 0 auto; text-align: left; } /* Typography -----------------------------------------------------------------------------*/ body { font: normal 12px Arial, Helvetica, sans-serif; color: #777; } /* Header -----------------------------------------------------------------------------*/ #header { position: relative; min-height: 120px; background: transparent url('/_assets/images/bg_header_new.png') no-repeat 0 0; } /* Branding */ #header h1 a { position: absolute; top: 2px; left: 35px; display: block; width: 507px; height: 111px; text-indent: -9999px; background: transparent url('/_assets/images/logo.png') no-repeat 0 0; } #top_sponsors { position: absolute; top: 5px; left: 615px; color: #fff; font-size: 10px; } /* User Account */ /*#user_account { position: absolute; top: 74px; width: auto; margin-right: 21px; } */ #user_account { padding-top: 75px; width: auto; margin-right: 21px; } #user_account div.user_account_box { float: right; color: #777; padding: 0 14px 0 0; background: transparent url('/_assets/images/bg_account_top_bar_right.png') no-repeat top right; } #user_account div div.login_info { float: right; width: auto; padding: 21px 4px 14px 83px; font-size: 12px; background: transparent url('/_assets/images/bg_top_login.png') no-repeat top left; } #user_account div div.login_form { width: auto; display: block; padding: 16px 4px 16px 83px; font-size: 12px; background: transparent url('/_assets/images/bg_top_login.png') no-repeat top left; } #user_account em { font-weight: bold } #user_account a { color: #777; text-decoration: underline; } #user_account a strong { text-decoration: underline; } form#account_login { background-color: #eaeaea; } form#account_login label, form#account_login input, form#account_login a { float: left; } form#account_login label, form#account_login input { margin-right: 5px; } form#account_login label { margin-top: 4px; } form#account_login input { padding: 1px; } form#account_login a.signup { margin: 4px 0 0 3px; } form#account_login input.text { font: normal 12px Arial, Helvetica, sans-serif; padding: 2px; width: 135px; color: #555; } /* Primary Content -----------------------------------------------------------------------------*/ #primary { padding: 0 21px 10px 30px; background: transparent url('/_assets/images/bg_content.gif') repeat-y 0 0; } #primary_content { float: left; width: 775px; margin: 0 0 0 8px; } #primary_content_top { margin-bottom: 6px; padding: 0 0 0 0; border-bottom: 2px dotted #6a6a6a; } /* Primary Navigation -----------------------------------------------------------------------------*/ #navigation { position: relative; } #navigation ul { float: left; padding: 0px 0px 5px 30px; margin-left:8px; list-style: none; background: transparent url('/_assets/images/lilarrow.jpg') no-repeat 0px 3px; } #navigation li { float: left; } #navigation li a { display: block; width: auto; padding: 6px 15px; color: #7e7e7e; font: bold 13px Arial, Helvetica, sans-serif; border-right: 1px solid #d1d1d1; text-decoration: none; } #navigation li.last a { border-right: none; } #navigation li a:hover, #navigation li a.active { color: #fff; background: #97c80e url('/_assets/images/bg_top_nav.gif') repeat-x bottom left; } /* Sub Navigation -----------------------------------------------------------------------------*/ #sub_navigation { position: relative; height: 36px; background: #fff url('/_assets/images/bg_sub_nav.gif') no-repeat top left; } #sub_navigation ul { padding: 10px 0; margin-left: 10px; list-style: none; } #sub_navigation li { float: left; margin-left: 0; } #sub_navigation li a { margin: 6px 0; padding: 0 10px; color: #688b09; font: bold 11px Arial, Helvetica, sans-serif; border-right: 1px solid #d1d1d1; text-decoration: none; } #sub_navigation li.last a { border-right: none; } #sub_navigation li a:hover, #sub_navigation li a.sub_active { margin: 0; padding: 6px 10px; color: #fff; background: #97c80e url('/_assets/images/bg_top_nav.gif') repeat-x bottom left; } /* Home Content -----------------------------------------------------------------------------*/ #home_flash { float: left; width: 506px; margin-right: 3px; margin-top:4px; } #home_join { float: left; width: 258px; min-height: 252px; padding: 0 0 5px 0; text-align: center; background: url('/_assets/images/bg_home_worlds_lrg_bot.gif') no-repeat bottom left; } #home_join h2 { width: 258px; height: 116px; background: url('/_assets/images/bg_home_worlds_lrg.gif') no-repeat top left; text-indent: -9999px; } #home_join ul { margin: 0 5px 0 15px; text-align: left; list-style: none; font-size: 12px; color: #222; } #home_join ul li { margin: 0 0 7px 0; padding-left: 13px; background: transparent url('/_assets/images/bullet_grn.gif') no-repeat 0 3px; } #home_join ul li a { font-weight: bold; color: #688b09; } #home_quote { clear: both; margin: 0 0 3px 0; padding: 3px 0 3px 0; border-bottom: 2px dotted #6a6a6a; } #home_options { list-style: none; clear: both; } #home_options li { float: left; margin: 0px; padding: 0; } #home_btns {display: block; background-position:0 -69px;} #home_btns:hover {background-position: 0 0;} #home_btns span {display: none;} /* Schedule Home Block ------ */ #schedule_block { float: left; width: 253px; margin: 5px 0; } #schedule_home_h3 { margin: 8px 0 0 0; padding: 5px 0; text-align: center; color: #688b09; font-size: 16px; background: transparent url('/_assets/images/bg_sched_h3.gif') repeat-x top left; } #schedule_home { position: relative; padding: 5px 10px; background: transparent url('/_assets/images/bg_sched_bot.gif') repeat-x bottom left; } #schedule_home a { position: relative; color: #688b09; } #schedule_home h4 { position: relative; padding: 5px 5px 4px 10px; font-size: 16px; font-weight: normal; } #schedule_home h4 strong { color: #688b09; } #tbl_sched_home td { padding: 2px; color: #444; font-size: 12px; } #tbl_sched_home td a { color: #444; text-decoration: none; } #tbl_sched_home td a:hover { text-decoration: underline; } #tbl_sched_home .odd { background-color: #eaeaea; } #upcoming { position: relative; padding: 7px 2px 0 2px; list-style: none; } #upcoming li { margin-bottom: 8px; } #upcoming span { color: #688b09; font-weight: bold; } #recent_photos_home { padding: 10px 0 10px 5px; } #recent_photos_home a { display: block; float: left; width: 105px; margin-right: 8px; text-align: center; font-size: 11px; color: #777; text-decoration: none; } #recent_photos_home a img { padding: 3px; border: 1px solid #ccc; } #recent_photos_home a:hover img { padding: 1px; border: 3px solid #688b09; } #recent_photos_home a span { color: #688b09; font-weight: bold; } /* Center Column ------ */ #center_col { float: left; width: 511px; margin-left: 6px; padding-top: 5px; } #center_col_intro { background: #fff url('/_assets/images/center_bg_top.gif') no-repeat top left; padding: 15px 13px 0 13px; } #center_col_intro p { position: relative; /* IE */ color: #777777; font-size: 12px; line-height: 20px; background-color: #fff; margin-top: 0; } #center_col_intro a { color: #688b09; } #center_col_intro select { color: #688b09; font: normal 12px Arial, Helvetica, sans-serif; width: 226px; padding: 2px; border: 1px solid #ccc; } #center_col_intro .select_border { float: left; display: block; background-color: #ebebeb; padding: 3px; width: 228px; } #center_col_intro_bottom { margin-bottom: 3px; background: #fff url('/_assets/images/center_bg_bot.gif') no-repeat bottom left; } #center_col div.center_box { float: left; width: 253px; margin-top: 2px; padding: 14px 0 0 0; background: #fff url('/_assets/images/center_box_top_bg.gif') no-repeat top left; } #center_col div.center_box .img_header { padding: 0 5px; } #center_col div.center_box h3 { text-align: left; font-weight: normal; padding: 1px 12px 7px 10px; font-size: 17px; line-height: 14px; background: transparent url('/_assets/images/home_h3_bg.gif') no-repeat bottom center; } #center_col div.center_box h3 strong { color: #688b09; } #center_col div.center_box p { margin: 10px 10px 0 0; color: #777; font-size: 10px; line-height: 1.2em; } #center_col div.center_box a { color: #777; text-decoration: none; } #center_col div.center_box a img { border: 1px solid #ddd; background-color: #fff; padding: 3px; margin: 2px; } #center_col div.center_box a:hover { text-decoration: none; } #center_col div.center_box a:hover img { border: 3px solid #688b09; background-color: #fff; padding: 1px; margin: 2px; } #center_col div.box_left { margin-left: 3px; } #center_col div.center_box_bottom { clear: both; font-size: 0; height: 12px; background: #fff url('/_assets/images/center_box_bot_bg.gif') no-repeat bottom left; } /* Countdown -----------------------------------------------------------------------------*/ #countdown { margin-top: 5px; } /* Primary Content Left -----------------------------------------------------------------------------*/ /* Content Left */ #primary_content_l { float: left; width: 251px; padding: 0; border-right: 2px dotted #688b09; } #primary_content_l h1 { position: relative; margin: 10px 0 0 11px; font: normal 28px Arial, Helvetica, sans-serif; color: #688b09; line-height: 26px; } #primary_content_l ul { margin-top: 30px; list-style: none; } #primary_content_l li { width: 240px; margin-bottom: 1px; } #primary_content_l a { color: #688b09 } /*#primary_content_l li a { display: block; width: 210px; padding: 4px 10px 4px 20px; color: #688b09; font: normal 16px Arial, Helvetica, sans-serif; text-decoration: none; } #primary_content_l li a:hover, #primary_content_l li a.active { color: #fff; background: #688b09 url('/assets/images/left_nav_bg_turq.gif') no-repeat top left; }*/ #primary_content_l li a { display: block; width: 200px; padding: 6px 30px 6px 10px; color: #688b09; font: normal 18px Arial, Helvetica, sans-serif; text-decoration: none; } #primary_content_l li a:hover, #primary_content_l li a.active { color: #fff; background: transparent url('/_assets/images/bg_left_nav_over.gif') no-repeat 95% 50%; } #primary_content_l li a strong { display: block; } #primary_content_l li a em { display: block; font-size: 12px; font-weight: normal; color: #688b09; padding-left: 5px; } #primary_content_l li a:hover em, #primary_content_l li a.active em, #primary_content_l li a.active:hover em { color: #fff; } #primary_content_l li a span { display: block; background: transparent url('/_assets/images/bg_left_nav_over.gif') no-repeat top left; } #primary_content_l p { color: #688b09; font-size: 14px; margin-left: 11px; } /* Primary Content Left -----------------------------------------------------------------------------*/ #primary_content_r { float: left; width: 505px; min-height: 500px; margin-bottom: 10px; padding: 0 0 0 5px; } #primary_content_r h2 { margin: 10px; font: normal 26px Arial, Helvetica, sans-serif; color: #688b09; } #primary_content_r p { font-size: 12px; margin: 10px; color: #656565; line-height: 18px; } #primary_content_r a { color: #688b09; text-decoration: underline; } /* Events -----------------------------------------------------------------------------*/ #events { width: 474px; margin-top: 10px; padding: 15px 20px; background: #fff url('/_assets/images/bg_top_content_r.gif') no-repeat top left; } #events h2 { color: #688b09; font-size: 24px; margin: 0; padding: 5px 0; } #events h2 span { font-size: 11px; color: #777; display: block; margin-top: 2px;} #events h2 span strong { color: #688b09; } #events h3 { padding: 5px 0; margin-bottom: 10px; color: #688b09; font-size: 22px; font-weight: normal; border-bottom: 1px solid #d5d5d5; } #events h3 span { color: #656565; font-size: 12px; font-weight: normal; } #events h4.lp_head { font-weight: bold; color: #688b09; margin-bottom: 10px; font-size: 13px; border-bottom: 1px solid #ccc; } #events img { border: 1px solid #fff; margin: 2px; } #events p { margin: 10px 0; color: #656565; line-height: 1.6em; } #events p span { display: block; font-weight: bold; color: #688b09; font-size: 14px; } #events_bottom { width: 518px; height: 12px; background: #fff url('/_assets/images/bg_bot_content_r.gif') no-repeat bottom left; } #event_options { clear: both; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; margin-bottom: 10px; padding: 5px 0; } #event_options li { list-style: none; display: inline; padding-right: 3px; border-right: 1px solid #d5d5d5; } #event_options li a { padding: 3px 9px; font-size: 11px; font-weight: bold; color: #688b09; text-decoration: none; } #event_options li a:visited { padding: 3px 9px; font-weight: bold; color: #688b09; text-decoration: none; } #event_options li a:hover, #event_options li a.active, #event_options li a.active:visited { padding: 3px 9px; color: #fff; background: #688b09 url('/_assets/images/bg_top_nav.gif') repeat-x bottom left; } #event_options li.last { padding-right: 0; border-right: none; } /* Events Content */ #events_content { padding: 0 10px; } #events_content h2 { font-weight: bold; font-size: 24px; padding: 0; margin: 15px 0 0 0; } #events_content p { padding: 0; margin: 10px 0; line-height: 18px; } #event_image { margin: 15px 0; } #event_description { float: left; width: 225px; margin-right: 10px; } #event_info { float: left; width: 235px; } #event_info dl { font-size: 12px; margin-top: 15px; line-height: 14px; } #event_info dl dt { font-weight: bold; color: #688b09; margin-bottom: 2px; } #event_info dl dd { margin-bottom: 15px; font-size: 11px; } /* Agenda Table */ #event_info dl dd table.agenda-tbl { color: #777; } #event_info dl dd table.agenda-tbl tr { background: transparent url('/_assets/images/bg_dotted.gif') repeat-x 0 80%; } #event_info dl dd table.agenda-tbl td.left { text-align: left; /*background: transparent url('/_assets/images/bg_dotted_left.gif') repeat-x 0 80%;*/ } #event_info dl dd table.agenda-tbl td.right { text-align: right; /*background: transparent url('/_assets/images/bg_dotted_right.gif') repeat-x 0 80%;*/ } #event_info dl dd table.agenda-tbl td span { display: inline; width: auto; background-color: #fff; } #event_info dl dd table.agenda-tbl td.left span { padding: 0 1px 0 0; } #event_info dl dd table.agenda-tbl td.right span { padding: 0 0 0 1px; } #primary_content_r #event_tell_friend { display: block; margin-top: 10px; width: 225px; height: 42px; padding-top: 4px; color: #747474; font-size: 12px; text-align: center; text-decoration: none; background: url('/_assets/images/bg_btn_tell_friend.gif') no-repeat top left; } #primary_content_r #event_tell_friend strong { display: block; font-size: 16px; color: #688b09; } #primary_content_r #event_tell_friend:visited { text-decoration: none; } /* Recent Photos */ #recent_photos { width: 469px; padding: 15px 20px 0 25px; background: #fff url('/_assets/images/bg_top_content_r.gif') no-repeat top left; } #recent_photos h3 { padding: 5px 20px 5px 10px; color: #688b09; font: normal 20px Arial, Helvetica, sans-serif; } #recent_photos h3 a { color: #7f7e7f; font: normal 12px Arial, Helvetica, sans-serif; margin-left: 5px; text-decoration: underline; } #recent_photos span { float: left; width: 110px; text-align: center; margin: 0 7px 10px 0; } #recent_photos span a.img { display: block; width: 110px; height: 75px; background-color: #fff; border: 1px solid #cdcdcd; text-decoration: none; } #recent_photos span a.img:hover { background-color: #688b09; border: 1px solid #688b09; } #recent_photos span img { border: 1px solid #fff; margin: 2px; } #recent_photos span a:hover img { float: left; border: 1px solid #fff; padding: 0; margin: 2px 6px 2px 2px; } #recent_photos span strong { display: block; padding: 2px 2px 0 2px; color: #688b09; text-decoration: none; } #recent_photos_bottom { width: 518px; height: 12px; background: #fff url('/_assets/images/bg_bot_content_r.gif') no-repeat bottom left; } /* Full Schedule */ #full_schedule { width: 100%; margin-top: 10px; border-top: 10px solid #d9efec; } #full_schedule tr { } #full_schedule td { padding: 10px; border-bottom: 10px solid #d9efec; font-size: 12px; } #full_schedule td strong, #full_schedule td a.lrg { font-size: 14px; } #full_schedule td a.sm { color: #688b09; } /* Comments */ #event_comments { width: 515px; padding: 15px 0; background: #fff url('/_assets/images/bg_top_content_r.gif') no-repeat top left; } #event_comments_bottom { width: 518px; height: 12px; background: #fff url('/_assets/images/bg_bot_content_r.gif') no-repeat bottom left; } #event_comments h3 { padding: 5px 20px 5px 25px; color: #688b09; font: normal 20px Arial, Helvetica, sans-serif; } #event_comments h3 span { color: #7f7e7f; font: normal 12px Arial, Helvetica, sans-serif; background: none; } #event_comments h3 span a { color: #7f7e7f; margin-left: 8px; text-decoration: underline; } div.comment { margin: 10px 20px 10px 21px; padding: 15px; } div.comment_odd { margin: 10px 20px 0 21px; padding: 15px 15px 10px 15px; } div.comment_odd img, div.comment img { border: 1px solid #fff; margin: 2px; } div.comment_odd a.img, div.comment a.img { float: left; display: block; margin: 0 10px 0 0; width: 66px; height: 66px; background-color: #fff; border: 1px solid #c4c3c4; } div.comment_odd a.img:hover, div.comment a.img:hover { background-color: #688b09; border: 1px solid #688b09; } div.comment_odd div.comment_content, div.comment div.comment_content { float: left; width: 340px; margin: 0; line-height: 14px; } div.comment_odd div.comment_content { color: #777; } div.comment_odd div.comment_content span, div.comment div.comment_content span { display: block; background: none; color: #688b09; font-weight: bold; margin: 0 0 5px 0; } div.comment_odd div.comment_content span a, div.comment div.comment_content span a { color: #688b09; text-decoration: underline; } div.comment_odd div.options, div.comment div.options { clear: both; display: block; list-style: none; margin: 0 0 0 77px; } div.comment_odd div.options img, div.comment div.options img { border: 0; } div.comment_odd { background: #e7eeee url('/assets/images/comment_bg_top_turq.gif') no-repeat top left; } div.comment_odd_bot { clear: both; height: 10px; margin: 0 20px 0 21px; background: #e7eeee url('/assets/images/comment_bg_bot_turq.gif') no-repeat bottom left; } div.no_comments { padding: 10px 20px; color: #a5a4a5; } div.no_comments a { color: #688b09; text-decoration: underline; } /* User Panel -----------------------------------------------------------------------------*/ #primary_content_l h1#profile_head { margin: 0; padding: 17px 20px 4px 20px; font: normal 18px Arial, Helvetica, sans-serif; color: #fff; background: #fff url('../images/bg_profiles_left_headerbg.gif') no-repeat top left; } #primary_content_l #user_panel { padding-bottom: 15px; background: #fff url('../images/bg_profiles_left_bg.gif') no-repeat bottom left; } #primary_content_l #user_panel h2 { clear: both; margin: 10px 15px 0 15px; padding: 5px 0; color: #688b09; font: normal 15px Arial, Helvetica, sans-serif; border-top: 2px dotted #aaaaaa; } #primary_content_l #user_panel img.profile_pic { float: left; padding: 3px; border: 1px solid #cdcdcd; margin: 10px 0 10px 15px; } #primary_content_l #user_panel img { border: 1px solid #fff; margin: 2px; } #primary_content_l #user_panel p { float: left; width: 100px; color: #616061; } #primary_content_l #user_panel a.small_link { color: #da5a10; font-weight: bold; font-size: 10px; text-decoration: none; } #primary_content_l #user_panel a.small_link:hover { text-decoration: underline; } /* Forum -----------------------------------------------------------------------------*/ h3#forum_home { padding: 20px 15px 10px 20px; height: 25px; color: #fff; background: transparent url('/_assets/images/bg_h3_forum_home.gif') no-repeat top left; font: normal 16px Arial, Helvetica, sans-serif; } h3#forum_home span { float: left; margin-top: 5px; } h3#forum_home span strong { margin-left: 10px; font: bold 12px Arial, Helvetica, sans-serif; } h3#forum_home a { float: right; } h3#forum { padding: 20px 15px 10px 20px; height: 25px; color: #fff; background: transparent url('/_assets/images/bg_h3_forum_home.gif') no-repeat top left; font: normal 16px Arial, Helvetica, sans-serif; } h3#forum span { float: left; margin-top: 5px; } h3#forum span strong { margin-left: 10px; font: bold 12px Arial, Helvetica, sans-serif; } h3#forum a { float: right; } #primary_content_r h4 {margin: 0; padding: 5px 15px 5px 20px; font: bold 11px Arial, Helvetica, sans-serif; } #primary_content_r h4 span a { float: left; margin-left: 255px; padding: 7px 7px 0px 0px; color: #777; font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none;} #primary_content_r h4 span a:hover { text-decoration: underline; } #primary_content_r h4.reply_head { margin: 0; padding: 0 5px; color: #688b09; font: bold 16px Arial, Helvetica, sans-serif; } #primary_content_r div.board_content { margin: 0; padding: 10px 15px 1px 15px; background: url('/_assets/images/bg_top_content_r.gif') no-repeat bottom left; } #primary_content_r div.board_content a { color: #688b09 } #primary_content_r div.topic_options { background: url('/_assets/images/bg_top_content_r.gif') no-repeat bottom left; } #primary_content_r ul.n_options { margin: 0 10px 0 12px; padding: 10px 10px 10px 8px; background-color: #eee; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; } #primary_content_r ul.n_options li { list-style: none; display: inline; margin-right: 5px; font-size: 11px; } #primary_content_r ul.n_options li a { padding: 4px 8px 4px 20px; color: #666666; background-color: #ddd; border: 1px solid #d2d2d2; border-top: none; border-left: none; font-weight: normal; text-decoration: none; } #primary_content_r ul.n_options li.add_post a { background: #ddd url('/_assets/images/comment.gif') no-repeat 5% 50%; } #primary_content_r ul.n_options li.report_concern a { background: #ddd url('/_assets/images/concern.gif') no-repeat 5% 50%; } #primary_content_r ul.n_options li a:hover { color: #688b09; text-decoration: none; } #primary_content_r div.board_content_bottom { height: 10px; background: url('/_assets/images/bg_bot_content_r.gif') no-repeat bottom left } #primary_content_r div.board_subject { position: relative; border-bottom: 2px dotted #b8b8b8; margin-bottom: 10px; padding: 0 5px 10px 5px; } #primary_content_r div.board_subject p { float: left; width: 400px; margin: 0; padding: 0; background-color: #fff; } #primary_content_r div.board_subject p a { margin-bottom: 5px; font-size: 16px; display: block; color: #688b09; text-decoration: none; padding: 0; } #primary_content_r div.board_subject p a:hover { text-decoration: underline; } #primary_content_r div.board_subject p em { font-style: normal; font-size:11px; color: #777; } #primary_content_r div.board_subject span { text-align: center; float: left; padding: 12px 0px 0px 10px;} #primary_content_r div.board_subject span strong { display: block; color: #688b09; } #primary_content_r div.board_thread { position: relative; border-bottom: 2px dotted #b8b8b8; margin-bottom: 10px; } #primary_content_r div.board_thread p { float: left; margin: 0; padding: 0; width: 70px; } #primary_content_r div.board_thread p a { display: block; text-align: center; font-size: 11px; color: #688b09; text-decoration: none; } #primary_content_r div.board_thread p img { border: 1px solid #fff; margin: 2px; } #primary_content_r div.board_thread p a.img { float: left; display: block; width: 66px; height: 66px; background-color: #fff; border: 1px solid #c4c3c4; margin-bottom: 10px; } #primary_content_r div.board_thread p a.img:hover { background-color: #688b09; border: 1px solid #688b09; } #primary_content_r div.board_thread span { float: left; width: 385px; margin-left: 10px; } #primary_content_r div.board_thread span strong { display: block; font-size: 12px; color: #688b09; padding-bottom: 5px; } #primary_content_r div.board_thread span em { display: block; font-style: normal; font-weight: bold; font-size: 11px; margin-bottom: 3px; } #primary_content_r div.board_thread span span { display: block; margin: 0 0 10px 0; line-height: 1.4em; } #primary_content_r div.board_thread span a { display: inline; text-align: left; font-size: 11px; color: #688b09; text-decoration: underline; } #primary_content_r div.board_thread span a:hover { text-decoration: underline; } #primary_content_r div.board_thread span strong a.topic_title { font-size: 12px; text-decoration: none; } #primary_content_r div.board_thread span strong a.topic_title:hover { text-decoration: underline; } #primary_content_r div.board_thread span span strong { display: inline; font-size: 11px; color: #777; } #primary_content_r div.board_thread span span em { display: inline; font-size: 11px; font-style: italic; font-weight: normal; } #primary_content_r div.board_thread span span p { width: 385px; margin-top: 10px; font-size: 11px; color: #777; } #primary_content_r div.board_content #reply p { font-size: 11px; color: #777; margin: 0; padding: 15px 5px; } #primary_content_r div.board_content #reply p a { text-decoration: underline; } #primary_content_r div.board_thread ul.options { margin-left: 80px; padding-bottom: 10px; } #primary_content_r div.board_thread ul.options li { list-style: none; display: inline; } #primary_content_r div.board_thread ul.options li a { color: #688b09; font-weight: bold; text-decoration: none; } #primary_content_r div.board_thread ul.options li a:hover { text-decoration: underline; } #primary_content_r div.board_thread ul.options li.read a { padding-left: 8px; background: url('/_assets/images/arrow_green_r.gif') no-repeat 0 50%; } #primary_content_r div.board_thread ul.options li.post a { padding-left: 3px; } #primary_content_r div.board_thread_reply { border-top: 1px solid #ddd; margin-left: 80px; padding: 10px 0px 10px 0px; } #primary_content_r div.board_thread_reply p { float: left; margin: 0; padding: 0; width: 70px; } #primary_content_r div.board_thread_reply p a { display: block; text-align: center; font-size: 11px; color: #688b09; text-decoration: none; } #primary_content_r div.board_thread_reply p img { border: 1px solid #fff; margin: 2px; } #primary_content_r div.board_thread_reply p a.img { float: left; display: block; width: 66px; height: 66px; background-color: #fff; border: 1px solid #c4c3c4; } #primary_content_r div.board_thread_reply p a.img:hover { background-color: #688b09; border: 1px solid #688b09; } #primary_content_r div.board_thread_reply span { float: left; width: 315px; margin-left: 10px; } #primary_content_r div.board_thread_reply span strong { display: block; font-size: 12px; color: #688b09; } #primary_content_r div.board_thread_reply span em { display: block; font-style: normal; font-weight: bold; font-size: 11px; } #primary_content_r div.board_thread_reply span span { margin-left: 0; } #primary_content_r div.board_thread_reply span a { display: inline; text-align: left; font-size: 11px; color: #688b09; text-decoration: underline; } #primary_content_r div.board_thread_reply span span strong { display: inline; font-size: 11px; color: #777; } #primary_content_r div.board_thread_reply span span em { display: inline; font-size: 11px; font-style: italic; font-weight: normal; } #primary_content_r div.board_thread_reply span span p { display: block; width: 335px; margin-top: 10px; font-size: 11px; color: #777; } #primary_content_r div.board_thread_reply span span ul { margin-left: 15px; } #primary_content_r div.board_thread_reply span span ul li { list-style-type: circle; } #primary_content_r div.board_thread_reply span span ul li a { padding-left: 15px; color: #688b09; font-weight: bold; text-decoration: none; } #primary_content_r div.board_thread_reply span span ul li a:hover { text-decoration: underline; } div.board_content #forum_post { color: #555; } div.board_content #forum_post p { color: #555; text-align: right; } div.board_content #forum_post div.section { color: #555; text-align: right; margin: 10px 0; } div.board_content #forum_post textarea, div.board_content #forum_post select { font: normal 12px Arial, Helvetica, sans-serif; } div.board_content #forum_post label { color: #555; font-size: 12px; text-align: right; float: left; width: 70px; margin-right: 5px; } div.board_content #forum_post input.field1, div.board_content #forum_post textarea { font: normal 12px Arial, Helvetica, sans-serif; padding: 5px; width: 355px; color: #333; border: 1px solid #ccc; } div.board_content #forum_post select { padding: 5px; width: 366px; font-weight: bold; background-color: #eee; color: #444; border: 1px solid #ccc; } div.board_content #forum_post textarea { height: 200px; } #primary_content_r div.board_content #forum_reply { color: #555; } #primary_content_r div.board_content #forum_reply p { color: #555; text-align: right; margin: 10px; padding: 0; } div.board_content #forum_reply textarea { font: normal 12px Arial, Helvetica, sans-serif; } #primary_content_r div.board_content #forum_reply label { color: #555; font-size: 12px; text-align: right; float: left; width: 70px; margin-right: 5px; } #primary_content_r div.board_content #forum_reply input.field1, #primary_content_r div.board_content #forum_reply textarea { font: normal 12px Arial, Helvetica, sans-serif; color: #444; padding: 5px; width: 355px; border: 1px solid #ccc; } #primary_content_r div.board_content #forum_reply textarea { height: 200px; } /* Signup -----------------------------------------------------------------------------*/ #account_section { padding: 20px 15px 20px 15px; background: transparent url('/_assets/images/bg_content_long_top.gif') no-repeat top left; } #account_section a { color: #688b09; } #account_section h1 { color: #688b09; margin-bottom: 5px; padding: 7px 10px; font-size: 24px; font-weight: normal; border-bottom: 2px dotted #ccc; } #account_section h1 strong { font-weight: bold; } #account_section h2 { font-size: 14px; padding-left: 10px; } #account_section_bottom { height: 8px; padding: 1px; background: transparent url('/_assets/images/bg_content_long_bot.gif') no-repeat bottom left; } /* Member Signup */ #member_signup { margin: 10px 50px; } #member_signup a { color: #688b09; } #member_signup p { position: relative; } #member_signup label { float: left; width: 155px; margin-right: 5px; padding-top: 3px; font-size: 12px; text-align: right; } #member_signup label em { font-size: 11px; } #member_signup input.checkbox { width: auto; } #member_signup input.field, #account_section input.field { color: #333; padding: 5px 4px 4px 4px; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #ececec; background: #fff url('/_assets/images/form_input_bg.gif') no-repeat top left; } /* Mobile Phone */ #member_signup #mobile_phone { border: none; background: transparent; } #member_signup #mobile_phone label { width: 155px; float: left; padding-top: 3px; font-weight: bold; } #member_signup #mobile_phone div { float: left; width: 275px; } #member_signup #mobile_phone div span { color: #688b09; background: none; line-height: 14px; } /* Interests Checkbox */ #member_signup #interests { border: none; background: transparent; } #member_signup #interests h2 { width: 155px; float: left; margin: 10px 5px 0 0; font-size: 12px; text-align: right; } #member_signup #interests div { float: left; } #member_signup #interests label { float: none; display: inline; } #member_signup #terms_box { width: 360px; margin-left: 160px; padding: 10px 0; } #member_signup #terms { position:relative; overflow: auto; height: 150px; border: 1px solid #ececec; padding: 0 10px; background: #fff url('/_assets/images/form_input_bg.gif') no-repeat top left; } #member_signup #agree { margin: 10px 0; padding: 10px; font-size: 12px; background-color: #eee; } #member_signup select { color: #333; padding: 4px 5px 3px 5px; background: #fff url('/_assets/images/form_input_bg.gif') no-repeat top left; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #f5f5f5; } textarea.field { color: #333; padding: 4px 5px 3px 5px; font: normal 12px Arial, Helvetica, sans-serif; background: #fff url('/_assets/images/form_input_bg.gif') no-repeat top left; border: 1px solid #eee; } /* Member Signin */ #member_signin { margin: 30px 50px; } #member_signin a { color: #688b09; } #member_signin p { position: relative; } #member_signin label { float: left; width: 50px; margin-right: 10px; padding-top: 3px; font-size: 12px; text-align: right; } #member_signin label em { font-size: 11px; } #member_signin input.field, #account_section input.field { color: #333; padding: 5px 4px 4px 4px; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #ececec; background: #fff url('/_assets/images/form_input_bg.gif') no-repeat top left; } /* Profile Search */ div#profile_search { border-top: 2px dotted #92bd40; padding: 10px 10px 8px 25px; } div#profile_search img { float: left; } div#profile_search label.large { float: left; color: #688b09; font-size: 18px; padding-right: 5px; } div#profile_search label.small { float: left; font-size: 12px; padding: 5px 5px; } div#profile_search input.txt_width { float: left; width: 290px; color: #333; padding: 6px 5px 5px 5px; font: normal 12px Arial, Helvetica, sans-serif; border:1px solid #ececec; margin-right: 5px; background: #fff url('/_assets/images/form_input_bg.gif') no-repeat top left; } div#profile_search input.opt_radio { float: left; margin-top: 7px; } div#profile_search input.go_button { float: left; } /* Featured User */ div#featured_user { float: left; width: 386px; min-height: 300px; background: #fff url('/_assets/images/bg_featured_user_profile_bot.gif') no-repeat bottom left; } div#featured_user h2 { padding: 20px 10px 5px 20px; color: #fff; font-weight: normal; background: transparent url('/_assets/images/bg_featured_user_profile_top.gif') no-repeat top left; } div#featured_user div#featured_user_content_l { float: left; width: 148px; margin: 10px 0 15px 0; padding: 0px 0 15px 20px; border-right: 1px solid #ededed; } div#featured_user div#featured_user_content_l h3 { font-size: 16px; color: #688b09; margin-bottom: 5px; padding-right: 10px; } div#featured_user div#featured_user_content_l a.view_pro { display: block; width: 130px; padding: 5px 0; margin: 1px 11px 0 0; color: #688b09; text-align: center; text-decoration: none; } div#featured_user div#featured_user_content_l a.view_pro:hover { color: #fff; background-color: #688b09; } div#featured_user div#featured_user_content_l a.img { display: block; margin: 10px 10px 0 0; padding: 3px; background-color: #fff; border: 1px solid #ddd; width: 122px } /* make sure width is 2px larger than actual image width */ div#featured_user div#featured_user_content_l a.img:hover { padding: 4px; border: none; background-color: #688b09; } div#featured_user div#featured_user_content_l a.img img { border: 1px solid #fff } div#featured_user div#featured_user_content_r { float: left; width: 180px; margin: 10px 0 15px 0; padding: 0 20px 10px 10px; line-height: 18px; font-size: 12px; } div#featured_user div#featured_user_content_r span { color: #688b09; font-weight: bold; } /* Featured Team */ div#featured_team { float: left; width: 383px; min-height: 300px; background: #fff url('/_assets/images/bg_featured_user_profile_bot.gif') no-repeat bottom left; } div#featured_team h2 { padding: 20px 10px 5px 20px; color: #fff; font-weight: normal; background: transparent url('/_assets/images/bg_featured_team_profile_top.gif') no-repeat top left; } div#featured_team div#featured_team_content_l { float: left; width: 148px; margin: 10px 0 15px 0; padding: 0px 0 15px 20px; border-right: 1px solid #ededed; } div#featured_team div#featured_team_content_l h3 { font-size: 16px; color: #688b09; margin-bottom: 5px; padding-right: 10px; } div#featured_team div#featured_team_content_l a.view_pro { display: block; width: 130px; padding: 5px 0; margin: 1px 11px 0 0; color: #688b09; text-align: center; text-decoration: none; } div#featured_team div#featured_team_content_l a.view_pro:hover { color: #fff; background-color: #688b09; } div#featured_team div#featured_team_content_l a.img { display: block; margin: 10px 10px 0 0; padding: 3px; background-color: #fff; border: 1px solid #ddd; width: 122px } /* make sure width is 2px larger than actual image width */ div#featured_team div#featured_team_content_l a.img:hover { padding: 4px; border: none; background-color: #688b09; } div#featured_team div#featured_team_content_l a.img img { border: 1px solid #fff } div#featured_team div#featured_team_content_r { float: left; width: 136px; margin: 10px 0 15px 0; padding: 0 20px 10px 10px; line-height: 18px; font-size: 12px; } div#featured_team div#featured_team_content_r span { color: #688b09; font-weight: bold; } #primary_content_l_profiles { float: left; width: 266px; padding: 5px 0 0 0; } #primary_content_l_profiles h1 { margin: 10px 0 0 20px; font: normal 32px Arial, Helvetica, sans-serif; color: #688b09; } #primary_content_l_profiles img { margin-bottom: 5px; } #primary_content_r_profiles { float: left; width: 504px; min-height: 500px; margin: 5px 0 10px 0; background: #fff url('../images/bg_content_r_bot_profile.gif') no-repeat bottom left; } #primary_content_r_profiles h2 { font: normal 16px Arial, Helvetica, sans-serif; color: #868686; background: #fff url('../images/bg_content_r_top_profile.gif') no-repeat top left; padding: 8px 25px 7px 25px; line-height: 14px; } #primary_content_r_profiles h2.newest { background: #fff url('../images/bg_content_r_top_profile.gif') no-repeat top left; } #primary_content_r_profiles h2.smack { clear: both; margin: 0 1px; background: #fff url('../images/bg_h_talk_smack_profile.gif') no-repeat top left; } #primary_content_r_profiles h2 strong { color: #688b09; } #primary_content_r_profiles #newest_users_block, #primary_content_r_profiles #newest_teams_block { padding: 15px 0 15px 16px; } #primary_content_r_profiles #newest_users_block a { float: left; display: block; margin: 0 15px 15px 0; width: 65px; height: 65px; background-color: #fff; border: 1px solid #cdcdcd; } #primary_content_r_profiles #newest_users_block a:hover { background-color: #688b09; border: 1px solid #688b09; } #primary_content_r_profiles #newest_teams_block a { float: left; display: block; margin: 0 9px 15px 0; width: 152px; height: 103px; background-color: #fff; border: 1px solid #cdcdcd; } #primary_content_r_profiles #newest_teams_block a:hover { background-color: #688b09; border: 1px solid #688b09; } #primary_content_r_profiles #newest_users_block img, #primary_content_r_profiles #newest_teams_block img { margin: 3px; border: 1px solid #fff; } /* Blocks */ #user_panel #friends_block, #user_panel #teams_block, #user_panel #pics_block { margin: 0 15px; } /* Friends Block */ #user_panel #friends_block a { color: #688b09; text-decoration: underline; } #user_panel #friends_block a.view_all { display: block; color: #777; padding: 3px; margin-bottom: 8px; text-decoration: none; } #user_panel #friends_block a.view_all:hover { text-decoration: underline; } #user_panel #friends_block a.img { float: left; display: block; margin: 0 13px 15px 0; width: 60px; height: 60px; background-color: #fff; border: 1px solid #cdcdcd; text-decoration: none; } #user_panel #friends_block a.img:hover { background-color: #688b09; border: 1px solid #688b09; text-decoration: none; } /* Teams Block */ #user_panel #teams_block a { color: #688b09; text-decoration: underline; } #user_panel #teams_block a.view_all { display: block; color: #777; padding: 3px; margin-bottom: 8px; text-decoration: none; } #user_panel #teams_block a.view_all:hover { text-decoration: underline; } #user_panel #teams_block span { display: block; background: none; color: #777; } #user_panel #teams_block a.img { float: left; display: block; margin: 0 13px 15px 0; width: 78px; height: 54px; background-color: #fff; border: 1px solid #cdcdcd; text-decoration: none; } #user_panel #teams_block a.img:hover { background-color: #688b09; border: 1px solid #688b09; text-decoration: none; } /* Pictures Block */ #user_panel #pics_block a.view_all { display: block; color: #777; padding: 3px; margin-bottom: 8px; text-decoration: none; } #user_panel #pics_block a.view_all:hover { text-decoration: underline; } #user_panel #pics_block a.img { float: left; display: block; margin: 0 21px 15px 0; width: 80px; height: 60px; background-color: #fff; border: 1px solid #cdcdcd; } #user_panel #pics_block a.img:hover { background-color: #688b09; border: 1px solid #688b09; } #user_panel #team_info { padding: 10px 15px 0 15px; list-style: none; } #user_panel #team_info li { font-size: 12px; margin-bottom: 5px; list-style: none; } #user_panel #team_info li strong { color: #688b09 } #user_panel #team_info li a { color: #688b09 } /* Primary Content */ #primary_content_r #primary_content_r_top, #primary_content_r #primary_comments_r_top { background: #fff url('/_assets/images/bg_top_content_r.gif') no-repeat top left; } #primary_content_r #primary_content_r_bot, #primary_content_r #primary_comments_r_bot { height: 10px; background: #fff url('/_assets/images/bg_bot_content_r.gif') no-repeat bottom left; } #primary_content_r #primary_content_r_top h3 { font: bold 14px Arial, Helvetica, sans-serif; color: #868686; margin: 0 20px; padding: 20px 5px; line-height: 14px; border-bottom: 2px dotted #aaaaaa; } #primary_content_r #primary_content_r_top h3.survey { font: bold 16px Arial, Helvetica, sans-serif; color: #688b09 !important; margin: 0 20px; padding: 20px 5px 10px 5px; line-height: 14px; border-bottom: 2px dotted #aaaaaa; } #primary_content_r #primary_content_r_top h3 strong.header { float: left; background: none; } #primary_content_r #primary_content_r_top h3 strong.total { float: right; background: none; } #primary_content_r #primary_content_r_top a.back_to_profile { clear: both; display: block; margin: 1px 20px 15px 20px; padding: 4px; text-align: left; color: #688b09; font-weight: bold; text-decoration: none; } #primary_content_r #primary_content_r_top a.back_to_profile:hover { color: #fff; background-color: #688b09; } /* Pictures Links */ #primary_content_r #primary_content_r_top .pictures_wrapper a.img { float: left; display: block; margin: 0 30px 15px 0; background-color: #fff; border: 1px solid #cdcdcd; } #primary_content_r #primary_content_r_top .pictures_wrapper a.img:hover { background-color: #688b09; border: 1px solid #688b09; } /* Friends Links */ #primary_content_r #primary_content_r_top .friends_wrapper a.img { position: relative; float: left; display: block; text-align: center; margin: 0 30px 15px 0; padding-bottom: 5px; width: 112px; height: auto; font-weight: bold; color: #688b09; background-color: #fff; border: 1px solid #cdcdcd; text-decoration: none; } #primary_content_r #primary_content_r_top .friends_wrapper a.img:hover { color: #fff; background-color: #688b09; border: 1px solid #688b09; } #primary_content_r #primary_content_r_top .friends_wrapper a.img span { position: relative; top: 1px; background: none; } #primary_content_r #primary_content_r_top .friends_wrapper a.img strong { position: absolute; top: 88px; left: 3px; width: 96px; display: none; background-color: #222; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; padding: 5px; font-size: 10px; } #primary_content_r #primary_content_r_top .friends_wrapper a.img:hover strong { display: block; } #primary_content_r #primary_content_r_top input.field { color: #333; padding: 5px 4px 4px 4px; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #ececec; background: #fff url('/_assets/images/form_input_bg.gif') no-repeat top left; } #primary_content_r #primary_content_r_top a.img img { border: 1px solid #fff; margin: 2px; } .pictures_wrapper { margin: 0 0 0 35px; } .friends_wrapper { margin: 0 0 0 55px; } .block_user_wrapper { margin: 0 25px; } /* About Survey */ div.about_txt { margin: 0 20px 20px 20px; padding: 10px; line-height: 18px; border-bottom: 2px dotted #aaaaaa; } #about_survey_wrapper { margin: 0 20px; line-height: 18px; } #about_survey_wrapper h4 { height: 17px; padding: 5px 10px; font-size: 14px; color: #fff; background: url('/_assets/images/bg_profile_head.gif') no-repeat top left; } #about_survey_wrapper ul { list-style: none; margin: 8px 10px 10px 10px; } #about_survey_wrapper ul li strong { font-style: normal; margin-right: 2px; } /* Comment Block */ #primary_comments_r_top { margin-top: 5px } #primary_comments_r_top h3 { padding: 20px 20px 5px 20px; color: #688b09 !important; font: normal 20px Arial, Helvetica, sans-serif; } #primary_comments_r_top h3 span { color: #a5a4a5; font: normal 12px Arial, Helvetica, sans-serif; background: none; } #primary_comments_r_top h3 span a { color: #a5a4a5; margin-left: 8px; } /* Comments */ #primary_comments_r_top .comment_odd { margin: 10px 22px 0 21px; padding: 15px 15px 10px 15px; } #primary_comments_r_top .comment { margin: 10px 22px 10px 21px; padding: 15px; } #primary_comments_r_top .comment_odd img, #primary_comments_r_top .comment img { border: 1px solid #fff; margin: 2px; } #primary_comments_r_top .comment_odd p, #primary_comments_r_top .comment p { float: left; width: 350px; margin: 0; line-height: 14px; } #primary_comments_r_top .comment_odd p span, #primary_comments_r_top .comment p span { display: block; background: none; height: auto; color: #688b09; margin-bottom: 5px; } #primary_comments_r_top .comment_odd p span a, #primary_comments_r_top .comment p span a { color: #688b09; text-decoration: underline; font-weight: bold; } #primary_comments_r_top .comment_odd div.options, #primary_comments_r_top .comment div.options { clear: both; display: block; list-style: none; margin: 0 0 0 70px; } #primary_comments_r_top .comment_odd div.options img, #primary_comments_r_top .comment div.options img { border: 0; } #primary_comments_r_top .comment_odd { background: #ececec url('../images/bg_comment_odd_top.gif') no-repeat top left; } #primary_comments_r_top .comment_odd_bot { clear: both; height: 10px; font-size: 10px; margin: 0 22px 10px 21px; background: #ececec url('../images/bg_comment_odd_bot.gif') no-repeat bottom left; } /* Featured Block */ #featured_block { float: left; width: 253px; margin: 0 0 5px 3px; } #featured_block div.featured_box { width: 253px; margin-top: 2px; padding: 14px 0 0 0; background: #fff url('/_assets/images/home_center_box_top_bg.gif') no-repeat top left; } #featured_block div.featured_box .img_header { padding: 0 5px; } #featured_block div.featured_box h3 { text-align: left; font-weight: normal; padding: 1px 10px 7px 10px; font-size: 17px; line-height: 14px; background: transparent url('/_assets/images/home_h3_bg.gif') no-repeat bottom center; } #featured_block div.featured_box h3 strong { color: #688b09; } #featured_block div.featured_box .img_thumb { float: left; margin: 7px 7px 0 9px; padding: 4px; border: 1px solid #e2e1e2; background-color: #fff; } #featured_block div.featured_box .img_thumb:hover { padding: 1px; border: 4px solid #688b09; background-color: #fff; } #featured_block div.featured_box p { margin: 10px 10px 0 0; color: #818181; font-size: 10px; line-height: 12px; } #featured_block div.featured_box p span { display: block; text-align: center; margin-top: 5px; } #featured_block div.featured_box a { color: #688b09; text-decoration: none; } #featured_block div.featured_box a:hover { text-decoration: underline; } #featured_block div.featured_box_bottom { clear: both; font-size: 0; height: 12px; background: #fff url('/_assets/images/home_center_box_bot_bg.gif') no-repeat bottom left; } /* Middle Column ---------------------------------------------------------------------------*/ #primary_content_mid { float: left; width: 254px; margin: 0 0 0 4px; } #primary_content_mid h4 { font-size: 20px; color: #688b09; padding: 10px 5px; border-bottom: 2px dotted #dbdadb; } #primary_content_mid h4 span { color: #688b09; font-size: 11px; font-weight: normal; padding: 0; } #primary_content_mid h4 span a { color: #688b09; text-decoration: underline; } #primary_content_mid #user_intro { padding: 15px 0; border-bottom: 2px dotted #dbdadb; margin-bottom: 10px } /* User Intro */ #user_intro img { float: left; padding: 4px; border: 1px solid #cdcdcd; margin-right: 8px; } #user_intro ul { float: left; width: 115px; list-style: none; } #user_intro ul li { margin-bottom: 5px; font-size: 11px; } #user_intro ul li.intro { font-size: 18px; color: #688b09; margin-bottom: 0; } #user_intro ul li.username { font-size: 14px; font-weight: bold; color:#688b09; margin-bottom: 10px; } #user_intro ul li.option { margin-bottom: 2px; } #user_intro ul li a { color: #688b09; font-size: 11px; text-decoration: underline; } /* Personal Activity */ #personal_activity { padding-bottom: 15px; background: #e8e8e8 url('/_assets/images/members_mid_bg_bot.gif') no-repeat bottom left; } #personal_activity a { color: #688b09; text-decoration: underline; } #personal_activity h5 { padding: 8px 12px; font-size: 14px; color: #626262; } #personal_activity h5.top { background: #e8e8e8 url('/_assets/images/members_mid_bg_sec.gif') no-repeat top left; } #personal_activity ul { list-style: none; padding: 10px 20px 10px 30px; border-top: 2px dotted #fff; border-bottom: 2px dotted #fff; } #personal_activity ul.bottom { list-style: none; padding: 10px 20px 10px 30px; border-top: 2px dotted #fff; border-bottom: none; } #personal_activity ul li { padding: 4px 0; } #personal_activity ul li strong { color: #688b09; font-size: 12px; } #personal_activity ul li.messages { padding-left: 20px; background: transparent url('/_assets/images/mem_icon_messages.gif') no-repeat 0 50%; } #personal_activity ul li.comments { padding-left: 20px; background: transparent url('/_assets/images/mem_icon_comments.gif') no-repeat 0 50%; } #personal_activity ul li.friend_requests { padding-left: 20px; background: transparent url('/_assets/images/mem_icon_friends.gif') no-repeat 0 50%; } #personal_activity ul li.event_invites { padding-left: 20px; background: transparent url('/_assets/images/mem_icon_events.gif') no-repeat 0 50%; } /* Option Links */ #primary_content_mid h5.view_edit { padding: 8px 8px 0 12px; margin-top: 10px; background: #e8e8e8 url('/_assets/images/members_mid_bg_sec.gif') no-repeat top left; } #primary_content_mid h5.box_head { padding: 8px 8px 5px 12px; margin-top: 10px; background: #e8e8e8 url('/_assets/images/members_mid_bg_sec.gif') no-repeat top left; } #primary_content_mid h5.box_middle { padding: 8px 8px; border-top: 2px dotted #fff; margin-left: -8px; margin-bottom: 8px; border-bottom: 2px dotted #fff; font-size: 14px; color: #626262; } #primary_content_mid h5 span { float: left; width: 150px; font-size: 14px; } #primary_content_mid h5 a { float: right; display: block; text-align: right; width: 65px; color: #688b09; font-size: 10px; margin-top: 2px; text-decoration: underline; font-weight: normal; } #primary_content_mid div.view_edit_bottom { height: 8px; font-size: 8px; background: #e8e8e8 url('/_assets/images/members_mid_bg_bot.gif') no-repeat bottom left; } /* Friends Block */ #primary_content_mid div.box_list { padding: 10px 0 20px 10px; background: #e8e8e8 url('/_assets/images/members_mid_bg_bot.gif') no-repeat bottom left; border-top: 2px dotted #fff; } #primary_content_mid div.box_list a { float: left; display: block; width: 53px; margin: 0 6px 5px 0; color: #72b0cc; text-decoration: none; } #primary_content_mid div.box_list a img { } #primary_content_mid div.box_list a:hover { display: block; color: #fff; background-color: #72b0cc; text-decoration: none; } #primary_content_mid div.box_list a span { display: block; color: #72b0cc; text-align: center; text-decoration: none; width: 53px; word-wrap: break-word; overflow: auto; border-top: 1px solid #e8e8e8; } #primary_content_mid div.box_list a:hover span { color: #fff; } #primary_content_mid div.box_list a.teams { float: left; display: block; width: 72px; margin: 0 5px 5px 0; color: #72b0cc; text-decoration: none; } #primary_content_mid div.box_list a.teams:hover span { color: #fff; } #primary_content_mid div.box_list a.teams span { display: block; color: #72b0cc; text-align: center; text-decoration: none; width: 72px; word-wrap: break-word; overflow: auto; border-top: 1px solid #e8e8e8; } /* Edit Profile -----------------------------------------------------------------------------*/ #edit_profile h3 { float: left; width: 150px; text-align: right; margin-right: 5px; font-size: 14px } #edit_profile h4 { float: left; width: 150px; text-align: right; margin: 0 5px 5px 0; padding-bottom: 3px; color: #688b09; font-size: 16px; } #edit_profile h5 { float: left; width: 150px; text-align: right; margin: 0 5px 5px 0; padding-bottom: 3px; font-size: 12px; } #edit_profile p { clear: both } #edit_profile p#required { float: left; width: 150px; text-align: right; margin: 0 5px 5px 0; padding-bottom: 3px; color: #688b09; font-size: 12px; } #edit_profile div.option_box { float: left; width: 325px; background-color: #e8e8e8; padding: 10px; margin-bottom: 5px; } #edit_profile div.option_box_2 { position: relative; left: 155px; width: 325px; background-color: #e8e8e8; padding: 10px; margin-bottom: 5px; } #edit_profile div.option_box span { float: left; margin-right: 3px; } #edit_profile div.option_box_2 span { margin-right: 3px; } #edit_profile div.option_box input, #edit_profile div.option_box_2 input { display: inline; margin: 3px 3px 0 0; } #edit_profile div.option_box label, #edit_profile div.option_box_2 label { display: inline; margin-right: 5px; } #edit_profile p label { float: left; width: 150px; margin-right: 5px; text-align: right; font-size: 12px; } #edit_profile input.field { width: 335px; color: #333; padding: 5px 4px 4px 4px; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #f5f5f5; background: #fff url('/_assets/images/form_input_bg.gif') no-repeat top left; } #edit_profile select { color: #333; padding: 4px 5px 3px 5px; background: #fff url('/_assets/images/form_input_bg.gif') no-repeat top left; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #f5f5f5; } #edit_profile textarea { width: 335px; height: 80px; color: #333; padding: 5px 4px 4px 4px; font: normal 12px Arial, Helvetica, sans-serif; background: #fff url('../images/form_input_bg.gif') no-repeat top left; border: 1px solid #f5f5f5; } #edit_profile .multiple_box { width: 340px; height: 150px; color: #333; padding: 4px 5px 3px 5px; background: #fff url('/_assets/images/form_input_bg.gif') no-repeat top left; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #f5f5f5; } /* Mobile Phone */ #edit_profile #mobile_phone { border: none; background: transparent; clear: both; } #edit_profile #mobile_phone label { width: 150px; float: left; text-align: right; margin-right: 5px; font-size: 12px;} #edit_profile #mobile_phone div { float: left; width: 275px; } #edit_profile #mobile_phone div span { color: #688b09; background: none; line-height: 14px; } /* Interests Checkbox */ #edit_profile #interests { border: none; background: transparent; clear: both; } #edit_profile #interests h2 { width: 160px; float: left; font-size: 12px; font-weight: normal; } #edit_profile #interests div { float: left; } #edit_profile #interests label { float: none; display: inline; } /* Mail Inbox -----------------------------------------------------------------------------*/ h2#member_head { color: #777; font: bold 16px Arial, Helvetica, sans-serif; background: #fff url('../images/h_bg_mail.gif') no-repeat top left; margin-top: 5px; padding: 10px 15px 10px 15px; } h2#member_head a { font-size: 12px; font-weight: normal; color: #688b09; } h2#member_head span { font-size: 11px; font-weight: normal; color: #777; } /* Message */ div.message_content { width: 490px; padding: 10px 10px 3px 10px; background: #fff url('/_assets/images/message_bg_top.gif') no-repeat top left; } /* div.message_content a: { color: #ea5000; text-decoration: none; } */ div.message_content a:link, div.message_content a:visited { color: #688b09; text-decoration: underline; } div.message_content span.to { float: left; width: 320px; } div.message_content span.to strong { font-size: 14px; color: #688b09; } div.message_content span.date { float: left; } div.message_content input.delete { float: right; } /*div.blurbFull a.img { float: left; width: 57px; margin: 10px 10px 0 0; padding: 3px; border: 1px solid #ddd; } */ div.blurbFull a.img { float: left; display: block; margin: 10px 10px 0 0; padding: 3px; background-color: #fff; border: 1px solid #ddd; width: 59px } /* make sure width is 2px larger than actual image width */ div.blurbFull a.img:hover { padding: 4px; border: none; background-color: #688b09; } div.blurbFull a.img img { border: 1px solid #fff } div.blurbFull div { float: left; width: 375px; margin-top: 10px; } div.message_content a.btn_small, div.message_content a.btn_medium, div.message_content a.btn_large { display: block; height: 20px; padding: 6px 5px 6px 5px; text-align: center; color: #688b09; font-weight: bold; border: none; text-decoration: none; } div.message_content a.btn_small:hover, div.message_content a.btn_medium:hover, div.message_content a.btn_large:hover { text-decoration: none; } div.message_content a.btn_small:visited, div.message_content a.btn_medium:visited, div.message_content a.btn_large:visited { text-decoration: none; } a.btn_small { width: 56px; background: transparent url('/_assets/images/btn_bg_small.gif') no-repeat left top; } a.btn_medium { width: 125px; background: transparent url('/_assets/images/btn_bg_medium.gif') no-repeat left top; } a.btn_large { } div.message_bottom { width: 510px; height: 11px; margin-bottom: 10px; background: #fff url('/_assets/images/message_bg_bot.gif') no-repeat top left; } #primary_content_r div.album_block { float: left; width: 230px; padding: 10px 0 15px 20px; } /*#primary_content_r div.album_block:hover { background-color: #feedf3; cursor: pointer;}*/ #primary_content_r div.album_block span { display: block; margin-bottom: 5px; padding-left: 15px; background: url('/_assets/images/grn_arrow_down.gif') no-repeat 0 5px; font-size: 12px; } #primary_content_r div.album_block span a { display: block; color: #688b09; font-size: 14px; text-decoration: none; } #primary_content_r div.album_block span a:hover { text-decoration: underline; } /*#primary_content_r div.album_block:hover span a { text-decoration: underline; }*/ #primary_content_r div.album_block a.img { float: left; width: 102px; padding: 2px; border: 1px solid #ddd; } #primary_content_r div.album_block a.img:hover { border: 1px solid #688b09; background-color: #688b09; } /*#primary_content_r div.album_block:hover a.img { border: 1px solid #688b09; background-color: #688b09; }*/ #primary_content_r div.album_block img { border: 1px solid #fff; } #primary_content_r div.album_block p { float: left; margin: 20px 0 0 10px; font-size: 11px; line-height: 14px; width: 100px; color: #777; } #primary_content_r div.album_block p a { display: block; color: #688b09; text-decoration: none; } #primary_content_r div.album_block p a:hover { text-decoration: underline; } /* Photo Block */ #primary_content_r #photo_block { padding-left: 15px; } #primary_content_r #photo_block h2 { margin: 10px 0; font: normal 16px Arial, Helvetica, sans-serif; color: #7e2345; } #primary_content_r #photo_block h2 strong { font: bold 22px Arial, Helvetica, sans-serif; } #primary_content_r #photo_block p { color: #777;margin: 0 0 10px 0; } #primary_content_r #photo_block p a { font-size: 14px; color: #7e2345; padding: 3px 18px 3px 0; background: url('/assets/images/icon_slideshow.gif') no-repeat 100% 50%; text-decoration: none; } #primary_content_r #photo_block p a:hover { text-decoration: underline; } #primary_content_r #photo_block a.img { float: left; width: 102px; margin: 0 12px 12px 0; padding: 2px; border: 1px solid #ddd; } #primary_content_r #photo_block a.img:hover { border: 1px solid #688b09; background-color: #688b09; } #primary_content_r #photo_block img { border: 1px solid #fff; } /* Slideshow Block */ #primary_content_r #slideshow_block { padding-left: 5px; } #primary_content_r #slideshow_block a { color: #688b09; text-decoration: none; } #primary_content_r #slideshow_block a:hover { text-decoration: underline; } #primary_content_r #slideshow_block h2 { margin: 10px 0; font: normal 16px Arial, Helvetica, sans-serif; color: #688b09; } #primary_content_r #slideshow_block h2 strong { font: bold 22px Arial, Helvetica, sans-serif; } #primary_content_r #slideshow_block img { border: 1px solid #fff; } #primary_content_r #slideshow_block div { margin-top: 5px; padding-right: 7px; } #primary_content_r #slideshow_block div a { float: left; } #primary_content_r #slideshow_block div span { float: right; text-align: right; } #primary_content_r #slideshow_block div span strong { display: block; } #primary_content_r #slideshow_block ul { clear: both; margin: 15px 0; text-align: center; } #primary_content_r #slideshow_block ul li { list-style: none; display: inline; margin-right: 5px; } #primary_content_r #slideshow_block ul li a { font-weight: bold; padding: 3px 0 3px 19px; } #primary_content_r #slideshow_block ul li#add a { background: url('/assets/images/icon_add_purp.gif') no-repeat 0 50%; } #primary_content_r #slideshow_block ul li#send a { background: url('/assets/images/icon_email_purp.gif') no-repeat 0 50%; } #primary_content_r #slideshow_block ul li#download a { background: url('/assets/images/icon_dl_purp.gif') no-repeat 0 50%; } #primary_content_r #slideshow_block ul li#view a { background: url('/assets/images/icon_view_purp.gif') no-repeat 0 50%; } #primary_content_r #pagination { clear: both; padding: 10px 20px 20px 20px; color: #777; font-size: 11px; } #primary_content_r #pagination li { list-style: none; float: left; padding: 1px; } #primary_content_r #pagination li a { color: #688b09; text-decoration: none; border: 1px solid #fff; padding: 1px 2px; } #primary_content_r #pagination li a:hover { color: #688b09; border: 1px solid #e9d8e2; background: #eef0eb url('/_assets/images/white_px.gif') repeat-x top left; } #primary_content_r #pagination li a.active { color: #688b09; font-weight: bold; text-decoration: none; border: 1px solid #e3e9d8; background: #eef0eb url('/_assets/images/white_px.gif') repeat-x top left; } /* Comments */ #photo_comments { clear: both; width: 515px; padding: 15px 0; margin-top: 10px; background: #fff url('/_assets/images/bg_top_content_r.gif') no-repeat top left; } #photo_comments_bottom { width: 518px; height: 12px; background: #fff url('/_assets/images/bg_bot_content_r.gif') no-repeat bottom left; } #photo_comments h3 { padding: 5px 20px 5px 25px; color: #688b09; font: normal 20px Arial, Helvetica, sans-serif; } #photo_comments h3 span { color: #7f7e7f; font: normal 12px Arial, Helvetica, sans-serif; background: none; } #photo_comments h3 span a { color: #7f7e7f; margin-left: 8px; text-decoration: underline; } /* New Gallery (added by Blake 10/9/07) -----------------------------------------------------------------------------*/ /* Removes dotted links in FireFox */ a { outline: none; } #slideShowBlock { margin-left: 0; } #slideShowBlock h2 { margin-bottom: 10px; } #largeBlock { position: relative; width: 100%; /*height: 480px;*/ min-height: 375px; background: url('/_assets/images/loader.gif') no-repeat 50% 50%; text-align: center; } #thumbnailBlock { position: relative; } #thumbnailBlock ul { width: 503px; float: left; list-style: none; padding: 2px 0 0 2px; border: 1px solid #ddd; background: #eee; margin: 10px 0 0 5px; max-height: 220px; min-height: 30px; overflow: auto; } #thumbnailBlock ul li { float: left; width: 23px; margin: 0 2px 2px 0; } #thumbnailBlock ul li a { display: block; width: 21px; height: 21px; padding: 1px; border: 1px solid #ccc; filter:alpha(opacity=50); -moz-opacity: .50; opacity: .50; cursor: pointer; } #thumbnailBlock ul li a:hover, #thumbnailBlock ul li a.selected { border-color: #999; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; cursor: pointer; } #thumbnailBlock ul li a.selected { border-color: #688b09; } #previewBlock { position: absolute; /*width: 100%; */ /*height: 79px;*/ left: 40%; top: -76px; text-align: center; z-index: 3000; /*padding-bottom: 6px; background: url('/assets/images/arrow-photo-preview.gif') no-repeat bottom center;*/ } #previewBlock img { /*width: 100px; height: 75px; */ padding: 1px; margin: 0; border: 1px solid #ccc; background-color: #eee; } #sendToFriendForm { display: none; width: 500px; position: absolute; bottom: 0; left: 0; color: #777; background-color: #eee; padding:10px; text-align: left; } #sendToFriendForm p { margin: 0; } #sendToFriendForm a { color: #688b09; font-size: 11px; } #sendToFriendForm #formContainer, #sendToFriendForm #responseMessage { padding: 20px; background-color: #fff; border: 1px solid #ddd; } #sendToFriendForm form h3 { color: #688b09; font: bold 18px Helvetica, Arial, sans-serif; letter-spacing: -1px; background-color: #fff; } #sendToFriendLeft { float: left; width: 220px; } #sendToFriendLeft input, #sendToFriendForm form textarea { border: 1px solid #ddd; width: 190px; padding: 5px 3px; margin-bottom: 3px; font: normal 12px Helvetica, Arial, sans-serif; color: #333; } #sendToFriendRight { float: left; width: 220px; } #sendToFriendForm form label { display: block; font-size: 11px; color: #777; margin-bottom: 2px; } #closeSend { position: absolute; top: -22px; left: 450px; display: block; width: 50px; color: #688b09; font-size: 11px; text-decoration: none; padding: 8px 10px 8px 10px; background-color: #eee; } #closeSend strong { text-decoration: none; } #closeSend:hover { color: #688b09; } #closeSend:hover strong { text-decoration: underline; } #galleryControls { text-align: center; padding: 10px 0; margin-top: 10px; } #galleryEmailImage { float: left; width: 110px; text-align: left; margin-left: 8px; padding-top: 10px; } #galleryEmailImage a { font-size: 11px; padding: 3px 0 3px 19px; color: #777; background: url('/_assets/images/email_friend.gif') no-repeat 0 50%; text-decoration: none; } #galleryEmailImage a:hover { text-decoration: underline; color: #688b09; } #galleryPlayOptions { float: left; width: 270px; } #galleryPrintImage { float: left; width: 110px; text-align: right; padding-top: 10px; } #galleryPrintImage a { font-size: 11px; padding: 3px 0 3px 19px; color: #777; background: url('/_assets/images/print_photo.gif') no-repeat 0 50%; text-decoration: none; } #galleryPrintImage a:hover { text-decoration: underline; color: #777; } #addResult { color: #777; } #loadingMessage { font-size: 11px; display: block; padding: 3px 0 3px 20px; background: #fff url('/_assets/images/ajax-loader.gif') no-repeat 0 50%; color: #688b09; } .volunteer { margin: 15px 0 0 30px; } .volunteer li { margin-bottom: 10px; } /* FAQS */ div.faqs p em { display: block; color: #688b09; font-weight: bold; font-style: normal} div.faqs p a { color: #688b09; text-decoration: underline } div.faqs ul { margin: 0 0 15px 0; padding-bottom: 15px; border-bottom: 2px dotted #aaaaaa } div.faqs ul li { list-style: none; } div.faqs ul li a { color: #688b09; font-size: 12px; } div.faqs ul li a:hover { text-decoration: underline; } /* Advanced Search Form ------------------------------------------------------------------------------- */ #advanced_search { } #advanced_search div { margin: 5px 0; padding: 10px; background-color: #eee; } #advanced_search h3 { color: #222; font-size: 16px; margin-bottom: 5px; } #advanced_search h4 { color: #222; font-size: 14px; margin-bottom: 5px; padding-left: 10px; text-transform: uppercase; } #advanced_search h5 { display: inline; color: #333; font-size: 12px; margin: 0 5px 5px 0; } #advanced_search input { margin-right: 5px; } #advanced_search input.keyword_field { width: 704px; padding: 10px; border-top: 1px solid #ddd; border-left: none; border-right: none; border-bottom: none; font: bold 18px Arial, Helvetica, sans-serif; color: #333; letter-spacing: -1px; } #advanced_search label { margin: 5px 0; } #advanced_search div div { padding: 10px; background-color: #ddd; border-bottom: 1px solid #ccc; } #advanced_search div div.keyword_option { margin: 0; padding: 10px; background-color: #ddd; border-bottom: 1px solid #ccc; } #advanced_search div div label { margin-right: 5px; } #advanced_search input.search_button { padding: 3px 5px; font: bold 11px Arial, Helvetica, sans-serif; color: #333; text-transform: uppercase; } /* Members Browse & Search Block ---------------------------------------------------------------------- */ #search_results { width: 750px; padding: 20px 15px 5px 15px; margin-left: 3px; background: url('/assets/images/browse_bg_top.gif') no-repeat top left; } #search_results .title { float: left; font-size: 16px; margin-bottom: 10px; padding-left: 5px; } #search_results .title strong { color: #688b09; } #search_results .filter { float: right; margin-bottom: 10px; } #search_results_form { clear: both; padding: 10px 0 5px 0; } #search_results_form a#search_options { float: none; display: inline; padding: 3px; border: none; color: #688b09; text-decoration: underline; } #search_results_form a:hover#search_options { background-color: #688b09; color: #fff; text-decoration: none; } #search_results_content { clear: both; padding: 15px 0 0 5px; } #search_results_content a { float: left; display: block; padding: 2px; color: #777; border: 1px solid #ddd; text-decoration: none; } #search_results_content a.member { margin: 0 15px 25px 0; } #search_results_content a.team { margin: 0 30px 30px 0; } #search_results_content a:hover { background-color: #688b09; border: 1px solid #688b09; color: #fff; } #search_results_content a img { border: 1px solid #fff; } #search_results_content a span { display: block; margin-top: 5px; text-align: center; } /* Error Box -----------------------------------------------------------------------------*/ div.error { margin: 10px 7px 10px 2px; padding: 10px 20px; color: #993333; background: #f17a5f url('/assets/images/error_bg.gif') repeat; } div.error h3 { padding-left: 20px; font-size: 16px; background: url('/assets/images/icon_error_box.gif') no-repeat 0 50%; } div.error ul { list-style-type: disc; margin: 5px 0 0 45px; } div.error ul li { margin-bottom: 2px; } /* Tooltips -----------------------------------------------------------------------------*/ .tool-tip { color: #777; width: 151px; z-index: 13000; } .tool-title { min-height: 10px; font-weight: bold; font-size: 12px; margin: 0; color: #688b09; padding: 10px 15px 4px 35px; background: url('/_assets/images/tooltip_bg_top.png') top left; } .tool-text { min-height: 15px; font-size: 11px; padding: 4px 15px 20px 35px; background: url('/_assets/images/tooltip_bg_bot.png') bottom left; } .custom-tip { color: #000; width: 130px; z-index: 13000; } .custom-title { font-weight: bold; font-size: 11px; margin: 0; color: #3E4F14; padding: 8px 8px 4px; background: #C3DF7D; border-bottom: 1px solid #B5CF74; } .custom-text { font-size: 11px; padding: 4px 8px 8px; background: #CFDFA7; } /* Style your tooltips with css */ /* Simple */ .tip { color: #777; width: 151px; z-index: 13000; } .tip .title { min-height: 10px; font-weight: bold; font-size: 12px; margin: 0; color: #688b09; padding: 10px 15px 4px 35px; background: url('/assets/images/tooltip_bg_top.png') top left; } .tip .content { min-height: 15px; font-size: 11px; padding: 4px 15px 20px 35px; background: url('/_assets/images/tooltip_bg_bot.png') bottom left; } /* Tooltip with a border and fixed width */ .borderedTip { width: 200px; } .borderedTip .title { border: 5px solid #999999; border-bottom: none; padding: 5px; font: italic 17px Georgia, serif; display: block; background: #606060; color: #fff; } .borderedTip .content { font-size: 11px; padding: 10px; background: #808080; color: #fff; border: 5px solid #999999; border-top: none; } /* Form Field Hints -----------------------------------------------------------------------------*/ /* The hint to Hide and Show */ .hint { display: none; position: absolute; left: 520px; width: 200px; color: #ccc; font-size: 11px; margin-top: 0px; padding: 10px 12px; /* to fix IE6, I can't just declare a background-color, I must do a bg image, too! So I'm duplicating the pointer.gif image, and positioning it so that it doesn't show up within the box */ background: #555 url('/_assets/images/pointer.gif') no-repeat -10px 5px; } /* The pointer image is hadded by using another span */ .hint .hint-pointer { position: absolute; left: -10px; top: 5px; width: 10px; height: 19px; background: url('/_assets/images/pointer.gif') left top no-repeat; } /* Advertising Column (Sponsors) -----------------------------------------------------------------------------*/ #sponsor_right { float: left; text-align: center; width: 135px; padding-bottom: 10px; background: transparent url('/_assets/images/sad_bg_bot.gif') no-repeat bottom left; min-height: 500px; } #sponsor_right h4 { padding: 0; width: 135px; background: url('/_assets/images/sad_bg_top.gif') no-repeat top left; text-indent: -9999px; } #primary_content div#ad_728x90 { text-align: center; padding: 15px; background: #fff url('/_assets/images/bg_large_ad.gif') no-repeat top left; } /* Footer -----------------------------------------------------------------------------*/ #footer { text-align: center; min-height: 59px; color: #fff; background: transparent url('/_assets/images/bg_footer.png') no-repeat 0 0; font-size: 11px; } #footer ul { list-style: none; width: auto; padding-top: 10px; } #footer ul li { display: inline; padding: 0 7px 0 4px; border-right: 1px solid #fff; } #footer ul li.last { border-right: none; } #footer ul li a { color: #fff; font-weight: bold; text-decoration: none; } #footer ul li a:hover { text-decoration: underline; } #footer p { clear: both; padding-top: 20px; } /* Forms -----------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset { border: 1px solid transparent; } /* Tables -----------------------------------------------------------------------------*/ table { border-spacing: 0; border-collapse: collapse; } td { font-weight: normal; } /* Various Classes -----------------------------------------------------------------------------*/ .small_grn_link { display: block; padding: 3px 2px; font-size: 11px; } .big_btn { margin-bottom: 5px; padding: 5px; color: #444; font-size: 14px; font-weight: bold; } .grey_box { background-color: #eee; border: 1px solid #ddd; padding: 20px; margin: 10px 0; } .grey_box a { color: #688b09; } .grey_box a:hover { text-decoration: underline } #account_section .grey_box h2 { font-size: 16px; margin-bottom: 3px; padding: 0; } /* profile image */ a.profile_image_57, a.profile_image_120 { float: left; display: block; margin: 0 10px 0 0; background-color: #fff; border: 1px solid #cdcdcd; } a.profile_image_57:hover, a.profile_image_120:hover { background-color: #688b09; border: 1px solid #688b09; } a.profile_image_57 { width: 63px; height: 63px; } a.profile_image_120 { width: 126px; height: 126px; } input.btn_small, input.btn_medium, input.btn_large { height: 29px; padding: 4px 5px 6px 5px; text-align: center; color: #688b09; font: bold 11px Arial, Helvetica, sans-serif; border: none; cursor: pointer; text-transform: lowercase; } input.btn_small { width: 66px; background: transparent url('/_assets/images/btn_bg_small.gif') no-repeat left top; } input.btn_medium { width: 135px; background: transparent url('/_assets/images/btn_bg_medium.gif') no-repeat left top; } input.btn_large { } a.btn_small, a.btn_small_gray, a.btn_medium, a.btn_medium_gray, a.btn_large, a.btn_large_gray { display: block; height: 20px; padding: 6px 5px 6px 5px; text-align: center; color: #688b09; font-weight: bold; border: none; text-decoration: none; } /* a.btn_small:hover, a.btn_medium:hover, a.btn_large:hover { text-decoration: none; } a.btn_small:visited, a.btn_medium:visited, a.btn_large:visited { text-decoration: none; } */ a.btn_small { width: 56px; background: transparent url('/_assets/images/btn_bg_small.gif') no-repeat left top; } a.btn_medium { width: 125px; background: transparent url('/_assets/images/btn_bg_medium.gif') no-repeat left top; } a.btn_large { } a.btn_small_gray { color: #888888; width: 56px; background: transparent url('/_assets/images/btn_bg_small.gif') no-repeat left top; } a.btn_medium_gray { color: #888888; width: 125px; background: transparent url('/_assets/images/btn_bg_medium.gif') no-repeat left top; } a.btn_large_gray { } #messages input.field { width: 335px; color: #333; padding: 5px 4px 4px 4px; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #f5f5f5; background: #fff url('/_assets/images/form_input_bg.gif') no-repeat top left; } #messages select { color: #333; padding: 4px 5px 3px 5px; background: #fff url('/_assets/images/form_input_bg.gif') no-repeat top left; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #f5f5f5; } #messages textarea { width: 335px; height: 80px; color: #333; padding: 5px 4px 4px 4px; font: normal 12px Arial, Helvetica, sans-serif; background: #fff url('../images/form_input_bg.gif') no-repeat top left; border: 1px solid #f5f5f5; } div.pagination { text-align: right; padding: 0 10px 5px 0; margin: 3px 0 0 0; color: #777; } div.pagination a { padding: 1px 3px 1px 3px; margin: 0; text-decoration: underline; color: #688b09; } div.pagination a:hover, div.pagination a:active { background-color: #688b09; color: #fff; text-decoration: none; } div.pagination span.current { padding: 1px 3px 1px 3px; margin: 0; font-weight: bold; color: #555; } div.pagination span.disabled { padding: 1px 3px 1px 3px; margin: 0; color: #ddd; } /* Tell a Friend */ #tell_friend label { float: left; width: 160px; margin-right: 5px; text-align: right; } #tell_friend input.field { width: 277px; padding: 4px 5px 3px 5px; border: 1px solid #eee; font: normal 12px Arial, Verdana, sans-serif; background: #fff url('../images/form_input_bg.gif') no-repeat top left;} #tell_friend textarea { font: normal 12px Arial, Verdana, sans-serif; width: 277px; height: 100px; border: 1px solid #eee; color: #333; padding: 4px 5px 3px 5px; background: #fff url('../images/form_input_bg.gif') no-repeat top left;} .go_btn_top { width: 31px; height: 22px; text-indent: -9999px; font-size: 10px; background: transparent url('/_assets/images/btn_go_2.png') no-repeat 0 0; border: none; cursor: pointer; } /* share */ #share { padding: 3px; text-align: center; } #share a { color: #797979; text-decoration: none; } #share a img { vertical-align: middle; } #share a:hover { text-decoration: underline; }