/* ******************************************* */ /* THIN BUTTON */ /* use SmallButton instead */ /* ******************************************* */ .ThinButton {position:relative; margin:0px 5px 0 0;} .ThinButton .ButtonText {padding:1px 5px; line-height:17px; text-align:center !important;} .ThinButton .ImLeButtonMainOut {margin:0 2px 4px;} .ThinButton .ImLeButtonMainShadow {background:#ECF5FD none repeat scroll 0 0; border-bottom:0.3em solid #EEEEEE; height:1.1em; left:0; overflow:hidden; position:absolute; right:0; top:0;} .ThinButton-over .ImLeButtonMain, .ThinButton-over .ImLeButtonMainInner, .ThinButton-over .ImLeButtonMainInnerBox {border-color:#79a4d4;} .ThinButton-over .ImLeButtonMainShadow {background:#d9e9f8; border-bottom:0.3em solid #c7daf2;} .ThinButton-over .ImLeButtonMainInnerBox {background:#b5ccea;} /* ******************************************* */ /* SIMPLE FILTERS */ /* ******************************************* */ .SimpleFilter {position:relative; margin:5px 0; min-height:21px; background:url('img/filter.background.png') repeat-x top; border:2px solid #cedbea; text-align:left;} * html .SimpleFilter {height:19px;} .SimpleFilterContent {position:relative; width:100%; height:21px;} .SimpleFilterAdvanced {position:relative;} /* ******************************************* */ /* SEARCH & FILTER */ /* ******************************************* */ .SearchAndFilter {margin:10px 0 20px; min-height:21px; background:url('img/filter.background.png') repeat-x top; border:2px solid #cedbea; text-align:left;} .SearchAndFilter-open {margin:10px 0 5px;} .SearchAndFilter .ListBox {width:100px;} .SearchAndFilterContent {position:relative; width:100%; height:21px;} .SearchTextFloat {position:relative; float:left; padding:4px 5px 0;} .SearchElementFloat {position:relative; float:left; padding:0 5px 0 0; margin:1px 0 0;} .SearchAndFilter .ThinButton {margin:1px 0 0;} .SearchInputTextBox {position:relative; height:17px; background:#fff; border:1px solid #949494; font-weight:normal; font-size:11px;} .SearchInputTextBox-focus {background:url('img/input.png') repeat-x 0 -2000px; border:1px solid #b2c1d7;} /* ******************************************* */ /* FILTERS */ /* ******************************************* */ .FilterBoxIn {position:relative; margin:0; padding:0; background:#eef4fa;border-top:2px solid #dae2eb;} .FilterBoxInIE6 {position:static; margin:0; padding:0; background:#eef4fa;} .FilterNavigationTop {position:relative; padding:3px 0 5px; height:22px;} .FilterContent {margin:0 5px;} .FilterContent strong {font-weight:bold;} .FilterNavigationBottom {position:relative; margin:10px 0 0; padding:10px 0 0 10px; height:30px; background:#dceaf8;} .FilterNavigationTopRight {float:right;} .FilterSelect {position:relative; float:left;} .FilterLinkButton {position:relative; float:left; margin:0 0 0 30px;} .FilterShowHideButton {float:left; margin:0 0 0 10px; display:inline;} .FilterLabel {float:left; margin:0 10px 0 0; font-weight:bold; font-size:13px;} .FilterBoxIn .content_box {padding:0; border-top:1px solid #eaeff4;} .FilterBoxIn .gwt-Label {font-weight:bold; font-size:11px; margin:2px 0 0;} .FilterBoxIn input {width:10em;} .FilterBoxIn .FilterShowHideButton {font-weight:bold; margin:0 0 0 40px;} .FilterBoxIn .FilterShowHideButton .ButtonSmall {padding:0 0 0 20px; background:url('img/checkbox.png') no-repeat top left;} .FilterBoxIn .FilterShowHideButton-disabled .ButtonSmall {background:url('img/checkbox.png') no-repeat top right;} .FilterBoxIn option {padding:0 20px 0 0;} @media all and (min-width:0px) {.FilterBoxIn .gwt-ListBox {padding:0 20px 0 0;}} /* ******************************************* */ /* FILTER USED ELEMENTS */ /* ******************************************* */ .CustomDatePanel-used, .DatePresetPanel-used, .ValueWidget-used, .FilterField-used, .ListBox-used {border:1px dotted #009400;} .CustomDatePanel .FilterField-used, .DatePresetPanel .FilterField-used {border:0;} /* ******************************************* */ /* PAGER */ /* ******************************************* */ .PagerFirst, .PagerLeft, .PagerRight, .PagerLast {float:left; margin:2px 0 0; width:13px; height:13px;} .PagerFirst {background:url('img/pager.png') no-repeat 0 0;} .PagerFirst-over {background:url('img/pager.png') no-repeat -13px 0;} .PagerFirst-disabled {background:url('img/pager.png') no-repeat -26px 0;} .PagerLeft {background:url('img/pager.png') no-repeat 0 -13px;} .PagerLeft-over {background:url('img/pager.png') no-repeat -13px -13px;} .PagerLeft-disabled {background:url('img/pager.png') no-repeat -26px -13px;} .PagerRight {background:url('img/pager.png') no-repeat 0 -26px;} .PagerRight-over {background:url('img/pager.png') no-repeat -13px -26px;} .PagerRight-disabled {background:url('img/pager.png') no-repeat -26px -26px;} .PagerLast {background:url('img/pager.png') no-repeat 0 -39px;} .PagerLast-over {background:url('img/pager.png') no-repeat -13px -39px;} .PagerLast-disabled {background:url('img/pager.png') no-repeat -26px -39px;} /* ******************************************* */ /* PAGE EDITOR */ /* ******************************************* */ .PreviewContainer {width:100%; border:1px dashed #000;} .EditableHighLighted {border:2px dotted #008000;} .PostSignupType .FormFieldInput {width:100%;} .MandatoryVariable {font-weight:bold;} .TemplateVariable {clear:left; cursor:pointer;} .TVCode {float:left; margin:3px; width:120px; white-space:nowrap;} .TVName {float:left; margin:3px; width:150px; white-space:nowrap;} .TVButton {float:left; margin:3px; width:25px; height:15px; background:url('img/insert.png') no-repeat top left;} /* ******************************************* */ /* WINDOW - ACTIVE */ /* ******************************************* */ .Window-active {color:#000000} .Window-active .WindowHeader {background:url('img/window.active.png') repeat-x 0 -55px;} .Window-active .WindowHeaderLeft {background:url('img/window.active.png') no-repeat;} .Window-active .WindowHeaderRight {background:url('img/window.active.png') no-repeat right -26px;} .Window-active .WindowHeaderTitle {color:#1e1e1e;} .Window-active .WindowLeft {background:url('img/window.active.vertical.png') repeat-y;} .Window-active .WindowRight {background:url('img/window.active.vertical.png') repeat-y right;} .Window-active .WindowIn {margin:0 7px; background:#fff;} .Window-active .WindowBottom {background:url('img/window.active.png') repeat-x 0 -81px;} .Window-active .WindowBottomLeft {background:url('img/window.active.png') no-repeat 0 -282px;} .Window-active .WindowBottomRight {background:url('img/window.active.png') no-repeat right -291px;} .Window-active .WindowButtonClose {background: url('img/window.active.png') no-repeat 0 -123px;} .Window-active .WindowButtonClose-over {background:url('img/window.active.png') no-repeat -17px -123px;} .Window-active .WindowButtonMax {background:url('img/window.active.png') no-repeat 0 -157px;} .Window-active .WindowButtonMax-over {background:url('img/window.active.png') no-repeat -17px -157px;} .Window-active .WindowButtonRestore {background:url('img/window.active.png') no-repeat 0 -140px;} .Window-active .WindowButtonRestore-over {background:url('img/window.active.png') no-repeat -17px -140px;} .Window-active .WindowButtonMin {background:url('img/window.active.png') no-repeat 0 -174px;} .Window-active .WindowButtonMin-over {background:url('img/window.active.png') no-repeat -17px -174px;} .Window-active .WindowRefreshButton {background:url('img/window.active.png') no-repeat 0 -208px;} .Window-active .WindowRefreshButton-over {background:url('img/window.active.png') no-repeat -17px -208px;} .Window-active .WindowAutoRefreshMenu {background:url('img/window.active.png') no-repeat 0 -191px;} .Window-active .WindowAutoRefreshMenu-over {background:url('img/window.active.png') no-repeat -17px -191px;} .Window-active .WindowHeaderRefreshMenu {float:right;} .Window-active .WindowHeaderRefreshMenuLeft {background:url('img/window.active.png') no-repeat 0 -90px;} .Window-active .WindowHeaderRefreshMenuRight {background:url('img/window.active.png') no-repeat -5px -90px;} .Window-active .WindowHeaderRefreshMenuContent {background:url('img/window.active.png') repeat-x 0 -106px;} /* ******************************************* */ /* FORM */ /* ******************************************* */ label {display:block;} .FormPanelBlocker .gwt-Label {background:#fff; text-align:center;} .FormContainer {padding:5px 0;} .Form {position:relative;} .FormItem {display:block; margin:0 0 4px; font-weight:normal; font-size:12px;} .FormItemLabel {position:relative; clear:both; float:left; padding:5px 3px 3px 0; width:100px; display:block; z-index:2;} .FormElement {padding:3px 0 0;} .FormClearLeft {clear:both; font-size:0pt; height:0pt; line-height:0pt;} .FormColumn {float:left;} .FormPanel {position:relative; height:auto;} * html fieldset .FormPanel {float:left;} .FormPanelBlocker {position:absolute !important; top:0; left:0; width:100%; height:100%; border:1px solid #808080; background:#808080; cursor:default; opacity:0.6;} .DynamicFields {position:relative;} /* ******************************************* */ /* FIELDSET */ /* ******************************************* */ legend {margin:0; padding:0 10px; font-weight:normal; font-size:18px; color:#000;} *+html legend {position:relative; top:-0.7em; padding:6px 6px -0.7em;} fieldset {position:relative; margin:10px 0; padding:10px; background: url('img/fieldset.background.png') repeat 0 0; border:1px solid #8B8B8B;} *+html fieldset {position:relative; background-position:0 10px;} * html fieldset {background-position:0 50px;} body>legend {position:relative; top:-0.7em; margin:0 0 -0.7em;} body>fieldset {position:relative; float:left;} .ColumnFieldset {position:relative; float:left;} /* ******************************************* */ /* WINDOW MODE */ /* ******************************************* */ .SingleWindowModeImage, .WindowManagerModeImage {float:left; width:203px; height:132px; border:1px solid #000;} .Frame {width:100%; height:100%; border:none;} .FramePanel {width:100%; height:100%;} .PagePanel {width:100%; height:100%;} /* ******************************************* */ /* LAYOUT PANEL */ /* ******************************************* */ .LayoutPanelContentIcon {float:left; background-position:5px 3px;} .LayoutPanelContentTitle {float:left; cursor:pointer;} .LayoutPanelMenuItem {cursor:pointer;} .LayoutPanelContentHeader {background:url('img/layout.png') repeat-x 0 0; height:22px;} .hsplitter {background:url('img/layout.hsplitter.png') repeat-y center; width:7px; cursor:e-resize;} .hsplitter img,.vsplitter img {display:none;} .hsplitter td {cursor:e-resize;} .vsplitter {background:transparent url('img/layout.vsplitter.png') repeat-x center; height:7px; cursor:n-resize;} .LayoutPanelContent {background:url('img/layout.border.png') repeat-x top left; height:100%;} .LayoutPanelBottom {background:url('img/layout.border.png') repeat-x bottom left; height:23px;} .LayoutPanelLeft {background:url('img/layout.border.png') repeat-y top left; height:23px;} .LayoutPanelRight {background:url('img/layout.border.png') repeat-y top right; height:23px;} .LayoutPanelContentIn {padding:1px;} .LayoutPanelHeaderNavigation {position:absolute; top:1px; right:1px; background:url('img/layout.png') no-repeat 0 -22px;} /* width treba kvoli IE nastavovat podla aktualneho poctu buttonov (+/- 19px) *//* width: 46px; */ .LayoutPanelHeaderNavigationIn {float:right; margin:0 0 0 4px; background:url('img/layout.png') repeat-x 0 0;} .LayoutPanelButtons {float: right; padding:4px 4px 4px 0;} .LayoutButtonMenu {background-position:0 -180px;} .LayoutButtonMenu-over {background-position:-14px -180px;} .LayoutPanelItemContent {padding:5px 0 0;} .LayoutPanelItemContent .FormPanel p {padding:0 0 10px;} .LayoutPanelItemContent .FormPanel .Button {margin:15px 0 0;} .LayoutTabsContainer {width:100%; height:22px; overflow:hidden;} .LayoutTabs {height:22px; width:9999px;} .LayoutTab {float:left; padding:0 4px 0 0; background:url('img/layout.png') no-repeat right -44px; font-size:13px;} .LayoutTabRight {float:left; background:url('img/layout.png') repeat-x 0 0;} .LayoutTabActive {background:url('img/layout.png') no-repeat right -122px; font-weight:bold;} .LayoutTabActive .LayoutTabRight {background:url('img/layout.png') repeat-x 0 -144px;} .LayoutPanelContentTitle {padding:3px 20px 0 0;} .LayoutPanelContentIcon {padding:4px 6px 2px 3px;} .LayoutTabButton {float:left; margin:4px 0 0 5px; width:14px; height:14px; background:url('img/layout.png') no-repeat; cursor:pointer;} .LayoutTabButtonTowin {background-position:0 -108px;} .LayoutTabButtonTowin-over {background-position:-14px -108px;} .LayoutTabButtonClose {background-position:0 -94px;} .LayoutTabButtonClose-over {background-position:-14px -94px;} .LayoutTabActive .LayoutTabButtonTowin, .LayoutTabActive .LayoutTabButtonClose {background:url('img/layout.png') no-repeat;} .LayoutTabActive .LayoutTabButtonTowin {background-position:0 -180px;} .LayoutTabActive .LayoutTabButtonTowin-over {background-position:-14px -180px;} .LayoutTabActive .LayoutTabButtonClose {background-position:0 -166px;} .LayoutTabActive .LayoutTabButtonClose-over {background-position:-14px -166px;} /***************************************/ /* PLUGINS */ /***************************************/ .PluginsListItem {margin:0 0 5px; min-height:66px; _height:66px; background:#fff url('img/plugin.png') repeat-x bottom; border:1px solid #b1b1b1;} .PluginsListItem table {border-collapse:collapse;} .PluginDetailLogo {width:60px; height:60px; background:url('img/plugin.png') no-repeat 15px 5px;} .PluginDetailLogo-inactive {width:60px; height:60px; background:url('img/plugin.png') no-repeat 15px -55px;} .FeatureLogo {width:60px; height:60px; background:url('img/icon-features-big.png') no-repeat 15px 5px;} /***************************************/ /* FEATURES */ /***************************************/ .FeatureDetail {width:100%;} .FeatureDetail .gwt-Label {display:inline;} .FeatureDetailLogo {width:60px; height:60px; background:url('img/feature.png') no-repeat 15px 5px;} .FeatureDetailLogo-inactive {width:60px; height:60px; background:url('img/feature.png') no-repeat 15px -55px;} .FeatureMoreInfo {padding-left:25px;} .FeatureActions {padding:0;} .FeatureHeader {border-bottom:#a1a1a1 1px solid;} .FeatureName {float:left; font-weight:bold; font-size:14px; width:auto;} .FeatureInfo {float:right; width:auto;} .FeatureData {padding:5px 0 3px; vertical-align:top;} .FeatureDescription {width:100%;} /***************************************/ /* LINES */ /***************************************/ .Line {height:1px; margin:0 0 5px; padding:5px 0 0; border:none; border-bottom:1px dotted #b2b2b2; clear:both;} .VerticalLine {float:left; margin:0 5px 0; padding:0; height:100%; border:none; border-right:1px dotted #b2b2b2;} .LineShort {width: 298px; height: 5px; background:url('img/line.short.gif') no-repeat left top;} /* ******************************************* */ /* GRID ICONS */ /* ******************************************* */ .IconButton {margin:0 0 0 5px; width:15px; height:15px; cursor:pointer;} .IconEdit {background:url('img/icon.grid.png') no-repeat 0 0;} .IconDelete {background:url('img/icon.grid.png') no-repeat 0 -20px;} .IconCopy {background:url('img/icon.grid.png') no-repeat 0 -39px;} .IconDetail {background:url('img/icon.grid.png') no-repeat 0 -219px;} .IconHelp {background:url('img/icon.grid.png') no-repeat 0 -60px;} .IconOptimize {background:url('img/icon.grid.png') no-repeat 0 -81px;} .IconRepair {background:url('img/icon.grid.png') no-repeat 0 -101px;} .IconAnalyze {background:url('img/icon.grid.png') no-repeat 0 -121px;} .IconDownload {background:url('img/icon.grid.png') no-repeat 0 -142px;} .IconImport {background:url('img/icon.grid.png') no-repeat 0 -161px;} .IconExport {background:url('img/icon.grid.png') no-repeat 0 -179px;} .IconLoadIpDetails {background:url('img/icon.grid.png') no-repeat 0 -219px; float:left;} .IconSetAsDefault {background:url('img/icon.grid.png') no-repeat 0 -198px;} .IconSetDefault {background:url('img/icon.grid.png') no-repeat 0 -198px;} .RefreshIcon {background:url('img/icon.grid.png') no-repeat 0 -297px;} .IconExtendableText {width:20px; height:17px; background:url('img/icon.grid.png') no-repeat 0 -237px; cursor:pointer; float: left;} .IconApproved, .IconPending, .IconDeclined, .IconSuspended {float:left; padding:0 4px 0 0; width:10px; height:16px;} .IconApproved {background:url('img/icon.grid.png') no-repeat 0 -346px;} .IconPending {background:url('img/icon.grid.png') no-repeat 0 -365px;} .IconDeclined {background:url('img/icon.grid.png') no-repeat 0 -384px;} .IconSuspended {background:url('img/icon.grid.png') no-repeat 0 -400px;} .StatusText {float:left; margin:2px 0 0;} /* ******************************************* */ /* MULTI EDITOR */ /* ******************************************* */ .MultiEditor .WindowResizerS {width:100%; height:9px; background:url('img/resizer.png') no-repeat center center; float:left;} .MultiEditor .Editor {bottom:0px;position:absolute;top:20px;width:100%;} .MultiEditor .RichTextEditor {min-height: 100%; height: 100%; width: 100%;} .MultiEditor .ResizableTextArea {min-height: 100%; height: 100%; width: 100%;} .MultiEditor .ResizableTextArea .TextBoxContainer {width: 100%;} .ResizableTextArea .WindowResizerS {width:100%; height:9px; background:url('img/resizer.png') no-repeat center center; float:left;} /* ******************************************* */ /* LINK TOGGLE BUTTON */ /* ******************************************* */ .LinkToggleButton {margin:0 0 0 10px; padding:0 10px 0 0; background:url('img/link.toggle.button.png') no-repeat top right; cursor:pointer;} .LinkToggleButton .ButtonContent {padding:2px 0 0;} * html .LinkToggleButton .ButtonContent, * :first-child+html .LinkToggleButton .ButtonContent {padding:1px 0 0;} .LinkToggleButton-down, .LinkToggleButton-downOver {background:url('img/link.toggle.button.png') no-repeat right -18px;} .LinkToggleButton .ButtonText {padding:0 5px; height:15px; line-height:15px; display:inline; cursor:pointer;} .LinkToggleButton-over .ButtonText, .LinkToggleButton-downOver .ButtonText {text-decoration:underline;} /* ******************************************* */ /* RICH TEXT - WYSIWYG */ /* ******************************************* */ .gwt-RichTextArea {float:left; width:100%; height:100%; min-height:100%; background:url('img/input.png') #fff repeat-x 0 0; border:1px solid #949494; position:relative; } .RichTextEditor .WindowResizerS {position: relative; width:100%; height:9px; background:url('img/resizer.png') no-repeat center center; float:left; margin:10px 0;} .EmailBody .FormFieldInput {width:100%; height:100%;} .EmailForm .FormFieldInput {width: 600px;} .EmailFormControlTextBody {margin-left: 120px;} .RichTextEditor {min-height:250px; width: 100%;} * html .RichTextEditor {height:250px;} #templateVariables {float:left; height:10px;} /* ******************************************* */ /* AUTO REFRESH MENU */ /* ******************************************* */ .AutoRefresh {width:40px; background:url(img/task.menu.png) no-repeat 0 -37px; border:1px solid #363636;} .AutoRefresh .MenuItems {width:38px; background:url(img/task.menu.png) no-repeat 0 -41px;} .AutoRefresh .MenuItems .MenuItem, .AutoRefresh .MenuItems .MenuItem * {margin:0; width:100%; border:none;} .AutoRefresh #Icon {display:none;} .AutoRefresh .MenuItems .MenuItem {padding:2px 1px 1px; background:#666666; cursor:pointer;} .AutoRefresh .MenuItems .MenuItem-Hover {background:#333333; color:#fff;} .AutoRefresh .MenuItems .MenuItem-Selected {background:#333333; color:#ffa500;} .AutoRefresh .MenuItems .TabItem {list-style-type:none;} .AutoRefresh .MenuItems .gwt-Label {margin:0; padding:0;} .AutoRefresh .MenuItem .TabItemText {margin:0; padding:0;} /* ******************************************* */ /* TREE */ /* ******************************************* */ .TreeItemWidget {border:2px solid transparent;} .TreeItemWidget-selected {border:1px dotted #000;} .TreeItemWidget-dropIn {border:2px solid #0087ff; border-right:0;} .TreeItemWidget-dropAfter {border-bottom:2px solid #0087ff;} .TreeItemWidget-dropBefore {border-top:2px solid #0087ff;} /* ******************************************* */ /* SIDEBAR */ /* ******************************************* */ .SideBar {position:relative; background:url('img/sidebar.background.png');} .SideBarBorder {height:100%; background:url('img/sidebar.border.png') repeat-y;} .SideBarPadding {float:left; width:10px; height:100%;} .SideBarHeader {position:relative; float:right; margin:4px 8px 5px 0;} .SideBarHeader .IconButton {position:relative; float:left; margin:0 2px;} .SideBarButtonAdd, .SideBarButtonAdd-over, .SideBarButtonTop, .SideBarButtonTop-over, .SideBarButtonTop-down, .SideBarButtonTop-downOver, .SideBarButtonClose, .SideBarButtonClose-over, .SideBarButtonOpen, .SideBarButtonOpen-over {position:relative; float:left; width:16px; height:16px; background:url('img/sidebar.png') no-repeat 0 0;} .SideBarButtonAdd {background-position:0 0;} .SideBarButtonAdd-over {background-position:-16px 0;} .SideBarButtonTop {background-position:0 -16px;} .SideBarButtonTop-over {background-position:-16px -16px;} .SideBarButtonTop-down {background-position:-32px -16px;} .SideBarButtonTop-downOver {background-position:-32px -16px;} .SideBarButtonClose {background-position:0 -32px;} .SideBarButtonClose-over {background-position:-16px -32px;} .SideBarClosed {width:8px; height:100%; background:url('img/sidebar.closed.png'); border-left:1px solid #000;} .SideBarArrow {position:absolute; top:50%; margin:0 0 0 1px; width:6px; height:8px; background:url('img/sidebar.png') no-repeat 0 -48px;} .SideBar .WindowResizerW {position:absolute; width:10px; background:none;} .IconPicker {width:48px; height:48px; border:1px dotted #000;} .Trash {width:60px; height:32px; padding:10px 0 0 34px; background:url(img/icon.trash.png) left no-repeat;} .SizeFormatWidget {text-align:right;} .AlignWidgetleft {text-align:left;} .AlignWidgetcenter {text-align:center;} .AlignWidgetright {text-align:right;} /* ******************************************* */ /* DRAGGABLE */ /* ******************************************* */ .Draggable .allowed, .Draggable .disabled {float:left; padding:16px 0 0 16px; display:inline; background:url('img/draggable.png') no-repeat top;} .Draggable .disabled {background-position:bottom;} .DragProxy {float:left; display:block;} .DragProxy .Inline {float:left; display:inline;} .Draggable .DragProxy {opacity:0.7; zoom:1;} .Draggable .ContentWidget .TransactionData .DataField {width: 250px;} .Draggable .ContentWidget .DataFieldLabel {float: left; width: 100px;} .Draggable .ContentWidget .TextData {font-weight: bold;} /* ******************************************* */ /* FILE WIDGET */ /* ******************************************* */ .FileWidget {min-height: 16px; cursor: pointer;} .FileWidget-Selected {background:#e0e9f2; cursor: default;} .UnknownFile {margin-right:5px; float: left; width:16px; height:16px;background-image:url('img/unknown_file.png');} .FileName {margin-right:10px;float: left;} .FileSize {float: left; font-style: italic;} .Folder {background-image:url('img/folder.png');} .pdf {background-image:url('img/pdf.png');} .txt {background-image:url('img/txt.png');} .php {background-image:url('img/php.png');} .html {background-image:url('img/html.png');} .htm {background-image:url('img/html.png');} .jpeg {background-image:url('img/image.png');} .jpg {background-image:url('img/image.png');} .png {background-image:url('img/image.png');} .gif {background-image:url('img/image.png');} .xls {background-image:url('img/xls.png');} .zip {background-image:url('img/zip.png');} .tgz {background-image:url('img/zip.png');} .tar {background-image:url('img/zip.png');} .doc {background-image:url('img/doc.png');} .avi {background-image:url('img/video.png');} .swf {background-image:url('img/swf.png');} /* ******************************************* */ /* RSS BOX */ /* ******************************************* */ .RssBox {width: 100%; height: 100%; overflow-y: auto; overflow-x: auto; background: black;} /* ******************************************* */ /* PRINT */ /* ******************************************* */ .PrintingFrame {width: 0px; height: 0px; border: 0;} /* ******************************************* */ /* Upload */ /* ******************************************* */ .FileUpload .LinkButton {display:inline;} .FileUpload .LinkButton .ButtonContent {display:inline;} .UploadPanel {width: 100%;} .FormField-FormUploadFile .FormFieldInputContainer .FormFieldInput {width: 650px;} .FileUpload {width: 550px; background: transparent url("img/attachment.png") no-repeat; padding-left: 40px; margin-bottom: 5px; padding-bottom: 15px;} .loading-upload {margin:0 0 0 5px; width:20px; height:20px; display:inline-block; display:-moz-inline-box; line-height:21px;} * html .loading-upload {padding:0 8px; display:inline; font-size:20px;} .remove-upload {height:24px;width:24px;background: transparent url('img/attachment_delete.png') no-repeat left top; cursor:pointer; right: 15px; position: absolute;} * html .remove-upload {display:inline; padding:0 8px; font-size:20px;} img.ImageUploadWidget {float:left; margin:5px 0; height:57px;} img.NoImageLoaded {background:url('img/no_image.gif') no-repeat left top; width:125px} .ImageUploaderButtons .ThinButton {margin:0px 5px 5px 0px;} .UploadedFileName .ButtonText {font-weight: bold; font-size: large;} .UploadedFileType {font-size: x-small;} .UploadedFileSize {font-size: x-small;padding-left: 5px;} /* ******************************************* */ /* ICON OBJECT */ /* ******************************************* */ .IconObject { float:left; width:250px; border:1px solid #bfd3ed; background-color:#ffffff; height:110px; padding:10px; margin:0 0 20px 30px; } .IconObjectIcon { float:left; margin:0 15px 0 0; height:100%; } .IconObjectDescriptionContainer { color:black; padding-right:5px; } .IconObjectName { float:left; width:180px; margin:0 0 5px; cursor:pointer; text-decoration:underline; font-weight:bold; color:#106fb0; font-size: 13px; } .IconsPanel .SimpleIconObject { float: left; width: 100px; text-align: center; margin: 5px; } .IconsPanel .IconObjectName { font-weight: normal; color: #135fab; font-size:12px; width: 100px; float: none; text-decoration: none; } .IconsPanel .BigIcon { cursor:pointer; } .IconObjectDescription { float:left; } /* ******************************************* */ /* POPUP WINDOW EXTENDABLE - DETAIL */ /* ******************************************* */ .PopupHeaderDraggable {font-weight:bold; font-size:12px; height: 22px; cursor: move; background-color: #e2e8f2;} .PopupWinMainExtendable .CloseButton {padding:0 16px 0 0; background-position:right -254px;} .PopupWinMainExtendable #Header {height: auto;} .FBShare {width:64px;height:24px;background-image:url('img/FB_share_button.png');float:left;} .TwitterShare {float:left;} /***************************************/ /* CUSTOM VIEW HEADER */ /***************************************/ .CustomViewHeader .ScreenDescription {margin:0 40px 0 72px;} .CustomViewHeader .ScreenTitle {margin:0 42px 0 72px;} .CustomViewRightIcons .RefreshButton {float:none;} .CustomViewRightIcons {float:right; position:relative;} /***************************************/ /* FILTER FIELD DECORATOR */ /***************************************/ fieldset.Filter { float:left; padding:7px; margin:5px 5px 10px 5px; position:relative; background:#FFFFE0 none repeat scroll 0 0; border:1px solid #C0C0C0; } .Filter legend { color:#000000; font-weight:bold; font-size:11px; margin:0; padding:0 4px; } .FlowFilter .Resize {min-height: 20px;_height: 20px;} .FlowFilter .g-ListBox {width:200px;} .FlowFilter .g-ListBoxInput {width:218px} .LogFilter fieldset.Filter { min-height: 70px; } /* ******************************************* */ /* SMALL POP-UP MENU CONTEXT MENU */ /* ******************************************* */ .ContextPanel {background:url(img/task.menu.png) no-repeat 0 -37px; border:1px solid #363636;} .ContextPanel .MenuItems {background:url(img/task.menu.png) no-repeat 0 -41px;} .ContextPanel .MenuItems .MenuItem, .ContextPanel .MenuItems .MenuItem * {margin:0; border:none;} .ContextPanel #Icon {display:none;} .ContextPanel .MenuItems .MenuItem {padding:3px 2px 1px; background:#8b8c8d; cursor:pointer;} .ContextPanel .MenuItems .MenuItem-Hover {background:#333; color:#fff;} .ContextPanel .MenuItems .TabItem {list-style-type:none;} .ContextPanel .MenuItems .gwt-Label {margin:0; padding:0;} .ContextPanel .MenuItem .TabItemText {margin:0; padding:0;} /* ******************************************* */ /* CHART LINK TOGGLE BUTTONS */ /* ******************************************* */ .LinkGroupByDay, .LinkGroupByWeek, .LinkGroupByMonth, .LinkChartTypeArea, .LinkChartTypeLine, .LinkChartTypeBar, .LinkChartTypePie {margin:0 0 0 5px; padding:0 0 0 15px; white-space:nowrap; cursor:pointer; background:url('img/link.chart.png');} .LinkGroupByWeek {background-position:0 -22px;} .LinkGroupByMonth {background-position:0 -44px;} .LinkChartTypeArea {background-position:0 -66px;} .LinkChartTypeLine {background-position:0 -88px;} .LinkChartTypeBar {background-position:0 -110px;} .LinkGroupByDay .ButtonText, .LinkGroupByWeek .ButtonText, .LinkGroupByMonth .ButtonText, .LinkChartTypeArea .ButtonText, .LinkChartTypeLine .ButtonText, .LinkChartTypeBar .ButtonText {padding:0 0 0 5px; color:#0568ad; text-decoration:underline;} .LinkChartTypeArea-down .ButtonText, .LinkChartTypeArea-downOver .ButtonText, .LinkChartTypeLine-down .ButtonText, .LinkChartTypeLine-downOver .ButtonText, .LinkChartTypeBar-down .ButtonText, .LinkChartTypeBar-downOver .ButtonText, .LinkGroupByDay-down .ButtonText, .LinkGroupByDay-downOver .ButtonText, .LinkGroupByWeek-down .ButtonText, .LinkGroupByWeek-downOver .ButtonText, .LinkGroupByMonth-down .ButtonText, .LinkGroupByMonth-downOver .ButtonText {color:#2c2c2c; text-decoration:none;} /* ******************************************* */ /* GRID BOX */ /* ******************************************* */ .TableBlocker {opacity:0.6; filter:alpha(opacity=60);} .Grid {position:relative; margin:0; background:transparent; display:block;} .GridPanel {position:relative;} .GridNoData {text-align:center;} .Grid .TopButtons {height:auto;} * html .Grid .TopButtons {height:10px;} .Grid .TopLeftButtons {display:block; margin:0 250px 0 0; padding:1px; position:relative; float:none;} .Grid .BottomButtons {height:25px; position:relative;} .Grid .BottomLeftButtons {display:block; padding:1px; margin:3px 100px 0 0; position:relative;} .Grid .Button .Span {color:#0054ff;} .GridLine {position:relative; height:21px; background:url('img/grid.png') repeat-x 0 -16px; text-align:center;} * html .GridLine {height:19px;} .GridTop {position:relative; margin:5px 0 1px;} .GridTop td {height:19px;} .GridTop .GridLine {border:1px solid #cacaca; border-bottom:0;} .GridTop .ListBox {width:100px;} .GridBottom {position:relative; margin:1px 0 0;} .GridBottom td {height:19px;} .GridBottom .GridLine {border-bottom:0;} .GridBottom .ListBox {width:100px;} .GridRow td {height:19px; overflow:hidden;} .GridRow .Data {overflow:hidden;} .GridRow .gwt-Label {height:15px; overflow:hidden;} /* ******************************************* */ /* GRID TABLE */ /* ******************************************* */ .GridTableContent {position:relative; padding:1px 0 0; border:1px solid #8e9fb7; text-align:left;} .GridTable {position:relative; width:100%; text-align:left; border-collapse:collapse;} .GridCell {border-bottom:1px solid #e3e3e3; height:22px;} .GridCell .Button {float:left;} .GridTable .GridHeader {background:#ddebf8;} .GridHeader {border-bottom:1px solid #989898; overflow:hidden; background:url('img/grid.png') repeat-x 0 -37px;} .GridHeader td {border-bottom:1px solid #fff; border-right:1px solid #fff; padding:0;} .grid-header-cell {padding:3px 5px 0; height:16px; font-weight:bold; font-size:11px; color:#323232; cursor:default; border:1px solid #c6d8f1;} .grid-header-cell-sortable {text-decoration:underline; cursor:pointer;} .grid-header-cell-sortUp {background:url('img/grid.png') #e1e1e1 no-repeat 2px -61px; padding-left:15px; border:1px solid #c5c5c5;} .grid-header-cell-sortDown {padding-left:15px; background:url('img/grid.png') #e1e1e1 no-repeat 2px -76px; border:1px solid #c5c5c5;} .BoxPanel .GridRow-mouseOver {background:#8b8b8b;} .GridRow {background:#fff;} .GridRow-Even {background:#fbfbfb;} .GridRow-Odd {background:#fff;} .GridRow-checked {background:#f0f0f0;} .GridRow-mouseOver {background:#e0ebf8;} .GridRowNotActive {color:#666;} .GridRowHighlighted {font-weight: bold;} .GridSelector {position:absolute; top:0; left:0; padding:0 0 0 5px; } .GridSelector div,button {display:inline;} .GridSelector button {padding:0; background:inherit; border:0; color:#335080; text-decoration:underline; cursor:pointer;} .GridSelector .LinkButton-Selected {border:1px solid black;} .GridSelector .LinkButton-Selected .ButtonText {text-decoration: none;} .GridPager {margin-left:auto; margin-right:auto;} .GridPagerContent {border-collapse:collapse; margin:0 auto;} .GridPagerInfo {margin:0;} .GridPager button {padding:0; background:#fff; border:0; color:#335080; text-decoration:underline; cursor:pointer;} .button.gwt-button {margin:0 3px; background:#fff;} .GridPager div {margin:0 5px;} .GridRefresh {position:absolute; top:0; right:0; padding:2px 5px 0 0;} .GridTable .clickable {text-decoration:underline; cursor:pointer;} .Data {position:relative; width:100%; height:100%;} .Data-modified {background:url('img/dirty.gif') transparent no-repeat left top fixed;} .DataText {padding:2px; display:block; cursor:pointer;} .Data .Ip {float:left;} .DataText .Ip {float:left;} .IpDetailContent {float:left; padding:5px} .IpLocationFlag {float:left;} .DataEdit {background:#fff;} .DataEdit .ListBox {width:100%;} .ViewColumn-move {cursor:e-resize;} .ViewColumn-move .grid-header-cell {cursor:e-resize;} .ViewColumn {overflow:hidden;} .TopButtons {height:auto; position:relative;} .TopRightButtons {position:absolute; margin:0 0 0 10px; bottom:0; right:0;} .ViewsPanel {position:relative;} .ViewsPanel-visible {float:left; height:25px; background:url('img/grid.views.png') no-repeat 0 0; border-right:1px solid #cacaca;} .ModifyView {padding:1px 0 0 5px; cursor:pointer; top:-2px;} .SelectView {margin:0 0 0 40px; top:3px;} * html .SelectView {margin:3px 0 0 20px;} .TopActionButtons, .TopMassActionButtons, .BottomActionButtons, .BottomMassActionButtons {display:inline; position:relative;} .TopActionButtons .Button, .TopMassActionButtons .Button, .BottomActionButtons .Button, .BottomMassActionButtons .Button {float:left;} .RowActionIconButton {float:left;} .BottomButtons {position:relative; padding:1px 0 0; height:25px;} .PresetAddIcon {background:url("img/plus.png") no-repeat scroll 0px 4px; width:15px; height: 15px;} .PresetAddIcon-over {background-position:0px -23px;} .ClickableRow {cursor: pointer;} .SearchInput {float:left; margin:0 10px 0 0; font-weight:bold;} .SearchInputTextBox {width:100px; font-size:13px;} .SearchButton {float:left; margin:0 10px 0 0; font-size:13px;} /* ******************************************* */ /* POPUP WINDOW EXTENDABLE */ /* ******************************************* */ .PopupWinTopExtendable, .PopupWinTopLeftExtendable, .PopupWinTopRightExtendable, .PopupWinBottomExtendable, .PopupWinBottomLeftExtendable, .PopupWinBottomRightExtendable { position:relative; margin:0; padding:0; line-height:1px; font-size:1px;} .PopupWinExtendableTable {border-collapse:collapse; width: 100%; height: 100%;} .PopupWinTopLeftExtendable {width:4px; height:4px; background:url('img/popupwinextendable.png') no-repeat top left;} .PopupWinTopRightExtendable {width:4px; height:4px; background:url('img/popupwinextendable.png') no-repeat right -4px;} .PopupWinTopExtendable {margin:0 4px 0 0; height:4px; background:url('img/popupwinextendable.png') repeat-x 0 -8px;} .PopupWinBottomLeftExtendable {width:4px; height:4px; background:url('img/popupwinextendable.png') no-repeat 0 -16px;} .PopupWinBottomRightExtendable {width:4px; height:4px; background:url('img/popupwinextendable.png') no-repeat bottom right;} .PopupWinBottomExtendable { height:4px; background:url('img/popupwinextendable.png') repeat-x 0 -12px;} .PopupWinLeftExtendable {bottom:4px; top:4px; left:0; height:100%; background:url('img/popupwinextendable.vertical.png') repeat-y} .PopupWinRightExtendable {position:relative; width:4px; height:100%; background:url('img/popupwinextendable.vertical.png') repeat-y right;} .PopupWinMainExtendable {position:relative; height:100%; background:#e2e8f2; vertical-align: top;} /* ******************************************* */ /* POPUP WINDOW EXTENDABLE TEXT */ /* ******************************************* */ .Extendable {overflow: hidden;} .Extendable .PopupWinMain {background:#b3ccE9;} .Extendable .TextBox {font-size:10px; color:#000;} .Extendable .gwt-Label {padding:0 5px 0 0; font-weight:bold; font-size:10px; color:#000;} .Extendable .gwt-Button {cursor:pointer;} .Extendable .CloseButton {float:right; padding:0 0 0 12px; background:url('img/icon.grid.png') no-repeat 0 -254px; cursor:pointer;} .Extendable .CloseButton .ButtonText {text-decoration:underline;} .Extendable .CloseButton-over .ButtonText {color:#00418d;} .ExtendableText {width:10px; background:url('img/button.icon.png') no-repeat 3px -16px; cursor:pointer;} .Extendable .Draggable {overflow: auto; background-color: #F8FAFD;} /* ******************************************* */ /* EDITABLE TEXTAREA POPUP */ /* ******************************************* */ .EditableTextAreaWidget .PopupWinLeft, .EditableTextAreaWidget .PopupWinRight, .EditableTextAreaWidget .PopupWinMain {height:100%} .DataEdit .popupContent {height:100%;} .EditableTextAreaWidget .PopupWinLeft .PopupWinRight .PopupWinMain .TextBoxContainer {height: 100%;} /* ******************************************* */ /* WINDOW - COMMON and INACTIVE */ /* ******************************************* */ .Window {background:transparent; color:#8b8b8b;} .WindowContainer {width:400px;} .WindowContent {position:relative; padding:0 10px;} * html .WindowContent {position:static;} .WindowLoading {float:right; margin:3px 6px 0 0; width:96px; height:16px; background:url('img/loading_window.gif') no-repeat;} .WindowLeft {position:relative; margin:0; padding:0; background:url('img/window.inactive.vertical.png') repeat-y;} .WindowRight {position:relative; height:100%; background:url('img/window.inactive.vertical.png') repeat-y right;} * html .WindowRight {width:100%;} .WindowHeader {margin:0 9px; padding:0; height:26px; background:url('img/window.inactive.png') repeat-x 0 -55px;} .WindowHeader .SmallIcon {float:left; margin:5px 0 0; cursor:pointer;} .WindowHeaderLeft {position:relative; margin:0; padding:0; height:26px; background:url('img/window.inactive.png') no-repeat;} .WindowHeaderRight {margin:0; padding:0; height:26px; background:url('img/window.inactive.png') no-repeat right -26px;} .WindowBottom {position:relative; margin:0 9px; height:9px; display:block; background:url('img/window.inactive.png') repeat-x 0 -81px;} .WindowBottomLeft {position:relative; margin:0; padding:0; height:9px; background:url('img/window.inactive.png') no-repeat 0 -282px; font-size:1px;} .WindowBottomRight {position:relative; margin:0; padding:0; height:9px; background:url('img/window.inactive.png') no-repeat right -291px;} .WindowIn {position:relative; margin:0 7px; padding:0; height:100%; overflow:auto; display:block; background:#fff;} .WindowIn .screen {padding:0 6px 0 0; height:100%;} .WindowHeaderTitle {float:left; padding:6px 30px 0 7px; font-weight:bold; font-size:12px; color:#707070;} .WindowHeaderButtons {padding:4px 0 0; font-size:12px; font-weight:bold; color:#1e1e1e;} .WindowHeaderRefreshMenu {float:right;} .WindowHeaderRefreshMenuLeft, .WindowHeaderRefreshMenuRight, .WindowHeaderRefreshMenuContent { float:left; width:5px; height:16px; background:url('img/window.inactive.png') no-repeat;} .WindowHeaderRefreshMenuLeft {background-position:0 -90px;} .WindowHeaderRefreshMenuRight {background-position:-5px -90px;} .WindowHeaderRefreshMenuContent {padding:0; margin:0; width:37px; background-repeat:repeat-x; background-position:0 -106px;} .WindowButtonClose, .WindowButtonMax, .WindowButtonMin, .WindowButtonRestore, .WindowRefreshButton, .WindowAutoRefreshMenu { float:right; margin:0 0 0 5px; width:16px; height:16px; cursor:pointer; background:url('img/window.inactive.png') no-repeat;} .WindowButtonClose {background-position:0 -123px;} .WindowButtonClose-over {background-position:-17px -123px;} .WindowButtonMax {background-position:0 -157px;} .WindowButtonMax-over {background-position:-17px -157px;} .WindowButtonRestore {background-position:0 -140px;} .WindowButtonRestore-over {background-position:-17px -140px;} .WindowButtonMin {background-position:0 -174px;} .WindowButtonMin-over {background-position:-17px -174px;} .WindowRefreshButton {margin:0; background-position:0 -208px;} .WindowRefreshButton-over {background-position:-17px -208px;} .WindowAutoRefreshMenu {background-position:0 -191px;} .WindowAutoRefreshMenu-over {background-position:-17px -191px;} .WindowActionButtons table {margin:0 auto; text-align:center;} .WindowActionButtons .Button, .WindowActionButtons .LinkButton {float:left;} /* ******************************************* */ /* TABBED WINDOW */ /* ******************************************* */ .TabbedMaximizedWindow .WindowIn { margin: 0px;} .TabbedMaximizedWindow .WindowHeaderLeft { display: none;} .TabbedMaximizedWindow .WindowBottomLeft { display: none;} .SingleRefreshPanel {height:16px;} /* ******************************************* */ /* ITEM PANEL */ /* ******************************************* */ .ItemPanelContent {position:relative; margin:0;} .Window .ItemPanelContent {margin:0;} .ItemPanelItems {position:relative; right:0; left:0; margin:0 50px 0 12px; height:12px; overflow:hidden;} * html .ItemPanelItems {padding:0 12px;} .ItemPanelMenuOpen {position:absolute; top:0; right:0; width:33px; height:15px; background:url('img/task.menu.png') no-repeat 0 -67px;} .ItemPanelMenuOpen-over {background-position:0 -81px;} .ItemPanel {position:absolute; left:0; width:20000px; height:2px;} .ItemPanelInnerContent {position:absolute; left:0; top:0;} * html .ItemPanelInnerContent {padding:0 12px;} .MenuItem {display:block;} /* ******************************************* */ /* TOOLTIP */ /* ******************************************* */ .TooltipPopup {position:absolute;} .TooltipPopup,.TooltipPopupContent {margin:0; padding:0;} .TooltipPopupContent {padding:0 9px 0 0; background:#ffffff; font-weight:normal; font-size:10px;} .TooltipTopRight {position:absolute; bottom:8px; left:11px;} .TooltipTopLeft {position:absolute; bottom:8px; right:11px;} .TooltipBottomLeft {position:absolute; top:8px; right:11px;} .TooltipBottomRight {position:absolute; top:8px; left:11px;} .TooltipArrow {position:absolute; width:20px; height:17px; font-size:1px;} .TooltipTopRight .TooltipArrow {bottom:-8px; left:-11px; background-position:20px 0;} .TooltipTopLeft .TooltipArrow {bottom:-8px; right:-11px; background-position:40px 0;} .TooltipBottomLeft .TooltipArrow {top:-8px; right:-11px; background-position:0 0;} .TooltipBottomRight .TooltipArrow {top:-8px; left:-11px; background-position:60px 0;} * html .TooltipTopRight .TooltipArrow, * html .TooltipTopLeft .TooltipArrow{bottom: -9px; left:-11px;} * html .TooltipBottomLeft .TooltipArrow, * html .TooltipBottomRight .TooltipArrow {top:-8px; right:-11px;} .TooltipTopRight {min-width:160px;} * html .TooltipTopRight, *+html .TooltipTopRight {position:absolute; width:160px;} .TooltipTopLeft {min-width:160px;} * html .TooltipTopLeft, *+html .TooltipTopLeft {position:absolute; width:160px;} .TooltipBottomLeft {min-width:160px;} * html .TooltipBottomLeft, *+html .TooltipBottomLeft {position:absolute; width:160px;} .TooltipBottomRight {min-width:160px;} * html .TooltipBottomRight, *+html .TooltipBottomRight {position:absolute; width:160px;} .TooltipPopupTopLeft {width:100%; height:9px; background:no-repeat left top;} .TooltipPopupTopRight {padding:0 9px; height:9px; background:no-repeat right -9px;} .TooltipPopupTop {height:9px; background:repeat-x 0 -18px; font-size:1px;} .TooltipPopupLeft {padding:0 0 0 9px; background:repeat-y left;} .TooltipPopupRight {padding:0 9px 0 0; background:repeat-y top right;} .TooltipPopupBottomLeft {height:9px; width:100%; background:no-repeat left -36px;} .TooltipPopupBottomRight {height:9px; padding:0 9px; background:no-repeat right -45px;} .TooltipPopupBottom {font-size:1px; height:9px; background:repeat-x left -27px;} .InfoTooltip {background: url('img/balloon.help.png') no-repeat 0 -54px;} .InfoTooltipPopup .TooltipArrow {background-image:url('img/balloon.help.arrow.png');} .InfoTooltipPopup .TooltipPopupTopLeft, .InfoTooltipPopup .TooltipPopupTopRight, .InfoTooltipPopup .TooltipPopupTop, .InfoTooltipPopup .TooltipPopupBottomLeft, .InfoTooltipPopup .TooltipPopupBottomRight, .InfoTooltipPopup .TooltipPopupBottom {background-image:url('img/balloon.help.png');} .InfoTooltipPopup .TooltipPopupLeft, .InfoTooltipPopup .TooltipPopupRight {background-image:url('img/balloon.help.vertical.png');} .ErrorTooltip {background:url('img/balloon.error.png') no-repeat 0 -54px;} .ErrorTooltipPopup .TooltipArrow {background-image:url('img/balloon.error.arrow.png');} .ErrorTooltipPopup .TooltipPopupTopLeft, .ErrorTooltipPopup .TooltipPopupTopRight, .ErrorTooltipPopup .TooltipPopupTop, .ErrorTooltipPopup .TooltipPopupBottomLeft, .ErrorTooltipPopup .TooltipPopupBottomRight, .ErrorTooltipPopup .TooltipPopupBottom {background-image:url('img/balloon.error.png');} .ErrorTooltipPopup .TooltipPopupLeft, .ErrorTooltipPopup .TooltipPopupRight {background-image:url('img/balloon.error.vertical.png');} /***********************************************/ /* CAMPAIGNES CHARTS */ /***********************************************/ .StatsChartHolder {margin:0;} table.StatsChart {position:relative; width:100%; height:200px; border:0;} .StatsTable {margin:0 0 0 35px;} .StatsChart * {position:relative;} .StatsChart .ListBox {width:auto;} .StatsChart .ButtonText {padding:0 0 0 5px;} .StatsDataType {padding:0 5px 0 0;} .StatsSummaries {width: 100%;} .StatsSummaries td {padding:5px 10px; border-bottom:1px solid #d3e2f1; color:#525252; font-size:12px;} .StatsSummaries .white {background: transparent; border-bottom:0;} .StatsSummaries tr.gray {color:blue; font-weight:bold; background:#e5eef7;} .StatsSummaries tr.dark {background:#e5eef7;} .StatsSummaries tr.light {background:#edf3f9;} .ChartDateLabel {position:relative; padding:1px 1px 1px 3px; width:200px; height:15px; font-weight:bold; font-size:12px; border:solid 1px #777; border-right:0; color:#2c2c2c; white-space:nowrap;} .ChartDataTypeLabel {position:relative; padding:1px 1px 1px 3px; width:120px; font-weight:bold; font-size:12px; border:solid 1px #777; border-right:0; color:#2c2c2c; white-space:nowrap;overflow: hidden;} /* ******************************************* */ /* DATAELEMENTS */ /* ******************************************* */ .NumberData, .CurrencyData, .TextData {display:inline; white-space:nowrap;} .NumberData-link, .CurrencyData-link, .TextData-link {cursor:pointer; text-decoration:underline;} .IconPickerPanel {width:200px; height:200px; border:1px solid #000; background:#fff; overflow:scroll;} .IconPickerPanelIcons .MiddleIcon {float:left;} .IconPicker .SmallIcon {margin:0 0 0 5px;} .CheckBoxMenuItem .g-MenuItemIcon { width:18px; height:18px; background:url('img/checkbox.png') no-repeat top left; outline-style:none; } .CheckBoxMenuItem-Checked .g-MenuItemIcon { background-position:top right; } .RadioMenuItem .g-MenuItemIcon { width:18px; height:15px; } .RadioMenuItem-Checked .g-MenuItemIcon { background:url('img/radio.button.png') no-repeat 0 -239px; outline-style:none; } /***************************************/ /* SOUND CONTROLLER */ /***************************************/ .SoundController {cursor: pointer;} .SoundController .Icon-SoundPlay {background:url('img/sound-icon.png') no-repeat center; width:16px; height:16px; float: left;} .SoundController .Icon-SoundMute {background:url('img/sound-icon-mute.png') no-repeat center; width:16px; height:16px; float: left;} .SoundController .Text {float: left; padding-left: 2px;} /* ******************************************* */ /* TOGGLE BUTTON */ /* ******************************************* */ .ToggleButton {.float(left);} .ToggleButton td {padding:0; height:19px; border:0;} .ToggleButton .ButtonText {margin:0; padding:0 5px; width:auto; height:17px; background:transparent; border:0; overflow:visible; font-weight:bold; font-size:11px; line-height:17px; text-align:center !important; cursor:pointer;} .ToggleButton i {width:4px; height:19px; display:block;} .ToggleButton .ButtonLeft, .ToggleButton-over .ButtonLeft, .ToggleButton-downOver .ButtonLeft, .ToggleButton-down .ButtonLeft, .ToggleButton .ButtonRight, .ToggleButton-over .ButtonRight, .ToggleButton-downOver .ButtonRight, .ToggleButton-down .ButtonRight {width:4px; background:url('img/toogle.button.png') no-repeat;} .ToggleButton .ButtonIn, .ToggleButton-over .ButtonIn, .ToggleButton-downOver .ButtonIn, .ToggleButton-down .ButtonIn {background:url('img/toogle.button.png') repeat-x; text-align:center !important;} .ToggleButton .ButtonLeft {background-position:0 0;} .ToggleButton-over .ButtonLeft {background-position:0 -57px;} .ToggleButton-downOver .ButtonLeft {background-position:0 -114px;} .ToggleButton-down .ButtonLeft {background-position:0 -171px;} .ToggleButton .ButtonRight {background-position:0 -19px;} .ToggleButton-over .ButtonRight {background-position:0 -76px;} .ToggleButton-downOver .ButtonRight {background-position:0 -133px;} .ToggleButton-down .ButtonRight {background-position:0 -190px;} .ToggleButton .ButtonIn {background-position:0 -38px;} .ToggleButton-over .ButtonIn {background-position:0 -95px;} .ToggleButton-downOver .ButtonIn {background-position:0 -152px;} .ToggleButton-down .ButtonIn {background-position:0 -209px;} .ToggleButton-downOver .ButtonText {text-decoration: underline;} .ToggleButton-over .ButtonText {text-decoration: underline;} /* ******************************************* */ /* SELECT BUTTON */ /* ******************************************* */ .SelectButton {position:relative; margin:0 5px 0 0;} .SelectButton .ButtonText {.float(left);margin:0; padding:1px 0px 0 5px; width:auto; height:17px; background:transparent; border:0; overflow:visible; font-weight:bold; font-size:11px; line-height:17px; text-align:center !important; cursor:pointer;} .SelectButton .ButtonIcon {.float(left);width: 15px; height: 17px; background:transparent url(img/link.toggle.button.png) no-repeat scroll right -1px;} .SelectButton .ImLeButtonMainOut {margin:0 2px 4px;} .SelectButton-down .ButtonIcon, .SelectButton-downOver .ButtonIcon {background-position:right -20px;} .SelectButton-over .ImLeButtonMain, .SelectButton-over .ImLeButtonMainInner, .SelectButton-over .ImLeButtonMainInnerBox {border-color:#79a4d4;} .SelectButton-over .ImLeButtonMainShadow {background:#d9e9f8; border-bottom:0.3em solid #c7daf2;} .SelectButton-over .ImLeButtonMainInnerBox {background:#b5ccea;} .SelectButton-down .ImLeButtonMain, .SelectButton-down .ImLeButtonMainInner, .SelectButton-down .ImLeButtonMainInnerBox {border-color:#b8cfeb;} .SelectButton-down .ImLeButtonMainShadow {background:#D9E9F8; border-bottom:0.3em solid #EEEEEE;} .SelectButton-down .ImLeButtonMainInnerBox {background:#ECF5FD;} .SelectButton-downOver .ImLeButtonMain, .SelectButton-downOver .ImLeButtonMainInner, .SelectButton-downOver .ImLeButtonMainInnerBox {border-color:#79a4d4;} .SelectButton-downOver .ImLeButtonMainShadow {background:#b5ccea; border-bottom:0.3em solid #c7daf2;} .SelectButton-downOver .ImLeButtonMainInnerBox {background:#d9e9f8;} .SelectButtonOptions {background:#fff; border:1px solid #98c0f4; overflow:hidden; width: auto; max-width: 300px; min-width: 180px;} .SelectButtonOption {padding:0 0 0 10px; min-height:16px; border-bottom:1px solid #e3e3e3; vertical-align:middle; cursor:pointer;} * html .SelectButtonOption {height:16px;} .SelectButtonOption-over {background:#e0ebf8;} .TextBoxWithHelp .InfoTooltip, .TextBoxWithHelp .TextBoxContainer {display: inline-block;} .TextBoxWithHelp .InfoTooltip {vertical-align: middle;} /***************************************/ /* PRIVILEGES FORM */ /***************************************/ .PrivilegesInfoMessage {font-size: larger; padding-top: 10px;} .Bold {font-weight:bold;} /* ******************************************* */ /* TASK MENU */ /* ******************************************* */ .TaskMenu {width:200px; background:#8b8b8b;} .TaskMenu .MenuItem {float:none; display:block;} .TaskMenu .Task {display:block; cursor:pointer;} .TaskMenu .TaskcheckTitle {width:2000px;} .TaskMenu .TaskIn {overflow:hidden;} * html .TaskMenu .TaskTitle, * html .TaskMenu .TaskLeft, * html .TaskMenu .TaskRight, * html .TaskMenu .TaskIn {float:none; display:block;} .TaskMenu {width:204px; padding:4px 0 0; background:transparent url(img/task.menu.png) no-repeat;} .TaskMenu .ContextPanel {width:204px; padding:0 0 4px; background: transparent url(img/task.menu.png) no-repeat bottom; border:0;} .TaskMenu .ContextPanel .MenuItems {width:202px; padding:0 0 5px; background:#eee; border-left:1px solid #7f7f7f; border-right:1px solid #7f7f7f;} .TaskMenu .ContextPanel .MenuItems div {background:transparent !important; border:none;} * .TaskMenu .ContextPanel .MenuItems .TaskIn {width:186px !important; background:transparent; overflow:hidden;} .ContextPanel .MenuItems .TaskIn {padding:4px 5px 2px; height:18px;} .TaskMenu .ContextPanel .MenuItems .Task.Task-over {/*background: url(img/task.menu.png repeat-x 0 -5px;) !important;*/} .TaskMenu .Task-active .TaskTitle {color:#000;} .TaskMenu .Task-over .TaskTitle {color:#000;} .TaskMenu .TaskTitle {color:#304a7b;} .ContextPanel .MenuItems .Task .Task-active {font-weight:bold;} /* ******************************************* */ /* TASKBAR */ /* ******************************************* */ .TaskBar {position:absolute; left:0; top:0; width:100%; height:29px; background:url('img/task.png') repeat-x 0 -200px;} .TaskBarStart {position:absolute; top:3px; left:7px; width:54px; height:22px; background:url('img/panel.top.start.gif') no-repeat;} .TaskBarStart .ButtonContent {display:block; padding:0 0 0 10px;} .TaskBarStart .ButtonText {color:#ffffff; display:block;} .ItemPanel .Task {.float(left); cursor:pointer;} * html .ItemPanel .Task {width:150px;} .Task .TaskLeft {margin:1px 0 0;padding:0 0 0 4px; background:url('img/task.png') no-repeat 0 0;} .Task .TaskRight {margin:0; padding:0 4px 0 0; background:url('img/task.png') no-repeat right -27px;} .Task-active .TaskLeft, .Task-over .TaskLeft {background:url('img/task.png') no-repeat 0 -81px;} .Task-active .TaskRight, .Task-over .TaskRight {background:url('img/task.png') no-repeat right -108px;} /* ******************************************* */ /* MENU */ /* ******************************************* */ .gwt-MenuBarPopup { z-index: 99999; } .g-Menu { background-color:#F0F0F0; background:transparent url('img/menu/menu-background.gif') repeat-y scroll 0 0; border: 1px solid #000000; } .g-MenuItem { clear: both; height: 24px; padding-top: 2px; padding-bottom: 2px; } .g-MenuItemIcon { float: left; width: 16px; height: 16px; margin-left: 5px; margin-right: 10px; } .g-MenuItemLabel { float: left; margin-right: 20px; } .g-MenuItemInner { height: 100%; } .g-MenuItem-HasSubmenu .g-MenuItemInner { background:transparent url('img/menu/submenu-arrow.gif') no-repeat scroll right center; } .g-MenuItem-selected { background-image:url('img/menu/item-over.gif'); background-repeat:repeat-x; } .g-MenuItemSeparator { font-size:1px; line-height:1px; } .g-MenuItemSeparatorInner { background-color:#E0E0E0; border-bottom:1px solid #FFFFFF; display:block; font-size:1px; line-height:1px; margin:2px 3px; overflow:hidden; } .NewsTitle {font-size: 1.3em;} /***************************************/ /* CREDITS */ /***************************************/ .About {margin:0; text-align:center; } .About strong {padding:7px 0 0; display:block; color:#59739c;} .HelpIcon {background:url('img/icon-help-small.png') no-repeat top left;} .HelpBigIcon {background:url('img/icon-help-big.png') no-repeat top left;} .Divider {height:1px; line-height:1px; font-size:1px;} .header .Button {.clear(right); .float(right);} .link_path {color:#000; text-decoration:none;} .link_path:hover {text-decoration:underline;} #Container {position:relative; margin:0 auto; width:900px; .text-align(left);} #Content {height:100%;} #Header {position:relative; height:75px;} #Logo {position:absolute; top:8px; left:10px; width:314px; height:57px; display:block; border:none;} #Footer {position:fixed; bottom:0; width:900px; height:46px; margin:0; padding:0; z-index:1; background:url('img/footer.background.jpg') repeat-x; color:#606060;} #FooterMenuItems {.float(left); margin:8px 0 0;} #FooterMenuItems li {.float(left); display:inline;} .FooterMenuItem {margin:0 0 0 20px; color:#606060;} .FooterMenuItem:hover {color:#305478; text-decoration:none;} .FooterLink {color:#606060;} .FooterLink:hover {color:#305478; text-decoration:none;} #Copyright {margin:0 0 0 20px; padding:5px 0 0; font-size:10px; color:#606060;} .filter-banner {.float(left); padding:0 0 0 20px; border-left:1px dotted #fff;} .banner_manager {margin:10px 0 0; height:0px;} .ReportFilter {margin:0; padding:0;} .FilterUser .Resize {min-height: 20px;_height: 20px;} .FilterUser .ListBoxInput {width:200px;} .FilterUser .ListBox {width:218px;} .screen {position:relative;} .path div {display:inline;} .path span {margin:0 5px; text-decoration:underline; cursor:pointer;} .PendingTasksProgressBar {background: transparent url('img/loading_window.gif') no-repeat; padding-left: 100px; display: inline;} .EditListBoxCloseButton {clear:both; .float(left);} .ThemeEntry-selected {background-color:#fff; border:1px solid #808080;} .ExtensionFields-Empty {display:none;} .ColumnResizePopup {display:none;} .TemplateEditor {width:400px;} .HelpReadMore {text-decoration:underline; color:#7393bb; cursor:pointer;} .HorizontalLayoutPanel {position:relative; height:500px;} .FileUpload .LinkButton .ButtonContent {display:inline;} /***************************************/ /* DISCLOSURE PANEL */ /***************************************/ .gwt-DisclosurePanel-open .header {border-bottom:1px solid #dedede;} /* ******************************************* */ /* MESSAGE CONTAINER */ /* ******************************************* */ .MessageContainer {text-align:center;} .MessageContainer .Error {font-size:x-large; color:#ff0000;} .MessageContainer .Info {font-size:x-large; color:#008000;} .RTE_AddLink {padding:10px 15px;} .TemplateVariables .ArrowLabel {width: 200px;} .CronJobSettingExample {background: url("img/cron_job_example.png") no-repeat scroll center center transparent; border: 1px dotted black; height: 512px; width: 731px;} .CronWarningMessage {font-size: 1.5em; font-weight: bold; color: red;} /***************************************/ /* SELECT ACCOUNT FORM */ /***************************************/ .SelectAccount .RadioButton {float: none;} /* ******************************************* */ /* LIST BOX */ /* ******************************************* */ .ListBox {position:relative; .float(left); width:100px;} .ListBox table {margin:0; padding:0; border-collapse:collapse;} .ListBoxInput {position:relative; margin:0; padding:0; font-weight:normal; font-size:11px; overflow: hidden;} .ListBoxInput input {position:relative; height:15px; font-weight:normal; font-size:11px;} * html .ListBoxInput input {position:relative; height:13px; font-weight:normal; font-size:11px;} .ListBoxInput .TextBoxContainer {overflow: hidden;} .ListBoxInput .TextBoxContainer-focus {position:relative; background:url('img/input.png') repeat-x 0 -2000px; border:1px solid #b2c1d7;} .DownIcon {width:18px; height:19px; display:block; background:transparent url('img/listbox.png') no-repeat 0 0; cursor:pointer;} .DownIconCell {position:relative; .float(left); width:18px; height:19px;} .ListBoxPanel {position:relative; background:#fff; border:1px solid #98c0f4; overflow:hidden; z-index:99999;} .ListBoxPanel div {position:relative; z-index:99999; display:block;} .ListBox .TextBox {width:100%;} .ListBox table {width:100%;} .ListBoxPopup table {border-collapse:collapse; margin:0; padding:0;} .ListBoxPopup .GridPager {background:#e5eff9; border:1px solid #98c0f4; width:auto;} .ListBox-TemplateConstants {width:300px} .RichListBoxPopup {background:#F2F7FB; border:1px solid #98c0f4;} .RichListBoxPopup .ListBoxPanel {border-left:none; border-right:none;} .RichListBoxCachedLabel {.float(left); padding:4px 3px; color:#686868;} .RichListBoxReset {.float(right); text-decoration:underline;} .RichListBoxReset-focus, .RichListBoxReset-over {text-decoration:none;} .RichListBoxPopupFooter {min-width:150px; padding:3px 0;} /*************************************************************/ /*************************************************************/ /*************************************************************/ /* removed from agent panel */ /*************************************************************/ /*************************************************************/ /*************************************************************/ /* TODO: check if still needed */ .TaskBarMenuButton {margin-top:6px; height:30px; width:90px;} .TaskBarMenuButton .MenuLeft {background:url('img/menu.png') no-repeat left center; width:18px; height:30px; float:left; margin:0 3px 0 7px;} .TaskBarMenuButton .MenuText {height:30px; float:left; color:#fff; padding-top:8px; margin:0 3px;} .TaskBarMenuButton .MenuRight {display:none; background:url('img/menu.png') no-repeat -41px center; width:10px; height:30px; float:left;} .TaskBarMenuButton-down .MenuLeft, .TaskBarMenuButton-downOver .MenuLeft {background:url('img/menu.png') no-repeat -20px center;} .TaskBarMenuButton-down .MenuText, .TaskBarMenuButton-downOver .MenuText {color:#333;} /* TODO: check if still needed */ .TaskBarMenu {background:#424242;} .TaskBarMenu .TaskBarMenuButton-down, .TaskBarMenu .TaskBarMenuButton-downOver {background-color:#efeeed; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;} .TaskBarMenuItems {background:#cbcbcb; padding:5px; border-radius:5px 0px 5px 5px; -webkit-border-radius:5px 0px 5px 5px; -moz-border-radius:5px 0px 5px 5px; padding:10px 0; -moz-box-shadow:-1px 2px 2px #444; -webkit-box-shadow:-1px 2px 2px #444; box-shadow:-1px 2px 2px #444;} .TaskBarMenuItem {cursor:pointer;padding:5px 10px;} .TaskBarMenuItem-Over {background:#efeeed;} .TaskBarMenuItemIconPanel {float:left; width:25px;} .TaskBarMenuItemNameLabel {margin-left:30px;} /* TODO: check if still needed */ .NewConversationButton {margin:0 0 5px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .NewConversationButton .buttonBorderColor {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #515151;} .NewConversationButton .buttonBgColor {background:#545454;} .NewConversationButton .buttonBgShadowColor {border-bottom:none;} .NewConversationButton .buttonBgGradColor {background:#5d5d5d; height:50%;} .NewConversationButton .buttonBorderColor .buttonBorderColor {border:none;} .NewConversationButton .buttonOverBorderColor {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #404040;} .NewConversationButton .buttonOverBgColor {background:#3f3f3f;} .NewConversationButton .buttonOverBgShadowColor {border-bottom:none;} .NewConversationButton .buttonOverBgGradColor {background:#484848; height:50%;} .NewConversationButton .buttonOverBorderColor .buttonOverBorderColor {border:none;} .NewConversationButton .buttonText {font-size:11px; color:#fff; line-height:19px; padding:0 10px 0 25px; background:url('img/button_icons.png') no-repeat 5px 2px;} /* TODO: check if still needed */ .ComposeButton {padding-bottom:5px;} .ComposeButton .ImLeButtonMainOut {border-bottom:none;} /* TODO: check if still needed */ .MainMenuPanel {margin:0; background:#EFEEED; border-radius:5px 0px 5px 5px; -moz-border-radius:5px 0px 5px 5px; -webkit-border-radius:5px 0px 5px 5px; padding:10px 0; -moz-box-shadow:0 3px 3px #444; -webkit-box-shadow:0 3px 3px #444; box-shadow:0 3px 3px #444;} .MainMenuDivider {background:url('img/box_divider.png') repeat-x left center; margin:10px 0;} .MainMenu {background:none; margin:0; } .MainMenuEntry {cursor:pointer; margin:4px 0; border:1px solid transparent;} .MainMenuEntry-Over {background:#d7d7d7; border:1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0 0 2px #fff; -webkit-box-shadow:0 0 2px #fff; box-shadow:0 0 2px #fff;} .MainLaMenu {padding:0 10px; } .MainLaMenu .Icon {float:left; margin:0 0 0 5px;} .MainLaMenu .Caption {padding:0 0 0 40px; line-height:2em;} .MainLaMenu .Avatar .gwt-Image {border:1px solid #dedede;} .SectionMenuEntry .MenuEntryLabel {font-size:1.168em; color:#000; font-weight:normal; padding:0 0 0 25px;} .ActionInputBox-active .InputBox {padding:10px;} .TicketStatusIcon {width:30px; height:40px; left:5px; top:0; background:url('img/status-icons-small.png') no-repeat 0 -6px; position:absolute;} .statusnew .TicketStatusIcon {background-position:0 -6px;} .statuscustomerreply .TicketStatusIcon {background-position:0 -59px;} .statusnew.OverDue .TicketStatusIcon {background-position:0 -6px;} .statuscustomerreply.OverDue .TicketStatusIcon {background-position:0 -59px;} .statuspostponed .TicketStatusIcon {background-position:0 -567px;} .statusawaitreply .TicketStatusIcone {background-position:0 -109px;} .statusresolved .TicketStatusIcon {background-position:0 -159px;} .statusdeleted .TicketStatusIcon {background-position:0 -261px;} .statusinvite .TicketStatusIcon {background-position:0 -209px;} /* TODO: check if still needed */ .StatusWidget {margin:0; background:none; border:none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; position:relative;} .StatusMessage {min-height:39px; border-bottom:1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .StatusMessage .ConversationDue {min-height:39px; padding:0 0 0 52px; background:url('img/simple-arrow.png') no-repeat -20px center;} .statusnew.OverDue .StatusMessage .ConversationDue {background:url('img/new-arrow.png') no-repeat -20px center;} .statuscustomerreply.OverDue .StatusMessage .ConversationDue {background:url('img/open-arrow.png') no-repeat -20px center;} .StatusMessage .ConversationDue .DueIcon {top:8px; left:26px;} .StatusMessage .ConversationDue .DueTime {min-height:15px; padding:4px 0 0;} .StatusMessage .ConversationDue .DueDesc {min-height:15px;} .StatusMessageIn {padding:0 1px 0 40px; font-size:15px; text-align:left; display:inline-block; line-height:39px; vertical-align:top; border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px;} .StatusButtons {min-height:28px; position:absolute; right:0; text-align:right; padding:6px 10px 6px 60px; background:url('img/status-info.png') no-repeat left -32px; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;} .StatusButtons .buttonText {font-size:1em; font-weight:normal;} .StatusButtons .ImLeButton {margin-left:5px;} .statuschatting {display:none;} .statusnew .StatusMessage {background:#ffe3c3;} .statuscustomerreply .StatusMessage {background:#fff6c3;} .statusnew.OverDue .StatusMessage, .statuscustomerreply.OverDue .StatusMessage {background:#ffc8c8;} .statusnew.OverDue .StatusMessageIn {background:#ffe3c3;} .statuscustomerreply.OverDue .StatusMessageIn {background:#fff6c3;} .statuspostponed .StatusMessage {background:#e9d8ff;} .statusawaitreply .StatusMessage {background:#fff;} .statusresolved .StatusMessage {background:#eaeaea;} .statusdeleted .StatusMessage {background:#c5c5c5;} .statusinvite .StatusMessage {background:#bbddff;} .ActionInputBox-collapsed .SendFile {display:none;} .ActionInputBox-collapsed .MessageForm {min-height:25px !important;} .ActionInputBox-collapsed .MessageFormInput {padding:5px 5px 0;} .chatRunning .ActionInputBox-collapsed .SendFile {display:block;} .ActionInputBox-expand .InputBox, .ActionInputBox-active .NoteInputBox {padding:0 10px;} .chatRunning .ActionInputBox {background:none; border:none; margin:0;} .chatRunning .InputMainButton {margin:5px 5px 5px 0;} .InviteAction .FormSection {padding:0 10px;} .Resolved .FormSection, .Closed .FormSection, .Postponed .FormSection {padding:0;} .Resolved .ActionInputBox-active .FormSection, .Postponed .ActionInputBox-active .FormSection, .Closed .ActionInputBox-active .FormSection {padding:10px 0 5px;} .Resolved .StatusWidget, .Closed .StatusWidget, .Postponed .StatusWidget {margin:0;} .Resolved .StatusMessage, .Closed .StatusMessage, .Postponed .StatusMessage {border:none; min-height:40px; } .Resolved .ActionInputBox-active .StatusMessage, .Postponed .ActionInputBox-active .StatusMessage {border-bottom:1px solid #ccc;} .ForwardActionInputBox .InputBox {padding:0 10px;} .ForwardActionInputBox .SubjectPanel {padding:10px 0;} /* TODO: check if still needed */ .AppSearchPopup .LoadingIcon {background:url('img/loading-small.gif') no-repeat top right !important;} .ConversationResultIcon {width:30px; height:30px; margin:5px 0 0; background:url('img/ticket-icon.png') no-repeat top left;} .g-ListBoxPopup.AppSearchPopup {background:#EFEEED; color:#000; border:none; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-box-shadow:0 2px 3px #444; -webkit-box-shadow:0 2px 3px #444; box-shadow:0 2px 3px #444;} .g-ListBoxPopup.AppSearchPopup .g-TablePanel {background:none; border:none;} .g-ListBoxPopup.AppSearchPopup .g-TableRow {border:none !important; background:url('img/box_divider.png') repeat-x left top !important; padding:0 0 0 5px;} .g-ListBoxPopup.AppSearchPopup .g-TableRow:first-child {background:none !important;} .g-ListBoxPopup.AppSearchPopup .g-TableRow-focused {background:#d7d7d7 !important; color:#000;} .g-ListBoxPopup.AppSearchPopup .g-TableRow-focused:first-child {background:#d7d7d7 !important;} .g-ListBoxPopup.AppSearchPopup .g-TableBody td {border:0 !important;} /* circle avatar .UserWidget .Avatar .gwt-Image {border-radius:20px;} .AgentRankingView .UserWidget .Avatar .gwt-Image {border-radius:25px;} .MessageGroup .Avatar .gwt-Image {border-radius:15px; box-shadow:0 0 1px;} .MyStatus .Avatar .gwt-Image {border-radius:17px; box-shadow:0 0 3px black;} .HomeTableBoxStats .Avatar .gwt-Image {border-radius:16px; box-shadow:0 0 2px black;} .ConversationDetailsBox .Avatar .gwt-Image {border-radius:22px;} .Agents .Avatar .gwt-Image {border-radius:30px; box-shadow:0 0 2px #000;} .DepartmentAgentWidget .Avatar .gwt-Image {border-radius:15px;} .HomeTableBox .AgentCellWidget .Avatar img {border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;} .ConversationCellWidget .Avatar img {border-radius:20px;}*/ /* TODO: check if still needed */ .MyStatus .OnlineStatus {display:block; float:left; cursor:pointer; border-radius:5px; overflow:hidden;} .MyStatus .status Span {display:block; float:left; margin:0 5px 0 0;} .My-Status .SidebarWindowPadding {padding:3px 4px 3px 8px;} .MyStatus .actions {background:#969696;} .My-Status .SidebarWindowBottomShadow, .My-Status .SidebarWindowBorder, .My-Status .SidebarWindowTopShadow {border:none;} /* TODO: check if still needed */ .FooterCountRows {text-align:left; float:left; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;} /* TODO: check if still needed */ .ConversationDetailsPanel .UserDetails .Icon {width:50px; height:50px; margin:0 0 0 10px; float:right;} .ConversationDetailsPanel .UserDetails .Icon img {width:50px; height:50px;} .ConversationDetailsPanel .UserDetails .ud-Fields {margin-right:70px; clear:none;} .ConversationDetailsPanel .UserDetails .g-FormField-Description {display:none;} .ConversationDetailsPanel .UserDetails .TextBoxContainer {background:none;} .ConversationDetailsPanel .UserDetails .TextBox {font-size:1.364em !important;} .ConversationDetailsPanel .UserDetails .TextBoxContainer-focus .TextBox {border:1px solid #8d8d8d;} .ConversationDetailsPanel .UserDetails .g-FormField2-Description {display:none;} .ConversationDetailsPanel .UserAttributes {padding:5px;} .ConversationDetailsPanel .UserAttributes .FormFieldInputContainer {float:none;} .ConversationDetailsPanel .UserAttributes .FormFieldInputContainer .FormFieldInput {float:none; width:100%;} .ConversationDetailsPanel .TextBox {font:12px/17px "Lucida grande","Lucida sans unicode", Arial, Verdana !important; width:100%;} .ConversationDetailsPanel .g-FormField2-Label {color:#929292;} .ConversationDetailsPanel .g-FormField2-InputContainer {float:none;} /* TODO: check if still needed */ .CustomerNameField .CaptionTextBoxView, .CustomerNameField .CaptionTextBoxOver, .CustomerNameField .CaptionTextBoxEdit, .CustomerNameField .CaptionTextBoxEmpty {padding:0px 2px;} .CustomerNameField .TextBox {font:16px "Lucida grande","Lucida sans unicode", Arial, Verdana !important; color:#000;} .CustomerEmailField {margin:1px 0 0;} .OwnerDetailsPanel {padding:10px 0; position:absolute; top:0; left:10px; right:10px;} .OwnerEditButton {display:block; position:absolute; top:0; right:0; margin:-4px -4px 0;} .OwnerEditButton .buttonText {font-size:11px; font-weight:normal; line-height:17px; padding:0 10px !important;} .OwnerEditButton .ImLeButtonMainContent {min-width:0;} .OtherDetailsPanel {padding:0 10px 10px; position:absolute; top:129px; left:0; bottom:0; right:0; overflow-x:hidden; overflow-y:auto;} .OwnerNameLabel {padding:0 0 0 4px;} .OwnerEmailPanel .TextBoxContainer {border:1px solid transparent; background:transparent;} .OwnerEmailPanel .gwt-TextBox {background:none; width:165px;} .OwnerEmailPanel .g-FormField2-ErrorIcon {right:-35px;} .OwnerEmailPanel .AutoSaveErrorIcon {background:url('img/icons16.png') no-repeat -64px 0px !important; width:16px !important; height:16px !important; margin:5px 0 0 2px;} .ConversationDetailsBox:hover .OwnerEmailPanel .TextBoxContainer {border:1px solid #ccc; background:#fff;} .ConversationDetailsBox .OwnerEmailPanel .TextBoxContainer-focus, .ConversationDetailsBox:hover .OwnerEmailPanel .TextBoxContainer-focus {border:1px solid #666; background:#fff;} .GroupTags {max-height:20px; overflow:hidden;} .GroupTags .TagWidget {position:relative;} .GroupTags .TagName {padding:0 10px 0 20px; font-weight:normal;} .GroupTags .TagClose {display:none;} .GroupTags .TagIcon {display:block; position:absolute; top:2px; left:2px; width:14px; height:13px; background:url('img/icons16.png?t=65') no-repeat -33px -66px;} .ConversationDetailsBox {text-align:left;} .ConversationDetailsBox .Avatar .gwt-Image {border:1px solid #dcdcdc;} .WallPaper {position:absolute; height:100%; left:0;} .BigOrangeButton .buttonText {font-size:13px; line-height:30px; padding:0 10px 0 10px;} .ActiveSupportChannelIcon {width:41px; height:41px; float:left; cursor:pointer; margin:5px 7px 0 0; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .ActiveSupportChannelIcon.Selected .ChannelArrow {background:url('img/conversation-arrows.png') no-repeat -9px -52px; position:absolute; height:16px; width:29px; bottom:0; left:6px; margin-bottom:-16px; z-index:2;} .ActiveSupportChannelIcon:hover {background:#d9d9d9;} .ActiveSupportChannelIconI:hover, .ActiveSupportChannelIconN:hover {background:#ffe27c;} .ActiveSupportChannelIconC:hover {background:#f48f8f;} .ActiveSupportChannelIconA:hover {background:#c0e3b3;} .ActiveSupportChannelIcon .ChannelStatus {position:absolute; bottom:0px; right:0px; margin:0 -8px -5px 0; width:22px; height:22px;} .ActiveSupportChannelIconI .ChannelStatus, .ActiveSupportChannelIconN .ChannelStatus {background:url('img/icons22.png') no-repeat -22px -66px;} .ActiveSupportChannelIconC .ChannelStatus {background:url('img/icons22.png') no-repeat -22px -88px;} .ActiveSupportChannelIconA .ChannelStatus {background:url('img/icons22.png') no-repeat -22px -110px;} /* TODO: check if still needed */ .ProgressBar {float:left; clear:both;} ol.ProgressSteps {border:1px solid #9f9f9f; border-radius:4px; -moz-border-radius:4px; margin:0; padding:0; float:left; -moz-box-shadow:0 1px #fff; -webkit-box-shadow:0 1px #fff; box-shadow:0 1px #fff;} .Step {float:left; height26px; line-height:26px; list-style-image:none; list-style-type:none; padding:0; color:#171717; font-size:12px; border-radius:4px; -moz-border-radius:4px; position:relative;} .StepTitle {display:block; padding:0 15px 0 35px;} .Step-Done .StepTitle {color:#9a9a9a; background:#ebebeb;} .Step-Selected .StepTitle {color:#fff; background:#005279;} .StepIcon {position:relative; height:48px; width:48px;} .StepArrowBorder {height:0; width:0; right:-26px; top:0; border:13px solid #9f9f9f; border-color:transparent transparent transparent #9f9f9f; position:absolute; display:block; z-index:2;} .StepArrow {height:0; width:0; right:-25px; top:0; border:13px solid #fff; border-color:transparent transparent transparent #fff; position:absolute; display:block; z-index:2;} .Step-Selected .StepArrow {border-color:transparent transparent transparent #005279;} .Step-Done .StepArrow {border-color:transparent transparent transparent #ebebeb;} .Step.StepIA {padding:0;} .StepIA .StepArrowBorder {display:none;} .StepIA .StepArrow {display:none;} .ProgressSteps .Step:first-child .StepTitle {padding:0 15px; border-radius:4px 0 0 4px;} .SetupEmailStepView .ProgressBar {margin:15px 0 0;} .UserAgent_label {height:16px; border-left:1px solid #C2C2C2;} .UserAgent_Chrome {padding-left:31px; background:url('img/browsers.png?t=65') no-repeat 10px -25px;} .UserAgent_InternetExplorer {padding-left:31px; background:url('img/browsers.png?t=65') no-repeat 10px -50px;} .UserAgent_Opera {padding-left:31px; background:url('img/browsers.png?t=65') no-repeat 10px -100px;} .UserAgent_Firefox {padding-left:31px; background:url('img/browsers.png?t=65') no-repeat 10px -75px;} .UserAgent_Safari {padding-left:31px; background:url('img/browsers.png?t=65') no-repeat 10px 0px;} .WindowContainer {background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0 0 10px #606060; box-shadow:0 0 10px #606060;} .TabbedMaximizedWindow .popupContent .WindowContainer {background:none; border:none; -moz-box-shadow:none; box-shadow:none;} .WindowIn, .Window-active .WindowIn {padding:0; background:#fff;} .Conversation .WindowIn, .Conversation.Window-active .WindowIn {padding:0; background:#f1f1f1;} .Conversation .WindowContent {padding:0 10px; overflow:hidden;} .Content {background:#fff;} .Content .WindowIn, .Content.Window-active .WindowIn, .ViewForm .WindowIn, .ViewForm.Window-active .WindowIn {padding:0; background:#f1f1f1;} .Content .WindowContainer, .ViewForm .WindowContainer {background:#f1f1f1;} .Content .popupContent .WindowContainer {background:#fff; } .Window-active .WindowHeaderLeft {background:none;} .Window-active .WindowHeaderRight {background:none;} .Window-active .WindowLeft {background:none;} .Window-active .WindowRight {background:none;} .Window-active .WindowBottomLeft {background:none;} .Window-active .WindowBottomRight {background:none;} .Window-active .WindowBottom {background:none;} .WindowHeaderLeft {height:auto;} .WindowHeaderRight {height:auto;} .WindowHeader .WindowHeader, .Window-active .WindowHeader {cursor:move; height:auto; padding:5px 27px 2px; margin:0 15px; border-bottom:1px solid #7f7f7f; position:relative;} .WindowButtonClose, .Window-active .WindowButtonClose {width:16px; height:16px; background:url("img/icons16.png?t=65") no-repeat -32px 0; opacity:0.7; margin:4px 0 0;} .WindowButtonClose-over, .Window-active .WindowButtonClose-over {background:url("img/icons16.png?t=65") no-repeat -32px 0; opacity:1;} .MyStatus .MyOnlineStatusWidget {display:block; float:left;} .CreateContactWidgetView .CreateContactWidgetCaption {font-size:16px; font-weight:bold; margin:10px;} .CreateContactWidgetView .SectionWidget {margin:10px 10px 10px 40px;} .CreateContactWidgetView .SectionWidget .SectionWidgetCaption {margin:10px 0;} .CreateContactWidgetView .SectionWidget .SectionWidgetCreateContactWidget {float:left; margin:10px; cursor:pointer;} .SectionWidgetCreateContactWidgetchatFloatImageButton1 {background:url('../../install/_common_templates/img/float-button-01-on.png') no-repeat center; height:167px; width:41px;} .SectionWidgetCreateContactWidgetchatFloatImageButton2 {background:url('../../install/_common_templates/img/float-button-02-on.png') no-repeat center; height:168px; width:42px;} .SectionWidgetCreateContactWidgetchatInPageImageButton1 {background:url('../../install/_common_templates/img/image-button-01-on.png') no-repeat center; width:175px; height:41px;} .SectionWidgetCreateContactWidgetchatInPageImageButton2 {background:url('../../install/_common_templates/img/image-button-02-on.png') no-repeat center; width:163px; height:46px;} .SectionWidgetCreateContactWidgetchatInPageImageButton3 {background:url('../../install/_common_templates/img/image-button-03-on.png') no-repeat center; width:170px; height:55px;} .SectionWidgetCreateContactWidgetchatInPageHtmlButton1 {background:url('../../install/_common_templates/img/html-button-01-on.png') no-repeat center; width:180px; height:40px;} .SectionWidgetCreateContactWidgetformFloatImageButton1 {background:url('../../install/_common_templates/img/float-button-01-off.png') no-repeat center; height:175px; width:41px;} .SectionWidgetCreateContactWidgetformFloatImageButton2 {background:url('../../install/_common_templates/img/float-button-02-off.png') no-repeat center; height:174px; width:42px;} .SectionWidgetCreateContactWidgetformInPageImageButton1 {background:url('../../install/_common_templates/img/image-button-01-off.png') no-repeat center; width:175px; height:41px;} .SectionWidgetCreateContactWidgetformInPageImageButton2 {background:url('../../install/_common_templates/img/image-button-02-off.png') no-repeat center; width:163px; height:46px;} .SectionWidgetCreateContactWidgetformInPageImageButton3 {background:url('../../install/_common_templates/img/image-button-03-off.png') no-repeat center; width:178px; height:55px;} .SectionWidgetCreateContactWidgetformInPageHtmlButton1 {background:url('../../install/_common_templates/img/html-button-01-off.png') no-repeat center; width:180px; height:40px;} .CreateContactWidgetView .SectionWidget .LinkSectionWidget {float:left; margin:10px;} .CreateContactWidgetView .SectionWidget .LinkSectionWidget .LinkSectionWidgetCreateContactWidgetLink {margin:10px; display:block;} .InternalMessageGroup .HeaderUserName {background:none;} .InternalMessageGroup .MessageGroupHeader {background:none;} .WorkReport {background:#fff; border:1px solid #e0e0e0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; float:left; padding:20px 5px 30px; margin:15px; font-size:1.2em;} .popupContent .WorkReport {float:none; margin:0px;} .WorkReport .g-TableRow-Even {background-color:#fff;} .WorkReport .g-TableRow-Odd {background-color:#f0f0f0;} .WorkReport .WorkColumnMain {color:#000;} .WorkReport .WorkColumnMainInfo {color:#000;font-size:0.9em;} .WorkReport .WorkColumnSecond {font-size:0.9em; color:#9f9f9f;} .assigned {display:none;} .assignedInfo {margin:8px 0 0 0;} .assignedToMe .assigned, .assignedToOther .assigned {color:#fff; background:#353535 url('img/assigned-background.png') repeat-x top left; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; display:block; padding:3px 10px 3px 5px;} .assignedToMe .assignedInfo, .assignedToOther .assignedInfo {float:left; background:url('img/assigned-arrow.png') no-repeat top left; padding:0 0 0 11px;} .assignedAgentName {display:inline; font-size:12px; color:#ffc600; font-weight:bold;} .requestedByLabel {display:none; padding:0 0 7px;} .ConversationDetailsBox .g-FormField2-Description {display:none;} .dateInfo {line-height:2em;} .dateLabel {display:inline; color:#000; font-size:10px; margin:0 5px 0 0;} .department {display:inline; color:#333; font-size:12px; margin:0 5px 0 0; font-weight:bold;} .conversationCode {display:inline; color:#333; font-size:12px; margin:0 5px 0 0;} .locationLabel, .locationMapLabel {margin:10px 0 0 10px;} /* TODO: only in agent_edit_form.tpl and agent_create_form.tpl */ .DepartmentStatusChange {position:relative;} .DepartmentStatusChange .g-FormField2-Label {padding:1px 0 0 25px; width:auto; text-align:left;} .DepartmentStatusChange .g-FormField2-InputContainer {clear:left;} .DepartmentStatusChange .g-FormField2-InputPanel {position:absolute; top:-16px; left:0;} .DepartmentStatusChange .g-FormField2-Description {padding:2px 0 0 24px;} /* TODO: only in agent_edit_form.tpl */ .FormFieldset .ResetPswButton.ImLeButton {border:1px solid #707070; clear:none; margin:4px 5px 5px 40px; font-weight:bold; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-decoration:none; text-align:center; background:none;} .FormFieldset .ResetPswButton.ImLeButton-focused, .FormFieldset .ResetPswButton.ImLeButton:hover {background:#005279;} .FormFieldset .ResetPswButton .buttonBgColor {background-color:#e6e6e6; border:0px !important;} .FormFieldset .ResetPswButton .buttonBorderColor {border:0px !important;} .FormFieldset .ResetPswButton .buttonBgShadowColor {background-color:#efefef;} .FormFieldset .ResetPswButton .buttonText {color:#000; font:normal 1em/1.7em "Lucida grande","Lucida sans unicode", Arial; padding:0 5px;} .FormFieldset .ResetPswButton .buttonOverBgColor {background-color:#d5d5d5;} .FormFieldset .ResetPswButton.ImLeButton-focused .buttonBgColor {background-color:#d7e3e7; border:0px;} .FormFieldset .ResetPswButton .buttonOverBgShadowColor {background-color:#dedede;} .FormFieldset .ResetPswButton.ImLeButton-focused .buttonBgShadowColor {background-color:#ddecef;} .rightPanel {background:#979797 url('img/chat_window_configuration_header.jpg') no-repeat top left;} .previewLabel {line-height:1.7em; text-align:center; text-shadow:0px 1px #dcdcdc; -moz-text-shadow:0px 1px #dcdcdc; font-size:1.1em; font-weight:bold;} .ButtonPagePreview .BrowserTitle {color:#333; line-height:18px; font-weight:bold; text-shadow:0 1px #DCDCDC; -moz-text-shadow:0 1px #DCDCDC; background:url('./img/integration-preview-right.png') no-repeat top right; text-align:center; height:21px;} .ButtonPagePreview .BrowserWindow {height:220px; border:1px solid #000; margin:0 0 10px; background:url('img/integration-preview-bg.png') repeat-x; } .ButtonPagePreview .BrowserTitlePanel {background:url('./img/integration-preview-left.png') no-repeat top left; } .ButtonPagePreview .Page {width:100%; height:198px; background:#fff url('./img/integration-preview-contactbutton.png') no-repeat top left; border:none;} /* TODO: check if still needed */ .AssignedConversationsHeader {background:url('img/assigned-arrow.png') no-repeat top left; padding:0 0 0 11px;} .AssignedConversationsHeaderIcon {display:none;} .AssignedConversationsHeaderText {color:#fff; background:#353535 url('img/assigned-background.png') repeat-x top left; display:block; padding:3px 10px 3px 5px;} .AssignedConversationsHeaderText span {font-size:12px; color:#ffc600; font-weight:bold;} .TagView .ArrowLabel {width:150px;} /* removed from ticket filter */ .OptionalFormSection .g-FormField2 {padding:10px 10px 12px; background:url('img/box_divider.png') repeat-x left bottom; margin:0;} .OptionalFormSection .g-FormField2-Label {width:120px;} .AdvancedFilterView .FormSection {padding:10px 10px 12px; background:url('img/box_divider.png') repeat-x left bottom; position:relative;} .AdvancedFilterView .FormFieldset .ImLeButton {margin:5px 10px 0 0;} .FormSectionContent {padding:0 0 0 130px;} .FormSectionLabel {position:absolute; width:120px; font-weight:bold; font-size:12px; text-align:right; left:10px; top:15px;} .HomePageVisits .g-Table-NoData .g-TableHeader {display:none;} .HomePageVisits .g-TableHeaderCell {font-size:1.1em; font-weight:normal; line-height:1.8em;} .HomePageVisits .g-TableRow-Odd {background:#efeeed;} .HomePageVisits .LastActivity {font-weight:bold;} .HomePageNoVisits, .HomePageErrorVisits {background:#eee; height:100%; overflow:auto;} .HomePageNoVisitsIn {padding:15px; font-size:1.1em;} .HomePageNoVisitsIn ul {margin:5px 0 15px;} .HomePageNoVisitsIn a {font-weight:bold; text-decoration:underline; color:#000;} .HomePageNoVisitsIn a:hover {color:#747474;} .HomePageNoVisitsIn h2 {font-weight:normal; font-size:1.3em; margin:0; padding:0;} .HomePageNoVisitsIn h3 {font-weight:bold; font-size:1.0em;} .HomePageNoVisitsIn .Tips {margin:0; padding:4px 0 4px 35px; background:url('img/tips.png') no-repeat top left;} .HomePageMapPanel {float:left;} .HomePageMapPanel .HomePageMap {float:left;} .HomePageVsitsTable {float:left;} .HomePageVsitsTable .Caption {cursor:pointer;} .HomeTableBoxDepartments, .HomeTableBoxAgents {text-align:center;} .HomeTableBoxDepartments .HomeDepartmentsTable, .HomeTableBoxAgents .HomeAgentsTable {text-align:left;} .HomeTableBoxDepartments .DepartmentName {font-weight:bold;} .HomeTableBoxDepartments .DepartmentName:hover {text-decoration:underline; cursor:pointer;} .HomeAdminTableBoxAgents .AgentCellWidget .NameLabel {cursor:pointer; line-height:27px;} .HomeAdminTableBoxAgents .AgentCellWidget .NameLabel:hover {text-decoration:underline;} .HomeTableBox .TotalCount {font-size:1.4em; text-align:right; padding:5px 10px 0 0;} .HomeTableBox .Title {font-size:1.4em; font-weight:bold; line-height:1.7em;} .HeaderUrl {float:left; margin:6px 0 0 5px;} .HeaderUrlTime {float:left; margin:7px 0 0 0;} .MessageGroupHeaderChatRunning .HeaderUrlTime {float:right; font-size:10px; margin:0 13px 0 0;} .WindowHeader .SmallIcon {margin:0; position:absolute; left:5px; top:9px;} .WindowHeader .MiddleIcon {margin:0; position:absolute; left:5px; top:11px;} .AgentMaxLoadForm .CountInline {float:left; padding:0 4px;} .CountInline .TextBox {width:25px;} .CountInline .TextBoxContainer {padding:0 !important; border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important;} .AgentMaxLoadForm .TextBox {text-align:right;} .AgentMaxLoadShow .AcceptsIconT {margin:3px 0 0;} .AgentMaxLoadShow .AcceptsIconM {margin:4px 0 0;} .MaxNumber {color:#333; font-size:1.4em; margin:2px 2px 0;} .MaxMails {margin-left:15px;} .RoleWidget .RoleName {font-size:1.4em;} .RoleWidget .la_adm {background:url('img/admin-icon.png') no-repeat center center; width:25px; height:20px; margin:0 0 0 7px;} .g-FormField2-InputContainer .LinkButton {float:none; width:80px; display:block; text-align:center;}