/* reset styles */ @import "reset.css"; /* --- =body --- */ body { background: url( '/images/body_bg.jpg' ) top left repeat-x #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 auto; } /*----------------------header----------------------*/ #header{ background:url( '/images/bg-header.png' ) repeat-x 50% 0; margin:5px 0 0; overflow:hidden; width:100%; } .header-holder{ height:138px; position:relative; margin:0 auto; width:957px; } #header h1{ float:left; margin:22px 0 0; overflow:hidden; } #header h1 a{ background:url( '/images/bg-logo.png' ) no-repeat 100% 0; display:block; height:87px; margin:0; overflow:hidden; text-indent:-33333px; width:262px; } /*--top-nav--*/ .top-nav{ float:right; } .top-nav span{ float:left; height:35px; line-height:0; overflow:hidden; width:13px; } .top-nav span.left{background:url( '/images/bg-top-nav-left.png' ) no-repeat;} .top-nav span.right{background:url( '/images/bg-top-nav-right.png' ) no-repeat;} .top-nav ul{ background:url( '/images/bg-top-nav.png' ) repeat-x; float:left; height:35px; margin:0; padding:0 14px; text-align:center; } .top-nav ul li{ background:url( '/images/bg-top-nav-separator.gif' ) no-repeat 100% 6px; display:inline; list-style:none; margin:0 7px 0 0; padding:0 12px 0 0; } .top-nav ul li.last{ background:none; margin:0; padding:0; } .top-nav ul a{ color:#c9d54a; font:12px/35px Arial, Helvetica, sans-serif; text-decoration:none; white-space:nowrap; } .top-nav ul a:hover{ text-decoration:underline; } a#logoff, a#my_group { background:url('/images/logoff_btn.gif') no-repeat; bottom:0; height:30px; position:absolute; right:0px; text-indent:-9999px; width:78px; } a#my_group { background-image:url('/images/my_group_btn.gif'); right:78px; width:89px; } /*--navigation 2009 Site-- ul#navigation{ background:url( '/images/bg-navigation.gif' ) no-repeat 34px 33px; display:inline; float:left; margin:27px 0 0 42px; padding:0; } ul#navigation li{ float:left; list-style:none; padding:0 4px 0 0; } ul#navigation a{ float:left; height:81px; overflow:hidden; position:relative; text-decoration:none; width:69px; } ul#navigation a span{ height:162px; left:0; position:absolute; text-indent:-9999px; top:0; width:69px; } ul#navigation a:hover{ background:url( '/images/none.gif' ); } ul#navigation a.home span{ background:url( '/images/bg-home.png' ) no-repeat; } ul#navigation a.videos span{ background:url( '/images/bg-videos.png' ) no-repeat; } ul#navigation a.vote span{ background:url( '/images/bg-vote.png' ) no-repeat; } ul#navigation a.forums span{ background:url( '/images/bg-forums.png' ) no-repeat; } ul#navigation a.toolbox span{ background:url( '/images/bg-toolbox.png' ) no-repeat; } ul#navigation a.music span{ background:url( '/images/bg-music.png' ) no-repeat; } ul#navigation a:hover span{ left:0; top:-81px; }*/ /*-- Navigation 2010 Site -- */ ul#navigation {display:inline; float:left; margin:27px 0 0 22px; padding:0; width: 492px;} ul#navigation li {float:left; list-style:none; margin: 0; padding:0;} ul#navigation li a {background: url('../images/nav2010.png') no-repeat; display: block; height: 83px; text-indent: -9999px; width: 82px;} ul#navigation li a#home {background-position: 0 0;} ul#navigation li a#home:hover {background-position: 0 -84px;} ul#navigation li a#videos {background-position: -81px 0;} ul#navigation li a#videos:hover {background-position: -81px -84px;} ul#navigation li a#vote {background-position: -162px 0;} ul#navigation li a#vote:hover {background-position: -162px -84px;} ul#navigation li a#toolbox {background-position: -243px 0;} ul#navigation li a#toolbox:hover {background-position: -243px -84px;} ul#navigation li a#guidelines {background-position: -324px 0;} ul#navigation li a#guidelines:hover {background-position: -324px -84px;} ul#navigation li a#about {background-position: -405px 0;} ul#navigation li a#about:hover {background-position: -405px -84px;} /*--search-box--*/ .search-box{ float:right; margin:18px 0 0; width:167px;} .search-box .text{ background:#e5e5e5; border:1px solid #e5e5e5; color:#828282; display:inline; float:left; font:11px Arial, Helvetica, sans-serif; margin:0 2px 0 0; padding:5px 8px; width:120px; } .search-box #button-search{ border:none; float:right; margin:0; } form#churchvideosearch {padding: 10px 0 20px 0px; width: 260px;} form input.home-churchsearch-inputfield { display:block; float: left; color:#444; margin: 0 5px 0 0; padding:8px 10px 0 40px; font:11px Arial, Helvetica, sans-serif; background: url('/images/bg-searchbox-newright.png') no-repeat; border: none; height: 21px; width: 121px; } form input.btn-churchsearch-submit {display: block; float: left; height: 29px; width: 31px;} #facebook-connect-login {margin: 0 0 0 154px;} form li#link-facebook-share input {background: none; color: #444444; font-weight: bold;} form li#link-facebook-share input:hover {color: #b1d219; text-decoration: underline;} #maincontent_wrapper { background: url( '/images/circles.png' ) 0 0 repeat-y; margin: 0 auto; padding: 0 0 25px 0; position:relative; width: 1021px; } #left_col { float: left; padding: 51px 20px 0 20px; position: relative; width: 223px; } #left_col h2 { color: #aaca18; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; line-height: 20px; margin: 0 0 13px 0; } #left_col_shadow { background: url( '/images/left_col.png' ) 0 0 no-repeat; height: 563px; left: 224px; position: absolute; top: 5px; width: 39px; } /* Added Group Info Styles - 2.26.08 */ #group_info {border: 1px solid #dedede; width: 200px; } /*#group_info p {color: #575757; font-family: Helvetica, Arial, sans-serif; font-size: 11px;}*/ div.group_block { background:#fff; padding: 0px 0 12px 0px; border-bottom:1px dashed #dedede; position:relative; } #group_info h3 {background:url( '/images/subheader_bg.jpg' ) no-repeat; color: #575757; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; margin: 0; padding: 8px 0 8px 12px; } #group_info h3 a.edit { float:right; background:#C5DD49; border-left:1px solid #9FBB18; color:#111; font:normal 10px/10px Verdana, Arial, sans-serif; padding:10px; position:absolute; right:0; top:0; text-decoration:none; } #group_info ul { padding:8px 12px 0 12px; } #group_info ul li{ line-height:11px; padding:3px 0px; } #group_info h4 { color: #aaca18; font: bold 15px/17px Helvetica, Arial, sans-serif; margin: 0; padding: 0;} #middle_col { background:url( '/images/middle_col.png' ) 100% 5px no-repeat; color: #444444; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; padding: 46px 48px 0 34px; width: 356px; } #middle_col p { color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 0 14px 0; } /* Moved #middle_col h1 and #middle_col h2 from under #maincontent_wrapper, seperated #middle_col h2 styles from being tied to #left_col h2 styles, changed #middle_col h2 color. */ #middle_col h1 { color: #4f4f4f; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 23px; font-weight: bold; line-height: 30px; margin: 0 0 3px 0; } #middle_col h2 { color: #444444; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; line-height: 20px; margin: 0 0 13px 0; } #middle_col h2 .inline_link a{ color:#81980A; font-size:11px; float:right; margin:-18px 20px 0 0; width:125px; } #middle_col a { color: #476ac0; } #middle_col a:hover { text-decoration: none; } #middle_col table { border: 1px solid #b0c7ff; margin: 0 0 18px 0; } #middle_col td { border-bottom: 2px solid #e3eef9; border-right: 1px solid #e3eef9; padding: 12px; } /* note and bulleted list at top about upcoming features */ #middle_col .additional { background:url( '/images/additional_info_back.gif' ) #fff 0 27px repeat-x; border:1px solid #BBD445; margin:0 0 30px 0; } #middle_col .additional h3{ background:url( '/images/coming_soon_goodness.gif' ) no-repeat #C5DD49 6px 5px; color:#fff; font: bold 12px/12px Helvetica, Arial, sans-serif; padding:7px 0px 7px 30px; } #middle_col .additional ul{ padding:0px 10px 0px 5px; } a#invite-button {background: url('/images/btn-invite-fbfriends.png') no-repeat; display: block; height: 33px; margin: 20px 0 10px 20px; text-indent: -9999px; width: 201px;} #facebook_invite {background: #fff; border: 2px solid #aacd17; width: 620px;} input.btn-spread-wordfb {background: url('/images/btn-spread-wordfb.png') no-repeat; cursor: pointer; display: block; height: 44px; text-indent: -9999px; width: 202px;} input#skip_top {background: url('/images/btn-closefb.png') no-repeat; cursor: pointer; display: block; height: 30px; text-indent: -9999px; width: 106px;} /* Added Styles/IDs below - 2.27.08 */ h1.our_video { float:left; } #middle_col h1.our_video a { color:#638CD7; } #video_section { padding: 0 0 0px 0; } .show_comments { margin-top:18px; } ul#views_votes { background:url( '/images/bg_votes_views.gif' ) no-repeat; float:right; height:33px; margin-right:36px; width:180px; } ul#views_votes li { float:left; color:#fff; padding:7px 0 6px 7px; } ul#views_votes li.views { background:url( '/images/bg_votes_views_sep.gif' ) no-repeat top right; padding:7px 12px 6px 12px; } ul#views_votes li span { color:#aaca18; font-size:15px; font-weight:bold; } #warning_note { background: #fff; border: 1px solid #638CD7; width: 301px; padding: 11px 11px 0 11px; margin: 3px 0 16px 0;} #add_comments { padding: 0 0 29px 0; } #middle_col #add_comments fieldset { background: #fff; border: 1px solid #d4d4d4; padding: 11px; width: 301px;} #middle_col #add_comments legend { background: #333; color: #fff; padding: 4px 7px 4px 7px; margin-bottom:9px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; } #middle_col #add_comments input.text, #middle_col #add_comments textarea { background: #e5e5e5; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #f0f0f0; border-right: 1px solid #d3d3d3; border-top: 1px solid #f0f0f0; color: #828282; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 0 6px 0; padding: 6px 8px; width: 282px; } #middle_col #add_comments input.leave_comments { display:block; height: 33px; width: 298px; border: none; } #maincontent_wrapper #middle_col ul.bullet_list { margin:10px 0 10px 8px; } .as_text ul.all-joined-groups {margin: 0; padding: 25px 0 5px 20px;} .as_text ul.all-joined-groups li {background: url('/images/bullet-doublearrows1.png') no-repeat 0 2px; font:11px Arial, Helvetica, sans-serif; list-style: none; list-style-image: none; margin: 0 0 10px 0; padding: 0 0 0 15px;} #video_comments_section { padding: 0 0 32px 0; } div.message {background: #fff; border: 1px solid #ddeb96; width: 323px; padding: 0 0 4px 0; margin: 0 0 4px 0;} div.message p {color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0 0 0 13px;} div.message h4.post_meta { background: #ddeb96; color: #555; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; margin: 0 0 13px 0; padding: 8px 0 8px 12px; width: 311px;} div.message h4.post_meta span { color:#232323; font-weight:bold; } div.message h4.post_meta a { float:right; margin:-15px 10px 0 0; } div.message span.message_subject {color: #92980A; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; margin: 0; padding: 0 0 0 13px;} div.message a:link img {display: block; padding: 0 0 0 13px;} #middle_col fieldset.small_form { border:1px solid #ccc; width:323px; } #right_col { background:url( '/images/right_col.jpg' ) 0 0 no-repeat; float: left; padding: 5px 23px 0 24px; width: 241px; /* Added height attributes - 2.27.08 */ min-height: 556px; height:auto !important; height:556px;} #right_col h2 { background:url( '/images/get_active.jpg' ) 0 0 no-repeat; color: #393838; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0; padding: 11px 0 8px 19px; width: 222px; } #right_col div.welcome { background:url( '/images/welcome_back.gif' ) repeat-x #B7D51A; padding:10px 15px; } #right_col div.welcome h4 { color:#555; font-size:13px; } #right_col div.welcome span{ color:#212121; display:block; font-size: 22px; font-weight:bold; margin:0; } #right_col fieldset { /* Commented Out 2.27.08 - border-bottom: 1px dashed #d4d4d4; padding: 19px;*/ } #right_col h3 { color: #aaca18; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0 0 6px 0; } #right_col p { color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; margin: 0 0 13px 0; } #right_col input.text, #right_col textarea { background: #e5e5e5; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #f0f0f0; border-right: 1px solid #d3d3d3; border-top: 1px solid #f0f0f0; color: #828282; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 0 6px 0; padding: 6px 8px; width: 184px; } #right_col ul { border-bottom: 1px dashed #ededed; } #right_col ul.menu { border:0; } #right_col li { background:url( '/images/right_col_menu_back.jpg' ) no-repeat left center; display:block; padding: 9px 0 9px 25px; margin: 0 0 0 0px;} #right_col li a:link, #right_col li a:visited {color: #444444; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none;} #right_col li a:hover {color: #b1d219; text-decoration: underline;} #right_col .sidebar_form { border-bottom: 1px dashed #ededed; margin:0; padding: 20px 23px 20px 19px; } #right_col #share_video_section input.share_video {display:block; height: 33px; width: 200px; border: none;} #right_col p.vote_now a {background: url( '/images/videos/btn_votenow.png' ) 0 0 no-repeat; display:block; height: 124px; text-decoration: none; width: 197px; margin: 0 auto 0 auto; position: relative;} #right_col p.share_video a em, #right_col p.vote_now a em {visibility: hidden; } #right_col #join_hook { background:url('/images/join_hook_back.jpg') no-repeat; padding:75px 18px 0px 18px; margin-bottom:-7px; height:89px; } #right_col #join_hook a { color:#333; font-weight:bold; } #right_col #join_hook h2 { background:0; height:1px; line-height:1px; text-indent:-9999px; margin:0; padding:0; } #right_col .sidebar_form select { background: #fff; color:#333; padding: 0; margin: 0 7px 0 0; width:132px; } .get_active_block { margin:20px 0 0 10px; position:relative; } /* things like share video , invite members in right col */ /* voting */ p.login_to_blah { background:#ddd; border:1px solid #d5d5d5; color:#222; line-height:16px; padding:8px; } #middle_col p.login_to_blah { width:85%; } #right_col p.login_to_blah a, #middle_col p.login_to_blah a { color:#000; font-weight:bold; } #right_col p.login_to_blah a:hover { text-decoration:none; } #right_col a img { padding:8px 0 0px 0px; float:none; } #answer_briefs { padding: 18px; } #answer_briefs h4 { background: #e8eeff; color: #aaca18; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 11px; padding: 7px 13px; } #answer_briefs p { background: #f7f7f7; color: #444444; font-size: 11px; line-height: 14px; margin: 0 0 16px 0; padding: 13px; } #answer_briefs p a { color: #496eca; font-weight: bold; text-decoration: none; } #view_all { background: url( '/images/view_all_btn.jpg' ) 0 0 no-repeat; display: block; height: 27px; overflow: hidden; text-indent: -10000px; width: 207px; } /* --- =footer --- #footer_wrapper { background: url(/images/footer_circles.jpg) top left repeat-x; clear: both; width: 100%; } #footer { min-height: 154px; list-style: none; margin: 0 auto; padding: 27px 55px 0 126px; text-align: right; width: 830px; } * html #footer { height: 154px; } #ul_wrapper { float: left; margin: 0; padding: 16px 0 0 0; width: 387px; text-align: right; } #footer ul.left { clear: both; float: right; margin: 0 0 10px 0; padding: 0; text-align: right; width: 400px; } #footer ul li { background: none; float: right; margin: 0 16px 0 0; padding: 0; } #footer ul li.last { margin: 0; } #footer li.home a { background: url( '/images/footer-home_icon.jpg' ) 0 2px no-repeat; display: block; height: 10px; overflow: hidden; padding: 0 0 2px 0; text-indent: -1000px; width: 10px; } #footer li a { color: #999e11; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; } #footer li a:hover { text-decoration: underline; } #footer ul.right { color: #848484; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 379px } #footer ul.right li { display: block; float: left; } #footer ul.right li.text { margin: 0 5px 0 0; padding: 17px 0 0 0; } #foundation_link { background: url(/images/foundation_logo.jpg) 0 7px no-repeat; display: block; float: left; height: 40px; padding: 7px 13px 0 0; width: 113px; } #pcusa_link { background: url(/images/pcusa_logo.jpg) top left no-repeat; display: block; float: left; height: 58px; width: 58px; } */ /*----------------------footer----------------------*/ #footer{ background:#fff url( '/images/bg-footer.jpg' ) repeat-x 50% 0; height:155px; overflow:hidden; width:100%; } .footer-holder{ width:943px; margin:22px auto 0; padding: 0 0 40px 0; overflow:hidden; } /*--footer-nav--*/ .footer-nav{ float:left; width:300px; padding:2px 0 0 0; margin: 0; } .footer-nav ul{ float:right; margin:12px 0 0 0; padding:0; } .footer-nav li{ float:left; display:inline; margin:0 0 0 14px; list-style:none; } .footer-nav li.home a{ float:left; margin:2px 0 0; width:10px; height:10px; text-indent:-9999px; overflow:hidden; background:url(/images/bg-footer-nav.gif) no-repeat; } .footer-nav ul a{ text-decoration:none; color:#999e11; font:11px/13px Arial, Helvetica, sans-serif; } .footer-nav ul a:hover{text-decoration:underline;} /*--footer-logo--*/ ul.footer-logo{ float:right; margin:0; padding:0 25px 0 0; } ul.footer-logo li{ float:left; margin:0 0 0 22px; list-style:none; display:inline; } ul.footer-logo strong{ float:left; margin:19px 0 0; padding:0 7px 0 0; font:11px/16px Arial, Helvetica, sans-serif; color:#848484; } ul.footer-logo img{ border:none; float:left; margin:0; } ul#friends, ul#members { margin-top:3px; } ul#friends a, ul#members a { color:#333; } ul#friends a:hover, ul#members a:hover { color:#a8b523; } ul#friends li, ul#members li { display:block; height:16px; border-bottom:1px dotted #dedede; padding:10px 0; } ul#friends img, ul#members img { margin-left:9px; float:right; vertical-align:top; } .clear_div { clear:both; } label{ display:block; font-weight:bold;} body #maincontent_wrapper p.flash { background: #000; color:#fff; font-weight: bold; padding:6px 7px; position: relative; margin:-18px 0 17px 0; text-align:center; border: 2px solid #badc00; z-index: 999;} #maincontent_wrapper a.action_link, .submit, /*.reset,*/ .register { background:#B6D518; border:1px solid #899F09; color:#fff; padding:7px 10px; text-decoration:none; text-transform:uppercase; } /* tooltip in right column for things like invite members */ .ToolText, .ToolText_long, .ToolTextHover, .ToolTextHover_long{ background:url( '/images/icon_help.gif' ) no-repeat; cursor:pointer; position:absolute; top:14px; right:55px; width:25px; height:25px; } .ToolText_long, .ToolTextHover_long{ right:35px; } .ToolText span, .ToolText_long span{display: none;} .ToolTextHover span, .ToolTextHover_long span{ background-color:#DDEB96; border:1px double #B6D515; color:#222; display:block; font-size:12px; font-weight:normal; padding:7px; position:absolute; right:22px; text-align: center; top:25px; width:220px; } /* pagination */ div.pagination, #middle_col div.pagination { line-height:24px; padding: 3px; margin: 3px 3px 18px 3px; } div.pagination a, #middle_col div.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #7C8F11; text-decoration: none; color: #98AF15; } div.pagination a:hover, div.pagination a:active, #middle_col div.pagination a:hover, #middle_col div.pagination a:active { background:#98AF15; border: 1px solid #7C8F11; color: #fff; } div.pagination span.current, #middle_col div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #7C8F11; font-weight: bold; background-color: #98AF15; color: #FFF; } div.pagination span.disabled, #middle_col div.pagination span.disabled { background:#eee; padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #bbb; color: #bbb; } /* input fields */ .text, { background: #E5E5E5; border:1px solid #f0f0f0; border-color:#f0f0f0 #ccc #ccc #f0f0f0; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0 0 15px 0; padding:7px; } /* comments, wall messages, etc */ .message { border-bottom:1px solid #ddd; color:#444; font:12px/12px Helvetica, Arial, Verdana, sans-serif; padding:16px; } .message .message_subject { color:#a8b523; display:block; font-weight:bold; padding:0 0 3px 0; } .block { background:none; border:1px solid #ddd; padding:6px 0px 6px 0px; margin-bottom:8px; } .block h3 { margin: 0 0 8px 0; } /* search results/ all_videos results */ #one_col .videos_list { width:560px; } #one_col .videos_list li { padding:15px 0 10px 0; border-bottom:1px dashed #aaa; } #one_col .videos_list li dl { display:block; } #one_col .videos_list li dt { border:4px solid #BFDB35; float:left; margin:0 10px 20px 0; } #one_col .videos_list li dd { display:block; float:left; margin-bottom:3px; width:330px; } #one_col .videos_list li dl dd h2 { font-size:22px; line-height:25px; margin:0px 0 0 0px; width:385px; } #one_col .videos_list li dl dd h2 a{ color:#a8b523; } #one_col .videos_list li dl dd h2 a:hover{ text-decoration:none; } #one_col .videos_list li dl dd.link_to a{ background-color:#a8b523; display:block; border:1px solid #88b523; color:#fff; margin:10px 0; padding:5px; width:90px; text-align:center; text-decoration:none; } #one_col .videos_list li dl dd.link_to a:hover{ background-color:#eee; border:1px solid #fff; color:#333; text-decoration:underline; } #one_col .videos_list li dl dd.iconed { background:url("/images/location-icon.png") 0 0 no-repeat; padding:6px 0 6px 28px; } #one_col .videos_list li dl dd#video-title { background-image:url("/images/video-icon.png"); } #one_col .videos_list li dl dd#church-location { margin-top:4px; } #one_col, #one_col.edit { margin: 43px 42px 0 0px; float:left; width:508px; } #one_col.admin { margin: 53px 42px 0 52px; width:600px; } #one_col h2 { background: none; color: #a8b523; font-family: Helvetica, Arial, sans-serif; font-size: 26px; font-weight: bold; line-height: 28px; padding: 0; margin: 0 0 18px 0; } #one_col .text { background: #E5E5E5; border:1px solid #f0f0f0; border-color:#f0f0f0 #ccc #ccc #f0f0f0; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0 0 15px 0; padding:7px; } #one_col .text.small { font-size:11px; color:#222; } #one_col label { display:block; font-size:12px; font-weight:bold; margin:1px 0; } #one_col form { margin-bottom:20px; } #one_col form a { color:#909C1E; } #one_col form a:hover { text-decoration:none; } #one_col a.action_link, .submit, .reset, .register { background:#B6D518; border:1px solid #899F09; color:#fff; padding:7px 10px; text-decoration:none; text-transform:uppercase; } #one_col a.action_link:hover, .submit:hover, .reset:hover { border:1px solid #666; } .submit { display:block; float:left; margin:10px 0 26px 0; } .submit.post_message { margin:-4px 0 0px 0; } .reset { background:#fff; border:1px solid #ddd; color:#bbb; float:left; margin:13px 0 0 13px; padding:4px 6px; } .back_float { float:right; } p.note {margin:0; padding:0; font-style:italic; line-height:12px;} #one_col.new_form { margin-left:87px; margin-right:106px; } #one_col.new_form.push_out a.reset {background: url("../images/btn-back.gif") no-repeat; display: block; height: 33px; text-indent: -9999px; width: 90px;} #one_col.new_form.push_out a.resend-invite {background: url("../images/btn-resend-invite.gif") no-repeat; display: block; height: 33px; text-indent: -9999px; width: 200px;} #one_col.new_form form { margin: 15px 15px 15px 0px; } #one_col.new_form p { margin: 15px 15px 15px 0px; width: 512px; } #one_col.new_form p.flash { margin: 0 15px 15px 0px; position: relative; z-index: 999; } #one_col.new_form legend { color: #000000; font-size: 12px; font-weight: bold; padding: 8px; background:#c8de4f; border: 1px solid #9ab716; } #one_col fieldset.signup { background: #ffffff; display: block; clear: both; width: 512px; padding: 10px 10px 20px 10px; position: relative; margin: 15px 0 0 0; border: 1px solid #ddd; } #one_col fieldset.signup div.lookup { background: #EDEDED; border-bottom: 1px solid #D3D3D3; border-left: 1px solid #F0F0F0; border-right: 1px solid #D3D3D3; border-top: 1px solid #F0F0F0; right: -20px; position: absolute; padding: 12px 0; top: 0; width: 175px; z-index: 500; } #one_col fieldset.signup div.lookup h3 { font-size: 14px; margin: 0 0 6px 12px; text-transform: capitalize; } #one_col fieldset.signup div.lookup ul { border-bottom: 1px dotted #D3D3D3; margin: 0 0 6px 0; } #one_col fieldset.signup div.lookup li { border-top: 1px dotted #D3D3D3; cursor: pointer; display: block; padding: 3px 12px; } #one_col fieldset.signup div.lookup li:hover { background: #cccccc; } #one_col fieldset.signup div.lookup a { display: block; font-weight: bold; margin: 0 0 0 12px; } #one_col fieldset.signup table { margin: 8px 0 0 0; width: 510px; } #one_col fieldset.signup table tr td { border-bottom: 1px dashed #d6d6d6; padding: 2px 14px 2px 0; height: 20px; text-align: left; vertical-align: middle; } #one_col fieldset.signup table tr td.no_border { border:0; } #one_col fieldset.signup table tr td label { float: right; margin: 0; text-align: right; } #one_col fieldset.signup select { border: 2px solid #c8de4f; background:#fff; padding: 0; margin: 0; } #one_col.new_form p.between { border:1px solid #ddd; background: #ededed; font-weight: bold; margin:-13px 0 0 0; padding: 6px 16px 6px 6px; } /* note between fieldsets */ #one_col.new_form p.required_note { background: #ededed; color:#111; display:block; font-weight: bold; margin:-10px 0 15px 0; padding: 4px 16px 4px 6px; clear:right; text-align:left; } .fieldset_bottom { background: url( '/images/fieldset_bottom.png' ) 0 0 no-repeat; display: block; height: 16px; display:block; text-align:left; width: 532px; padding: 0; margin: 0 0 15px 52px; } td.first { width: 140px; } ul.account_types { margin:9px 0; } ul.account_types li { margin:3px 0; } #one_col fieldset.signup table { margin: 0; } #one_col fieldset.signup table tr td ul.account_types label, #one_col ul.account_types label { cursor: pointer; float: none; font-weight: normal; text-align: left; } #one_col table tr td { padding: 2px 14px 2px 0; height: 20px; text-align: left; vertical-align: middle; } #one_col.new_form input.text, body#nomember fieldset.signup textarea { background: url( '/images/textinput_bg.jpg' ) bottom left repeat-x #ffffff; border: 2px solid #c8de4f; margin: 0; padding: 5px; } body#nomember fieldset.signup textarea#report { background:#ffcc00; border: 9px solid #c8de4f; margin: 0; padding: 5px; } #one_col.new_form input.login { background: url( '/images/login_btn.gif' ) top left no-repeat; border: 0; margin: 7px 60px 0 0; overflow: hidden; text-indent: -1000px; height: 54px; width: 114px; } #one_col.new_form input.register { background: url( '/images/register_btn.jpg' ) top left no-repeat; border: 0; cursor: pointer; margin: 14px 0 0 0; overflow: hidden; float: right; text-indent: -1000px; height: 117px; width: 244px; } #one_col.new_form input.reset_password { background: url( '/images/reset_password_btn.gif' ) top left no-repeat; border: 0; cursor: pointer; margin: 14px 0 0 0; overflow: hidden; text-indent: -1000px; height: 47px; width: 304px; } #one_col.new_form p.form_finish { color: #000000; text-align: right; padding: 25px 17px 0 0; margin: 0; width: 242px; } /* login page reset pass / register links */ #one_col.new_form ul.account_options { display:block; margin:9px 0; } #one_col.new_form ul.account_options li { display:inline; margin-right:16px; } #maincontent_wrapper table#admin_list { font:11px/11px Helvetica, Arial, Verdana, sans-serif; width:100%; margin-bottom:15px; } #maincontent_wrapper table#admin_list th { background:#444; border-left:1px solid #666; color:#fff; padding:7px 5px; } #maincontent_wrapper table#admin_list tr td { border-bottom:1px dotted #ccc; } #maincontent_wrapper table#admin_list td { padding:5px 0; } #maincontent_wrapper table#admin_list td a { color: #899F09; text-decoration: underline; } #maincontent_wrapper table#admin_list td a:hover { color: #222; } #maincontent_wrapper table#admin_list td span.not_approved { background:#B6D518; border:1px solid #B6D518; display:block; color: #fff; padding:3px 0px 3px 3px; text-align:center; width:80%; } #maincontent_wrapper ul.bullet_list li { background: url( '/images/bull.jpg' ) 0 6px no-repeat; font-size: 11px; padding: 7px 0 7px 23px; } #maincontent_wrapper ul.bullet_list li a { color: #9F9F9F; font-weight: normal; } #maincontent_wrapper .voting_closed { background:url('/images/welcome_back.gif') repeat-x #B6D519; line-height:17px; padding:5px 20px; margin-top:-10px; width:520px; } #maincontent_wrapper .voting_closed p { width:auto; } #maincontent_wrapper .voting_closed a { color:#fff; } /* ~~~~~~~~~~~~~~ error handling ~~~~~~~~~~~~~~~ */ .fieldWithErrors { padding: 2px; background-color: red; display: table; margin-bottom:12px; } #errorExplanation { border: 1px solid red; padding: 7px; background:#EFE0E0; padding: 12px; margin-bottom: 20px; margin: 0 0 26px 0px; } #errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; color: #cc0000; } #errorExplanation p { color: #333; margin:5px 0 0 0; padding: 5px; } #errorExplanation ul{ margin:0 0 0 25px; } #errorExplanation ul li { font-size: 12px; list-style: square; } div.uploadStatus { margin: 5px; } div.progressBar { margin: 5px; } div.progressBar div.border { background-color: #fff; border: 1px solid #ccc; width: 100%; } div.progressBar div.background { background-color: #333; height: 18px; width: 0%; } .validation-error { color: red; font-size:11px; padding-left: 5px; } /* MUCKRAKERS */ .the_muckrakers #maincontent_wrapper { background:url( '/images/muckrakers/circles.png' ) 0 0px repeat-y; } #band_rob, #band_micah, #band_brian, #band_david { background: url( '/images/muckrakers/band_profile_bg.png' ) 0 0 no-repeat; margin: 0 0 10px 0; padding: 10px 0 3px 11px; width: 203px; } .band_profile img { background: url( '/images/muckrakers/profile_frame.jpg' ) 0 0 no-repeat; float: left; height: 85px; margin: 0 5px 0 0; padding: 7px 12px 12px 7px; width: 68px; } .band_profile p { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; margin: 0 0 13px 0; padding: 0; width: 195px; } .band_profile em { color: #7e7e7e; } #shows_table { background:#fff; } #downloads { border:1px solid #cedbfc; border-bottom:0; margin:0; padding:0; width:355px; } #downloads li, #downloads li a { background: #e8eeff; border-bottom:1px solid #cedbfc; color:#222; clear: both; display: block; font:bold 10px/11px Verdana, Arial, Helvetica, sans-serif; list-style:none; padding:8px; position:relative; } #downloads li span { color:#777; font-weight:normal; } #downloads li a { background:#9ab5fd; border-left:1px solid #628DFE; color:#fff; display: block; float: right; position:absolute; top:0; right:0; width: 70px; } #downloads li a:hover { background: #7FA4FF; } .the_muckrakers #left_col a { color:#476AC0; } .the_muckrakers #middle_col .muckrakers_intro h1.as_title { color:#4f4f4f; font-size:30px; } .the_muckrakers #middle_col .post_intro h1.as_title { display: block; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; line-height: 20px; margin: 0 0 3px 0; text-transform:uppercase; } .the_muckrakers #middle_col h2 { margin:0 0 3px 0; } .the_muckrakers #middle_col embed { margin:0 0 0 -12px; } .the_muckrakers #right_col { background-image:url( '/images/muckrakers/right_col.jpg' ); } .the_muckrakers #right_col h2 { background-image:url( '/images/muckrakers/get_active.jpg' ); margin-left:1px; } .the_muckrakers #right_col form { border-bottom: 1px dashed #d4d4d4; padding:18px 0 18px 18px; float:none; } .the_muckrakers #right_col a img { padding:18px 0 18px 18px; float:none; } .the_muckrakers #right_col .brief { font:normal 10px/13px Verdana, Arial, Helvetica, sans-serif; margin-top:-10px; } .the_muckrakers #right_col .brief_link { display:none; } .the_muckrakers #right_col .brief_title { background:#e8eeff; display:block; font-weight:bold; margin:10px 0 0 0; padding:5px 7px; } .the_muckrakers #right_col .brief_summary { background:#f7f7f7; color:#444; display:block; padding:10px; } .the_muckrakers #left_col h2, .the_muckrakers #right_col h3, .the_muckrakers #middle_col h2, .the_muckrakers #middle_col h1.as_title { color:#476ac0; }