/*--------------------------------------- Core Properties ---------------------------------------*/ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; color: #666; } td, p, th { font-size: 11px; } hr { background-color: #E5E5e5; border: 1px solid #E5E5e5; } a:link, a:visited, a:active { text-decoration: none; color: #7E8F2C; } a:hover { text-decoration: none; color: #666666; } h2 { color:#666666; font-size: 16px; } h3 { font-family : "Trebuchet MS"; color: #333333; font-size: 14px; font-weight: normal; margin:5px; } acronym { border-bottom:1px dashed #666; cursor:help; } code { border:1px dashed #8CACBB; color:#333; font-size:120%; padding:0.5em; background-color:#F7F9FA; margin:3px 0; display:block; } /* Page creator & other modules *need* this. TO force the bullets use .list_bullets */ ul { list-style-type:none; } /*--------------------------------------- Header & Footer ---------------------------------------*/ /* Header */ .header { border-bottom: 1px solid #000000; height:40px; } .header_logo { float:left; height:25px; margin-top:6px; padding:5px; width:100px; } .header_url { float:left; padding:22px 5px 0; color:#fff; } .header_url a { color:#fff; } /*--------------------------------------- Menu ---------------------------------------*/ /* Core Properties */ #mantis_menu { float:left; height:22px; margin-top:16px; text-align:center; } #mantis_menu ul { display: inline-block; } /* makes it centered in IE */ #mantis_menu ul { display: inline; margin: 0; padding: 0; list-style: none; white-space: nowrap; text-align: left; } #mantis_menu li { margin: 0; padding: 0; z-index:900; } #mantis_menu ul.menu_list { /*display: table;*/ margin: 0 auto; } #mantis_menu li li ul { left: 100%; margin-top: -23px; margin-left: -5px; } #mantis_menu .menu_arrow { /* arrow can be hidden */ } #mantis_menu a { /* all links styles: */ display: block; line-height: 22px; color: #444; text-decoration: none; } #mantis_menu li.menu_item { /* top level menu styles: */ float: left; position: relative; cursor: pointer; margin-right: 1px; background-color:#fff; } #mantis_menu li.menu_item a.top_level { /* top level menu link styles:*/ padding:1px 10px; } #mantis_menu li.menu_item { /* toplevel link */ text-transform:uppercase; } #mantis_menu li.menu_item:hover { /* top level menu hover */ white-space: nowrap; background:#CCC; color: #FF0033; } #mantis_menu li.selected { /* top level selected item */ background-color:#D0DF8B; } #mantis_menu li.selected > a { /* top level selected link */ color: #333; } #mantis_menu ul.drop_down { /* drop down position */ top: 24px; } #mantis_menu li ul { /* dropdown border style */ display: block; position: absolute; visibility: hidden; left: 0; background-color: #ccc; padding: 1px 1px 3px 1px; } #mantis_menu li li { /* dropdown dividing line */ border-bottom: 1px solid #CCC; } #mantis_menu li li a { /* dropdown bg color */ background-color: #fff; padding:1px 11px 1px 9px !important; color: #333; text-transform:none; } #mantis_menu li li a:hover { /* dropdown hover color */ background-color: #D0DF8B; color: #333; } #mantis_menu li li a.fly_menu { /* sub-dropdown bg color */ background: #fff; color: #333; } #mantis_menu li li:hover > a.fly_menu { /* sub-dropdown hover color */ background: #ccc; color: #333;} /* Make it work */ #mantis_menu li:hover > ul, #mantis_menu a:hover ul, #mantis_menu a:hover a:hover ul, #mantis_menu a:hover a:hover a:hover ul { visibility: visible; } #mantis_menu a:hover ul ul, #mantis_menu a:hover a:hover ul ul { visibility: hidden; } /* Custom Menu Code */ #mantis_menu li li a .icon { /* img border:none; padding:2px 2px 0 0; */ display:none;} /*--------------------------------------- Tabs & Content Holder ---------------------------------------*/ .module_content { vertical-align: top; padding: 15px; height: 300px; background-color:#fff; } .module_tabs { margin-top: 15px; vertical-align: top; } .module_name { vertical-align: bottom; font-family: "Trebuchet MS"; font-size: 16px; font-weight: bold; padding:0 0 2px 10px; } .module_fullscreen { margin-left:0; width:100%; } /* Module Tabs */ #tabbed_nav { margin:0; padding: 5px 0 5px 10px; } #tabbed_nav li { list-style: none; margin: 0; display: inline; } /* Default State */ #tabbed_nav li a { padding: 4px 10px 5px 10px; margin-left: 3px; border-bottom: none; text-decoration: none; color: #666; } #tabbed_nav li a:hover { color: #fff; background-color:#D0DF8B; } /* Selected State */ #tabbed_nav li a.current { background-color: #fff; border-bottom: 1px solid white; } #tabbed_nav li a.current:hover { color:#8CAC01; } /*--------------------------------------- Search & List Styles ---------------------------------------*/ .subsection-box { border: 1px solid #CCCCCC; background-color:#fff; } .subsection-nav { background-color:#666666; color:#FFFFFF; font-size:11px; font-weight:bold; padding:5px; } .formtitlebar { font-weight: bold; font-size:11px; color: #333; } .search_results { padding: 5px 0px; font-weight:bold; } .search_actions { padding: 5px 0px; text-align:right; } /* Search result styles */ .table-row { background-color: #F7F7F7; } .table-row-alt { background-color: #E9E9E9; } /* Column sorting */ .sortcol { background-position:right center; background-repeat:no-repeat; cursor:pointer; padding-right:20px; } .sortasc { background-color: #E5E9EF; background-image: url('/common/templates/default/images/sort_ascending.gif'); border:1px solid #ccc; border-top:none; } .sortdesc { background-color: #EFE5ED; background-image: url('/common/templates/default/images/sort_descending.gif'); border:1px solid #ccc; border-top:none; } /*--------------------------------------- Common & random ---------------------------------------*/ /* Different color boxes */ .green_container { background-color:#E7EFC2; border:1px solid #C2CF81; margin:5px 0; } .lightgreen_container { background-color:#ECEFE0; border:1px solid #C2CF81; margin:5px 0; } .lightgrey_container { background-color:#EBEBEB; border:1px solid #DFDFDF; margin:5px 0; } /* Minor styles */ .red { color: #CC0000; } .note { color: #999; } .status_pending { color: #CDCF0C; } .status_approved { color: #33CF3A; } .status_declined { color: #DF3B1B; } .list_bullets { list-style-type:disc; } .mantis_help_icon { cursor:help; } .translatable { background-color:#EFEEE0; } /* Translatable Field Style */ /*--------------------------------------- Forms ---------------------------------------*/ input { border: 1px solid #ccc; background-color: #e5e5e5; padding: 0.1em; color:#444; font-size:12px;} select { border: 1px solid #ccc; background-color: #e5e5e5; padding: 0.1em; color:#444; font-size:12px; margin:2px 0; } textarea { border: 1px solid #ccc; background-color: #e5e5e5; padding: 0.1em; color:#444; font-size:12px; } /* If inputs are inside a color_container, redefine bgcolor */ .lightgreen_container input, .lightgreen_container textarea, .lightgreen_container select { background-color: #fff; } .green_container input, .green_container textarea, .green_container select { background-color: #fff; } /* Standard Buttons */ input.standardButton, input.saveButton, input.editButton, input.deleteButton, input.formbuttons, input.revisionButton, input.resultButton, input.editor_ok_button, input.editor_cancel_button { padding: 2px 3px; color: #333333; background-color: #CCCFC2; border:1px outset #AAAF99; } /* Green & Red buttons */ input.actionButton { background-color: #8CAC01; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 7px; border:1px outset #ccc; } input.cancelButton { background-color: #990000; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 7px; border:1px outset #ccc; } /*--------------------------------------- Errors & Messages (notice-x deprecated) ---------------------------------------*/ /* Success Messages (green box) */ .successbox, .notice-success { background-color: #007F05; color: #fff; font-size: 11px; margin-bottom: 5px; padding: 7px 7px 7px 40px; text-align: left; border:0; } /* Error/Warning Messages Box (red box) --deprecate all but .errorbox */ .errorbox, .notice-error, .notice-alert, .table-error, .notice-warning { background-color: #990000; color: #fff; font-size: 11px; margin-bottom: 5px; padding: 7px 7px 7px 40px; text-align: left; border:0; } /* Notice Box (blue box) */ .noticebox { background-color:#1772D5; color: #fff; font-size: 11px; margin-bottom: 5px; padding: 7px 7px 7px 40px; text-align: left; border:0; } /* Warning Box (yellow box) */ .warningbox { color: #4444; font-size: 11px; margin-bottom: 5px; padding: 7px 7px 7px 40px; text-align: left; background-color:#FEFFBF; border:1px solid #EEEFA4; } /* hack lists so text shows up right color */ .notice-error li, .notice-alert li, .table-error ul li { color: #fff; padding: 3px; } /* inline errors */ .error, .validation-advice { color: #ff0000; font-weight: bold; } /*--------------------------------------- Tool/Feature Specific ---------------------------------------*/ /* Autocomplete */ div.autocomplete { background-color: #fff; border: 1px solid #888; margin: 0px; padding: 0px; position: absolute; width: 250px; z-index:900; } div.autocomplete ul { list-style-type: none; margin: 0px; padding: 0px; } div.autocomplete ul li.selected { background-color: #ffb; } div.autocomplete ul li { cursor: pointer; display: block; height: 15px; list-style-type: none; margin: 0; padding: 2px; } /* In Place Editor */ .editor_field { background-color: #fff; } /* Tooltip */ div.tooltip { margin-left: 15px; padding: 5px; z-index:100; width: 400px; font-size:10px; color: #666; background-color:#FFFFCC; border:1px solid #CCC; } /* Sortable drop-to-field */ .sortable_hover { background-color:#FEFF6F; } /***************************** Dialog/Window Styles http://prototype-window.xilinus.com/documentation.html Note: DO NOT CHANGE THESE VALUES ******************************/ .dialog { display: block; position: absolute; } .dialog table.table_window { border-collapse: collapse; border-spacing: 0; margin: 0px; padding: 0px; width: 100%; } .dialog table.table_window td , .dialog table.table_window th { padding: 0; } .dialog .title_window { moz-user-select: none; } .overlay_default { } .default_nw { background: transparent url(/common/templates/default/images/default/left-top.gif) no-repeat 0 0; height: 25px; width: 10px; } .default_n { background: transparent url(/common/templates/default/images/default/top-middle.gif) repeat-x 0 0; height: 25px; } .default_ne { background: transparent url(/common/templates/default/images/default/right-top.gif) no-repeat 0 0; height: 25px; width: 10px; } .default_w { background: transparent url(/common/templates/default/images/default/frame-left.gif) repeat-y top left; width: 7px; } .default_e { background: transparent url(/common/templates/default/images/default/frame-right.gif) repeat-y top right; width: 7px; } .default_sw { background: transparent url(/common/templates/default/images/default/bottom-left-c.gif) no-repeat 0 0; height: 7px; width: 7px; } .default_s { background: transparent url(/common/templates/default/images/default/bottom-middle.gif) repeat-x 0 0; height: 7px; } .default_se, .default_sizer { background: transparent url(/common/templates/default/images/default/bottom-right-c.gif) no-repeat 0 0; height: 7px; width: 7px; } .default_sizer { cursor: se-resize; } .default_close { background: transparent url(/common/templates/default/images/default/button-close-focus.gif) no-repeat 0 0; cursor: pointer; height: 23px; position: absolute; right: 11px; top: 0px; width: 23px; z-index: 1000; } .default_minimize { background: transparent url(/common/templates/default/images/default/button-min-focus.gif) no-repeat 0 0; cursor: pointer; height: 23px; position: absolute; right: 55px; top: 0px; width: 23px; z-index: 1000; } .default_maximize { background: transparent url(/common/templates/default/images/default/button-max-focus.gif) no-repeat 0 0; cursor: pointer; height: 23px; position: absolute; right: 33px; top: 0px; width: 23px; z-index: 1000; } .default_title { color: #123456; float: left; font-size: 14px; height: 14px; margin-top: 2px; text-align: center; width: 100%; } .default_content { background: #FDFDFD; color: #000; font: 12px arial; font-family: Tahoma, Arial, sans-serif; overflow: auto; } .default_window { background: #FFF; border: 1px solid #F00; margin-left: auto; margin-right: auto; padding: 20px; width: 400px; } .default_message { font: 12px arial; padding-bottom: 10px; text-align: center; width: 100%; } .default_buttons { text-align: center; width: 100%; } .default_buttons input { margin: 10px; width: 20%; } .default_progress { background: #FFF url('/common/templates/default/images/progress.gif') no-repeat center center; float: left; height: 16px; margin: auto; text-align: center; width: 100%; } .default_wired_frame { }