/* CSS Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,blockquote,fieldset { padding: 0; margin: 0; }
/* global body */
body { background: #fff url('/images/ms/web_bg.png') repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; }
.brand { color: #ff0000 !important; }
.smaller{ font-size: .8em; }
a img { border: 0; }
a { color: #666; }
a:hover { color: #888; }
.hidden { display: none; }
.noborder { border: 0 !important; }
.paddme { padding: 30px }
.feature_chk_list > li { margin: 0; padding: 10px 0 10px 30px; list-style-type: none; background: transparent url("/images/ms/check.png") no-repeat 10px 10px; }
.feature_chk_list > li > ul > li { padding: 10px 0 0 0; margin-left: 20px; list-style-type: disc; }
.feature_chk_list { padding: 5px 0 20px; }
#webinar_info { overflow: auto }
#webinar_details { float: left; width: 275px; padding: 0 30px 0 15px; font-size: 12px; }
#webinar_details > h4 { font-size: 16px; padding: .5em 0 1em 0 }
#webinar_details > p { margin-bottom: 1em; line-height: 16px; }
#webinar_registration_form { font-size: 12px; display: block; float: right; width: 260px; padding: 0 0 0 9px; border-left: 1px #ddd solid; }
#webinar_registration_form .btn_fancy { display: block; text-align: center; padding: 5px 0; margin: 0; width: 245px; }
#webinar_registration_form > .formfields > div > label { display: inline-block; width: 110px; padding: 0 0 5px 0; color: #666; font-weight: bold; }
#webinar_registration_form > .formfields > div > input,
#webinar_registration_form > .formfields > div > select { width: 240px; padding: 5px; border: 1px #ccc solid; }
#webinar_registration_form > .formfields > div > select { width: 250px; }
#webinar_registration_form > .formfields > div { padding: 5px 5px 10px 5px; clear: both; position: relative; }
#webinar_registration_form > .formfields > div > label.error { position: absolute; top: 7px; right: 3px; font-size: 10px; padding: 0 0 0 7px; color: #ff0000; width: 90%; text-align: right; font-weight: normal; }
#webinar_registration_form > .formfields > div > input.error,
#webinar_registration_form > .formfields > div > select.error { border-color: #ff9999; }
.form_focus { background-color: #f5f5f5; }
/* header */
#header { background: transparent url('/images/ms/nvbg.png') no-repeat; width: 960px; height: 45px; margin: 18px auto 0 auto; overflow: hidden; }
#header #logo { width: 137px; height: 45px; float: left; }
#header #logo > a { display: block; width: 137px; height: 45px; background: transparent url('/images/ms/nvi2.png') no-repeat; text-indent: -9999px; overflow: hidden; }
#header > #nav { display: block; height: 45px; overflow: hidden; }
#header > #nav > li { list-style-type: none; display: block; }
#header > #nav > .main { float: left; width: 137px; height: 45px; }
#header > #nav > #nav_blog,
#header > #nav > #nav_blog a { width: 138px; }
#header > #nav > .main > a { display: block; width: 137px; height: 45px; text-indent: -9999px; overflow: hidden; background: transparent url('/images/ms/nvi2.jpg') no-repeat; }
#header > #nav > #nav_tour > a { background-position: -137px 0; }
#header > #nav > #nav_feat > a { background-position: -274px 0; }
#header > #nav > #nav_buzz > a { background-position: -411px 0; }
#header > #nav > #nav_blog > a { background-position: -548px 0; }
#header > #nav > #nav_login { float: right; width: 76px; height: 33px; margin: 0 6px 0 0; }
#header > #nav > #nav_login > a { display: block; width: 76px; height: 33px; overflow: hidden; text-indent: -9999px; background: transparent url('/images/ms/login_home.png') no-repeat; margin: 6px 0; }
#header > #nav > #nav_signup { float: right; width: 178px; height: 33px; margin: 0 6px 0 0; }
#header > #nav > #nav_signup > a { display: block; width: 178px; height: 33px; overflow: hidden; text-indent: -9999px; background: transparent url('/images/ms/pricing_signup.png') no-repeat; margin: 6px 0; }
#header > #nav > #nav_signup > a:hover,
#header > #nav > #nav_login > a:hover { background-position: 0 -33px; }
#header > #nav > #nav_tour > a:hover { background-position: -137px -45px; }
#header > #nav > #nav_feat > a:hover { background-position: -274px -45px; }
#header > #nav > #nav_buzz > a:hover { background-position: -411px -45px; }
#header > #nav > #nav_blog > a:hover { background-position: -548px -45px; }
#header > #nav > #nav_tour > a:active { background-position: -137px -90px; }
#header > #nav > #nav_feat > a:active { background-position: -274px -90px; }
#header > #nav > #nav_buzz > a:active { background-position: -411px -90px; }
#header > #nav > #nav_blog > a:active { background-position: -548px -90px; }
#header > #nav > #nav_tour.current > a { background-position: -137px -135px !important; }
#header > #nav > #nav_feat.current > a { background-position: -274px -135px !important; }
#header > #nav > #nav_blog.current > a { background-position: -548px -135px !important; }
/*** HOME PAGE STYLES ***/
/* splash area */
#splash_body { padding: 35px 0 30px 0; background: transparent url('/images/ms/splash_bg.png') 50% 271px no-repeat; }
#homepage #splash_body { background-position: 50% -10px; }
#tourpage #splash_body { width: 960px; margin: 0 auto; }
#splash_main { width: 900px; height: 300px; margin: 0 auto; position: relative; }
#homepage #splash_main { width: 965px; height: 330px; }
#splash_main > img { position: absolute; bottom: 0; right: 0; }
#splash_main > .video-link { display:block;position:absolute;bottom:0;right:0;text-indent:-999px;overflow:hidden;width:599px;height:328px;background:transparent url(/images/ms/play_button.png) 50% -114px no-repeat }
#splash_main > .video-link:hover{background-position:50% 106px}
#splash_main > .actions { position: absolute; bottom: 5px; left: 0; }
#splash_main > .actions p { padding: 5px 0 0 0; font-size: 11px; text-align: center; }
#splash_main > .actions p a { color: #666; }
#splash_main > .actions p a:hover { color: #888; }
#splash_main > p { width: 345px; font-size: 13px;line-height: 18px; padding: 0 0 28px 0; letter-spacing: -.04em; }
#splash_body #testimonials { width: 960px; border-top: 1px #d7d7d7 solid; border-bottom: 1px #d7d7d7 solid; padding: 20px 0; margin: 25px auto 0 auto; display: block; position: relative; height: 85px }
#splash_body #testimonials li { display: none; position: absolute; list-style-type: none }
#splash_body #testimonials li:first-child { display: block; }
#splash_body #testimonials li .brand { font-style: normal; font-family: Arial, sans-serif;font-weight:bold }
#splash_body #testimonials p { font-family: Georgia, serif; font-style: italic; font-size: 18px; width: 800px; margin: 0 auto; color: #000; line-height: 28px; text-align: center; padding: 0 70px; }
#splash_body #testimonials p.contributor { font-size: 14px; color: #666; text-align: right; padding: 0 40px 0 0; }
#splash_main > p,
#splash_main h1,
#homepage #splash_main h2,
#splash_main h2,
#splash_main h3 { margin-left: 10px; }
#homepage #splash_main h2,
#splash_main h3 { font-size: 18px; color: #333; letter-spacing: -.03em; line-height: 22px; padding: 13px 0 5px 0; font-weight: normal; width: 360px; }
#homepage #splash_main > h2 > sup,
#splash_main > h3 > sup { font-size: 8px; }
#homepage #splash_main > h1,
#splash_main > h2 { color: #000; font-size: 24px; letter-spacing: -.05em; padding: 20px 0 0 0 }
#homepage #splash_main > h1 > em,
#tourpage #splash_main > h2 > em { display: block; font-style: normal; font-size: 30px; letter-spacing: -.05em }
#try_it_free { display: block; width: 256px; height: 61px; background: transparent url('/images/ms/try_it_free.png') no-repeat; padding: 15px 0 15px 90px; text-decoration: none;}
#try_it_free > span { display: block; font-size: 15px; letter-spacing: -.04em; color: #666; text-shadow: 1px 1px 0 #fff }
#try_it_free > .action { color: #000; font-size: 28px; font-weight: bold; letter-spacing: -.03em; }
#try_it_free > .details { letter-spacing: -.03em; }
#try_it_free:hover { background-position: 0 -91px; }
/* pitch materials */
#pitch_materials { width: 960px; overflow: auto; margin: 0 auto; }
/* selling points */
#selling_points > #point_manage,
#selling_points > #point_customize,
#selling_points > #point_organize { width: 232px; padding-right: 23px; }
#selling_points > #point_suggested { float: right; height: 229px; width: 164px; background: transparent url('/images/ms/dashboard_for.png') no-repeat; padding: 0 15px 20px 15px; position: relative; }
#homepage #selling_points > #point_suggested > h3,
#selling_points > #point_suggested > h4 { font-size: 16px; }
#selling_points > #point_suggested > .action { display: block; position: absolute; bottom: 12px; left: 12px; width: 170px; height: 37px; background: transparent url('/images/ms/dashboard_for_btn.png') no-repeat; text-align: center; line-height: 37px; font-weight: bold; color: #333; text-shadow: 1px 1px 0 #fff; text-decoration: none; }
#selling_points > #point_suggested > .action:hover { background-position: 0 -37px; color: #000; }
#selling_points > li { list-style-type: none; display: block; float: left; height: 145px; }
#homepage #selling_points > li > h3,
#selling_points > li > h4 { font-size: 15px; color: #000; padding: 20px 0 10px 2px; }
#selling_points > li > img { float: left; padding: 0 7px 0 0 }
#selling_points > li > p { padding: 5px 0 0 0; line-height: 13px; font-size: 11px; }
#selling_points > li > ul { display: block; padding-left: 15px; }
#selling_points > li > ul > li { list-style-position: inside; list-style-type: disc; line-height: 15px; font-size: 11px; }
/* video and web */
#pitch_videos { float: left; border-top: 1px #f1f1f1 solid; width: 750px; overflow: auto }
#pitch_videos > div { float: left; position: relative; min-height: 90px; padding: 35px 25px 0 95px; width: 250px; }
#pitch_videos > div > a,
#pitch_videos > div > img { position: absolute; top: 33px; left: 0 }
#homepage #pitch_videos > div > h3,
#pitch_videos > div > h4 { color: #000; font-size: 16px; letter-spacing: -.01em }
#pitch_videos > div > p { font-size: 11px; line-height: 16px }
#pitch_videos > div > p > a { color: #666; }
#pitch_videos > div > p > a:hover { color: #888; }
/*** TOUR STYLES ***/
#tourpage { background: #f7f7f7 !important; }
#tourpage #container { width: 964px; margin: 0 auto 20px auto; background: #fff url('/images/ms/tour_container_bg.png') repeat-y; }
#tourpage h1 { font-size: 30px; width: 950px; margin: 0 auto; padding: 30px 0 20px 10px; color: #888; text-shadow: 1px 1px #fff; }
.tour_wrapper { padding: 32px; }
.tour_wrapper * { position: relative; }
#tour_promo { padding-bottom: 20px; background:transparent url('/images/ms/tour_container_bg_b.png') no-repeat bottom center; }
#tour_header { border-bottom: 1px #d6d6d6 solid; padding-bottom: 0; background: transparent url('/images/ms/tour_container_bg_t.png') no-repeat; }
#tour_intro { border-bottom: 1px #f1f1f1 solid; height: 359px; }
#tour_intro > h2 { color: #000; font-size: 35px; letter-spacing: -.03em; width: 275px; margin: 0 0 15px 0; }
#tour_intro > p { font-size: 16px; line-height: 24px; width: 260px; letter-spacing: -.01em; }
#tour_intro > img { position: absolute; right: -30px; bottom: 0; }
#tour_intro .video_spot { position: absolute; left: 0; bottom: 30px; }
#tour_intro .video_spot > h3{ font-size: 14px; color: #000; font-weight: normal; letter-spacing: -.01em; margin: 0 0 5px 0; }
#tour_nav { overflow: auto; padding: 20px 0 30px 0; }
#tour_nav > div { width: 280px; padding: 0 0 0 30px; float: left; }
#tour_nav > div:first-child { padding: 0; }
#tour_nav > div > h3 { color: #000; font-size: 13px; letter-spacing: -.01em; font-weight: normal; padding: 0 0 5px 80px; height: 74px; line-height: 70px; }
#tour_nav > div > p { font-size: 12px; line-height: 18px; letter-spacing: -.01em; }
#tour_nav > div .btn_fancy { padding-left: 20px; padding-right: 20px; margin-top: 25px; }
#tour_nav > .organize > h3 { background: transparent url('/images/ms/tour_lico.gif') no-repeat; }
#tour_nav > .follow_up > h3 { background: transparent url('/images/ms/tour_clico.gif') no-repeat; }
#tour_nav > .customize > h3 { background: transparent url('/images/ms/tour_gico.gif') no-repeat; }
#tour_nav > .form_b > h3 { background: transparent url('/images/ms/tour_clico.gif') no-repeat; }
#tour_sections { border-top: 1px #fff solid; background: transparent url('/images/ms/tour_sections.gif') repeat-x; width: 896px; margin: 0 auto; padding-bottom: 20px; }
#tour_sections > div > h2 { font-size: 20px; color: #000; letter-spacing: -.01em; }
#tour_sections > div p { line-height: 24px; color: #333; font-size: 12px; margin-bottom: 20px; }
#tour_sections > #organize { height: 536px; margin-bottom: 80px; }
#tour_sections > #organize > h2 { padding: 25px 0 20px 0; }
#tour_sections > #organize > h3 { color: #333; }
#tour_sections > #organize > img { position: absolute; bottom: 0; right: -32px; z-index: 999; }
#tour_sections > #organize > p { width: 445px; }
#tour_sections > #organize > .screenshots { width: 440px; height: 115px; background: transparent url('/images/ms/tour_organize_screenshots.png') no-repeat; position: absolute; left: 0; bottom: 5px; padding: 17px 0 0 0; }
#tour_sections > #organize > .screenshots > a { position: absolute; top: 14px; left: 7px; z-index: 100; }
#tour_sections > #organize > .screenshots > h3 { font-size: 15px; color: #333; letter-spacing: -.01em; padding: 12px 0 5px 188px; }
#tour_sections > #organize > .screenshots > p { color: #666; font-size: 11px; line-height: 20px; padding-left: 188px; }
#tour_sections > #organize > .screenshots > h3,
#tour_sections > #organize > .screenshots > p { width: 235px; }
#tour_sections > #follow_up { height: 527px; margin-bottom: 55px; }
#tour_sections > #follow_up > img { position: absolute; bottom: 0; left: -32px; z-index: 999; }
#tour_sections > #follow_up > p { padding: 0 0 0 545px; }
#tour_sections > #follow_up > h2 { padding: 30px 0 20px 545px; }
#tour_sections > #follow_up > p,
#tour_sections > #follow_up > h2 { width: 345px; }
#tour_sections > #follow_up > .screenshots { overflow: auto; position: absolute; bottom: 15px; right: 0 }
#tour_sections > #follow_up > .screenshots > h3 { display: none; }
#tour_sections > #follow_up .screenshot { float: left; width: 165px; padding-left: 30px; }
#tour_sections > #follow_up .screenshot > p { padding: 5px 0 0 10px; font-size: 11px; color: #666; font-style: italic; }
#tour_sections > #customize > .description { padding: 25px 0 0 97px; background: transparent url('/images/ms/gico.jpg') no-repeat 0 25px; min-height: 90px; }
#tour_sections > #customize > .description > p { width: 620px; }
#tour_sections > #customize > h2 { padding: 0 0 0 5px; }
#tour_sections > #customize > .screenshots { overflow: auto; padding: 25px 0 0 0; left: -21px; width: 924px; }
#tour_sections > #customize .screenshot { width: 215px; float: left; padding-left: 16px; }
#tour_sections > #customize .screenshot > h3 { padding: 0 0 15px 5px; font-size: 15px; color: #000; letter-spacing: -.01em; }
#tour_sections > #customize .screenshot > p { padding: 15px 0 0 8px; color: #666; letter-spacing: -.01em; line-height: 20px; }
#form_builder { height: 345px; margin: 0 auto; width: 920px; padding: 20px 20px; background-color: #f5f5f5; position: relative; border-top: 1px #e1e1e1 solid; border-bottom: 1px #e1e1e1 solid; }
#form_builder > img { position: absolute; bottom: 0; left: 0px; z-index: 999; }
#form_builder > p { padding: 0 0 0 545px; line-height: 24px; color: #333333; font-size: 12px; margin-bottom: 20px; }
#form_builder > h2 { padding: 10px 0 20px 545px; text-shadow: 1px 1px 0 #fff; font-size: 20px; color: #000000; letter-spacing: -0.01em; }
#form_builder > p,
#form_builder > h2 { width: 345px; }
#form_builder > .screenshots { width: 370px; height: 115px; background: transparent url('/images/ms/form_builder_screenshots_bg.png') no-repeat; position: absolute; right: 25px; bottom: 20px; padding: 17px 0 0 0; }
#form_builder > .screenshots > a { position: absolute; top: 14px; left: 7px; z-index: 100; }
#form_builder > .screenshots > h3 { font-size: 15px; color: #333; letter-spacing: -.01em; padding: 12px 0 5px 178px; }
#form_builder > .screenshots > p { color: #666; font-size: 11px; line-height: 20px; padding-left: 178px; }
#form_builder > .screenshots > h3,
#form_builder > .screenshots > p { width: 180px; }
/*** BLOG STYLES ***/
#mainblog { background: #f7f7f7; }
#mainblog * { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif }
#blog_container { width: 960px; margin: 20px auto; overflow: auto; background-color: #fff; border-right: 1px #ebebeb solid; border-bottom: 1px #ebebeb solid; }
#post_container { width: 685px; float: left; }
#blog_sidebar { width: 275px; float: right; background: transparent url('/images/ms/rtcol_gradient.png') 0 120px no-repeat; }
#blog_sidebar .sidebar_content { border-left: 1px #fff solid; }
#blog_title { height: 120px; background: #e8e8e8 url('/images/ms/tlftc.jpg') no-repeat; position: relative; border-right: 1px #dbdbdb solid }
#blog_title h1 { width: 185px; height: 69px; text-indent: -9999px; overflow: hidden; background: transparent url('/images/ms/dblog.png') no-repeat; position: absolute; top: 25px; left: 30px; }
#blog_title .slogan { position: absolute; top: 50px; right: 55px; font-weight: lighter; font-size: 18px; color: #999 }
#blog_title .slogan em { font-style: normal; color: #666 }
#blog_sidebar .sidebar_search { height: 120px; background: transparent url('/images/ms/sponsor_bkg.jpg') 100% 0 no-repeat; text-align: center; }
#blog_sidebar .sidebar_search form { display: block; padding-top: 45px; }
#blog_sidebar .sidebar_search input { width: 160px; font-size: 12px; color: #ccc; border: 1px #ccc solid; padding: 5px; font-weight: lighter }
#blog_sidebar .sidebar_search input:focus { color: #666; border-color: #999 }
#blog_sidebar .sidebar_content_container { border-left: 1px #fff solid; min-height: 400px }
#blog_sidebar .sidebar_content { width: 238px; border: 1px #d8d8d8 solid; border-top: none !important; margin: 0 0 0 17px; text-align: center; }
#blog_sidebar .sidebar_content .section { padding-bottom: 25px; font-size: 12px; text-align: left; width: 90%; margin: 0 auto; }
#blog_sidebar h2 { border-top: 1px #eee solid; margin: 0 auto; color: #000; font-weight: lighter; font-size: 16px; padding: 30px 0 5px 10px; letter-spacing: 0 }
#blog_sidebar h2.first { padding-top: 0 !important; border-top: none !important; }
#blog_sidebar .sidebar_content li { display: block; list-style-type: none; line-height: 16px; padding: .5em 0 .5em 10px; font-weight: lighter }
#blog_sidebar .sidebar_content p { line-height: 22px; padding: .5em 0 .5em 10px; }
.tweet { padding: 5px 0 0 0; text-align: left; font-size: 12px; }
.tweet_list > li { clear: both; position: relative; line-height: 18px !important; }
.tweet_time { display: block; line-height: 22px; padding: 0 0 0 35px; }
.tweet_time a { color: #000; font-size: 11px; text-decoration: none; font-style: italic }
.tweet_time a:hover { color: #666; text-decoration: underline }
.tweet_text { display: block; padding-left: 35px; text-align: left; }
.tweet_avatar { position: absolute; display: block; padding: 2px; border: 1px #ccc solid; vertical-align: middle }
#blog_posts { padding: 30px 55px 20px 40px; border-left: 1px #ebebeb solid; border-right: 1px #ebebeb solid }
.blog_post { padding-bottom: 40px; }
.blog_post .post_title { float: left; width: 590px; padding: 0 0 5px 0; text-transform: capitalize }
.blog_post .post_title h2 { font-size: 30px; color: #ff0000; letter-spacing: 0px; line-height: 40px; font-weight: lighter; }
.blog_post .post_title h2 a { color: #ff0000; text-decoration: none; text-shadow: 1px 1px 1px #ddd }
.blog_post .post_title h2 a:hover { color: #ff6600; text-decoration: underline; }
.blog_post .post_meta { display: block; padding: 10px 0; overflow: auto; font-size: 11px; color: #666 }
.blog_post .post_meta li { display: block; float: left; padding: 5px 10px; border-left: 1px #d8d8d8 solid }
.blog_post .post_meta li:first-child { border-left: none; padding-left: 0; }
.post_content { line-height: 20px; clear: both; color: #444; line-height: 18px; font-size: 13px; }
.post_content p { padding-bottom: 1em; }
.post_content li { margin-left: 20px; padding-bottom: 1em }
.post_content img { max-width: 575px; height: auto; display: block; }
h3#comments, h3#respond { padding: 30px 0 15px 0; font-weight: lighter; color: #000 }
h3#comments { border-top: 1px #ccc dotted; margin-top: 20px; }
.commentlist { font-weight: lighter; font-size: 12px; }
.commentlist li { position: relative; list-style-type: none; display: block; padding: 1em; }
.commentlist > li { border: 1px #d5d5d5 solid; border-left-width: 5px; margin: 0 0 5px 0 }
.commentlist > li.alt { border-color: #e5e5e5 }
.commentlist li cite { font-style: normal; color: #000; display: block; padding: 0 0 5px 0 }
.commentlist li cite a { color: #ff0000; text-decoration: none; }
.commentlist li cite a:hover { color: #ff6600; text-decoration: underline; text-shadow: 1px 1px 1px #ddd }
#commentform { font-size: 12px; font-weight: lighter; }
#commentform label { display: block; padding: 5px 0; }
#commentform input { margin: 0 0 1em 0; width: 300px; border: 1px #ccc solid; padding: 5px; color: #ccc; }
#commentform textarea { width: 350px; font-size: 12px; padding: 5px; border: 1px #ccc solid; color: #ccc; margin: 0 0 1em 0; }
#commentform textarea:focus, #commentform textarea:active, #commentform input:focus, #commentform input:active { border-color: #999; color: #666 }
#commentform button { margin: 10px 0 0 0 }
.extend_list { line-height: 20px; padding: .5em; }
/*** FOOTER STYLES ***/
/* footer navigations */
#foot_nav { width: 960px; border-top: 1px #efefef solid; border-bottom: 1px #efefef solid; overflow: auto; padding: 12px 0; margin: 0 auto; font-size: 12px; color: #666; }
#foot_nav_main { display: block; float: left; }
#foot_nav_extra { display: block; float: right; }
#foot_nav a { text-decoration: none; color: #666; }
#foot_nav a:hover { text-decoration: underline; }
#foot_nav > ul > li { display: block; list-style-type: none; float: left; border-left: 1px #666 solid; padding: 0 11px; line-height: 12px; height: 12px; }
#foot_nav > ul > li:first-child { border-left: none; }
#foot_nav > ul > li > .title { float: left; }
#nav_social { display: block; float: left; margin: -2px 0 0 0; }
#nav_social > li { display: block; list-style-type: none; width: 16px; height: 16px; float: left; margin: 0 0 0 5px; }
#nav_social > li > a { display: block; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden; }
#nav_social > li > a:hover { background-position: 0 -16px; }
#nav_social_facebook > a { background: transparent url('/images/ms/facebook_16.png') no-repeat 0 0; }
#nav_social_twitter > a { background: transparent url('/images/ms/twitter_16.png') no-repeat 0 0; }
/* footer */
#footer { text-align: center; padding: 11px 0 20px 0; }
#footer a { text-decoration: none; color: #ccc; }
#footer a:hover { text-decoration: underline; }
#footer > p { padding: 0 0 7px 0; font-size: 12px; line-height: 12px; }
#legal { display: block; line-height: 11px; color: #ccc; height: 11px; }
#legal > li { display: inline; list-style-type: none; border-left: 1px #ccc solid; padding: 0 0 0 5px; font-size: 11px; }
#legal > li:first-child { border-left: none; padding: 0 2px 0 0; }
/*** FANCY PANTS CSS BUTTONS ***/
.btn_fancy, .btn_fancy:visited { margin: 0; background: #ddd url('/images/ms/alert-overlay.png') repeat-x; display: inline-block; padding: 2px 8px; color: #444 !important; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 1px 1px #FFFFFF; position: relative; cursor: pointer; font-size: 12px; letter-spacing: .3px; border: 1px solid #aaa; font-weight: bold; }
.btn_fancy:hover { background-color: #ff4000; border: 1px solid #ff4000; background-position: 0 -40px; color: #fff !important; text-shadow: 0 -1px 0 #bb4000; -moz-box-shadow: 0 1px 0 #bb4000;text-decoration: none !important; }
.btn_fancy:active { -moz-box-shadow: 0 -1px 0 #994000; }
.btn_fancy.lg { margin: 0 0 1px; font-size: 16px; }