body { margin: 0; padding: 0 30px; background: white; } body, td, th { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 15px; } .clearer { clear: left; } .dontShow { display: none; } a { color: black; text-decoration: none; } a:visited { color: black } a { cursor: pointer; } div.widget { margin: 5px 0 0 0; } div.widget div.widget { background: #eeeeec; border: 1px solid #eeeeec; } div.widget div.container { padding: 0.4em 1ex 0.4em 10px; } div.widget div.widget div.container { padding: 1em 3ex; } div.hidden div.container { display: none; } div.widget div.bottomBar { padding: 1px 1ex; text-align: right; } div.widget h3 { font-size: 12px; font-weight: bold; background-color: #eee; border-top: 1px solid #999; margin: 0; padding: 1px 0 2px 0px; background-image: url(/images/close-button.gif); background-position: right center; background-repeat: no-repeat; } div.widget div.widget h3 { font-size: 12px; background-color: transparent; border-top: none; } div.widget h3 a { display: block; padding-left: 7px; background-position: left center; background-repeat: no-repeat; /* background-image: url(images/util/triangle_down.gif); */ } div.widget h3 a.hidden { background-image: url(images/util/triangle_up.gif); } div#leftColumn { position: absolute; left: 35px; top: 102px; width: 160px } div#mainspace { margin-left: 170px; } div.right { float: right; width: 160px; } div.center { margin-right: 166px; } div.panel { padding-top: 6px; margin: 0px; clear: right; } div#leftColumn, div.right { font-size: smaller; } .categories .hasContent span { font-weight: bold;} /* --- Panels ----------------------------------------------------------- */ div.bluePanel div.widget { border-color: #C3D9FF; } div.bluePanel div.widget h3 { background-color: #C3D9FF; } div.bluePanel div.widget div.bottomBar { background-color: #C3D9FF; } div.bluePanel div.widget div.widget div.container { background-color: #D3E9FF; } div.greenPanel div.widget { border-color: #cf8; } div.greenPanel div.widget h3 { background-color: #cf8; } div.greenPanel div.widget div.bottomBar { background-color: #cf8; } div.greenPanel div.widget div.widget div.container { background-color: #efb; } div.redPanel div.widget { border-color: #fc9; } div.redPanel div.widget h3 { background-color: #fc9; } div.redPanel div.widget div.bottomBar { background-color: #fc9; } div.redPanel div.widget div.widget div.container { background-color: #feb; } /* --- Busy Indicator --------------------------------------------------- */ div#busyIndicator { position: fixed; top: 0px; right: 0px; color: black; background: #cce; padding: 2px 1ex; } /* --- Navigation ------------------------------------------------------- */ div#navigation { height: 76px; margin: 20px 0 0 2px; padding: 0; vertical-align: bottom; } div#navigation ul { clear: both; margin: 0; padding: 0; list-style: none; background: white; } div#navigation ul li { border: 1px solid #999; float: left; width: 82px; height: 18px; margin: 0 2px; padding: 0; text-align: center; border-bottom: none; } div#navigation ul li a { font-size: 12px; position: relative; top: 1px; font-weight: bold; text-decoration: none; } div#navigation ul li.current, div#navigation ul li:hover { background-color: #eee; } div#navigation div.row { clear: both; height: 1px; border-top: 1px solid #999; margin-left: 2px; font-size: 0px; } div#navigation div.loggedInInfo { float: right; margin-top: 1em; text-align: right; } #navigation img{ float: left; } /* --- Front page ------------------------------------------------------ */ #frontpageInfo { width: 615px; line-height: 14px; } #frontpageInfo .infobox { background-image: url("/images/squarebox.png"); background-repeat: no-repeat; width: 170px; float: left; margin-right: 10px; padding: 10px; } #frontpageInfo .infobox { height: 140px; } #frontpageInfo .agents p { padding-right: 2ex; } #frontpageInfo .agents div { background-image: url(/images/three_agents.gif); background-position: bottom right; background-repeat: no-repeat; height: 132px; } #frontpageInfo h3 { background-image: none; background-color: transparent; border: 0px solid white; border: none; } #frontpageInfo h1 { font-size: 24px; line-height: 24px; } #frontpageInfo h2 { font-size: 18px; line-height: 20px; } #frontpageInfo h3 { font-size: 14px; line-height: 17px; } #frontpageInfo .sideinfo { background-image: url(/images/frontpage-boxmiddle.png); float: right; width: 190px; margin-left: 10px } #frontpageInfo .sideinfo .container { background-image: url(/images/frontpage-boxtop.png); background-repeat: no-repeat; background-position: top center; height: 260px; } #frontpageInfo .sideinfo .bottom { background-image: url(/images/frontpage-boxbottom.png); background-position: bottom center; background-repeat: no-repeat; } ul.imageList { list-style: none; margin: 0; padding: 0; } ul.imageList li { margin: 0; padding: 0; clear: left; } ul.imageList li img { float: left; margin: 0 2ex 1em 0; } ul.imageList li h2 { font-size: 15px; } /* --- ??? ??? --------------------------------------------------------- */ ul.categories { margin: 0; padding: 0; list-style: none; } ul.categories li { margin: 0; padding: 0; } ul.categories li input { margin: 2px; padding: 0; vertical-align: middle; } /* --- Media Analysis Table ----------------------------------------- */ table.analysisTable { border-spacing: 0; } table.analysisTable td, table.analysisTable th { padding: 1px 5px; } table.analysisTable .even th { background: #ddd; } table.analysisTable .even td { background: #ddd; } /* --- Navigation --------------------------------------------------- */ ul.navigation { list-style: none; margin: .5em 0; padding: 0; } ul.navigation li { list-style: none; margin: 0 0 0 2ex; padding: 0; } /* --- Agents list & Label list ------------------------------------- */ #agentsList ul, #labelList ul { margin: 1px 0 0.5em 0; padding: 0; list-style: none; } /* OBSERVE: not NOT remove padding: 1px; for the or else the the height of the .placeholder is not respected in IE6 & 7. */ #agentsList ul li ul, #labelList ul li ul { padding: 1px; margin-left: 12px; } #agentsList ul li, #labelList ul li { margin: 0; padding: 0; min-height: 18px; } #agentsList a:hover, #labelList a:hover { color: #0F6A23;} #agentsList .agentButton, #labelList .icon { display: inline-block; vertical-align: top; width: 16px; height: 17px; background-repeat: no-repeat; background-position: center center; cursor: move; } #agentsList .agentButton, #labelList .icon { /* FF2 doesn't support inline-block */ display: -moz-inline-stack; } #labelList .placeholder, #agentsList .placeholder { padding: 0; margin: 0; list-style: none; height: 1px; min-height: 1px; max-height: 1px; overflow:hidden; } /* Agent icons */ .agentButtonBeige { background-image: url("/images/agent/button/agent_button_beige.gif"); } .agentButtonDarkBlue { background-image: url("/images/agent/button/agent_button_darkblue.gif"); } .agentButtonDarkGreen { background-image: url("/images/agent/button/agent_button_darkgreen.gif"); } .agentButtonLightBlue { background-image: url("/images/agent/button/agent_button_lightblue.gif"); } .agentButtonLightGreen { background-image: url("/images/agent/button/agent_button_lightgreen.gif"); } .agentButtonOrange { background-image: url("/images/agent/button/agent_button_orange.gif"); } .agentButtonPink { background-image: url("/images/agent/button/agent_button_pink.gif"); } .agentButtonPurple { background-image: url("/images/agent/button/agent_button_purple.gif"); } .agentButtonRed { background-image: url("/images/agent/button/agent_button_red.gif"); } .agentButtonYellow { background-image: url("/images/agent/button/agent_button_yellow.gif"); } .agentSmallButtonBeige { background-image: url("/images/agent/smallbutton/agent_smallbutton_beige.gif"); } .agentSmallButtonDarkBlue { background-image: url("/images/agent/smallbutton/agent_smallbutton_darkblue.gif"); } .agentSmallButtonDarkGreen { background-image: url("/images/agent/smallbutton/agent_smallbutton_darkgreen.gif"); } .agentSmallButtonLightBlue { background-image: url("/images/agent/smallbutton/agent_smallbutton_lightblue.gif"); } .agentSmallButtonLightGreen { background-image: url("/images/agent/smallbutton/agent_smallbutton_lightgreen.gif"); } .agentSmallButtonOrange { background-image: url("/images/agent/smallbutton/agent_smallbutton_orange.gif"); } .agentSmallButtonPink { background-image: url("/images/agent/smallbutton/agent_smallbutton_pink.gif"); } .agentSmallButtonPurple { background-image: url("/images/agent/smallbutton/agent_smallbutton_purple.gif"); } .agentSmallButtonRed { background-image: url("/images/agent/smallbutton/agent_smallbutton_red.gif"); } .agentSmallButtonYellow { background-image: url("/images/agent/smallbutton/agent_smallbutton_yellow.gif"); } /* --- Shared agentbuttons -------------------------------------------------*/ .agentButtonBeigeShared { background-image: url("/images/agent/shared/agent_button_beige.gif"); } .agentButtonDarkBlueShared { background-image: url("/images/agent/shared/agent_button_darkblue.gif"); } .agentButtonDarkGreenShared { background-image: url("/images/agent/shared/agent_button_darkgreen.gif"); } .agentButtonLightBlueShared { background-image: url("/images/agent/shared/agent_button_lightblue.gif"); } .agentButtonLightGreenShared { background-image: url("/images/agent/shared/agent_button_lightgreen.gif"); } .agentButtonOrangeShared { background-image: url("/images/agent/shared/agent_button_orange.gif"); } .agentButtonPinkShared { background-image: url("/images/agent/shared/agent_button_pink.gif"); } .agentButtonPurpleShared { background-image: url("/images/agent/shared/agent_button_purple.gif"); } .agentButtonRedShared { background-image: url("/images/agent/shared/agent_button_red.gif"); } .agentButtonYellowShared { background-image: url("/images/agent/shared/agent_button_yellow.gif"); } /* --- Received agentbuttons -------------------------------------------------*/ .agentButtonBeigeReceived { background-image: url("/images/agent/received/agent_button_beige.gif"); } .agentButtonDarkBlueReceived { background-image: url("/images/agent/received/agent_button_darkblue.gif"); } .agentButtonDarkGreenReceived { background-image: url("/images/agent/received/agent_button_darkgreen.gif"); } .agentButtonLightBlueReceived { background-image: url("/images/agent/received/agent_button_lightblue.gif"); } .agentButtonLightGreenReceived { background-image: url("/images/agent/received/agent_button_lightgreen.gif"); } .agentButtonOrangeReceived { background-image: url("/images/agent/received/agent_button_orange.gif"); } .agentButtonPinkReceived { background-image: url("/images/agent/received/agent_button_pink.gif"); } .agentButtonPurpleReceived { background-image: url("/images/agent/received/agent_button_purple.gif"); } .agentButtonRedReceived { background-image: url("/images/agent/received/agent_button_red.gif"); } .agentButtonYellowReceived { background-image: url("/images/agent/received/agent_button_yellow.gif"); } /* --- Volition folder icons --------------------------------------- */ .volitionFolderButtonRed { background-image: url("/images/agent/folder/folder_button_red.gif"); } .volitionFolderButtonBeige { background-image: url("/images/agent/folder/folder_button_beige.gif"); } .volitionFolderButtonDarkBlue { background-image: url("/images/agent/folder/folder_button_darkblue.gif"); } .volitionFolderButtonDarkGreen { background-image: url("/images/agent/folder/folder_button_darkgreen.gif"); } .volitionFolderButtonLightBlue { background-image: url("/images/agent/folder/folder_button_lightblue.gif"); } .volitionFolderButtonLightGreen { background-image: url("/images/agent/folder/folder_button_lightgreen.gif"); } .volitionFolderButtonOrange { background-image: url("/images/agent/folder/folder_button_orange.gif"); } .volitionFolderButtonPink { background-image: url("/images/agent/folder/folder_button_pink.gif"); } .volitionFolderButtonPurple { background-image: url("/images/agent/folder/folder_button_purple.gif"); } .volitionFolderButtonRed { background-image: url("/images/agent/folder/folder_button_red.gif"); } .volitionFolderButtonYellow { background-image: url("/images/agent/folder/folder_button_yellow.gif"); } /* --- Agent Color Choice ------------------------------------------- */ select.agentColorChoice, select.agentColorChoice option { background-repeat: no-repeat; background-position: 3px 3px; padding-left: 20px; } select.agentColorChoice option { background-position: 3px 1px; } /* --- Volitions list ----------------------------------------------- */ .volitionsList { list-style: none; margin: 0; padding: 0; } .volitionsList li { margin: 0; padding: 2px 0; } .volitionsList .icon { background-position: left center; background-repeat: no-repeat; padding-left: 18px; } /* --- Labels list icons -------------------------------------------------- */ .reorderInitiator { clear: left; cursor: pointer; } .labelActiveArrowdown { background-image: url(/images/labels/active/label_active_arrowdown.gif); } .labelActiveArrowup { background-image: url(/images/labels/active/label_active_arrowup.gif); } .labelActiveChecked { background-image: url(/images/labels/active/label_active_checked.gif); } .labelActiveClock { background-image: url(/images/labels/active/label_active_clock.gif); } .labelActiveCross { background-image: url(/images/labels/active/label_active_cross.gif); } .labelActiveDocument { background-image: url(/images/labels/active/label_active_document.gif); } .labelActiveEnvelope { background-image: url(/images/labels/active/label_active_envelope.gif); } .labelActiveExclamation { background-image: url(/images/labels/active/label_active_exclamation.gif); } .labelActiveHouse { background-image: url(/images/labels/active/label_active_house.gif); } .labelActiveHeart { background-image: url(/images/labels/active/label_active_heart.gif); } .labelActiveLocked { background-image: url(/images/labels/active/label_active_locked.gif); } .labelActiveMagnifyer { background-image: url(/images/labels/active/label_active_magnifyer.gif); } .labelActiveMan { background-image: url(/images/labels/active/label_active_man.gif); } .labelActiveMinus { background-image: url(/images/labels/active/label_active_minus.gif); } .labelActiveMobile { background-image: url(/images/labels/active/label_active_mobile.gif); } .labelActivePen { background-image: url(/images/labels/active/label_active_pen.gif); } .labelActivePlus { background-image: url(/images/labels/active/label_active_plus.gif); } .labelActivePrint { background-image: url(/images/labels/active/label_active_print.gif); } .labelActiveQuestionmark { background-image: url(/images/labels/active/label_active_questionmark.gif); } .labelActiveSoundwaves { background-image: url(/images/labels/active/label_active_soundwaves.gif); } .labelActiveStar { background-image: url(/images/labels/active/label_active_star.gif); } .labelActiveStop { background-image: url(/images/labels/active/label_active_stop.gif); } .labelActiveUnlocked { background-image: url(/images/labels/active/label_active_unlocked.gif); } .labelActiveZero { background-image: url(/images/labels/active/label_active_zero.gif); } .labelPassiveArrowdown { background-image: url(/images/labels/passive/label_passive_arrowdown.gif); } .labelPassiveArrowup { background-image: url(/images/labels/passive/label_passive_arrowup.gif); } .labelPassiveChecked { background-image: url(/images/labels/passive/label_passive_checked.gif); } .labelPassiveClock { background-image: url(/images/labels/passive/label_passive_clock.gif); } .labelPassiveCross { background-image: url(/images/labels/passive/label_passive_cross.gif); } .labelPassiveDocument { background-image: url(/images/labels/passive/label_passive_document.gif); } .labelPassiveEnvelope { background-image: url(/images/labels/passive/label_passive_envelope.gif); } .labelPassiveExclamation { background-image: url(/images/labels/passive/label_passive_exclamation.gif); } .labelPassiveHouse { background-image: url(/images/labels/passive/label_passive_house.gif); } .labelPassiveHeart { background-image: url(/images/labels/passive/label_passive_heart.gif); } .labelPassiveLocked { background-image: url(/images/labels/passive/label_passive_locked.gif); } .labelPassiveMagnifyer { background-image: url(/images/labels/passive/label_passive_magnifyer.gif); } .labelPassiveMan { background-image: url(/images/labels/passive/label_passive_man.gif); } .labelPassiveMinus { background-image: url(/images/labels/passive/label_passive_minus.gif); } .labelPassiveMobile { background-image: url(/images/labels/passive/label_passive_mobile.gif); } .labelPassivePen { background-image: url(/images/labels/passive/label_passive_pen.gif); } .labelPassivePlus { background-image: url(/images/labels/passive/label_passive_plus.gif); } .labelPassivePrint { background-image: url(/images/labels/passive/label_passive_print.gif); } .labelPassiveQuestionmark { background-image: url(/images/labels/passive/label_passive_questionmark.gif); } .labelPassiveSoundwaves { background-image: url(/images/labels/passive/label_passive_soundwaves.gif); } .labelPassiveStar { background-image: url(/images/labels/passive/label_passive_star.gif); } .labelPassiveStop { background-image: url(/images/labels/passive/label_passive_stop.gif); } .labelPassiveUnlocked { background-image: url(/images/labels/passive/label_passive_unlocked.gif); } .labelPassiveZero { background-image: url(/images/labels/passive/label_passive_zero.gif); } .labelCommentedArrowdown { background-image: url(/images/labels/commented/label_commented_arrowdown.gif); } .labelCommentedArrowup { background-image: url(/images/labels/commented/label_commented_arrowup.gif); } .labelCommentedChecked { background-image: url(/images/labels/commented/label_commented_checked.gif); } .labelCommentedClock { background-image: url(/images/labels/commented/label_commented_clock.gif); } .labelCommentedCross { background-image: url(/images/labels/commented/label_commented_cross.gif); } .labelCommentedDocument { background-image: url(/images/labels/commented/label_commented_document.gif); } .labelCommentedEnvelope { background-image: url(/images/labels/commented/label_commented_envelope.gif); } .labelCommentedExclamation { background-image: url(/images/labels/commented/label_commented_exclamation.gif); } .labelCommentedHouse { background-image: url(/images/labels/commented/label_commented_house.gif); } .labelCommentedHeart { background-image: url(/images/labels/commented/label_commented_heart.gif); } .labelCommentedLocked { background-image: url(/images/labels/commented/label_commented_locked.gif); } .labelCommentedMagnifyer { background-image: url(/images/labels/commented/label_commented_magnifyer.gif); } .labelCommentedMan { background-image: url(/images/labels/commented/label_commented_man.gif); } .labelCommentedMinus { background-image: url(/images/labels/commented/label_commented_minus.gif); } .labelCommentedMobile { background-image: url(/images/labels/commented/label_commented_mobile.gif); } .labelCommentedPen { background-image: url(/images/labels/commented/label_commented_pen.gif); } .labelCommentedPlus { background-image: url(/images/labels/commented/label_commented_plus.gif); } .labelCommentedPrint { background-image: url(/images/labels/commented/label_commented_print.gif); } .labelCommentedQuestionmark { background-image: url(/images/labels/commented/label_commented_questionmark.gif); } .labelCommentedSoundwaves { background-image: url(/images/labels/commented/label_commented_soundwaves.gif); } .labelCommentedStar { background-image: url(/images/labels/commented/label_commented_star.gif); } .labelCommentedStop { background-image: url(/images/labels/commented/label_commented_stop.gif); } .labelCommentedUnlocked { background-image: url(/images/labels/commented/label_commented_unlocked.gif); } .labelCommentedZero { background-image: url(/images/labels/commented/label_commented_zero.gif); } /* --- Shared Labels ------------------------ */ .labelActiveArrowdownShared { background-image: url(/images/labels/shared/label_active_arrowdown.gif); } .labelActiveArrowupShared { background-image: url(/images/labels/shared/label_active_arrowup.gif); } .labelActiveCheckedShared { background-image: url(/images/labels/shared/label_active_checked.gif); } .labelActiveClockShared { background-image: url(/images/labels/shared/label_active_clock.gif); } .labelActiveCrossShared { background-image: url(/images/labels/shared/label_active_cross.gif); } .labelActiveDocumentShared { background-image: url(/images/labels/shared/label_active_document.gif); } .labelActiveEnvelopeShared { background-image: url(/images/labels/shared/label_active_envelope.gif); } .labelActiveExclamationShared { background-image: url(/images/labels/shared/label_active_exclamation.gif); } .labelActiveHouseShared { background-image: url(/images/labels/shared/label_active_house.gif); } .labelActiveHeartShared { background-image: url(/images/labels/shared/label_active_heart.gif); } .labelActiveLockedShared { background-image: url(/images/labels/shared/label_active_locked.gif); } .labelActiveMagnifyerShared { background-image: url(/images/labels/shared/label_active_magnifyer.gif); } .labelActiveManShared { background-image: url(/images/labels/shared/label_active_man.gif); } .labelActiveMinusShared { background-image: url(/images/labels/shared/label_active_minus.gif); } .labelActiveMobileShared { background-image: url(/images/labels/shared/label_active_mobile.gif); } .labelActivePenShared { background-image: url(/images/labels/shared/label_active_pen.gif); } .labelActivePlusShared { background-image: url(/images/labels/shared/label_active_plus.gif); } .labelActivePrintShared { background-image: url(/images/labels/shared/label_active_print.gif); } .labelActiveQuestionmarkShared { background-image: url(/images/labels/shared/label_active_questionmark.gif); } .labelActiveSoundwavesShared { background-image: url(/images/labels/shared/label_active_soundwaves.gif); } .labelActiveStarShared { background-image: url(/images/labels/shared/label_active_star.gif); } .labelActiveStopShared { background-image: url(/images/labels/shared/label_active_stop.gif); } .labelActiveUnlockedShared { background-image: url(/images/labels/shared/label_active_unlocked.gif); } .labelActiveZeroShared { background-image: url(/images/labels/shared/label_active_zero.gif); } /* --- Received Labels ------------------------ */ .labelActiveArrowdownReceived { background-image: url(/images/labels/received/label_active_arrowdown.gif); } .labelActiveArrowupReceived { background-image: url(/images/labels/received/label_active_arrowup.gif); } .labelActiveCheckedReceived { background-image: url(/images/labels/received/label_active_checked.gif); } .labelActiveClockReceived { background-image: url(/images/labels/received/label_active_clock.gif); } .labelActiveCrossReceived { background-image: url(/images/labels/received/label_active_cross.gif); } .labelActiveDocumentReceived { background-image: url(/images/labels/received/label_active_document.gif); } .labelActiveEnvelopeReceived { background-image: url(/images/labels/received/label_active_envelope.gif); } .labelActiveExclamationReceived { background-image: url(/images/labels/received/label_active_exclamation.gif); } .labelActiveHouseReceived { background-image: url(/images/labels/received/label_active_house.gif); } .labelActiveHeartReceived { background-image: url(/images/labels/received/label_active_heart.gif); } .labelActiveLockedReceived { background-image: url(/images/labels/received/label_active_locked.gif); } .labelActiveMagnifyerReceived { background-image: url(/images/labels/received/label_active_magnifyer.gif); } .labelActiveManReceived { background-image: url(/images/labels/received/label_active_man.gif); } .labelActiveMinusReceived { background-image: url(/images/labels/received/label_active_minus.gif); } .labelActiveMobileReceived { background-image: url(/images/labels/received/label_active_mobile.gif); } .labelActivePenReceived { background-image: url(/images/labels/received/label_active_pen.gif); } .labelActivePlusReceived { background-image: url(/images/labels/received/label_active_plus.gif); } .labelActivePrintReceived { background-image: url(/images/labels/received/label_active_print.gif); } .labelActiveQuestionmarkReceived { background-image: url(/images/labels/received/label_active_questionmark.gif); } .labelActiveSoundwavesReceived { background-image: url(/images/labels/received/label_active_soundwaves.gif); } .labelActiveStarReceived { background-image: url(/images/labels/received/label_active_star.gif); } .labelActiveStopReceived { background-image: url(/images/labels/received/label_active_stop.gif); } .labelActiveUnlockedReceived { background-image: url(/images/labels/received/label_active_unlocked.gif); } .labelActiveZeroReceived { background-image: url(/images/labels/received/label_active_zero.gif); } /* --- Newsfeed ------------------------------------------------------- */ .newsfeedButtonBeige { background-image: url("images/newsfeed/newsfeed_button_beige.gif"); } .newsfeedButtonDarkBlue { background-image: url("images/newsfeed/newsfeed_button_darkblue.gif"); } .newsfeedButtonDarkGreen { background-image: url("images/newsfeed/newsfeed_button_darkgreen.gif"); } .newsfeedButtonLightBlue { background-image: url("images/newsfeed/newsfeed_button_lightblue.gif"); } .newsfeedButtonLightGreen { background-image: url("images/newsfeed/newsfeed_button_lightgreen.gif"); } .newsfeedButtonOrange { background-image: url("images/newsfeed/newsfeed_button_orange.gif"); } .newsfeedButtonPink { background-image: url("images/newsfeed/newsfeed_button_pink.gif"); } .newsfeedButtonPurple { background-image: url("images/newsfeed/newsfeed_button_purple.gif"); } .newsfeedButtonRed { background-image: url("images/newsfeed/newsfeed_button_red.gif"); } .newsfeedButtonYellow { background-image: url("images/newsfeed/newsfeed_button_yellow.gif"); } /* --- Date Range Selector -- ----------------------------------------- */ div.dateRangeSelector { margin: 1em 3ex; } /* --- Articles list -------------------------------------------------- */ div.searchMetrics { padding-left: 24px; font-weight: bold; padding-top: 0.5em; } ul.articles { margin: 1em 0; padding: 0; list-style: none; } ul.articles li { margin: 1em 0 2em 0; padding: 0 0 0 24px; background-position: 6px 2px; background-repeat: no-repeat; } ul.articles li.article { clear: left; } ul.articles h4 { margin: 2em 0 0 0; font-size: 12px; } ul.articles p { margin: 0; } ul.articles ul.sources { margin: 0; padding: 0; list-style-image: none; list-style: none; } ul.articles ul.sources li.source { margin: 0; padding: 0; clear: left; } ul.articles ul.sources li.source a { color: #999999; text-decoration: none; } ul.articles ul.sources a.sourceLink { float: left; } ul.articles ul.sources .commentor { clear: left; } ul.articles ul.sources ul.labels { display: block; float: left; margin: 0 0.5ex; padding: 0; list-style: none; list-style-image: none; } ul.articles ul.sources ul.labels li { float: left; clear: none; } ul.articles ul.sources ul.labels li { background-position: left center; background-repeat: no-repeat; } ul.articles ul.sources ul.labels a { display: block; float: left; width: 15px; height: 16px; } ul.articles ul.sources ul.labels a span { display: none; } div.searchMetrics { background-repeat: no-repeat; padding-left: 24px; background-position: 6px 2px; font-weight: bold; margin-top: 1em; clear: left; } ul.articles ul.sources .commentor { display: block; margin: 2em 0; } ul.articles ul.sources .commentor ul { list-style: none; padding: 0; margin: 0; height: 20px; display: block; } ul.articles ul.sources .commentor ul li { padding: 0; margin: 0; display: block; clear: none; float: left; } ul.articles ul.sources .commentor ul li a { background-repeat: no-repeat; height: 16px; width: 16px; display: block; float: left; background-position: center center; border: 1px solid white; } ul.articles ul.sources .commentor ul li a span { display: none; } ul.articles ul.sources .commentor ul li a.selectedLabel { border: 1px solid black; } ul.articles ul.sources .commentor form { clear: left; } /* --- --- Article Labeler ------------------------------------------------------ */ ul.sources .sourceName, ul.sources span.comma, ul.sources .articleDate { float: left; display: block; } .articleLabeler { float: left; margin-left: 1ex; } .articleLabeler .labelIcon { display: block; float: left; } .articleLabeler .labelIcon a { display: block; float: left; width: 15px; height: 15px; background-position: center center; background-repeat: no-repeat; } .articleLabeler .labelIcon a span { display: none; } .commentor ul li a.selectedLabel { border: 2px solid black; } .commentor ul li a span { display: none; } .commentor div { display: block; } .comments { padding: 0.2em 0 0 2ex; clear: left; } .articleComment { margin-top: 0.5em; min-height: 16px; clear: left; } .articleComment a { display: block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center center; float: left; } .articleComment a span { display: none; } .articleLabeler .outboxIconActive, .articleLabeler .outboxIconPassive, .articleLabeler .trashIconActive, .articleLabeler .trashIconPassive { display: block; float: left; width: 15px; height: 15px; background-repeat: no-repeat; background-position: center center; } .articleLabeler .trashIconActive { background-image: url("/images/util_icons/trash_active.gif"); } .articleLabeler .trashIconPassive { background-image: url("/images/util_icons/trash_passive.gif"); } .articleLabeler .outboxIconActive { background-image: url("/images/util_icons/outbox_active.gif"); } .articleLabeler .outboxIconPassive { background-image: url("/images/util_icons/outbox_passive.gif"); } .articleLabeler .outboxIconActive span, .articleLabeler .outboxIconPassive span, .articleLabeler .trashIconActive span, .articleLabeler .trashIconPassive span { display: none; } .articleLabeler a.commentLink { float: left; font-size: 9px; padding-top: 2px; margin-left: 1ex; } /* --- Horizontal form --------------------------------------------------- */ .horizontal { display: inline; } .horizontal label { font-size: smaller; display: block; margin-top: 0.5em; } .horizontal div.formRow div { float: left; margin-right: 2ex; } .horizontal div.formRow div div { float: none; } .horizontal .clearer { clear: left; } .horizontal .checkboxList label, .horizontal .labelList label { display: inline; font-size: 12px; margin: 0; } /* --- Vertical form ----------------------------------------------------- */ .vertical label { font-weight: bold; width: 20ex; float: left; display: block; clear: left; } .vertical div input { margin-bottom: 0.25em; } /* --- New volitions form -------------------- */ .newVolitionForm input {margin-top: 0px; margin-bottom: 5px} .newVolitionForm button { margin-top: 10px; margin-bottom: 5px;} /* --- Search Board ------------------------------------------------------ */ .phraseTextField { padding: 1px; width: 500px; } /* --- settings ---------------------------------------------------- */ .agentSettings div.deliverySettings { clear: left; } .agentSettings div.deliverySettings label { display: inline; } .agentSettings h5 { margin: 0; padding-top: 10px; font-size: smaller; } .agentSettings button.submitForm { margin-top: 1em; } button.deleteAgent { float: right; position: relative; top: -3.3ex; height: 3.3ex;} /* --- Label settings ---------------------------------------------------- */ button.deleteLabel { float: right; position: relative; margin: 5px; height: 3.3ex;} /* --- Advanced Source Selection ----------------------------------------- */ .sourceSelectionCategories select { margin-top: 1em; } /* --- User search results ----------------------------------------------- */ table.userSearchResults { border-spacing: 0 0; width: auto; } table.userSearchResults tr td, table.userSearchResults tr th { padding: 3px 1ex; } table.userSearchResults tr td { border-top: 1px solid #ccc; } table.userSearchResults .name { width: 22ex; } table.userSearchResults a { color: #555; text-decoration: underline; } /* --- Country flags ---------------------------------------------------- */ .countryFlag { height: 11px; width: 16px; background-position: center center; background-repeat: no-repeat; } .countryFlag span { display: none; } .country_bg { background-image: url(images/countries/bg.png); } .country_no { background-image: url(images/countries/no.png); } .country_se { background-image: url(images/countries/se.png); } .country_ru { background-image: url(images/countries/ru.png); } .country_de { background-image: url(images/countries/de.png); } .country_hu { background-image: url(images/countries/hu.png); } .country_fr { background-image: url(images/countries/fr.png); } .country_it { background-image: url(images/countries/it.png); } .country_pl { background-image: url(images/countries/pl.png); } .country_us { background-image: url(images/countries/us.png); } /* --- Language flags --------------------------------------------------- */ .languageFlag { height: 11px; width: 16px; background-position: center center; background-repeat: no-repeat; } .languageFlag span { display: none; } .language_bg { background-image: url(images/languages/bg.png); } .language_no { background-image: url(images/languages/no.png); } .language_se { background-image: url(images/languages/se.png); } .language_de { background-image: url(images/languages/de.png); } .language_en { background-image: url(images/languages/en.png); } /* --- Source Browser --------------------------------------------------- */ table.sourceBrowser { border-spacing: 0; border-collapse: collapse; border-bottom: 1px solid #aab; margin-top: 1em; } table.sourceBrowser thead th { border-bottom: 1px solid #aab; text-align: left; padding: 0 1ex; } table.sourceBrowser tbody { margin-top: 2px; } table.sourceBrowser tbody td { padding: 2px 1ex; } table.sourceBrowser tbody tr.odd td { background-color: #C3D9FF; } table.sourceBrowser tr.excluded td.sourceName { color: gray; } table.sourceBrowser td.excluded { color: gray; } div.sourceTable ul { list-style: none; margin: 1em 0 0 0; padding: 0; } div.sourceTable ul li { display: inline; margin: 0 4ex 0 0; padding: 0; } /* --- Statistics ------------------------------------------------------- */ ul.diagrams { margin-left: 26px; padding: 0; } ul.diagrams li { margin: 0; padding: 0; } ul.diagrams li.lineChart { list-style-image: url(/images/diagrams/line_chart.png); } ul.diagrams li.pieChart { list-style-image: url(/images/diagrams/pie_chart.png); } ul.diagrams li.groupedBarChart { list-style-image: url(/images/diagrams/grouped_bar_chart.png); } ul.diagrams li.stackedBarChart { list-style-image: url(/images/diagrams/stacked_bar_chart.png); } ul.diagrams li.tableChart { list-style-image: url(/images/diagrams/table_chart.png); } div.volitionSelection ul { margin: 0 0 0 1ex; padding: 0; list-style: none; } div.volitionSelection h4 { margin: 1em 0 0.5em 0; font-size: larger; } div.volitionSelection ul li { margin: 0; padding: 0; } div.diagram div { text-align: center; } /* --- Newsfeed --------------------------------------------------------- */ ul#newsfeedList { margin: 0.5em 0 0 0; padding: 0; list-style: none; } ul#newsfeedList li { background-image: url(/images/util_icons/nonagent_button.gif); background-position: left top; background-repeat: no-repeat; padding: 0 0 0 18px; height: 18px; } ul#newsfeedList li a { vertical-align: bottom; display: block; } ul#stylesheetList { margin: 0.5em 0 0.5em 3ex; padding: 0; list-style: square; } .newsfeedPreview iframe { width: 100%; } /* --- Newsletter ----------------------------------------------------------- */ ul#newsletterList { margin: 0.5em 0 0 0; padding: 0; list-style: none; } ul#newsletterList li { background-image: url(/images/util_icons/nonagent_button.gif); background-position: left top; background-repeat: no-repeat; padding: 0 0 0 18px; height: 18px; } ul#newsletterList li a { vertical-align: bottom; display: block; } .deleteNewsletter { text-align: right; } .deleteNewsletter button { position: relative; top: -1.9em; } /* --- Settings ---------------------------------------------------------- */ .personalSettings fieldset.digestRuns .dayTimeChoice { text-align: left; } .personalSettings fieldset.digestRuns .dayTimeChoice span { display: block; } .personalSettings fieldset.digestRuns .weekdays { float: left; } .personalSettings fieldset.digestRuns ul { margin: 0; padding: 0; } .personalSettings fieldset.digestRuns ul li { list-style: none; margin: 0; padding: 0; clear: left; } .personalSettings fieldset.digestRuns ul li label { float: left; text-align: center; font-size: smaller; margin: 0 1ex; } .personalSettings fieldset.digestRuns ul li label input { display: block; } .personalSettings fieldset.digestRuns ul li label button { display: block; position: relative; top: -0.55em; } .personalSettings fieldset.digestRuns div.addDigestRun { clear: left; padding-left: 50ex; } .personalSettings .digestTypeChoice { margin: 0.3em 2ex; } /* --- Stylesheet editor ------------------------------------------------ */ div.stylesheetEditor ul { margin: 0 0 0 15px; padding: 0; list-style: square; } div.stylesheetEditor ul li { margin: 0; padding: 0; } div.stylesheetEditor textarea { width: 99%; height: 20em; } div.stylesheetEditor iframe { width: 99%; height: 20em; } div.stylesheetEditor form { margin-top: 1em; } div.stylesheetEditor div.importTemplate { float: right; } /* --- User admin ------------------------------------------------------- */ div.userSettings form div.userInfo { border: 1px solid #ccc; font-size: smaller; } div.userSettings form div.userInfo p { margin: 0.5em 1ex; } div.userSettings div.email { float: left; } div.adminNavigation ul { margin: 1em 2ex; padding: 0; list-style: none; } div.adminNavigation ul li { margin: 0; padding: 0; } div.adminNavigation ul li a { font-size: 9px; font-weight: bold; text-decoration: none; } div.userAgents ul { margin: 1em 4ex; padding: 0; } /* --- Log viewing ------------------------------------------------------ */ .logFilter div.types label { width: 20em; float: left; background-color: inherit; margin: 0 } .logFilter div.types label span { position: relative; top: -2px; } .logMessageTable { width: 99%; } .logMessageTable .date { width: 16ex; } .logMessageTable .type { width: 10ex; } .logMessageTable .details { width: 7ex; } .logMessageTable tr td { padding: 1px 4px; } /* ---------------------------------------------------------------------- */ .container form button { vertical-align:bottom; } /* --- --- The Old Multiple Volition Choice --------------------------------------------- */ div#iconChooser { margin-top: 20px; } div.labelChoice span.labelPicture { float: left; width: 64px; height: 64px;} div.labelChoice ul { width: 150px; height: 60px; padding-top: 5px; margin-left: 30px;} div.labelChoice ul li { display: inline; margin: 0; padding: 0; } div.labelChoice a.labelIcon { width: 18px; height: 18px; display: block; float: left; background-repeat: no-repeat; background-position: center center; } div.labelChoice a.labelIcon span { display: none; } /* Label Pictures */ .labelPictureArrowdown { background-image: url("/images/labels/picture/label_picture_arrowdown.gif"); } .labelPictureArrowup { background-image: url("/images/labels/picture/label_picture_arrowup.gif"); } .labelPictureChecked { background-image: url("/images/labels/picture/label_picture_checked.gif"); } .labelPictureClock { background-image: url("/images/labels/picture/label_picture_clock.gif"); } .labelPictureCross { background-image: url("/images/labels/picture/label_picture_cross.gif"); } .labelPictureDocument { background-image: url("/images/labels/picture/label_picture_document.gif"); } .labelPictureEnvelope { background-image: url("/images/labels/picture/label_picture_envelope.gif"); } .labelPictureExclamation { background-image: url("/images/labels/picture/label_picture_exclamation.gif"); } .labelPictureHouse { background-image: url("/images/labels/picture/label_picture_house.gif"); } .labelPictureHeart { background-image: url("/images/labels/picture/label_picture_heart.gif"); } .labelPictureLocked { background-image: url("/images/labels/picture/label_picture_locked.gif"); } .labelPictureMagnifyer { background-image: url("/images/labels/picture/label_picture_magnifyer.gif"); } .labelPictureMan { background-image: url("/images/labels/picture/label_picture_man.gif"); } .labelPictureMinus { background-image: url("/images/labels/picture/label_picture_minus.gif"); } .labelPictureMobile { background-image: url("/images/labels/picture/label_picture_mobile.gif"); } .labelPicturePen { background-image: url("/images/labels/picture/label_picture_pen.gif"); } .labelPicturePlus { background-image: url("/images/labels/picture/label_picture_plus.gif"); } .labelPicturePrint { background-image: url("/images/labels/picture/label_picture_print.gif"); } .labelPictureQuestionmark { background-image: url("/images/labels/picture/label_picture_questionmark.gif"); } .labelPictureSoundwaves { background-image: url("/images/labels/picture/label_picture_soundwaves.gif"); } .labelPictureStar { background-image: url("/images/labels/picture/label_picture_star.gif"); } .labelPictureStop { background-image: url("/images/labels/picture/label_picture_stop.gif"); } .labelPictureUnlocked { background-image: url("/images/labels/picture/label_picture_unlocked.gif"); } .labelPictureZero { background-image: url("/images/labels/picture/label_picture_zero.gif"); } /* --- Manage sharings -------------------------------------------------------- */ .manageSharings { padding-top: 15px; } .manageSharings h2 { margin-top: 0px; } .manageSharings ul { margin: 0 0 15px 0; padding: 0px;} .manageSharings ul ul { margin: 10px 0 0 0; padding-left: 0px; } .manageSharings ul ul li { margin: 0 0 0 32px; padding: 0px;} .manageSharings ul li form { margin: 0; padding: 0;} .manageSharings .sharedVolitions { width: 390px; float: left; margin-right: 20px;} .manageSharings .receivedVolitions { margin-left: 410px; float:top; vertical-align: top;} .manageSharings .volitions {clear: both;} .manageSharings .volitionsList .addSharingButton, .manageSharings .volitionsList .unshareButton { margin-left: 5px; text-weight: bold; font-size: 0.8em; text-transform: uppercase; display: inline-block; } /* See comments above */ .manageSharings .volitionsList .addSharingButton, .manageSharings .volitionsList .unshareButton { display: -moz-inline-stack; } .manageSharings #sharingLinks { clear:both; margin: 15px 0 15px 0; border-top: 1px dashed; padding-top: 10px;} .manageSharings #sharingLinks a{ display:block; background-image: url("/images/add_circle.gif"); background-repeat: no-repeat; background-position: left center; padding-left: 18px; } .manageSharings #myAgents {} .manageSharings .icon { width: 16px; height: 16px; } .sharingsList { padding: 0px 0px 0px 10px; margin: 0px; list-style-position: inside; } /* --- Pagination ---------------------------------------------------------------- */ .pagination { margin: 0px 0px 10px auto; padding: 10px; } .masterPaginator { font-weight: normal; float: right; padding-right: 20px; font-size: 12px; } /* special for pagination in tables */ .sourceBrowser tfoot td, userSearchResults tfoot td { text-align: right; } .pagination a, .pagination span em{ text-align: center; border: solid 1px #999999; padding: 0px 5px 0px 10px; font-size: 0.8em; font-style: normal; } .pagination span a{ margin-left: 1px; margin-right: 1px; } .pagination a:hover, .pagination span em:hover{ background-color: #B2B2B2; border: solid 1px #282828; } /* Reset the hovering settings for the current element */ .pagination span span em:hover{ border: solid 2px #B2B2B2; background-color: white; } /* This is the active one, marked by em */ .pagination span span em, .bottomBar .bottomBar span span em:hover { border: solid 2px #B2B2B2; padding: 0px 5px 0px 10px; font-size: 1.0em; color: #000000; font-weight: bold; background-color: white; } /* ---- actionButtons, used for showing the user that something happens here. */ .actionButton, .actionButtonBig { background-repeat: no-repeat; text-align: center; margin: 0.3em 0px; height: 16px; font-weight: bold; } .actionButton { width: 79px; display: block; background-image: url("/images/util_icons/action_button.gif"); } .actionButtonBig { width: 120px; display: inline-block; background-image: url("/images/util_icons/action_button_big.gif"); } /* Because of the FF2 specific rules has to be used IE crashed, unless in it's own rule see: http://www.nczonline.net/archive/2006/10/382 (be sure to check out the comments if you do) */ .actionButtonBig { display: -moz-inline-stack; } .actionButtonBig:hover, .actionButtonBig:active { background-image: url("/images/util_icons/action_button_pressed_big.gif"); background-repeat: no-repeat; } .actionButton:hover, .actionButton:active { background-image: url("/images/util_icons/action_button_pressed.gif"); background-repeat: no-repeat; color: #0F6A23; } .loggedInInfo div .actionButton{ margin: 0 0 0 auto; } div.actionButtons { margin-top: 1em; } .feedback ul { padding: 1px; margin: 0 0 10px 0; } .loginForm li.feedbackPanelERROR { width: 110px; } li.feedbackPanelERROR { background-color: #FCC; border: solid 2px #DD0010; padding: 5px 8px; margin-top: 10px; max-width: 360px; list-style: none; } li.feedbackPanelINFO { font-size: 11px; background-color: #CFC; border: solid 2px #18892E; padding: 5px 8px; margin-top: 10px; max-width: 360px; list-style: none; } /* --- Wicket Components ------------------------------------------------------- */ div.wicket-aa { font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana; font-size: 12px; background-color: white; border-width: 1px; border-color: #cccccc; border-style: solid; padding: 2px; margin: 1px 0 0 0; text-align:left; } div.wicket-aa ul { list-style:none; padding: 2px; margin:0; } div.wicket-aa ul li.selected { background-color: #ddd; padding: 2px; margin:0; } /* --- Other ------------------------------------------------------------------- */ a.training { text-decoration: underline; }