/*GLOBAL STYLES*/ #footnotes_debug { display:none; } body,html { height:100%; } body { padding:0; margin:0; font-family: Helvetica,Arial,Verdana,sans-serif; background-color:#bcc1c4; } #wrapper { min-width:878px; width:100%; min-height:100%; } #wrapper #container { position:relative; min-height:100%; } #wrapper .inner_wrap { width:970px; margin:0 auto; position:relative; } #wrapper #header { z-index:2; position:relative; background:url(/images/header/nav_bar.png) center top no-repeat; width:100%; } body.admin #wrapper #header, #wrapper #header.signup { background-image:url(/images/header/nav_bar_admin.png); } #wrapper #header .inner_wrap { height:65px; width:930px; } #wrapper #header #logo_bird { left:0; position:absolute; float:left; margin-left:20px; background:url(/images/page/big_bird.png) bottom left no-repeat; display:block; width:89px; height:50px; } #wrapper #header h1 { float:left; height:25px; width:180px; margin:15px 35px 0 92px; background:url(/images/header/paratweet_logo.png) top left no-repeat; } #wrapper #header h1 a { display:block; height:100%; width:100%; text-decoration:none; } #wrapper #header h1 a span { visibility:hidden; } #wrapper #header ul { top:0; margin:0; padding:0; position:absolute; bottom:0; right:.5px; list-style:none; width:auto; right:0.5px; } body.admin #wrapper #header ul, body #wrapper #header ul.admin { right:.5px; } #wrapper #header ul li { display:block; float:left; height:59px; position:relative; outline:none; } #wrapper #header ul li span { height:25px; position:absolute; width:100%; top:16px; left:0; display:block; background-position: center -25px; background-repeat:no-repeat; } #wrapper #header ul li a { position:relative; display:block; text-indent:-99999em; width:100%; height:100%; margin:auto; z-index:2; outline:none; } #wrapper #header ul li:hover { height:59px; display:block; background-color:#94dbef; background-image:none; } #wrapper #header ul li.last:hover { height:59px; display:block; background-color:transparent; background-image:url(/images/header/nav_bar_selected_last.png); } #wrapper #header ul li:hover span { background-position:center 0; } #wrapper #header ul li.selected { background-color:#94dbef; background-image:none; } #wrapper #header ul li.selected span { background-position:center 0; } #wrapper #header ul li.last.selected { background-position:right top; background-color:transparent; background-image:url(/images/header/nav_bar_selected_last.png); } #wrapper #header ul li#nav_info { width:112px; margin:0 1px; } #wrapper #header ul li#nav_info span { background-image:url(/images/header/nav_info.png); } #wrapper #header ul li#nav_signup { width:143px; margin:0 1px; } #wrapper #header ul li#nav_signup span { background-image:url(/images/header/nav_signup.png); } #wrapper #header ul li#nav_login { width:122px; margin:0 0 0 1px; } #wrapper #header ul li#nav_login span { background-image:url(/images/header/nav_login.png); } #wrapper #header ul li#nav_events { width:119px; margin:0 1px; } #wrapper #header ul li#nav_events span { background-image:url(/images/header/nav_events.png); } #wrapper #header ul li#nav_account { width:159px; margin:0 1px; } #wrapper #header ul li#nav_account span { background-image:url(/images/header/nav_account.png); } #wrapper #header ul li#nav_help { width:102px; margin:0 1px; } #wrapper #header ul li#nav_help span { background-image:url(/images/header/nav_help.png); } #wrapper #header ul li#nav_logout { width:122px; margin:0 0 0 1px; } #wrapper #header ul li#nav_logout span { background-image:url(/images/header/nav_logout.png); } /* general static page styles */ body #wrapper #main_content { position:relative; width:100%; float:left; padding-bottom:110px; } body #wrapper #main_content .inner_wrap { /*padding-bottom:110px;*/ padding-bottom:0; } body #wrapper #main_content ul li.long_tab.deselected { opacity:.5; filter: alpha(opacity=50); -moz-opacity: 0.5; height:48px; width:180px; background:url(/images/page/tab_white_top_long_no_shdw.png) top center no-repeat; } body #wrapper #main_content ul li.short_tab.deselected { opacity:.5; filter: alpha(opacity=50); -moz-opacity: 0.5; height:48px; width:145px; background:url(/images/page/tab_white_top_no_shdw.png) top center no-repeat; } body #wrapper #main_content ul li.shorter_tab.deselected { opacity:.5; filter: alpha(opacity=50); -moz-opacity: 0.5; height:48px; width:120px; background:url(/images/page/tab_white_top_short_no_shdw.png) top center no-repeat; } body #wrapper #main_content ul li.long_tab.selected { /*opacity:1; filter: alpha(opacity=100); -moz-opacity: 1;*/ background:url(/images/page/tab_white_top_long.png) top center no-repeat; width:180px; } body #wrapper #main_content ul li.short_tab.selected { /*opacity:1; filter: alpha(opacity=100); -moz-opacity: 1;*/ background:url(/images/page/tab_white_top.png) top center no-repeat; width:145px; } body #wrapper #main_content ul li.shorter_tab.selected { /*opacity:1; filter: alpha(opacity=100); -moz-opacity: 1;*/ background:url(/images/page/tab_white_top_short.png) top center no-repeat; width:120px; } body #wrapper .center_box { margin:25px auto; width:546px; } body #wrapper .center_box .content { background:url(/images/page/content_container.png) bottom center no-repeat; position:relative; float:left; width:100%; position:relative; } body #wrapper .notice { width:500px; padding:15px; display:block; position:relative; background-color:#d1ffcc; border:solid 1px #91ddaa; clear:both; display:block; position:relative; margin:20px auto 0; } body #wrapper .error { width:500px; padding:15px; display:block; position:relative; background-color:#ffdad8; border:solid 1px #ddaa91; clear:both; display:block; position:relative; margin:20px auto 0; color:#880000; } body #wrapper .error a, body #wrapper .notice a { color:#4E7CC4; } .qtip-active { opacity:.95; filter: alpha(opacity=95); -moz-opacity: 0.95; } /**** HOME PAGE ****/ body #wrapper #main_content.pages #home_page_wrap { margin:0 auto; } body #wrapper #home_page_wrap h2 { display:block; margin:10px auto; width: 598px; height:30px; } body #wrapper #home_page_wrap h2 span { visibility:hidden; } body #wrapper #home_page_wrap .top { height:50px; } body #wrapper #home_page_wrap .top span { visibility:hidden; } body #wrapper #home_page_wrap .content { } body #wrapper #home_page_wrap #gallery { clear:both; height:400px; margin:15px auto; width:944px; display:block; } body #wrapper #home_page_wrap #gallery .clicker { overflow:hidden; z-index:2; position:relative; outline:none; cursor:pointer; margin-top:134px; float:left; width:80px; height:88px; } body #wrapper #home_page_wrap #gallery #click_left { background:url(/images/page/left_click.png) left bottom no-repeat; } body #wrapper #home_page_wrap #gallery #click_right { background:url(/images/page/right_click.png) left bottom no-repeat; } body #wrapper #home_page_wrap #gallery .clicker:hover { background-position: left top!important; } body #wrapper #home_page_wrap #gallery #imgcontainer { margin-right:-10px; margin-left:-10px; z-index:1; position:relative; float:left; overflow:hidden; display:block; height:372px; width:804px; } body #wrapper #home_page_wrap #gallery #imgcontainer #img_inner_container { margin-left:10px; left:0; position:absolute; float:left; } body #wrapper #home_page_wrap #gallery #imgcontainer .mask { z-index:2; position:absolute; top:0; left:0; float:left; overflow:hidden; display:block; background:url(/images/page/home_page_image_bg.png) top left no-repeat; height:372px; width:804px; } body #wrapper #home_page_wrap #gallery .gallery { z-index:1; top:11px; width:784px; height:350px; background:#fff; position:relative; } body #wrapper #home_page_wrap .col { float:left; } body #wrapper #home_page_wrap .col h3 { height:22px; text-indent:-99999px; } body #wrapper #home_page_wrap .col ul { margin-left:15px; } body #wrapper #home_page_wrap .col ul li { color:#494949; margin-bottom:4px; font-size:13px; } body #wrapper #home_page_wrap #col1 { width:270px; margin:10px 10px 10px 19px; } body #wrapper #home_page_wrap #col1 h3 { width:92px; background:url(/images/page/type_events_dark.png) top left no-repeat; } body #wrapper #home_page_wrap #col2 { width:280px; margin:10px 10px 10px 50px; } body #wrapper #home_page_wrap #col2 h3 { width:163px; background:url(/images/page/type_conferences_dark.png) top left no-repeat; } body #wrapper #home_page_wrap #col3 { float:right; width:270px; margin:10px 19px 10px 10px; } body #wrapper #home_page_wrap #col3 h3 { width:124px; background:url(/images/page/type_churches_dark.png) top left no-repeat; } /* info pages */ body #wrapper #main_content.pages h2.line { display:block; margin:15px auto 0; width: 655px; height:33px; } body #wrapper #main_content.pages h2.line span { visibility:hidden; } body #wrapper #main_content.pages { } body #wrapper #main_content.pages ul#info_nav { padding-top:50px; background:url(../images/page/type_info.png) top left no-repeat; position:absolute; margin:15px 0 0 55px; list-style:none; width:125px; z-index:1; } body #wrapper #main_content.pages ul#info_nav li { font-size:14px; font-weight: bold; font-cursor:pointer; float:left; width:100%; margin: 1px 0;} body #wrapper #main_content.pages ul#info_nav li a { outline:none; display:block; text-decoration:none; width:100%; color:#fff; padding:4px 5px; } body #wrapper #main_content.pages ul#info_nav li a:hover { background-color:#2ebbe4; } body #wrapper #main_content.pages ul#info_nav li.selected { background-color:#2ebbe4; } body #wrapper #main_content.pages .info_content { position:relative; z-index:2; float:right; width:755px; margin-top:10px; margin-right:45px; } body #wrapper #main_content.pages .info_content #basics { } body #wrapper #main_content.pages .info_content #pricing { display:none; } body #wrapper #main_content.pages .info_content #faqs { display:none; } body #wrapper #main_content.pages .info_content #tech_info { display:none; } body #wrapper #main_content.pages .info_content #privacy { display:none; } body #wrapper #main_content.pages .info_content #terms { display:none; } body #wrapper #main_content.pages .info_content .content_top { width:755px; height:25px; background:url(/images/page/content_top_round.png) top left no-repeat; float:left; } body #wrapper #main_content.pages .info_content .content_mid { min-height:100px; width:755px; background:url(/images/page/content_mid.png) top left repeat-y; float:left; } body #wrapper #main_content.pages .info_content .content_bottom { width:755px; height:25px; background:url(/images/page/content_bottom_round.png) top left no-repeat; float:left; } body #wrapper #main_content.pages .info_content .padded_container { padding:0px 30px 0px 30px; margin-top:-12px; } body #wrapper #main_content.pages .info_content p { font-size: 13px; margin:0; line-height: 1.25; padding-bottom:8px; color:#222; } body #wrapper #main_content.pages .info_content h2 { font-size: 21px; font-weight: bold; color:#222; } body #wrapper #main_content.pages .info_content h3 { clear:both; font-size: 18px; margin-top: 8px; margin-bottom: 13px; color:#222; } body #wrapper #main_content.pages .info_content h4 { font-size: 14px; margin-bottom: 2px; color:#222; } body #wrapper #main_content.pages .info_content a { color: #2ebbe4; } body #wrapper #main_content.pages .info_content a:hover { background-color:#2ebbe4; color: #fff; text-decoration: none; } body #wrapper #main_content.pages .info_content img { margin: 10px 0 10px 6px; } body #wrapper #main_content.pages .info_content ul {margin-left: 46px; margin-top: 0; } body #wrapper #main_content.pages .info_content ul li {margin-bottom: 0px; } body #wrapper #main_content.pages .info_content ol {margin-top: 2px; line-height: 1.25; } body #wrapper #main_content.pages .info_content ol li {margin-bottom: 8px; } body #wrapper #main_content.pages .info_content .small_text {list-style:none; padding-top:2px; font-size: 10px; font-style: italic; } body #wrapper #main_content.pages .info_content .info_list { position: relative; top: -10px; left: -4px; } body #wrapper #main_content.pages .info_content a.back_to_top { display: block; height: 20px; width: 118px; background: url(/images/info/back_to_top.jpg); margin: 0 auto; } body #wrapper #main_content.pages .info_content a:hover.back_to_top { background-position: 0 -20px !important; } body #wrapper #main_content.pages .info_content #pricing .column { border-right:solid 1px #ccc; clear:left; position:relative; float:left; margin:20px 38px; width:152px; height:18em; } body #wrapper #main_content.pages .info_content #pricing .pricingplans { float:left; width:500px; margin-top:18px; } body #wrapper #main_content.pages .info_content #pricing .pricingplans p { line-height:24px; } body #wrapper #main_content.pages .info_content #pricing .column p { font-size:13px; width:140px; text-align:center; margin-bottom:6px; color:#464646; margin-right:auto; margin-left:auto; padding-bottom:0; } body #wrapper #main_content.pages .info_content #pricing .column span { margin-bottom:3px; display:block; margin-top:2px; } body #wrapper #main_content.pages .info_content #pricing .column span.price { position:absolute; bottom:0px; } body #wrapper #main_content.pages .info_content #pricing #goodcolumn { margin-left: 0px; margin-right: 20px; } body #wrapper #main_content.pages .info_content #pricing #goodcolumn span { height:56px; width:100%; text-indent:-9999em; background:url(/images/page/step_1_good.png) top center no-repeat; } body #wrapper #main_content.pages .info_content #pricing #goodcolumn span.price { background:url(/images/page/step_1_80.png) no-repeat scroll center top; } body #wrapper #main_content.pages .info_content #pricing #greatcolumn { margin-left: 0px; margin-right: 20px; } body #wrapper #main_content.pages .info_content #pricing #greatcolumn span { height:56px; width:100%; text-indent:-9999em; background:url(/images/page/step_1_great.png) top center no-repeat; } body #wrapper #main_content.pages .info_content #pricing #greatcolumn span.price { background:url(/images/page/step_1_140.png) no-repeat scroll center top; } body #wrapper #main_content.pages .info_content #pricing #greatestcolumn { margin-left: 0px; margin-right: 20px; } body #wrapper #main_content.pages .info_content #pricing #greatest span { height:46px; width:100%; text-indent:-9999em; background:url(/images/page/step_1_greatest_trans.png) top center no-repeat; } body #wrapper #main_content.pages .info_content #pricing #greatest p { font-weight:bold; margin-top:12px; font-size:14px; } /* footer */ #footer { position:relative; height:110px; clear: both; margin:0 auto 0; bottom:0; float:left; width:100%; margin-top:-110px; overflow:hidden; } #footer div.inner_wrap { width: 948px; background:transparent url(/images/footer/footer_bg.png) no-repeat scroll center top; margin:0 auto; height:110px; } #footer p { margin:0 0 4px; } #footer div.left, #footer div.center, #footer div.right { padding:20px 20px 0; float: right; width: 317px; } #footer div.left, #footer div.center { padding-right:0; margin-right: 30px; float:left; } #footer div.left { color: #777; font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 16px; } #footer div.left dl { float: left; margin: 0; padding: 0; width: 75px; } #footer div.left dl dt, #footer div.left dl dd { margin: 0; padding: 0; } #footer div.left dl dt { color: #5d5d5d; font-weight: bold; } #footer div.left dl dd { color: #c8cbca; } #footer div.left p.login a { color: #5d5d5d; font-weight: bold; text-decoration: none; } #footer div.left p.login a:hover { text-decoration: underline; } #footer div.center { width: 201px; margin-right:15px; padding-left:5px; } #footer div.center h2 { } #footer div.center p { color:#888; font-size:10px; margin-top:27px; position:relative; text-align:center; width:100%; } #footer div p a { color:#65696c; } #footer div.center p a:hover { color:#5d5d5d; } #footer div.center p span { margin-left:10px;} #footer div.center h2 a { background: transparent url(/images/footer/paratweet_logo.png) center top no-repeat; display: block; height: 17px; margin: 5px auto; text-indent: -99999px; width: 115px; outline:0; } #footer div.center h2 { margin:11px 0; } #footer div.right p { color: #888; font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 16px; text-align:right; margin-bottom:5px; } /* FEED/MODERATE PAGE */ body.admin #wrapper #top_message_bar { width:100%; text-align:center; height:18px; color:#333; background-color:#eee; opacity:.9; filter: alpha(opacity=90); -moz-opacity: 0.9; border-bottom:solid 2px #bbb; padding:9px; position:fixed; top:0; z-index:10; font-size:15px; font-weight:bold; } body.admin #wrapper #main_content { position:relative; width:100%; float:left; padding-bottom:110px; } body.admin #wrapper .big_blue { font:bold 20px Helvetica, arial, sans-serif; color:#2db8e0; } body.admin #wrapper #main_content #settings_drop { position:absolute; margin-top:-21px; margin-left:-455px; left:50%; height:0; width:910px; z-index:1; } body.admin #wrapper #main_content #settings_drop form { overflow:hidden; z-index:1; float:left; width:100%; height:100%; position:relative; padding-top:10px; background:url(/images/tab_settings_bg.png) bottom center no-repeat; } body.admin #wrapper #main_content #settings_drop span.event_title { background-color:#d5f1f9; display:block; width:888px; height:25px; padding-top:10px; text-align:center; margin:auto; } body.admin #wrapper #main_content #settings_drop .left { width:260px; float:left; padding:0 25px; margin:13px 0 25px; } body.admin #wrapper #main_content #settings_drop .left label { display:block; width:100%; text-align:left; margin:10px 0 8px; } body.admin #wrapper #main_content #settings_drop .left div { margin:auto auto 12px; width:280px; } body.admin #wrapper #main_content #settings_drop .left div:after { clear:both; content:"."; height:0; display:block; visibility:hidden; } body.admin #wrapper #main_content #settings_drop .left input[name=temp_field] { float:left; height:20px; width:150px; padding:4px 3px 2px; font-size:14px; color:#444; } body.admin #wrapper #main_content #settings_drop .left span#add_term { background: url(/images/btn_add.png) no-repeat scroll left top; float:right; height:32px; width:88px; margin-bottom:8px; cursor:pointer; text-indent:-99999px; } body.admin #wrapper #main_content #settings_drop .left span.input_term { float:left; display:block; width:100%; padding:4px 0 5px; background-color:#d5f1f9; color:#33546b; border:solid 1px #2db8e0; border-right:0; border-left:0; margin-bottom:-1px; font-size:13px; } body.admin #wrapper #main_content #settings_drop .left span.input_term a { float:left; height:16px; width:16px; margin:0 5px; background:url(/images/icn_delete.png) top left no-repeat; } body.admin #wrapper #main_content #settings_drop .left input#event_terms { display:none; } body.admin #wrapper #main_content #settings_drop .left .url { color:#555; float:left; padding:5px; } body.admin #wrapper #main_content #settings_drop .right { position:relative; border-left:solid 2px #e2e2e2; width:545px; float:left; padding:0 25px; margin:13px 0 25px; } body.admin #wrapper #main_content #settings_drop .right label { display:block; margin:11px 0 6px; font: 13px Helvetica, arial, sans-serif; color:#464646; } body.admin #wrapper #main_content #settings_drop .right #top_section { text-align:left; border-bottom:2px solid #e2e2e2; display:block; margin-top:10px; width:535px; height:69px; } body.admin #wrapper #main_content #settings_drop .right #top_section label { font-size:17px; } body.admin #wrapper #main_content #settings_drop .right #top_section div#secret_code { text-align:center; font-family:Monaco, monospace, "Lucida Console"; margin:0 0 10px; width:300px; border-right:2px solid #e2e2e2; height:55px; } body.admin #wrapper #main_content #settings_drop .right #top_section div#secret_code span { display:block; margin-top:7px; margin-bottom:8px; color:#a10012; font-size: 18px; font-weight:bold; text-transform:uppercase; } body.admin #wrapper #main_content #settings_drop .right #feature_container { width:220px; right:60px; position:absolute; top:-43px; } body.admin #wrapper #main_content #settings_drop .right a#reveal_features { padding-top:4px; height:27px; width:140px; background:url(/images/reveal_features.png) left bottom no-repeat; float:right; text-align:center; color:#fff; text-decoration:none; font-size:17px; outline:none; -webkit-outline:none; margin-right:40px; font-weight:bold; } body.admin #wrapper #main_content #settings_drop .right a#reveal_features span { display:none; } body.admin #wrapper #main_content #settings_drop .right #feature_container.selected a#reveal_features { top:0; } body.admin #wrapper #main_content #settings_drop .right #feature_container.selected a#reveal_features span { margin-right:-8px; display:inline; } body.admin #wrapper #main_content #settings_drop .right #features { overflow:hidden; display:none; background-color:#fafafa; width:220px; float:left; border:solid 3px #d2d6d9; -moz-border-radius-bottomright:9px; -moz-border-radius-bottomleft:9px; -webkit-border-bottom-right-radius:9px; -webkit-border-bottom-left-radius:9px; border-radius-bottomleft:9px; border-radius-bottomright:9px; } body.admin #wrapper #main_content #settings_drop .right #feature_container.selected #features { display:block; } body.admin #wrapper #main_content #settings_drop .right #speed { float:left; margin:10px; width:155px; color:#555; } body.admin #wrapper #main_content #settings_drop .right #speed span { margin-right:4px; } body.admin #wrapper #main_content #settings_drop .right #speed select { } body.admin #wrapper #main_content #settings_drop .right #single_tweet { width:122px; float:left; margin:0 10px; color:#555; } body.admin #wrapper #main_content #settings_drop .right #single_tweet input { float:left; width:auto!important; } body.admin #wrapper #main_content #settings_drop .right #single_tweet span { float:left; margin:3px; } body.admin #wrapper #main_content #settings_drop .right #custom_background { width:142px; float:left; margin:0 10px 10px; color:#555; } body.admin #wrapper #main_content #settings_drop .right #custom_background input { float:left; width:auto!important; } body.admin #wrapper #main_content #settings_drop .right #custom_background span { float:left; margin:3px; } body.admin #wrapper #main_content #settings_drop .right #tweet_photos { width:142px; float:left; margin:0 10px 10px; color:#555; } body.admin #wrapper #main_content #settings_drop .right #tweet_photos input { float:left; width:auto!important; } body.admin #wrapper #main_content #settings_drop .right #tweet_photos span { float:left; margin:3px; } body.admin #wrapper #main_content #settings_drop .right #profanity { width:100px; float:left; margin:10px 0 10px 10px; color:#555; } body.admin #wrapper #main_content #settings_drop .right #profanity input { float:left; width:auto!important; } body.admin #wrapper #main_content #settings_drop .right #profanity span { float:left; margin:3px; } body.admin #wrapper #main_content #settings_drop .right #dark { width:88px; float:left; margin:10px 0 10px 10px; color:#555; } body.admin #wrapper #main_content #settings_drop .right #dark input { float:left; width:auto!important; } body.admin #wrapper #main_content #settings_drop .right #dark span { float:left; margin:3px; } body.admin #wrapper #main_content #settings_drop .right #switch_event { width:110px; position:absolute; right:222px; top:85px; } body.admin #wrapper #main_content #settings_drop .right #switch_event input { float:left; width:auto!important; } body.admin #wrapper #main_content #settings_drop .right #switch_event span { float:left; margin:3px; color:#ddd; } body.admin #wrapper #main_content #settings_drop .right a.clear_tweets { position:absolute; right:70px; top:10px; background:url(/images/btn_clear_tweets.png) top left no-repeat; display:block; width:138px; height:32px; text-indent:-99999px; outline:none; } body.admin #wrapper #main_content #settings_drop .right span.clear_tweets_text { position:absolute; right:47px; top:44px; color:#232323; font-size:11px; width:185px; text-align:center; } body.admin #wrapper #main_content #settings_drop .right input { margin:0 0 6px; font-size:14px; color:#555; width:525px; padding:2px; height:17px; } body.admin #wrapper #main_content #settings_drop .right input#event_instruction { float:left; width:140px; } body.admin #wrapper #main_content #settings_drop .right p { display:inline-block; color:#5b5b5b; font: 12px Helvetica, arial, sans-serif; width:220px; padding-left:8px; margin-bottom:0; } body.admin #wrapper #main_content #settings_drop .right a.cancel { position:absolute; right:35px; bottom:10px; background:url(/images/btn_dont_save.png) top left no-repeat; display:block; width:138px; height:32px; text-indent:-99999px; outline:none; } body.admin #wrapper #main_content #settings_tab { margin-left:-109px; left:50%; position:absolute;bottom:-60px; width:218px; height:56px; background:url(/images/tab_live_settings.png) center center no-repeat; z-index:0; } body.admin #wrapper #main_content #settings_tab.open { background:url(/images/tab_save_settings.png) center center no-repeat; } body.admin #wrapper #main_content #settings_tab span { position:relative; z-index:0; display:block; text-align:center; color:#fff; margin:auto; padding:19px 0 0 7px; font: 20px Helvetica, arial, sans-serif; font-weight:bold; } body.admin #wrapper #main_content #settings_tab_a { text-indent:-99999px; background:url(/images/blank.gif) left top repeat; cursor:pointer; bottom:-52px; display:block; height:40px; left:50%; margin-left:-102px; position:absolute; width:200px; z-index:2; outline:none!important; border:0; } body.admin #wrapper #main_content #settings_tab.open span.closed { display:none; } body.admin #wrapper #main_content #settings_tab.closed span.open { display:none; } body.admin #wrapper #main_content #snippet { padding-top:12px; display:block; font: 20px Helvetica, arial, sans-serif; color:#fff; height:21px; text-shadow:0 2px 8px #111; } body.admin #wrapper #main_content #snippet .left { float:left; margin-left:15px; } body.admin #wrapper #main_content #snippet .right { float:right; margin-right:15px; } body.admin #wrapper #main_content #tweets { width:968px; float:left; margin-top:10px; } body.admin #wrapper #main_content #tweets .left { float:left; } body.admin #wrapper #main_content #tweets .right { float:right; } body.admin #wrapper #main_content #tweets .list_top { color:#fff; height:32px; font:bold 12px Helvetica, arial, sans-serif; } body.admin #wrapper #main_content #tweets .list_top.end { background-position:right 0 !important; float:left; width:13px !important; height:32px; margin:0!important; } body.admin #wrapper #main_content #tweets #unbirthed_tweets .loading { display:none; position:absolute; left:140px; top:11px; height:28px; width:28px; background:url(/images/indicator.gif) top left no-repeat; } body.admin #wrapper #main_content #tweets #unbirthed_tweets #response_time { height:15px; width:auto; background-color:#D5F1F9; left:200px; position:absolute; top:5px; border:solid 1px #63e4F3; padding:5px; color:#2DB8E0; font-size:13px; } body.admin #wrapper #main_content #tweets #unbirthed_tweets #response_time.slow { border-color:#d4a145; color:#dfa145; background-color:#FFE895; } body.admin #wrapper #main_content #tweets #unbirthed_tweets #response_time.very_slow { border-color:#b13042; color:#b13042; background-color:#f1a0b2; } body.admin #wrapper #main_content #tweets #unbirthed_tweets { margin-left:27px; float:left; width:458px; } body.admin #wrapper #main_content #tweets #unbirthed_tweets .list_top { position:relative; width:130px; float:left; background:url(/images/yellow_bar.png) bottom left no-repeat; margin-left:-24px; } /*general slider code*/ body.admin #wrapper #main_content #tweets .slider { right:0; top:5px; position:absolute; display:block; width:66px; height:25px; background:transparent url(/images/slider.png) no-repeat scroll -42px 50%; } body.admin #wrapper #main_content #tweets .slider div { display:block; width:100%; height:100%; background:url(/images/slider_container_yellow.png) top left no-repeat; } body.admin #wrapper #main_content #tweets .slider span { right:4px; position:absolute; margin-left:0 !important; margin-top:8px !important; font-size:9.5px; } body.admin #wrapper #main_content #tweets .slider.green div { background:url(/images/slider_container_green.png) top left no-repeat; } /* search control */ body.admin #wrapper #main_content #tweets #search_control { cursor:pointer; } body.admin #wrapper #main_content #tweets #search_control.off span#off { display:none; } body.admin #wrapper #main_content #tweets #search_control span#on { margin-right:28px; display:none; } body.admin #wrapper #main_content #tweets #search_control.off span#on { display:block; } body.admin #wrapper #main_content #tweets #search_control span#off { margin-right:15px; display:block; } /* gate control */ body.admin #wrapper #main_content #tweets #gate_control { cursor:pointer; } body.admin #wrapper #main_content #tweets #gate_control.off span#off { display:none; } body.admin #wrapper #main_content #tweets #gate_control span#on { margin-right:28px; display:none; } body.admin #wrapper #main_content #tweets #gate_control.off span#on { display:block; } body.admin #wrapper #main_content #tweets #gate_control span#off { margin-right:15px; display:block; } body.admin #wrapper #main_content #tweets ul li span.tweet .thumbnail { cursor:pointer; } body.admin #wrapper #main_content #tweets #unbirthed_tweets #send_tab { margin-right:0; position:relative; width:190px; float:right; } body.admin #wrapper #main_content #tweets #unbirthed_tweets #send_tab.off #indicator { width:16px; height:12px; position:absolute; display:block; background:transparent no-repeat scroll top center; bottom:-1px; left:80px; } body.admin #wrapper #main_content #tweets #unbirthed_tweets #send_tab.on #indicator { display:block; } body.admin #wrapper #main_content #tweets #unbirthed_tweets #send_tab_end { margin-right:-24px; float:right; } body.admin #wrapper #main_content #tweets #unbirthed_tweets .list_top span { float:left; margin:11px 0 0 13px; text-shadow:0 1px 2px #333; } body.admin #wrapper #main_content #tweets #unbirthed_tweets span a.control { float:right; margin-right:136px; } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul { float:right; width:100%; margin:0; border:solid 2px #ffe155; padding:30px 10px 10px; } body.admin #wrapper #main_content #tweets #live_tweets { position:relative; float:left; width:458px; } body.admin #wrapper #main_content #tweets #live_tweets .list_top { position:absolute; width:205px; text-align:left; float:right; background:url(/images/green_bar.png) bottom left no-repeat; right:-11px; } body.admin #wrapper #main_content #tweets #live_tweets .list_top.end { margin-right:-13px !important; } body.admin #wrapper #main_content #tweets #live_tweets .list_top span { text-align:left; float:left; margin:11px 0 0 13px; text-shadow:0 1px 2px #333; } /* feed control */ body.admin #wrapper #main_content #tweets #feed_control { cursor:pointer; } body.admin #wrapper #main_content #tweets #feed_control.pause span#pause { display:block; } body.admin #wrapper #main_content #tweets #feed_control span#go_live { margin-right:3px; display:block; } body.admin #wrapper #main_content #tweets #feed_control.pause span#go_live { display:none; } body.admin #wrapper #main_content #tweets #feed_control span#pause { margin-right:26px; display:none; } body.admin #wrapper #main_content #tweets #live_tweets span a.control { width:115px; right:225px; position:absolute; } body.admin #wrapper #main_content #tweets #live_tweets ul { background-color:#bbb; float:left; width:100%; margin:0; border:solid 2px #1aa308; padding:30px 10px 10px; max-height:1200px; overflow:auto; list-style:none; margin-right:24px; margin-top:32px; } body.admin #wrapper #main_content #tweets li { font-size:12px; } body.admin #wrapper #main_content #tweets #live_tweets ul li { position:relative; float:left; width:100%; } body.admin #wrapper #main_content #tweets #live_tweets ul.live li.small_text { line-height:17px !important } body.admin #wrapper #main_content #tweets #live_tweets ul.live li.small_text p{ width:280px !important; font-size:80%; } body.admin #wrapper #main_content #tweets #live_tweets ul li span.tweet { float:left; border:solid 1px #932531; width:415px; line-height:19px; height:55px; background-color:#fff; padding:3px; } body.admin #wrapper #main_content #tweets #live_tweets ul li .loading { display:none; } body.admin #wrapper #main_content #tweets #live_tweets ul li span.check { display:none; } body.admin #wrapper #main_content #tweets #live_tweets ul li.pending_tweet span.tweet { background-color:#ffe199; -moz-opacity:.4; opacity:.4; filter: alpha(opacity=40); } body.admin #wrapper #main_content #tweets #live_tweets ul li.pending_tweet .loading { display:block; position:absolute; font-size:19px; font-weight:bold; left:184px; top:22px; z-index:11; } body.admin #wrapper #main_content #tweets #live_tweets ul li.pending_tweet span.x { float:left; height:30px; width:30px; background:url(/images/x.gif) top left no-repeat; margin-top:2px; cursor:pointer; } body.admin #wrapper #main_content #tweets #live_tweets ul li.pending_tweet span.check { display:block; float:left; height:21px; width:30px; margin-top:2px; color:#fff; font-size:20px; padding:3px 0; background-color:#22aa22; cursor:pointer; text-align:center; } body.admin #wrapper #main_content #tweets #live_tweets ul li span.tweet img { float:left; } body.admin #wrapper #main_content #tweets #live_tweets ul li span.tweet p { float:left; width:360px; margin-left:5px; margin-bottom:0; } body.admin #wrapper #main_content #tweets #live_tweets ul li span.tweet p span.user_name { color:#990000; } body.admin #wrapper #main_content #tweets #live_tweets ul li span.tweet p a { } body.admin #wrapper #main_content #tweets #live_tweets ul li span.x { float:left; height:30px; width:30px; background:url(/images/x.gif) top left no-repeat; margin-top:16px; cursor:pointer; } body.admin #wrapper #main_content #tweets #live_tweets ul#free2.live li span.x, body.admin #wrapper #main_content #tweets #live_tweets ul#free2.live li span.check { cursor:default; background-image:none; background-color:#dcdcdc; opacity:.5; filter: alpha(opacity=50); -moz-opacity: 0.5; } body.admin #wrapper #main_content #tweets #live_tweets ul#free2.live li span.x { background-image:url(/images/x_gray.gif); } body.admin #wrapper #main_content #tweets #unbirthed_tweets { position:relative; } body.admin #wrapper #main_content #tweets .whatcol { color:#fff; font-size:18px; left:18px; position:absolute; text-align:center; top:35px; width:400px; padding-top:5px; font-weight:bold; text-shadow:0 2px 7px #777 } body.admin #wrapper #main_content #tweets #archive_pending { color:#444; font-size:12px; right:12px; position:absolute; text-align:center; top:35px; width:150px; padding-top:2px; font-weight:bold; text-decoration:underline; cursor:pointer; } body.admin #wrapper #main_content #tweets #live_tweets .whatcol { left:42px; } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul.unbirthed { max-height:1200px; list-style:none; overflow:hidden; background-color:#bbb; margin-left:-24px; } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul.unbirthed li { float:left; } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul.unbirthed li.small_text { line-height:17px !important; } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul.unbirthed li.small_text p { width:280px !important; font-size:80%; } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul.unbirthed li span.tweet { float:left; border:solid 1px #932531; width:420px; line-height:19px; height:55px; background-color:#fff; padding:3px; } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul li .loading { display:none; } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul.unbirthed li.bad span.tweet { background-color:#891600; } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul.unbirthed li span.tweet img { float:left; } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul.unbirthed li span.tweet p { float:left; width:366px; margin-left:4px; margin-bottom:0; } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul.unbirthed li span.tweet p span.user_name { color:#990000; } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul.unbirthed li span.tweet p a { } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul.unbirthed li span.x { float:left; height:30px; width:30px; background:url(/images/x.gif) top left no-repeat; margin-top:2px; cursor:pointer; } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul#free.unbirthed li span.x, body.admin #wrapper #main_content #tweets #unbirthed_tweets ul#free.unbirthed li span.check { cursor:default; background-image:none; background-color:#dcdcdc; opacity:.5; filter: alpha(opacity=50); -moz-opacity: 0.5; } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul#free.unbirthed li span.x { background-image:url(/images/x_gray.gif); } body.admin #wrapper #main_content #tweets #unbirthed_tweets ul.unbirthed li span.check { float:left; height:21px; width:30px; margin-top:2px; color:#fff; font-size:20px; padding:3px 0; background-color:#22aa22; cursor:pointer; text-align:center; } body.admin #wrapper #main_content #tweets #unbirthed_tweets #control { position:absolute; height:32px; width:95px; top:20px; right:40px; background:url(/images/btn_start.png) top left no-repeat; cursor:pointer; text-indent:-99999px; } body.admin #wrapper #main_content #tweets #unbirthed_tweets span.debug { display:block; position:absolute } /* Signup Page */ body #wrapper #main_content #signup { } body #wrapper #main_content #signup ul.tabs { list-style:none; margin:0; background:url(/images/page/content_container_top.png) bottom left no-repeat; height:63px; } body #wrapper #main_content #signup ul.tabs.right { background-image:url(/images/page/content_container_top_right.png); } body #wrapper #main_content #signup ul.tabs.left { background-image:url(/images/page/content_container_top_left.png); } body #wrapper #main_content #signup ul.tabs li { position:relative; z-index:1; display:inline-block; font: bold 17px Helvetica, Arial, sans-serif; margin-right:-5px; margin-left:-10px; height:48px; float:left; } body #wrapper #main_content #signup ul.tabs li.selected { z-index:2; } body #wrapper #main_content #signup ul.tabs li span { display:block; margin:12px 19px 0 16px; text-align:right; color:#2ebbe4; background:url(/images/page/step_1.png) center left no-repeat; height:25px; padding-top:8px; } body #wrapper #main_content #signup ul.tabs li.step_1 { margin-left:1px !important; } body #wrapper #main_content #signup ul.tabs li.step_1.selected { } body #wrapper #main_content #signup ul.tabs li.step_1 span { } body #wrapper #main_content #signup ul.tabs li.step_2 { } body #wrapper #main_content #signup ul.tabs li.step_2 span { background-image:url(/images/page/step_2.png); } body #wrapper #main_content #signup ul.tabs li.step_3 { } body #wrapper #main_content #signup ul.tabs li.step_3 span { background-image:url(/images/page/step_3.png); } body #wrapper #main_content #signup ul.tabs li.step_4 { margin-left:-11px; } body #wrapper #main_content #signup ul.tabs li.step_4.selected { margin-right:0; } body #wrapper #main_content #signup ul.tabs li.step_4 span { background-image:url(/images/page/step_4.png); } body #wrapper #main_content #signup h2 { margin:0; } body #wrapper #main_content #signup #step_1 { } body #wrapper #main_content #signup #step_1 .column { cursor:pointer; position:relative; float:left; margin:10px 12px; width:152px; height:24em; } body #wrapper #main_content #signup #step_1 .column:hover { background:url(/images/page/step_1_hover2.png) top left no-repeat; } body #wrapper #main_content #signup #step_1 .column.selected { background:url(/images/page/step_1_hover.png) top left no-repeat; } body #wrapper #main_content #signup #step_1 #greatest.column:hover { cursor:default; background:transparent !important; } body #wrapper #main_content #signup #step_1 div.check, body #wrapper #main_content #signup #intro_offer.selected div.check { display:none; background:url(/images/page/step_1_check.png) top left no-repeat; top:-8px; left:-8px; height:31px; width:31px; } body #wrapper #main_content #signup #step_1 .column.selected div.check, body #wrapper #main_content #signup #intro_offer.selected div.check { display:block; position:absolute; } body #wrapper #main_content #signup #step_1 .column p { text-align:center; margin-bottom:5px; color:#464646; } body #wrapper #main_content #signup #step_1 .column h2 { margin-top:12px; } body #wrapper #main_content #signup #step_1 .column input { display:block; margin:auto auto 25px; position:absolute; bottom:35px; left:68px; } body #wrapper #main_content #signup form#new_account input[type=radio] { display:none; } body #wrapper #main_content #signup #step_1 .column span { display:block; text-indent:-9999em; position:absolute; bottom:60px; } body #wrapper #main_content #signup #step_1 #good { margin-left:19px; } body #wrapper #main_content #signup #step_1 #good h2 { height:46px; width:100%; text-indent:-9999em; background:url(/images/page/step_1_good.png) top center no-repeat; } body #wrapper #main_content #signup #step_1 #good span { height:55px; width:100%; text-indent:-9999em; background:url(/images/page/step_1_80.png) top center no-repeat; } body #wrapper #main_content #signup #step_1 #great { } body #wrapper #main_content #signup #step_1 #great h2 { height:46px; width:100%; text-indent:-9999em; background:url(/images/page/step_1_great.png) top center no-repeat; } body #wrapper #main_content #signup #step_1 #great span { height:55px; width:100%; text-indent:-9999em; background:url(/images/page/step_1_140.png) top center no-repeat; } body #wrapper #main_content #signup #step_1 #free { } body #wrapper #main_content #signup #step_1 #free h2 { height:46px; width:100%; text-indent:-9999em; background:url(/images/page/step_1_free.png) top center no-repeat; } body #wrapper #main_content #signup #step_1 #free span { height:55px; width:100%; text-indent:-9999em;/* background:url(/images/page/step_1_140.png) top center no-repeat; */} body #wrapper #main_content #signup #step_1 #greatest { } body #wrapper #main_content #signup #step_1 #greatest h2 { height:46px; width:100%; text-indent:-9999em; background:url(/images/page/step_1_greatest.png) top center no-repeat; margin-top:8px; } body #wrapper #main_content #signup #step_1 #greatest span { position:relative; margin:80px auto 10px; height:108px; width:150px; display:block; background:url(/images/page/step_1_coming_soon.png) top left no-repeat; } body #wrapper #main_content #signup #intro_offer { position:relative; background:url(/images/page/step_1_intro_offer_bg.png) top left no-repeat; height:129px; width:546px; float:left; } body #wrapper #main_content #signup #intro_offer:hover { cursor:pointer; background:url(/images/page/step_1_intro_offer_hover2.png) top left no-repeat; } body #wrapper #main_content #signup #intro_offer.selected { background:url(/images/page/step_1_intro_offer_hover.png) top left no-repeat; } body #wrapper #main_content #signup #intro_offer div.check { top:0!important; left:0!important; } body #wrapper #main_content #signup #intro_offer #days_left { float:left; text-indent:-99999px; background:url(/images/page/type_17_days_left.png) center center no-repeat; width:75px; height:72px; margin:28px 0 20px 10px; border-right:2px inset #888; padding:0 10px 0 20px; } body #wrapper #main_content #signup #intro_offer #middle { float:left; padding:0 15px 0 17px; border-right:2px inset #888; margin-top:28px; width:237px; height:72px; } body #wrapper #main_content #signup #intro_offer h2 { float:left; text-indent:-99999px; background:url(/images/page/type_introductory.png) top left no-repeat; height:23px; width:225px; } body #wrapper #main_content #signup #intro_offer p { float:left; font-size:11px; margin-bottom:0; color:#444; } body #wrapper #main_content #signup #intro_offer span.price { float:left; text-indent:-9999em; margin:29px 0 0 17px; height:62px; width:113px; text-indent:-9999em; background:url(/images/page/step_1_999.png) top center no-repeat; } body #wrapper #main_content #signup #step_1 a.tooltip { outline:none; display:none; position:absolute; bottom:30px; left:55px; cursor:default; color:#2EBBE4; font-size:11px; width:300px; } body #wrapper #main_content #signup #step_1 div.tooltip { display:none; left:52px; position:absolute; bottom:55px; height:auto; width:252px; border:solid 2px #2ebbe4; background-color:#94dbef; opacity:.97; filter: alpha(opacity=97); -moz-opacity: 0.97; } body #wrapper #main_content #signup #step_1 div.tooltip h3 { color:#fff; margin:7px 6px; } body #wrapper #main_content #signup #step_1 div.tooltip p { color:#fff; margin:6px; font-size:12px; font-weight:bold; } body #wrapper #main_content #signup .next_btn { text-indent:-9999em; position:absolute; bottom:20px; right:25px; width:88px; height:32px; cursor:pointer; background:url(/images/page/next.png) top left no-repeat; border:0; } body #wrapper #main_content #signup .subscribe { text-indent:-9999em; position:absolute; bottom:25px; right:25px; width:122px; height:47px; cursor:pointer; background:url(/images/page/subscribe.gif) bottom left no-repeat; border:0; } body #wrapper #main_content #signup .subscribe:hover { background-position:left top; } body #wrapper #main_content #signup #step_2 { padding-bottom:40px; } body #wrapper #main_content #signup #step_2 form { width:280px; margin:auto; } body #wrapper #main_content #signup #step_2 form label { float:left; width:100%; color:#464646; margin:10px 0 5px; } body #wrapper #main_content #signup #step_2 form label#usage { margin-left:50px; width:200px; } body #wrapper #main_content #signup #step_2 form input { float:left; margin-right:3px; color:#464646; font-size:13px; padding:3px; width:264px; } body #wrapper #main_content #signup #step_2 form input.name { width:124px; } body #wrapper #main_content #signup #step_2 form input.password { } body #wrapper #main_content #signup #step_2 form select { float:left; margin:0; width:170px; color:#464646; } body #wrapper #main_content #signup #step_2 form .formError { float:right; color:#ff3322; margin-right:-113px; margin-top:31px; width:105px; font-size:10px; } body #wrapper #main_content #signup #step_3 { padding-bottom:15px; } body #wrapper #main_content #signup #step_3 .center { float:left; width:500px; padding:10px 23px; } body #wrapper #main_content #signup #step_3 .center h3 { color:#464646; font-size:18px; float:left; margin:0 0 10px; width:100%; } body #wrapper #main_content #signup #step_3 .center p { float:left; width:100%; color:#464646; } body #wrapper #main_content #signup #step_3 form { float:left; } body #wrapper #main_content #signup #step_3 form div { float:left; } body #wrapper #main_content #signup #step_3 form #credit_card_number { margin-right:15px; } body #wrapper #main_content #signup #step_3 form .fieldWithErrors #credit_card_number { border:solid 1px red; clear:both; display:block; } body #wrapper #main_content #signup #step_3 form #credit_card_year { margin-right:15px; } body #wrapper #main_content #signup #step_3 form #numbers { width:100%; margin-bottom:10px; } body #wrapper #main_content #signup #step_3 form #exp_type { background:url(/images/ccards.gif) center right no-repeat; width:95%; margin-bottom:10px; height:24px; } body #wrapper #main_content #signup #step_3 form #name_stuff { width:100%; margin-bottom:10px; } body #wrapper #main_content .errorExplanation { width:500px; padding:15px; display:block; position:relative; background-color:#ffdad8; border:solid 1px #ddaa91; clear:both; display:block; position:relative; margin:20px auto 0; color:#880000; } body #wrapper #main_content #signup #step_3 form #credit_card_first_name { clear:right; margin-right:260px; margin-bottom:6px; } body #wrapper #main_content #signup #step_3 form .fieldWithErrors #credit_card_first_name { margin-right:300px; clear:both; border:solid 1px red; } body #wrapper #main_content #signup #step_3 form .fieldWithErrors #credit_card_last_name { clear:both; border:solid 1px red; } body #wrapper #main_content #signup #step_3 textarea { float:left; overflow:auto; padding:4px; width:485px; height:200px; color:#222; font-size:12px; margin:15px 0; } body #wrapper #main_content #signup #step_3 input { float:left; } body #wrapper #main_content #signup #step_3 input[type=submit] { float:right; } body #wrapper #main_content #signup #step_3 select { float:left; margin:0 6px 0 1px; } body #wrapper #main_content #signup #step_3 label { float:left; color:#464646; margin:4px 4px 0 0; } body #wrapper #main_content #signup #step_3 .formError { margin-top:5px; color:#ff3322; font-weight:bold; } body #wrapper #main_content #signup #step_3 #numbers .formError { width:100%; float:left; } body #wrapper #main_content #signup #step_3 #numbers .ver_error { color:#FF3322; margin-right:7px; font-weight:bold; margin-top:5px; float:left; width:auto; } body #wrapper #main_content #signup #step_3 form .fieldWithErrors #credit_card_verification_value { border:solid 1px red; } body #wrapper #main_content #signup #step_4 { } body #wrapper #main_content #signup #step_4 .done { background:url(/images/page/done.gif) top left no-repeat; width:271px; height:120px; display:block; margin:30px auto; } body #wrapper #main_content #signup #step_4 .create { cursor:pointer; background:url(/images/page/create_event.png) top left no-repeat; width:182px; height:34px; display:block; margin:10px auto 30px; } body #wrapper #main_content #signup #step_4 .create a { display:block; height:100%; width:100%; } /*login page/password reset page*/ body #wrapper #main_content #login, body #wrapper #main_content #password { background:transparent url(/images/page/content_top_blue.png) no-repeat scroll left top; width:546px; } body #wrapper #main_content #login span.top { background:transparent url(/images/page/type_login.png) no-repeat scroll 21px 17px; display:block; height:49px; text-indent:-99999px; } body #wrapper #main_content #password span.top { background:transparent url(/images/page/type_forgot.png) no-repeat scroll 21px 18px; display:block; height:49px; text-indent:-99999px; } body #wrapper #main_content #login .content,body #wrapper #main_content #password .content { color:#444; font-family:helvetica, arial, sans-serif; } body #wrapper #main_content #login .content h2,body #wrapper #main_content #password .content h2 { padding:5px 30px; } body #wrapper #main_content #login .content form,body #wrapper #main_content #password .content form { float:left; width:480px; padding:0 30px; } body #wrapper #main_content #password .content form { padding-bottom:30px; } body #wrapper #main_content #login .content form label { float:left; clear:left; margin:5px 5px 0; width:65px; } body #wrapper #main_content #password .content form label { float:left; clear:both; margin:5px 5px 0 0; width:450px; } body #wrapper #main_content #login .content form input, body #wrapper #main_content #password .content form input { float:left; width:200px; padding:2px; color:#555; font-size:13px; margin:0 100px 8px 0; } body #wrapper #main_content #password .content form input { margin:5px 5px 0 0; } body #wrapper #main_content #password .content form input#account_password { margin-right:100px; } body #wrapper #main_content #login .content form input#account_session_password,body #wrapper #main_content #password .content form input#account_session_password { margin-right:0; } body #wrapper #main_content #login .content form input[type=submit] { margin-right:0!important; cursor:pointer; margin-top:0; margin-left:30px; width:91px; height:36px; text-indent:-9999px; border:0; background:url(/images/btn_login.png) center center no-repeat; } body #wrapper #main_content #password .content form input[type=submit] { margin-right:0!important; cursor:pointer; margin-top:0; margin-left:30px; width:91px; height:36px; text-indent:-9999px; border:0; background:url(/images/btn_reset.png) center center no-repeat; } body #wrapper #main_content #login .content h3 { margin-bottom:0; padding:5px 30px; float:left; width:100%; } body #wrapper #main_content #password .content h3 { padding:5px 30px; float:left; } body #wrapper #main_content #login .content h4 { margin:3px 0; padding:0px 30px 20px; float:left; width:100%; font-size:92%; } body #wrapper #main_content #login .content h3 a, body #wrapper #main_content #password .content h3 a, body #wrapper #main_content #login .content h4 a, body #wrapper #main_content #password .content h4 a { color:#2ebbe4; } /*event list page*/ body #wrapper #main_content #event_list { background:transparent url(/images/page/content_top_blue.png) no-repeat scroll left top; width:546px; } body #wrapper #main_content #event_list p#expired { border:solid 1px #aaa; background-color:#e2e6ea; margin:15px 30px; padding:10px !important; color:#333; width:auto; font-size:13px; clear:both; } body #wrapper #main_content #event_list p#expired a { color:#2ebbe4; } body #wrapper #main_content #event_list span.top { background:transparent url(/images/page/type_events.png) no-repeat scroll 21px 18px; display:block; height:49px; text-indent:-99999px; } body #wrapper #main_content #event_list .content { color:#444; font-family:helvetica, arial, sans-serif; } body #wrapper #main_content #event_list .content h2, body #wrapper #main_content #event_list .content h3 { padding:5px 30px; } body #wrapper #main_content #event_list .content ul.events { list-style:none; margin:0; padding:0 27px 25px 25px; } body #wrapper #main_content #event_list .content ul.events li { overflow:hidden; border:solid 2px #2ebbe4; width:100%; height:34px; margin-bottom:5px; } body #wrapper #main_content #event_list .content ul.events li#top { border:none; height:14px; margin:0; } body #wrapper #main_content #event_list .content ul.events li#top span { text-align:center; font-size:11px; color:#888; } body #wrapper #main_content #event_list .content ul.events li#top span.event_name { margin:0 10px; width:200px; } body #wrapper #main_content #event_list .content ul.events li#top span.event_terms { width:200px; } body #wrapper #main_content #event_list .content ul.events li span { float:left; } body #wrapper #main_content #event_list .content ul.events li span.number { color:#fff; background-color:#2ebbe4; display:block; height:0px; padding:8px 0 26px 12px; width:26px; font-size:22px; } body #wrapper #main_content #event_list .content ul.events li span.name { width:auto; } body #wrapper #main_content #event_list .content ul.events li span.name span.name_text { display:block; float:left; width:265px; height:24px; padding:10px 0 0 10px; font-size:14px; } body #wrapper #main_content #event_list .content ul.events li span.name span.name_text:hover { background-color:#eeff99; cursor:pointer; } body #wrapper #main_content #event_list .content ul.events li span.name form { display:none; float:left; } body #wrapper #main_content #event_list .content ul.events li span.name form input { float:left; width:192px; padding:2px; color:#555; font-size:12px; margin-top:3px; height:18px; margin-right:10px; } body #wrapper #main_content #event_list .content ul.events li span.name form input#event_active { display:none; } body #wrapper #main_content #event_list .content ul.events li span.name form button { text-indent:-99999px; margin-top:8px; float:right; width:55px; height:20px; cursor:pointer; background:url(/images/page/save.png) top left no-repeat; border:0; } body #wrapper #main_content #event_list .content ul.events li span.delete { border-left:solid 1px #2ebbe4; height:24px; padding:10px 0 0 20px; text-align:center; font-size:15px; display:block; width:73px; font-weight:bold; background:url(/images/icn_delete.png) 10px center no-repeat; cursor:pointer; } body #wrapper #main_content #event_list .content ul.events li span.delete:hover { background-color:#2EBBE4; } body #wrapper #main_content #event_list .content ul.events li span.link { border-left:solid 1px #2ebbe4; float:right; } body #wrapper #main_content #event_list .content ul.events li span.link a { display:block; background:url(/images/btn_golive.gif) 0 center no-repeat; width:65px; height:24px; padding-top:10px; padding-left:21px; font-weight:bold; text-decoration:none; font-size:15px; color:#444;} body #wrapper #main_content #event_list .content ul.events li span.link a:hover { background-color:#2EBBE4; } body #wrapper #main_content #event_list .content #new_event { display:none; } body #wrapper #main_content #event_list .content #new_event label { float:left; margin:10px; } body #wrapper #main_content #event_list .content #new_event input { float:left; } body #wrapper #main_content #event_list .content #new_event textarea { display:none; margin-bottom:5px; } body #wrapper #main_content #event_list .content #new_event input[type=submit] { margin-top:6px; float:left; width:55px; height:20px; cursor:pointer; background:url(/images/page/save.png) top left no-repeat; border:0; text-indent:-99999px; } body #wrapper #main_content #event_list .content #add_event { outline:none; text-indent:-99999px; background:url(/images/btn_add_new_event.png) top left no-repeat; display:block; width:196px; height:38px; margin:0 auto 20px; } body #wrapper #main_content #event_list #type_download { clear:both; display:block; margin:auto; } body #wrapper #main_content #event_list #flashcontent { position:relative; z-index:3; width:215px; height:193px; display:block; padding:10px 30px 20px 30px; margin:auto; } body #wrapper #main_content #event_list #powered_by_air { display:block; margin:0 auto; } /* account page */ body #wrapper #main_content #settings ul.tabs { list-style:none; margin:0; background:url(/images/page/content_container_top_right_round.png) bottom left no-repeat; height:63px; } body #wrapper #main_content #settings ul.tabs.right { background-image:url(/images/page/content_container_top_right.png); } body #wrapper #main_content #settings ul.tabs.left { background-image:url(/images/page/content_container_top_left_right_round.png); } body #wrapper #main_content #settings ul.tabs li { float:left; position:relative; z-index:1; display:inline-block; font: bold 17px Helvetica, Arial, sans-serif; margin-right:-10px; margin-left:1px; height:48px; } body #wrapper #main_content #settings ul.tabs li.selected { z-index:2; } body #wrapper #main_content #settings ul.tabs li span { display:block; margin:12px 17px 0 15px; text-align:center; height:25px; padding-top:8px; } body #wrapper #main_content #settings ul.tabs li span a { text-decoration:none; color: #2ebbe4; } body #wrapper #main_content #settings p#expired { border:solid 1px #aaa; float:left; background-color:#e2e6ea; margin-left:39px; padding:10px !important; color:#333; width:445px; font-size:13px; clear:both; } body #wrapper #main_content #settings p#expired a { color:#2ebbe4; } body #wrapper #main_content #settings #plan { } body #wrapper #main_content #settings #plan #current_plan { float:left; font-size:13px; margin-left:30px; padding:10px !important; width:445px; } body #wrapper #main_content #settings #plan #current_plan p { } body #wrapper #main_content #settings #plan #current_plan p.header { font-size:16px; } body #wrapper #main_content #settings #plan #current_plan p a { color:#2ebbe4;} body #wrapper #main_content #settings #plan .column { cursor:pointer; position:relative; float:left; margin:10px 12px; width:152px; height:23em; } body #wrapper #main_content #settings #plan .column:hover { background:url(/images/page/step_1_hover2.png) top left no-repeat; } body #wrapper #main_content #settings #plan .column.selected { background:url(/images/page/step_1_hover.png) top left no-repeat; } body #wrapper #main_content #settings #plan #greatest.column:hover { cursor:default; background:transparent !important; } body #wrapper #main_content #settings #plan div.check, body #wrapper #main_content #settings #intro_offer.selected div.check { display:none; background:url(/images/page/step_1_check.png) top left no-repeat; top:-8px; left:-8px; height:31px; width:31px; } body #wrapper #main_content #settings #plan .column.selected div.check, body #wrapper #main_content #settings #intro_offer.selected div.check { display:block; position:absolute; } body #wrapper #main_content #settings #plan .column p { text-align:center; margin-bottom:5px; color:#464646; } body #wrapper #main_content #settings #plan .column input { display:block; margin:auto auto 25px; position:absolute; bottom:35px; left:68px; } body #wrapper #main_content #settings #current_plan { } body #wrapper #main_content #settings #current_plan input[type=radio] { float:left; } body #wrapper #main_content #settings #current_plan label { float:left; margin:2px 0 0 8px; } body #wrapper #main_content #settings #current_plan span.plan { margin:2px 0 10px; float:left; width:100%; } body #wrapper #main_content #settings #current_plan #account_submit { border:0; width:110px; height:32px; background:url(/images/page/submit.png) left top no-repeat; float:right; margin:0 10px 10px 0; cursor:pointer; } body #wrapper #main_content #settings #plan .save { text-indent:-9999em; position:absolute; bottom:25px; right:25px; width:88px; height:32px; cursor:pointer; background:url(/images/page/save.png) top left no-repeat; border:0; } body #wrapper #main_content #settings form.account_info { padding:0 25px 27px; } body #wrapper #main_content #settings form.account_info { width:280px; margin:auto; } body #wrapper #main_content #settings form.account_info label { float:left; width:100%; color:#464646; margin:10px 0 5px; } body #wrapper #main_content #settings form.account_info label#usage { margin-left:50px; width:200px; } body #wrapper #main_content #settings form.account_info input { float:left; margin-right:3px; color:#464646; font-size:13px; padding:3px; width:264px; } body #wrapper #main_content #settings form.account_info button { float:right; text-indent:-99999px; width:55px; height:20px; cursor:pointer; background:url(/images/page/save.png) top right no-repeat; border:0; margin-top:10px; margin-bottom:30px; } body #wrapper #main_content #settings form.account_info input.name { width:124px; } body #wrapper #main_content #settings form.account_info a { color:#1EaBd4; float:left; font-size:90%; margin-top:5px; } body #wrapper #main_content #settings form.account_info #password_container { float:left; display:none; } body #wrapper #main_content #settings #payment_settings { color:#333; } body #wrapper #main_content #settings #payment_settings #payment_history { padding:0 25px; } body #wrapper #main_content #settings #payment_settings h2 { clear:both; padding:10px 0; } body #wrapper #main_content #settings #payment_settings p { } body #wrapper #main_content #settings #payment_settings p a { outline:0; border:0; -moz-outline:none; color:#2EBBE4; } body #wrapper #main_content #settings #payment_settings #full_history { display:none; padding:0 25px; } body #wrapper #main_content #settings #payment_settings #full_history table { } body #wrapper #main_content #settings #payment_settings #full_history table th { text-align:left; } body #wrapper #main_content #settings #payment_settings #full_history table td { } body #wrapper #main_content #settings #payment_settings #payment_info { padding:0 25px; } /* body #wrapper #main_content #settings #payment_settings .paypal { padding:0 11px 25px; text-indent:-99999px; background:url(/images/page/paypal.gif) top right no-repeat; width:107px; height:34px; display:block; clear:both; bottom:17px; left:32px; } body #wrapper #main_content #settings #payment_settings .paypal a { outline:none; height:100%; width:100%; display:block; }*/ body #wrapper #main_content #settings #payment_settings #payment_info form { float:left; padding-bottom:30px; } body #wrapper #main_content #settings #payment_settings #payment_info form div { float:left; } body #wrapper #main_content #settings #payment_settings #payment_info form #credit_card_number { margin-right:15px; } body #wrapper #main_content #settings #payment_settings #payment_info form #credit_card_year { margin-right:15px; } body #wrapper #main_content #settings #payment_settings #payment_info form #numbers { width:100%; margin-bottom:10px; } body #wrapper #main_content #settings #payment_settings #payment_info form #exp_type { background:url(/images/ccards.gif) center right no-repeat; width:95%; margin-bottom:10px; height:24px; } body #wrapper #main_content #settings #payment_settings #payment_info form #name_stuff { width:100%; margin-bottom:10px; } body #wrapper #main_content .errorExplanation { width:500px; padding:15px; display:block; position:relative; background-color:#ffdad8; border:solid 1px #ddaa91; clear:both; display:block; position:relative; margin:20px auto 0; color:#880000; } body #wrapper #main_content #settings #payment_settings #payment_info form #credit_card_first_name { clear:right; margin-right:260px; margin-bottom:6px; } body #wrapper #main_content #settings #payment_settings #payment_info textarea { float:left; overflow:auto; padding:4px; width:485px; height:200px; color:#222; font-size:12px; margin:15px 0; } body #wrapper #main_content #settings #payment_settings #payment_info input { color:#444; float:left; } body #wrapper #main_content #settings #payment_settings #payment_info button.save_btn { cursor:pointer; text-indent:-99999px; float:right; background:url(/images/btn_update.png) center left no-repeat; border:0; height:33px; width:111px; margin:5px 20px; } body #wrapper #main_content #settings #payment_settings #payment_info button.renew_btn { cursor:pointer; text-indent:-99999px; float:right; background:url(/images/btn_update_renew.png) center left no-repeat; border:0; height:33px; width:196px; margin:5px 20px; } body #wrapper #main_content #settings #payment_settings #payment_info select { float:left; margin:0 6px 0 1px; } body #wrapper #main_content #settings #payment_settings #payment_info label { float:left; color:#464646; margin:4px 4px 0 0; } body #wrapper #main_content #settings #payment_settings #payment_info .formError { margin-top:5px; color:#ff3322; font-weight:bold; }