/*------------------------------------------------------------------------------------------
GetActive styles for public pages
------------------------------------------------------------------------------------------*/
body, p, td, td p, td ul, td blockquote, blockquote {
color: black;
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
}
body {
position: relative;
}
a:link { color: #003366; }
a:visited { color: #003366; }
a:active { color: #0000FF; }
/*------------------------------------------------------------------------------------------
Generic classes
------------------------------------------------------------------------------------------*/
/* Styles for alignment */
.ga-alignCenter { text-align: center ! important; }
.ga-alignLeft { text-align: left ! important; }
.ga-alignRight { text-align: right ! important; }
.ga-alignTop { vertical-align: top ! important; }
.ga-alignMiddle { vertical-align: middle ! important; }
.ga-alignBottom { vertical-align: bottom ! important; }
.ga-floatLeft { float:left; }
.ga-floatRight { float:right; }
/* Used to right-alight buttons for actions, such as save, cancel, etc. */
.ga-buttons { text-align: right; }
.ga-buttons input { margin: 6px 4px; }
/* Yellowish bar placed under headers, used for instructions and tips */
.ga-hdr { border-bottom: 2px solid #004266; margin-top: 24px; clear: both; }
/* Color text for warning messages */
.ga-alert {
color: #FF0000;
margin-left: 2px;
bottom: 1px;
}
/* Color "what is required" asterisk text */
.ga-required {
color: #FF0000;
font-size: 11px;
clear: both;
}
/* Generic style to hide any HTML element */
.ga-hide { display: none; }
/* Generic styles for font sizes */
.ga-smallFont { font-size: 10px; }
.ga-medFont { font-size: 11px; }
.ga-largeFont { font-size: 16px; }
.ga-xlargeFont { font-size: 24px; }
/* Generic style for highlighting text */
.ga-highlight {
background-color: #ffad21;
color: #fff;
font-size: 24px;
font-weight: bold;
padding: 0px 5px;
}
/*------------------------------------------------------------------------------------------
These styles will eventually be deprecated - DO NOT USE
------------------------------------------------------------------------------------------*/
.ga-center { text-align:center; }
.ga-center table {
margin: 0 auto;
text-align: left;
}
.ga-emphasis { font-style: italic; }
.ga-strong { font-weight: bold; }
#ga-content1 {
position: relative;
width: 60%;
}
#ga-content2 {
position: relative;
width: 40%;
}
#ga-content3 {
position: relative;
clear: both;
}
/*------------------------------------------------------------------------------------------
Styles for form tables
Used for two-column gray forms. These forms have a form label on the left-column and the form field
on the right-column. Form tables are also used in the workspaces of the admin UI
th tag is used for the form label
td tag is used for the form field
------------------------------------------------------------------------------------------*/
.ga-formTable {
width: 100%;
}
.ga-formTable td, .ga-formTable th {
background-color: #EEE;
border: 1px #FFF solid;
padding: 5px;
vertical-align: top;
}
.ga-formTable th {
font-size: 11px;
text-align: left;
}
.ga-formTable td p { font-size: 11px; }
/*------------------------------------------------------------------------------------------
Styles for data tables
Used for tabular data, such as transaction tables, payment schedules, etc.
th is a dark table header
td is a light-gray table cell
------------------------------------------------------------------------------------------*/
.ga-dataTable { width: 100%; }
.ga-dataTable td {
background-color: #EEE;
text-align: left;
vertical-align: middle;
border: 1px #FFF solid;
padding: 1px;
font-size: 12px;
}
.ga-dataTable th {
background-color: #555;
color: #FFF;
padding: 2px;
vertical-align: top;
font-size: 12px;
text-align: left;
}
.ga-dataTable th.actions, .ga-dataTable td.actions {
text-align: center;
}
.ga-dataTable td.actions {
font-size: 11px;
}
/*------------------------------------------------------------------------------------------
Styles for left table
A left table has table headers that run horizontally and the cell rows running vertically
------------------------------------------------------------------------------------------*/
.ga-leftTable {
border: 1px solid #555;
}
.ga-leftTable td, .ga-leftTable th {
background-color: #eee;
text-align: left;
vertical-align: top;
padding: 2px 10px;
font-size: 12px;
}
/*------------------------------------------------------------------------------------------
Inset box
Stylish bordered box to group and feature elements of a page
------------------------------------------------------------------------------------------*/
.ga-insetBox {
background-color: #f1f1f1;
border: 1px solid #fafafa;
padding: 1px;
}
.ga-insetBoxInner {
background-color: #f2f2f2;
border: 3px solid #fff;
padding: 4px 14px 16px 14px;
}
/*------------------------------------------------------------------------------------------
Option Lists
An option list is a two-column layout for input fields and their labels
------------------------------------------------------------------------------------------*/
.ga-options input {
float: left;
}
.ga-options .ga-label {
margin: 0 0 12px 24px;
}
.ga-options .ga-label label {
display: block;
font-size: 13px;
font-weight: bold;
margin-bottom: 2px;
}
/*------------------------------------------------------------------------------------------
Campaign Alerts Page styles
Styles for an advocacy campaign
Style for the table that surrounds the entire campaign
------------------------------------------------------------------------------------------*/
.ga-campaign {
margin-top: 10px;
}
.ga-campaign td {
vertical-align: top;
}
/* Style for the div tag that surrounds the targets, instructions, member fields, and submit button */
.ga-campaignSign {
width: 219px;
font-size: 10px;
border: 0;
margin: 0;
padding: 0; /* Adding padding causes problems with standard wrappers that use a 626px header image */
background-color: #F0F0F0;
vertical-align: top;
}
.ga-campaignSign p {
font-size: 10px;
margin: 10px 0 0 6px;
}
.ga-campaignSign h3 {
font-size: 11px;
margin: 2px 0;
}
/* Style for the form field label, such as First Name */
.ga-campaignSign label {
display: block;
font-size: 10px;
font-weight: bold;
margin: 0;
}
/* Style for the black Take Action header on the standard advocacy template */
.ga-campaignTakeAction {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFF;
background-color: #000;
padding: 4px 10px;
}
/* Style used for the text above the targets, "Send this message to:" (Not shown for petitions) */
.ga-campaignSendTo {
font-size: 12px;
font-weight: bold;
color: #000;
text-align: left;
padding-top: 8px;
padding-left: 4px;
}
/* Style for div tag that surrounds all the targets */
.ga-campaignTargets {
font-size: 13px;
font-weight: bold;
color: #000;
text-align: left;
}
/* Style for the unordered list of targets */
.ga-campaignTargets ul {
font-size: 10px;
font-weight: normal;/*list-style-image: url("/campaign-images/flash_arrow.gif")*/;
line-height: 1.5em;
}
/* Style for text above form that instructs members to "Complete the following to send this message" */
.ga-campaignInstructions {
font-size: 10px;
color: #FF0000;
margin: 10px 0 10px 0;
padding: 0 6px;
}
/* Style for div tag that surrounds all the member info form fields, such as First Name, Last Name, etc */
#ga-campaignFields { padding: 5px; }
/* Styles for the checkbox and radio fields that can be part of the member info form */
.ga-campaignCheckboxHeader p { font-size: 12px; }
.ga-campaignCheckboxItem { padding: 0px; }
.ga-campaignCheckboxLabel {
display: inline;
font-size: 10px;
padding-left: 4px;
padding-right: 8px;
}
.ga-campaignRadioAcrossItem { display: inline; }
.ga-campaignRadioDownItem { padding: 0px; }
.ga-campaignRadioLabel {
display: inline;
font-size: 12px;
padding-left: 4px;
padding-right: 8px;
}
/* Style for checkbox that ask if the member wants to a CC of the letter */
.ga-campaignCCMember input {
margin-bottom: 8px;
float: left;
}
/* Style for text that ask if the member wants to a CC of the letter */
.ga-campaignCCMember label {
display: block;
float: left;
font-size: 10px;
width: 85%;
clear: none;
text-align: left;
font-weight: normal;
margin: 0 0 8px 0;
padding: 4px 0 0 0;
}
/* Style for the div tag surrounding the submit button */
.ga-campaignSendBtn { padding: 6px; }
/* The icon for a campaign. You can hide the icon by override this style with "display: none;". */
#ga-campaignIcon {
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
/* Styles for the talking points, the header and unordered list */
.ga-campaignTalkingPoints {
padding: 0 12px;
}
.ga-campaignTalkingPoints h3 {
font-size: 11px;
margin: 0 0 12px 0;
}
.ga-campaignTalkingPoints ul {
list-style: square;
margin: 0;
padding: 0 0 0 30px;
}
.ga-campaignTalkingPoints li {
font-size: 11px;
margin: 0 0 12px 0;
}
/* Style for the letter-portion of an advocacy campaign, including the campaign title, subject, and letter */
.ga-campaignLetter {
padding: 0 6px;
vertical-align: top;
}
/* Style for the main title of the campaign. flashtitle is a legacy class. */
.ga-campaignLetter .flashtitle {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: normal;
margin-top: 0px;
margin-bottom: 1px;
color: #000;
}
/* Style for the text below the campaign title */
.ga-campaignShortExplanation {
font-size: 13px;
font-weight: normal;
margin: 12px 0;
color: #000;
}
/* Text for the optional "Tell Me More" link that can be appended to the short explanation */
.ga-campaignTellMeMore {
font-size: 12px;
font-weight: normal;
color: #000;
}
/* Style for the greeting text, "Dear [ Decision Maker ]" */
.ga-campaignSalutation {
font-weight: bold;
}
/* Style for the text, "Edit Letter Below" */
.ga-campaignEditLetter {
margin-bottom: 0;
font-size: 11px;
}
/* Style for the subject line (both editable and non-editable) */
.ga-campaignSubject { font-weight: bold; }
/* Style for the closing text of an advocacy letter such as: "Sincerely, John Smith" */
.ga-campaignClosing {
font-size: 12px;
margin: 8px 0 0 0;
}
.ga-campaignClosing p {
font-size: 12px;
}
/* Styles for the Welcome Back text that is displayed when a member has already participated in the campaign */
.ga-campaignResponded { padding: 8px; }
.ga-campaignResponded h2 { font-size: 12px; }
.ga-campaignResponded h3 {
margin: 6px 6px;
font-size: 11px;
}
/* Style for the logout link that is displayed if a member has already participated in a campaign */
.ga-campaignLogout {
font-size: 11px;
margin: 6px 6px;
}
/*------------------------------------------------------------------------------------------
Styles for the confirm page that is displayed after a member submits the form on an advocacy campaign
------------------------------------------------------------------------------------------*/
.ga-campaignConfirm { }
.ga-campaignConfirm h1 { font-size: 18px; }
.ga-campaignConfirm input { margin: 10px 0; }
.ga-campaignConfirm th, .ga-campaignConfirm td {
text-align: left;
vertical-align: top;
}
/*------------------------------------------------------------------------------------------
Styles for the page that explains that your message is being sent to your targets and the CC targets
------------------------------------------------------------------------------------------*/
.ga-campaignConfirm2 { }
.ga-campaignConfirm2 h1 { font-size: 13px; }
.ga-campaignConfirm2 h2 { font-size: 12px; }
.ga-campaignConfirm2 p { font-size: 12px; }
/* Styles for blurbs associated with this page
By default, no styles are associated with them */
.ga-campaignConfirm2 .ga-sendingMessageBlurb {}
.ga-campaignConfirm2 .ga-tellFriendBlurb {}
.ga-campaignConfirm2 .ga-smpBlurb {}
/*------------------------------------------------------------------------------------------
Styles for the advocacy campaigns displayed on the Campaigns tab. The Campaigns tab is only available when
the toolbar for an advocacy campaign is enabled. The list of campaigns is divided into current and past
campaigns
------------------------------------------------------------------------------------------*/
.ga-campaignAlerts h1 { font-size: 16px; }
.ga-campaignAlertsCurrent { }
.ga-campaignAlertsPast { }
.ga-campaignAlertsTitle { }
.ga-campaignAlertsTitle a {
font-weight: normal;
text-decoration: underline;
}
/* Style for "update" link when a campaign has a follow-up story */
.ga-campaignAlertsFeedback {
font-weight: normal;
color: #990000;
}
/*------------------------------------------------------------------------------------------
Styles for advocacy campaigns displayed on the What's At Stake tab. The tab is only available when
the toolbar for an advocacy campaign is enabled.
------------------------------------------------------------------------------------------*/
/* Div tag that surrounds the What's at Stake page */
.ga-whatsAtStake { }
/* Title */
.ga-whatsAtStake h1 {
font-size: 16px;
color: #000;
}
/* Text */
.ga-whatsAtStakeText { }
/* Link to go back to main campaign page*/
.ga-whatsAtStakeFooter a {
font-size: x-small;
text-decoration: underline;
}
/*------------------------------------------------------------------------------------------
Contact Alert Creator page styles, linked from Advocacy Toolbar
------------------------------------------------------------------------------------------*/
.ga-contact h1 { font-size: 16px; }
.ga-contact table { border: 0; }
.ga-contact td {
padding: 3px 6px;
vertical-align: top;
}
/*------------------------------------------------------------------------------------------
Elected Officials Lookup Page styles
------------------------------------------------------------------------------------------*/
/* Div tag surrounding elected officials lookup page */
.ga-electedOfficials { margin-left: 20px; }
/* Title, "Find Your Elected Officials" */
.ga-electedOfficials h1 { font-size: 18px; }
/* Subtitle, "Enter your 5 or 9-digit ZIP code" */
.ga-electedOfficials h2 { font-size: 12px; }
/* Table styles for ZIP+4 address form */
.ga-electedOfficials th {
vertical-align: middle;
text-align: right;
font-weight: normal;
font-size: 10px;
}
.ga-electedOfficials td {
vertical-align: top;
padding: 6px;
}
/* Default font style for elected officals page */
.ga-electedOfficials p { font-size: 12px; }
/* Alternating background column colors for the display of a member's elected officials */
.ga-electedOfficialsAltBg { background-color: #EDEDED; }
/*------------------------------------------------------------------------------------------
Styles for listing of elected officials
------------------------------------------------------------------------------------------*/
.ga-electedOfficialIndividual {
float: left;
width: 45%;
font-size: 11px;
padding: 12px;
}
.ga-electedOfficialIndividual h3 {
font-size: 13px;
margin: 0;
}
/*------------------------------------------------------------------------------------------
Styles for detailed view of an elected official
------------------------------------------------------------------------------------------*/
/* Title for federal officials, "Elected Federal Officials" */
.ga-electedOfficialsFedState { margin-left: 100px; }
/* Image of elected officials */
.ga-electedOfficialsImg { border: 1px solid #999999; }
/* Name of elected officials */
.ga-electedOfficialsName { font-size: 11px; }
/* Political party of elected officials */
.ga-electedOfficialsPartyName {
font-style: italic;
margin: 0px 0px 6px 0px;
}
/* Name of elected officials */
.ga-electedOfficialsStateZip {
background-color: #333333;
color: #FFFFFF;
padding: 2px;
}
/* Two-column format classes */
.ga-electedOfficialsStateLeft {
float: left;
text-align: center;
width: 120px;
}
.ga-electedOfficialsStateRight {
margin-left: 140px;
width: auto;
}
.ga-electedOfficialsStateRight p {
margin: 0;
font-size: 12px;
}
/* List item of committees */
.ga-electedOfficialsStateRight li { font-size: 12px; }
/* Send message link */
.ga-electedOfficialsText { font-size: 10px; }
/* Class for "Look up Zip+4" link */
.ga-electedOfficialsZipButton { margin-left: 60px; }
/*------------------------------------------------------------------------------------------
Center Homepage styles
------------------------------------------------------------------------------------------*/
/* Div tag surrounding entire homepage */
.ga-home { width: 100%; }
/* Div tag surrounding sidebar box */
.ga-homeSidebar {
float: right;
width: 220px;
background-color: #e5e5e5;
border: 1px solid #000;
margin: 10px;
padding: 0;
}
/* Form styling for fields inside sidebar */
.ga-homeSidebar form { margin: 0; }
.ga-homeSidebar input { font-size: 13px; }
/* Padding and margin styles for links inside sidebar */
.ga-homeDonations, .ga-homeTellFriend, .ga-homeElectedOfficials, .ga-homeCurrentMembers, .ga-homeSignup, .ga-homeMemberSince {
margin: 4px 6px;
padding: 6px 0px;
}
/* Text for links inside sidebar*/
.ga-homeDonations h1, .ga-homeTellFriend h1, .ga-homeElectedOfficials h1, .ga-homeCurrentMembers h1, .ga-homeSignup h1, .ga-homeMemberSince h1 {
font-size: 12px;
margin: 0;
padding: 0;
}
/* Default text inside sidebar */
.ga-homeTellFriend p, .ga-homeElectedOfficials p, .ga-homeCurrentMembers p, .ga-homeSignup p, .ga-homeMemberSince p {
font-size: 10px;
margin: 0;
padding: 0;
}
/* Arrow class for links in sidebar box (Sign Up, Tell-a-Friend, Find Elected Officials, Login) */
.ga-homeArrow {
border: 0;
margin-right: 3px;
vertical-align: middle;
}
/* "Forgot password" link */
.ga-homeForgotPassword { font-size: 10px; }
/* Div tag surrounding campaigns on lower-half of page */
.ga-homeLower {
background-color: transparent;
width: 100%;
margin: 0;
clear: both;
}
/* Campaign links */
.ga-homeLower a { font-weight: bold; }
/* Title bars of campaign type */
.ga-homeLower h1 {
font-size: 14px;
font-weight: bold;
background-color: #e5e5e5;
border: 1px solid #000;
margin: 10px 0px;
padding: 2px;
}
/* Table formatting for campaigns */
.ga-homeLower table { margin: 3px 0px; }
.ga-homeLower td { vertical-align: top; }
/* Links for donation campaigns */
.ga-homeDonations p {
font-size: 13px;
margin: 0;
padding: 0;
}
/*------------------------------------------------------------------------------------------
Petition Campaign styles
------------------------------------------------------------------------------------------*/
/* Style for the table that surrounds the entire campaign */
.ga-petition { width: 100%; }
.ga-petition td { vertical-align:top; }
/* Two-column formatting */
.ga-petitionColumn1 {
float: left;
width: 60%;
}
.ga-petitionColumn2 {
width: 30%;
margin-left: 65%;
}
/* Style for the div tag that surrounds the targets, instructions, member fields, and submit button */
.ga-petitionSign {
width: 100%;
margin: 0;
padding: 0;
background-color: #FFF;
}
.ga-petitionSignContent { border: 2px solid #7C1B1D; } /* default color brick red */
.ga-petitionSign p {
font-size: 10px;
font-weight: normal;
margin: 2px 0px;
}
/* Style for the black Sign this Petition header on the standard petition template */
.ga-petitionSign h1 {
color: #FFF;
background-color: #7C1B1D; /* default color brick red */
font-size: 18px;
font-style: italic;
font-weight: bold;
margin: 0;
padding: 6px;
text-align: center;
}
.ga-petitionSign h2 {
font-size: 13px;
color: #000;
margin: 0;
padding: 3px;
}
/* Style for the form field label, such as First Name */
.ga-petitionSign label {
display: block;
font-size: 10px;
font-weight: bold;
margin: 0;
}
/* Styles for the form fields that can be part of the member info form */
.ga-petitionCheckboxHeader p { font-size: 12px; }
.ga-petitionCheckboxItem { padding: 0px; }
.ga-petitionCheckboxLabel {
display: inline;
font-size: 10px;
padding-left: 4px;
padding-right: 8px;
}
.ga-petitionContent td { width: 100%; }
.ga-petitionDate { font-size: 12px; }
.ga-petitionDateHeader { font-size: 10px; }
.ga-petitionFloat { font-size: 12px; }
.ga-petitionFloatHeader { font-size: 10px; }
.ga-petitionInput {
margin: 0;
padding: 0 10px 0 10px;
}
.ga-petitionInt { font-size: 12px; }
.ga-petitionIntHeader { font-size: 10px; }
.ga-petitionMultiselect {
font-size: 10px;
margin-bottom: 8px;
}
.ga-petitionMultiselectHeader { font-size: 10px; }
.ga-petitionPrefixHeader { font-size: 10px; }
.ga-petitionMsg {
top: 0;
left: 0;
margin: 0;
padding: 0 10px;
}
.ga-petitionRadioAcrossItem { display: inline; }
.ga-petitionRadioDownItem { padding: 0px; }
.ga-petitionRadioHeader { font-size: 10px; }
.ga-petitionRadioLabel {
display: inline;
font-size: 12px;
padding-left: 4px;
padding-right: 8px;
}
select.ga-petitionSelect {
font-size: 12px;
margin-bottom: 8px;
}
.ga-petitionSelectHeader { font-size: 10px; }
/* Submit button on top of page */
.ga-petitionSignButtonTop {;
background-color: #7C1B1D; /* default color brick red */
text-align: center;
font-size: 16px;
font-weight: bold;
border-bottom: 2px solid #7C1B1D; /* default color brick red */
margin: 0;
padding: 3px;
}
/* Submit button on bottom of page */
.ga-petitionSignButtonBottom {
background-color: #7C1B1D; /* default color brick red */
text-align: center;
font-size: 16px;
font-weight: bold;
border-top: 2px solid #7C1B1D; /* default color brick red */
margin: 0;
padding: 3px;
}
/* Style for logout link that is displayed if a member has already participated in a campaign */
.ga-petitionLogout {
font-size: 10px;
padding: 10px 6px 10px 6px;
}
/* Style for div tag that surrounds all the targets */
.ga-petitionTargets {
font-size: 13px;
font-weight: bold;
color: #000;
text-align: left;
margin-bottom: 10px;
padding: 10px 0px;
border-top: 1px dashed #000;
border-bottom: 1px dashed #000;
}
/* Style for text above targets "Send this petition to:" */
.ga-petitionTargets h2 {
font-size: 12px;
color: #000;
text-align: left;
margin: 0;
padding: 0;
}
/* Style for the unordered list of targets */
.ga-petitionTargets ul {
font-size: 11px;
font-weight: normal;/*list-style-image: url("/campaign-images/flash_arrow.gif")*/;
}
/* Style for the main title of the campaign. */
.ga-petitionTitle {
font-size: 16px;
font-weight: bold;
margin: 20px 0 0 0;
padding: 0px 10px 10px 10px;
border-bottom: 1px dashed #000;
}
/* Style for the text below the campaign title */
.ga-petitionText {
text-align: left;
font-weight: normal;
color: #000;
text-align: left;
padding: 4px;
font-size: 12px;
}
.ga-signUp th {
width: 180px;
}
.ga-signUpListserve {
margin-bottom: 20px;
}
.ga-signUpListserve input {
margin-left: 40px;
}
.ga-signUpCenter {
}
.ga-signUpBlurb {
}
/* Tell-a-Friend Page styles */
.ga-tellFriend {
margin: 0 4px;
}
.ga-tellFriend input {
font-size: 12px;
}
.ga-tellFriend table {
border: 0;
margin-left: 0;
}
.ga-tellFriend td {
vertical-align: top;
}
.ga-tellFriend th {
vertical-align: top;
text-align: left;
font-size: 12px;
font-weight: bold;
width: 40%;
}
.ga-tellFriendEmail input {
margin: 0 0 6px 0;
}
.ga-tellFriendExplain {
font-size: 10px;
font-weight: normal;
margin-top: 0;
}
.ga-tellFriendExport {
text-align: center;
}
.ga-tellFriendFirstName {
font-size: 10px;
}
.ga-tellFriendLastName {
font-size: 10px;
}
.ga-tellFriendHeader {
margin: 10px 0px 20px 0px;
}
.ga-tellFriendInsertAddressBook {
font-size: 10px;
}
/* Text for the optional "Tell Me More" link that can be appended to the short explanation */
.ga-petitionTellMeMore {
font-size: 9px;
font-weight: normal;
color: #000;
text-align: right;
padding: 10px;
}
/* Div tag surrounding the closing text */
.ga-petitionSignedBy {
padding-top: 10px;
border-top: 1px dashed #000;
}
/* Style for the closing text of a petition. Ex: "Signed by: [Your name] [Your address]" */
.ga-petitionSignedBy p {
font-size: 12px;
font-weight: bold;
color: #000;
}
#ga-donationTxnFields input {
width: auto !important;
width: 100px;
}
#ga-donationTxnFields .ga-CheckBoxItem input, #ga-donationTxnFields .ga-RadioDownItem input, #ga-donationTxnFields .ga-RadioAcrossItem input { width: 20px; }
/*------------------------------------------------------------------------------------------
Styles for the confirm page that is displayed after a member submits a petition campaign form
------------------------------------------------------------------------------------------*/
.ga-petitionConfirm2 h1 { font-size: 13px; }
.ga-petitionConfirm2 h2 { font-size: 12px; }
.ga-petitionConfirm2 p { font-size: 12px; }
/*------------------------------------------------------------------------------------------
Letter to the Editor Campaign styles
------------------------------------------------------------------------------------------*/
/* Style surrounding the entire campaign, by default centered to its container */
.ga-lte {
width: 95%;
margin: 0 auto;
}
/* Title of the campaign */
.ga-lteTitle {
margin: 0 0 8px 0;
font-size: 24px;
}
/* Introduction text for the campaign */
.ga-lteShortExplanation {
margin: 0 0 32px 0;
}
/* Styles surrounding the ZIP widget */
.ga-lteSearchZip form {
width: 300px;
margin: 16px auto 4px auto;
}
/* Form label for entering a ZIP code */
.ga-lteSearchZip label {
font-weight: bold;
display: block;
margin: 0 0 4px 0;
}
/* Textfields and submit button for ZIP code widget */
.ga-lteSearchZip input {
font-size: 14px;
}
/* Style for two-column layout */
.ga-lteColumns {
clear: both;
}
.ga-lteColumn1-2, .ga-lteColumn2-2 {
vertical-align: top;
}
.ga-lteColumn1-2 {
width: 48%;
float: left;
clear: left;
}
.ga-lteColumn2-2 {
width: 48%;
float: right;
}
/* Styles for the step and instructions */
.ga-lteStep {
clear: right;
}
.ga-lteStep .ga-highlight {
float: left;
margin: 0 10px 12px 0;
padding: 0 5px 0 5px;
}
/* Style for div surrounding information form */
.ga-lteInfo {
padding: 0 12px 0 0;
}
/* Style for header above basic form */
.ga-lteInfo h2, .ga-lteTargets h2, .ga-lteLetter h2 {
font-size: 13px;
margin: 0 0 3px 0;
}
/* Instructional text above forms */
.ga-lteInstructions, .ga-lte .ga-campaignInstructions {
color: #555;
font-size: 11px;
margin: 4px 0 12px 32px;
}
/* Text explaining use of personal information by media organizations */
.ga-ltePersonalInformation {
font-size: 11px;
color: #555;
margin: 24px 0 0 0;
}
/* Styles for the target list */
.ga-lteTargetList {
overflow: auto;
width: 87%;
height: 250px;
border: 1px solid #cecece;
}
.ga-lteTargetList h3 {
padding: 8px 10px 8px 16px;background-color: #555;/*background: #555 url("/images/css/menu_highlight_gray.gif") repeat-x top left*/;
border-bottom: 1px solid #b3b3b3;
font-size: 12px;
margin: 0 0 12px 0;
}
/* Two-column layout for checkboxes and media outlet labels */
.ga-lteTargetList .ga-options {
margin: 0 12px 12px 12px;
}
.ga-lteTargetList .ga-options .ga-label {
margin: 0 0 0px 24px;
}
.ga-lteTargetList .ga-label label {
font-weight: normal;
font-size: 12px;
}
/* Style surrounding link for resetting the campaign form */
.ga-lteResetCampaign {
font-size: 11px;
margin: 8px 0 0 36px;
}
/* Style for the inset box */
.ga-lte .ga-insetBox {
margin-top: 16px;
clear: left;
}
/* Styles for the subject */
.ga-lteSubject {
clear: left;
margin: 12px 0;
}
.ga-lteSubject label {
font-size: 12px;
font-weight: bold;
}
/* Style for the greeting text, "Dear [ Organization ]" */
.ga-lteSalutation {
font-size: 11px;
font-weight: bold;
}
/* Styles for the letter body */
.ga-lteLetter {
width: 70%;
float: left;
margin-top: 16px;
}
/* Styles for the letter body, provides inset stroke */
.ga-lteLetter textarea {
width: 100%;
height: 300px;
}
/* Style for the closing text, under the letter */
.ga-lte .ga-campaignClosing {
font-size: 11px;
margin: 8px 0 0 0;
}
/* Style for text under the letter word count */
.ga-lteWordCount {
float: right;
color: #555;
text-align: right;
font-size: 11px;
margin: 8px 0 0 0;
width: 150px;
}
/* Styles letter word count number */
.ga-lteWordCount h3 {
color: #ffad21;
margin: 0;
font-size: 13px;
font-weight: normal;
}
/* Styles for the talking points, the header and unordered list */
.ga-lteTalkingPoints {
width: 23%;
float: left;
padding: 0 12px;
color: #555;
font-size: 11px;
}
.ga-lteTalkingPoints h3 {
font-size: 11px;
margin: 96px 0 12px 0;
}
.ga-lteTalkingPoints ul {
list-style: square;
color: #333;
margin: 0;
padding: 0 0 0 30px;
}
.ga-lteTalkingPoints li {
font-size: 11px;
margin: 0 0 12px 0;
}
/* Style for div surrounding the submit button */
.ga-lteSendBtn {
clear: both;
}
.ga-lteSendBtn input {
font-size: 14px;
padding: 6px !important;
padding: 2px 0;
}
/*------------------------------------------------------------------------------------------
Donation campaign styles
------------------------------------------------------------------------------------------*/
/* Style surrounding the entire campaign */
#ga-donationLayout { }
/* Title of the campaign */
#ga-donationHeader { }
/* Style for two-column formatting */
#ga-donationCols { width: 100%; }
#ga-donationCols td#ga-donationCol1-2, #ga-donationCols td#ga-donationCol2-2 {
vertical-align: top;
padding: 8px;
}
#ga-donationCols td#ga-donationCol1-2, #ga-donationCols td#ga-donationCol2-2 { width: 50%; }
/* Instruction text above payment levels, "Please select a donation amount:" */
.ga-donationPaymentLabel {
font-size: 11px;
margin: 8px 0;
}
/* Div tag surrounding the payment fields */
#ga-donationAmtFields { width: 100%; }
/* Div tag for table formatting of payment fields */
#ga-donationAmtFields td {
vertical-align: top;
padding: 4px 2px;
}
/* Amount text for each payment level */
#ga-donationAmtFields td.ga-donationAmount { padding-top: 6px; }
/* Label for each payment level*/
#ga-donationAmtFields td.ga-donationLabel { padding-top: 6px; }
/* Other amount table cell */
#ga-donationOtherAmt td {
vertical-align: top;
padding: 0 2px;
}
/* Div tag surrounding the min/max fields for the other amount */
#ga-donationOtherAmt .ga-donationMinMax {
color: #555;
margin-top: 8px;
font-size: 11px;
}
/* Text above the custom transaction fields */
.ga-donationTxnHeader { margin: 8px 0; }
/* Prompts for each transaction field (optional), "I'd like to make this donation on behalf of or in memory of" */
#ga-donationTxnFieldsPrompt {
clear: left;
}
/* Label for each custom transaction field */
#ga-donationTxnFields label {
font-size: 11px;
font-weight: bold;
}
/* Input field for each custom transaction field */
#ga-donationTxnFields input {
width: auto !important;
width: 100px;
}
/* Radio/checkbox field for each custom transaction field */
#ga-donationTxnFields .ga-CheckBoxItem input, #ga-donationTxnFields .ga-RadioDownItem input, #ga-donationTxnFields .ga-RadioAcrossItem input { width: 20px; }
/* Text below the custom transaction fields */
.ga-donationTxnFooter { clear: left; }
/* Instruction text above the credit card/member info fields, "Complete the following to make your contribution and sign up to receive periodic updates" */
.ga-donationFormHeader {
font-size: 11px;
margin: 8px 0;
}
/* Div tag surrounding the credit card fields */
#ga-donationCCFields { margin: 8px 0; }
/* Style for logout link that is displayed to allow a member to logout */
.ga-donationLogout {
font-size: 11px;
margin: 6px 0;
}
/* Style for div tag that surrounds all the member info form fields, such as First Name, Last Name, etc */
#ga-donationFields label, #ga-donationReadOnlyFields label, #ga-donationCCFields label {
font-size: 10px;
font-weight: bold;
display: block;
}
/* Style for div tag that surrounds all the member info form fields that are drop-down selects */
#ga-donationFields input, #ga-donationFields select, #ga-donationFields option, #ga-donationCCFields input, #ga-donationCCFields select, #ga-donationCCFields option {
font-size: 12px;
font-weight: normal;
}
/* Opt-in checkbox box to sign up for center */
#ga-donationOptIn {
margin-top: 16px;
margin-bottom: 16px;
}
/* Styles for the form fields that can be part of the member info form */
.ga-donationCheckboxHeader p { font-size: 12px; }
.ga-donationCheckboxItem { padding: 0px; }
.ga-donationCheckboxLabel {
display: inline;
font-size: 10px;
padding-left: 4px;
padding-right: 8px;
}
/* Div tag that surround payment schedule (if enabled) */
#ga-donationPaymentSchedule { margin-top: 24px; }
/* Label for payment schedule options */
#ga-donationPaymentSchedule label {
font-size: 12px;
font-weight: bold;
display: block;
}
/* Text for different payment schedule plans */
#ga-donationInstallmentText, #ga-donationRecurringText { font-size: 11px; }
/* Submit button for donation form */
.ga-donationSubmit { text-align: center; }
.ga-donationSubmit input {
font-size: 12px;
font-weight: normal;
}
/* Page footer text for campaign */
#ga-donationFooter { }
/*------------------------------------------------------------------------------------------
Styles for the confirm page that is displayed after a member submits a donation campaign form
------------------------------------------------------------------------------------------*/
/* Title for confirm page, "Please confirm your payment" */
#ga-donationConfirm h2 { font-size: 13px; }
/* Credit card text, "Your credit card will be charged:" */
#ga-donationConfirm h3, #ga-donationConfirm th { font-size: 12px; }
/* Table for member info */
#ga-donationConfirm th, #ga-donationConfirm td { font-size: 11px; }
#ga-donationConfirm th { text-align: left; vertical-align: top; }
/* Div tags that separate the different sections of the confirm page */
#ga-donationConfirm .section { border-bottom: 1px solid #555; padding: 8px 0; }
/* Opt-in box for donation pages */
#ga-donationFields DIV.ga-optIn {
float: none; width: 100%
}
#ga-donationFields DIV.ga-alert {
clear: left;
}
/*------------------------------------------------------------------------------------------
Styles for the checkbox options in member forms
------------------------------------------------------------------------------------------*/
/* Generic style for opt-in and "remember me" text that appears on the Center Homepage and campaigns */
.ga-optIn input, .ga-optIn input, .ga-rememberMe input {
float: left;
margin: 0 5px 0 0;
}
/* Style for the opt-in and "remember me" text */
.ga-optIn label, .ga-rememberMe label {
display: block;
font-size: 10px;
width: 85%;
clear: none;
text-align: left;
font-weight: normal;
margin: 0 0 8px 0;
padding: 4px 0 0 0;
}
/*------------------------------------------------------------------------------------------
Styles for the thank you page that is displayed after a member confirm a donation campaign form
------------------------------------------------------------------------------------------*/
/* Text for next action, "What do you want to do next?" */
#ga-donationThankYou h3 { font-size: 12px; }
/* Styles for blurbs associated with this page
By default, no styles are associated with them */
#ga-donationThankYou .ga-nextStepsBlurb {}
#ga-donationThankYou .ga-tellFriendBlurb {}
#ga-donationThankYou .ga-receiptBlurb {}
#ga-donationThankYou .ga-smpBlurb {}
/*------------------------------------------------------------------------------------------
Community Networking Page styles
------------------------------------------------------------------------------------------*/
.ga-badge h3 {
padding-top: 24px;
border-top: 1px solid #CCC;
}
.ga-badge h4 {
margin-bottom: 0;
margin-top: 24px;
}
.ga-badge h5 {
margin: 0;
font-size: 12px;
font-weight: normal;
}
.ga-badge textarea {
width: 85%;
height: 70px;
font-family: monospace;
font-size: 11px;
color: #333;
white-space: pre;
}
/*------------------------------------------------------------------------------------------
Subscription Management Page styles
------------------------------------------------------------------------------------------*/
.ga-communityLink {
width:100%;
text-align: right;
vertical-align: top;
padding: 1px 16px;
}
#ga-updateProfileBtn { clear: both; }
/*------------------------------------------------------------------------------------------
Relationships
------------------------------------------------------------------------------------------*/
.ga-relationshipHeader {
border-bottom: 1px dotted #555;
padding: 12px 0;
}
.ga-relationshipSteps {
border-collapse: collapse;
width: 100%;
}
.ga-relationshipSteps td, .ga-relationshipSteps th {
padding: 4px;
border: 1px solid #CCC;
}
.ga-relationshipSteps td {
width: 50%;
}
.ga-step1 {/*background: url(/images/events/icon_Step1.gif) no-repeat center left*/;
padding-left: 17px;
}
.ga-step2 {/*background: url(/images/events/icon_Step2.gif) no-repeat center left*/;
padding-left: 17px;
}
.ga-step1Lg {/*background: url(/images/events/icon_Step1_lg.gif) no-repeat center left*/;
padding-left: 30px;
}
.ga-step2Lg {/*background: url(/images/events/icon_Step2_lg.gif) no-repeat center left*/;
padding-left: 30px;
}
/*------------------------------------------------------------------------------------------
Center Privacy Policy Page styles
Div tag surrounding privacy policy page
------------------------------------------------------------------------------------------*/
.ga-privacy { margin-left: 20px; }
/* Title, "Privacy Policy" */
.ga-privacy h1 {
font-size: 18px;
font-weight: bold;
}
/* Link to go back to Center Homepage */
.ga-privacyGoBack {
font-size: 10px;
font-weight: bold;
margin: 20px 0px;
}
/*------------------------------------------------------------------------------------------
Sign-up Page styles
------------------------------------------------------------------------------------------*/
/* Div tag surrounding sign-up page */
.ga-signUp { }
/* Top of page text, "If you are already in our system, just type your email address and click "Sign-Up" below." */
.ga-signUpBlurb { }
/* Table formatting for sign-up form */
.ga-signUp th, .ga-signUp td {
vertical-align: top;
text-align: left;
padding: 4px;
font-size: 12px;
}
.ga-signUp th { width: 180px; }
/* Opt-in checkbox for listserves */
.ga-signUpListserve { margin-bottom: 20px; }
.ga-signUpListserve input { margin-left: 40px; }
/* Opt-in checkbox for center(s) */
.ga-signUpCenter { }
/*------------------------------------------------------------------------------------------
Tell-a-Friend Page styles
------------------------------------------------------------------------------------------*/
/* Div tag that surrounds entire page */
.ga-tellFriend { margin: 0 4px; }
/* Top of page text, "Pass your message on to your friends and colleagues, and invite them to sign up..." */
.ga-tellFriendHeader { margin: 10px 0px 20px 0px; }
/* Default font for form fields */
.ga-tellFriend input { font-size: 12px; }
/* Table formatting for Tell-a-Friend form */
.ga-tellFriend table {
border: 0;
margin-left: 0;
}
.ga-tellFriend td { vertical-align: top; }
.ga-tellFriend th {
vertical-align: top;
text-align: left;
font-size: 12px;
font-weight: bold;
width: 40%;
}
/* Cell that contains recipient email boxes */
.ga-tellFriendEmail input { margin: 0 0 6px 0; }
/* Small text explanation for form fields */
.ga-tellFriendExplain {
font-size: 10px;
font-weight: normal;
margin-top: 0;
}
/* Cell for first name and last name */
.ga-tellFriendFirstName, .ga-tellFriendLastName { font-size: 10px; }
/* Text to insert emails from address book (shown if member is logged in) */
.ga-tellFriendInsertAddressBook { font-size: 10px; }
/* Div tag surrounding the Send button */
.ga-tellFriendExport { text-align: center; }
/*------------------------------------------------------------------------------------------
Welcome Page styles
------------------------------------------------------------------------------------------*/
/* Div tag that surrounds the welcome page */
.ga-welcomeMember { }
/* Table to display member info */
.ga-welcomeMemberTable {
margin-left: 20px;
border: 0;
}
.ga-welcomeMemberTable td {
padding: 0 20px;
background-color: #EFEFE7;
padding: 10px;
}
/*------------------------------------------------------------------------------------------
Styles for Inbound Processing
------------------------------------------------------------------------------------------*/
/* Title */
.ga-callctrTitle {
background-color: #EEE;
border-top: 1px solid #555;
color: #000;
padding: 4px;
margin-top: 24px;
}
/* Instructions/script popup panel */
.ga-callctrInstructions {
float: right;
display: none;;
width: 250px;
padding: 12px;
background-color: #EEE;
border: 1px solid #555;
}
/* Instructions/script title */
.ga-callctrInstructions h1 { font-size: 12px; }
/*------------------------------------------------------------------------------------------
Styles used by donation, petition, and advocacy campaigns
------------------------------------------------------------------------------------------*/
.ga-addressLabel {
font-size: 12px;
font-weight: bold;
padding-top: 8px;
margin-bottom: 8px;
}
/*------------------------------------------------------------------------------------------
Special div tags to enable two-column form fields for %template% tags (see documentation for Custom Templates)
Examples:
%template_memberfields%
%template_ccfields%
%template_txnfields%
------------------------------------------------------------------------------------------*/
/* Left-column form field labels for member forms, donation campaigns, and advocacy campaigns */
.ga-twoColumns #ga-memberFields label, .ga-twoColumns #ga-campaignFields label, .ga-twoColumns #ga-donationFields label, .ga-twoColumns #ga-donationReadOnlyFields label, .ga-twoColumns #ga-donationCCFields label {
position: relative;
float: left;
width: 30%;
padding-right: 5px;
display: inline;
clear: left;
}
/* Right-column form fields for member forms, donation campaigns, and advocacy campaigns */
.ga-twoColumns #ga-memberFields .ga-fieldInput, .ga-twoColumns #ga-campaignFields .ga-fieldInput, .ga-twoColumns #ga-donationFields .ga-fieldInput, .ga-twoColumns #ga-donationReadOnlyFields .ga-fieldInput, .ga-twoColumns #ga-donationCCFields .ga-fieldInput {
float: left;
width: 68%;
margin-bottom: 6px;
clear: right;
}
/* Left-column form field labels for custom transaction fields in donation campaigns */
.ga-twoColumns #ga-donationTxnFields label {
float: left;
width: 33%;
height: 100%;
clear: left;
padding-right: 5px;
margin-bottom: 2px;
}
/* Left-column form fields for custom transaction fields in donation campaigns */
.ga-twoColumns #ga-donationTxnFields .ga-fieldInput {
float: left;
width: 64%;
margin-bottom: 6px;
}
/* Specific to advocacy campaign form fields */
.ga-twoColumns #ga-campaignFields label { text-align: right; }
/* Left-column form field labels for member fields (like the subscription management page's profile tab) */
.ga-twoColumns #ga-memberFields .ga-fieldInput label, .ga-twoColumns #ga-memberFields .ga-fieldInput .ga-fieldInput {
float: none;
width: auto;
padding: auto;
display: block;
}
.ga-twoColumns #ga-memberFields label, .ga-twoColumns #ga-memberFields .ga-fieldInput label { clear: left; }
/* Right-column form fields for member fields (like the subscription management page's profile tab) */
.ga-twoColumns #ga-memberFields .ga-fieldErrorMsg, .ga-twoColumns #ga-memberFields .ga-field {
padding: 0 !important; /* Fixes weird wrapping issues */
padding: 1px;
}
/* Error message when submitting a member fields form */
.ga-twoColumns #ga-memberFields .ga-fieldError {
padding: auto;
background-color: transparent;
}
.ga-twoColumns #ga-memberFields .ga-fieldError .ga-fieldInput {
padding: 1px;
background-color: #FFCCCC;
}
/* Listserve field for a two-column layout (which lack a fieldInput label). Using px and not % for margin-left for IE7 compatibility */
.ga-twoColumns .ga-field#ga-listserves-fld {
clear: left;
width: 100% !important;
width: 70%;
margin-left: 85px;
}
.ga-twoColumns .ga-field#ga-listserves-fld .ga-campaignCheckboxLabel {
display: block;
float: left;
padding: 0 0 0 3px;
width: 80%;
}
/* Includes IE6 only hack to prevent indenting */
.ga-twoColumns .ga-field#ga-listserves-fld .ga-fieldInput input {
float: left;
_width: 16px
_margin-left: 5px;
}
/* Opt-in field and CC-field for a two-column layout. Using px and not % for margin-left for IE7 compatibility */
.ga-twoColumns .ga-optIn, .ga-twoColumns .ga-campaignCCMember, .ga-twoColumns .ga-rememberMe {
clear: left;
margin-left: 85px;
}
.ga-twoColumns #ga-campaignFields .ga-optIn input, .ga-twoColumns .ga-campaignCCMember input, .ga-twoColumns #ga-campaignFields .ga-rememberMe input {
float: left;
}
.ga-twoColumns #ga-campaignFields .ga-optIn label, .ga-twoColumns .ga-campaignCCMember label, .ga-twoColumns #ga-campaignFields .ga-rememberMe label {
display: block;
float: left;
width: 85%;
clear: none;
text-align: left;
}
/*------------------------------------------------------------------------------------------
Default styles for member fields
------------------------------------------------------------------------------------------*/
.ga-CheckboxHeader { font-size: 10px; }
.ga-CheckboxItem { padding: 0px; }
.ga-CheckboxLabel {
display: inline;
font-size: 10px;
padding-left: 4px;
padding-right: 8px;
}
.ga-Date { font-size: 12px; }
.ga-DateHeader { font-size: 10px; }
.ga-Float { font-size: 12px; }
.ga-FloatHeader { font-size: 10px; }
.ga-Input {
margin: 0;
padding: 0 5px;
}
.ga-InputBlock { padding-top: 1px; }
.ga-InputText {
font-size: 10px;
font-weight: bold;
color: #000;
padding-top: 3px;
}
.ga-Int { font-size: 12px; }
.ga-IntHeader { font-size: 10px; }
select.ga-Multiselect {
font-size: 10px;
margin-bottom: 8px;
}
.ga-MultiselectHeader { font-size: 10px; }
.ga-NarrowText { font-size: 12px; }
.ga-NarrowTextHeader { font-size: 10px; }
.ga-PrefixHeader { font-size: 10px; }
.ga-RadioAcrossItem { display: inline; }
.ga-RadioDownItem { padding: 0px; }
.ga-RadioHeader { font-size: 10px; }
.ga-RadioLabel {
display: inline;
font-size: 10px;
padding-left: 4px;
padding-right: 8px;
}
select.ga-Select {
font-size: 12px;
margin-bottom: 8px;
}
.ga-SelectHeader { font-size: 10px; }
.ga-TextArea { font-size: 12px; }
.ga-TextAreaHeader { font-size: 10px; }
.ga-WideText { font-size: 12px; }
.ga-WideTextHeader { font-size: 10px; }
/*------------------------------------------------------------------------------------------
Styles for forms
------------------------------------------------------------------------------------------*/
.ga-error {background-color: #FFE;/*background: #FFE url(/images/css/error.gif) no-repeat 12px 10px*/;
border: 2px solid #FEE19F;
padding: 16px 16px 16px 52px;
margin: 12px;
color: #CC0000;
font-weight: bold;
font-size: 11px;
}
.ga-field label {
display: block;
font-size: 10px;
font-weight: bold;
margin: 0;
}
.ga-fieldInput { margin-bottom: 8px; }
.ga-fieldInput label { font-weight: normal; }
.ga-fieldInput textarea { width: 250px; }
.ga-fieldError {
padding: 6px;
background-color: #FFCCCC;
}
.ga-fieldErrorMsg {
clear: both;
}
.ga-fieldErrorMsg .ga-alert {
margin: 0 0 4px 0;
padding: 0 0 2px 0;
color: #CC0000;
border-bottom: 1px solid #CC0000;
font-weight: bold;
font-size: 10px;
}
.ga-fieldErrorMsg ul {
margin: 6px 0;
}
.ga-fieldErrorMsg li {
color: #CC0000;
font-size: 10px;
}
.ga-fieldCategory {
font-size: 13px;
font-weight: bold;
}
/*------------------------------------------------------------------------------------------
Styles for tabs
GetActive does not recommend that you attempt to override these styles
------------------------------------------------------------------------------------------*/
.ga-tab {
position: relative;
top: 0px;
float: left;
display: inline;
overflow: hidden;
list-style: none;
text-align: center;
height: 23px;
margin: 1px -1px 0px 4px;
padding: 0;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: transparent;
border: 0;
}
.ga-tab li { float: left; margin: 0; list-style: none; }
.ga-tab .ga-centertab {
height: 100%;
padding: 0px 5px;
cursor: pointer;
cursor: hand;/*/* necessary for IE
background: url("/images/tabbar/tab_bg.gif") repeat-x top center*/;
}
.ga-tab#ga-activetab {
top: -2px;
height: 27px !important;
z-index: 3;
margin: 1px -5px 0 0;
padding: 0;
background: transparent;
}
.ga-tab#ga-activetab .ga-centertab {
font-weight: bold;
color: #000;
padding: 7px 5px 0 5px;
cursor: default;/*background: url("/images/tabbar/tab_active_bg.gif") repeat-x top center*/;
}
.ga-tab a, .ga-tab a:link, .ga-tab a:hover, .ga-tab a:visited {
position: relative;
top: 5px;
text-decoration: none;
color: #004266;
}
.ga-tab#ga-activetab a {
top: 0;
color: #006699;
}
.ga-bar {
position: relative;
width: 100%;
height: 10px;
text-align: left;
clear: none !important;
clear: both;
}
.ga-bar#topbar {
top: 23px !important;
top: -5px;
height: 5px;/*background: url("/images/top_fill.gif") repeat-x top left*/;
}
.ga-bar#bottombar {
clear: both;/*background: url("/images/bottom_fill.gif") repeat-x top left*/;
}
.ga-tab-content {
clear: left;
position: relative;
top: -5px !important;
top: -30px;
width: 100%;
border: 0;
margin: 0;
padding: 0;
}
/*------------------------------------------------------------------------------------------
Format tabs for printing
------------------------------------------------------------------------------------------*/
@media print {
.ga-tab .ga-sidetab { display: none; }
.ga-tab .ga-centertab {
display: block;
background-color: #F0F0E8;
border: 1px solid #91A7B4;
border-bottom: 1px solid #91A7B4;
}
.ga-tab#ga-activetab .ga-centertab {
background-color: #CADCED;
border: 1px solid #679ACC;
padding-bottom: 0;
}
.ga-bar#topbar {
top: 25px;
height: 0;
border: 1px solid #679ACC;
z-index: 5;
}
.ga-bar#bottombar {
height: 0;
border: 1px solid #679ACC;
}
}
/*------------------------------------------------------------------------------------------
Clearfix float hack
------------------------------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */