/* Body/Structure ------------------------------------------------------*/ body { font: 8pt tahoma, arial, verdana, sans-serif; height: 100% } #container { width: 1000px; } #hd { position: relative; z-index: 2 } #bd { position: relative; z-index: 1 } /* Site Header */ #hd { background: url( '../images/header/header.jpg' ) no-repeat; width: 1000px; height: 106px; position: relative } /* offset for flag masthead */ #menu { position: absolute; bottom: 4px; left: 6px; width: 993px; height: 30px; color: #fff; } #menu .item a, #menu .text { color: #fff; padding: 9px 20px 0px 20px; height: 23px; } #menu .item a { text-decoration: none; display: block; float: left; } #menu .item a:hover { background: url( '../images/header/menu_selected_item_bg.png' ) repeat-x; } #menu .divider { width: 1px; height: 32px; font-size: 0; background-image: url( '../images/header/menu_divider.png' ); float: left; } #menu .item { position: relative } #menu .item, #menu .item_selected { height: 32px; float: left; } #menu .item_selected { background: url( '../images/header/menu_selected_item_bg.png' ) repeat-x; font-weight: bold; } #menu .text { float: left; } #menu .right { float: right; margin-right:5px; } #menu .submenu { position: absolute; border: #d3d3d3 1px solid; border-top-width: 0px; padding: 5px 0; background-color: #fff; top: 32px; left: 0px; z-index: 2; visibility: hidden } #menu .rule { margin: 2px 10px; border-top: #ddd 1px solid; font-size: 0 } #menu .submenu div.option { padding: 0px 0 } #menu .submenu div.option a.suboption { padding-left: 20px } #menu .submenu div.option a { font-weight: normal; display: block; padding: 5px 15px; text-decoration: none; float: none; height: auto; color: #000 } #menu .submenu div.option a:hover { background: #1a7a9c; color: #fff } #menu .submenu div.option strong { font-weight: bold; display: block; padding: 5px 15px; color: #000 } #submenu_people { width: 130px } #submenu_legs1 { width: 180px; height: 200px; overflow: auto; } #submenu_legs2 { width: 180px;} #submenu_groups { width: 200px } #submenu_bills { width: 180px } #submenu_bills_open { width: 100px } #submenu_issues_open { width: 100px } #submenu_bills2 { width: 200px; height: 200px; overflow: auto; } /* Site Footer */ #ft { margin-top: 20px; margin-bottom: 20px; border-top: 1px solid; padding: 10px 0px; } #ft a { text-decoration: none; } #ft .left { width: 200px; float: left; } #ft .right { width: 400px; float: right; text-align: right; } #ft .divider { padding: 0px 5px } /* Site Body */ #bd { padding-top: 30px } /* Welcome Message */ #welcome { background-color: #f1f1f1; padding: 11px; border: 1px solid #ddd; margin: 0 0 30px 0; height: auto } #welcome h2 { margin: 0; float: left } #welcome div { float: left; margin: 1px 0 0 20px } /* Misc ------------------------------------------------------*/ h1.first, h2.first, h3.first, h4.first, div.first { margin-top: 0 !important } div.last { padding-bottom: 0 !important; border-bottom: 0 !important; margin-bottom: 0 !important } .hidden { display: none !important } .hidden_submit{ display: none !important } .hidden2 { display: none } /* Headers ------------------------------------------------------*/ h1, h2, h3, h4 { font-family: arial, tahoma, verdana, sans-serif; font-weight: bold } h1 span, h2 span, h3 span, h4 span { font-weight: normal } h1 { font-size: 1.7em; margin: 3em 0 .5em 0 } h1.margin1 { font-size: 1.7em; margin: 1.5em 0 .5em 0 } h1 em { font-style: normal; font-weight: bold } h2 { font-size: 1.3em } h3, h4 { font-size: 1.1em } h3 { margin: 3em 0 1em 0 } h3.first { margin: 1em 0 !important } h4 { margin: 3em 0 .75em 0 } h2.bill_number { color: #aaa } p { font-size: 1.07em;} small { font-size: 1em } .small2 { font-size: 1em } /* Image Headers, ih=image header. Image headers should always use h6 */ h6 { position: relative; overflow: hidden } h6 span { position: absolute; left: 0; top: 0; background-repeat: none; width: 100%; height: 100%; } /* Set 1 */ h6.ih_set1 { width: 335px; height: 45px; margin-bottom: 5px } h6.ih_set1 span { background-image: url(../images/text_images/headers/set1.gif) } h6.ih_set1 #ih_communicate_with_your_elected_officials { background-position: left 0 } h6.ih_set1 #ih_find_and_track_legislation { background-position: left -50px } h6.ih_set1 #ih_increase_your_political_influence { background-position: left -100px } h6.ih_set1 #ih_join_forces_with_community { background-position: left -150px } h6.ih_set1 #ih_improve_the_democratic_process { background-position: left -200px } /* Icons */ h1.icon_header { height: 32px } .icon_header { padding: .25em 0 0 39px; background-position: left center; background-repeat: no-repeat } .ih_wall { background-image: url( '../images/icons/32x32_wall.png' ) } .ih_bills { background-image: url( '../images/icons/32x32_bills.png' ) } .ih_bill_position { background-image: url( '../images/icons/32x32_bill_position.png' ) } .ih_bill_tracking { background-image: url( '../images/icons/32x32_bill_tracking.png' ) } .ih_keyword_tracking { background-image: url( '../images/icons/32x32_bill_tracking.png' ) } .ih_notifications { background-image: url( '../images/icons/32x32_notifications.png' ) } .ih_broadcast_email { background-image: url( '../images/icons/32x32_broadcast_email.png' ) } .ih_poll { background-image: url( '../images/icons/32x32_poll.png' ) } /* Anchors ------------------------------------------------------*/ .link1 { font-weight: bold } .link2 { font-size: .85em } .link3 { font-size: 1.1em; font-weight: bold; text-decoration: none; } .feedback_link { color: #f9eaa4 !important } .link_add_item { background: url('../images/icons/11x11_create.png') no-repeat 0 2px; padding-left: 14px } .link_edit_item { background: url('../images/icons/11x11_edit.png') no-repeat 0 2px; padding-left: 14px; color: #999; font-size: 1em } h1 .link_edit_item { font-size: 8pt; font-weight: normal; font-family: tahoma, arial, verdana, sans-serif; position: relative; top: -2px; left: 10px } /* Flash ------------------------------------------------------*/ #flash-notice { background-color: #dce8e9; border: #9dadc2 1px solid; color: #104c6f; } #flash-warning { background-color: #e0e0e0; border: #aaaaaa 1px solid; color: #4c4c4c; } /* Alerts ------------------------------------------------------*/ .alert_general { margin: 0 auto 20px auto; font-weight: bold; padding: 13px 58px 12px 20px; width: 450px; position: relative } .alert_success { margin: 0 auto 10px auto; background-color: #dce8e9; border: #9dadc2 1px solid; color: #104c6f; font-weight: bold; padding: 6px 10px; width: 250px; position: relative; } .alert_error { margin: 0 auto 10px auto; background-color: #fbe7e1; border: #e37b7b 1px solid; color: #000; font-weight: bold; padding: 6px 10px; width: 250px; } .alert_error_fixed { margin: 0 auto 20px auto; background-color: #fbe7e1; border: #e37b7b 1px solid; color: #000; font-weight: bold; padding: 13px 20px 12px 20px; width: 450px; position: relative } .alert_error_full { margin: 0 auto 20px auto; background-color: #fbe7e1; border: #e37b7b 1px solid; color: #000; font-weight: bold; padding: 13px 20px 12px 20px; position: relative } /* close button, etc */ .alert_general div, .alert_error_full div { position: absolute; right: 0px; top: 0px; width: 38px; height: 38px; display: block; background: transparent url('../images/buttons/alert_x.png') no-repeat; cursor: pointer } .alert_success div { position: absolute; right: 0px; top: 0px; width: 25px; height: 25px; display: block; background: transparent url('../images/buttons/alert_x.png') no-repeat -6px -7px; cursor: pointer } .loading_img { width: 20px; height: 20px; background: transparent url('../images/misc/loading.gif') no-repeat center center } .button_container .loading_img { float: left; height: 25px } /* Thickbox Windows ------------------------------------------------------*/ .thickbox_container { display: none } .TB_overlayBG { opacity: .30; filter:alpha(opacity=30) } #TB_window { border: #fff 0px solid } #TB_ajaxContent p { padding: 0 } .TB_modal { border: #7c7c7c 1px solid; background-color: #fff; padding: 0px !important } .TB_modal .inner_border { border: #eaeaea 3px solid; padding: 20px 20px 10px 20px } /* Padding */ .TB_modal .options { padding-top: 10px; overflow: hidden; width: 100% } /* Specific Formatting */ .TB_modal h1 { font: bold 1.3em arial, tahoma, verdana, sans-serif; margin: 0px; color: #104c6f; margin-bottom: 1em } .TB_modal .options { height: 26px; border-top: #e5e5e5 1px solid; text-align: right; margin-top: 10px } .TB_modal .options a { float: right; margin: 5px 0 0 5px } .TB_modal .options a.button { float: right; margin: 0 0 0 6px } /* Specific Formatting */ #TB_ajaxContent h1 { font: bold 1.3em arial, tahoma, verdana, sans-serif; margin: 0px; color: #104c6f; margin: 0.5em 0; } #TB_ajaxContent div.formatting { float: left; margin-bottom: 0.5em; width: 30%; } #TB_ajaxContent div.more_formatting { clear: left; } /* Children css */ .TB_modal li { list-style-type: disc; list-style-position: inside; padding: 5px 0px } .TB_modal ol li { list-style-type: decimal } .TB_modal ol, .dialog_window ul { padding: 5px 0px } /* Link Buttons ------------------------------------------------------*/ /* Buttons */ .button_container { overflow: hidden; width: 100%; margin: 5px 0; position: relative } /* generic container (i.e. div) for floating buttons */ .button_container a.link2 { position: relative; top: 5px } .button_container_indent { position: relative; left: 188px } .button_container_indent2 { position: relative; left: 108px } .button_container_indent3 { position: relative; left: 145px } a.button, a.button span.wrap { background: transparent url('../images/buttons/button1.gif') no-repeat scroll } a.button { background-position: top right; display: block; float: left; font: bold 12px arial, sans-serif; color: #fff !important; height: 26px; margin-right: 6px; padding-right: 18px; text-decoration: none !important; position: relative; } a.button span.wrap { background-position: top left; display: block; line-height: 26px; padding: 0px 0 0px 18px; } a.button:hover { background-position: center right; outline: none } a.button:hover span.wrap { background-position: center left } a.button:active { background-position: bottom right; color: #000; outline: none } a.button:active span.wrap { background-position: bottom left; } a.button:active span.wrap span { position: relative; top: 1px } a.button2, a.button2 span.wrap { background-image: url('../images/buttons/button2.gif') } a.button2 { line-height: 20px; height: 20px; font-size: .95em; padding-right: 10px } a.button2 span.wrap { line-height: 20px; padding-left: 10px } /* Tables ------------------------------------------------------*/ table { width: 100% } th, td { border: 0 } th { padding: 0px 30px 10px 0; font-size: 1.1em; border-bottom: 1px solid; text-align: left } td { padding: 5px 30px 5px 0; vertical-align: top; } tr.first td { padding-top: 10px } /* Paragraphs ------------------------------------------------------*/ p { margin-bottom: 5px } p.p2 { margin-bottom: 10px } p.p3 { margin-bottom: 20px } p.p4 { margin-left: -7px } div.content1 { font-size: 1.2em; line-height: 1.3em } div.content1 h2 { margin-top: 40px } div.content1 p { margin-bottom: 30px; font-size: 1em } div.content1 ul { margin-bottom: 25px } div.content1 li { margin-bottom: 5px } div.content1 img { border: #f4f4f4 6px solid; margin: 20px 0 30px 0; padding: 1px; background-color: #ddd } /* Site-wide Layout ------------------------------------------------------*/ .float_container1 { margin-bottom: 30px } .float_container1 div { float: left; margin-right: 10px } .float_container1 div.no_margin { margin-right: 0px } .col, .col1, .col2, .col3, .col4, .col5 { float: left } .col2 { width: 40% } /* Images */ .imageSize1 { width: 50px } /* Labels */ label { padding-right: 5px; position: relative } label.label2, label.label3, label small { width: 180px } label.label2 { text-align: right; font-weight: bold; display: inline-block } /* label next to regular text */ label.label3 { text-align: right; font-weight: bold; display: inline-block } /* labels next to inputs, special IE property set in base-ie-all.css */ label.label3_smaller { text-align: right; font-weight: bold; display: inline-block; width: 100px } /* labels next to inputs, special IE property set in base-ie-all.css */ label.label4 { inline-block } /* labels next to inputs, special IE property set in base-ie-all.css */ label.label5 { width: 200px; text-align: right; display: inline-block } /* label next to regular text */ label.label6 { font-weight: normal !important } label small.attached { padding-right: 10px; position: absolute; top: 18px; left: 0px; text-align: right; font-weight: normal } /* Form Submit Button */ .form_submit_button { margin: 30px 0 0 185px } /* Left margin should be close to label3:width + label:padding-right */ .form_submit_button2 { margin: 0 0 0 185px } /* Left margin should be close to label3:width + label:padding-right */ .form_submit_button3 { margin: 15px 0 0 0 } /* Image Offsets (for images next to text) */ .imageOffset1 { position: relative; top: 7px; left: 5px } .imageOffset2 { position: relative; top: 5px; left: 2px } /* For images next to inputs (like bill search) */ .inline { padding-bottom: 5px } .inline * { float: left; margin: 0px 5px 0 0 } .inline * * { float: none; margin: 0 } /* Child selector work around */ /* Link sets */ .icon_link_set p, .icon_link_set h3 { margin-left: 15px } .icon_link_set p { padding: 3px 0 0 28px; position: relative; margin-bottom: 7px } .icon_link_set img { position: absolute; left: 0px; top: 0px } .link_set a { margin-bottom: 10px; display: block } .link_set2 a { margin-right: 20px } /* Profile Header */ .profile_options { width: 142px; float: left } .profile_options * { display: block; margin-bottom: .25em } .profile_options_small { width: 90px; float: left } .profile_info { width: 750px; float: left } .profile_info h4 { margin-top: 0px;} .profile_info_small { width: 550px; float: left } .profile_info label { font-weight: bold } .profile_info label.type2 { display: block; margin-bottom: .75em; } /* Wall */ .wall form textarea { width: 100%; height: 90px } .wall form .btn_post { margin-top: .3em } /* .wall div.post { margin-top: 20px; padding-top: 20px; border-top: 1px solid } .wall div.post img, .wall div.post .comment { float: left } .wall div.post .comment { width: 750px; padding-left: 1em } */ /* Bill Position */ .bill_position * { float: left } .bill_position .button { position: relative; top: -3px; margin-left: 10px } .bill_position .attach { margin-left: 20px } .bill_position .file{ position: relative; top: -3px } /* Pagination */ .pagination { margin: 30px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid } .pagination em { font-style: normal; margin: 0 60px 0 10px } .pagination .pages { margin: 0 20px } .pagination .pages a, .pagination .page { margin: 0 2px } .pagination_head { border-bottom: 1px solid; border-top: 0; margin: 10px 0 30px 0; padding: 0 0 10px 0 } /* Legislator Blog */ .legislator_blog .info img { float: left; padding-right: 1em } .legislator_blog .blog { padding: 15px; margin: 1em 0 2em 0; border: 1px solid; max-height: 250px; overflow: auto } .legislator_blog .blog .post { border-top: 1px solid; margin-top: 20px; padding-top: 20px } .legislator_blog .blog .new { padding: 12px 10px 10px 40px; margin-bottom: 7px; border: 1px solid; background: url( '../images/icons/18x18_star.png' ) no-repeat 10px 10px } /* Notifications, nt=notification type */ .notification { background-position: left 5px; background-repeat: no-repeat; padding: 8px 25px 0 30px; margin-bottom: 5px; border-top: 1px solid } .notification .close { background-image: url( '../images/icons/18x18_close_notification.png' ); width: 18px; height: 18px; float: right; position: relative; top: -2px; left: 25px; cursor: pointer; } .notification .approve_deny { float: right; position: relative; left: 30px; top: -1px } .nt_new_mail { background-image: url( '../images/icons/22x22_new_mail.png' ) } .nt_new_mail_multiple { background-image: url( '../images/icons/22x22_new_mail_multiple.png' ) } .nt_new_wall_post { background-image: url( '../images/icons/22x22_new_wall_post.png' ) } .nt_new_wall_post_multiple { background-image: url( '../images/icons/22x22_new_wall_post_multiple.png' ) } .nt_friend_request { background-image: url( '../images/icons/22x22_friend_request.png' ) } .nt_bill_next_stage { background-image: url( '../images/icons/22x22_bill_next_stage.png' ) } .nt_new_bill_with_keyword { background-image: url( '../images/icons/22x22_new_bill_with_keyword.png' ) } .nt_new_bill_position { background-image: url( '../images/icons/22x22_new_bill_with_keyword.png' ) } .nt_new_group_wall_post { background-image: url( '../images/icons/22x22_new_group_wall_post.png' ) } .nt_new_group_wall_post_multiple { background-image: url( '../images/icons/22x22_new_group_wall_post_multiple.png' ) } .nt_new_legislator_wall_post { background-image: url( '../images/icons/22x22_new_legislator_wall_post.png' ) } .nt_new_bill_wall_post { background-image: url( '../images/icons/22x22_new_bill_wall_post.png' ) } .nt_new_bill_wall_post_multiple { background-image: url( '../images/icons/22x22_new_bill_wall_post_multiple.png' ) } .nt_new_bill_wall_post_group { background-image: url( '../images/icons/22x22_new_bill_wall_post_group.png' ) } .nt_new_bill_wall_post_group_multiple { background-image: url( '../images/icons/22x22_new_bill_wall_post_group_multiple.png' ) } .nt_new_members_in_your_district { background-image: url( '../images/icons/22x22_new_members_in_your_district.png' ) } .nt_join_group_request { background-image: url( '../images/icons/22x22_join_group_request.png' ) } .nt_system { background-image: url( '../images/icons/22x22_key_feature_receive.png' ) } .nt_new_poll { background-image: url( '../images/icons/22x22_poll.png' ) } /* Notification Settings */ .notification_settings .setting { height: 25px; background-position: left 6px; background-repeat: no-repeat; padding: 7px 25px 0 30px; margin-bottom: 2px; border-top: 1px solid } .notification_settings .setting span { position: relative; top: -2px; left: 5px } .notification_settings label { font-weight: bold; position: relative; left: 28px; padding-right: 10px; margin-bottom: 10px } .notification_settings input { margin-right: 5px } /* Bill Tracking Widget */ .bill_tracking { margin-top: 20px } .bill_tracking .bill { position: relative; padding-left: 50px; width: 330px; margin: 5px 0 } .bill_tracking .bill a { position: absolute; left: 0px; top: 0px } .bill_tracking .bill div { background-image: url( '../images/icons/18x18_close_notification.png' ); cursor: pointer; width: 18px; height: 18px; float: right; position: relative; top: -2px; left: 15px } /* Keyword Tracking */ .keyword_tracking { margin-top: 20px; float: none!important } .keyword_tracking .keyword { padding-top: 5px; padding-left: 25px; margin: 5px 0; float: left; width: 40%; height: 24px; margin-right: 2%; border-top: 1px solid rgb(232, 232, 232); background-position: left 6px; background-repeat: no-repeat; background-image: url('../images/icons/22x22_new_bill_with_keyword.png'); } .keyword_tracking .keyword div { background-image: url( '../images/icons/18x18_close_notification.png' ); cursor: pointer; width: 18px; height: 18px; float: right; position: relative; top: -2px; left: 0px } .keyword_tracking_no_edit { margin: 0 } .keyword_tracking_no_edit .keyword { margin: 0; padding: 0 1% 5px 0; width: 49%; background: none; height: auto; border: none } /* Comment Types */ #comment_type { margin-bottom: 5px } #comment_type small { position: relative; left: -20px } #comment_type .label, #comment_type .field, #comment_type .note { float: left } #comment_type .label { padding: 2px 5px 0 0 } #comment_type .field { padding-right: 20px } #comment_type #what_topic, #comment_type #custom_topic, #comment_type #bill_number, #comment_type #bill_is_prime_sponsored { display: none; float: left } #comment_type #what_topic option.italic { font-style: italic } #comment_type #custom_topic .field input { width: 125px !important; font-size: 1em } #custom_topic { width: 300px } #comment_type #bill_number .field input { width: 65px !important; font-size: 1em } #comment_type #bill_number .note { padding: 3px 0px 0px 5px } #comment_type #bill_is_prime_sponsored { float: left; padding: 3px 5px 3px 30px; margin-left: 5px; background: url( '../images/icons/15x15_alert.png' ) #ffef66 no-repeat 6px 3px } /* Poll */ .poll { position: relative } .poll .border1_inner { padding: 20px } .poll .select_poll { margin-bottom: 10px; font-weight: bold } .poll #create_new_poll_link { position: absolute; width: 100%; text-align: right } .poll .question { font-weight: bold; padding: 5px 0px 15px 5px } .poll .radio, .poll .text, .poll .result { float: left } .poll .radio { padding: 0px 0px 0px 10px } .poll .answer .text { width: 230px; padding: 4px 10px 0px 10px } .poll .result { display: none } .poll .result .left, .poll .result .right, .poll .result .count { float: left } .poll .result .left { width: 110px; height: 14px; background: url( '../images/misc/poll_results_bg.png' ) no-repeat } .poll .result .right { width: 1px; height: 14px; background: url( '../images/misc/poll_results_bg.png' ) no-repeat -241px 0px } .poll .result .count { padding-left: 7px; color: #949494; font-size: .9em } .poll .cast_vote { padding: 10px 0px 0px 10px } .poll .edit { text-align: right; width: 100% } .poll select { width: 100%; margin-bottom: 20px } .poll_show_results .radio { display: none } .poll_show_results .cast_vote { display: none } .poll_show_results .answer .text { text-align: right; padding-top: 0 } .poll_show_results .answer { margin-bottom: 10px } .poll_show_results .answer .result { display: block } .poll .label3 { width: 100px } .poll #new_poll ul { margin-left: 108px } .poll #new_poll ul li { list-style-type: none!important; margin-bottom: 6px } .poll #new_poll a.button { position: relative; left: 108px } /* Client List */ .client_list div { float: left } .client_list .border1_outer { margin-right: 10px; display: inline } .client_list .text_only { line-height: 26px } /* Search Results Bar */ .search_results_bar { padding-left: 10px; margin: 30px 0 10px 0; border-top: 1px solid } .search_results_bar .highlight { padding: 4px; margin-left: 2px; font-weight: bold } .search_results_bar h3 { margin-top: .75em; font-weight: normal; } /* Search Results */ .search_result_bill { padding-bottom: 20px; border-bottom: 1px solid; margin-bottom: 20px } .search_result_bill p { margin-bottom: 8px } .search_result_bill label { font-weight: bold } .search_result_bill h2 a { text-decoration: none;} .search_result_group { padding: 20px 0 0 0; position: relative; float: left; width: 33%; margin-top: 30px; height: 100px; } .search_result_group div { float: left } .search_result_group .group_name { position: absolute; left: 0px; top: 0px } .search_result_group p { font-size: .85em } .search_result_group label.label3 { width: 70px; font-weight: normal } .search_result_user { width: 19%; padding-right: 1%; float: left; margin-top: 30px } .first_search_row .search_result_user { margin-top: 0 } /* Right Column Group List */ .group_list { margin-bottom: 15px } .group_list .group { padding: 20px 0 0 0; position: relative; float: left; width: 100%; margin-top: 15px } .group_list .group div { float: left } .group_list .group .group_name { position: absolute; left: 0px; top: 0px } .group_list .group p { font-size: .85em } .group_list .group label.label3 { width: 70px; font-weight: normal } /* Right Column Profile List */ .friend_list { margin-bottom: 15px } .friend_list .user { float: left; width: 49%; margin: 15px 1% 0 0 } /* Bills and Topics */ .bills_and_topics .col1-1 { width: 320px } .bills_and_topics .col1-2 { width: 320px; padding-left: 20px } .bills_and_topics .col1-1 p.hidden { display: none } .bills_and_topics .col1-1 p.odd_row, .bills_and_topics .col1-1 p.even_row { position: relative; margin-bottom: 0px; padding: 10px } .bills_and_topics .col1-1 p a { position: absolute; left: 10px; top: 10px } .bills_and_topics .col1-1 p span { padding-left: 70px; padding-right:20px; display: inline-block } .bills_and_topics .col1-1 .expand { background: url('../images/icons/11x11_expand.png') no-repeat left bottom; padding-left: 15px; display: inline-block; margin: 10px 0 0 10px } .bills_and_topics .close { background-image: url( '../images/icons/18x18_close_notification.png' ); width: 18px; height: 18px; position: absolute; right:6px; top: 7px; cursor: pointer; display:block;} /* Group Memebers */ #group_members p { position: relative; height: 90px; padding-top: 20px } #group_members p .user_name { position: absolute; top: 0px; left: 0px; font-weight: bold } #group_members p .user_image { float: left } #group_members p small { float: left; padding-left: 5px } /* Braodcast Email */ #broadcast_email_panel #message_body { width: 100% } /* Radio MP3 section */ .radio_mp3 { float: left; margin-top: 15px } .radio_mp3 .desc { margin-bottom: 20px } .radio_mp3 .desc img { float: left; width: 50px } .radio_mp3 .desc div { float: left; padding-left: 10px; width: 140px } .radio_mp3 .desc div h2 { margin-top: 0 } .radio_mp3 .player { margin: 10px 0 } .radio_mp3 blockquote { margin: 20px 10px 0 0; font-style: italic; color: #666 } .radio_mp3 blockquote span { margin-top: 20px; display: block; font-style: normal } /* Page Specific Layout ------------------------------------------------------*/ /* Bill Page -> Group Wall -> Header Area */ #bill_wall_group_header { margin-bottom: 30px } #bill_wall_group_header img { padding-right: 10px } #bill_wall_group_header h1 { margin-bottom: 0 } #bill_wall_group_header p.last { padding-left: 155px } #bill_wall_group_header label { font-weight: bold } #bill_wall_group_header p label { width: 150px; display: inline-block; text-align: right } #bill_wall_group_header div.last { float: right } #bill_wall_group_header div.last label { padding-right: 5px } /* Group Search -> Form */ #group_search_form .col1 { width: 230px } #group_search_form .col2 { width: 270px } #group_search_form label.label2 { width: 100px; text-align: left; font-weight: normal; position: relative; left: 3px; top: -1px } /* User Search -> Form -> Zipcode */ #user_search_zipcode { position: absolute; top: -3px; left: 68px; font-size: 1em; width: 60px !important } /* User Search -> Form -> Columns */ #user_search_form .col1 { width: 230px } #user_search_form .col2 { width: 180px } #user_search_form .col3 { width: 130px } #user_search_form .col4 { width: 230px } #user_search_form .col5 { width: 80px } /* Public Homepage -> District Select */ #legislative_district { width: 150px !important } /* User Home */ #page_user_home .col1 { width: 50%; padding-right: 60px } /* Lobbyist Home */ #page_lobbyist_home .col1 { width: 50%; padding-right: 5% } #page_lobbyist_home .col2 { width: 35% } /* Legislator Home */ #page_legislator_home .col1 { width: 50%; padding-right: 5%; float: left;} #page_legislator_home .col2 { width: 45%; } #page_legislator_home #fragment-1 .col1 { width: 50%; padding-right: 5% } /* #fragment-1 is the "Home" tab */ #page_legislator_home #fragment-1 .col2 { width: 35% } #page_legislator_home #fragment-2 .col1 { width: 45% } /* #fragment-2 is the "Dashboard" tab */ #page_legislator_home #fragment-2 .col2 { width: 50%; float: right } #page_legislator_home #in_your_network { background: url( '../images/icons/22x22_new_members_in_your_district.png' ) no-repeat 7px center; line-height: 22px } #page_legislator_home #link_broadcast_email { margin-left: 20px } /* Legislator Broadcast Email */ #additional_emails { height: 50px } /* User Profile Page */ #page_profile_user .col1 { width: 75%; margin-right: 2% } #page_profile_user .col2 { width: 23% } #page_profile_user .col1 .profile_info { width: 500px !important } #page_profile_user .profile_info { padding-left: 20px } #page_profile_user .wall .comment { width: 500px } #page_profile_user .bills_and_topics .col1-1 { width: 95% } /* #dit_profile_info { position: absolute; left: 800px; top: -25px } */ /* Legislator Profile Page */ #page_profile_legislator .col1 { width: 45%; margin-right: 5% } #page_profile_legislator .col2 { width: 50% } #page_profile_legislator .col1-1 { width: 48%; padding-right: 2% } #page_profile_legislator .col1-2 { width: 45% } #page_profile_legislator .col1-2 a.keyword { display: block; float: left; width: 49%; padding: 0 1% 5px 0 } #page_profile_legislator .profile_info { padding-left: 20px; width: 200px } /* Create Group */ #page_create_group .form1 #pi_cc_expiration_month { width: 50px } #page_create_group .form1 #pi_cc_expiration_year { width: 70px } #page_create_group small#group_image_note { margin: 0 0 0 0 } /* Group Dashboard Page */ #page_group_dashboard { position: relative } /* position: relative fixes bug in IE */ #page_group_dashboard .col1 { width: 400px; padding-right: 5% } #page_group_dashboard .col2 { width: 470px } #page_group_dashboard .info1 .label2 { width: 220px } #page_group_dashboard .bills_and_topics .col1-1 { width: 100% } /* Group Profile Page */ #page_group_profile .col1 { width: 740px } #page_group_profile .col2 { width: 190px; margin-right: 0px } /* Settings Page */ #profile_page_profile_information .col1 { width: 50%; padding-right: 5% } #profile_page_profile_information .col2 { width: 45% } #profile_page_profile_information .label2 { width: 140px } #profile_page_profile_information .label3 { width: 140px } #profile_page_profile_information small { font-size: .9em } #profile_page_profile_information #profile_photo #photo_to_update { margin-bottom: 7px; } #profile_page_more_information .col1 { width: 55%; padding-right: 5% } #profile_page_more_information .col2 { width: 40% } /* Bill Page */ #bill_comment_group_tab_col2 { width: 280px } /* Inbox */ #page_inbox .options_bar { position: relative } #page_inbox .options_bar div.select_option { position: relative; float: left; z-index: 2 } #page_inbox .options_bar div.results { position: absolute; right: 8px; top: 8px; text-align: right } #page_inbox .options_bar div.results em { font-weight: bold; font-style: normal } #page_inbox .options_bar .link2 { position: relative; top: 2px; left: 10px } #page_inbox .messages { position: relative; border: #ddd 1px solid; padding: 20px; margin: 10px 0; cursor: pointer } #page_inbox .message { position: relative; height: 25px; border-bottom: #ddd 1px solid; padding-bottom: 4px; margin: 2px 0 1px 1px } #page_inbox .message .check { position: absolute; top: 0px; left: 0px; padding: 9px 0 0 3px; height: 25px; width: 28px } #page_inbox .message .from { position: absolute; top: 8px; left: 35px; width: 200px; overflow: hidden } #page_inbox .message .text { position: absolute; top: 8px; left: 200px; width: 450px; overflow: hidden; color: #888 } #page_inbox .message .text em { font-style: normal; color: #000 } #page_inbox .unread { background-color: #ecfaff; border: #d1e9f2 1px solid; margin: 1px 0 } #page_inbox .unread em { font-weight: bold } #page_inbox .selected { background-color: #fafae8; border: #e6e5a6 1px solid; margin: 1px 0 } #page_inbox .message .when { position: absolute; top: 8px; width: 99%; text-align: right; color: #999 } #page_inbox #compose form { margin-top: 10px } #page_inbox #compose form #message_label { position: relative; width: 180px; font-weight: bold; text-align: right; font-weight: bold; top: 75px } #page_inbox #compose form .textarea { height: 200px } #page_inbox #compose form .textbox { width: 350px !important } #inbox_link { position: absolute; top: 15px; left: 30px } #page_inbox #message .header { border-bottom: #eee 1px solid } #page_inbox #message .header h2 { float: left } #page_inbox #message .header .participants { float: right; margin-top: 14px } #page_inbox #message .post { margin: 20px 0; padding-bottom: 20px; border-bottom: #eee 1px solid } #page_inbox #message .post .image { float: left; margin-right: 20px } #page_inbox #message .post small { margin-bottom: 10px; display: block } #page_inbox #message .reply textarea { width: 100% } #page_inbox #message .reply .button_container { margin-top: 10px } #page_inbox #message .reply .additional_options { position: absolute; top: 0px; right: 0px } #search_box { position: absolute; right: 3px; top: 0px; width: 500px } #search_box input, #search_box a { float: right; margin: 0 0 0 7px } /* Information ------------------------------------------------------*/ .info1 label.label2 { font-weight: normal } /* Forms ------------------------------------------------------*/ /* Form Elements */ form, fieldset { margin:0; padding:0; } fieldset ol { list-style: none; } /* Form Classes */ .textbox { width: 185px !important; font-size: 1.1em; border: 1px solid; padding: 2px } .textbox_small { width: 40px !important } .textarea { font-size: 1.2em; border: 1px solid; padding: 2px; height: 100px; width: 500px } .file_upload { font-size: 1.2em } .zipcode1 { width: 75px !important; font-size: 1.2em; padding: 2px; border: 1px solid } .zipcode2 { width: 35px !important; font-size: 1.2em; padding: 2px; border: 1px solid } .checkbox { vertical-align: text-top; margin: 0 5px 0 7px } .select { height: 20px; width: 185px; font-size: 1.1em; margin-right: 5px } .select2 { height: 20px; font-size: 1.1em; margin-right: 5px } .select option.header { font-weight: bold } /* Form Classes */ .form1 label { display: block } .form1 small.full { display: block } .form1 label { position: relative; font-weight: bold; margin-bottom: 8px } .form1 small { margin: -4px 0 8px 0 } .form1 .inline_select { position: relative; left: -3px } .form1 .label2, .form1 .label3, .form1 .label3_smaller { display: inline-block } .form1 div.section { margin: 40px 0 40px 0 } .form1 div.label3 { width: 185px; text-align: right; float: left } .form1 div.field { width: 600px; float: left; padding-left: 3px; padding-bottom: 9px } .form2 p { margin-top: 20px } .form2 label { font-weight: bold } .form2 label small { font-weight: normal } .form3 label.header { font-weight: bold } .form3 p { height: 15px; position: relative } .form3 .col { margin-right: 30px } .form3 label.label4 { position: relative; top: -1px; left: 0px } .form4 label { font-weight: bold } .form4 p { margin-bottom: 10px } /* Containers (old ??) ------------------------------------------------------*/ .border1_outer { border: 3px solid; margin-bottom: 10px } .border1_inner { border: 1px solid; padding: 10px } .container1_head { width: 1000px; font-size: 0px; height: 5px; background: url( '../images/containers/container1_head.png' ) no-repeat } .container1_body { width: 940px; background: url( '../images/containers/container1_body.png' ) repeat-y; padding: 30px 30px; position: relative } .container1_foot { width: 1000px; font-size: 0px; height: 5px; background: url( '../images/containers/container1_foot.png' ) no-repeat; } .container2_head { width: 940px; font-size: 0px; height: 5px; background: url( '../images/containers/container2_head.png' ) no-repeat; } .container2_body { width: 880px; background: url( '../images/containers/container2_body.png' ) repeat-y; padding: 30px 30px; position: relative } * html .container2_body { height: 1% } /* Holly Hack */ .container2_foot { width: 940px; font-size: 0px; height: 4px; background: url( '../images/containers/container2_foot.png' ) no-repeat; } .container3_head { width: 940px; font-size: 0px; height: 5px; background: url( '../images/containers/container3_head.png' ) no-repeat; margin-top: 30px } .container3_body { width: 880px; background: url( '../images/containers/container3_body.png' ) repeat-y; padding: 30px 30px; position: relative; } .container3_foot { width: 940px; font-size: 0px; height: 5px; background: url( '../images/containers/container3_foot.png' ) no-repeat; } .container4_head { width: 667px; font-size: 0px; height: 5px; background: url( '../images/containers/container4_head.png' ) no-repeat; margin-top: 30px } .container4_body { width: 637px; background: url( '../images/containers/container4_body.png' ) repeat-y; padding: 15px 15px; position: relative; } .container4_foot { width: 667px; font-size: 0px; height: 5px; background: url( '../images/containers/container4_foot.png' ) no-repeat; } .container5_head { width: 940px; font-size: 0px; height: 4px; background: url( '../images/containers/container5_head.png' ) no-repeat; margin-top: 20px } .container5_body { width: 880px; background: url( '../images/containers/container5_body.png' ) repeat-y; padding: 30px 30px; position: relative; } .container5_foot { width: 940px; font-size: 0px; height: 4px; background: url( '../images/containers/container5_foot.png' ) no-repeat; } .container6_head { width: 737px; font-size: 0px; height: 5px; background: url( '../images/containers/container6_head.png' ) no-repeat; } .container6_body { width: 693px; background: url( '../images/containers/container6_body.png' ) repeat-y; padding: 22px 22px; position: relative; } .container6_foot { width: 737px; font-size: 0px; height: 5px; background: url( '../images/containers/container6_foot.png' ) no-repeat; } .container7_head { width: 240px; font-size: 0px; height: 5px; background: url( '../images/containers/container7_head.png' ) no-repeat; } .container7_body { width: 200px; background: url( '../images/containers/container7_body.png' ) repeat-y; padding: 20px 20px; position: relative; } .container7_foot { width: 240px; font-size: 0px; height: 5px; background: url( '../images/containers/container7_foot.png' ) no-repeat; } .container8_head { width: 244px; font-size: 0px; height: 5px; background: url( '../images/containers/container8_head.png' ) no-repeat; } .container8_body { width: 204px; background: url( '../images/containers/container8_body.png' ) repeat-y; padding: 20px 20px; position: relative; } .container8_foot { width: 244px; font-size: 0px; height: 5px; background: url( '../images/containers/container8_foot.png' ) no-repeat; } .container9_head { width: 435px; font-size: 0px; height: 5px; background: url( '../images/containers/container9_head.png' ) no-repeat; } .container9_body { width: 405px; background: url( '../images/containers/container9_body.png' ) repeat-y; padding: 15px 15px; position: relative; } .container9_foot { width: 435px; font-size: 0px; height: 5px; background: url( '../images/containers/container9_foot.png' ) no-repeat; } .container10_head { width: 1000px; font-size: 0px; height: 4px; background: url( '../images/containers/container10_head.png' ) no-repeat; } .container10_body { width: 960px; background: url( '../images/containers/container10_body.png' ) repeat-y; padding: 30px 30px; position: relative; } .container10_foot { width: 1000px; font-size: 0px; height: 4px; background: url( '../images/containers/container10_foot.png' ) no-repeat; } /* Containers (flexible width) ------------------------------------------------------*/ /* Base Container */ .box_outer { min-width: 20em; width: 100%; position: relative } .box_outer .hd .c { font-size: 1px; height: 4px } .box_outer .ft .c { font-size: 1px; height: 4px } /* Font-size set to ensure minimum height */ .box_outer .ft .c { height: 4px } .box_outer .hd { background: transparent url(../images/container_boxes/box1_tl.gif) no-repeat 0px 0px } .box_outer .hd .c { background: transparent url(../images/container_boxes/box1_tr.gif) no-repeat right 0px } .box_outer .bd { background: transparent url(../images/container_boxes/box1_ml.gif) repeat-y 0px 0px } .box_outer .bd .c { background: transparent url(../images/container_boxes/box1_mr.gif) repeat-y right 0px } .box_outer .bd .c .s { margin: 0px 4px 0px 4px; background: #fff; padding: 30px } .box_outer .ft { background: transparent url(../images/container_boxes/box1_bl.gif) no-repeat 0px 0px; } .box_outer .ft .c { background: transparent url(../images/container_boxes/box1_br.gif) no-repeat right 0px; } /* Additional containers that modify/build upon the base */ .box2 .hd { background-image: url(../images/container_boxes/box2_tl.gif) } .box2 .hd .c { background-image: url(../images/container_boxes/box2_tr.gif) } .box2 .bd { background-image: url(../images/container_boxes/box2_ml.gif) } .box2 .bd .c { background-image: url(../images/container_boxes/box2_mr.gif) } .box2 .bd .c .s { background-color: #fff; padding: 20px } .box2 .ft { background-image: url(../images/container_boxes/box2_bl.gif) } .box2 .ft .c { background-image: url(../images/container_boxes/box2_br.gif) } .box3 .hd { background-image: url(../images/container_boxes/box3_tl.gif) } .box3 .hd .c { background-image: url(../images/container_boxes/box3_tr.gif) } .box3 .bd { background-image: url(../images/container_boxes/box3_ml.gif) } .box3 .bd .c { background-image: url(../images/container_boxes/box3_mr.gif) } .box3 .bd .c .s { background-color: #f5fdfe } .box3 .ft { background-image: url(../images/container_boxes/box3_bl.gif) } .box3 .ft .c { background-image: url(../images/container_boxes/box3_br.gif) } .box_wrapper1 { margin: 50px 250px }